From 3acaa0fc1781e0497830086cf7e0cebaa6a75f0c Mon Sep 17 00:00:00 2001 From: georgewrmarshall Date: Thu, 30 May 2024 16:50:49 -0700 Subject: [PATCH 1/4] feat: updating json css and js with brand evolution colors --- src/css/brand-colors.css | 180 +++++++------- src/css/dark-theme-colors.css | 152 ++++++++---- src/css/light-theme-colors.css | 160 ++++++++----- src/figma/brandColors.json | 326 +++++++++++++------------- src/figma/darkTheme.json | 64 ++--- src/figma/lightTheme.json | 72 +++--- src/js/brandColor/brandColor.ts | 142 +++++------ src/js/brandColor/brandColor.types.ts | 46 ++-- src/js/brandColor/index.ts | 1 + src/js/index.ts | 2 +- src/js/themes/darkTheme/colors.ts | 42 ++-- src/js/themes/lightTheme/colors.ts | 50 ++-- 12 files changed, 672 insertions(+), 565 deletions(-) diff --git a/src/css/brand-colors.css b/src/css/brand-colors.css index 0884a581..891e5d15 100644 --- a/src/css/brand-colors.css +++ b/src/css/brand-colors.css @@ -1,98 +1,109 @@ /** - * @deprecated these brand colors have been deprecated in favor of the new brand colors * Brand Colors * Do not use "--brand-colors" in your code * Instead use the "--color-" variables to ensure * theme compatible styles */ + :root { /* Grey */ - --brand-colors-grey-grey100: #d6d9dc; - --brand-colors-grey-grey200: #bbc0c5; - --brand-colors-grey-grey300: #9fa6ae; - --brand-colors-grey-grey400: #848c96; - --brand-colors-grey-grey500: #6a737d; - --brand-colors-grey-grey600: #535a61; - --brand-colors-grey-grey700: #3b4046; - --brand-colors-grey-grey800: #24272a; - --brand-colors-grey-grey900: #141618; - --brand-colors-grey-grey1000: #000000; - --brand-colors-grey-grey050: #f2f4f6; --brand-colors-grey-grey000: #ffffff; - --brand-colors-grey-grey025: #fafbfc; - /* Blue */ - --brand-colors-blue-blue100: #a7d9fe; - --brand-colors-blue-blue200: #75c4fd; - --brand-colors-blue-blue300: #43aefc; - --brand-colors-blue-blue400: #1098fc; - --brand-colors-blue-blue500: #0376c9; - --brand-colors-blue-blue600: #0260a4; - --brand-colors-blue-blue700: #024272; - --brand-colors-blue-blue800: #01253f; - --brand-colors-blue-blue900: #00080d; - --brand-colors-blue-blue050: #eaf6ff; - --brand-colors-blue-blue025: #eaf6ff; - /* Green */ - --brand-colors-green-green100: #afecbd; - --brand-colors-green-green200: #5dd879; - --brand-colors-green-green300: #28a745; - --brand-colors-green-green400: #28a745; - --brand-colors-green-green500: #1c8234; - --brand-colors-green-green600: #145523; - --brand-colors-green-green700: #145523; - --brand-colors-green-green800: #0a2c12; - --brand-colors-green-green900: #041007; - --brand-colors-green-green050: #d6ffdf; - --brand-colors-green-green025: #f3fcf5; - /* Red */ - --brand-colors-red-red100: #f7d5d8; - --brand-colors-red-red200: #f1b9be; - --brand-colors-red-red300: #e88f97; - --brand-colors-red-red400: #e06470; - --brand-colors-red-red500: #d73847; - --brand-colors-red-red600: #8e1d28; - --brand-colors-red-red700: #64141c; - --brand-colors-red-red800: #3a0c10; - --brand-colors-red-red900: #3a0c10; - --brand-colors-red-red050: #fcf2f3; - --brand-colors-red-red025: #fcf2f3; - /* Yellow */ - --brand-colors-yellow-yellow100: #ffdf70; - --brand-colors-yellow-yellow200: #ffc70a; - --brand-colors-yellow-yellow300: #f8883b; - --brand-colors-yellow-yellow400: #f66a0a; - --brand-colors-yellow-yellow500: #bf5208; - --brand-colors-yellow-yellow600: #954005; - --brand-colors-yellow-yellow700: #632b04; - --brand-colors-yellow-yellow800: #321602; - --brand-colors-yellow-yellow900: #321602; - --brand-colors-yellow-yellow050: #fff2c5; - --brand-colors-yellow-yellow025: #fefcde; - /* Orange */ - --brand-colors-orange-orange100: #fbc49d; - --brand-colors-orange-orange200: #faa66c; - --brand-colors-orange-orange300: #f8883b; - --brand-colors-orange-orange400: #f66a0a; - --brand-colors-orange-orange500: #bf5208; - --brand-colors-orange-orange600: #954005; - --brand-colors-orange-orange700: #632b04; - --brand-colors-orange-orange800: #321602; - --brand-colors-orange-orange900: #321602; - --brand-colors-orange-orange050: #fde2cf; - --brand-colors-orange-orange025: #fef5ef; - /* Purple */ + --brand-colors-grey-grey025: #f7f9fc; + --brand-colors-grey-grey050: #f3f5f9; + --brand-colors-grey-grey100: #dadce5; + --brand-colors-grey-grey200: #b7bbc8; + --brand-colors-grey-grey300: #9ca1af; + --brand-colors-grey-grey400: #858b9a; + --brand-colors-grey-grey500: #686e7d; + --brand-colors-grey-grey600: #4b505c; + --brand-colors-grey-grey700: #31333a; + --brand-colors-grey-grey800: #222325; + --brand-colors-grey-grey900: #121314; + --brand-colors-grey-grey1000: #000000; + /* Blue - primary/info */ + --brand-colors-blue-blue025: #f8f9ff; + --brand-colors-blue-blue050: #f4f5ff; + --brand-colors-blue-blue100: #d6dbff; + --brand-colors-blue-blue200: #adb6fe; + --brand-colors-blue-blue300: #8b99ff; + --brand-colors-blue-blue300-15: #8b99ff26; + --brand-colors-blue-blue400: #6f7eff; + --brand-colors-blue-blue500: #4459ff; + --brand-colors-blue-blue500-10: #4459ff1a; + --brand-colors-blue-blue600: #2c3dc5; + --brand-colors-blue-blue700: #1c277f; + --brand-colors-blue-blue800: #131b59; + --brand-colors-blue-blue900: #0b0f32; + /* Green - success */ + --brand-colors-green-green025: #f1faf4; + --brand-colors-green-green050: #ebf7ee; + --brand-colors-green-green100: #c1e6c9; + --brand-colors-green-green200: #80cb91; + --brand-colors-green-green300: #4cb564; + --brand-colors-green-green300-15: #4cb56426; + --brand-colors-green-green400: #279f41; + --brand-colors-green-green500: #1c7e33; + --brand-colors-green-green500-10: #1c7e331a; + --brand-colors-green-green600: #145d25; + --brand-colors-green-green700: #0d3b18; + --brand-colors-green-green800: #092912; + --brand-colors-green-green900: #051709; + /* Red - error */ + --brand-colors-red-red025: #fff6f7; + --brand-colors-red-red050: #fff2f3; + --brand-colors-red-red100: #ffd2d5; + --brand-colors-red-red200: #ffa1aa; + --brand-colors-red-red300: #ff7584; + --brand-colors-red-red300-15: #ff758426; + --brand-colors-red-red400: #f74d5e; + --brand-colors-red-red500: #ca3542; + --brand-colors-red-red500-10: #ca35421a; + --brand-colors-red-red600: #952731; + --brand-colors-red-red700: #611a20; + --brand-colors-red-red800: #431216; + --brand-colors-red-red900: #3b0f13; + /* Yellow - warning */ + --brand-colors-yellow-yellow025: #fff9e6; + --brand-colors-yellow-yellow050: #fff5d5; + --brand-colors-yellow-yellow100: #ffd957; + --brand-colors-yellow-yellow100-15: #ffd95726; + --brand-colors-yellow-yellow200: #f0b034; + --brand-colors-yellow-yellow300: #e18f01; + --brand-colors-yellow-yellow400: #c37b02; + --brand-colors-yellow-yellow400-15: #c37b0226; + --brand-colors-yellow-yellow500: #9a6300; + --brand-colors-yellow-yellow500-10: #9a63001a; + --brand-colors-yellow-yellow600: #714802; + --brand-colors-yellow-yellow700: #482d01; + --brand-colors-yellow-yellow800: #321f00; + --brand-colors-yellow-yellow900: #1c1100; + /* Orange - brand */ + --brand-colors-orange-orange025: #fff8f5; + --brand-colors-orange-orange050: #fff0ea; + --brand-colors-orange-orange100: #ffd4c1; + --brand-colors-orange-orange200: #ffa47c; + --brand-colors-orange-orange300: #ff7940; + --brand-colors-orange-orange400: #f35714; + --brand-colors-orange-orange500: #c3420d; + --brand-colors-orange-orange600: #932d06; + --brand-colors-orange-orange700: #631800; + --brand-colors-orange-orange800: #451100; + --brand-colors-orange-orange900: #280a00; + /* Purple - brand */ + --brand-colors-purple-purple025: #fcf6ff; + --brand-colors-purple-purple050: #fbf2ff; --brand-colors-purple-purple100: #efd2ff; - --brand-colors-purple-purple200: #cfb5f0; + --brand-colors-purple-purple200: #dfa4ff; --brand-colors-purple-purple300: #d27dff; --brand-colors-purple-purple400: #b864f5; - --brand-colors-purple-purple500: #8b45b6; + --brand-colors-purple-purple500: #8f44e4; --brand-colors-purple-purple600: #6c2ab2; - --brand-colors-purple-purple700: #4c1178; - --brand-colors-purple-purple800: #32054d; + --brand-colors-purple-purple700: #6c2ab2; + --brand-colors-purple-purple800: #380658; --brand-colors-purple-purple900: #280a00; - --brand-colors-purple-purple050: #fbf2ff; - --brand-colors-purple-purple025: #fcf6ff; - /* Lime */ + /* Lime - brand */ + --brand-colors-lime-lime025: #effed9; + --brand-colors-lime-lime050: #e3febd; --brand-colors-lime-lime100: #b8ef4a; --brand-colors-lime-lime200: #95ca45; --brand-colors-lime-lime300: #7ab040; @@ -100,11 +111,10 @@ --brand-colors-lime-lime500: #457a39; --brand-colors-lime-lime600: #275b35; --brand-colors-lime-lime700: #093a31; - --brand-colors-lime-lime800: #022321; + --brand-colors-lime-lime800: #012826; --brand-colors-lime-lime900: #011515; - --brand-colors-lime-lime025: #effed9; - --brand-colors-lime-lime050: #e3febd; - /* White and Black */ + /* White */ --brand-colors-white: #ffffff; + /* Black */ --brand-colors-black: #000000; } diff --git a/src/css/dark-theme-colors.css b/src/css/dark-theme-colors.css index 40ab429f..5e34d69c 100644 --- a/src/css/dark-theme-colors.css +++ b/src/css/dark-theme-colors.css @@ -1,103 +1,151 @@ -/** +/* * Dark Theme Colors -*/ + * Use these css variables in your code. + * This will insure theme compatibility + */ + [data-theme='dark'] { + /* + * Background + */ /* For default neutral backgrounds */ --color-background-default: var(--brand-colors-grey-grey800); - /* For secondary neutral backgrounds. */ - --color-background-alternative: var(--brand-colors-grey-grey900); - /* For "hover" states that use background-default. */ + /* For "hover" states that use background-default */ --color-background-default-hover: #313235; - /* For "pressed" states that use background-alternative. */ + /* For "pressed" states that use background-alternative */ --color-background-default-pressed: #3f4145; - /* For "hover" states that use background-alternative. */ + /* For secondary neutral backgrounds */ + --color-background-alternative: var(--brand-colors-grey-grey900); + /* For "hover" states that use background-alternative */ --color-background-alternative-hover: #1f2123; - /* For "pressed" states that use background-alternative. */ + /* For "pressed" states that use background-alternative */ --color-background-alternative-pressed: #2e3033; - /* For "hover" state that use no background fill. */ - --color-background-hover: #ffffff0a; - /* For "pressed" state that use no background fill. */ - --color-background-pressed: #ffffff14; - /* For default neutral text. */ + /* For "hover" state that use no background fill */ + --color-background-hover: #ffffff0f; + /* For "pressed" state that use no background fill */ + --color-background-pressed: #ffffff1f; + + /* + * Text + */ + /* For default neutral text */ --color-text-default: var(--brand-colors-grey-grey000); /* For softer contrast neutral text */ --color-text-alternative: var(--brand-colors-grey-grey200); /* For the softest contrast neutral text (not accessible) */ --color-text-muted: var(--brand-colors-grey-grey400); + + /* + * Icon + */ /* For default neutral icons */ --color-icon-default: var(--brand-colors-grey-grey000); /* For softer neutral icons */ --color-icon-alternative: var(--brand-colors-grey-grey200); /* For the weakest contrast neutral icons (not accessible) */ --color-icon-muted: var(--brand-colors-grey-grey400); + + /* + * Border + */ /* For soft contrast neutral border */ --color-border-default: var(--brand-colors-grey-grey400); - /* For the weakest contrast neutral border */ - --color-border-muted: #848c9629; + /* For the weakest contrast neutral border */ + --color-border-muted: #858b9a33; + + /* + * Overlay + */ /* For the default shade of screen */ - --color-overlay-default: #00000099; + --color-overlay-default: #00000066; /* For a stronger shade of screen */ --color-overlay-alternative: #000000cc; - /* For elements used on top of overlay/alternative. Used for text, icon or border */ - --color-overlay-inverse: var(--brand-colors-grey-grey000); + + /* + * Primary + */ /* For interactive, active, and selected semantics. Used for text, background, icon or border */ --color-primary-default: var(--brand-colors-blue-blue300); - /* For the stronger contrast primary semantic elements. */ + /* For the "hover" state of primary-default elements */ + --color-primary-default-hover: #a8b2ff; + /* For the "pressed" state of primary-default elements */ + --color-primary-default-pressed: #c7ceff; + /* For the stronger contrast primary semantic elements */ --color-primary-alternative: var(--brand-colors-blue-blue200); - /* For the weakest contrast primary semantic backgrounds. */ - --color-primary-muted: #43aefc26; + /* For the weakest contrast primary semantic backgrounds */ + --color-primary-muted: var(--brand-colors-blue-blue300-15); /* For elements used on top of primary/default. Used for text, icon or border */ --color-primary-inverse: var(--brand-colors-grey-grey900); - /* For the "hover" state of primary-default elements */ - --color-primary-default-hover: #26a2fc; - /* For the "pressed" state of primary-default elements */ - --color-primary-default-pressed: #3baafd; + + /* + * Error + */ /* For the critical alert semantic elements. Used for text, background, icon or border */ --color-error-default: var(--brand-colors-red-red300); - /* For the stronger contrast error semantic elements. */ + /* For the "hover" state of error-default elements */ + --color-error-default-hover: #ff94a0; + /* For the "pressed" state of error-default elements */ + --color-error-default-pressed: #ffb2bb; + /* For the stronger contrast error semantic elements */ --color-error-alternative: var(--brand-colors-red-red200); - /* For the weakest contrast critical alert semantic backgrounds. */ - --color-error-muted: #e88f9726; + /* For the weakest contrast critical alert semantic backgrounds */ + --color-error-muted: var(--brand-colors-red-red300-15); /* For elements used on top of error/default. Used for text, icon or border */ --color-error-inverse: var(--brand-colors-grey-grey900); - /* For the "hover" state of error-default elements. */ - --color-error-default-hover: #e47782; - /* For the "pressed" state of error-default elements. */ - --color-error-default-pressed: #e78891; + + /* + * Warning + */ /* For the caution alert semantic elements. Used for text, background, icon or border */ --color-warning-default: var(--brand-colors-yellow-yellow100); - /* For the weakest contrast caution alert semantic backgrounds. */ - --color-warning-muted: #ffdf7026; - /* For elements used on top of warning/default. Used for text, icon or border */ - --color-warning-inverse: var(--brand-colors-grey-grey900); /* For the "hover" state of warning-default elements */ - --color-warning-default-hover: #ffe485; + --color-warning-default-hover: #ffe794; /* For the "pressed" state of warning-default elements */ - --color-warning-default-pressed: #ffe899; + --color-warning-default-pressed: #ffeeb2; + /* For the weakest contrast caution alert semantic backgrounds */ + --color-warning-muted: var(--brand-colors-yellow-yellow100-15); + /* For elements used on top of warning/default. Used for text, icon or border */ + --color-warning-inverse: var(--brand-colors-grey-grey900); + + /* + * Success + */ /* For the positive semantic elements. Used for text, background, icon or border */ --color-success-default: var(--brand-colors-green-green300); - /* For the weakest contrast positive semantic backgrounds. */ - --color-success-muted: #28a74526; - /* For elements used on top of success/default. Used for text, icon or border */ - --color-success-inverse: var(--brand-colors-grey-grey900); /* For the "hover" state of success-default elements */ - --color-success-default-hover: #2cb94c; + --color-success-default-hover: #60bd76; /* For the "pressed" state of success-default elements */ - --color-success-default-pressed: #30ca53; + --color-success-default-pressed: #76c688; + /* For the weakest contrast positive semantic backgrounds */ + --color-success-muted: var(--brand-colors-green-green300-15); + /* For elements used on top of success/default. Used for text, icon or border */ + --color-success-inverse: var(--brand-colors-grey-grey900); + + /* + * Info + */ /* For informational read-only elements. Used for text, background, icon or border */ --color-info-default: var(--brand-colors-blue-blue300); - /* For the weakest contrast informational semantic backgrounds. */ - --color-info-muted: #43aefc26; + /* For the weakest contrast informational semantic backgrounds */ + --color-info-muted: var(--brand-colors-blue-blue300-15); /* For elements used on top of info/default. Used for text, icon or border */ --color-info-inverse: var(--brand-colors-grey-grey900); - /* For Flask primary accent color. */ + + /* + * Flask + */ + /* For Flask primary accent color */ --color-flask-default: var(--brand-colors-purple-purple300); /* For elements used on top of flask/default. Used for text, icon or border */ --color-flask-inverse: var(--brand-colors-grey-grey900); - /* For neutral drop shadow color. */ + + /* + * Shadow + */ + /* For neutral drop shadow color */ --color-shadow-default: #00000066; - /* For primary drop shadow color. */ - --color-shadow-primary: #43aefc33; - /* For critical/danger drop shadow color. */ - --color-shadow-error: #ff758466; + /* For primary drop shadow color */ + --color-shadow-primary: #8b99ff33; + /* For critical/danger drop shadow color */ + --color-shadow-error: #ff758433; } diff --git a/src/css/light-theme-colors.css b/src/css/light-theme-colors.css index 8a831ca2..caeb0ed8 100644 --- a/src/css/light-theme-colors.css +++ b/src/css/light-theme-colors.css @@ -1,104 +1,152 @@ /* * Light Theme Colors + * Use these css variables in your code. + * This will insure theme compatibility */ + :root, [data-theme='light'] { + /* + * Background + */ /* For default neutral backgrounds */ --color-background-default: var(--brand-colors-grey-grey000); - /* For secondary neutral backgrounds. */ + /* For "hover" states that use background-default */ + --color-background-default-hover: #f0f0f0; + /* For "pressed" states that use background-alternative */ + --color-background-default-pressed: #e0e0e0; + /* For secondary neutral backgrounds */ --color-background-alternative: var(--brand-colors-grey-grey050); - /* For "hover" states that use background-default. */ - --color-background-default-hover: #f5f5f5; - /* For "pressed" states that use background-alternative. */ - --color-background-default-pressed: #ebebeb; - /* For "hover" states that use background-alternative. */ - --color-background-alternative-hover: #e7ebee; - /* For "pressed" states that use background-alternative. */ - --color-background-alternative-pressed: #dbe0e6; - /* For "hover" state that use no background fill. */ - --color-background-hover: #0000000a; - /* For "pressed" state that use no background fill. */ - --color-background-pressed: #00000014; - /* For default neutral text. */ + /* For "hover" states that use background-alternative */ + --color-background-alternative-hover: #dde3ee; + /* For "pressed" states that use background-alternative */ + --color-background-alternative-pressed: #c9d2e4; + /* For "hover" state that use no background fill */ + --color-background-hover: #0000000f; + /* For "pressed" state that use no background fill */ + --color-background-pressed: #0000001f; + + /* + * Text + */ + /* For default neutral text */ --color-text-default: var(--brand-colors-grey-grey900); /* For softer contrast neutral text */ --color-text-alternative: var(--brand-colors-grey-grey500); /* For the softest contrast neutral text (not accessible) */ --color-text-muted: var(--brand-colors-grey-grey300); + + /* + * Icon + */ /* For default neutral icons */ - --color-icon-default: var(--brand-colors-grey-grey900); + --color-icon-default: var(--color-text-default); /* For softer neutral icons */ - --color-icon-alternative: var(--brand-colors-grey-grey500); + --color-icon-alternative: var(--color-text-alternative); /* For the weakest contrast neutral icons (not accessible) */ - --color-icon-muted: var(--brand-colors-grey-grey300); + --color-icon-muted: var(--color-text-muted); + + /* + * Border + */ /* For soft contrast neutral border */ --color-border-default: var(--brand-colors-grey-grey200); - /* For the weakest contrast neutral border */ - --color-border-muted: #bbc0c566; + /* For the weakest contrast neutral border */ + --color-border-muted: #b7bbc866; + + /* + * Overlay + */ /* For the default shade of screen */ - --color-overlay-default: #00000099; + --color-overlay-default: #00000066; /* For a stronger shade of screen */ --color-overlay-alternative: #000000cc; - /* For elements used on top of overlay/alternative. Used for text, icon or border */ - --color-overlay-inverse: var(--brand-colors-grey-grey000); + + /* + * Primary + */ /* For interactive, active, and selected semantics. Used for text, background, icon or border */ --color-primary-default: var(--brand-colors-blue-blue500); - /* For the stronger contrast primary semantic elements. */ + /* For the "hover" state of primary-default elements */ + --color-primary-default-hover: #243cff; + /* For the "pressed" state of primary-default elements */ + --color-primary-default-pressed: #0521ff; + /* For the stronger contrast primary semantic elements */ --color-primary-alternative: var(--brand-colors-blue-blue600); - /* For the weakest contrast primary semantic backgrounds. */ - --color-primary-muted: #0376c91a; + /* For the weakest contrast primary semantic backgrounds */ + --color-primary-muted: var(--brand-colors-blue-blue500-10); /* For elements used on top of primary/default. Used for text, icon or border */ --color-primary-inverse: var(--brand-colors-grey-grey000); - /* For the "hover" state of primary-default elements */ - --color-primary-default-hover: #036ab5; - /* For the "pressed" state of primary-default elements */ - --color-primary-default-pressed: #025ea1; + + /* + * Error + */ /* For the critical alert semantic elements. Used for text, background, icon or border */ --color-error-default: var(--brand-colors-red-red500); - /* For the stronger contrast error semantic elements. */ + /* For the "hover" state of error-default elements */ + --color-error-default-hover: #b22f3a; + /* For the "pressed" state of error-default elements */ + --color-error-default-pressed: #9a2832; + /* For the stronger contrast error semantic elements */ --color-error-alternative: var(--brand-colors-red-red600); - /* For the weakest contrast critical alert semantic backgrounds. */ - --color-error-muted: #d738471a; + /* For the weakest contrast critical alert semantic backgrounds */ + --color-error-muted: var(--brand-colors-red-red500-10); /* For elements used on top of error/default. Used for text, icon or border */ --color-error-inverse: var(--brand-colors-grey-grey000); - /* For the "hover" state of error-default elements. */ - --color-error-default-hover: #d02a3a; - /* For the "pressed" state of error-default elements. */ - --color-error-default-pressed: #bf2635; + + /* + * Warning + */ /* For the caution alert semantic elements. Used for text, background, icon or border */ --color-warning-default: var(--brand-colors-yellow-yellow500); - /* For the weakest contrast caution alert semantic backgrounds. */ - --color-warning-muted: #bf52081a; - /* For elements used on top of warning/default. Used for text, icon or border */ - --color-warning-inverse: var(--brand-colors-grey-grey000); /* For the "hover" state of warning-default elements */ - --color-warning-default-hover: #ac4a07; + --color-warning-default-hover: #7a4f00; /* For the "pressed" state of warning-default elements */ - --color-warning-default-pressed: #984106; + --color-warning-default-pressed: #5c3b00; + /* For the weakest contrast caution alert semantic backgrounds */ + --color-warning-muted: var(--brand-colors-yellow-yellow500-10); + /* For elements used on top of warning/default. Used for text, icon or border */ + --color-warning-inverse: var(--brand-colors-grey-grey000); + + /* + * Success + */ /* For the positive semantic elements. Used for text, background, icon or border */ --color-success-default: var(--brand-colors-green-green500); - /* For the weakest contrast positive semantic backgrounds. */ - --color-success-muted: #1c82341a; - /* For elements used on top of success/default. Used for text, icon or border */ - --color-success-inverse: var(--brand-colors-grey-grey000); /* For the "hover" state of success-default elements */ - --color-success-default-hover: #18712d; + --color-success-default-hover: #166429; /* For the "pressed" state of success-default elements */ - --color-success-default-pressed: #156127; + --color-success-default-pressed: #114b1e; + /* For the weakest contrast positive semantic backgrounds */ + --color-success-muted: var(--brand-colors-green-green500-10); + /* For elements used on top of success/default. Used for text, icon or border */ + --color-success-inverse: var(--brand-colors-grey-grey000); + + /* + * Info + */ /* For informational read-only elements. Used for text, background, icon or border */ --color-info-default: var(--brand-colors-blue-blue500); - /* For the weakest contrast informational semantic backgrounds. */ - --color-info-muted: #0376c91a; + /* For the weakest contrast informational semantic backgrounds */ + --color-info-muted: var(--brand-colors-blue-blue500-10); /* For elements used on top of info/default. Used for text, icon or border */ --color-info-inverse: var(--brand-colors-grey-grey000); - /* For Flask primary accent color. */ + + /* + * Flask + */ + /* For Flask primary accent color */ --color-flask-default: var(--brand-colors-purple-purple500); /* For elements used on top of flask/default. Used for text, icon or border */ --color-flask-inverse: var(--brand-colors-grey-grey000); - /* For neutral drop shadow color. */ + + /* + * Shadow + */ + /* For neutral drop shadow color */ --color-shadow-default: #0000001a; - /* For primary drop shadow color. */ - --color-shadow-primary: #0376c933; - /* For critical/danger drop shadow color. */ - --color-shadow-error: #ca354266; + /* For primary drop shadow color */ + --color-shadow-primary: #4459ff33; + /* For critical/danger drop shadow color */ + --color-shadow-error: #d7384766; } diff --git a/src/figma/brandColors.json b/src/figma/brandColors.json index 21dc204b..762760ea 100644 --- a/src/figma/brandColors.json +++ b/src/figma/brandColors.json @@ -1,421 +1,421 @@ { "grey": { "100": { - "value": "#d6d9dc", + "value": "#dadce5", "type": "color", - "parent": "Brand Colors/v1 - current", + "parent": "Brand Colors/v2- brand evo (preview)", "description": "" }, "200": { - "value": "#bbc0c5", + "value": "#b7bbc8", "type": "color", - "parent": "Brand Colors/v1 - current", + "parent": "Brand Colors/v2- brand evo (preview)", "description": "" }, "300": { - "value": "#9fa6ae", + "value": "#9ca1af", "type": "color", - "parent": "Brand Colors/v1 - current", + "parent": "Brand Colors/v2- brand evo (preview)", "description": "" }, "400": { - "value": "#848c96", + "value": "#858b9a", "type": "color", - "parent": "Brand Colors/v1 - current", + "parent": "Brand Colors/v2- brand evo (preview)", "description": "" }, "500": { - "value": "#6a737d", + "value": "#686e7d", "type": "color", - "parent": "Brand Colors/v1 - current", + "parent": "Brand Colors/v2- brand evo (preview)", "description": "" }, "600": { - "value": "#535a61", + "value": "#4b505c", "type": "color", - "parent": "Brand Colors/v1 - current", + "parent": "Brand Colors/v2- brand evo (preview)", "description": "" }, "700": { - "value": "#3b4046", + "value": "#31333a", "type": "color", - "parent": "Brand Colors/v1 - current", + "parent": "Brand Colors/v2- brand evo (preview)", "description": "" }, "800": { - "value": "#24272a", + "value": "#222325", "type": "color", - "parent": "Brand Colors/v1 - current", + "parent": "Brand Colors/v2- brand evo (preview)", "description": "" }, "900": { - "value": "#141618", + "value": "#121314", "type": "color", - "parent": "Brand Colors/v1 - current", + "parent": "Brand Colors/v2- brand evo (preview)", "description": "" }, "1000": { "value": "#000000", "type": "color", - "parent": "Brand Colors/v1 - current", + "parent": "Brand Colors/v2- brand evo (preview)", "description": "" }, "050": { - "value": "#f2f4f6", + "value": "#f3f5f9", "type": "color", - "parent": "Brand Colors/v1 - current", + "parent": "Brand Colors/v2- brand evo (preview)", "description": "" }, "000": { "value": "#ffffff", "type": "color", - "parent": "Brand Colors/v1 - current", + "parent": "Brand Colors/v2- brand evo (preview)", "description": "" }, "025": { - "value": "#fafbfc", + "value": "#f7f9fc", "type": "color", - "parent": "Brand Colors/v1 - current", + "parent": "Brand Colors/v2- brand evo (preview)", "description": "" } }, "blue": { "100": { - "value": "#a7d9fe", + "value": "#d6dbff", "type": "color", - "parent": "Brand Colors/v1 - current", + "parent": "Brand Colors/v2- brand evo (preview)", "description": "" }, "200": { - "value": "#75c4fd", + "value": "#adb6fe", "type": "color", - "parent": "Brand Colors/v1 - current", + "parent": "Brand Colors/v2- brand evo (preview)", "description": "" }, "300": { - "value": "#43aefc", + "value": "#8b99ff", "type": "color", - "parent": "Brand Colors/v1 - current", + "parent": "Brand Colors/v2- brand evo (preview)", "description": "" }, "400": { - "value": "#1098fc", + "value": "#6f7eff", "type": "color", - "parent": "Brand Colors/v1 - current", + "parent": "Brand Colors/v2- brand evo (preview)", "description": "" }, "500": { - "value": "#0376c9", + "value": "#4459ff", "type": "color", - "parent": "Brand Colors/v1 - current", + "parent": "Brand Colors/v2- brand evo (preview)", "description": "" }, "600": { - "value": "#0260a4", + "value": "#2c3dc5", "type": "color", - "parent": "Brand Colors/v1 - current", + "parent": "Brand Colors/v2- brand evo (preview)", "description": "" }, "700": { - "value": "#024272", + "value": "#1c277f", "type": "color", - "parent": "Brand Colors/v1 - current", + "parent": "Brand Colors/v2- brand evo (preview)", "description": "" }, "800": { - "value": "#01253f", + "value": "#131b59", "type": "color", - "parent": "Brand Colors/v1 - current", + "parent": "Brand Colors/v2- brand evo (preview)", "description": "" }, "900": { - "value": "#00080d", + "value": "#0b0f32", "type": "color", - "parent": "Brand Colors/v1 - current", + "parent": "Brand Colors/v2- brand evo (preview)", "description": "" }, "050": { - "value": "#eaf6ff", + "value": "#f4f5ff", "type": "color", - "parent": "Brand Colors/v1 - current", + "parent": "Brand Colors/v2- brand evo (preview)", "description": "" }, "025": { - "value": "#eaf6ff", + "value": "#f8f9ff", "type": "color", - "parent": "Brand Colors/v1 - current", + "parent": "Brand Colors/v2- brand evo (preview)", "description": "" } }, "green": { "100": { - "value": "#afecbd", + "value": "#c1e6c9", "type": "color", - "parent": "Brand Colors/v1 - current", + "parent": "Brand Colors/v2- brand evo (preview)", "description": "" }, "200": { - "value": "#5dd879", + "value": "#80cb91", "type": "color", - "parent": "Brand Colors/v1 - current", + "parent": "Brand Colors/v2- brand evo (preview)", "description": "" }, "300": { - "value": "#28a745", + "value": "#4cb564", "type": "color", - "parent": "Brand Colors/v1 - current", + "parent": "Brand Colors/v2- brand evo (preview)", "description": "" }, "400": { - "value": "#28a745", + "value": "#279f41", "type": "color", - "parent": "Brand Colors/v1 - current", + "parent": "Brand Colors/v2- brand evo (preview)", "description": "" }, "500": { - "value": "#1c8234", + "value": "#1c7e33", "type": "color", - "parent": "Brand Colors/v1 - current", + "parent": "Brand Colors/v2- brand evo (preview)", "description": "" }, "600": { - "value": "#145523", + "value": "#145d25", "type": "color", - "parent": "Brand Colors/v1 - current", + "parent": "Brand Colors/v2- brand evo (preview)", "description": "" }, "700": { - "value": "#145523", + "value": "#0d3b18", "type": "color", - "parent": "Brand Colors/v1 - current", + "parent": "Brand Colors/v2- brand evo (preview)", "description": "" }, "800": { - "value": "#0a2c12", + "value": "#092912", "type": "color", - "parent": "Brand Colors/v1 - current", + "parent": "Brand Colors/v2- brand evo (preview)", "description": "" }, "900": { - "value": "#041007", + "value": "#051709", "type": "color", - "parent": "Brand Colors/v1 - current", + "parent": "Brand Colors/v2- brand evo (preview)", "description": "" }, "050": { - "value": "#d6ffdf", + "value": "#ebf7ee", "type": "color", - "parent": "Brand Colors/v1 - current", + "parent": "Brand Colors/v2- brand evo (preview)", "description": "" }, "025": { - "value": "#f3fcf5", + "value": "#f1faf4", "type": "color", - "parent": "Brand Colors/v1 - current", + "parent": "Brand Colors/v2- brand evo (preview)", "description": "" } }, "red": { "100": { - "value": "#f7d5d8", + "value": "#ffd2d5", "type": "color", - "parent": "Brand Colors/v1 - current", + "parent": "Brand Colors/v2- brand evo (preview)", "description": "" }, "200": { - "value": "#f1b9be", + "value": "#ffa1aa", "type": "color", - "parent": "Brand Colors/v1 - current", + "parent": "Brand Colors/v2- brand evo (preview)", "description": "" }, "300": { - "value": "#e88f97", + "value": "#ff7584", "type": "color", - "parent": "Brand Colors/v1 - current", + "parent": "Brand Colors/v2- brand evo (preview)", "description": "" }, "400": { - "value": "#e06470", + "value": "#f74d5e", "type": "color", - "parent": "Brand Colors/v1 - current", + "parent": "Brand Colors/v2- brand evo (preview)", "description": "" }, "500": { - "value": "#d73847", + "value": "#ca3542", "type": "color", - "parent": "Brand Colors/v1 - current", + "parent": "Brand Colors/v2- brand evo (preview)", "description": "" }, "600": { - "value": "#8e1d28", + "value": "#952731", "type": "color", - "parent": "Brand Colors/v1 - current", + "parent": "Brand Colors/v2- brand evo (preview)", "description": "" }, "700": { - "value": "#64141c", + "value": "#611a20", "type": "color", - "parent": "Brand Colors/v1 - current", + "parent": "Brand Colors/v2- brand evo (preview)", "description": "" }, "800": { - "value": "#3a0c10", + "value": "#431216", "type": "color", - "parent": "Brand Colors/v1 - current", + "parent": "Brand Colors/v2- brand evo (preview)", "description": "" }, "900": { - "value": "#3a0c10", + "value": "#3b0f13", "type": "color", - "parent": "Brand Colors/v1 - current", + "parent": "Brand Colors/v2- brand evo (preview)", "description": "" }, "050": { - "value": "#fcf2f3", + "value": "#fff2f3", "type": "color", - "parent": "Brand Colors/v1 - current", + "parent": "Brand Colors/v2- brand evo (preview)", "description": "" }, "025": { - "value": "#fcf2f3", + "value": "#fff6f7", "type": "color", - "parent": "Brand Colors/v1 - current", + "parent": "Brand Colors/v2- brand evo (preview)", "description": "" } }, "yellow": { "100": { - "value": "#ffdf70", + "value": "#ffd957", "type": "color", - "parent": "Brand Colors/v1 - current", + "parent": "Brand Colors/v2- brand evo (preview)", "description": "" }, "200": { - "value": "#ffc70a", + "value": "#f0b034", "type": "color", - "parent": "Brand Colors/v1 - current", + "parent": "Brand Colors/v2- brand evo (preview)", "description": "" }, "300": { - "value": "#f8883b", + "value": "#e18f01", "type": "color", - "parent": "Brand Colors/v1 - current", + "parent": "Brand Colors/v2- brand evo (preview)", "description": "" }, "400": { - "value": "#f66a0a", + "value": "#c37b02", "type": "color", - "parent": "Brand Colors/v1 - current", + "parent": "Brand Colors/v2- brand evo (preview)", "description": "" }, "500": { - "value": "#bf5208", + "value": "#9a6300", "type": "color", - "parent": "Brand Colors/v1 - current", + "parent": "Brand Colors/v2- brand evo (preview)", "description": "" }, "600": { - "value": "#954005", + "value": "#714802", "type": "color", - "parent": "Brand Colors/v1 - current", + "parent": "Brand Colors/v2- brand evo (preview)", "description": "" }, "700": { - "value": "#632b04", + "value": "#482d01", "type": "color", - "parent": "Brand Colors/v1 - current", + "parent": "Brand Colors/v2- brand evo (preview)", "description": "" }, "800": { - "value": "#321602", + "value": "#321f00", "type": "color", - "parent": "Brand Colors/v1 - current", + "parent": "Brand Colors/v2- brand evo (preview)", "description": "" }, "900": { - "value": "#321602", + "value": "#1c1100", "type": "color", - "parent": "Brand Colors/v1 - current", + "parent": "Brand Colors/v2- brand evo (preview)", "description": "" }, "050": { - "value": "#fff2c5", + "value": "#fff5d5", "type": "color", - "parent": "Brand Colors/v1 - current", + "parent": "Brand Colors/v2- brand evo (preview)", "description": "" }, "025": { - "value": "#fefcde", + "value": "#fff9e6", "type": "color", - "parent": "Brand Colors/v1 - current", + "parent": "Brand Colors/v2- brand evo (preview)", "description": "" } }, "orange": { "100": { - "value": "#fbc49d", + "value": "#ffd4c1", "type": "color", - "parent": "Brand Colors/v1 - current", + "parent": "Brand Colors/v2- brand evo (preview)", "description": "" }, "200": { - "value": "#faa66c", + "value": "#ffa47c", "type": "color", - "parent": "Brand Colors/v1 - current", + "parent": "Brand Colors/v2- brand evo (preview)", "description": "" }, "300": { - "value": "#f8883b", + "value": "#ff7940", "type": "color", - "parent": "Brand Colors/v1 - current", + "parent": "Brand Colors/v2- brand evo (preview)", "description": "" }, "400": { - "value": "#f66a0a", + "value": "#f35714", "type": "color", - "parent": "Brand Colors/v1 - current", + "parent": "Brand Colors/v2- brand evo (preview)", "description": "" }, "500": { - "value": "#bf5208", + "value": "#c3420d", "type": "color", - "parent": "Brand Colors/v1 - current", + "parent": "Brand Colors/v2- brand evo (preview)", "description": "" }, "600": { - "value": "#954005", + "value": "#932d06", "type": "color", - "parent": "Brand Colors/v1 - current", + "parent": "Brand Colors/v2- brand evo (preview)", "description": "" }, "700": { - "value": "#632b04", + "value": "#631800", "type": "color", - "parent": "Brand Colors/v1 - current", + "parent": "Brand Colors/v2- brand evo (preview)", "description": "" }, "800": { - "value": "#321602", + "value": "#451100", "type": "color", - "parent": "Brand Colors/v1 - current", + "parent": "Brand Colors/v2- brand evo (preview)", "description": "" }, "900": { - "value": "#321602", + "value": "#280a00", "type": "color", - "parent": "Brand Colors/v1 - current", + "parent": "Brand Colors/v2- brand evo (preview)", "description": "" }, "050": { - "value": "#fde2cf", + "value": "#fff0ea", "type": "color", - "parent": "Brand Colors/v1 - current", + "parent": "Brand Colors/v2- brand evo (preview)", "description": "" }, "025": { - "value": "#fef5ef", + "value": "#fff8f5", "type": "color", - "parent": "Brand Colors/v1 - current", + "parent": "Brand Colors/v2- brand evo (preview)", "description": "" } }, @@ -423,67 +423,67 @@ "100": { "value": "#efd2ff", "type": "color", - "parent": "Brand Colors/v1 - current", + "parent": "Brand Colors/v2- brand evo (preview)", "description": "" }, "200": { - "value": "#cfb5f0", + "value": "#dfa4ff", "type": "color", - "parent": "Brand Colors/v1 - current", + "parent": "Brand Colors/v2- brand evo (preview)", "description": "" }, "300": { "value": "#d27dff", "type": "color", - "parent": "Brand Colors/v1 - current", + "parent": "Brand Colors/v2- brand evo (preview)", "description": "" }, "400": { "value": "#b864f5", "type": "color", - "parent": "Brand Colors/v1 - current", + "parent": "Brand Colors/v2- brand evo (preview)", "description": "" }, "500": { - "value": "#8b45b6", + "value": "#8f44e4", "type": "color", - "parent": "Brand Colors/v1 - current", + "parent": "Brand Colors/v2- brand evo (preview)", "description": "" }, "600": { "value": "#6c2ab2", "type": "color", - "parent": "Brand Colors/v1 - current", + "parent": "Brand Colors/v2- brand evo (preview)", "description": "" }, "700": { - "value": "#4c1178", + "value": "#6c2ab2", "type": "color", - "parent": "Brand Colors/v1 - current", + "parent": "Brand Colors/v2- brand evo (preview)", "description": "" }, "800": { - "value": "#32054d", + "value": "#380658", "type": "color", - "parent": "Brand Colors/v1 - current", + "parent": "Brand Colors/v2- brand evo (preview)", "description": "" }, "900": { "value": "#280a00", "type": "color", - "parent": "Brand Colors/v1 - current", + "parent": "Brand Colors/v2- brand evo (preview)", "description": "" }, "050": { "value": "#fbf2ff", "type": "color", - "parent": "Brand Colors/v1 - current", + "parent": "Brand Colors/v2- brand evo (preview)", "description": "" }, "025": { "value": "#fcf6ff", "type": "color", - "parent": "Brand Colors/v1 - current", + "parent": "Brand Colors/v2- brand evo (preview)", "description": "" } }, @@ -491,80 +491,80 @@ "100": { "value": "#b8ef4a", "type": "color", - "parent": "Brand Colors/v1 - current", + "parent": "Brand Colors/v2- brand evo (preview)", "description": "" }, "200": { "value": "#95ca45", "type": "color", - "parent": "Brand Colors/v1 - current", + "parent": "Brand Colors/v2- brand evo (preview)", "description": "" }, "300": { "value": "#7ab040", "type": "color", - "parent": "Brand Colors/v1 - current", + "parent": "Brand Colors/v2- brand evo (preview)", "description": "" }, "400": { "value": "#64993d", "type": "color", - "parent": "Brand Colors/v1 - current", + "parent": "Brand Colors/v2- brand evo (preview)", "description": "" }, "500": { "value": "#457a39", "type": "color", - "parent": "Brand Colors/v1 - current", + "parent": "Brand Colors/v2- brand evo (preview)", "description": "" }, "600": { "value": "#275b35", "type": "color", - "parent": "Brand Colors/v1 - current", + "parent": "Brand Colors/v2- brand evo (preview)", "description": "" }, "700": { "value": "#093a31", "type": "color", - "parent": "Brand Colors/v1 - current", + "parent": "Brand Colors/v2- brand evo (preview)", "description": "" }, "800": { - "value": "#022321", + "value": "#012826", "type": "color", - "parent": "Brand Colors/v1 - current", + "parent": "Brand Colors/v2- brand evo (preview)", "description": "" }, "900": { "value": "#011515", "type": "color", - "parent": "Brand Colors/v1 - current", + "parent": "Brand Colors/v2- brand evo (preview)", "description": "" }, "025": { "value": "#effed9", "type": "color", - "parent": "Brand Colors/v1 - current", + "parent": "Brand Colors/v2- brand evo (preview)", "description": "" }, "050": { "value": "#e3febd", "type": "color", - "parent": "Brand Colors/v1 - current", + "parent": "Brand Colors/v2- brand evo (preview)", "description": "" } }, "white": { "value": "#ffffff", "type": "color", - "parent": "Brand Colors/v1 - current", + "parent": "Brand Colors/v2- brand evo (preview)", "description": "" }, "black": { "value": "#000000", "type": "color", - "parent": "Brand Colors/v1 - current", + "parent": "Brand Colors/v2- brand evo (preview)", "description": "" } } diff --git a/src/figma/darkTheme.json b/src/figma/darkTheme.json index 11f5df7b..03eb2423 100644 --- a/src/figma/darkTheme.json +++ b/src/figma/darkTheme.json @@ -37,16 +37,16 @@ "description": "For \"pressed\" states that use background-alternative." }, "hover": { - "value": "#ffffff0a", + "value": "#ffffff0f", "type": "color", "parent": "Theme Colors/Dark mode", - "description": "For \"hover\" state that use no background fill." + "description": "For \"hover\" state that use no background fill. (black-6% | white-6%)" }, "pressed": { - "value": "#ffffff14", + "value": "#ffffff1f", "type": "color", "parent": "Theme Colors/Dark mode", - "description": "For \"pressed\" state that use no background fill." + "description": "For \"pressed\" state that use no background fill. (black-12% | white-12%)" } }, "text": { @@ -97,24 +97,24 @@ "description": "For soft contrast neutral border" }, "muted": { - "value": "#848c9629", + "value": "#858b9a33", "type": "color", "parent": "Theme Colors/Dark mode", - "description": "For the weakest contrast neutral border" + "description": "For the weakest contrast neutral border (grey200-40% | grey400-20%)" } }, "overlay": { "default": { - "value": "#00000099", + "value": "#00000066", "type": "color", "parent": "Theme Colors/Dark mode", - "description": "For the default shade of screen" + "description": "For the default shade of screen (black-40%)" }, "alternative": { "value": "#000000cc", "type": "color", "parent": "Theme Colors/Dark mode", - "description": "For a stronger shade of screen" + "description": "For a stronger shade of screen (black-80%)" }, "inverse": { "value": "{grey.000}", @@ -137,10 +137,10 @@ "description": "For the stronger contrast primary semantic elements." }, "muted": { - "value": "#43aefc26", + "value": "#8b99ff26", "type": "color", "parent": "Theme Colors/Dark mode", - "description": "For the weakest contrast primary semantic backgrounds." + "description": "For the weakest contrast primary semantic backgrounds. (blue500-10% | blue300-15%)" }, "inverse": { "value": "{grey.900}", @@ -149,13 +149,13 @@ "description": "For elements used on top of primary/default. Used for text, icon or border" }, "default-hover": { - "value": "#26a2fc", + "value": "#a8b2ff", "type": "color", "parent": "Theme Colors/Dark mode", "description": "For the \"hover\" state of primary-default elements" }, "default-pressed": { - "value": "#3baafd", + "value": "#c7ceff", "type": "color", "parent": "Theme Colors/Dark mode", "description": "For the \"pressed\" state of primary-default elements" @@ -175,10 +175,10 @@ "description": "For the stronger contrast error semantic elements." }, "muted": { - "value": "#e88f9726", + "value": "#ff758426", "type": "color", "parent": "Theme Colors/Dark mode", - "description": "For the weakest contrast critical alert semantic backgrounds." + "description": "For the weakest contrast critical alert semantic backgrounds. (red500-10% | red300-15%)" }, "inverse": { "value": "{grey.900}", @@ -187,13 +187,13 @@ "description": "For elements used on top of error/default. Used for text, icon or border" }, "default-hover": { - "value": "#e47782", + "value": "#ff94a0", "type": "color", "parent": "Theme Colors/Dark mode", "description": "For the \"hover\" state of error-default elements." }, "default-pressed": { - "value": "#e78891", + "value": "#ffb2bb", "type": "color", "parent": "Theme Colors/Dark mode", "description": "For the \"pressed\" state of error-default elements." @@ -207,10 +207,10 @@ "description": "For the caution alert semantic elements. Used for text, background, icon or border" }, "muted": { - "value": "#ffdf7026", + "value": "#ffd95726", "type": "color", "parent": "Theme Colors/Dark mode", - "description": "For the weakest contrast caution alert semantic backgrounds." + "description": "For the weakest contrast caution alert semantic backgrounds. (yellow500-10% | yellow100-15%)" }, "inverse": { "value": "{grey.900}", @@ -219,13 +219,13 @@ "description": "For elements used on top of warning/default. Used for text, icon or border" }, "default-hover": { - "value": "#ffe485", + "value": "#ffe794", "type": "color", "parent": "Theme Colors/Dark mode", "description": "For the \"hover\" state of warning-default elements" }, "default-pressed": { - "value": "#ffe899", + "value": "#ffeeb2", "type": "color", "parent": "Theme Colors/Dark mode", "description": "For the \"pressed\" state of warning-default elements" @@ -239,10 +239,10 @@ "description": "For the positive semantic elements. Used for text, background, icon or border" }, "muted": { - "value": "#28a74526", + "value": "#4cb56426", "type": "color", "parent": "Theme Colors/Dark mode", - "description": "For the weakest contrast positive semantic backgrounds." + "description": "For the weakest contrast positive semantic backgrounds. (green500-10% | green300-10%)" }, "inverse": { "value": "{grey.900}", @@ -251,13 +251,13 @@ "description": "For elements used on top of success/default. Used for text, icon or border" }, "default-hover": { - "value": "#2cb94c", + "value": "#60bd76", "type": "color", "parent": "Theme Colors/Dark mode", "description": "For the \"hover\" state of success-default elements" }, "default-pressed": { - "value": "#30ca53", + "value": "#76c688", "type": "color", "parent": "Theme Colors/Dark mode", "description": "For the \"pressed\" state of success-default elements" @@ -271,10 +271,10 @@ "description": "For informational read-only elements. Used for text, background, icon or border" }, "muted": { - "value": "#43aefc26", + "value": "#8b99ff26", "type": "color", "parent": "Theme Colors/Dark mode", - "description": "For the weakest contrast informational semantic backgrounds." + "description": "For the weakest contrast informational semantic backgrounds.(blue500-10% | blue300-15%)" }, "inverse": { "value": "{grey.900}", @@ -302,19 +302,19 @@ "value": "#00000066", "type": "color", "parent": "Theme Colors/Dark mode", - "description": "For neutral drop shadow color." + "description": "For neutral drop shadow color. (black-10% | black-40%)" }, "primary": { - "value": "#43aefc33", + "value": "#8b99ff33", "type": "color", "parent": "Theme Colors/Dark mode", - "description": "For primary drop shadow color." + "description": "For primary drop shadow color. (blue500-20% | blue300-20%)" }, "error": { - "value": "#ff758466", + "value": "#ff758433", "type": "color", "parent": "Theme Colors/Dark mode", - "description": "For critical/danger drop shadow color." + "description": "For critical/danger drop shadow color. (red50-20% | red300-20%)" } } } diff --git a/src/figma/lightTheme.json b/src/figma/lightTheme.json index 8d098c39..f7fb57c6 100644 --- a/src/figma/lightTheme.json +++ b/src/figma/lightTheme.json @@ -13,40 +13,40 @@ "description": "For secondary neutral backgrounds." }, "default-hover": { - "value": "#f5f5f5", + "value": "#f0f0f0", "type": "color", "parent": "Theme Colors/Light mode", "description": "For \"hover\" states that use background-default." }, "default-pressed": { - "value": "#ebebeb", + "value": "#e0e0e0", "type": "color", "parent": "Theme Colors/Light mode", "description": "For \"pressed\" states that use background-alternative." }, "alternative-hover": { - "value": "#e7ebee", + "value": "#dde3ee", "type": "color", "parent": "Theme Colors/Light mode", "description": "For \"hover\" states that use background-alternative." }, "alternative-pressed": { - "value": "#dbe0e6", + "value": "#c9d2e4", "type": "color", "parent": "Theme Colors/Light mode", "description": "For \"pressed\" states that use background-alternative." }, "hover": { - "value": "#0000000a", + "value": "#0000000f", "type": "color", "parent": "Theme Colors/Light mode", - "description": "For \"hover\" state that use no background fill." + "description": "For \"hover\" state that use no background fill. (black-6% | white-6%)" }, "pressed": { - "value": "#00000014", + "value": "#0000001f", "type": "color", "parent": "Theme Colors/Light mode", - "description": "For \"pressed\" state that use no background fill." + "description": "For \"pressed\" state that use no background fill. (black-12% | white-12%)" } }, "text": { @@ -97,29 +97,29 @@ "description": "For soft contrast neutral border" }, "muted": { - "value": "#bbc0c566", + "value": "#b7bbc866", "type": "color", "parent": "Theme Colors/Light mode", - "description": "For the weakest contrast neutral border" + "description": "For the weakest contrast neutral border (grey200-40% | grey400-20%)" } }, "overlay": { "default": { - "value": "#00000099", + "value": "#00000066", "type": "color", "parent": "Theme Colors/Light mode", - "description": "For the default shade of screen" + "description": "For the default shade of screen (black-40%)" }, "alternative": { "value": "#000000cc", "type": "color", "parent": "Theme Colors/Light mode", - "description": "For a stronger shade of screen" + "description": "For a stronger shade of screen (black-80%)" }, "inverse": { "value": "{grey.000}", "type": "color", - "parent": "Theme Colors/Light mode", + "parent": "Theme Colors/Dark mode", "description": "For elements used on top of overlay/alternative. Used for text, icon or border" } }, @@ -137,10 +137,10 @@ "description": "For the stronger contrast primary semantic elements." }, "muted": { - "value": "#0376c91a", + "value": "#4459ff1a", "type": "color", "parent": "Theme Colors/Light mode", - "description": "For the weakest contrast primary semantic backgrounds." + "description": "For the weakest contrast primary semantic backgrounds. (blue500-10% | blue300-15%)" }, "inverse": { "value": "{grey.000}", @@ -149,13 +149,13 @@ "description": "For elements used on top of primary/default. Used for text, icon or border" }, "default-hover": { - "value": "#036ab5", + "value": "#243cff", "type": "color", "parent": "Theme Colors/Light mode", "description": "For the \"hover\" state of primary-default elements" }, "default-pressed": { - "value": "#025ea1", + "value": "#0521ff", "type": "color", "parent": "Theme Colors/Light mode", "description": "For the \"pressed\" state of primary-default elements" @@ -175,10 +175,10 @@ "description": "For the stronger contrast error semantic elements." }, "muted": { - "value": "#d738471a", + "value": "#ca35421a", "type": "color", "parent": "Theme Colors/Light mode", - "description": "For the weakest contrast critical alert semantic backgrounds." + "description": "For the weakest contrast critical alert semantic backgrounds. (red500-10% | red300-15%)" }, "inverse": { "value": "{grey.000}", @@ -187,13 +187,13 @@ "description": "For elements used on top of error/default. Used for text, icon or border" }, "default-hover": { - "value": "#d02a3a", + "value": "#b22f3a", "type": "color", "parent": "Theme Colors/Light mode", "description": "For the \"hover\" state of error-default elements." }, "default-pressed": { - "value": "#bf2635", + "value": "#9a2832", "type": "color", "parent": "Theme Colors/Light mode", "description": "For the \"pressed\" state of error-default elements." @@ -207,10 +207,10 @@ "description": "For the caution alert semantic elements. Used for text, background, icon or border" }, "muted": { - "value": "#bf52081a", + "value": "#9a63001a", "type": "color", "parent": "Theme Colors/Light mode", - "description": "For the weakest contrast caution alert semantic backgrounds." + "description": "For the weakest contrast caution alert semantic backgrounds. (yellow500-10% | yellow100-15%)" }, "inverse": { "value": "{grey.000}", @@ -219,13 +219,13 @@ "description": "For elements used on top of warning/default. Used for text, icon or border" }, "default-hover": { - "value": "#ac4a07", + "value": "#7a4f00", "type": "color", "parent": "Theme Colors/Light mode", "description": "For the \"hover\" state of warning-default elements" }, "default-pressed": { - "value": "#984106", + "value": "#5c3b00", "type": "color", "parent": "Theme Colors/Light mode", "description": "For the \"pressed\" state of warning-default elements" @@ -239,10 +239,10 @@ "description": "For the positive semantic elements. Used for text, background, icon or border" }, "muted": { - "value": "#1c82341a", + "value": "#1c7e331a", "type": "color", "parent": "Theme Colors/Light mode", - "description": "For the weakest contrast positive semantic backgrounds." + "description": "For the weakest contrast positive semantic backgrounds. (green500-10% | green300-10%)" }, "inverse": { "value": "{grey.000}", @@ -251,13 +251,13 @@ "description": "For elements used on top of success/default. Used for text, icon or border" }, "default-hover": { - "value": "#18712d", + "value": "#166429", "type": "color", "parent": "Theme Colors/Light mode", "description": "For the \"hover\" state of success-default elements" }, "default-pressed": { - "value": "#156127", + "value": "#114b1e", "type": "color", "parent": "Theme Colors/Light mode", "description": "For the \"pressed\" state of success-default elements" @@ -271,10 +271,10 @@ "description": "For informational read-only elements. Used for text, background, icon or border" }, "muted": { - "value": "#0376c91a", + "value": "#4459ff1a", "type": "color", "parent": "Theme Colors/Light mode", - "description": "For the weakest contrast informational semantic backgrounds." + "description": "For the weakest contrast informational semantic backgrounds.(blue500-10% | blue300-15%)" }, "inverse": { "value": "{grey.000}", @@ -302,19 +302,19 @@ "value": "#0000001a", "type": "color", "parent": "Theme Colors/Light mode", - "description": "For neutral drop shadow color." + "description": "For neutral drop shadow color. (black-10% | black-40%)" }, "primary": { - "value": "#0376c933", + "value": "#4459ff33", "type": "color", "parent": "Theme Colors/Light mode", - "description": "For primary drop shadow color." + "description": "For primary drop shadow color. (blue500-20% | blue300-20%)" }, "error": { "value": "#ca354266", "type": "color", "parent": "Theme Colors/Light mode", - "description": "For critical/danger drop shadow color." + "description": "For critical/danger drop shadow color. (red50-20% | red300-20%)" } } } diff --git a/src/js/brandColor/brandColor.ts b/src/js/brandColor/brandColor.ts index e127111c..bee8fe52 100644 --- a/src/js/brandColor/brandColor.ts +++ b/src/js/brandColor/brandColor.ts @@ -2,157 +2,157 @@ import type { BrandColor } from './brandColor.types'; export const brandColor: BrandColor = { // Grey - grey100: '#d6d9dc', + grey100: '#dadce5', // Grey - grey200: '#bbc0c5', + grey200: '#b7bbc8', // Grey - grey300: '#9fa6ae', + grey300: '#9ca1af', // Grey - grey400: '#848c96', + grey400: '#858b9a', // Grey - grey500: '#6a737d', + grey500: '#686e7d', // Grey - grey600: '#535a61', + grey600: '#4b505c', // Grey - grey700: '#3b4046', + grey700: '#31333a', // Grey - grey800: '#24272a', + grey800: '#222325', // Grey - grey900: '#141618', + grey900: '#121314', // Grey grey1000: '#000000', // Grey - grey050: '#f2f4f6', + grey050: '#f3f5f9', // Grey grey000: '#ffffff', // Grey - grey025: '#fafbfc', + grey025: '#f7f9fc', // Blue - blue100: '#a7d9fe', + blue100: '#d6dbff', // Blue - blue200: '#75c4fd', + blue200: '#adb6fe', // Blue - blue300: '#43aefc', + blue300: '#8b99ff', // Blue - blue400: '#1098fc', + blue400: '#6f7eff', // Blue - blue500: '#0376c9', + blue500: '#4459ff', // Blue - blue600: '#0260a4', + blue600: '#2c3dc5', // Blue - blue700: '#024272', + blue700: '#1c277f', // Blue - blue800: '#01253f', + blue800: '#131b59', // Blue - blue900: '#00080d', + blue900: '#0b0f32', // Blue - blue050: '#eaf6ff', + blue050: '#f4f5ff', // Blue - blue025: '#eaf6ff', + blue025: '#f8f9ff', // Green - green100: '#afecbd', + green100: '#c1e6c9', // Green - green200: '#5dd879', + green200: '#80cb91', // Green - green300: '#28a745', + green300: '#4cb564', // Green - green400: '#28a745', + green400: '#279f41', // Green - green500: '#1c8234', + green500: '#1c7e33', // Green - green600: '#145523', + green600: '#145d25', // Green - green700: '#145523', + green700: '#0d3b18', // Green - green800: '#0a2c12', + green800: '#092912', // Green - green900: '#041007', + green900: '#051709', // Green - green050: '#d6ffdf', + green050: '#ebf7ee', // Green - green025: '#f3fcf5', + green025: '#f1faf4', // Red - red100: '#f7d5d8', + red100: '#ffd2d5', // Red - red200: '#f1b9be', + red200: '#ffa1aa', // Red - red300: '#e88f97', + red300: '#ff7584', // Red - red400: '#e06470', + red400: '#f74d5e', // Red - red500: '#d73847', + red500: '#ca3542', // Red - red600: '#8e1d28', + red600: '#952731', // Red - red700: '#64141c', + red700: '#611a20', // Red - red800: '#3a0c10', + red800: '#431216', // Red - red900: '#3a0c10', + red900: '#3b0f13', // Red - red050: '#fcf2f3', + red050: '#fff2f3', // Red - red025: '#fcf2f3', + red025: '#fff6f7', // Yellow - yellow100: '#ffdf70', + yellow100: '#ffd957', // Yellow - yellow200: '#ffc70a', + yellow200: '#f0b034', // Yellow - yellow300: '#f8883b', + yellow300: '#e18f01', // Yellow - yellow400: '#f66a0a', + yellow400: '#c37b02', // Yellow - yellow500: '#bf5208', + yellow500: '#9a6300', // Yellow - yellow600: '#954005', + yellow600: '#714802', // Yellow - yellow700: '#632b04', + yellow700: '#482d01', // Yellow - yellow800: '#321602', + yellow800: '#321f00', // Yellow - yellow900: '#321602', + yellow900: '#1c1100', // Yellow - yellow050: '#fff2c5', + yellow050: '#fff5d5', // Yellow - yellow025: '#fefcde', + yellow025: '#fff9e6', // Orange - orange100: '#fbc49d', + orange100: '#ffd4c1', // Orange - orange200: '#faa66c', + orange200: '#ffa47c', // Orange - orange300: '#f8883b', + orange300: '#ff7940', // Orange - orange400: '#f66a0a', + orange400: '#f35714', // Orange - orange500: '#bf5208', + orange500: '#c3420d', // Orange - orange600: '#954005', + orange600: '#932d06', // Orange - orange700: '#632b04', + orange700: '#631800', // Orange - orange800: '#321602', + orange800: '#451100', // Orange - orange900: '#321602', + orange900: '#280a00', // Orange - orange050: '#fde2cf', + orange050: '#fff0ea', // Orange - orange025: '#fef5ef', + orange025: '#fff8f5', // Purple purple100: '#efd2ff', // Purple - purple200: '#cfb5f0', + purple200: '#dfa4ff', // Purple purple300: '#d27dff', // Purple purple400: '#b864f5', // Purple - purple500: '#8b45b6', + purple500: '#8f44e4', // Purple purple600: '#6c2ab2', // Purple - purple700: '#4c1178', + purple700: '#6c2ab2', // Purple - purple800: '#32054d', + purple800: '#380658', // Purple purple900: '#280a00', // Purple @@ -174,7 +174,7 @@ export const brandColor: BrandColor = { // Lime lime700: '#093a31', // Lime - lime800: '#022321', + lime800: '#012826', // Lime lime900: '#011515', // Lime diff --git a/src/js/brandColor/brandColor.types.ts b/src/js/brandColor/brandColor.types.ts index bc89df05..e67c9141 100644 --- a/src/js/brandColor/brandColor.types.ts +++ b/src/js/brandColor/brandColor.types.ts @@ -1,21 +1,21 @@ export type BrandColor = { /** grey/grey100: #d6d9dc */ grey100: string; - /** grey/grey200: #bbc0c5 */ + /** grey/grey200: #b7bbc8 */ grey200: string; - /** grey/grey300: #9fa6ae */ + /** grey/grey300: #9ca1af */ grey300: string; - /** grey/grey400: #848c96 */ + /** grey/grey400: #858b9a */ grey400: string; - /** grey/grey500: #6a737d */ + /** grey/grey500: #686e7d */ grey500: string; - /** grey/grey600: #535a61 */ + /** grey/grey600: #4b505c */ grey600: string; - /** grey/grey700: #3b4046 */ + /** grey/grey700: #31333a */ grey700: string; /** grey/grey800: #24272a */ grey800: string; - /** grey/grey900: #141618 */ + /** grey/grey900: #121314 */ grey900: string; /** grey/grey1000: #000000 */ grey1000: string; @@ -27,21 +27,21 @@ export type BrandColor = { grey025: string; /** blue/blue100: #a7d9fe */ blue100: string; - /** blue/blue200: #75c4fd */ + /** blue/blue200: #adb6fe */ blue200: string; - /** blue/blue300: #43aefc */ + /** blue/blue300: #8b99ff */ blue300: string; - /** blue/blue400: #1098fc */ + /** blue/blue400: #6f7eff */ blue400: string; - /** blue/blue500: #0376c9 */ + /** blue/blue500: #4459ff */ blue500: string; - /** blue/blue600: #0260a4 */ + /** blue/blue600: #2c3dc5 */ blue600: string; - /** blue/blue700: #024272 */ + /** blue/blue700: #1c277f */ blue700: string; - /** blue/blue800: #01253f */ + /** blue/blue800: #131b59 */ blue800: string; - /** blue/blue900: #00080d */ + /** blue/blue900: #0b0f32 */ blue900: string; /** blue/blue050: #eaf6ff */ blue050: string; @@ -59,11 +59,11 @@ export type BrandColor = { green500: string; /** green/green600: #145523 */ green600: string; - /** green/green700: #145523 */ + /** green/green700: #0d3b18 */ green700: string; - /** green/green800: #0a2c12 */ + /** green/green800: #092912 */ green800: string; - /** green/green900: #041007 */ + /** green/green900: #051709 */ green900: string; /** green/green050: #d6ffdf */ green050: string; @@ -71,13 +71,13 @@ export type BrandColor = { green025: string; /** red/red100: #f7d5d8 */ red100: string; - /** red/red200: #f1b9be */ + /** red/red200: #ffa1aa */ red200: string; - /** red/red300: #e88f97 */ + /** red/red300: #ff7584 */ red300: string; - /** red/red400: #e06470 */ + /** red/red400: #f74d5e */ red400: string; - /** red/red500: #d73847 */ + /** red/red500: #ca3542 */ red500: string; /** red/red600: #8e1d28 */ red600: string; @@ -85,7 +85,7 @@ export type BrandColor = { red700: string; /** red/red800: #3a0c10 */ red800: string; - /** red/red900: #3a0c10 */ + /** red/red900: #3b0f13 */ red900: string; /** red/red050: #fcf2f3 */ red050: string; diff --git a/src/js/brandColor/index.ts b/src/js/brandColor/index.ts index 56ff4c6c..e4230eb8 100644 --- a/src/js/brandColor/index.ts +++ b/src/js/brandColor/index.ts @@ -1 +1,2 @@ export { brandColor } from './brandColor'; +export type { BrandColor } from './brandColor.types'; diff --git a/src/js/index.ts b/src/js/index.ts index 6ee62b4a..09616c02 100644 --- a/src/js/index.ts +++ b/src/js/index.ts @@ -1,7 +1,7 @@ export type { Theme } from './themes'; +export { brandColor } from './brandColor'; export { lightTheme } from './themes'; export { darkTheme } from './themes'; -export { brandColor } from './brandColor'; // DEPRECATED in favor of importing theme objects above export { colors } from './colors'; diff --git a/src/js/themes/darkTheme/colors.ts b/src/js/themes/darkTheme/colors.ts index ed8219f7..412080d5 100644 --- a/src/js/themes/darkTheme/colors.ts +++ b/src/js/themes/darkTheme/colors.ts @@ -9,8 +9,8 @@ export const colors: ThemeColors = { defaultPressed: '#3f4145', // For "pressed" states that use background-alternative. alternativeHover: '#1f2123', // For "hover" states that use background-alternative. alternativePressed: '#2e3033', // For "pressed" states that use background-alternative. - hover: '#ffffff0a', // For "hover" state that use no background fill. - pressed: '#ffffff14', // For "pressed" state that use no background fill. + hover: '#ffffff0f', // For "hover" state that use no background fill. (black-6% | white-6%) + pressed: '#ffffff1f', // For "pressed" state that use no background fill. (black-12% | white-12%) }, text: { default: brandColor.grey000, // For default neutral text. @@ -24,46 +24,46 @@ export const colors: ThemeColors = { }, border: { default: brandColor.grey400, // For soft contrast neutral border - muted: '#848c9629', // For the weakest contrast neutral border + muted: '#858b9a33', // For the weakest contrast neutral border (grey200-40% | grey400-20%) }, overlay: { - default: '#00000099', // For the default shade of screen - alternative: '#000000cc', // For a stronger shade of screen + default: '#00000066', // For the default shade of screen (black-40%) + alternative: '#000000cc', // For a stronger shade of screen (black-80%) inverse: brandColor.grey000, // For elements used on top of overlay/alternative. Used for text, icon or border }, primary: { default: brandColor.blue300, // For interactive, active, and selected semantics. Used for text, background, icon or border alternative: brandColor.blue200, // For the stronger contrast primary semantic elements. - muted: '#43aefc26', // For the weakest contrast primary semantic backgrounds. + muted: '#8b99ff26', // For the weakest contrast primary semantic backgrounds. (blue500-10% | blue300-15%) inverse: brandColor.grey900, // For elements used on top of primary/default. Used for text, icon or border - defaultHover: '#26a2fc', // For the "hover" state of primary-default elements - defaultPressed: '#3baafd', // For the "pressed" state of primary-default elements + defaultHover: '#a8b2ff', // For the "hover" state of primary-default elements + defaultPressed: '#c7ceff', // For the "pressed" state of primary-default elements }, error: { default: brandColor.red300, // For the critical alert semantic elements. Used for text, background, icon or border alternative: brandColor.red200, // For the stronger contrast error semantic elements. - muted: '#e88f9726', // For the weakest contrast critical alert semantic backgrounds. + muted: '#ff758426', // For the weakest contrast critical alert semantic backgrounds. (red500-10% | red300-15%) inverse: brandColor.grey900, // For elements used on top of error/default. Used for text, icon or border - defaultHover: '#e47782', // For the "hover" state of error-default elements. - defaultPressed: '#e78891', // For the "pressed" state of error-default elements. + defaultHover: '#ff94a0', // For the "hover" state of error-default elements. + defaultPressed: '#ffb2bb', // For the "pressed" state of error-default elements. }, warning: { default: brandColor.yellow100, // For the caution alert semantic elements. Used for text, background, icon or border - muted: '#ffdf7026', // For the weakest contrast caution alert semantic backgrounds. + muted: '#ffd95726', // For the weakest contrast caution alert semantic backgrounds. (yellow500-10% | yellow100-15%) inverse: brandColor.grey900, // For elements used on top of warning/default. Used for text, icon or border - defaultHover: '#ffe485', // For the "hover" state of warning-default elements - defaultPressed: '#ffe899', // For the "pressed" state of warning-default elements + defaultHover: '#ffe794', // For the "hover" state of warning-default elements + defaultPressed: '#ffeeb2', // For the "pressed" state of warning-default elements }, success: { default: brandColor.green300, // For the positive semantic elements. Used for text, background, icon or border - muted: '#28a74526', // For the weakest contrast positive semantic backgrounds. + muted: '#4cb56426', // For the weakest contrast positive semantic backgrounds. (green500-10% | green300-10%) inverse: brandColor.grey900, // For elements used on top of success/default. Used for text, icon or border - defaultHover: '#2cb94c', // For the "hover" state of success-default elements - defaultPressed: '#30ca53', // For the "pressed" state of success-default elements + defaultHover: '#60bd76', // For the "hover" state of success-default elements + defaultPressed: '#76c688', // For the "pressed" state of success-default elements }, info: { default: brandColor.blue300, // For informational read-only elements. Used for text, background, icon or border - muted: '#43aefc26', // For the weakest contrast informational semantic backgrounds. + muted: '#8b99ff26', // For the weakest contrast informational semantic backgrounds.(blue500-10% | blue300-15%) inverse: brandColor.grey900, // For elements used on top of info/default. Used for text, icon or border }, flask: { @@ -71,8 +71,8 @@ export const colors: ThemeColors = { inverse: brandColor.grey900, // For elements used on top of flask/default. Used for text, icon or border }, shadow: { - default: '#00000066', // For neutral drop shadow color. - primary: '#43aefc33', // For primary drop shadow color. - error: '#ff758466', // For critical/danger drop shadow color. + default: '#00000066', // For neutral drop shadow color. (black-10% | black-40%) + primary: '#8b99ff33', // For primary drop shadow color. (blue500-20% | blue300-20%) + error: '#ff758433', // For critical/danger drop shadow color. (red50-20% | red300-20%) }, }; diff --git a/src/js/themes/lightTheme/colors.ts b/src/js/themes/lightTheme/colors.ts index 9dc1d0a1..38f940de 100644 --- a/src/js/themes/lightTheme/colors.ts +++ b/src/js/themes/lightTheme/colors.ts @@ -5,12 +5,12 @@ export const colors: ThemeColors = { background: { default: brandColor.grey000, // For default neutral backgrounds alternative: brandColor.grey050, // For secondary neutral backgrounds. - defaultHover: '#f5f5f5', // For "hover" states that use background-default. - defaultPressed: '#ebebeb', // For "pressed" states that use background-alternative. - alternativeHover: '#e7ebee', // For "hover" states that use background-alternative. - alternativePressed: '#dbe0e6', // For "pressed" states that use background-alternative. - hover: '#0000000a', // For "hover" state that use no background fill. - pressed: '#00000014', // For "pressed" state that use no background fill. + defaultHover: '#f0f0f0', // For "hover" states that use background-default. + defaultPressed: '#e0e0e0', // For "pressed" states that use background-alternative. + alternativeHover: '#dde3ee', // For "hover" states that use background-alternative. + alternativePressed: '#c9d2e4', // For "pressed" states that use background-alternative. + hover: '#0000000f', // For "hover" state that use no background fill. (black-6% | white-6%) + pressed: '#0000001f', // For "pressed" state that use no background fill. (black-12% | white-12%) }, text: { default: brandColor.grey900, // For default neutral text. @@ -24,46 +24,46 @@ export const colors: ThemeColors = { }, border: { default: brandColor.grey200, // For soft contrast neutral border - muted: '#bbc0c566', // For the weakest contrast neutral border + muted: '#b7bbc866', // For the weakest contrast neutral border (grey200-40% | grey400-20%) }, overlay: { - default: '#00000099', // For the default shade of screen - alternative: '#000000cc', // For a stronger shade of screen + default: '#00000066', // For the default shade of screen (black-40%) + alternative: '#000000cc', // For a stronger shade of screen (black-80%) inverse: brandColor.grey000, // For elements used on top of overlay/alternative. Used for text, icon or border }, primary: { default: brandColor.blue500, // For interactive, active, and selected semantics. Used for text, background, icon or border alternative: brandColor.blue600, // For the stronger contrast primary semantic elements. - muted: '#0376c91a', // For the weakest contrast primary semantic backgrounds. + muted: '#4459ff1a', // For the weakest contrast primary semantic backgrounds. (blue500-10% | blue300-15%) inverse: brandColor.grey000, // For elements used on top of primary/default. Used for text, icon or border - defaultHover: '#036ab5', // For the "hover" state of primary-default elements - defaultPressed: '#025ea1', // For the "pressed" state of primary-default elements + defaultHover: '#243cff', // For the "hover" state of primary-default elements + defaultPressed: '#0521ff', // For the "pressed" state of primary-default elements }, error: { default: brandColor.red500, // For the critical alert semantic elements. Used for text, background, icon or border alternative: brandColor.red600, // For the stronger contrast error semantic elements. - muted: '#d738471a', // For the weakest contrast critical alert semantic backgrounds. + muted: '#ca35421a', // For the weakest contrast critical alert semantic backgrounds. (red500-10% | red300-15%) inverse: brandColor.grey000, // For elements used on top of error/default. Used for text, icon or border - defaultHover: '#d02a3a', // For the "hover" state of error-default elements. - defaultPressed: '#bf2635', // For the "pressed" state of error-default elements. + defaultHover: '#b22f3a', // For the "hover" state of error-default elements. + defaultPressed: '#9a2832', // For the "pressed" state of error-default elements. }, warning: { default: brandColor.yellow500, // For the caution alert semantic elements. Used for text, background, icon or border - muted: '#bf52081a', // For the weakest contrast caution alert semantic backgrounds. + muted: '#9a63001a', // For the weakest contrast caution alert semantic backgrounds. (yellow500-10% | yellow100-15%) inverse: brandColor.grey000, // For elements used on top of warning/default. Used for text, icon or border - defaultHover: '#ac4a07', // For the "hover" state of warning-default elements - defaultPressed: '#984106', // For the "pressed" state of warning-default elements + defaultHover: '#7a4f00', // For the "hover" state of warning-default elements + defaultPressed: '#5c3b00', // For the "pressed" state of warning-default elements }, success: { default: brandColor.green500, // For the positive semantic elements. Used for text, background, icon or border - muted: '#1c82341a', // For the weakest contrast positive semantic backgrounds. + muted: '#1c7e331a', // For the weakest contrast positive semantic backgrounds. (green500-10% | green300-10%) inverse: brandColor.grey000, // For elements used on top of success/default. Used for text, icon or border - defaultHover: '#18712d', // For the "hover" state of success-default elements - defaultPressed: '#156127', // For the "pressed" state of success-default elements + defaultHover: '#166429', // For the "hover" state of success-default elements + defaultPressed: '#114b1e', // For the "pressed" state of success-default elements }, info: { default: brandColor.blue500, // For informational read-only elements. Used for text, background, icon or border - muted: '#0376c91a', // For the weakest contrast informational semantic backgrounds. + muted: '#4459ff1a', // For the weakest contrast informational semantic backgrounds.(blue500-10% | blue300-15%) inverse: brandColor.grey000, // For elements used on top of info/default. Used for text, icon or border }, flask: { @@ -71,8 +71,8 @@ export const colors: ThemeColors = { inverse: brandColor.grey000, // For elements used on top of flask/default. Used for text, icon or border }, shadow: { - default: '#0000001a', // For neutral drop shadow color. - primary: '#0376c933', // For primary drop shadow color. - error: '#ca354266', // For critical/danger drop shadow color. + default: '#0000001a', // For neutral drop shadow color. (black-10% | black-40%) + primary: '#4459ff33', // For primary drop shadow color. (blue500-20% | blue300-20%) + error: '#ca354266', // For critical/danger drop shadow color. (red50-20% | red300-20%) }, }; From 418a5afd3007c4e8489030de51cc1c6647418af5 Mon Sep 17 00:00:00 2001 From: Brian Nguyen Date: Thu, 30 May 2024 17:03:45 -0700 Subject: [PATCH 2/4] feat: updated css variables based on json --- src/css/brand-colors.css | 203 ++++++++++++++++----------------- src/css/dark-theme-colors.css | 161 ++++++++++---------------- src/css/light-theme-colors.css | 163 ++++++++++---------------- 3 files changed, 214 insertions(+), 313 deletions(-) diff --git a/src/css/brand-colors.css b/src/css/brand-colors.css index 891e5d15..3297b489 100644 --- a/src/css/brand-colors.css +++ b/src/css/brand-colors.css @@ -7,112 +7,103 @@ :root { /* Grey */ - --brand-colors-grey-grey000: #ffffff; - --brand-colors-grey-grey025: #f7f9fc; - --brand-colors-grey-grey050: #f3f5f9; - --brand-colors-grey-grey100: #dadce5; - --brand-colors-grey-grey200: #b7bbc8; - --brand-colors-grey-grey300: #9ca1af; - --brand-colors-grey-grey400: #858b9a; - --brand-colors-grey-grey500: #686e7d; - --brand-colors-grey-grey600: #4b505c; - --brand-colors-grey-grey700: #31333a; - --brand-colors-grey-grey800: #222325; - --brand-colors-grey-grey900: #121314; - --brand-colors-grey-grey1000: #000000; - /* Blue - primary/info */ - --brand-colors-blue-blue025: #f8f9ff; - --brand-colors-blue-blue050: #f4f5ff; - --brand-colors-blue-blue100: #d6dbff; - --brand-colors-blue-blue200: #adb6fe; - --brand-colors-blue-blue300: #8b99ff; - --brand-colors-blue-blue300-15: #8b99ff26; - --brand-colors-blue-blue400: #6f7eff; - --brand-colors-blue-blue500: #4459ff; - --brand-colors-blue-blue500-10: #4459ff1a; - --brand-colors-blue-blue600: #2c3dc5; - --brand-colors-blue-blue700: #1c277f; - --brand-colors-blue-blue800: #131b59; - --brand-colors-blue-blue900: #0b0f32; - /* Green - success */ - --brand-colors-green-green025: #f1faf4; - --brand-colors-green-green050: #ebf7ee; - --brand-colors-green-green100: #c1e6c9; - --brand-colors-green-green200: #80cb91; - --brand-colors-green-green300: #4cb564; - --brand-colors-green-green300-15: #4cb56426; - --brand-colors-green-green400: #279f41; - --brand-colors-green-green500: #1c7e33; - --brand-colors-green-green500-10: #1c7e331a; - --brand-colors-green-green600: #145d25; - --brand-colors-green-green700: #0d3b18; - --brand-colors-green-green800: #092912; - --brand-colors-green-green900: #051709; - /* Red - error */ - --brand-colors-red-red025: #fff6f7; - --brand-colors-red-red050: #fff2f3; - --brand-colors-red-red100: #ffd2d5; - --brand-colors-red-red200: #ffa1aa; - --brand-colors-red-red300: #ff7584; - --brand-colors-red-red300-15: #ff758426; - --brand-colors-red-red400: #f74d5e; - --brand-colors-red-red500: #ca3542; - --brand-colors-red-red500-10: #ca35421a; - --brand-colors-red-red600: #952731; - --brand-colors-red-red700: #611a20; - --brand-colors-red-red800: #431216; - --brand-colors-red-red900: #3b0f13; - /* Yellow - warning */ - --brand-colors-yellow-yellow025: #fff9e6; - --brand-colors-yellow-yellow050: #fff5d5; - --brand-colors-yellow-yellow100: #ffd957; - --brand-colors-yellow-yellow100-15: #ffd95726; - --brand-colors-yellow-yellow200: #f0b034; - --brand-colors-yellow-yellow300: #e18f01; - --brand-colors-yellow-yellow400: #c37b02; - --brand-colors-yellow-yellow400-15: #c37b0226; - --brand-colors-yellow-yellow500: #9a6300; - --brand-colors-yellow-yellow500-10: #9a63001a; - --brand-colors-yellow-yellow600: #714802; - --brand-colors-yellow-yellow700: #482d01; - --brand-colors-yellow-yellow800: #321f00; - --brand-colors-yellow-yellow900: #1c1100; - /* Orange - brand */ - --brand-colors-orange-orange025: #fff8f5; - --brand-colors-orange-orange050: #fff0ea; - --brand-colors-orange-orange100: #ffd4c1; - --brand-colors-orange-orange200: #ffa47c; - --brand-colors-orange-orange300: #ff7940; - --brand-colors-orange-orange400: #f35714; - --brand-colors-orange-orange500: #c3420d; - --brand-colors-orange-orange600: #932d06; - --brand-colors-orange-orange700: #631800; - --brand-colors-orange-orange800: #451100; - --brand-colors-orange-orange900: #280a00; - /* Purple - brand */ - --brand-colors-purple-purple025: #fcf6ff; - --brand-colors-purple-purple050: #fbf2ff; - --brand-colors-purple-purple100: #efd2ff; - --brand-colors-purple-purple200: #dfa4ff; - --brand-colors-purple-purple300: #d27dff; - --brand-colors-purple-purple400: #b864f5; - --brand-colors-purple-purple500: #8f44e4; - --brand-colors-purple-purple600: #6c2ab2; - --brand-colors-purple-purple700: #6c2ab2; - --brand-colors-purple-purple800: #380658; - --brand-colors-purple-purple900: #280a00; - /* Lime - brand */ - --brand-colors-lime-lime025: #effed9; - --brand-colors-lime-lime050: #e3febd; - --brand-colors-lime-lime100: #b8ef4a; - --brand-colors-lime-lime200: #95ca45; - --brand-colors-lime-lime300: #7ab040; - --brand-colors-lime-lime400: #64993d; - --brand-colors-lime-lime500: #457a39; - --brand-colors-lime-lime600: #275b35; - --brand-colors-lime-lime700: #093a31; - --brand-colors-lime-lime800: #012826; - --brand-colors-lime-lime900: #011515; + --brand-colors-grey-100: #dadce5; + --brand-colors-grey-200: #b7bbc8; + --brand-colors-grey-300: #9ca1af; + --brand-colors-grey-400: #858b9a; + --brand-colors-grey-500: #686e7d; + --brand-colors-grey-600: #4b505c; + --brand-colors-grey-700: #31333a; + --brand-colors-grey-800: #222325; + --brand-colors-grey-900: #121314; + --brand-colors-grey-1000: #000000; + --brand-colors-grey-050: #f3f5f9; + --brand-colors-grey-000: #ffffff; + --brand-colors-grey-025: #f7f9fc; + /* Blue */ + --brand-colors-blue-100: #d6dbff; + --brand-colors-blue-200: #adb6fe; + --brand-colors-blue-300: #8b99ff; + --brand-colors-blue-400: #6f7eff; + --brand-colors-blue-500: #4459ff; + --brand-colors-blue-600: #2c3dc5; + --brand-colors-blue-700: #1c277f; + --brand-colors-blue-800: #131b59; + --brand-colors-blue-900: #0b0f32; + --brand-colors-blue-050: #f4f5ff; + --brand-colors-blue-025: #f8f9ff; + /* Green */ + --brand-colors-green-100: #c1e6c9; + --brand-colors-green-200: #80cb91; + --brand-colors-green-300: #4cb564; + --brand-colors-green-400: #279f41; + --brand-colors-green-500: #1c7e33; + --brand-colors-green-600: #145d25; + --brand-colors-green-700: #0d3b18; + --brand-colors-green-800: #092912; + --brand-colors-green-900: #051709; + --brand-colors-green-050: #ebf7ee; + --brand-colors-green-025: #f1faf4; + /* Red */ + --brand-colors-red-100: #ffd2d5; + --brand-colors-red-200: #ffa1aa; + --brand-colors-red-300: #ff7584; + --brand-colors-red-400: #f74d5e; + --brand-colors-red-500: #ca3542; + --brand-colors-red-600: #952731; + --brand-colors-red-700: #611a20; + --brand-colors-red-800: #431216; + --brand-colors-red-900: #3b0f13; + --brand-colors-red-050: #fff2f3; + --brand-colors-red-025: #fff6f7; + /* Yellow */ + --brand-colors-yellow-100: #ffd957; + --brand-colors-yellow-200: #f0b034; + --brand-colors-yellow-300: #e18f01; + --brand-colors-yellow-400: #c37b02; + --brand-colors-yellow-500: #9a6300; + --brand-colors-yellow-600: #714802; + --brand-colors-yellow-700: #482d01; + --brand-colors-yellow-800: #321f00; + --brand-colors-yellow-900: #1c1100; + --brand-colors-yellow-050: #fff5d5; + --brand-colors-yellow-025: #fff9e6; + /* Orange */ + --brand-colors-orange-100: #ffd4c1; + --brand-colors-orange-200: #ffa47c; + --brand-colors-orange-300: #ff7940; + --brand-colors-orange-400: #f35714; + --brand-colors-orange-500: #c3420d; + --brand-colors-orange-600: #932d06; + --brand-colors-orange-700: #631800; + --brand-colors-orange-800: #451100; + --brand-colors-orange-900: #280a00; + --brand-colors-orange-050: #fff0ea; + --brand-colors-orange-025: #fff8f5; + /* Purple */ + --brand-colors-purple-100: #efd2ff; + --brand-colors-purple-200: #dfa4ff; + --brand-colors-purple-300: #d27dff; + --brand-colors-purple-400: #b864f5; + --brand-colors-purple-500: #8f44e4; + --brand-colors-purple-600: #6c2ab2; + --brand-colors-purple-700: #6c2ab2; + --brand-colors-purple-800: #380658; + --brand-colors-purple-900: #280a00; + --brand-colors-purple-050: #fbf2ff; + --brand-colors-purple-025: #fcf6ff; + /* Lime */ + --brand-colors-lime-100: #b8ef4a; + --brand-colors-lime-200: #95ca45; + --brand-colors-lime-300: #7ab040; + --brand-colors-lime-400: #64993d; + --brand-colors-lime-500: #457a39; + --brand-colors-lime-600: #275b35; + --brand-colors-lime-700: #093a31; + --brand-colors-lime-800: #012826; + --brand-colors-lime-900: #011515; + --brand-colors-lime-025: #effed9; + --brand-colors-lime-050: #e3febd; /* White */ --brand-colors-white: #ffffff; /* Black */ diff --git a/src/css/dark-theme-colors.css b/src/css/dark-theme-colors.css index 5e34d69c..89f55ccb 100644 --- a/src/css/dark-theme-colors.css +++ b/src/css/dark-theme-colors.css @@ -5,147 +5,102 @@ */ [data-theme='dark'] { - /* - * Background - */ /* For default neutral backgrounds */ - --color-background-default: var(--brand-colors-grey-grey800); - /* For "hover" states that use background-default */ + --color-background-default: var(--brand-colors-grey-800); + /* For secondary neutral backgrounds. */ + --color-background-alternative: var(--brand-colors-grey-900); + /* For "hover" states that use background-default. */ --color-background-default-hover: #313235; - /* For "pressed" states that use background-alternative */ + /* For "pressed" states that use background-alternative. */ --color-background-default-pressed: #3f4145; - /* For secondary neutral backgrounds */ - --color-background-alternative: var(--brand-colors-grey-grey900); - /* For "hover" states that use background-alternative */ + /* For "hover" states that use background-alternative. */ --color-background-alternative-hover: #1f2123; - /* For "pressed" states that use background-alternative */ + /* For "pressed" states that use background-alternative. */ --color-background-alternative-pressed: #2e3033; - /* For "hover" state that use no background fill */ + /* For "hover" state that use no background fill. (black-6% | white-6%) */ --color-background-hover: #ffffff0f; - /* For "pressed" state that use no background fill */ + /* For "pressed" state that use no background fill. (black-12% | white-12%) */ --color-background-pressed: #ffffff1f; - - /* - * Text - */ - /* For default neutral text */ - --color-text-default: var(--brand-colors-grey-grey000); + /* For default neutral text. */ + --color-text-default: var(--brand-colors-grey-000); /* For softer contrast neutral text */ - --color-text-alternative: var(--brand-colors-grey-grey200); + --color-text-alternative: var(--brand-colors-grey-200); /* For the softest contrast neutral text (not accessible) */ - --color-text-muted: var(--brand-colors-grey-grey400); - - /* - * Icon - */ + --color-text-muted: var(--brand-colors-grey-400); /* For default neutral icons */ - --color-icon-default: var(--brand-colors-grey-grey000); + --color-icon-default: var(--brand-colors-grey-000); /* For softer neutral icons */ - --color-icon-alternative: var(--brand-colors-grey-grey200); + --color-icon-alternative: var(--brand-colors-grey-200); /* For the weakest contrast neutral icons (not accessible) */ - --color-icon-muted: var(--brand-colors-grey-grey400); - - /* - * Border - */ + --color-icon-muted: var(--brand-colors-grey-400); /* For soft contrast neutral border */ - --color-border-default: var(--brand-colors-grey-grey400); - /* For the weakest contrast neutral border */ + --color-border-default: var(--brand-colors-grey-400); + /* For the weakest contrast neutral border (grey200-40% | grey400-20%) */ --color-border-muted: #858b9a33; - - /* - * Overlay - */ - /* For the default shade of screen */ + /* For the default shade of screen (black-40%) */ --color-overlay-default: #00000066; - /* For a stronger shade of screen */ + /* For a stronger shade of screen (black-80%) */ --color-overlay-alternative: #000000cc; - - /* - * Primary - */ + /* For elements used on top of overlay/alternative. Used for text, icon or border */ + --color-overlay-inverse: var(--brand-colors-grey-000); /* For interactive, active, and selected semantics. Used for text, background, icon or border */ - --color-primary-default: var(--brand-colors-blue-blue300); + --color-primary-default: var(--brand-colors-blue-300); + /* For the stronger contrast primary semantic elements. */ + --color-primary-alternative: var(--brand-colors-blue-200); + /* For the weakest contrast primary semantic backgrounds. (blue500-10% | blue300-15%) */ + --color-primary-muted: #8b99ff26; + /* For elements used on top of primary/default. Used for text, icon or border */ + --color-primary-inverse: var(--brand-colors-grey-900); /* For the "hover" state of primary-default elements */ --color-primary-default-hover: #a8b2ff; /* For the "pressed" state of primary-default elements */ --color-primary-default-pressed: #c7ceff; - /* For the stronger contrast primary semantic elements */ - --color-primary-alternative: var(--brand-colors-blue-blue200); - /* For the weakest contrast primary semantic backgrounds */ - --color-primary-muted: var(--brand-colors-blue-blue300-15); - /* For elements used on top of primary/default. Used for text, icon or border */ - --color-primary-inverse: var(--brand-colors-grey-grey900); - - /* - * Error - */ /* For the critical alert semantic elements. Used for text, background, icon or border */ - --color-error-default: var(--brand-colors-red-red300); - /* For the "hover" state of error-default elements */ + --color-error-default: var(--brand-colors-red-300); + /* For the stronger contrast error semantic elements. */ + --color-error-alternative: var(--brand-colors-red-200); + /* For the weakest contrast critical alert semantic backgrounds. (red500-10% | red300-15%) */ + --color-error-muted: #ff758426; + /* For elements used on top of error/default. Used for text, icon or border */ + --color-error-inverse: var(--brand-colors-grey-900); + /* For the "hover" state of error-default elements. */ --color-error-default-hover: #ff94a0; - /* For the "pressed" state of error-default elements */ + /* For the "pressed" state of error-default elements. */ --color-error-default-pressed: #ffb2bb; - /* For the stronger contrast error semantic elements */ - --color-error-alternative: var(--brand-colors-red-red200); - /* For the weakest contrast critical alert semantic backgrounds */ - --color-error-muted: var(--brand-colors-red-red300-15); - /* For elements used on top of error/default. Used for text, icon or border */ - --color-error-inverse: var(--brand-colors-grey-grey900); - - /* - * Warning - */ /* For the caution alert semantic elements. Used for text, background, icon or border */ - --color-warning-default: var(--brand-colors-yellow-yellow100); + --color-warning-default: var(--brand-colors-yellow-100); + /* For the weakest contrast caution alert semantic backgrounds. (yellow500-10% | yellow100-15%) */ + --color-warning-muted: #ffd95726; + /* For elements used on top of warning/default. Used for text, icon or border */ + --color-warning-inverse: var(--brand-colors-grey-900); /* For the "hover" state of warning-default elements */ --color-warning-default-hover: #ffe794; /* For the "pressed" state of warning-default elements */ --color-warning-default-pressed: #ffeeb2; - /* For the weakest contrast caution alert semantic backgrounds */ - --color-warning-muted: var(--brand-colors-yellow-yellow100-15); - /* For elements used on top of warning/default. Used for text, icon or border */ - --color-warning-inverse: var(--brand-colors-grey-grey900); - - /* - * Success - */ /* For the positive semantic elements. Used for text, background, icon or border */ - --color-success-default: var(--brand-colors-green-green300); + --color-success-default: var(--brand-colors-green-300); + /* For the weakest contrast positive semantic backgrounds. (green500-10% | green300-10%) */ + --color-success-muted: #4cb56426; + /* For elements used on top of success/default. Used for text, icon or border */ + --color-success-inverse: var(--brand-colors-grey-900); /* For the "hover" state of success-default elements */ --color-success-default-hover: #60bd76; /* For the "pressed" state of success-default elements */ --color-success-default-pressed: #76c688; - /* For the weakest contrast positive semantic backgrounds */ - --color-success-muted: var(--brand-colors-green-green300-15); - /* For elements used on top of success/default. Used for text, icon or border */ - --color-success-inverse: var(--brand-colors-grey-grey900); - - /* - * Info - */ /* For informational read-only elements. Used for text, background, icon or border */ - --color-info-default: var(--brand-colors-blue-blue300); - /* For the weakest contrast informational semantic backgrounds */ - --color-info-muted: var(--brand-colors-blue-blue300-15); + --color-info-default: var(--brand-colors-blue-300); + /* For the weakest contrast informational semantic backgrounds.(blue500-10% | blue300-15%) */ + --color-info-muted: #8b99ff26; /* For elements used on top of info/default. Used for text, icon or border */ - --color-info-inverse: var(--brand-colors-grey-grey900); - - /* - * Flask - */ - /* For Flask primary accent color */ - --color-flask-default: var(--brand-colors-purple-purple300); + --color-info-inverse: var(--brand-colors-grey-900); + /* For Flask primary accent color. */ + --color-flask-default: var(--brand-colors-purple-300); /* For elements used on top of flask/default. Used for text, icon or border */ - --color-flask-inverse: var(--brand-colors-grey-grey900); - - /* - * Shadow - */ - /* For neutral drop shadow color */ + --color-flask-inverse: var(--brand-colors-grey-900); + /* For neutral drop shadow color. (black-10% | black-40%) */ --color-shadow-default: #00000066; - /* For primary drop shadow color */ + /* For primary drop shadow color. (blue500-20% | blue300-20%) */ --color-shadow-primary: #8b99ff33; - /* For critical/danger drop shadow color */ + /* For critical/danger drop shadow color. (red50-20% | red300-20%) */ --color-shadow-error: #ff758433; } diff --git a/src/css/light-theme-colors.css b/src/css/light-theme-colors.css index caeb0ed8..22d27b77 100644 --- a/src/css/light-theme-colors.css +++ b/src/css/light-theme-colors.css @@ -6,147 +6,102 @@ :root, [data-theme='light'] { - /* - * Background - */ /* For default neutral backgrounds */ - --color-background-default: var(--brand-colors-grey-grey000); - /* For "hover" states that use background-default */ + --color-background-default: var(--brand-colors-grey-000); + /* For secondary neutral backgrounds. */ + --color-background-alternative: var(--brand-colors-grey-050); + /* For "hover" states that use background-default. */ --color-background-default-hover: #f0f0f0; - /* For "pressed" states that use background-alternative */ + /* For "pressed" states that use background-alternative. */ --color-background-default-pressed: #e0e0e0; - /* For secondary neutral backgrounds */ - --color-background-alternative: var(--brand-colors-grey-grey050); - /* For "hover" states that use background-alternative */ + /* For "hover" states that use background-alternative. */ --color-background-alternative-hover: #dde3ee; - /* For "pressed" states that use background-alternative */ + /* For "pressed" states that use background-alternative. */ --color-background-alternative-pressed: #c9d2e4; - /* For "hover" state that use no background fill */ + /* For "hover" state that use no background fill. (black-6% | white-6%) */ --color-background-hover: #0000000f; - /* For "pressed" state that use no background fill */ + /* For "pressed" state that use no background fill. (black-12% | white-12%) */ --color-background-pressed: #0000001f; - - /* - * Text - */ - /* For default neutral text */ - --color-text-default: var(--brand-colors-grey-grey900); + /* For default neutral text. */ + --color-text-default: var(--brand-colors-grey-900); /* For softer contrast neutral text */ - --color-text-alternative: var(--brand-colors-grey-grey500); + --color-text-alternative: var(--brand-colors-grey-500); /* For the softest contrast neutral text (not accessible) */ - --color-text-muted: var(--brand-colors-grey-grey300); - - /* - * Icon - */ + --color-text-muted: var(--brand-colors-grey-300); /* For default neutral icons */ - --color-icon-default: var(--color-text-default); + --color-icon-default: var(--brand-colors-grey-900); /* For softer neutral icons */ - --color-icon-alternative: var(--color-text-alternative); + --color-icon-alternative: var(--brand-colors-grey-500); /* For the weakest contrast neutral icons (not accessible) */ - --color-icon-muted: var(--color-text-muted); - - /* - * Border - */ + --color-icon-muted: var(--brand-colors-grey-300); /* For soft contrast neutral border */ - --color-border-default: var(--brand-colors-grey-grey200); - /* For the weakest contrast neutral border */ + --color-border-default: var(--brand-colors-grey-200); + /* For the weakest contrast neutral border (grey200-40% | grey400-20%) */ --color-border-muted: #b7bbc866; - - /* - * Overlay - */ - /* For the default shade of screen */ + /* For the default shade of screen (black-40%) */ --color-overlay-default: #00000066; - /* For a stronger shade of screen */ + /* For a stronger shade of screen (black-80%) */ --color-overlay-alternative: #000000cc; - - /* - * Primary - */ + /* For elements used on top of overlay/alternative. Used for text, icon or border */ + --color-overlay-inverse: var(--brand-colors-grey-000); /* For interactive, active, and selected semantics. Used for text, background, icon or border */ - --color-primary-default: var(--brand-colors-blue-blue500); + --color-primary-default: var(--brand-colors-blue-500); + /* For the stronger contrast primary semantic elements. */ + --color-primary-alternative: var(--brand-colors-blue-600); + /* For the weakest contrast primary semantic backgrounds. (blue500-10% | blue300-15%) */ + --color-primary-muted: #4459ff1a; + /* For elements used on top of primary/default. Used for text, icon or border */ + --color-primary-inverse: var(--brand-colors-grey-000); /* For the "hover" state of primary-default elements */ --color-primary-default-hover: #243cff; /* For the "pressed" state of primary-default elements */ --color-primary-default-pressed: #0521ff; - /* For the stronger contrast primary semantic elements */ - --color-primary-alternative: var(--brand-colors-blue-blue600); - /* For the weakest contrast primary semantic backgrounds */ - --color-primary-muted: var(--brand-colors-blue-blue500-10); - /* For elements used on top of primary/default. Used for text, icon or border */ - --color-primary-inverse: var(--brand-colors-grey-grey000); - - /* - * Error - */ /* For the critical alert semantic elements. Used for text, background, icon or border */ - --color-error-default: var(--brand-colors-red-red500); - /* For the "hover" state of error-default elements */ + --color-error-default: var(--brand-colors-red-500); + /* For the stronger contrast error semantic elements. */ + --color-error-alternative: var(--brand-colors-red-600); + /* For the weakest contrast critical alert semantic backgrounds. (red500-10% | red300-15%) */ + --color-error-muted: #ca35421a; + /* For elements used on top of error/default. Used for text, icon or border */ + --color-error-inverse: var(--brand-colors-grey-000); + /* For the "hover" state of error-default elements. */ --color-error-default-hover: #b22f3a; - /* For the "pressed" state of error-default elements */ + /* For the "pressed" state of error-default elements. */ --color-error-default-pressed: #9a2832; - /* For the stronger contrast error semantic elements */ - --color-error-alternative: var(--brand-colors-red-red600); - /* For the weakest contrast critical alert semantic backgrounds */ - --color-error-muted: var(--brand-colors-red-red500-10); - /* For elements used on top of error/default. Used for text, icon or border */ - --color-error-inverse: var(--brand-colors-grey-grey000); - - /* - * Warning - */ /* For the caution alert semantic elements. Used for text, background, icon or border */ - --color-warning-default: var(--brand-colors-yellow-yellow500); + --color-warning-default: var(--brand-colors-yellow-500); + /* For the weakest contrast caution alert semantic backgrounds. (yellow500-10% | yellow100-15%) */ + --color-warning-muted: #9a63001a; + /* For elements used on top of warning/default. Used for text, icon or border */ + --color-warning-inverse: var(--brand-colors-grey-000); /* For the "hover" state of warning-default elements */ --color-warning-default-hover: #7a4f00; /* For the "pressed" state of warning-default elements */ --color-warning-default-pressed: #5c3b00; - /* For the weakest contrast caution alert semantic backgrounds */ - --color-warning-muted: var(--brand-colors-yellow-yellow500-10); - /* For elements used on top of warning/default. Used for text, icon or border */ - --color-warning-inverse: var(--brand-colors-grey-grey000); - - /* - * Success - */ /* For the positive semantic elements. Used for text, background, icon or border */ - --color-success-default: var(--brand-colors-green-green500); + --color-success-default: var(--brand-colors-green-500); + /* For the weakest contrast positive semantic backgrounds. (green500-10% | green300-10%) */ + --color-success-muted: #1c7e331a; + /* For elements used on top of success/default. Used for text, icon or border */ + --color-success-inverse: var(--brand-colors-grey-000); /* For the "hover" state of success-default elements */ --color-success-default-hover: #166429; /* For the "pressed" state of success-default elements */ --color-success-default-pressed: #114b1e; - /* For the weakest contrast positive semantic backgrounds */ - --color-success-muted: var(--brand-colors-green-green500-10); - /* For elements used on top of success/default. Used for text, icon or border */ - --color-success-inverse: var(--brand-colors-grey-grey000); - - /* - * Info - */ /* For informational read-only elements. Used for text, background, icon or border */ - --color-info-default: var(--brand-colors-blue-blue500); - /* For the weakest contrast informational semantic backgrounds */ - --color-info-muted: var(--brand-colors-blue-blue500-10); + --color-info-default: var(--brand-colors-blue-500); + /* For the weakest contrast informational semantic backgrounds.(blue500-10% | blue300-15%) */ + --color-info-muted: #4459ff1a; /* For elements used on top of info/default. Used for text, icon or border */ - --color-info-inverse: var(--brand-colors-grey-grey000); - - /* - * Flask - */ - /* For Flask primary accent color */ - --color-flask-default: var(--brand-colors-purple-purple500); + --color-info-inverse: var(--brand-colors-grey-000); + /* For Flask primary accent color. */ + --color-flask-default: var(--brand-colors-purple-500); /* For elements used on top of flask/default. Used for text, icon or border */ - --color-flask-inverse: var(--brand-colors-grey-grey000); - - /* - * Shadow - */ - /* For neutral drop shadow color */ + --color-flask-inverse: var(--brand-colors-grey-000); + /* For neutral drop shadow color. (black-10% | black-40%) */ --color-shadow-default: #0000001a; - /* For primary drop shadow color */ + /* For primary drop shadow color. (blue500-20% | blue300-20%) */ --color-shadow-primary: #4459ff33; - /* For critical/danger drop shadow color */ - --color-shadow-error: #d7384766; + /* For critical/danger drop shadow color. (red50-20% | red300-20%) */ + --color-shadow-error: #ca354266; } From 686a77f73ed5fdb47b78f8cba34c90af052e49db Mon Sep 17 00:00:00 2001 From: Brian Nguyen Date: Thu, 30 May 2024 17:08:03 -0700 Subject: [PATCH 3/4] refactor: updated css variables naming --- src/css/brand-colors.css | 180 ++++++++++++++++----------------- src/css/dark-theme-colors.css | 48 ++++----- src/css/light-theme-colors.css | 48 ++++----- 3 files changed, 138 insertions(+), 138 deletions(-) diff --git a/src/css/brand-colors.css b/src/css/brand-colors.css index 3297b489..9c6b7a5f 100644 --- a/src/css/brand-colors.css +++ b/src/css/brand-colors.css @@ -7,103 +7,103 @@ :root { /* Grey */ - --brand-colors-grey-100: #dadce5; - --brand-colors-grey-200: #b7bbc8; - --brand-colors-grey-300: #9ca1af; - --brand-colors-grey-400: #858b9a; - --brand-colors-grey-500: #686e7d; - --brand-colors-grey-600: #4b505c; - --brand-colors-grey-700: #31333a; - --brand-colors-grey-800: #222325; - --brand-colors-grey-900: #121314; - --brand-colors-grey-1000: #000000; - --brand-colors-grey-050: #f3f5f9; - --brand-colors-grey-000: #ffffff; - --brand-colors-grey-025: #f7f9fc; + --brand-colors-grey-grey100: #dadce5; + --brand-colors-grey-grey200: #b7bbc8; + --brand-colors-grey-grey300: #9ca1af; + --brand-colors-grey-grey400: #858b9a; + --brand-colors-grey-grey500: #686e7d; + --brand-colors-grey-grey600: #4b505c; + --brand-colors-grey-grey700: #31333a; + --brand-colors-grey-grey800: #222325; + --brand-colors-grey-grey900: #121314; + --brand-colors-grey-grey1000: #000000; + --brand-colors-grey-grey050: #f3f5f9; + --brand-colors-grey-grey000: #ffffff; + --brand-colors-grey-grey025: #f7f9fc; /* Blue */ - --brand-colors-blue-100: #d6dbff; - --brand-colors-blue-200: #adb6fe; - --brand-colors-blue-300: #8b99ff; - --brand-colors-blue-400: #6f7eff; - --brand-colors-blue-500: #4459ff; - --brand-colors-blue-600: #2c3dc5; - --brand-colors-blue-700: #1c277f; - --brand-colors-blue-800: #131b59; - --brand-colors-blue-900: #0b0f32; - --brand-colors-blue-050: #f4f5ff; - --brand-colors-blue-025: #f8f9ff; + --brand-colors-blue-blue100: #d6dbff; + --brand-colors-blue-blue200: #adb6fe; + --brand-colors-blue-blue300: #8b99ff; + --brand-colors-blue-blue400: #6f7eff; + --brand-colors-blue-blue500: #4459ff; + --brand-colors-blue-blue600: #2c3dc5; + --brand-colors-blue-blue700: #1c277f; + --brand-colors-blue-blue800: #131b59; + --brand-colors-blue-blue900: #0b0f32; + --brand-colors-blue-blue050: #f4f5ff; + --brand-colors-blue-blue025: #f8f9ff; /* Green */ - --brand-colors-green-100: #c1e6c9; - --brand-colors-green-200: #80cb91; - --brand-colors-green-300: #4cb564; - --brand-colors-green-400: #279f41; - --brand-colors-green-500: #1c7e33; - --brand-colors-green-600: #145d25; - --brand-colors-green-700: #0d3b18; - --brand-colors-green-800: #092912; - --brand-colors-green-900: #051709; - --brand-colors-green-050: #ebf7ee; - --brand-colors-green-025: #f1faf4; + --brand-colors-green-green100: #c1e6c9; + --brand-colors-green-green200: #80cb91; + --brand-colors-green-green300: #4cb564; + --brand-colors-green-green400: #279f41; + --brand-colors-green-green500: #1c7e33; + --brand-colors-green-green600: #145d25; + --brand-colors-green-green700: #0d3b18; + --brand-colors-green-green800: #092912; + --brand-colors-green-green900: #051709; + --brand-colors-green-green050: #ebf7ee; + --brand-colors-green-green025: #f1faf4; /* Red */ - --brand-colors-red-100: #ffd2d5; - --brand-colors-red-200: #ffa1aa; - --brand-colors-red-300: #ff7584; - --brand-colors-red-400: #f74d5e; - --brand-colors-red-500: #ca3542; - --brand-colors-red-600: #952731; - --brand-colors-red-700: #611a20; - --brand-colors-red-800: #431216; - --brand-colors-red-900: #3b0f13; - --brand-colors-red-050: #fff2f3; - --brand-colors-red-025: #fff6f7; + --brand-colors-red-red100: #ffd2d5; + --brand-colors-red-red200: #ffa1aa; + --brand-colors-red-red300: #ff7584; + --brand-colors-red-red400: #f74d5e; + --brand-colors-red-red500: #ca3542; + --brand-colors-red-red600: #952731; + --brand-colors-red-red700: #611a20; + --brand-colors-red-red800: #431216; + --brand-colors-red-red900: #3b0f13; + --brand-colors-red-red050: #fff2f3; + --brand-colors-red-red025: #fff6f7; /* Yellow */ - --brand-colors-yellow-100: #ffd957; - --brand-colors-yellow-200: #f0b034; - --brand-colors-yellow-300: #e18f01; - --brand-colors-yellow-400: #c37b02; - --brand-colors-yellow-500: #9a6300; - --brand-colors-yellow-600: #714802; - --brand-colors-yellow-700: #482d01; - --brand-colors-yellow-800: #321f00; - --brand-colors-yellow-900: #1c1100; - --brand-colors-yellow-050: #fff5d5; - --brand-colors-yellow-025: #fff9e6; + --brand-colors-yellow-yellow100: #ffd957; + --brand-colors-yellow-yellow200: #f0b034; + --brand-colors-yellow-yellow300: #e18f01; + --brand-colors-yellow-yellow400: #c37b02; + --brand-colors-yellow-yellow500: #9a6300; + --brand-colors-yellow-yellow600: #714802; + --brand-colors-yellow-yellow700: #482d01; + --brand-colors-yellow-yellow800: #321f00; + --brand-colors-yellow-yellow900: #1c1100; + --brand-colors-yellow-yellow050: #fff5d5; + --brand-colors-yellow-yellow025: #fff9e6; /* Orange */ - --brand-colors-orange-100: #ffd4c1; - --brand-colors-orange-200: #ffa47c; - --brand-colors-orange-300: #ff7940; - --brand-colors-orange-400: #f35714; - --brand-colors-orange-500: #c3420d; - --brand-colors-orange-600: #932d06; - --brand-colors-orange-700: #631800; - --brand-colors-orange-800: #451100; - --brand-colors-orange-900: #280a00; - --brand-colors-orange-050: #fff0ea; - --brand-colors-orange-025: #fff8f5; + --brand-colors-orange-orange100: #ffd4c1; + --brand-colors-orange-orange200: #ffa47c; + --brand-colors-orange-orange300: #ff7940; + --brand-colors-orange-orange400: #f35714; + --brand-colors-orange-orange500: #c3420d; + --brand-colors-orange-orange600: #932d06; + --brand-colors-orange-orange700: #631800; + --brand-colors-orange-orange800: #451100; + --brand-colors-orange-orange900: #280a00; + --brand-colors-orange-orange050: #fff0ea; + --brand-colors-orange-orange025: #fff8f5; /* Purple */ - --brand-colors-purple-100: #efd2ff; - --brand-colors-purple-200: #dfa4ff; - --brand-colors-purple-300: #d27dff; - --brand-colors-purple-400: #b864f5; - --brand-colors-purple-500: #8f44e4; - --brand-colors-purple-600: #6c2ab2; - --brand-colors-purple-700: #6c2ab2; - --brand-colors-purple-800: #380658; - --brand-colors-purple-900: #280a00; - --brand-colors-purple-050: #fbf2ff; - --brand-colors-purple-025: #fcf6ff; + --brand-colors-purple-purple100: #efd2ff; + --brand-colors-purple-purple200: #dfa4ff; + --brand-colors-purple-purple300: #d27dff; + --brand-colors-purple-purple400: #b864f5; + --brand-colors-purple-purple500: #8f44e4; + --brand-colors-purple-purple600: #6c2ab2; + --brand-colors-purple-purple700: #6c2ab2; + --brand-colors-purple-purple800: #380658; + --brand-colors-purple-purple900: #280a00; + --brand-colors-purple-purple050: #fbf2ff; + --brand-colors-purple-purple025: #fcf6ff; /* Lime */ - --brand-colors-lime-100: #b8ef4a; - --brand-colors-lime-200: #95ca45; - --brand-colors-lime-300: #7ab040; - --brand-colors-lime-400: #64993d; - --brand-colors-lime-500: #457a39; - --brand-colors-lime-600: #275b35; - --brand-colors-lime-700: #093a31; - --brand-colors-lime-800: #012826; - --brand-colors-lime-900: #011515; - --brand-colors-lime-025: #effed9; - --brand-colors-lime-050: #e3febd; + --brand-colors-lime-lime100: #b8ef4a; + --brand-colors-lime-lime200: #95ca45; + --brand-colors-lime-lime300: #7ab040; + --brand-colors-lime-lime400: #64993d; + --brand-colors-lime-lime500: #457a39; + --brand-colors-lime-lime600: #275b35; + --brand-colors-lime-lime700: #093a31; + --brand-colors-lime-lime800: #012826; + --brand-colors-lime-lime900: #011515; + --brand-colors-lime-lime025: #effed9; + --brand-colors-lime-lime050: #e3febd; /* White */ --brand-colors-white: #ffffff; /* Black */ diff --git a/src/css/dark-theme-colors.css b/src/css/dark-theme-colors.css index 89f55ccb..97576110 100644 --- a/src/css/dark-theme-colors.css +++ b/src/css/dark-theme-colors.css @@ -6,9 +6,9 @@ [data-theme='dark'] { /* For default neutral backgrounds */ - --color-background-default: var(--brand-colors-grey-800); + --color-background-default: var(--brand-colors-grey-grey800); /* For secondary neutral backgrounds. */ - --color-background-alternative: var(--brand-colors-grey-900); + --color-background-alternative: var(--brand-colors-grey-grey900); /* For "hover" states that use background-default. */ --color-background-default-hover: #313235; /* For "pressed" states that use background-alternative. */ @@ -22,19 +22,19 @@ /* For "pressed" state that use no background fill. (black-12% | white-12%) */ --color-background-pressed: #ffffff1f; /* For default neutral text. */ - --color-text-default: var(--brand-colors-grey-000); + --color-text-default: var(--brand-colors-grey-grey000); /* For softer contrast neutral text */ - --color-text-alternative: var(--brand-colors-grey-200); + --color-text-alternative: var(--brand-colors-grey-grey200); /* For the softest contrast neutral text (not accessible) */ - --color-text-muted: var(--brand-colors-grey-400); + --color-text-muted: var(--brand-colors-grey-grey400); /* For default neutral icons */ - --color-icon-default: var(--brand-colors-grey-000); + --color-icon-default: var(--brand-colors-grey-grey000); /* For softer neutral icons */ - --color-icon-alternative: var(--brand-colors-grey-200); + --color-icon-alternative: var(--brand-colors-grey-grey200); /* For the weakest contrast neutral icons (not accessible) */ - --color-icon-muted: var(--brand-colors-grey-400); + --color-icon-muted: var(--brand-colors-grey-grey400); /* For soft contrast neutral border */ - --color-border-default: var(--brand-colors-grey-400); + --color-border-default: var(--brand-colors-grey-grey400); /* For the weakest contrast neutral border (grey200-40% | grey400-20%) */ --color-border-muted: #858b9a33; /* For the default shade of screen (black-40%) */ @@ -42,61 +42,61 @@ /* For a stronger shade of screen (black-80%) */ --color-overlay-alternative: #000000cc; /* For elements used on top of overlay/alternative. Used for text, icon or border */ - --color-overlay-inverse: var(--brand-colors-grey-000); + --color-overlay-inverse: var(--brand-colors-grey-grey000); /* For interactive, active, and selected semantics. Used for text, background, icon or border */ - --color-primary-default: var(--brand-colors-blue-300); + --color-primary-default: var(--brand-colors-blue-blue300); /* For the stronger contrast primary semantic elements. */ - --color-primary-alternative: var(--brand-colors-blue-200); + --color-primary-alternative: var(--brand-colors-blue-blue200); /* For the weakest contrast primary semantic backgrounds. (blue500-10% | blue300-15%) */ --color-primary-muted: #8b99ff26; /* For elements used on top of primary/default. Used for text, icon or border */ - --color-primary-inverse: var(--brand-colors-grey-900); + --color-primary-inverse: var(--brand-colors-grey-grey900); /* For the "hover" state of primary-default elements */ --color-primary-default-hover: #a8b2ff; /* For the "pressed" state of primary-default elements */ --color-primary-default-pressed: #c7ceff; /* For the critical alert semantic elements. Used for text, background, icon or border */ - --color-error-default: var(--brand-colors-red-300); + --color-error-default: var(--brand-colors-red-red300); /* For the stronger contrast error semantic elements. */ - --color-error-alternative: var(--brand-colors-red-200); + --color-error-alternative: var(--brand-colors-red-red200); /* For the weakest contrast critical alert semantic backgrounds. (red500-10% | red300-15%) */ --color-error-muted: #ff758426; /* For elements used on top of error/default. Used for text, icon or border */ - --color-error-inverse: var(--brand-colors-grey-900); + --color-error-inverse: var(--brand-colors-grey-grey900); /* For the "hover" state of error-default elements. */ --color-error-default-hover: #ff94a0; /* For the "pressed" state of error-default elements. */ --color-error-default-pressed: #ffb2bb; /* For the caution alert semantic elements. Used for text, background, icon or border */ - --color-warning-default: var(--brand-colors-yellow-100); + --color-warning-default: var(--brand-colors-yellow-yellow100); /* For the weakest contrast caution alert semantic backgrounds. (yellow500-10% | yellow100-15%) */ --color-warning-muted: #ffd95726; /* For elements used on top of warning/default. Used for text, icon or border */ - --color-warning-inverse: var(--brand-colors-grey-900); + --color-warning-inverse: var(--brand-colors-grey-grey900); /* For the "hover" state of warning-default elements */ --color-warning-default-hover: #ffe794; /* For the "pressed" state of warning-default elements */ --color-warning-default-pressed: #ffeeb2; /* For the positive semantic elements. Used for text, background, icon or border */ - --color-success-default: var(--brand-colors-green-300); + --color-success-default: var(--brand-colors-green-green300); /* For the weakest contrast positive semantic backgrounds. (green500-10% | green300-10%) */ --color-success-muted: #4cb56426; /* For elements used on top of success/default. Used for text, icon or border */ - --color-success-inverse: var(--brand-colors-grey-900); + --color-success-inverse: var(--brand-colors-grey-grey900); /* For the "hover" state of success-default elements */ --color-success-default-hover: #60bd76; /* For the "pressed" state of success-default elements */ --color-success-default-pressed: #76c688; /* For informational read-only elements. Used for text, background, icon or border */ - --color-info-default: var(--brand-colors-blue-300); + --color-info-default: var(--brand-colors-blue-blue300); /* For the weakest contrast informational semantic backgrounds.(blue500-10% | blue300-15%) */ --color-info-muted: #8b99ff26; /* For elements used on top of info/default. Used for text, icon or border */ - --color-info-inverse: var(--brand-colors-grey-900); + --color-info-inverse: var(--brand-colors-grey-grey900); /* For Flask primary accent color. */ - --color-flask-default: var(--brand-colors-purple-300); + --color-flask-default: var(--brand-colors-purple-purple300); /* For elements used on top of flask/default. Used for text, icon or border */ - --color-flask-inverse: var(--brand-colors-grey-900); + --color-flask-inverse: var(--brand-colors-grey-grey900); /* For neutral drop shadow color. (black-10% | black-40%) */ --color-shadow-default: #00000066; /* For primary drop shadow color. (blue500-20% | blue300-20%) */ diff --git a/src/css/light-theme-colors.css b/src/css/light-theme-colors.css index 22d27b77..5f6c1703 100644 --- a/src/css/light-theme-colors.css +++ b/src/css/light-theme-colors.css @@ -7,9 +7,9 @@ :root, [data-theme='light'] { /* For default neutral backgrounds */ - --color-background-default: var(--brand-colors-grey-000); + --color-background-default: var(--brand-colors-grey-grey000); /* For secondary neutral backgrounds. */ - --color-background-alternative: var(--brand-colors-grey-050); + --color-background-alternative: var(--brand-colors-grey-grey050); /* For "hover" states that use background-default. */ --color-background-default-hover: #f0f0f0; /* For "pressed" states that use background-alternative. */ @@ -23,19 +23,19 @@ /* For "pressed" state that use no background fill. (black-12% | white-12%) */ --color-background-pressed: #0000001f; /* For default neutral text. */ - --color-text-default: var(--brand-colors-grey-900); + --color-text-default: var(--brand-colors-grey-grey900); /* For softer contrast neutral text */ - --color-text-alternative: var(--brand-colors-grey-500); + --color-text-alternative: var(--brand-colors-grey-grey500); /* For the softest contrast neutral text (not accessible) */ - --color-text-muted: var(--brand-colors-grey-300); + --color-text-muted: var(--brand-colors-grey-grey300); /* For default neutral icons */ - --color-icon-default: var(--brand-colors-grey-900); + --color-icon-default: var(--brand-colors-grey-grey900); /* For softer neutral icons */ - --color-icon-alternative: var(--brand-colors-grey-500); + --color-icon-alternative: var(--brand-colors-grey-grey500); /* For the weakest contrast neutral icons (not accessible) */ - --color-icon-muted: var(--brand-colors-grey-300); + --color-icon-muted: var(--brand-colors-grey-grey300); /* For soft contrast neutral border */ - --color-border-default: var(--brand-colors-grey-200); + --color-border-default: var(--brand-colors-grey-grey200); /* For the weakest contrast neutral border (grey200-40% | grey400-20%) */ --color-border-muted: #b7bbc866; /* For the default shade of screen (black-40%) */ @@ -43,61 +43,61 @@ /* For a stronger shade of screen (black-80%) */ --color-overlay-alternative: #000000cc; /* For elements used on top of overlay/alternative. Used for text, icon or border */ - --color-overlay-inverse: var(--brand-colors-grey-000); + --color-overlay-inverse: var(--brand-colors-grey-grey000); /* For interactive, active, and selected semantics. Used for text, background, icon or border */ - --color-primary-default: var(--brand-colors-blue-500); + --color-primary-default: var(--brand-colors-blue-blue500); /* For the stronger contrast primary semantic elements. */ - --color-primary-alternative: var(--brand-colors-blue-600); + --color-primary-alternative: var(--brand-colors-blue-blue600); /* For the weakest contrast primary semantic backgrounds. (blue500-10% | blue300-15%) */ --color-primary-muted: #4459ff1a; /* For elements used on top of primary/default. Used for text, icon or border */ - --color-primary-inverse: var(--brand-colors-grey-000); + --color-primary-inverse: var(--brand-colors-grey-grey000); /* For the "hover" state of primary-default elements */ --color-primary-default-hover: #243cff; /* For the "pressed" state of primary-default elements */ --color-primary-default-pressed: #0521ff; /* For the critical alert semantic elements. Used for text, background, icon or border */ - --color-error-default: var(--brand-colors-red-500); + --color-error-default: var(--brand-colors-red-red500); /* For the stronger contrast error semantic elements. */ - --color-error-alternative: var(--brand-colors-red-600); + --color-error-alternative: var(--brand-colors-red-red600); /* For the weakest contrast critical alert semantic backgrounds. (red500-10% | red300-15%) */ --color-error-muted: #ca35421a; /* For elements used on top of error/default. Used for text, icon or border */ - --color-error-inverse: var(--brand-colors-grey-000); + --color-error-inverse: var(--brand-colors-grey-grey000); /* For the "hover" state of error-default elements. */ --color-error-default-hover: #b22f3a; /* For the "pressed" state of error-default elements. */ --color-error-default-pressed: #9a2832; /* For the caution alert semantic elements. Used for text, background, icon or border */ - --color-warning-default: var(--brand-colors-yellow-500); + --color-warning-default: var(--brand-colors-yellow-yellow500); /* For the weakest contrast caution alert semantic backgrounds. (yellow500-10% | yellow100-15%) */ --color-warning-muted: #9a63001a; /* For elements used on top of warning/default. Used for text, icon or border */ - --color-warning-inverse: var(--brand-colors-grey-000); + --color-warning-inverse: var(--brand-colors-grey-grey000); /* For the "hover" state of warning-default elements */ --color-warning-default-hover: #7a4f00; /* For the "pressed" state of warning-default elements */ --color-warning-default-pressed: #5c3b00; /* For the positive semantic elements. Used for text, background, icon or border */ - --color-success-default: var(--brand-colors-green-500); + --color-success-default: var(--brand-colors-green-green500); /* For the weakest contrast positive semantic backgrounds. (green500-10% | green300-10%) */ --color-success-muted: #1c7e331a; /* For elements used on top of success/default. Used for text, icon or border */ - --color-success-inverse: var(--brand-colors-grey-000); + --color-success-inverse: var(--brand-colors-grey-grey000); /* For the "hover" state of success-default elements */ --color-success-default-hover: #166429; /* For the "pressed" state of success-default elements */ --color-success-default-pressed: #114b1e; /* For informational read-only elements. Used for text, background, icon or border */ - --color-info-default: var(--brand-colors-blue-500); + --color-info-default: var(--brand-colors-blue-blue500); /* For the weakest contrast informational semantic backgrounds.(blue500-10% | blue300-15%) */ --color-info-muted: #4459ff1a; /* For elements used on top of info/default. Used for text, icon or border */ - --color-info-inverse: var(--brand-colors-grey-000); + --color-info-inverse: var(--brand-colors-grey-grey000); /* For Flask primary accent color. */ - --color-flask-default: var(--brand-colors-purple-500); + --color-flask-default: var(--brand-colors-purple-purple500); /* For elements used on top of flask/default. Used for text, icon or border */ - --color-flask-inverse: var(--brand-colors-grey-000); + --color-flask-inverse: var(--brand-colors-grey-grey000); /* For neutral drop shadow color. (black-10% | black-40%) */ --color-shadow-default: #0000001a; /* For primary drop shadow color. (blue500-20% | blue300-20%) */ From 3338396b9bd3789540247564f3276df16459baff Mon Sep 17 00:00:00 2001 From: georgewrmarshall Date: Wed, 12 Jun 2024 10:52:13 -0700 Subject: [PATCH 4/4] chore: temporarily adding the dist folder to brand evolution branch to test in other projects --- .gitignore | 2 +- dist/chunk-35JJ6V76.mjs | 134 ++++++++++ dist/chunk-35JJ6V76.mjs.map | 1 + dist/chunk-37CYYNL2.mjs | 9 + dist/chunk-37CYYNL2.mjs.map | 1 + dist/chunk-6CNXLMEO.js | 1 + dist/chunk-6CNXLMEO.js.map | 1 + dist/chunk-7HI3S7AK.js | 1 + dist/chunk-7HI3S7AK.js.map | 1 + dist/chunk-7RM4NVSC.js | 16 ++ dist/chunk-7RM4NVSC.js.map | 1 + dist/chunk-7SRGQ4DD.mjs | 1 + dist/chunk-7SRGQ4DD.mjs.map | 1 + dist/chunk-ARVGVDA4.js | 1 + dist/chunk-ARVGVDA4.js.map | 1 + dist/chunk-CI27TEBG.mjs | 11 + dist/chunk-CI27TEBG.mjs.map | 1 + dist/chunk-DBW6SE3C.mjs | 192 ++++++++++++++ dist/chunk-DBW6SE3C.mjs.map | 1 + dist/chunk-EVAMH3JU.js | 50 ++++ dist/chunk-EVAMH3JU.js.map | 1 + dist/chunk-FDULD7I6.mjs | 1 + dist/chunk-FDULD7I6.mjs.map | 1 + dist/chunk-FXREN35Y.mjs | 10 + dist/chunk-FXREN35Y.mjs.map | 1 + dist/chunk-GFHCJHAM.mjs | 1 + dist/chunk-GFHCJHAM.mjs.map | 1 + dist/chunk-GLECB5WV.mjs | 1 + dist/chunk-GLECB5WV.mjs.map | 1 + dist/chunk-HAVMFH3M.mjs | 228 ++++++++++++++++ dist/chunk-HAVMFH3M.mjs.map | 1 + dist/chunk-IA2MTBXO.js | 1 + dist/chunk-IA2MTBXO.js.map | 1 + dist/chunk-ITOO6PIB.mjs | 21 ++ dist/chunk-ITOO6PIB.mjs.map | 1 + dist/chunk-IXR4OIUG.js | 134 ++++++++++ dist/chunk-IXR4OIUG.js.map | 1 + dist/chunk-J4LS7B7I.js | 1 + dist/chunk-J4LS7B7I.js.map | 1 + dist/chunk-JFOLKV5A.mjs | 21 ++ dist/chunk-JFOLKV5A.mjs.map | 1 + dist/chunk-JSD4CJVA.js | 1 + dist/chunk-JSD4CJVA.js.map | 1 + dist/chunk-K6C24R3B.js | 21 ++ dist/chunk-K6C24R3B.js.map | 1 + dist/chunk-KBAVOXT3.js | 134 ++++++++++ dist/chunk-KBAVOXT3.js.map | 1 + dist/chunk-KLSBX444.mjs | 1 + dist/chunk-KLSBX444.mjs.map | 1 + dist/chunk-LN25RJU7.js | 192 ++++++++++++++ dist/chunk-LN25RJU7.js.map | 1 + dist/chunk-LONLRSC2.js | 9 + dist/chunk-LONLRSC2.js.map | 1 + dist/chunk-MVWS47QQ.mjs | 50 ++++ dist/chunk-MVWS47QQ.mjs.map | 1 + dist/chunk-OIQON57J.js | 50 ++++ dist/chunk-OIQON57J.js.map | 1 + dist/chunk-PTGHW2EM.js | 21 ++ dist/chunk-PTGHW2EM.js.map | 1 + dist/chunk-QOVSVHQG.js | 1 + dist/chunk-QOVSVHQG.js.map | 1 + dist/chunk-R4HHKA64.mjs | 15 ++ dist/chunk-R4HHKA64.mjs.map | 1 + dist/chunk-RS62Z6R2.js | 15 ++ dist/chunk-RS62Z6R2.js.map | 1 + dist/chunk-SER5UWJS.js | 10 + dist/chunk-SER5UWJS.js.map | 1 + dist/chunk-SOFQOO3T.mjs | 134 ++++++++++ dist/chunk-SOFQOO3T.mjs.map | 1 + dist/chunk-TIPOTX2S.mjs | 1 + dist/chunk-TIPOTX2S.mjs.map | 1 + dist/chunk-TQYJJJ2E.js | 21 ++ dist/chunk-TQYJJJ2E.js.map | 1 + dist/chunk-U3QP5QIZ.mjs | 1 + dist/chunk-U3QP5QIZ.mjs.map | 1 + dist/chunk-U6CWNRHF.js | 228 ++++++++++++++++ dist/chunk-U6CWNRHF.js.map | 1 + dist/chunk-UKISWQV3.mjs | 21 ++ dist/chunk-UKISWQV3.mjs.map | 1 + dist/chunk-WX3QHWKN.mjs | 50 ++++ dist/chunk-WX3QHWKN.mjs.map | 1 + dist/chunk-Y6UTFJGN.js | 11 + dist/chunk-Y6UTFJGN.js.map | 1 + dist/chunk-YE3RTW6R.mjs | 16 ++ dist/chunk-YE3RTW6R.mjs.map | 1 + dist/index.js | 39 +++ dist/index.js.map | 1 + dist/index.mjs | 39 +++ dist/index.mjs.map | 1 + dist/js/brandColor/brandColor.js | 7 + dist/js/brandColor/brandColor.js.map | 1 + dist/js/brandColor/brandColor.mjs | 7 + dist/js/brandColor/brandColor.mjs.map | 1 + dist/js/brandColor/brandColor.types.js | 1 + dist/js/brandColor/brandColor.types.js.map | 1 + dist/js/brandColor/brandColor.types.mjs | 1 + dist/js/brandColor/brandColor.types.mjs.map | 1 + dist/js/brandColor/index.js | 8 + dist/js/brandColor/index.js.map | 1 + dist/js/brandColor/index.mjs | 8 + dist/js/brandColor/index.mjs.map | 1 + dist/js/colors/colors.js | 25 ++ dist/js/colors/colors.js.map | 1 + dist/js/colors/colors.mjs | 25 ++ dist/js/colors/colors.mjs.map | 1 + dist/js/colors/index.js | 27 ++ dist/js/colors/index.js.map | 1 + dist/js/colors/index.mjs | 27 ++ dist/js/colors/index.mjs.map | 1 + dist/js/index.js | 39 +++ dist/js/index.js.map | 1 + dist/js/index.mjs | 39 +++ dist/js/index.mjs.map | 1 + dist/js/themes/darkTheme/colors.js | 9 + dist/js/themes/darkTheme/colors.js.map | 1 + dist/js/themes/darkTheme/colors.mjs | 9 + dist/js/themes/darkTheme/colors.mjs.map | 1 + dist/js/themes/darkTheme/darkTheme.js | 18 ++ dist/js/themes/darkTheme/darkTheme.js.map | 1 + dist/js/themes/darkTheme/darkTheme.mjs | 18 ++ dist/js/themes/darkTheme/darkTheme.mjs.map | 1 + dist/js/themes/darkTheme/index.js | 19 ++ dist/js/themes/darkTheme/index.js.map | 1 + dist/js/themes/darkTheme/index.mjs | 19 ++ dist/js/themes/darkTheme/index.mjs.map | 1 + dist/js/themes/darkTheme/shadows.js | 10 + dist/js/themes/darkTheme/shadows.js.map | 1 + dist/js/themes/darkTheme/shadows.mjs | 10 + dist/js/themes/darkTheme/shadows.mjs.map | 1 + dist/js/themes/index.js | 27 ++ dist/js/themes/index.js.map | 1 + dist/js/themes/index.mjs | 27 ++ dist/js/themes/index.mjs.map | 1 + dist/js/themes/lightTheme/colors.js | 9 + dist/js/themes/lightTheme/colors.js.map | 1 + dist/js/themes/lightTheme/colors.mjs | 9 + dist/js/themes/lightTheme/colors.mjs.map | 1 + dist/js/themes/lightTheme/index.js | 19 ++ dist/js/themes/lightTheme/index.js.map | 1 + dist/js/themes/lightTheme/index.mjs | 19 ++ dist/js/themes/lightTheme/index.mjs.map | 1 + dist/js/themes/lightTheme/lightTheme.js | 18 ++ dist/js/themes/lightTheme/lightTheme.js.map | 1 + dist/js/themes/lightTheme/lightTheme.mjs | 18 ++ dist/js/themes/lightTheme/lightTheme.mjs.map | 1 + dist/js/themes/lightTheme/shadows.js | 10 + dist/js/themes/lightTheme/shadows.js.map | 1 + dist/js/themes/lightTheme/shadows.mjs | 10 + dist/js/themes/lightTheme/shadows.mjs.map | 1 + dist/js/themes/types.js | 1 + dist/js/themes/types.js.map | 1 + dist/js/themes/types.mjs | 1 + dist/js/themes/types.mjs.map | 1 + dist/js/typography/fontFamilies.js | 7 + dist/js/typography/fontFamilies.js.map | 1 + dist/js/typography/fontFamilies.mjs | 7 + dist/js/typography/fontFamilies.mjs.map | 1 + dist/js/typography/fontSizes.js | 7 + dist/js/typography/fontSizes.js.map | 1 + dist/js/typography/fontSizes.mjs | 7 + dist/js/typography/fontSizes.mjs.map | 1 + dist/js/typography/fontWeights.js | 7 + dist/js/typography/fontWeights.js.map | 1 + dist/js/typography/fontWeights.mjs | 7 + dist/js/typography/fontWeights.mjs.map | 1 + dist/js/typography/index.js | 13 + dist/js/typography/index.js.map | 1 + dist/js/typography/index.mjs | 13 + dist/js/typography/index.mjs.map | 1 + dist/js/typography/letterSpacing.js | 7 + dist/js/typography/letterSpacing.js.map | 1 + dist/js/typography/letterSpacing.mjs | 7 + dist/js/typography/letterSpacing.mjs.map | 1 + dist/js/typography/lineHeights.js | 7 + dist/js/typography/lineHeights.js.map | 1 + dist/js/typography/lineHeights.mjs | 7 + dist/js/typography/lineHeights.mjs.map | 1 + dist/js/typography/types.js | 1 + dist/js/typography/types.js.map | 1 + dist/js/typography/types.mjs | 1 + dist/js/typography/types.mjs.map | 1 + dist/js/typography/typography.js | 12 + dist/js/typography/typography.js.map | 1 + dist/js/typography/typography.mjs | 12 + dist/js/typography/typography.mjs.map | 1 + dist/styles.css | 1 + dist/types/index.d.ts | 3 + dist/types/index.d.ts.map | 1 + dist/types/js/brandColor/brandColor.d.ts | 3 + dist/types/js/brandColor/brandColor.d.ts.map | 1 + .../types/js/brandColor/brandColor.types.d.ts | 187 +++++++++++++ .../js/brandColor/brandColor.types.d.ts.map | 1 + dist/types/js/brandColor/index.d.ts | 3 + dist/types/js/brandColor/index.d.ts.map | 1 + dist/types/js/colors/colors.d.ts | 157 +++++++++++ dist/types/js/colors/colors.d.ts.map | 1 + dist/types/js/colors/index.d.ts | 3 + dist/types/js/colors/index.d.ts.map | 1 + dist/types/js/index.d.ts | 7 + dist/types/js/index.d.ts.map | 1 + dist/types/js/themes/darkTheme/colors.d.ts | 3 + .../types/js/themes/darkTheme/colors.d.ts.map | 1 + dist/types/js/themes/darkTheme/darkTheme.d.ts | 3 + .../js/themes/darkTheme/darkTheme.d.ts.map | 1 + dist/types/js/themes/darkTheme/index.d.ts | 2 + dist/types/js/themes/darkTheme/index.d.ts.map | 1 + dist/types/js/themes/darkTheme/shadows.d.ts | 3 + .../js/themes/darkTheme/shadows.d.ts.map | 1 + dist/types/js/themes/index.d.ts | 4 + dist/types/js/themes/index.d.ts.map | 1 + dist/types/js/themes/lightTheme/colors.d.ts | 3 + .../js/themes/lightTheme/colors.d.ts.map | 1 + dist/types/js/themes/lightTheme/index.d.ts | 2 + .../types/js/themes/lightTheme/index.d.ts.map | 1 + .../js/themes/lightTheme/lightTheme.d.ts | 3 + .../js/themes/lightTheme/lightTheme.d.ts.map | 1 + dist/types/js/themes/lightTheme/shadows.d.ts | 3 + .../js/themes/lightTheme/shadows.d.ts.map | 1 + dist/types/js/themes/types.d.ts | 248 ++++++++++++++++++ dist/types/js/themes/types.d.ts.map | 1 + dist/types/js/typography/fontFamilies.d.ts | 4 + .../types/js/typography/fontFamilies.d.ts.map | 1 + dist/types/js/typography/fontSizes.d.ts | 11 + dist/types/js/typography/fontSizes.d.ts.map | 1 + dist/types/js/typography/fontWeights.d.ts | 6 + dist/types/js/typography/fontWeights.d.ts.map | 1 + dist/types/js/typography/index.d.ts | 3 + dist/types/js/typography/index.d.ts.map | 1 + dist/types/js/typography/letterSpacing.d.ts | 5 + .../js/typography/letterSpacing.d.ts.map | 1 + dist/types/js/typography/lineHeights.d.ts | 10 + dist/types/js/typography/lineHeights.d.ts.map | 1 + dist/types/js/typography/types.d.ts | 39 +++ dist/types/js/typography/types.d.ts.map | 1 + dist/types/js/typography/typography.d.ts | 3 + dist/types/js/typography/typography.d.ts.map | 1 + 236 files changed, 3369 insertions(+), 1 deletion(-) create mode 100644 dist/chunk-35JJ6V76.mjs create mode 100644 dist/chunk-35JJ6V76.mjs.map create mode 100644 dist/chunk-37CYYNL2.mjs create mode 100644 dist/chunk-37CYYNL2.mjs.map create mode 100644 dist/chunk-6CNXLMEO.js create mode 100644 dist/chunk-6CNXLMEO.js.map create mode 100644 dist/chunk-7HI3S7AK.js create mode 100644 dist/chunk-7HI3S7AK.js.map create mode 100644 dist/chunk-7RM4NVSC.js create mode 100644 dist/chunk-7RM4NVSC.js.map create mode 100644 dist/chunk-7SRGQ4DD.mjs create mode 100644 dist/chunk-7SRGQ4DD.mjs.map create mode 100644 dist/chunk-ARVGVDA4.js create mode 100644 dist/chunk-ARVGVDA4.js.map create mode 100644 dist/chunk-CI27TEBG.mjs create mode 100644 dist/chunk-CI27TEBG.mjs.map create mode 100644 dist/chunk-DBW6SE3C.mjs create mode 100644 dist/chunk-DBW6SE3C.mjs.map create mode 100644 dist/chunk-EVAMH3JU.js create mode 100644 dist/chunk-EVAMH3JU.js.map create mode 100644 dist/chunk-FDULD7I6.mjs create mode 100644 dist/chunk-FDULD7I6.mjs.map create mode 100644 dist/chunk-FXREN35Y.mjs create mode 100644 dist/chunk-FXREN35Y.mjs.map create mode 100644 dist/chunk-GFHCJHAM.mjs create mode 100644 dist/chunk-GFHCJHAM.mjs.map create mode 100644 dist/chunk-GLECB5WV.mjs create mode 100644 dist/chunk-GLECB5WV.mjs.map create mode 100644 dist/chunk-HAVMFH3M.mjs create mode 100644 dist/chunk-HAVMFH3M.mjs.map create mode 100644 dist/chunk-IA2MTBXO.js create mode 100644 dist/chunk-IA2MTBXO.js.map create mode 100644 dist/chunk-ITOO6PIB.mjs create mode 100644 dist/chunk-ITOO6PIB.mjs.map create mode 100644 dist/chunk-IXR4OIUG.js create mode 100644 dist/chunk-IXR4OIUG.js.map create mode 100644 dist/chunk-J4LS7B7I.js create mode 100644 dist/chunk-J4LS7B7I.js.map create mode 100644 dist/chunk-JFOLKV5A.mjs create mode 100644 dist/chunk-JFOLKV5A.mjs.map create mode 100644 dist/chunk-JSD4CJVA.js create mode 100644 dist/chunk-JSD4CJVA.js.map create mode 100644 dist/chunk-K6C24R3B.js create mode 100644 dist/chunk-K6C24R3B.js.map create mode 100644 dist/chunk-KBAVOXT3.js create mode 100644 dist/chunk-KBAVOXT3.js.map create mode 100644 dist/chunk-KLSBX444.mjs create mode 100644 dist/chunk-KLSBX444.mjs.map create mode 100644 dist/chunk-LN25RJU7.js create mode 100644 dist/chunk-LN25RJU7.js.map create mode 100644 dist/chunk-LONLRSC2.js create mode 100644 dist/chunk-LONLRSC2.js.map create mode 100644 dist/chunk-MVWS47QQ.mjs create mode 100644 dist/chunk-MVWS47QQ.mjs.map create mode 100644 dist/chunk-OIQON57J.js create mode 100644 dist/chunk-OIQON57J.js.map create mode 100644 dist/chunk-PTGHW2EM.js create mode 100644 dist/chunk-PTGHW2EM.js.map create mode 100644 dist/chunk-QOVSVHQG.js create mode 100644 dist/chunk-QOVSVHQG.js.map create mode 100644 dist/chunk-R4HHKA64.mjs create mode 100644 dist/chunk-R4HHKA64.mjs.map create mode 100644 dist/chunk-RS62Z6R2.js create mode 100644 dist/chunk-RS62Z6R2.js.map create mode 100644 dist/chunk-SER5UWJS.js create mode 100644 dist/chunk-SER5UWJS.js.map create mode 100644 dist/chunk-SOFQOO3T.mjs create mode 100644 dist/chunk-SOFQOO3T.mjs.map create mode 100644 dist/chunk-TIPOTX2S.mjs create mode 100644 dist/chunk-TIPOTX2S.mjs.map create mode 100644 dist/chunk-TQYJJJ2E.js create mode 100644 dist/chunk-TQYJJJ2E.js.map create mode 100644 dist/chunk-U3QP5QIZ.mjs create mode 100644 dist/chunk-U3QP5QIZ.mjs.map create mode 100644 dist/chunk-U6CWNRHF.js create mode 100644 dist/chunk-U6CWNRHF.js.map create mode 100644 dist/chunk-UKISWQV3.mjs create mode 100644 dist/chunk-UKISWQV3.mjs.map create mode 100644 dist/chunk-WX3QHWKN.mjs create mode 100644 dist/chunk-WX3QHWKN.mjs.map create mode 100644 dist/chunk-Y6UTFJGN.js create mode 100644 dist/chunk-Y6UTFJGN.js.map create mode 100644 dist/chunk-YE3RTW6R.mjs create mode 100644 dist/chunk-YE3RTW6R.mjs.map create mode 100644 dist/index.js create mode 100644 dist/index.js.map create mode 100644 dist/index.mjs create mode 100644 dist/index.mjs.map create mode 100644 dist/js/brandColor/brandColor.js create mode 100644 dist/js/brandColor/brandColor.js.map create mode 100644 dist/js/brandColor/brandColor.mjs create mode 100644 dist/js/brandColor/brandColor.mjs.map create mode 100644 dist/js/brandColor/brandColor.types.js create mode 100644 dist/js/brandColor/brandColor.types.js.map create mode 100644 dist/js/brandColor/brandColor.types.mjs create mode 100644 dist/js/brandColor/brandColor.types.mjs.map create mode 100644 dist/js/brandColor/index.js create mode 100644 dist/js/brandColor/index.js.map create mode 100644 dist/js/brandColor/index.mjs create mode 100644 dist/js/brandColor/index.mjs.map create mode 100644 dist/js/colors/colors.js create mode 100644 dist/js/colors/colors.js.map create mode 100644 dist/js/colors/colors.mjs create mode 100644 dist/js/colors/colors.mjs.map create mode 100644 dist/js/colors/index.js create mode 100644 dist/js/colors/index.js.map create mode 100644 dist/js/colors/index.mjs create mode 100644 dist/js/colors/index.mjs.map create mode 100644 dist/js/index.js create mode 100644 dist/js/index.js.map create mode 100644 dist/js/index.mjs create mode 100644 dist/js/index.mjs.map create mode 100644 dist/js/themes/darkTheme/colors.js create mode 100644 dist/js/themes/darkTheme/colors.js.map create mode 100644 dist/js/themes/darkTheme/colors.mjs create mode 100644 dist/js/themes/darkTheme/colors.mjs.map create mode 100644 dist/js/themes/darkTheme/darkTheme.js create mode 100644 dist/js/themes/darkTheme/darkTheme.js.map create mode 100644 dist/js/themes/darkTheme/darkTheme.mjs create mode 100644 dist/js/themes/darkTheme/darkTheme.mjs.map create mode 100644 dist/js/themes/darkTheme/index.js create mode 100644 dist/js/themes/darkTheme/index.js.map create mode 100644 dist/js/themes/darkTheme/index.mjs create mode 100644 dist/js/themes/darkTheme/index.mjs.map create mode 100644 dist/js/themes/darkTheme/shadows.js create mode 100644 dist/js/themes/darkTheme/shadows.js.map create mode 100644 dist/js/themes/darkTheme/shadows.mjs create mode 100644 dist/js/themes/darkTheme/shadows.mjs.map create mode 100644 dist/js/themes/index.js create mode 100644 dist/js/themes/index.js.map create mode 100644 dist/js/themes/index.mjs create mode 100644 dist/js/themes/index.mjs.map create mode 100644 dist/js/themes/lightTheme/colors.js create mode 100644 dist/js/themes/lightTheme/colors.js.map create mode 100644 dist/js/themes/lightTheme/colors.mjs create mode 100644 dist/js/themes/lightTheme/colors.mjs.map create mode 100644 dist/js/themes/lightTheme/index.js create mode 100644 dist/js/themes/lightTheme/index.js.map create mode 100644 dist/js/themes/lightTheme/index.mjs create mode 100644 dist/js/themes/lightTheme/index.mjs.map create mode 100644 dist/js/themes/lightTheme/lightTheme.js create mode 100644 dist/js/themes/lightTheme/lightTheme.js.map create mode 100644 dist/js/themes/lightTheme/lightTheme.mjs create mode 100644 dist/js/themes/lightTheme/lightTheme.mjs.map create mode 100644 dist/js/themes/lightTheme/shadows.js create mode 100644 dist/js/themes/lightTheme/shadows.js.map create mode 100644 dist/js/themes/lightTheme/shadows.mjs create mode 100644 dist/js/themes/lightTheme/shadows.mjs.map create mode 100644 dist/js/themes/types.js create mode 100644 dist/js/themes/types.js.map create mode 100644 dist/js/themes/types.mjs create mode 100644 dist/js/themes/types.mjs.map create mode 100644 dist/js/typography/fontFamilies.js create mode 100644 dist/js/typography/fontFamilies.js.map create mode 100644 dist/js/typography/fontFamilies.mjs create mode 100644 dist/js/typography/fontFamilies.mjs.map create mode 100644 dist/js/typography/fontSizes.js create mode 100644 dist/js/typography/fontSizes.js.map create mode 100644 dist/js/typography/fontSizes.mjs create mode 100644 dist/js/typography/fontSizes.mjs.map create mode 100644 dist/js/typography/fontWeights.js create mode 100644 dist/js/typography/fontWeights.js.map create mode 100644 dist/js/typography/fontWeights.mjs create mode 100644 dist/js/typography/fontWeights.mjs.map create mode 100644 dist/js/typography/index.js create mode 100644 dist/js/typography/index.js.map create mode 100644 dist/js/typography/index.mjs create mode 100644 dist/js/typography/index.mjs.map create mode 100644 dist/js/typography/letterSpacing.js create mode 100644 dist/js/typography/letterSpacing.js.map create mode 100644 dist/js/typography/letterSpacing.mjs create mode 100644 dist/js/typography/letterSpacing.mjs.map create mode 100644 dist/js/typography/lineHeights.js create mode 100644 dist/js/typography/lineHeights.js.map create mode 100644 dist/js/typography/lineHeights.mjs create mode 100644 dist/js/typography/lineHeights.mjs.map create mode 100644 dist/js/typography/types.js create mode 100644 dist/js/typography/types.js.map create mode 100644 dist/js/typography/types.mjs create mode 100644 dist/js/typography/types.mjs.map create mode 100644 dist/js/typography/typography.js create mode 100644 dist/js/typography/typography.js.map create mode 100644 dist/js/typography/typography.mjs create mode 100644 dist/js/typography/typography.mjs.map create mode 100644 dist/styles.css create mode 100644 dist/types/index.d.ts create mode 100644 dist/types/index.d.ts.map create mode 100644 dist/types/js/brandColor/brandColor.d.ts create mode 100644 dist/types/js/brandColor/brandColor.d.ts.map create mode 100644 dist/types/js/brandColor/brandColor.types.d.ts create mode 100644 dist/types/js/brandColor/brandColor.types.d.ts.map create mode 100644 dist/types/js/brandColor/index.d.ts create mode 100644 dist/types/js/brandColor/index.d.ts.map create mode 100644 dist/types/js/colors/colors.d.ts create mode 100644 dist/types/js/colors/colors.d.ts.map create mode 100644 dist/types/js/colors/index.d.ts create mode 100644 dist/types/js/colors/index.d.ts.map create mode 100644 dist/types/js/index.d.ts create mode 100644 dist/types/js/index.d.ts.map create mode 100644 dist/types/js/themes/darkTheme/colors.d.ts create mode 100644 dist/types/js/themes/darkTheme/colors.d.ts.map create mode 100644 dist/types/js/themes/darkTheme/darkTheme.d.ts create mode 100644 dist/types/js/themes/darkTheme/darkTheme.d.ts.map create mode 100644 dist/types/js/themes/darkTheme/index.d.ts create mode 100644 dist/types/js/themes/darkTheme/index.d.ts.map create mode 100644 dist/types/js/themes/darkTheme/shadows.d.ts create mode 100644 dist/types/js/themes/darkTheme/shadows.d.ts.map create mode 100644 dist/types/js/themes/index.d.ts create mode 100644 dist/types/js/themes/index.d.ts.map create mode 100644 dist/types/js/themes/lightTheme/colors.d.ts create mode 100644 dist/types/js/themes/lightTheme/colors.d.ts.map create mode 100644 dist/types/js/themes/lightTheme/index.d.ts create mode 100644 dist/types/js/themes/lightTheme/index.d.ts.map create mode 100644 dist/types/js/themes/lightTheme/lightTheme.d.ts create mode 100644 dist/types/js/themes/lightTheme/lightTheme.d.ts.map create mode 100644 dist/types/js/themes/lightTheme/shadows.d.ts create mode 100644 dist/types/js/themes/lightTheme/shadows.d.ts.map create mode 100644 dist/types/js/themes/types.d.ts create mode 100644 dist/types/js/themes/types.d.ts.map create mode 100644 dist/types/js/typography/fontFamilies.d.ts create mode 100644 dist/types/js/typography/fontFamilies.d.ts.map create mode 100644 dist/types/js/typography/fontSizes.d.ts create mode 100644 dist/types/js/typography/fontSizes.d.ts.map create mode 100644 dist/types/js/typography/fontWeights.d.ts create mode 100644 dist/types/js/typography/fontWeights.d.ts.map create mode 100644 dist/types/js/typography/index.d.ts create mode 100644 dist/types/js/typography/index.d.ts.map create mode 100644 dist/types/js/typography/letterSpacing.d.ts create mode 100644 dist/types/js/typography/letterSpacing.d.ts.map create mode 100644 dist/types/js/typography/lineHeights.d.ts create mode 100644 dist/types/js/typography/lineHeights.d.ts.map create mode 100644 dist/types/js/typography/types.d.ts create mode 100644 dist/types/js/typography/types.d.ts.map create mode 100644 dist/types/js/typography/typography.d.ts create mode 100644 dist/types/js/typography/typography.d.ts.map diff --git a/.gitignore b/.gitignore index f269e238..595f9d53 100644 --- a/.gitignore +++ b/.gitignore @@ -1,5 +1,5 @@ .DS_Store -dist/ +# dist/ TODO ensure dist is not ignored when merged to main coverage/ # Logs diff --git a/dist/chunk-35JJ6V76.mjs b/dist/chunk-35JJ6V76.mjs new file mode 100644 index 00000000..adcb0560 --- /dev/null +++ b/dist/chunk-35JJ6V76.mjs @@ -0,0 +1,134 @@ +import { + brandColor +} from "./chunk-DBW6SE3C.mjs"; + +// src/js/themes/darkTheme/colors.ts +var colors = { + background: { + default: brandColor.grey800, + // For default neutral backgrounds + alternative: brandColor.grey900, + // For secondary neutral backgrounds. + defaultHover: "#313235", + // For "hover" states that use background-default. + defaultPressed: "#3f4145", + // For "pressed" states that use background-alternative. + alternativeHover: "#1f2123", + // For "hover" states that use background-alternative. + alternativePressed: "#2e3033", + // For "pressed" states that use background-alternative. + hover: "#ffffff0f", + // For "hover" state that use no background fill. (black-6% | white-6%) + pressed: "#ffffff1f" + // For "pressed" state that use no background fill. (black-12% | white-12%) + }, + text: { + default: brandColor.grey000, + // For default neutral text. + alternative: brandColor.grey200, + // For softer contrast neutral text + muted: brandColor.grey400 + // For the softest contrast neutral text (not accessible) + }, + icon: { + default: brandColor.grey000, + // For default neutral icons + alternative: brandColor.grey200, + // For softer neutral icons + muted: brandColor.grey400 + // For the weakest contrast neutral icons (not accessible) + }, + border: { + default: brandColor.grey400, + // For soft contrast neutral border + muted: "#858b9a33" + // For the weakest contrast neutral border (grey200-40% | grey400-20%) + }, + overlay: { + default: "#00000066", + // For the default shade of screen (black-40%) + alternative: "#000000cc", + // For a stronger shade of screen (black-80%) + inverse: brandColor.grey000 + // For elements used on top of overlay/alternative. Used for text, icon or border + }, + primary: { + default: brandColor.blue300, + // For interactive, active, and selected semantics. Used for text, background, icon or border + alternative: brandColor.blue200, + // For the stronger contrast primary semantic elements. + muted: "#8b99ff26", + // For the weakest contrast primary semantic backgrounds. (blue500-10% | blue300-15%) + inverse: brandColor.grey900, + // For elements used on top of primary/default. Used for text, icon or border + defaultHover: "#a8b2ff", + // For the "hover" state of primary-default elements + defaultPressed: "#c7ceff" + // For the "pressed" state of primary-default elements + }, + error: { + default: brandColor.red300, + // For the critical alert semantic elements. Used for text, background, icon or border + alternative: brandColor.red200, + // For the stronger contrast error semantic elements. + muted: "#ff758426", + // For the weakest contrast critical alert semantic backgrounds. (red500-10% | red300-15%) + inverse: brandColor.grey900, + // For elements used on top of error/default. Used for text, icon or border + defaultHover: "#ff94a0", + // For the "hover" state of error-default elements. + defaultPressed: "#ffb2bb" + // For the "pressed" state of error-default elements. + }, + warning: { + default: brandColor.yellow100, + // For the caution alert semantic elements. Used for text, background, icon or border + muted: "#ffd95726", + // For the weakest contrast caution alert semantic backgrounds. (yellow500-10% | yellow100-15%) + inverse: brandColor.grey900, + // For elements used on top of warning/default. Used for text, icon or border + defaultHover: "#ffe794", + // For the "hover" state of warning-default elements + defaultPressed: "#ffeeb2" + // For the "pressed" state of warning-default elements + }, + success: { + default: brandColor.green300, + // For the positive semantic elements. Used for text, background, icon or border + muted: "#4cb56426", + // For the weakest contrast positive semantic backgrounds. (green500-10% | green300-10%) + inverse: brandColor.grey900, + // For elements used on top of success/default. Used for text, icon or border + defaultHover: "#60bd76", + // For the "hover" state of success-default elements + defaultPressed: "#76c688" + // For the "pressed" state of success-default elements + }, + info: { + default: brandColor.blue300, + // For informational read-only elements. Used for text, background, icon or border + muted: "#8b99ff26", + // For the weakest contrast informational semantic backgrounds.(blue500-10% | blue300-15%) + inverse: brandColor.grey900 + // For elements used on top of info/default. Used for text, icon or border + }, + flask: { + default: brandColor.purple300, + // For Flask primary accent color. + inverse: brandColor.grey900 + // For elements used on top of flask/default. Used for text, icon or border + }, + shadow: { + default: "#00000066", + // For neutral drop shadow color. (black-10% | black-40%) + primary: "#8b99ff33", + // For primary drop shadow color. (blue500-20% | blue300-20%) + error: "#ff758433" + // For critical/danger drop shadow color. (red50-20% | red300-20%) + } +}; + +export { + colors +}; +//# sourceMappingURL=chunk-35JJ6V76.mjs.map \ No newline at end of file diff --git a/dist/chunk-35JJ6V76.mjs.map b/dist/chunk-35JJ6V76.mjs.map new file mode 100644 index 00000000..27cae1d8 --- /dev/null +++ b/dist/chunk-35JJ6V76.mjs.map @@ -0,0 +1 @@ +{"version":3,"sources":["../src/js/themes/darkTheme/colors.ts"],"sourcesContent":["import { brandColor } from '../../brandColor';\nimport type { ThemeColors } from '../types';\n\nexport const colors: ThemeColors = {\n background: {\n default: brandColor.grey800, // For default neutral backgrounds\n alternative: brandColor.grey900, // For secondary neutral backgrounds.\n defaultHover: '#313235', // For \"hover\" states that use background-default.\n defaultPressed: '#3f4145', // For \"pressed\" states that use background-alternative.\n alternativeHover: '#1f2123', // For \"hover\" states that use background-alternative.\n alternativePressed: '#2e3033', // For \"pressed\" states that use background-alternative.\n hover: '#ffffff0f', // For \"hover\" state that use no background fill. (black-6% | white-6%)\n pressed: '#ffffff1f', // For \"pressed\" state that use no background fill. (black-12% | white-12%)\n },\n text: {\n default: brandColor.grey000, // For default neutral text.\n alternative: brandColor.grey200, // For softer contrast neutral text\n muted: brandColor.grey400, // For the softest contrast neutral text (not accessible)\n },\n icon: {\n default: brandColor.grey000, // For default neutral icons\n alternative: brandColor.grey200, // For softer neutral icons\n muted: brandColor.grey400, // For the weakest contrast neutral icons (not accessible)\n },\n border: {\n default: brandColor.grey400, // For soft contrast neutral border\n muted: '#858b9a33', // For the weakest contrast neutral border (grey200-40% | grey400-20%)\n },\n overlay: {\n default: '#00000066', // For the default shade of screen (black-40%)\n alternative: '#000000cc', // For a stronger shade of screen (black-80%)\n inverse: brandColor.grey000, // For elements used on top of overlay/alternative. Used for text, icon or border\n },\n primary: {\n default: brandColor.blue300, // For interactive, active, and selected semantics. Used for text, background, icon or border\n alternative: brandColor.blue200, // For the stronger contrast primary semantic elements.\n muted: '#8b99ff26', // For the weakest contrast primary semantic backgrounds. (blue500-10% | blue300-15%)\n inverse: brandColor.grey900, // For elements used on top of primary/default. Used for text, icon or border\n defaultHover: '#a8b2ff', // For the \"hover\" state of primary-default elements\n defaultPressed: '#c7ceff', // For the \"pressed\" state of primary-default elements\n },\n error: {\n default: brandColor.red300, // For the critical alert semantic elements. Used for text, background, icon or border\n alternative: brandColor.red200, // For the stronger contrast error semantic elements.\n muted: '#ff758426', // For the weakest contrast critical alert semantic backgrounds. (red500-10% | red300-15%)\n inverse: brandColor.grey900, // For elements used on top of error/default. Used for text, icon or border\n defaultHover: '#ff94a0', // For the \"hover\" state of error-default elements.\n defaultPressed: '#ffb2bb', // For the \"pressed\" state of error-default elements.\n },\n warning: {\n default: brandColor.yellow100, // For the caution alert semantic elements. Used for text, background, icon or border\n muted: '#ffd95726', // For the weakest contrast caution alert semantic backgrounds. (yellow500-10% | yellow100-15%)\n inverse: brandColor.grey900, // For elements used on top of warning/default. Used for text, icon or border\n defaultHover: '#ffe794', // For the \"hover\" state of warning-default elements\n defaultPressed: '#ffeeb2', // For the \"pressed\" state of warning-default elements\n },\n success: {\n default: brandColor.green300, // For the positive semantic elements. Used for text, background, icon or border\n muted: '#4cb56426', // For the weakest contrast positive semantic backgrounds. (green500-10% | green300-10%)\n inverse: brandColor.grey900, // For elements used on top of success/default. Used for text, icon or border\n defaultHover: '#60bd76', // For the \"hover\" state of success-default elements\n defaultPressed: '#76c688', // For the \"pressed\" state of success-default elements\n },\n info: {\n default: brandColor.blue300, // For informational read-only elements. Used for text, background, icon or border\n muted: '#8b99ff26', // For the weakest contrast informational semantic backgrounds.(blue500-10% | blue300-15%)\n inverse: brandColor.grey900, // For elements used on top of info/default. Used for text, icon or border\n },\n flask: {\n default: brandColor.purple300, // For Flask primary accent color.\n inverse: brandColor.grey900, // For elements used on top of flask/default. Used for text, icon or border\n },\n shadow: {\n default: '#00000066', // For neutral drop shadow color. (black-10% | black-40%)\n primary: '#8b99ff33', // For primary drop shadow color. (blue500-20% | blue300-20%)\n error: '#ff758433', // For critical/danger drop shadow color. (red50-20% | red300-20%)\n },\n};\n"],"mappings":";;;;;AAGO,IAAM,SAAsB;AAAA,EACjC,YAAY;AAAA,IACV,SAAS,WAAW;AAAA;AAAA,IACpB,aAAa,WAAW;AAAA;AAAA,IACxB,cAAc;AAAA;AAAA,IACd,gBAAgB;AAAA;AAAA,IAChB,kBAAkB;AAAA;AAAA,IAClB,oBAAoB;AAAA;AAAA,IACpB,OAAO;AAAA;AAAA,IACP,SAAS;AAAA;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,SAAS,WAAW;AAAA;AAAA,IACpB,aAAa,WAAW;AAAA;AAAA,IACxB,OAAO,WAAW;AAAA;AAAA,EACpB;AAAA,EACA,MAAM;AAAA,IACJ,SAAS,WAAW;AAAA;AAAA,IACpB,aAAa,WAAW;AAAA;AAAA,IACxB,OAAO,WAAW;AAAA;AAAA,EACpB;AAAA,EACA,QAAQ;AAAA,IACN,SAAS,WAAW;AAAA;AAAA,IACpB,OAAO;AAAA;AAAA,EACT;AAAA,EACA,SAAS;AAAA,IACP,SAAS;AAAA;AAAA,IACT,aAAa;AAAA;AAAA,IACb,SAAS,WAAW;AAAA;AAAA,EACtB;AAAA,EACA,SAAS;AAAA,IACP,SAAS,WAAW;AAAA;AAAA,IACpB,aAAa,WAAW;AAAA;AAAA,IACxB,OAAO;AAAA;AAAA,IACP,SAAS,WAAW;AAAA;AAAA,IACpB,cAAc;AAAA;AAAA,IACd,gBAAgB;AAAA;AAAA,EAClB;AAAA,EACA,OAAO;AAAA,IACL,SAAS,WAAW;AAAA;AAAA,IACpB,aAAa,WAAW;AAAA;AAAA,IACxB,OAAO;AAAA;AAAA,IACP,SAAS,WAAW;AAAA;AAAA,IACpB,cAAc;AAAA;AAAA,IACd,gBAAgB;AAAA;AAAA,EAClB;AAAA,EACA,SAAS;AAAA,IACP,SAAS,WAAW;AAAA;AAAA,IACpB,OAAO;AAAA;AAAA,IACP,SAAS,WAAW;AAAA;AAAA,IACpB,cAAc;AAAA;AAAA,IACd,gBAAgB;AAAA;AAAA,EAClB;AAAA,EACA,SAAS;AAAA,IACP,SAAS,WAAW;AAAA;AAAA,IACpB,OAAO;AAAA;AAAA,IACP,SAAS,WAAW;AAAA;AAAA,IACpB,cAAc;AAAA;AAAA,IACd,gBAAgB;AAAA;AAAA,EAClB;AAAA,EACA,MAAM;AAAA,IACJ,SAAS,WAAW;AAAA;AAAA,IACpB,OAAO;AAAA;AAAA,IACP,SAAS,WAAW;AAAA;AAAA,EACtB;AAAA,EACA,OAAO;AAAA,IACL,SAAS,WAAW;AAAA;AAAA,IACpB,SAAS,WAAW;AAAA;AAAA,EACtB;AAAA,EACA,QAAQ;AAAA,IACN,SAAS;AAAA;AAAA,IACT,SAAS;AAAA;AAAA,IACT,OAAO;AAAA;AAAA,EACT;AACF;","names":[]} \ No newline at end of file diff --git a/dist/chunk-37CYYNL2.mjs b/dist/chunk-37CYYNL2.mjs new file mode 100644 index 00000000..1b16ccdb --- /dev/null +++ b/dist/chunk-37CYYNL2.mjs @@ -0,0 +1,9 @@ +// src/js/typography/fontFamilies.ts +var fontFamilies = { + euclidCircularB: "Euclid Circular B" +}; + +export { + fontFamilies +}; +//# sourceMappingURL=chunk-37CYYNL2.mjs.map \ No newline at end of file diff --git a/dist/chunk-37CYYNL2.mjs.map b/dist/chunk-37CYYNL2.mjs.map new file mode 100644 index 00000000..b659059e --- /dev/null +++ b/dist/chunk-37CYYNL2.mjs.map @@ -0,0 +1 @@ +{"version":3,"sources":["../src/js/typography/fontFamilies.ts"],"sourcesContent":["export const fontFamilies = {\n euclidCircularB: 'Euclid Circular B',\n};\n"],"mappings":";AAAO,IAAM,eAAe;AAAA,EAC1B,iBAAiB;AACnB;","names":[]} \ No newline at end of file diff --git a/dist/chunk-6CNXLMEO.js b/dist/chunk-6CNXLMEO.js new file mode 100644 index 00000000..e932616c --- /dev/null +++ b/dist/chunk-6CNXLMEO.js @@ -0,0 +1 @@ +"use strict";//# sourceMappingURL=chunk-6CNXLMEO.js.map \ No newline at end of file diff --git a/dist/chunk-6CNXLMEO.js.map b/dist/chunk-6CNXLMEO.js.map new file mode 100644 index 00000000..a464c673 --- /dev/null +++ b/dist/chunk-6CNXLMEO.js.map @@ -0,0 +1 @@ +{"version":3,"sources":[],"names":[],"mappings":""} \ No newline at end of file diff --git a/dist/chunk-7HI3S7AK.js b/dist/chunk-7HI3S7AK.js new file mode 100644 index 00000000..a347396e --- /dev/null +++ b/dist/chunk-7HI3S7AK.js @@ -0,0 +1 @@ +"use strict";//# sourceMappingURL=chunk-7HI3S7AK.js.map \ No newline at end of file diff --git a/dist/chunk-7HI3S7AK.js.map b/dist/chunk-7HI3S7AK.js.map new file mode 100644 index 00000000..a464c673 --- /dev/null +++ b/dist/chunk-7HI3S7AK.js.map @@ -0,0 +1 @@ +{"version":3,"sources":[],"names":[],"mappings":""} \ No newline at end of file diff --git a/dist/chunk-7RM4NVSC.js b/dist/chunk-7RM4NVSC.js new file mode 100644 index 00000000..5c3f2e1a --- /dev/null +++ b/dist/chunk-7RM4NVSC.js @@ -0,0 +1,16 @@ +"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/js/typography/fontSizes.ts +var fontSizes = { + fontSize1: 10, + fontSize2: 12, + fontSize3: 14, + fontSize4: 16, + fontSize5: 18, + fontSize6: 24, + fontSize7: 32, + fontSize8: 48 +}; + + + +exports.fontSizes = fontSizes; +//# sourceMappingURL=chunk-7RM4NVSC.js.map \ No newline at end of file diff --git a/dist/chunk-7RM4NVSC.js.map b/dist/chunk-7RM4NVSC.js.map new file mode 100644 index 00000000..1a1603ed --- /dev/null +++ b/dist/chunk-7RM4NVSC.js.map @@ -0,0 +1 @@ +{"version":3,"sources":["../src/js/typography/fontSizes.ts"],"names":[],"mappings":";AAAO,IAAM,YAAY;AAAA,EACvB,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AACb","sourcesContent":["export const fontSizes = {\n fontSize1: 10,\n fontSize2: 12,\n fontSize3: 14,\n fontSize4: 16,\n fontSize5: 18,\n fontSize6: 24,\n fontSize7: 32,\n fontSize8: 48,\n};\n"]} \ No newline at end of file diff --git a/dist/chunk-7SRGQ4DD.mjs b/dist/chunk-7SRGQ4DD.mjs new file mode 100644 index 00000000..980346dd --- /dev/null +++ b/dist/chunk-7SRGQ4DD.mjs @@ -0,0 +1 @@ +//# sourceMappingURL=chunk-7SRGQ4DD.mjs.map \ No newline at end of file diff --git a/dist/chunk-7SRGQ4DD.mjs.map b/dist/chunk-7SRGQ4DD.mjs.map new file mode 100644 index 00000000..84c51b28 --- /dev/null +++ b/dist/chunk-7SRGQ4DD.mjs.map @@ -0,0 +1 @@ +{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]} \ No newline at end of file diff --git a/dist/chunk-ARVGVDA4.js b/dist/chunk-ARVGVDA4.js new file mode 100644 index 00000000..14ecb5e2 --- /dev/null +++ b/dist/chunk-ARVGVDA4.js @@ -0,0 +1 @@ +"use strict";//# sourceMappingURL=chunk-ARVGVDA4.js.map \ No newline at end of file diff --git a/dist/chunk-ARVGVDA4.js.map b/dist/chunk-ARVGVDA4.js.map new file mode 100644 index 00000000..a464c673 --- /dev/null +++ b/dist/chunk-ARVGVDA4.js.map @@ -0,0 +1 @@ +{"version":3,"sources":[],"names":[],"mappings":""} \ No newline at end of file diff --git a/dist/chunk-CI27TEBG.mjs b/dist/chunk-CI27TEBG.mjs new file mode 100644 index 00000000..7ba522de --- /dev/null +++ b/dist/chunk-CI27TEBG.mjs @@ -0,0 +1,11 @@ +// src/js/typography/fontWeights.ts +var fontWeights = { + regular: "400", + medium: "500", + bold: "700" +}; + +export { + fontWeights +}; +//# sourceMappingURL=chunk-CI27TEBG.mjs.map \ No newline at end of file diff --git a/dist/chunk-CI27TEBG.mjs.map b/dist/chunk-CI27TEBG.mjs.map new file mode 100644 index 00000000..484a0fa9 --- /dev/null +++ b/dist/chunk-CI27TEBG.mjs.map @@ -0,0 +1 @@ +{"version":3,"sources":["../src/js/typography/fontWeights.ts"],"sourcesContent":["export const fontWeights = {\n regular: '400',\n medium: '500',\n bold: '700',\n};\n"],"mappings":";AAAO,IAAM,cAAc;AAAA,EACzB,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,MAAM;AACR;","names":[]} \ No newline at end of file diff --git a/dist/chunk-DBW6SE3C.mjs b/dist/chunk-DBW6SE3C.mjs new file mode 100644 index 00000000..91ca9fae --- /dev/null +++ b/dist/chunk-DBW6SE3C.mjs @@ -0,0 +1,192 @@ +// src/js/brandColor/brandColor.ts +var brandColor = { + // Grey + grey100: "#dadce5", + // Grey + grey200: "#b7bbc8", + // Grey + grey300: "#9ca1af", + // Grey + grey400: "#858b9a", + // Grey + grey500: "#686e7d", + // Grey + grey600: "#4b505c", + // Grey + grey700: "#31333a", + // Grey + grey800: "#222325", + // Grey + grey900: "#121314", + // Grey + grey1000: "#000000", + // Grey + grey050: "#f3f5f9", + // Grey + grey000: "#ffffff", + // Grey + grey025: "#f7f9fc", + // Blue + blue100: "#d6dbff", + // Blue + blue200: "#adb6fe", + // Blue + blue300: "#8b99ff", + // Blue + blue400: "#6f7eff", + // Blue + blue500: "#4459ff", + // Blue + blue600: "#2c3dc5", + // Blue + blue700: "#1c277f", + // Blue + blue800: "#131b59", + // Blue + blue900: "#0b0f32", + // Blue + blue050: "#f4f5ff", + // Blue + blue025: "#f8f9ff", + // Green + green100: "#c1e6c9", + // Green + green200: "#80cb91", + // Green + green300: "#4cb564", + // Green + green400: "#279f41", + // Green + green500: "#1c7e33", + // Green + green600: "#145d25", + // Green + green700: "#0d3b18", + // Green + green800: "#092912", + // Green + green900: "#051709", + // Green + green050: "#ebf7ee", + // Green + green025: "#f1faf4", + // Red + red100: "#ffd2d5", + // Red + red200: "#ffa1aa", + // Red + red300: "#ff7584", + // Red + red400: "#f74d5e", + // Red + red500: "#ca3542", + // Red + red600: "#952731", + // Red + red700: "#611a20", + // Red + red800: "#431216", + // Red + red900: "#3b0f13", + // Red + red050: "#fff2f3", + // Red + red025: "#fff6f7", + // Yellow + yellow100: "#ffd957", + // Yellow + yellow200: "#f0b034", + // Yellow + yellow300: "#e18f01", + // Yellow + yellow400: "#c37b02", + // Yellow + yellow500: "#9a6300", + // Yellow + yellow600: "#714802", + // Yellow + yellow700: "#482d01", + // Yellow + yellow800: "#321f00", + // Yellow + yellow900: "#1c1100", + // Yellow + yellow050: "#fff5d5", + // Yellow + yellow025: "#fff9e6", + // Orange + orange100: "#ffd4c1", + // Orange + orange200: "#ffa47c", + // Orange + orange300: "#ff7940", + // Orange + orange400: "#f35714", + // Orange + orange500: "#c3420d", + // Orange + orange600: "#932d06", + // Orange + orange700: "#631800", + // Orange + orange800: "#451100", + // Orange + orange900: "#280a00", + // Orange + orange050: "#fff0ea", + // Orange + orange025: "#fff8f5", + // Purple + purple100: "#efd2ff", + // Purple + purple200: "#dfa4ff", + // Purple + purple300: "#d27dff", + // Purple + purple400: "#b864f5", + // Purple + purple500: "#8f44e4", + // Purple + purple600: "#6c2ab2", + // Purple + purple700: "#6c2ab2", + // Purple + purple800: "#380658", + // Purple + purple900: "#280a00", + // Purple + purple050: "#fbf2ff", + // Purple + purple025: "#fcf6ff", + // Lime + lime100: "#b8ef4a", + // Lime + lime200: "#95ca45", + // Lime + lime300: "#7ab040", + // Lime + lime400: "#64993d", + // Lime + lime500: "#457a39", + // Lime + lime600: "#275b35", + // Lime + lime700: "#093a31", + // Lime + lime800: "#012826", + // Lime + lime900: "#011515", + // Lime + lime025: "#effed9", + // Lime + lime050: "#e3febd", + // White + white: "#ffffff", + // Black + black: "#000000" +}; + +export { + brandColor +}; +//# sourceMappingURL=chunk-DBW6SE3C.mjs.map \ No newline at end of file diff --git a/dist/chunk-DBW6SE3C.mjs.map b/dist/chunk-DBW6SE3C.mjs.map new file mode 100644 index 00000000..e6ecf2a9 --- /dev/null +++ b/dist/chunk-DBW6SE3C.mjs.map @@ -0,0 +1 @@ +{"version":3,"sources":["../src/js/brandColor/brandColor.ts"],"sourcesContent":["import type { BrandColor } from './brandColor.types';\n\nexport const brandColor: BrandColor = {\n // Grey\n grey100: '#dadce5',\n // Grey\n grey200: '#b7bbc8',\n // Grey\n grey300: '#9ca1af',\n // Grey\n grey400: '#858b9a',\n // Grey\n grey500: '#686e7d',\n // Grey\n grey600: '#4b505c',\n // Grey\n grey700: '#31333a',\n // Grey\n grey800: '#222325',\n // Grey\n grey900: '#121314',\n // Grey\n grey1000: '#000000',\n // Grey\n grey050: '#f3f5f9',\n // Grey\n grey000: '#ffffff',\n // Grey\n grey025: '#f7f9fc',\n // Blue\n blue100: '#d6dbff',\n // Blue\n blue200: '#adb6fe',\n // Blue\n blue300: '#8b99ff',\n // Blue\n blue400: '#6f7eff',\n // Blue\n blue500: '#4459ff',\n // Blue\n blue600: '#2c3dc5',\n // Blue\n blue700: '#1c277f',\n // Blue\n blue800: '#131b59',\n // Blue\n blue900: '#0b0f32',\n // Blue\n blue050: '#f4f5ff',\n // Blue\n blue025: '#f8f9ff',\n // Green\n green100: '#c1e6c9',\n // Green\n green200: '#80cb91',\n // Green\n green300: '#4cb564',\n // Green\n green400: '#279f41',\n // Green\n green500: '#1c7e33',\n // Green\n green600: '#145d25',\n // Green\n green700: '#0d3b18',\n // Green\n green800: '#092912',\n // Green\n green900: '#051709',\n // Green\n green050: '#ebf7ee',\n // Green\n green025: '#f1faf4',\n // Red\n red100: '#ffd2d5',\n // Red\n red200: '#ffa1aa',\n // Red\n red300: '#ff7584',\n // Red\n red400: '#f74d5e',\n // Red\n red500: '#ca3542',\n // Red\n red600: '#952731',\n // Red\n red700: '#611a20',\n // Red\n red800: '#431216',\n // Red\n red900: '#3b0f13',\n // Red\n red050: '#fff2f3',\n // Red\n red025: '#fff6f7',\n // Yellow\n yellow100: '#ffd957',\n // Yellow\n yellow200: '#f0b034',\n // Yellow\n yellow300: '#e18f01',\n // Yellow\n yellow400: '#c37b02',\n // Yellow\n yellow500: '#9a6300',\n // Yellow\n yellow600: '#714802',\n // Yellow\n yellow700: '#482d01',\n // Yellow\n yellow800: '#321f00',\n // Yellow\n yellow900: '#1c1100',\n // Yellow\n yellow050: '#fff5d5',\n // Yellow\n yellow025: '#fff9e6',\n // Orange\n orange100: '#ffd4c1',\n // Orange\n orange200: '#ffa47c',\n // Orange\n orange300: '#ff7940',\n // Orange\n orange400: '#f35714',\n // Orange\n orange500: '#c3420d',\n // Orange\n orange600: '#932d06',\n // Orange\n orange700: '#631800',\n // Orange\n orange800: '#451100',\n // Orange\n orange900: '#280a00',\n // Orange\n orange050: '#fff0ea',\n // Orange\n orange025: '#fff8f5',\n // Purple\n purple100: '#efd2ff',\n // Purple\n purple200: '#dfa4ff',\n // Purple\n purple300: '#d27dff',\n // Purple\n purple400: '#b864f5',\n // Purple\n purple500: '#8f44e4',\n // Purple\n purple600: '#6c2ab2',\n // Purple\n purple700: '#6c2ab2',\n // Purple\n purple800: '#380658',\n // Purple\n purple900: '#280a00',\n // Purple\n purple050: '#fbf2ff',\n // Purple\n purple025: '#fcf6ff',\n // Lime\n lime100: '#b8ef4a',\n // Lime\n lime200: '#95ca45',\n // Lime\n lime300: '#7ab040',\n // Lime\n lime400: '#64993d',\n // Lime\n lime500: '#457a39',\n // Lime\n lime600: '#275b35',\n // Lime\n lime700: '#093a31',\n // Lime\n lime800: '#012826',\n // Lime\n lime900: '#011515',\n // Lime\n lime025: '#effed9',\n // Lime\n lime050: '#e3febd',\n // White\n white: '#ffffff',\n // Black\n black: '#000000',\n};\n"],"mappings":";AAEO,IAAM,aAAyB;AAAA;AAAA,EAEpC,SAAS;AAAA;AAAA,EAET,SAAS;AAAA;AAAA,EAET,SAAS;AAAA;AAAA,EAET,SAAS;AAAA;AAAA,EAET,SAAS;AAAA;AAAA,EAET,SAAS;AAAA;AAAA,EAET,SAAS;AAAA;AAAA,EAET,SAAS;AAAA;AAAA,EAET,SAAS;AAAA;AAAA,EAET,UAAU;AAAA;AAAA,EAEV,SAAS;AAAA;AAAA,EAET,SAAS;AAAA;AAAA,EAET,SAAS;AAAA;AAAA,EAET,SAAS;AAAA;AAAA,EAET,SAAS;AAAA;AAAA,EAET,SAAS;AAAA;AAAA,EAET,SAAS;AAAA;AAAA,EAET,SAAS;AAAA;AAAA,EAET,SAAS;AAAA;AAAA,EAET,SAAS;AAAA;AAAA,EAET,SAAS;AAAA;AAAA,EAET,SAAS;AAAA;AAAA,EAET,SAAS;AAAA;AAAA,EAET,SAAS;AAAA;AAAA,EAET,UAAU;AAAA;AAAA,EAEV,UAAU;AAAA;AAAA,EAEV,UAAU;AAAA;AAAA,EAEV,UAAU;AAAA;AAAA,EAEV,UAAU;AAAA;AAAA,EAEV,UAAU;AAAA;AAAA,EAEV,UAAU;AAAA;AAAA,EAEV,UAAU;AAAA;AAAA,EAEV,UAAU;AAAA;AAAA,EAEV,UAAU;AAAA;AAAA,EAEV,UAAU;AAAA;AAAA,EAEV,QAAQ;AAAA;AAAA,EAER,QAAQ;AAAA;AAAA,EAER,QAAQ;AAAA;AAAA,EAER,QAAQ;AAAA;AAAA,EAER,QAAQ;AAAA;AAAA,EAER,QAAQ;AAAA;AAAA,EAER,QAAQ;AAAA;AAAA,EAER,QAAQ;AAAA;AAAA,EAER,QAAQ;AAAA;AAAA,EAER,QAAQ;AAAA;AAAA,EAER,QAAQ;AAAA;AAAA,EAER,WAAW;AAAA;AAAA,EAEX,WAAW;AAAA;AAAA,EAEX,WAAW;AAAA;AAAA,EAEX,WAAW;AAAA;AAAA,EAEX,WAAW;AAAA;AAAA,EAEX,WAAW;AAAA;AAAA,EAEX,WAAW;AAAA;AAAA,EAEX,WAAW;AAAA;AAAA,EAEX,WAAW;AAAA;AAAA,EAEX,WAAW;AAAA;AAAA,EAEX,WAAW;AAAA;AAAA,EAEX,WAAW;AAAA;AAAA,EAEX,WAAW;AAAA;AAAA,EAEX,WAAW;AAAA;AAAA,EAEX,WAAW;AAAA;AAAA,EAEX,WAAW;AAAA;AAAA,EAEX,WAAW;AAAA;AAAA,EAEX,WAAW;AAAA;AAAA,EAEX,WAAW;AAAA;AAAA,EAEX,WAAW;AAAA;AAAA,EAEX,WAAW;AAAA;AAAA,EAEX,WAAW;AAAA;AAAA,EAEX,WAAW;AAAA;AAAA,EAEX,WAAW;AAAA;AAAA,EAEX,WAAW;AAAA;AAAA,EAEX,WAAW;AAAA;AAAA,EAEX,WAAW;AAAA;AAAA,EAEX,WAAW;AAAA;AAAA,EAEX,WAAW;AAAA;AAAA,EAEX,WAAW;AAAA;AAAA,EAEX,WAAW;AAAA;AAAA,EAEX,WAAW;AAAA;AAAA,EAEX,WAAW;AAAA;AAAA,EAEX,SAAS;AAAA;AAAA,EAET,SAAS;AAAA;AAAA,EAET,SAAS;AAAA;AAAA,EAET,SAAS;AAAA;AAAA,EAET,SAAS;AAAA;AAAA,EAET,SAAS;AAAA;AAAA,EAET,SAAS;AAAA;AAAA,EAET,SAAS;AAAA;AAAA,EAET,SAAS;AAAA;AAAA,EAET,SAAS;AAAA;AAAA,EAET,SAAS;AAAA;AAAA,EAET,OAAO;AAAA;AAAA,EAEP,OAAO;AACT;","names":[]} \ No newline at end of file diff --git a/dist/chunk-EVAMH3JU.js b/dist/chunk-EVAMH3JU.js new file mode 100644 index 00000000..d705b411 --- /dev/null +++ b/dist/chunk-EVAMH3JU.js @@ -0,0 +1,50 @@ +"use strict";Object.defineProperty(exports, "__esModule", {value: true}); + +var _chunkIXR4OIUGjs = require('./chunk-IXR4OIUG.js'); + +// src/js/themes/lightTheme/shadows.ts +var shadows = { + size: { + xs: { + shadowColor: _chunkIXR4OIUGjs.colors.shadow.default, + shadowOffset: { + width: 0, + height: 2 + }, + shadowOpacity: 1, + shadowRadius: 4 + }, + sm: { + shadowColor: _chunkIXR4OIUGjs.colors.shadow.default, + shadowOffset: { + width: 0, + height: 2 + }, + shadowOpacity: 1, + shadowRadius: 8 + }, + md: { + shadowColor: _chunkIXR4OIUGjs.colors.shadow.default, + shadowOffset: { + width: 0, + height: 2 + }, + shadowOpacity: 1, + shadowRadius: 16 + }, + lg: { + shadowColor: _chunkIXR4OIUGjs.colors.shadow.default, + shadowOffset: { + width: 0, + height: 2 + }, + shadowOpacity: 1, + shadowRadius: 40 + } + } +}; + + + +exports.shadows = shadows; +//# sourceMappingURL=chunk-EVAMH3JU.js.map \ No newline at end of file diff --git a/dist/chunk-EVAMH3JU.js.map b/dist/chunk-EVAMH3JU.js.map new file mode 100644 index 00000000..ce93eeb3 --- /dev/null +++ b/dist/chunk-EVAMH3JU.js.map @@ -0,0 +1 @@ +{"version":3,"sources":["../src/js/themes/lightTheme/shadows.ts"],"names":[],"mappings":";;;;;AAGO,IAAM,UAAwB;AAAA,EACnC,MAAM;AAAA,IACJ,IAAI;AAAA,MACF,aAAa,OAAO,OAAO;AAAA,MAC3B,cAAc;AAAA,QACZ,OAAO;AAAA,QACP,QAAQ;AAAA,MACV;AAAA,MACA,eAAe;AAAA,MACf,cAAc;AAAA,IAChB;AAAA,IACA,IAAI;AAAA,MACF,aAAa,OAAO,OAAO;AAAA,MAC3B,cAAc;AAAA,QACZ,OAAO;AAAA,QACP,QAAQ;AAAA,MACV;AAAA,MACA,eAAe;AAAA,MACf,cAAc;AAAA,IAChB;AAAA,IACA,IAAI;AAAA,MACF,aAAa,OAAO,OAAO;AAAA,MAC3B,cAAc;AAAA,QACZ,OAAO;AAAA,QACP,QAAQ;AAAA,MACV;AAAA,MACA,eAAe;AAAA,MACf,cAAc;AAAA,IAChB;AAAA,IACA,IAAI;AAAA,MACF,aAAa,OAAO,OAAO;AAAA,MAC3B,cAAc;AAAA,QACZ,OAAO;AAAA,QACP,QAAQ;AAAA,MACV;AAAA,MACA,eAAe;AAAA,MACf,cAAc;AAAA,IAChB;AAAA,EACF;AACF","sourcesContent":["import type { ThemeShadows } from '../types';\nimport { colors } from './colors';\n\nexport const shadows: ThemeShadows = {\n size: {\n xs: {\n shadowColor: colors.shadow.default,\n shadowOffset: {\n width: 0,\n height: 2,\n },\n shadowOpacity: 1,\n shadowRadius: 4,\n },\n sm: {\n shadowColor: colors.shadow.default,\n shadowOffset: {\n width: 0,\n height: 2,\n },\n shadowOpacity: 1,\n shadowRadius: 8,\n },\n md: {\n shadowColor: colors.shadow.default,\n shadowOffset: {\n width: 0,\n height: 2,\n },\n shadowOpacity: 1,\n shadowRadius: 16,\n },\n lg: {\n shadowColor: colors.shadow.default,\n shadowOffset: {\n width: 0,\n height: 2,\n },\n shadowOpacity: 1,\n shadowRadius: 40,\n },\n },\n};\n"]} \ No newline at end of file diff --git a/dist/chunk-FDULD7I6.mjs b/dist/chunk-FDULD7I6.mjs new file mode 100644 index 00000000..83124393 --- /dev/null +++ b/dist/chunk-FDULD7I6.mjs @@ -0,0 +1 @@ +//# sourceMappingURL=chunk-FDULD7I6.mjs.map \ No newline at end of file diff --git a/dist/chunk-FDULD7I6.mjs.map b/dist/chunk-FDULD7I6.mjs.map new file mode 100644 index 00000000..84c51b28 --- /dev/null +++ b/dist/chunk-FDULD7I6.mjs.map @@ -0,0 +1 @@ +{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]} \ No newline at end of file diff --git a/dist/chunk-FXREN35Y.mjs b/dist/chunk-FXREN35Y.mjs new file mode 100644 index 00000000..3232e7ab --- /dev/null +++ b/dist/chunk-FXREN35Y.mjs @@ -0,0 +1,10 @@ +// src/js/typography/letterSpacing.ts +var letterSpacing = { + letterSpacing0: 0, + letterSpacing1: 0.25 +}; + +export { + letterSpacing +}; +//# sourceMappingURL=chunk-FXREN35Y.mjs.map \ No newline at end of file diff --git a/dist/chunk-FXREN35Y.mjs.map b/dist/chunk-FXREN35Y.mjs.map new file mode 100644 index 00000000..91b0c961 --- /dev/null +++ b/dist/chunk-FXREN35Y.mjs.map @@ -0,0 +1 @@ +{"version":3,"sources":["../src/js/typography/letterSpacing.ts"],"sourcesContent":["export const letterSpacing = {\n letterSpacing0: 0,\n letterSpacing1: 0.25,\n};\n"],"mappings":";AAAO,IAAM,gBAAgB;AAAA,EAC3B,gBAAgB;AAAA,EAChB,gBAAgB;AAClB;","names":[]} \ No newline at end of file diff --git a/dist/chunk-GFHCJHAM.mjs b/dist/chunk-GFHCJHAM.mjs new file mode 100644 index 00000000..754ff8fb --- /dev/null +++ b/dist/chunk-GFHCJHAM.mjs @@ -0,0 +1 @@ +//# sourceMappingURL=chunk-GFHCJHAM.mjs.map \ No newline at end of file diff --git a/dist/chunk-GFHCJHAM.mjs.map b/dist/chunk-GFHCJHAM.mjs.map new file mode 100644 index 00000000..84c51b28 --- /dev/null +++ b/dist/chunk-GFHCJHAM.mjs.map @@ -0,0 +1 @@ +{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]} \ No newline at end of file diff --git a/dist/chunk-GLECB5WV.mjs b/dist/chunk-GLECB5WV.mjs new file mode 100644 index 00000000..2b168376 --- /dev/null +++ b/dist/chunk-GLECB5WV.mjs @@ -0,0 +1 @@ +//# sourceMappingURL=chunk-GLECB5WV.mjs.map \ No newline at end of file diff --git a/dist/chunk-GLECB5WV.mjs.map b/dist/chunk-GLECB5WV.mjs.map new file mode 100644 index 00000000..84c51b28 --- /dev/null +++ b/dist/chunk-GLECB5WV.mjs.map @@ -0,0 +1 @@ +{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]} \ No newline at end of file diff --git a/dist/chunk-HAVMFH3M.mjs b/dist/chunk-HAVMFH3M.mjs new file mode 100644 index 00000000..2f7c5303 --- /dev/null +++ b/dist/chunk-HAVMFH3M.mjs @@ -0,0 +1,228 @@ +import { + fontFamilies +} from "./chunk-37CYYNL2.mjs"; +import { + fontSizes +} from "./chunk-YE3RTW6R.mjs"; +import { + fontWeights +} from "./chunk-CI27TEBG.mjs"; +import { + letterSpacing +} from "./chunk-FXREN35Y.mjs"; +import { + lineHeights +} from "./chunk-R4HHKA64.mjs"; + +// src/js/typography/typography.ts +var typography = { + sDisplayMD: { + fontFamily: fontFamilies.euclidCircularB, + fontWeight: fontWeights.bold, + fontSize: fontSizes.fontSize7, + lineHeight: lineHeights.lineHeight6, + letterSpacing: letterSpacing.letterSpacing0 + }, + sHeadingLG: { + fontFamily: fontFamilies.euclidCircularB, + fontWeight: fontWeights.bold, + fontSize: fontSizes.fontSize6, + lineHeight: lineHeights.lineHeight5, + letterSpacing: letterSpacing.letterSpacing0 + }, + sHeadingMD: { + fontFamily: fontFamilies.euclidCircularB, + fontWeight: fontWeights.bold, + fontSize: fontSizes.fontSize5, + lineHeight: lineHeights.lineHeight4, + letterSpacing: letterSpacing.letterSpacing0 + }, + sHeadingSM: { + fontFamily: fontFamilies.euclidCircularB, + fontWeight: fontWeights.bold, + fontSize: fontSizes.fontSize4, + lineHeight: lineHeights.lineHeight4, + letterSpacing: letterSpacing.letterSpacing0 + }, + /** + * @deprecated [#1] since version 1.9 [#2]. + * [#3] Will be deleted in version 2.0. + */ + sHeadingSMRegular: { + fontFamily: fontFamilies.euclidCircularB, + fontWeight: fontWeights.regular, + fontSize: fontSizes.fontSize4, + lineHeight: lineHeights.lineHeight4, + letterSpacing: letterSpacing.letterSpacing0 + }, + sBodyLGMedium: { + fontFamily: fontFamilies.euclidCircularB, + fontWeight: fontWeights.medium, + fontSize: fontSizes.fontSize4, + lineHeight: lineHeights.lineHeight4, + letterSpacing: letterSpacing.letterSpacing0 + }, + sBodyMD: { + fontFamily: fontFamilies.euclidCircularB, + fontWeight: fontWeights.regular, + fontSize: fontSizes.fontSize3, + lineHeight: lineHeights.lineHeight3, + letterSpacing: letterSpacing.letterSpacing0 + }, + sBodyMDMedium: { + fontFamily: fontFamilies.euclidCircularB, + fontWeight: fontWeights.medium, + fontSize: fontSizes.fontSize3, + lineHeight: lineHeights.lineHeight3, + letterSpacing: letterSpacing.letterSpacing0 + }, + sBodyMDBold: { + fontFamily: fontFamilies.euclidCircularB, + fontWeight: fontWeights.bold, + fontSize: fontSizes.fontSize3, + lineHeight: lineHeights.lineHeight3, + letterSpacing: letterSpacing.letterSpacing0 + }, + sBodySM: { + fontFamily: fontFamilies.euclidCircularB, + fontWeight: fontWeights.regular, + fontSize: fontSizes.fontSize2, + lineHeight: lineHeights.lineHeight2, + letterSpacing: letterSpacing.letterSpacing0 + }, + sBodySMMedium: { + fontFamily: fontFamilies.euclidCircularB, + fontWeight: fontWeights.medium, + fontSize: fontSizes.fontSize2, + lineHeight: lineHeights.lineHeight2, + letterSpacing: letterSpacing.letterSpacing0 + }, + sBodySMBold: { + fontFamily: fontFamilies.euclidCircularB, + fontWeight: fontWeights.bold, + fontSize: fontSizes.fontSize2, + lineHeight: lineHeights.lineHeight2, + letterSpacing: letterSpacing.letterSpacing0 + }, + sBodyXS: { + fontFamily: fontFamilies.euclidCircularB, + fontWeight: fontWeights.regular, + fontSize: fontSizes.fontSize1, + lineHeight: lineHeights.lineHeight1, + letterSpacing: letterSpacing.letterSpacing1 + }, + sBodyXSMedium: { + fontFamily: fontFamilies.euclidCircularB, + fontWeight: fontWeights.medium, + fontSize: fontSizes.fontSize1, + lineHeight: lineHeights.lineHeight1, + letterSpacing: letterSpacing.letterSpacing1 + }, + lDisplayMD: { + fontFamily: fontFamilies.euclidCircularB, + fontWeight: fontWeights.medium, + fontSize: fontSizes.fontSize8, + lineHeight: lineHeights.lineHeight7, + letterSpacing: letterSpacing.letterSpacing0 + }, + lHeadingLG: { + fontFamily: fontFamilies.euclidCircularB, + fontWeight: fontWeights.bold, + fontSize: fontSizes.fontSize7, + lineHeight: lineHeights.lineHeight6, + letterSpacing: letterSpacing.letterSpacing0 + }, + lHeadingMD: { + fontFamily: fontFamilies.euclidCircularB, + fontWeight: fontWeights.bold, + fontSize: fontSizes.fontSize6, + lineHeight: lineHeights.lineHeight5, + letterSpacing: letterSpacing.letterSpacing0 + }, + lHeadingSM: { + fontFamily: fontFamilies.euclidCircularB, + fontWeight: fontWeights.bold, + fontSize: fontSizes.fontSize5, + lineHeight: lineHeights.lineHeight4, + letterSpacing: letterSpacing.letterSpacing0 + }, + /** + * @deprecated [#1] since version 1.9 [#2]. + * [#3] Will be deleted in version 2.0. + */ + lHeadingSMRegular: { + fontFamily: fontFamilies.euclidCircularB, + fontWeight: fontWeights.regular, + fontSize: fontSizes.fontSize5, + lineHeight: lineHeights.lineHeight4, + letterSpacing: letterSpacing.letterSpacing0 + }, + lBodyLGMedium: { + fontFamily: fontFamilies.euclidCircularB, + fontWeight: fontWeights.medium, + fontSize: fontSizes.fontSize5, + lineHeight: lineHeights.lineHeight4, + letterSpacing: letterSpacing.letterSpacing0 + }, + lBodyMD: { + fontFamily: fontFamilies.euclidCircularB, + fontWeight: fontWeights.regular, + fontSize: fontSizes.fontSize4, + lineHeight: lineHeights.lineHeight4, + letterSpacing: letterSpacing.letterSpacing0 + }, + lBodyMDMedium: { + fontFamily: fontFamilies.euclidCircularB, + fontWeight: fontWeights.medium, + fontSize: fontSizes.fontSize4, + lineHeight: lineHeights.lineHeight4, + letterSpacing: letterSpacing.letterSpacing0 + }, + lBodyMDBold: { + fontFamily: fontFamilies.euclidCircularB, + fontWeight: fontWeights.bold, + fontSize: fontSizes.fontSize4, + lineHeight: lineHeights.lineHeight4, + letterSpacing: letterSpacing.letterSpacing0 + }, + lBodySM: { + fontFamily: fontFamilies.euclidCircularB, + fontWeight: fontWeights.regular, + fontSize: fontSizes.fontSize3, + lineHeight: lineHeights.lineHeight3, + letterSpacing: letterSpacing.letterSpacing0 + }, + lBodySMMedium: { + fontFamily: fontFamilies.euclidCircularB, + fontWeight: fontWeights.medium, + fontSize: fontSizes.fontSize3, + lineHeight: lineHeights.lineHeight3, + letterSpacing: letterSpacing.letterSpacing0 + }, + lBodySMBold: { + fontFamily: fontFamilies.euclidCircularB, + fontWeight: fontWeights.bold, + fontSize: fontSizes.fontSize3, + lineHeight: lineHeights.lineHeight3, + letterSpacing: letterSpacing.letterSpacing0 + }, + lBodyXS: { + fontFamily: fontFamilies.euclidCircularB, + fontWeight: fontWeights.regular, + fontSize: fontSizes.fontSize2, + lineHeight: lineHeights.lineHeight2, + letterSpacing: letterSpacing.letterSpacing1 + }, + lBodyXSMedium: { + fontFamily: fontFamilies.euclidCircularB, + fontWeight: fontWeights.medium, + fontSize: fontSizes.fontSize2, + lineHeight: lineHeights.lineHeight2, + letterSpacing: letterSpacing.letterSpacing1 + } +}; + +export { + typography +}; +//# sourceMappingURL=chunk-HAVMFH3M.mjs.map \ No newline at end of file diff --git a/dist/chunk-HAVMFH3M.mjs.map b/dist/chunk-HAVMFH3M.mjs.map new file mode 100644 index 00000000..94a4f4b0 --- /dev/null +++ b/dist/chunk-HAVMFH3M.mjs.map @@ -0,0 +1 @@ +{"version":3,"sources":["../src/js/typography/typography.ts"],"sourcesContent":["import { fontFamilies } from './fontFamilies';\nimport { fontSizes } from './fontSizes';\nimport { fontWeights } from './fontWeights';\nimport { letterSpacing } from './letterSpacing';\nimport { lineHeights } from './lineHeights';\nimport type { ThemeTypography } from './types';\n\n/* eslint-enable jsdoc/check-property-names, jsdoc/tag-lines */\nexport const typography: ThemeTypography = {\n sDisplayMD: {\n fontFamily: fontFamilies.euclidCircularB,\n fontWeight: fontWeights.bold,\n fontSize: fontSizes.fontSize7,\n lineHeight: lineHeights.lineHeight6,\n letterSpacing: letterSpacing.letterSpacing0,\n },\n sHeadingLG: {\n fontFamily: fontFamilies.euclidCircularB,\n fontWeight: fontWeights.bold,\n fontSize: fontSizes.fontSize6,\n lineHeight: lineHeights.lineHeight5,\n letterSpacing: letterSpacing.letterSpacing0,\n },\n sHeadingMD: {\n fontFamily: fontFamilies.euclidCircularB,\n fontWeight: fontWeights.bold,\n fontSize: fontSizes.fontSize5,\n lineHeight: lineHeights.lineHeight4,\n letterSpacing: letterSpacing.letterSpacing0,\n },\n sHeadingSM: {\n fontFamily: fontFamilies.euclidCircularB,\n fontWeight: fontWeights.bold,\n fontSize: fontSizes.fontSize4,\n lineHeight: lineHeights.lineHeight4,\n letterSpacing: letterSpacing.letterSpacing0,\n },\n /**\n * @deprecated [#1] since version 1.9 [#2].\n * [#3] Will be deleted in version 2.0.\n */\n sHeadingSMRegular: {\n fontFamily: fontFamilies.euclidCircularB,\n fontWeight: fontWeights.regular,\n fontSize: fontSizes.fontSize4,\n lineHeight: lineHeights.lineHeight4,\n letterSpacing: letterSpacing.letterSpacing0,\n },\n sBodyLGMedium: {\n fontFamily: fontFamilies.euclidCircularB,\n fontWeight: fontWeights.medium,\n fontSize: fontSizes.fontSize4,\n lineHeight: lineHeights.lineHeight4,\n letterSpacing: letterSpacing.letterSpacing0,\n },\n sBodyMD: {\n fontFamily: fontFamilies.euclidCircularB,\n fontWeight: fontWeights.regular,\n fontSize: fontSizes.fontSize3,\n lineHeight: lineHeights.lineHeight3,\n letterSpacing: letterSpacing.letterSpacing0,\n },\n sBodyMDMedium: {\n fontFamily: fontFamilies.euclidCircularB,\n fontWeight: fontWeights.medium,\n fontSize: fontSizes.fontSize3,\n lineHeight: lineHeights.lineHeight3,\n letterSpacing: letterSpacing.letterSpacing0,\n },\n sBodyMDBold: {\n fontFamily: fontFamilies.euclidCircularB,\n fontWeight: fontWeights.bold,\n fontSize: fontSizes.fontSize3,\n lineHeight: lineHeights.lineHeight3,\n letterSpacing: letterSpacing.letterSpacing0,\n },\n sBodySM: {\n fontFamily: fontFamilies.euclidCircularB,\n fontWeight: fontWeights.regular,\n fontSize: fontSizes.fontSize2,\n lineHeight: lineHeights.lineHeight2,\n letterSpacing: letterSpacing.letterSpacing0,\n },\n sBodySMMedium: {\n fontFamily: fontFamilies.euclidCircularB,\n fontWeight: fontWeights.medium,\n fontSize: fontSizes.fontSize2,\n lineHeight: lineHeights.lineHeight2,\n letterSpacing: letterSpacing.letterSpacing0,\n },\n sBodySMBold: {\n fontFamily: fontFamilies.euclidCircularB,\n fontWeight: fontWeights.bold,\n fontSize: fontSizes.fontSize2,\n lineHeight: lineHeights.lineHeight2,\n letterSpacing: letterSpacing.letterSpacing0,\n },\n sBodyXS: {\n fontFamily: fontFamilies.euclidCircularB,\n fontWeight: fontWeights.regular,\n fontSize: fontSizes.fontSize1,\n lineHeight: lineHeights.lineHeight1,\n letterSpacing: letterSpacing.letterSpacing1,\n },\n sBodyXSMedium: {\n fontFamily: fontFamilies.euclidCircularB,\n fontWeight: fontWeights.medium,\n fontSize: fontSizes.fontSize1,\n lineHeight: lineHeights.lineHeight1,\n letterSpacing: letterSpacing.letterSpacing1,\n },\n lDisplayMD: {\n fontFamily: fontFamilies.euclidCircularB,\n fontWeight: fontWeights.medium,\n fontSize: fontSizes.fontSize8,\n lineHeight: lineHeights.lineHeight7,\n letterSpacing: letterSpacing.letterSpacing0,\n },\n lHeadingLG: {\n fontFamily: fontFamilies.euclidCircularB,\n fontWeight: fontWeights.bold,\n fontSize: fontSizes.fontSize7,\n lineHeight: lineHeights.lineHeight6,\n letterSpacing: letterSpacing.letterSpacing0,\n },\n lHeadingMD: {\n fontFamily: fontFamilies.euclidCircularB,\n fontWeight: fontWeights.bold,\n fontSize: fontSizes.fontSize6,\n lineHeight: lineHeights.lineHeight5,\n letterSpacing: letterSpacing.letterSpacing0,\n },\n lHeadingSM: {\n fontFamily: fontFamilies.euclidCircularB,\n fontWeight: fontWeights.bold,\n fontSize: fontSizes.fontSize5,\n lineHeight: lineHeights.lineHeight4,\n letterSpacing: letterSpacing.letterSpacing0,\n },\n /**\n * @deprecated [#1] since version 1.9 [#2].\n * [#3] Will be deleted in version 2.0.\n */\n lHeadingSMRegular: {\n fontFamily: fontFamilies.euclidCircularB,\n fontWeight: fontWeights.regular,\n fontSize: fontSizes.fontSize5,\n lineHeight: lineHeights.lineHeight4,\n letterSpacing: letterSpacing.letterSpacing0,\n },\n lBodyLGMedium: {\n fontFamily: fontFamilies.euclidCircularB,\n fontWeight: fontWeights.medium,\n fontSize: fontSizes.fontSize5,\n lineHeight: lineHeights.lineHeight4,\n letterSpacing: letterSpacing.letterSpacing0,\n },\n lBodyMD: {\n fontFamily: fontFamilies.euclidCircularB,\n fontWeight: fontWeights.regular,\n fontSize: fontSizes.fontSize4,\n lineHeight: lineHeights.lineHeight4,\n letterSpacing: letterSpacing.letterSpacing0,\n },\n lBodyMDMedium: {\n fontFamily: fontFamilies.euclidCircularB,\n fontWeight: fontWeights.medium,\n fontSize: fontSizes.fontSize4,\n lineHeight: lineHeights.lineHeight4,\n letterSpacing: letterSpacing.letterSpacing0,\n },\n lBodyMDBold: {\n fontFamily: fontFamilies.euclidCircularB,\n fontWeight: fontWeights.bold,\n fontSize: fontSizes.fontSize4,\n lineHeight: lineHeights.lineHeight4,\n letterSpacing: letterSpacing.letterSpacing0,\n },\n lBodySM: {\n fontFamily: fontFamilies.euclidCircularB,\n fontWeight: fontWeights.regular,\n fontSize: fontSizes.fontSize3,\n lineHeight: lineHeights.lineHeight3,\n letterSpacing: letterSpacing.letterSpacing0,\n },\n lBodySMMedium: {\n fontFamily: fontFamilies.euclidCircularB,\n fontWeight: fontWeights.medium,\n fontSize: fontSizes.fontSize3,\n lineHeight: lineHeights.lineHeight3,\n letterSpacing: letterSpacing.letterSpacing0,\n },\n lBodySMBold: {\n fontFamily: fontFamilies.euclidCircularB,\n fontWeight: fontWeights.bold,\n fontSize: fontSizes.fontSize3,\n lineHeight: lineHeights.lineHeight3,\n letterSpacing: letterSpacing.letterSpacing0,\n },\n lBodyXS: {\n fontFamily: fontFamilies.euclidCircularB,\n fontWeight: fontWeights.regular,\n fontSize: fontSizes.fontSize2,\n lineHeight: lineHeights.lineHeight2,\n letterSpacing: letterSpacing.letterSpacing1,\n },\n lBodyXSMedium: {\n fontFamily: fontFamilies.euclidCircularB,\n fontWeight: fontWeights.medium,\n fontSize: fontSizes.fontSize2,\n lineHeight: lineHeights.lineHeight2,\n letterSpacing: letterSpacing.letterSpacing1,\n },\n};\n"],"mappings":";;;;;;;;;;;;;;;;;AAQO,IAAM,aAA8B;AAAA,EACzC,YAAY;AAAA,IACV,YAAY,aAAa;AAAA,IACzB,YAAY,YAAY;AAAA,IACxB,UAAU,UAAU;AAAA,IACpB,YAAY,YAAY;AAAA,IACxB,eAAe,cAAc;AAAA,EAC/B;AAAA,EACA,YAAY;AAAA,IACV,YAAY,aAAa;AAAA,IACzB,YAAY,YAAY;AAAA,IACxB,UAAU,UAAU;AAAA,IACpB,YAAY,YAAY;AAAA,IACxB,eAAe,cAAc;AAAA,EAC/B;AAAA,EACA,YAAY;AAAA,IACV,YAAY,aAAa;AAAA,IACzB,YAAY,YAAY;AAAA,IACxB,UAAU,UAAU;AAAA,IACpB,YAAY,YAAY;AAAA,IACxB,eAAe,cAAc;AAAA,EAC/B;AAAA,EACA,YAAY;AAAA,IACV,YAAY,aAAa;AAAA,IACzB,YAAY,YAAY;AAAA,IACxB,UAAU,UAAU;AAAA,IACpB,YAAY,YAAY;AAAA,IACxB,eAAe,cAAc;AAAA,EAC/B;AAAA;AAAA;AAAA;AAAA;AAAA,EAKA,mBAAmB;AAAA,IACjB,YAAY,aAAa;AAAA,IACzB,YAAY,YAAY;AAAA,IACxB,UAAU,UAAU;AAAA,IACpB,YAAY,YAAY;AAAA,IACxB,eAAe,cAAc;AAAA,EAC/B;AAAA,EACA,eAAe;AAAA,IACb,YAAY,aAAa;AAAA,IACzB,YAAY,YAAY;AAAA,IACxB,UAAU,UAAU;AAAA,IACpB,YAAY,YAAY;AAAA,IACxB,eAAe,cAAc;AAAA,EAC/B;AAAA,EACA,SAAS;AAAA,IACP,YAAY,aAAa;AAAA,IACzB,YAAY,YAAY;AAAA,IACxB,UAAU,UAAU;AAAA,IACpB,YAAY,YAAY;AAAA,IACxB,eAAe,cAAc;AAAA,EAC/B;AAAA,EACA,eAAe;AAAA,IACb,YAAY,aAAa;AAAA,IACzB,YAAY,YAAY;AAAA,IACxB,UAAU,UAAU;AAAA,IACpB,YAAY,YAAY;AAAA,IACxB,eAAe,cAAc;AAAA,EAC/B;AAAA,EACA,aAAa;AAAA,IACX,YAAY,aAAa;AAAA,IACzB,YAAY,YAAY;AAAA,IACxB,UAAU,UAAU;AAAA,IACpB,YAAY,YAAY;AAAA,IACxB,eAAe,cAAc;AAAA,EAC/B;AAAA,EACA,SAAS;AAAA,IACP,YAAY,aAAa;AAAA,IACzB,YAAY,YAAY;AAAA,IACxB,UAAU,UAAU;AAAA,IACpB,YAAY,YAAY;AAAA,IACxB,eAAe,cAAc;AAAA,EAC/B;AAAA,EACA,eAAe;AAAA,IACb,YAAY,aAAa;AAAA,IACzB,YAAY,YAAY;AAAA,IACxB,UAAU,UAAU;AAAA,IACpB,YAAY,YAAY;AAAA,IACxB,eAAe,cAAc;AAAA,EAC/B;AAAA,EACA,aAAa;AAAA,IACX,YAAY,aAAa;AAAA,IACzB,YAAY,YAAY;AAAA,IACxB,UAAU,UAAU;AAAA,IACpB,YAAY,YAAY;AAAA,IACxB,eAAe,cAAc;AAAA,EAC/B;AAAA,EACA,SAAS;AAAA,IACP,YAAY,aAAa;AAAA,IACzB,YAAY,YAAY;AAAA,IACxB,UAAU,UAAU;AAAA,IACpB,YAAY,YAAY;AAAA,IACxB,eAAe,cAAc;AAAA,EAC/B;AAAA,EACA,eAAe;AAAA,IACb,YAAY,aAAa;AAAA,IACzB,YAAY,YAAY;AAAA,IACxB,UAAU,UAAU;AAAA,IACpB,YAAY,YAAY;AAAA,IACxB,eAAe,cAAc;AAAA,EAC/B;AAAA,EACA,YAAY;AAAA,IACV,YAAY,aAAa;AAAA,IACzB,YAAY,YAAY;AAAA,IACxB,UAAU,UAAU;AAAA,IACpB,YAAY,YAAY;AAAA,IACxB,eAAe,cAAc;AAAA,EAC/B;AAAA,EACA,YAAY;AAAA,IACV,YAAY,aAAa;AAAA,IACzB,YAAY,YAAY;AAAA,IACxB,UAAU,UAAU;AAAA,IACpB,YAAY,YAAY;AAAA,IACxB,eAAe,cAAc;AAAA,EAC/B;AAAA,EACA,YAAY;AAAA,IACV,YAAY,aAAa;AAAA,IACzB,YAAY,YAAY;AAAA,IACxB,UAAU,UAAU;AAAA,IACpB,YAAY,YAAY;AAAA,IACxB,eAAe,cAAc;AAAA,EAC/B;AAAA,EACA,YAAY;AAAA,IACV,YAAY,aAAa;AAAA,IACzB,YAAY,YAAY;AAAA,IACxB,UAAU,UAAU;AAAA,IACpB,YAAY,YAAY;AAAA,IACxB,eAAe,cAAc;AAAA,EAC/B;AAAA;AAAA;AAAA;AAAA;AAAA,EAKA,mBAAmB;AAAA,IACjB,YAAY,aAAa;AAAA,IACzB,YAAY,YAAY;AAAA,IACxB,UAAU,UAAU;AAAA,IACpB,YAAY,YAAY;AAAA,IACxB,eAAe,cAAc;AAAA,EAC/B;AAAA,EACA,eAAe;AAAA,IACb,YAAY,aAAa;AAAA,IACzB,YAAY,YAAY;AAAA,IACxB,UAAU,UAAU;AAAA,IACpB,YAAY,YAAY;AAAA,IACxB,eAAe,cAAc;AAAA,EAC/B;AAAA,EACA,SAAS;AAAA,IACP,YAAY,aAAa;AAAA,IACzB,YAAY,YAAY;AAAA,IACxB,UAAU,UAAU;AAAA,IACpB,YAAY,YAAY;AAAA,IACxB,eAAe,cAAc;AAAA,EAC/B;AAAA,EACA,eAAe;AAAA,IACb,YAAY,aAAa;AAAA,IACzB,YAAY,YAAY;AAAA,IACxB,UAAU,UAAU;AAAA,IACpB,YAAY,YAAY;AAAA,IACxB,eAAe,cAAc;AAAA,EAC/B;AAAA,EACA,aAAa;AAAA,IACX,YAAY,aAAa;AAAA,IACzB,YAAY,YAAY;AAAA,IACxB,UAAU,UAAU;AAAA,IACpB,YAAY,YAAY;AAAA,IACxB,eAAe,cAAc;AAAA,EAC/B;AAAA,EACA,SAAS;AAAA,IACP,YAAY,aAAa;AAAA,IACzB,YAAY,YAAY;AAAA,IACxB,UAAU,UAAU;AAAA,IACpB,YAAY,YAAY;AAAA,IACxB,eAAe,cAAc;AAAA,EAC/B;AAAA,EACA,eAAe;AAAA,IACb,YAAY,aAAa;AAAA,IACzB,YAAY,YAAY;AAAA,IACxB,UAAU,UAAU;AAAA,IACpB,YAAY,YAAY;AAAA,IACxB,eAAe,cAAc;AAAA,EAC/B;AAAA,EACA,aAAa;AAAA,IACX,YAAY,aAAa;AAAA,IACzB,YAAY,YAAY;AAAA,IACxB,UAAU,UAAU;AAAA,IACpB,YAAY,YAAY;AAAA,IACxB,eAAe,cAAc;AAAA,EAC/B;AAAA,EACA,SAAS;AAAA,IACP,YAAY,aAAa;AAAA,IACzB,YAAY,YAAY;AAAA,IACxB,UAAU,UAAU;AAAA,IACpB,YAAY,YAAY;AAAA,IACxB,eAAe,cAAc;AAAA,EAC/B;AAAA,EACA,eAAe;AAAA,IACb,YAAY,aAAa;AAAA,IACzB,YAAY,YAAY;AAAA,IACxB,UAAU,UAAU;AAAA,IACpB,YAAY,YAAY;AAAA,IACxB,eAAe,cAAc;AAAA,EAC/B;AACF;","names":[]} \ No newline at end of file diff --git a/dist/chunk-IA2MTBXO.js b/dist/chunk-IA2MTBXO.js new file mode 100644 index 00000000..88bd5966 --- /dev/null +++ b/dist/chunk-IA2MTBXO.js @@ -0,0 +1 @@ +"use strict";//# sourceMappingURL=chunk-IA2MTBXO.js.map \ No newline at end of file diff --git a/dist/chunk-IA2MTBXO.js.map b/dist/chunk-IA2MTBXO.js.map new file mode 100644 index 00000000..a464c673 --- /dev/null +++ b/dist/chunk-IA2MTBXO.js.map @@ -0,0 +1 @@ +{"version":3,"sources":[],"names":[],"mappings":""} \ No newline at end of file diff --git a/dist/chunk-ITOO6PIB.mjs b/dist/chunk-ITOO6PIB.mjs new file mode 100644 index 00000000..9b06544f --- /dev/null +++ b/dist/chunk-ITOO6PIB.mjs @@ -0,0 +1,21 @@ +import { + darkTheme +} from "./chunk-JFOLKV5A.mjs"; +import { + lightTheme +} from "./chunk-UKISWQV3.mjs"; + +// src/js/colors/colors.ts +var colors = { + light: { + ...lightTheme.colors + }, + dark: { + ...darkTheme.colors + } +}; + +export { + colors +}; +//# sourceMappingURL=chunk-ITOO6PIB.mjs.map \ No newline at end of file diff --git a/dist/chunk-ITOO6PIB.mjs.map b/dist/chunk-ITOO6PIB.mjs.map new file mode 100644 index 00000000..5c7fc645 --- /dev/null +++ b/dist/chunk-ITOO6PIB.mjs.map @@ -0,0 +1 @@ +{"version":3,"sources":["../src/js/colors/colors.ts"],"sourcesContent":["import { lightTheme, darkTheme } from '../themes';\n\n/**\n * This object is DEPRECATED in favour of the theme objects\n * jest ignores this file when testing coverage\n */\n\nexport const colors = {\n light: {\n ...lightTheme.colors,\n },\n dark: {\n ...darkTheme.colors,\n },\n};\n"],"mappings":";;;;;;;;AAOO,IAAM,SAAS;AAAA,EACpB,OAAO;AAAA,IACL,GAAG,WAAW;AAAA,EAChB;AAAA,EACA,MAAM;AAAA,IACJ,GAAG,UAAU;AAAA,EACf;AACF;","names":[]} \ No newline at end of file diff --git a/dist/chunk-IXR4OIUG.js b/dist/chunk-IXR4OIUG.js new file mode 100644 index 00000000..dbae8ac9 --- /dev/null +++ b/dist/chunk-IXR4OIUG.js @@ -0,0 +1,134 @@ +"use strict";Object.defineProperty(exports, "__esModule", {value: true}); + +var _chunkLN25RJU7js = require('./chunk-LN25RJU7.js'); + +// src/js/themes/lightTheme/colors.ts +var colors = { + background: { + default: _chunkLN25RJU7js.brandColor.grey000, + // For default neutral backgrounds + alternative: _chunkLN25RJU7js.brandColor.grey050, + // For secondary neutral backgrounds. + defaultHover: "#f0f0f0", + // For "hover" states that use background-default. + defaultPressed: "#e0e0e0", + // For "pressed" states that use background-alternative. + alternativeHover: "#dde3ee", + // For "hover" states that use background-alternative. + alternativePressed: "#c9d2e4", + // For "pressed" states that use background-alternative. + hover: "#0000000f", + // For "hover" state that use no background fill. (black-6% | white-6%) + pressed: "#0000001f" + // For "pressed" state that use no background fill. (black-12% | white-12%) + }, + text: { + default: _chunkLN25RJU7js.brandColor.grey900, + // For default neutral text. + alternative: _chunkLN25RJU7js.brandColor.grey500, + // For softer contrast neutral text + muted: _chunkLN25RJU7js.brandColor.grey300 + // For the softest contrast neutral text (not accessible) + }, + icon: { + default: _chunkLN25RJU7js.brandColor.grey900, + // For default neutral icons + alternative: _chunkLN25RJU7js.brandColor.grey500, + // For softer neutral icons + muted: _chunkLN25RJU7js.brandColor.grey300 + // For the weakest contrast neutral icons (not accessible) + }, + border: { + default: _chunkLN25RJU7js.brandColor.grey200, + // For soft contrast neutral border + muted: "#b7bbc866" + // For the weakest contrast neutral border (grey200-40% | grey400-20%) + }, + overlay: { + default: "#00000066", + // For the default shade of screen (black-40%) + alternative: "#000000cc", + // For a stronger shade of screen (black-80%) + inverse: _chunkLN25RJU7js.brandColor.grey000 + // For elements used on top of overlay/alternative. Used for text, icon or border + }, + primary: { + default: _chunkLN25RJU7js.brandColor.blue500, + // For interactive, active, and selected semantics. Used for text, background, icon or border + alternative: _chunkLN25RJU7js.brandColor.blue600, + // For the stronger contrast primary semantic elements. + muted: "#4459ff1a", + // For the weakest contrast primary semantic backgrounds. (blue500-10% | blue300-15%) + inverse: _chunkLN25RJU7js.brandColor.grey000, + // For elements used on top of primary/default. Used for text, icon or border + defaultHover: "#243cff", + // For the "hover" state of primary-default elements + defaultPressed: "#0521ff" + // For the "pressed" state of primary-default elements + }, + error: { + default: _chunkLN25RJU7js.brandColor.red500, + // For the critical alert semantic elements. Used for text, background, icon or border + alternative: _chunkLN25RJU7js.brandColor.red600, + // For the stronger contrast error semantic elements. + muted: "#ca35421a", + // For the weakest contrast critical alert semantic backgrounds. (red500-10% | red300-15%) + inverse: _chunkLN25RJU7js.brandColor.grey000, + // For elements used on top of error/default. Used for text, icon or border + defaultHover: "#b22f3a", + // For the "hover" state of error-default elements. + defaultPressed: "#9a2832" + // For the "pressed" state of error-default elements. + }, + warning: { + default: _chunkLN25RJU7js.brandColor.yellow500, + // For the caution alert semantic elements. Used for text, background, icon or border + muted: "#9a63001a", + // For the weakest contrast caution alert semantic backgrounds. (yellow500-10% | yellow100-15%) + inverse: _chunkLN25RJU7js.brandColor.grey000, + // For elements used on top of warning/default. Used for text, icon or border + defaultHover: "#7a4f00", + // For the "hover" state of warning-default elements + defaultPressed: "#5c3b00" + // For the "pressed" state of warning-default elements + }, + success: { + default: _chunkLN25RJU7js.brandColor.green500, + // For the positive semantic elements. Used for text, background, icon or border + muted: "#1c7e331a", + // For the weakest contrast positive semantic backgrounds. (green500-10% | green300-10%) + inverse: _chunkLN25RJU7js.brandColor.grey000, + // For elements used on top of success/default. Used for text, icon or border + defaultHover: "#166429", + // For the "hover" state of success-default elements + defaultPressed: "#114b1e" + // For the "pressed" state of success-default elements + }, + info: { + default: _chunkLN25RJU7js.brandColor.blue500, + // For informational read-only elements. Used for text, background, icon or border + muted: "#4459ff1a", + // For the weakest contrast informational semantic backgrounds.(blue500-10% | blue300-15%) + inverse: _chunkLN25RJU7js.brandColor.grey000 + // For elements used on top of info/default. Used for text, icon or border + }, + flask: { + default: _chunkLN25RJU7js.brandColor.purple500, + // For Flask primary accent color. + inverse: _chunkLN25RJU7js.brandColor.grey000 + // For elements used on top of flask/default. Used for text, icon or border + }, + shadow: { + default: "#0000001a", + // For neutral drop shadow color. (black-10% | black-40%) + primary: "#4459ff33", + // For primary drop shadow color. (blue500-20% | blue300-20%) + error: "#ca354266" + // For critical/danger drop shadow color. (red50-20% | red300-20%) + } +}; + + + +exports.colors = colors; +//# sourceMappingURL=chunk-IXR4OIUG.js.map \ No newline at end of file diff --git a/dist/chunk-IXR4OIUG.js.map b/dist/chunk-IXR4OIUG.js.map new file mode 100644 index 00000000..c38af8e7 --- /dev/null +++ b/dist/chunk-IXR4OIUG.js.map @@ -0,0 +1 @@ +{"version":3,"sources":["../src/js/themes/lightTheme/colors.ts"],"names":[],"mappings":";;;;;AAGO,IAAM,SAAsB;AAAA,EACjC,YAAY;AAAA,IACV,SAAS,WAAW;AAAA;AAAA,IACpB,aAAa,WAAW;AAAA;AAAA,IACxB,cAAc;AAAA;AAAA,IACd,gBAAgB;AAAA;AAAA,IAChB,kBAAkB;AAAA;AAAA,IAClB,oBAAoB;AAAA;AAAA,IACpB,OAAO;AAAA;AAAA,IACP,SAAS;AAAA;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,SAAS,WAAW;AAAA;AAAA,IACpB,aAAa,WAAW;AAAA;AAAA,IACxB,OAAO,WAAW;AAAA;AAAA,EACpB;AAAA,EACA,MAAM;AAAA,IACJ,SAAS,WAAW;AAAA;AAAA,IACpB,aAAa,WAAW;AAAA;AAAA,IACxB,OAAO,WAAW;AAAA;AAAA,EACpB;AAAA,EACA,QAAQ;AAAA,IACN,SAAS,WAAW;AAAA;AAAA,IACpB,OAAO;AAAA;AAAA,EACT;AAAA,EACA,SAAS;AAAA,IACP,SAAS;AAAA;AAAA,IACT,aAAa;AAAA;AAAA,IACb,SAAS,WAAW;AAAA;AAAA,EACtB;AAAA,EACA,SAAS;AAAA,IACP,SAAS,WAAW;AAAA;AAAA,IACpB,aAAa,WAAW;AAAA;AAAA,IACxB,OAAO;AAAA;AAAA,IACP,SAAS,WAAW;AAAA;AAAA,IACpB,cAAc;AAAA;AAAA,IACd,gBAAgB;AAAA;AAAA,EAClB;AAAA,EACA,OAAO;AAAA,IACL,SAAS,WAAW;AAAA;AAAA,IACpB,aAAa,WAAW;AAAA;AAAA,IACxB,OAAO;AAAA;AAAA,IACP,SAAS,WAAW;AAAA;AAAA,IACpB,cAAc;AAAA;AAAA,IACd,gBAAgB;AAAA;AAAA,EAClB;AAAA,EACA,SAAS;AAAA,IACP,SAAS,WAAW;AAAA;AAAA,IACpB,OAAO;AAAA;AAAA,IACP,SAAS,WAAW;AAAA;AAAA,IACpB,cAAc;AAAA;AAAA,IACd,gBAAgB;AAAA;AAAA,EAClB;AAAA,EACA,SAAS;AAAA,IACP,SAAS,WAAW;AAAA;AAAA,IACpB,OAAO;AAAA;AAAA,IACP,SAAS,WAAW;AAAA;AAAA,IACpB,cAAc;AAAA;AAAA,IACd,gBAAgB;AAAA;AAAA,EAClB;AAAA,EACA,MAAM;AAAA,IACJ,SAAS,WAAW;AAAA;AAAA,IACpB,OAAO;AAAA;AAAA,IACP,SAAS,WAAW;AAAA;AAAA,EACtB;AAAA,EACA,OAAO;AAAA,IACL,SAAS,WAAW;AAAA;AAAA,IACpB,SAAS,WAAW;AAAA;AAAA,EACtB;AAAA,EACA,QAAQ;AAAA,IACN,SAAS;AAAA;AAAA,IACT,SAAS;AAAA;AAAA,IACT,OAAO;AAAA;AAAA,EACT;AACF","sourcesContent":["import { brandColor } from '../../brandColor';\nimport type { ThemeColors } from '../types';\n\nexport const colors: ThemeColors = {\n background: {\n default: brandColor.grey000, // For default neutral backgrounds\n alternative: brandColor.grey050, // For secondary neutral backgrounds.\n defaultHover: '#f0f0f0', // For \"hover\" states that use background-default.\n defaultPressed: '#e0e0e0', // For \"pressed\" states that use background-alternative.\n alternativeHover: '#dde3ee', // For \"hover\" states that use background-alternative.\n alternativePressed: '#c9d2e4', // For \"pressed\" states that use background-alternative.\n hover: '#0000000f', // For \"hover\" state that use no background fill. (black-6% | white-6%)\n pressed: '#0000001f', // For \"pressed\" state that use no background fill. (black-12% | white-12%)\n },\n text: {\n default: brandColor.grey900, // For default neutral text.\n alternative: brandColor.grey500, // For softer contrast neutral text\n muted: brandColor.grey300, // For the softest contrast neutral text (not accessible)\n },\n icon: {\n default: brandColor.grey900, // For default neutral icons\n alternative: brandColor.grey500, // For softer neutral icons\n muted: brandColor.grey300, // For the weakest contrast neutral icons (not accessible)\n },\n border: {\n default: brandColor.grey200, // For soft contrast neutral border\n muted: '#b7bbc866', // For the weakest contrast neutral border (grey200-40% | grey400-20%)\n },\n overlay: {\n default: '#00000066', // For the default shade of screen (black-40%)\n alternative: '#000000cc', // For a stronger shade of screen (black-80%)\n inverse: brandColor.grey000, // For elements used on top of overlay/alternative. Used for text, icon or border\n },\n primary: {\n default: brandColor.blue500, // For interactive, active, and selected semantics. Used for text, background, icon or border\n alternative: brandColor.blue600, // For the stronger contrast primary semantic elements.\n muted: '#4459ff1a', // For the weakest contrast primary semantic backgrounds. (blue500-10% | blue300-15%)\n inverse: brandColor.grey000, // For elements used on top of primary/default. Used for text, icon or border\n defaultHover: '#243cff', // For the \"hover\" state of primary-default elements\n defaultPressed: '#0521ff', // For the \"pressed\" state of primary-default elements\n },\n error: {\n default: brandColor.red500, // For the critical alert semantic elements. Used for text, background, icon or border\n alternative: brandColor.red600, // For the stronger contrast error semantic elements.\n muted: '#ca35421a', // For the weakest contrast critical alert semantic backgrounds. (red500-10% | red300-15%)\n inverse: brandColor.grey000, // For elements used on top of error/default. Used for text, icon or border\n defaultHover: '#b22f3a', // For the \"hover\" state of error-default elements.\n defaultPressed: '#9a2832', // For the \"pressed\" state of error-default elements.\n },\n warning: {\n default: brandColor.yellow500, // For the caution alert semantic elements. Used for text, background, icon or border\n muted: '#9a63001a', // For the weakest contrast caution alert semantic backgrounds. (yellow500-10% | yellow100-15%)\n inverse: brandColor.grey000, // For elements used on top of warning/default. Used for text, icon or border\n defaultHover: '#7a4f00', // For the \"hover\" state of warning-default elements\n defaultPressed: '#5c3b00', // For the \"pressed\" state of warning-default elements\n },\n success: {\n default: brandColor.green500, // For the positive semantic elements. Used for text, background, icon or border\n muted: '#1c7e331a', // For the weakest contrast positive semantic backgrounds. (green500-10% | green300-10%)\n inverse: brandColor.grey000, // For elements used on top of success/default. Used for text, icon or border\n defaultHover: '#166429', // For the \"hover\" state of success-default elements\n defaultPressed: '#114b1e', // For the \"pressed\" state of success-default elements\n },\n info: {\n default: brandColor.blue500, // For informational read-only elements. Used for text, background, icon or border\n muted: '#4459ff1a', // For the weakest contrast informational semantic backgrounds.(blue500-10% | blue300-15%)\n inverse: brandColor.grey000, // For elements used on top of info/default. Used for text, icon or border\n },\n flask: {\n default: brandColor.purple500, // For Flask primary accent color.\n inverse: brandColor.grey000, // For elements used on top of flask/default. Used for text, icon or border\n },\n shadow: {\n default: '#0000001a', // For neutral drop shadow color. (black-10% | black-40%)\n primary: '#4459ff33', // For primary drop shadow color. (blue500-20% | blue300-20%)\n error: '#ca354266', // For critical/danger drop shadow color. (red50-20% | red300-20%)\n },\n};\n"]} \ No newline at end of file diff --git a/dist/chunk-J4LS7B7I.js b/dist/chunk-J4LS7B7I.js new file mode 100644 index 00000000..acf31ddb --- /dev/null +++ b/dist/chunk-J4LS7B7I.js @@ -0,0 +1 @@ +"use strict";//# sourceMappingURL=chunk-J4LS7B7I.js.map \ No newline at end of file diff --git a/dist/chunk-J4LS7B7I.js.map b/dist/chunk-J4LS7B7I.js.map new file mode 100644 index 00000000..a464c673 --- /dev/null +++ b/dist/chunk-J4LS7B7I.js.map @@ -0,0 +1 @@ +{"version":3,"sources":[],"names":[],"mappings":""} \ No newline at end of file diff --git a/dist/chunk-JFOLKV5A.mjs b/dist/chunk-JFOLKV5A.mjs new file mode 100644 index 00000000..137c72d9 --- /dev/null +++ b/dist/chunk-JFOLKV5A.mjs @@ -0,0 +1,21 @@ +import { + shadows +} from "./chunk-WX3QHWKN.mjs"; +import { + colors +} from "./chunk-35JJ6V76.mjs"; +import { + typography +} from "./chunk-HAVMFH3M.mjs"; + +// src/js/themes/darkTheme/darkTheme.ts +var darkTheme = { + colors, + typography, + shadows +}; + +export { + darkTheme +}; +//# sourceMappingURL=chunk-JFOLKV5A.mjs.map \ No newline at end of file diff --git a/dist/chunk-JFOLKV5A.mjs.map b/dist/chunk-JFOLKV5A.mjs.map new file mode 100644 index 00000000..50cbc86e --- /dev/null +++ b/dist/chunk-JFOLKV5A.mjs.map @@ -0,0 +1 @@ +{"version":3,"sources":["../src/js/themes/darkTheme/darkTheme.ts"],"sourcesContent":["import { typography } from '../../typography';\nimport type { Theme } from '../types';\nimport { colors } from './colors';\nimport { shadows } from './shadows';\n\nexport const darkTheme: Theme = {\n colors,\n typography,\n shadows,\n};\n"],"mappings":";;;;;;;;;;;AAKO,IAAM,YAAmB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AACF;","names":[]} \ No newline at end of file diff --git a/dist/chunk-JSD4CJVA.js b/dist/chunk-JSD4CJVA.js new file mode 100644 index 00000000..4c5cb1e4 --- /dev/null +++ b/dist/chunk-JSD4CJVA.js @@ -0,0 +1 @@ +"use strict";//# sourceMappingURL=chunk-JSD4CJVA.js.map \ No newline at end of file diff --git a/dist/chunk-JSD4CJVA.js.map b/dist/chunk-JSD4CJVA.js.map new file mode 100644 index 00000000..a464c673 --- /dev/null +++ b/dist/chunk-JSD4CJVA.js.map @@ -0,0 +1 @@ +{"version":3,"sources":[],"names":[],"mappings":""} \ No newline at end of file diff --git a/dist/chunk-K6C24R3B.js b/dist/chunk-K6C24R3B.js new file mode 100644 index 00000000..3306e21d --- /dev/null +++ b/dist/chunk-K6C24R3B.js @@ -0,0 +1,21 @@ +"use strict";Object.defineProperty(exports, "__esModule", {value: true}); + +var _chunkTQYJJJ2Ejs = require('./chunk-TQYJJJ2E.js'); + + +var _chunkPTGHW2EMjs = require('./chunk-PTGHW2EM.js'); + +// src/js/colors/colors.ts +var colors = { + light: { + ..._chunkPTGHW2EMjs.lightTheme.colors + }, + dark: { + ..._chunkTQYJJJ2Ejs.darkTheme.colors + } +}; + + + +exports.colors = colors; +//# sourceMappingURL=chunk-K6C24R3B.js.map \ No newline at end of file diff --git a/dist/chunk-K6C24R3B.js.map b/dist/chunk-K6C24R3B.js.map new file mode 100644 index 00000000..a4d2ca25 --- /dev/null +++ b/dist/chunk-K6C24R3B.js.map @@ -0,0 +1 @@ +{"version":3,"sources":["../src/js/colors/colors.ts"],"names":[],"mappings":";;;;;;;;AAOO,IAAM,SAAS;AAAA,EACpB,OAAO;AAAA,IACL,GAAG,WAAW;AAAA,EAChB;AAAA,EACA,MAAM;AAAA,IACJ,GAAG,UAAU;AAAA,EACf;AACF","sourcesContent":["import { lightTheme, darkTheme } from '../themes';\n\n/**\n * This object is DEPRECATED in favour of the theme objects\n * jest ignores this file when testing coverage\n */\n\nexport const colors = {\n light: {\n ...lightTheme.colors,\n },\n dark: {\n ...darkTheme.colors,\n },\n};\n"]} \ No newline at end of file diff --git a/dist/chunk-KBAVOXT3.js b/dist/chunk-KBAVOXT3.js new file mode 100644 index 00000000..1d4ae4a8 --- /dev/null +++ b/dist/chunk-KBAVOXT3.js @@ -0,0 +1,134 @@ +"use strict";Object.defineProperty(exports, "__esModule", {value: true}); + +var _chunkLN25RJU7js = require('./chunk-LN25RJU7.js'); + +// src/js/themes/darkTheme/colors.ts +var colors = { + background: { + default: _chunkLN25RJU7js.brandColor.grey800, + // For default neutral backgrounds + alternative: _chunkLN25RJU7js.brandColor.grey900, + // For secondary neutral backgrounds. + defaultHover: "#313235", + // For "hover" states that use background-default. + defaultPressed: "#3f4145", + // For "pressed" states that use background-alternative. + alternativeHover: "#1f2123", + // For "hover" states that use background-alternative. + alternativePressed: "#2e3033", + // For "pressed" states that use background-alternative. + hover: "#ffffff0f", + // For "hover" state that use no background fill. (black-6% | white-6%) + pressed: "#ffffff1f" + // For "pressed" state that use no background fill. (black-12% | white-12%) + }, + text: { + default: _chunkLN25RJU7js.brandColor.grey000, + // For default neutral text. + alternative: _chunkLN25RJU7js.brandColor.grey200, + // For softer contrast neutral text + muted: _chunkLN25RJU7js.brandColor.grey400 + // For the softest contrast neutral text (not accessible) + }, + icon: { + default: _chunkLN25RJU7js.brandColor.grey000, + // For default neutral icons + alternative: _chunkLN25RJU7js.brandColor.grey200, + // For softer neutral icons + muted: _chunkLN25RJU7js.brandColor.grey400 + // For the weakest contrast neutral icons (not accessible) + }, + border: { + default: _chunkLN25RJU7js.brandColor.grey400, + // For soft contrast neutral border + muted: "#858b9a33" + // For the weakest contrast neutral border (grey200-40% | grey400-20%) + }, + overlay: { + default: "#00000066", + // For the default shade of screen (black-40%) + alternative: "#000000cc", + // For a stronger shade of screen (black-80%) + inverse: _chunkLN25RJU7js.brandColor.grey000 + // For elements used on top of overlay/alternative. Used for text, icon or border + }, + primary: { + default: _chunkLN25RJU7js.brandColor.blue300, + // For interactive, active, and selected semantics. Used for text, background, icon or border + alternative: _chunkLN25RJU7js.brandColor.blue200, + // For the stronger contrast primary semantic elements. + muted: "#8b99ff26", + // For the weakest contrast primary semantic backgrounds. (blue500-10% | blue300-15%) + inverse: _chunkLN25RJU7js.brandColor.grey900, + // For elements used on top of primary/default. Used for text, icon or border + defaultHover: "#a8b2ff", + // For the "hover" state of primary-default elements + defaultPressed: "#c7ceff" + // For the "pressed" state of primary-default elements + }, + error: { + default: _chunkLN25RJU7js.brandColor.red300, + // For the critical alert semantic elements. Used for text, background, icon or border + alternative: _chunkLN25RJU7js.brandColor.red200, + // For the stronger contrast error semantic elements. + muted: "#ff758426", + // For the weakest contrast critical alert semantic backgrounds. (red500-10% | red300-15%) + inverse: _chunkLN25RJU7js.brandColor.grey900, + // For elements used on top of error/default. Used for text, icon or border + defaultHover: "#ff94a0", + // For the "hover" state of error-default elements. + defaultPressed: "#ffb2bb" + // For the "pressed" state of error-default elements. + }, + warning: { + default: _chunkLN25RJU7js.brandColor.yellow100, + // For the caution alert semantic elements. Used for text, background, icon or border + muted: "#ffd95726", + // For the weakest contrast caution alert semantic backgrounds. (yellow500-10% | yellow100-15%) + inverse: _chunkLN25RJU7js.brandColor.grey900, + // For elements used on top of warning/default. Used for text, icon or border + defaultHover: "#ffe794", + // For the "hover" state of warning-default elements + defaultPressed: "#ffeeb2" + // For the "pressed" state of warning-default elements + }, + success: { + default: _chunkLN25RJU7js.brandColor.green300, + // For the positive semantic elements. Used for text, background, icon or border + muted: "#4cb56426", + // For the weakest contrast positive semantic backgrounds. (green500-10% | green300-10%) + inverse: _chunkLN25RJU7js.brandColor.grey900, + // For elements used on top of success/default. Used for text, icon or border + defaultHover: "#60bd76", + // For the "hover" state of success-default elements + defaultPressed: "#76c688" + // For the "pressed" state of success-default elements + }, + info: { + default: _chunkLN25RJU7js.brandColor.blue300, + // For informational read-only elements. Used for text, background, icon or border + muted: "#8b99ff26", + // For the weakest contrast informational semantic backgrounds.(blue500-10% | blue300-15%) + inverse: _chunkLN25RJU7js.brandColor.grey900 + // For elements used on top of info/default. Used for text, icon or border + }, + flask: { + default: _chunkLN25RJU7js.brandColor.purple300, + // For Flask primary accent color. + inverse: _chunkLN25RJU7js.brandColor.grey900 + // For elements used on top of flask/default. Used for text, icon or border + }, + shadow: { + default: "#00000066", + // For neutral drop shadow color. (black-10% | black-40%) + primary: "#8b99ff33", + // For primary drop shadow color. (blue500-20% | blue300-20%) + error: "#ff758433" + // For critical/danger drop shadow color. (red50-20% | red300-20%) + } +}; + + + +exports.colors = colors; +//# sourceMappingURL=chunk-KBAVOXT3.js.map \ No newline at end of file diff --git a/dist/chunk-KBAVOXT3.js.map b/dist/chunk-KBAVOXT3.js.map new file mode 100644 index 00000000..01498286 --- /dev/null +++ b/dist/chunk-KBAVOXT3.js.map @@ -0,0 +1 @@ +{"version":3,"sources":["../src/js/themes/darkTheme/colors.ts"],"names":[],"mappings":";;;;;AAGO,IAAM,SAAsB;AAAA,EACjC,YAAY;AAAA,IACV,SAAS,WAAW;AAAA;AAAA,IACpB,aAAa,WAAW;AAAA;AAAA,IACxB,cAAc;AAAA;AAAA,IACd,gBAAgB;AAAA;AAAA,IAChB,kBAAkB;AAAA;AAAA,IAClB,oBAAoB;AAAA;AAAA,IACpB,OAAO;AAAA;AAAA,IACP,SAAS;AAAA;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,SAAS,WAAW;AAAA;AAAA,IACpB,aAAa,WAAW;AAAA;AAAA,IACxB,OAAO,WAAW;AAAA;AAAA,EACpB;AAAA,EACA,MAAM;AAAA,IACJ,SAAS,WAAW;AAAA;AAAA,IACpB,aAAa,WAAW;AAAA;AAAA,IACxB,OAAO,WAAW;AAAA;AAAA,EACpB;AAAA,EACA,QAAQ;AAAA,IACN,SAAS,WAAW;AAAA;AAAA,IACpB,OAAO;AAAA;AAAA,EACT;AAAA,EACA,SAAS;AAAA,IACP,SAAS;AAAA;AAAA,IACT,aAAa;AAAA;AAAA,IACb,SAAS,WAAW;AAAA;AAAA,EACtB;AAAA,EACA,SAAS;AAAA,IACP,SAAS,WAAW;AAAA;AAAA,IACpB,aAAa,WAAW;AAAA;AAAA,IACxB,OAAO;AAAA;AAAA,IACP,SAAS,WAAW;AAAA;AAAA,IACpB,cAAc;AAAA;AAAA,IACd,gBAAgB;AAAA;AAAA,EAClB;AAAA,EACA,OAAO;AAAA,IACL,SAAS,WAAW;AAAA;AAAA,IACpB,aAAa,WAAW;AAAA;AAAA,IACxB,OAAO;AAAA;AAAA,IACP,SAAS,WAAW;AAAA;AAAA,IACpB,cAAc;AAAA;AAAA,IACd,gBAAgB;AAAA;AAAA,EAClB;AAAA,EACA,SAAS;AAAA,IACP,SAAS,WAAW;AAAA;AAAA,IACpB,OAAO;AAAA;AAAA,IACP,SAAS,WAAW;AAAA;AAAA,IACpB,cAAc;AAAA;AAAA,IACd,gBAAgB;AAAA;AAAA,EAClB;AAAA,EACA,SAAS;AAAA,IACP,SAAS,WAAW;AAAA;AAAA,IACpB,OAAO;AAAA;AAAA,IACP,SAAS,WAAW;AAAA;AAAA,IACpB,cAAc;AAAA;AAAA,IACd,gBAAgB;AAAA;AAAA,EAClB;AAAA,EACA,MAAM;AAAA,IACJ,SAAS,WAAW;AAAA;AAAA,IACpB,OAAO;AAAA;AAAA,IACP,SAAS,WAAW;AAAA;AAAA,EACtB;AAAA,EACA,OAAO;AAAA,IACL,SAAS,WAAW;AAAA;AAAA,IACpB,SAAS,WAAW;AAAA;AAAA,EACtB;AAAA,EACA,QAAQ;AAAA,IACN,SAAS;AAAA;AAAA,IACT,SAAS;AAAA;AAAA,IACT,OAAO;AAAA;AAAA,EACT;AACF","sourcesContent":["import { brandColor } from '../../brandColor';\nimport type { ThemeColors } from '../types';\n\nexport const colors: ThemeColors = {\n background: {\n default: brandColor.grey800, // For default neutral backgrounds\n alternative: brandColor.grey900, // For secondary neutral backgrounds.\n defaultHover: '#313235', // For \"hover\" states that use background-default.\n defaultPressed: '#3f4145', // For \"pressed\" states that use background-alternative.\n alternativeHover: '#1f2123', // For \"hover\" states that use background-alternative.\n alternativePressed: '#2e3033', // For \"pressed\" states that use background-alternative.\n hover: '#ffffff0f', // For \"hover\" state that use no background fill. (black-6% | white-6%)\n pressed: '#ffffff1f', // For \"pressed\" state that use no background fill. (black-12% | white-12%)\n },\n text: {\n default: brandColor.grey000, // For default neutral text.\n alternative: brandColor.grey200, // For softer contrast neutral text\n muted: brandColor.grey400, // For the softest contrast neutral text (not accessible)\n },\n icon: {\n default: brandColor.grey000, // For default neutral icons\n alternative: brandColor.grey200, // For softer neutral icons\n muted: brandColor.grey400, // For the weakest contrast neutral icons (not accessible)\n },\n border: {\n default: brandColor.grey400, // For soft contrast neutral border\n muted: '#858b9a33', // For the weakest contrast neutral border (grey200-40% | grey400-20%)\n },\n overlay: {\n default: '#00000066', // For the default shade of screen (black-40%)\n alternative: '#000000cc', // For a stronger shade of screen (black-80%)\n inverse: brandColor.grey000, // For elements used on top of overlay/alternative. Used for text, icon or border\n },\n primary: {\n default: brandColor.blue300, // For interactive, active, and selected semantics. Used for text, background, icon or border\n alternative: brandColor.blue200, // For the stronger contrast primary semantic elements.\n muted: '#8b99ff26', // For the weakest contrast primary semantic backgrounds. (blue500-10% | blue300-15%)\n inverse: brandColor.grey900, // For elements used on top of primary/default. Used for text, icon or border\n defaultHover: '#a8b2ff', // For the \"hover\" state of primary-default elements\n defaultPressed: '#c7ceff', // For the \"pressed\" state of primary-default elements\n },\n error: {\n default: brandColor.red300, // For the critical alert semantic elements. Used for text, background, icon or border\n alternative: brandColor.red200, // For the stronger contrast error semantic elements.\n muted: '#ff758426', // For the weakest contrast critical alert semantic backgrounds. (red500-10% | red300-15%)\n inverse: brandColor.grey900, // For elements used on top of error/default. Used for text, icon or border\n defaultHover: '#ff94a0', // For the \"hover\" state of error-default elements.\n defaultPressed: '#ffb2bb', // For the \"pressed\" state of error-default elements.\n },\n warning: {\n default: brandColor.yellow100, // For the caution alert semantic elements. Used for text, background, icon or border\n muted: '#ffd95726', // For the weakest contrast caution alert semantic backgrounds. (yellow500-10% | yellow100-15%)\n inverse: brandColor.grey900, // For elements used on top of warning/default. Used for text, icon or border\n defaultHover: '#ffe794', // For the \"hover\" state of warning-default elements\n defaultPressed: '#ffeeb2', // For the \"pressed\" state of warning-default elements\n },\n success: {\n default: brandColor.green300, // For the positive semantic elements. Used for text, background, icon or border\n muted: '#4cb56426', // For the weakest contrast positive semantic backgrounds. (green500-10% | green300-10%)\n inverse: brandColor.grey900, // For elements used on top of success/default. Used for text, icon or border\n defaultHover: '#60bd76', // For the \"hover\" state of success-default elements\n defaultPressed: '#76c688', // For the \"pressed\" state of success-default elements\n },\n info: {\n default: brandColor.blue300, // For informational read-only elements. Used for text, background, icon or border\n muted: '#8b99ff26', // For the weakest contrast informational semantic backgrounds.(blue500-10% | blue300-15%)\n inverse: brandColor.grey900, // For elements used on top of info/default. Used for text, icon or border\n },\n flask: {\n default: brandColor.purple300, // For Flask primary accent color.\n inverse: brandColor.grey900, // For elements used on top of flask/default. Used for text, icon or border\n },\n shadow: {\n default: '#00000066', // For neutral drop shadow color. (black-10% | black-40%)\n primary: '#8b99ff33', // For primary drop shadow color. (blue500-20% | blue300-20%)\n error: '#ff758433', // For critical/danger drop shadow color. (red50-20% | red300-20%)\n },\n};\n"]} \ No newline at end of file diff --git a/dist/chunk-KLSBX444.mjs b/dist/chunk-KLSBX444.mjs new file mode 100644 index 00000000..076dd0fb --- /dev/null +++ b/dist/chunk-KLSBX444.mjs @@ -0,0 +1 @@ +//# sourceMappingURL=chunk-KLSBX444.mjs.map \ No newline at end of file diff --git a/dist/chunk-KLSBX444.mjs.map b/dist/chunk-KLSBX444.mjs.map new file mode 100644 index 00000000..84c51b28 --- /dev/null +++ b/dist/chunk-KLSBX444.mjs.map @@ -0,0 +1 @@ +{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]} \ No newline at end of file diff --git a/dist/chunk-LN25RJU7.js b/dist/chunk-LN25RJU7.js new file mode 100644 index 00000000..466b8add --- /dev/null +++ b/dist/chunk-LN25RJU7.js @@ -0,0 +1,192 @@ +"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/js/brandColor/brandColor.ts +var brandColor = { + // Grey + grey100: "#dadce5", + // Grey + grey200: "#b7bbc8", + // Grey + grey300: "#9ca1af", + // Grey + grey400: "#858b9a", + // Grey + grey500: "#686e7d", + // Grey + grey600: "#4b505c", + // Grey + grey700: "#31333a", + // Grey + grey800: "#222325", + // Grey + grey900: "#121314", + // Grey + grey1000: "#000000", + // Grey + grey050: "#f3f5f9", + // Grey + grey000: "#ffffff", + // Grey + grey025: "#f7f9fc", + // Blue + blue100: "#d6dbff", + // Blue + blue200: "#adb6fe", + // Blue + blue300: "#8b99ff", + // Blue + blue400: "#6f7eff", + // Blue + blue500: "#4459ff", + // Blue + blue600: "#2c3dc5", + // Blue + blue700: "#1c277f", + // Blue + blue800: "#131b59", + // Blue + blue900: "#0b0f32", + // Blue + blue050: "#f4f5ff", + // Blue + blue025: "#f8f9ff", + // Green + green100: "#c1e6c9", + // Green + green200: "#80cb91", + // Green + green300: "#4cb564", + // Green + green400: "#279f41", + // Green + green500: "#1c7e33", + // Green + green600: "#145d25", + // Green + green700: "#0d3b18", + // Green + green800: "#092912", + // Green + green900: "#051709", + // Green + green050: "#ebf7ee", + // Green + green025: "#f1faf4", + // Red + red100: "#ffd2d5", + // Red + red200: "#ffa1aa", + // Red + red300: "#ff7584", + // Red + red400: "#f74d5e", + // Red + red500: "#ca3542", + // Red + red600: "#952731", + // Red + red700: "#611a20", + // Red + red800: "#431216", + // Red + red900: "#3b0f13", + // Red + red050: "#fff2f3", + // Red + red025: "#fff6f7", + // Yellow + yellow100: "#ffd957", + // Yellow + yellow200: "#f0b034", + // Yellow + yellow300: "#e18f01", + // Yellow + yellow400: "#c37b02", + // Yellow + yellow500: "#9a6300", + // Yellow + yellow600: "#714802", + // Yellow + yellow700: "#482d01", + // Yellow + yellow800: "#321f00", + // Yellow + yellow900: "#1c1100", + // Yellow + yellow050: "#fff5d5", + // Yellow + yellow025: "#fff9e6", + // Orange + orange100: "#ffd4c1", + // Orange + orange200: "#ffa47c", + // Orange + orange300: "#ff7940", + // Orange + orange400: "#f35714", + // Orange + orange500: "#c3420d", + // Orange + orange600: "#932d06", + // Orange + orange700: "#631800", + // Orange + orange800: "#451100", + // Orange + orange900: "#280a00", + // Orange + orange050: "#fff0ea", + // Orange + orange025: "#fff8f5", + // Purple + purple100: "#efd2ff", + // Purple + purple200: "#dfa4ff", + // Purple + purple300: "#d27dff", + // Purple + purple400: "#b864f5", + // Purple + purple500: "#8f44e4", + // Purple + purple600: "#6c2ab2", + // Purple + purple700: "#6c2ab2", + // Purple + purple800: "#380658", + // Purple + purple900: "#280a00", + // Purple + purple050: "#fbf2ff", + // Purple + purple025: "#fcf6ff", + // Lime + lime100: "#b8ef4a", + // Lime + lime200: "#95ca45", + // Lime + lime300: "#7ab040", + // Lime + lime400: "#64993d", + // Lime + lime500: "#457a39", + // Lime + lime600: "#275b35", + // Lime + lime700: "#093a31", + // Lime + lime800: "#012826", + // Lime + lime900: "#011515", + // Lime + lime025: "#effed9", + // Lime + lime050: "#e3febd", + // White + white: "#ffffff", + // Black + black: "#000000" +}; + + + +exports.brandColor = brandColor; +//# sourceMappingURL=chunk-LN25RJU7.js.map \ No newline at end of file diff --git a/dist/chunk-LN25RJU7.js.map b/dist/chunk-LN25RJU7.js.map new file mode 100644 index 00000000..c54becb1 --- /dev/null +++ b/dist/chunk-LN25RJU7.js.map @@ -0,0 +1 @@ +{"version":3,"sources":["../src/js/brandColor/brandColor.ts"],"names":[],"mappings":";AAEO,IAAM,aAAyB;AAAA;AAAA,EAEpC,SAAS;AAAA;AAAA,EAET,SAAS;AAAA;AAAA,EAET,SAAS;AAAA;AAAA,EAET,SAAS;AAAA;AAAA,EAET,SAAS;AAAA;AAAA,EAET,SAAS;AAAA;AAAA,EAET,SAAS;AAAA;AAAA,EAET,SAAS;AAAA;AAAA,EAET,SAAS;AAAA;AAAA,EAET,UAAU;AAAA;AAAA,EAEV,SAAS;AAAA;AAAA,EAET,SAAS;AAAA;AAAA,EAET,SAAS;AAAA;AAAA,EAET,SAAS;AAAA;AAAA,EAET,SAAS;AAAA;AAAA,EAET,SAAS;AAAA;AAAA,EAET,SAAS;AAAA;AAAA,EAET,SAAS;AAAA;AAAA,EAET,SAAS;AAAA;AAAA,EAET,SAAS;AAAA;AAAA,EAET,SAAS;AAAA;AAAA,EAET,SAAS;AAAA;AAAA,EAET,SAAS;AAAA;AAAA,EAET,SAAS;AAAA;AAAA,EAET,UAAU;AAAA;AAAA,EAEV,UAAU;AAAA;AAAA,EAEV,UAAU;AAAA;AAAA,EAEV,UAAU;AAAA;AAAA,EAEV,UAAU;AAAA;AAAA,EAEV,UAAU;AAAA;AAAA,EAEV,UAAU;AAAA;AAAA,EAEV,UAAU;AAAA;AAAA,EAEV,UAAU;AAAA;AAAA,EAEV,UAAU;AAAA;AAAA,EAEV,UAAU;AAAA;AAAA,EAEV,QAAQ;AAAA;AAAA,EAER,QAAQ;AAAA;AAAA,EAER,QAAQ;AAAA;AAAA,EAER,QAAQ;AAAA;AAAA,EAER,QAAQ;AAAA;AAAA,EAER,QAAQ;AAAA;AAAA,EAER,QAAQ;AAAA;AAAA,EAER,QAAQ;AAAA;AAAA,EAER,QAAQ;AAAA;AAAA,EAER,QAAQ;AAAA;AAAA,EAER,QAAQ;AAAA;AAAA,EAER,WAAW;AAAA;AAAA,EAEX,WAAW;AAAA;AAAA,EAEX,WAAW;AAAA;AAAA,EAEX,WAAW;AAAA;AAAA,EAEX,WAAW;AAAA;AAAA,EAEX,WAAW;AAAA;AAAA,EAEX,WAAW;AAAA;AAAA,EAEX,WAAW;AAAA;AAAA,EAEX,WAAW;AAAA;AAAA,EAEX,WAAW;AAAA;AAAA,EAEX,WAAW;AAAA;AAAA,EAEX,WAAW;AAAA;AAAA,EAEX,WAAW;AAAA;AAAA,EAEX,WAAW;AAAA;AAAA,EAEX,WAAW;AAAA;AAAA,EAEX,WAAW;AAAA;AAAA,EAEX,WAAW;AAAA;AAAA,EAEX,WAAW;AAAA;AAAA,EAEX,WAAW;AAAA;AAAA,EAEX,WAAW;AAAA;AAAA,EAEX,WAAW;AAAA;AAAA,EAEX,WAAW;AAAA;AAAA,EAEX,WAAW;AAAA;AAAA,EAEX,WAAW;AAAA;AAAA,EAEX,WAAW;AAAA;AAAA,EAEX,WAAW;AAAA;AAAA,EAEX,WAAW;AAAA;AAAA,EAEX,WAAW;AAAA;AAAA,EAEX,WAAW;AAAA;AAAA,EAEX,WAAW;AAAA;AAAA,EAEX,WAAW;AAAA;AAAA,EAEX,WAAW;AAAA;AAAA,EAEX,WAAW;AAAA;AAAA,EAEX,SAAS;AAAA;AAAA,EAET,SAAS;AAAA;AAAA,EAET,SAAS;AAAA;AAAA,EAET,SAAS;AAAA;AAAA,EAET,SAAS;AAAA;AAAA,EAET,SAAS;AAAA;AAAA,EAET,SAAS;AAAA;AAAA,EAET,SAAS;AAAA;AAAA,EAET,SAAS;AAAA;AAAA,EAET,SAAS;AAAA;AAAA,EAET,SAAS;AAAA;AAAA,EAET,OAAO;AAAA;AAAA,EAEP,OAAO;AACT","sourcesContent":["import type { BrandColor } from './brandColor.types';\n\nexport const brandColor: BrandColor = {\n // Grey\n grey100: '#dadce5',\n // Grey\n grey200: '#b7bbc8',\n // Grey\n grey300: '#9ca1af',\n // Grey\n grey400: '#858b9a',\n // Grey\n grey500: '#686e7d',\n // Grey\n grey600: '#4b505c',\n // Grey\n grey700: '#31333a',\n // Grey\n grey800: '#222325',\n // Grey\n grey900: '#121314',\n // Grey\n grey1000: '#000000',\n // Grey\n grey050: '#f3f5f9',\n // Grey\n grey000: '#ffffff',\n // Grey\n grey025: '#f7f9fc',\n // Blue\n blue100: '#d6dbff',\n // Blue\n blue200: '#adb6fe',\n // Blue\n blue300: '#8b99ff',\n // Blue\n blue400: '#6f7eff',\n // Blue\n blue500: '#4459ff',\n // Blue\n blue600: '#2c3dc5',\n // Blue\n blue700: '#1c277f',\n // Blue\n blue800: '#131b59',\n // Blue\n blue900: '#0b0f32',\n // Blue\n blue050: '#f4f5ff',\n // Blue\n blue025: '#f8f9ff',\n // Green\n green100: '#c1e6c9',\n // Green\n green200: '#80cb91',\n // Green\n green300: '#4cb564',\n // Green\n green400: '#279f41',\n // Green\n green500: '#1c7e33',\n // Green\n green600: '#145d25',\n // Green\n green700: '#0d3b18',\n // Green\n green800: '#092912',\n // Green\n green900: '#051709',\n // Green\n green050: '#ebf7ee',\n // Green\n green025: '#f1faf4',\n // Red\n red100: '#ffd2d5',\n // Red\n red200: '#ffa1aa',\n // Red\n red300: '#ff7584',\n // Red\n red400: '#f74d5e',\n // Red\n red500: '#ca3542',\n // Red\n red600: '#952731',\n // Red\n red700: '#611a20',\n // Red\n red800: '#431216',\n // Red\n red900: '#3b0f13',\n // Red\n red050: '#fff2f3',\n // Red\n red025: '#fff6f7',\n // Yellow\n yellow100: '#ffd957',\n // Yellow\n yellow200: '#f0b034',\n // Yellow\n yellow300: '#e18f01',\n // Yellow\n yellow400: '#c37b02',\n // Yellow\n yellow500: '#9a6300',\n // Yellow\n yellow600: '#714802',\n // Yellow\n yellow700: '#482d01',\n // Yellow\n yellow800: '#321f00',\n // Yellow\n yellow900: '#1c1100',\n // Yellow\n yellow050: '#fff5d5',\n // Yellow\n yellow025: '#fff9e6',\n // Orange\n orange100: '#ffd4c1',\n // Orange\n orange200: '#ffa47c',\n // Orange\n orange300: '#ff7940',\n // Orange\n orange400: '#f35714',\n // Orange\n orange500: '#c3420d',\n // Orange\n orange600: '#932d06',\n // Orange\n orange700: '#631800',\n // Orange\n orange800: '#451100',\n // Orange\n orange900: '#280a00',\n // Orange\n orange050: '#fff0ea',\n // Orange\n orange025: '#fff8f5',\n // Purple\n purple100: '#efd2ff',\n // Purple\n purple200: '#dfa4ff',\n // Purple\n purple300: '#d27dff',\n // Purple\n purple400: '#b864f5',\n // Purple\n purple500: '#8f44e4',\n // Purple\n purple600: '#6c2ab2',\n // Purple\n purple700: '#6c2ab2',\n // Purple\n purple800: '#380658',\n // Purple\n purple900: '#280a00',\n // Purple\n purple050: '#fbf2ff',\n // Purple\n purple025: '#fcf6ff',\n // Lime\n lime100: '#b8ef4a',\n // Lime\n lime200: '#95ca45',\n // Lime\n lime300: '#7ab040',\n // Lime\n lime400: '#64993d',\n // Lime\n lime500: '#457a39',\n // Lime\n lime600: '#275b35',\n // Lime\n lime700: '#093a31',\n // Lime\n lime800: '#012826',\n // Lime\n lime900: '#011515',\n // Lime\n lime025: '#effed9',\n // Lime\n lime050: '#e3febd',\n // White\n white: '#ffffff',\n // Black\n black: '#000000',\n};\n"]} \ No newline at end of file diff --git a/dist/chunk-LONLRSC2.js b/dist/chunk-LONLRSC2.js new file mode 100644 index 00000000..dfd5e144 --- /dev/null +++ b/dist/chunk-LONLRSC2.js @@ -0,0 +1,9 @@ +"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/js/typography/fontFamilies.ts +var fontFamilies = { + euclidCircularB: "Euclid Circular B" +}; + + + +exports.fontFamilies = fontFamilies; +//# sourceMappingURL=chunk-LONLRSC2.js.map \ No newline at end of file diff --git a/dist/chunk-LONLRSC2.js.map b/dist/chunk-LONLRSC2.js.map new file mode 100644 index 00000000..264f16cf --- /dev/null +++ b/dist/chunk-LONLRSC2.js.map @@ -0,0 +1 @@ +{"version":3,"sources":["../src/js/typography/fontFamilies.ts"],"names":[],"mappings":";AAAO,IAAM,eAAe;AAAA,EAC1B,iBAAiB;AACnB","sourcesContent":["export const fontFamilies = {\n euclidCircularB: 'Euclid Circular B',\n};\n"]} \ No newline at end of file diff --git a/dist/chunk-MVWS47QQ.mjs b/dist/chunk-MVWS47QQ.mjs new file mode 100644 index 00000000..23a69f02 --- /dev/null +++ b/dist/chunk-MVWS47QQ.mjs @@ -0,0 +1,50 @@ +import { + colors +} from "./chunk-SOFQOO3T.mjs"; + +// src/js/themes/lightTheme/shadows.ts +var shadows = { + size: { + xs: { + shadowColor: colors.shadow.default, + shadowOffset: { + width: 0, + height: 2 + }, + shadowOpacity: 1, + shadowRadius: 4 + }, + sm: { + shadowColor: colors.shadow.default, + shadowOffset: { + width: 0, + height: 2 + }, + shadowOpacity: 1, + shadowRadius: 8 + }, + md: { + shadowColor: colors.shadow.default, + shadowOffset: { + width: 0, + height: 2 + }, + shadowOpacity: 1, + shadowRadius: 16 + }, + lg: { + shadowColor: colors.shadow.default, + shadowOffset: { + width: 0, + height: 2 + }, + shadowOpacity: 1, + shadowRadius: 40 + } + } +}; + +export { + shadows +}; +//# sourceMappingURL=chunk-MVWS47QQ.mjs.map \ No newline at end of file diff --git a/dist/chunk-MVWS47QQ.mjs.map b/dist/chunk-MVWS47QQ.mjs.map new file mode 100644 index 00000000..44e0b6b0 --- /dev/null +++ b/dist/chunk-MVWS47QQ.mjs.map @@ -0,0 +1 @@ +{"version":3,"sources":["../src/js/themes/lightTheme/shadows.ts"],"sourcesContent":["import type { ThemeShadows } from '../types';\nimport { colors } from './colors';\n\nexport const shadows: ThemeShadows = {\n size: {\n xs: {\n shadowColor: colors.shadow.default,\n shadowOffset: {\n width: 0,\n height: 2,\n },\n shadowOpacity: 1,\n shadowRadius: 4,\n },\n sm: {\n shadowColor: colors.shadow.default,\n shadowOffset: {\n width: 0,\n height: 2,\n },\n shadowOpacity: 1,\n shadowRadius: 8,\n },\n md: {\n shadowColor: colors.shadow.default,\n shadowOffset: {\n width: 0,\n height: 2,\n },\n shadowOpacity: 1,\n shadowRadius: 16,\n },\n lg: {\n shadowColor: colors.shadow.default,\n shadowOffset: {\n width: 0,\n height: 2,\n },\n shadowOpacity: 1,\n shadowRadius: 40,\n },\n },\n};\n"],"mappings":";;;;;AAGO,IAAM,UAAwB;AAAA,EACnC,MAAM;AAAA,IACJ,IAAI;AAAA,MACF,aAAa,OAAO,OAAO;AAAA,MAC3B,cAAc;AAAA,QACZ,OAAO;AAAA,QACP,QAAQ;AAAA,MACV;AAAA,MACA,eAAe;AAAA,MACf,cAAc;AAAA,IAChB;AAAA,IACA,IAAI;AAAA,MACF,aAAa,OAAO,OAAO;AAAA,MAC3B,cAAc;AAAA,QACZ,OAAO;AAAA,QACP,QAAQ;AAAA,MACV;AAAA,MACA,eAAe;AAAA,MACf,cAAc;AAAA,IAChB;AAAA,IACA,IAAI;AAAA,MACF,aAAa,OAAO,OAAO;AAAA,MAC3B,cAAc;AAAA,QACZ,OAAO;AAAA,QACP,QAAQ;AAAA,MACV;AAAA,MACA,eAAe;AAAA,MACf,cAAc;AAAA,IAChB;AAAA,IACA,IAAI;AAAA,MACF,aAAa,OAAO,OAAO;AAAA,MAC3B,cAAc;AAAA,QACZ,OAAO;AAAA,QACP,QAAQ;AAAA,MACV;AAAA,MACA,eAAe;AAAA,MACf,cAAc;AAAA,IAChB;AAAA,EACF;AACF;","names":[]} \ No newline at end of file diff --git a/dist/chunk-OIQON57J.js b/dist/chunk-OIQON57J.js new file mode 100644 index 00000000..056b18d4 --- /dev/null +++ b/dist/chunk-OIQON57J.js @@ -0,0 +1,50 @@ +"use strict";Object.defineProperty(exports, "__esModule", {value: true}); + +var _chunkKBAVOXT3js = require('./chunk-KBAVOXT3.js'); + +// src/js/themes/darkTheme/shadows.ts +var shadows = { + size: { + xs: { + shadowColor: _chunkKBAVOXT3js.colors.shadow.default, + shadowOffset: { + width: 0, + height: 2 + }, + shadowOpacity: 1, + shadowRadius: 4 + }, + sm: { + shadowColor: _chunkKBAVOXT3js.colors.shadow.default, + shadowOffset: { + width: 0, + height: 2 + }, + shadowOpacity: 1, + shadowRadius: 8 + }, + md: { + shadowColor: _chunkKBAVOXT3js.colors.shadow.default, + shadowOffset: { + width: 0, + height: 2 + }, + shadowOpacity: 1, + shadowRadius: 16 + }, + lg: { + shadowColor: _chunkKBAVOXT3js.colors.shadow.default, + shadowOffset: { + width: 0, + height: 2 + }, + shadowOpacity: 1, + shadowRadius: 40 + } + } +}; + + + +exports.shadows = shadows; +//# sourceMappingURL=chunk-OIQON57J.js.map \ No newline at end of file diff --git a/dist/chunk-OIQON57J.js.map b/dist/chunk-OIQON57J.js.map new file mode 100644 index 00000000..95063b9e --- /dev/null +++ b/dist/chunk-OIQON57J.js.map @@ -0,0 +1 @@ +{"version":3,"sources":["../src/js/themes/darkTheme/shadows.ts"],"names":[],"mappings":";;;;;AAGO,IAAM,UAAwB;AAAA,EACnC,MAAM;AAAA,IACJ,IAAI;AAAA,MACF,aAAa,OAAO,OAAO;AAAA,MAC3B,cAAc;AAAA,QACZ,OAAO;AAAA,QACP,QAAQ;AAAA,MACV;AAAA,MACA,eAAe;AAAA,MACf,cAAc;AAAA,IAChB;AAAA,IACA,IAAI;AAAA,MACF,aAAa,OAAO,OAAO;AAAA,MAC3B,cAAc;AAAA,QACZ,OAAO;AAAA,QACP,QAAQ;AAAA,MACV;AAAA,MACA,eAAe;AAAA,MACf,cAAc;AAAA,IAChB;AAAA,IACA,IAAI;AAAA,MACF,aAAa,OAAO,OAAO;AAAA,MAC3B,cAAc;AAAA,QACZ,OAAO;AAAA,QACP,QAAQ;AAAA,MACV;AAAA,MACA,eAAe;AAAA,MACf,cAAc;AAAA,IAChB;AAAA,IACA,IAAI;AAAA,MACF,aAAa,OAAO,OAAO;AAAA,MAC3B,cAAc;AAAA,QACZ,OAAO;AAAA,QACP,QAAQ;AAAA,MACV;AAAA,MACA,eAAe;AAAA,MACf,cAAc;AAAA,IAChB;AAAA,EACF;AACF","sourcesContent":["import type { ThemeShadows } from '../types';\nimport { colors } from './colors';\n\nexport const shadows: ThemeShadows = {\n size: {\n xs: {\n shadowColor: colors.shadow.default,\n shadowOffset: {\n width: 0,\n height: 2,\n },\n shadowOpacity: 1,\n shadowRadius: 4,\n },\n sm: {\n shadowColor: colors.shadow.default,\n shadowOffset: {\n width: 0,\n height: 2,\n },\n shadowOpacity: 1,\n shadowRadius: 8,\n },\n md: {\n shadowColor: colors.shadow.default,\n shadowOffset: {\n width: 0,\n height: 2,\n },\n shadowOpacity: 1,\n shadowRadius: 16,\n },\n lg: {\n shadowColor: colors.shadow.default,\n shadowOffset: {\n width: 0,\n height: 2,\n },\n shadowOpacity: 1,\n shadowRadius: 40,\n },\n },\n};\n"]} \ No newline at end of file diff --git a/dist/chunk-PTGHW2EM.js b/dist/chunk-PTGHW2EM.js new file mode 100644 index 00000000..5e6c4eda --- /dev/null +++ b/dist/chunk-PTGHW2EM.js @@ -0,0 +1,21 @@ +"use strict";Object.defineProperty(exports, "__esModule", {value: true}); + +var _chunkEVAMH3JUjs = require('./chunk-EVAMH3JU.js'); + + +var _chunkIXR4OIUGjs = require('./chunk-IXR4OIUG.js'); + + +var _chunkU6CWNRHFjs = require('./chunk-U6CWNRHF.js'); + +// src/js/themes/lightTheme/lightTheme.ts +var lightTheme = { + colors: _chunkIXR4OIUGjs.colors, + typography: _chunkU6CWNRHFjs.typography, + shadows: _chunkEVAMH3JUjs.shadows +}; + + + +exports.lightTheme = lightTheme; +//# sourceMappingURL=chunk-PTGHW2EM.js.map \ No newline at end of file diff --git a/dist/chunk-PTGHW2EM.js.map b/dist/chunk-PTGHW2EM.js.map new file mode 100644 index 00000000..f9d1b4d7 --- /dev/null +++ b/dist/chunk-PTGHW2EM.js.map @@ -0,0 +1 @@ +{"version":3,"sources":["../src/js/themes/lightTheme/lightTheme.ts"],"names":[],"mappings":";;;;;;;;;;;AAKO,IAAM,aAAoB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AACF","sourcesContent":["import { typography } from '../../typography';\nimport type { Theme } from '../types';\nimport { colors } from './colors';\nimport { shadows } from './shadows';\n\nexport const lightTheme: Theme = {\n colors,\n typography,\n shadows,\n};\n"]} \ No newline at end of file diff --git a/dist/chunk-QOVSVHQG.js b/dist/chunk-QOVSVHQG.js new file mode 100644 index 00000000..5c129e99 --- /dev/null +++ b/dist/chunk-QOVSVHQG.js @@ -0,0 +1 @@ +"use strict";//# sourceMappingURL=chunk-QOVSVHQG.js.map \ No newline at end of file diff --git a/dist/chunk-QOVSVHQG.js.map b/dist/chunk-QOVSVHQG.js.map new file mode 100644 index 00000000..a464c673 --- /dev/null +++ b/dist/chunk-QOVSVHQG.js.map @@ -0,0 +1 @@ +{"version":3,"sources":[],"names":[],"mappings":""} \ No newline at end of file diff --git a/dist/chunk-R4HHKA64.mjs b/dist/chunk-R4HHKA64.mjs new file mode 100644 index 00000000..e33136d8 --- /dev/null +++ b/dist/chunk-R4HHKA64.mjs @@ -0,0 +1,15 @@ +// src/js/typography/lineHeights.ts +var lineHeights = { + lineHeight1: 16, + lineHeight2: 20, + lineHeight3: 22, + lineHeight4: 24, + lineHeight5: 32, + lineHeight6: 40, + lineHeight7: 56 +}; + +export { + lineHeights +}; +//# sourceMappingURL=chunk-R4HHKA64.mjs.map \ No newline at end of file diff --git a/dist/chunk-R4HHKA64.mjs.map b/dist/chunk-R4HHKA64.mjs.map new file mode 100644 index 00000000..19f69071 --- /dev/null +++ b/dist/chunk-R4HHKA64.mjs.map @@ -0,0 +1 @@ +{"version":3,"sources":["../src/js/typography/lineHeights.ts"],"sourcesContent":["export const lineHeights = {\n lineHeight1: 16,\n lineHeight2: 20,\n lineHeight3: 22,\n lineHeight4: 24,\n lineHeight5: 32,\n lineHeight6: 40,\n lineHeight7: 56,\n};\n"],"mappings":";AAAO,IAAM,cAAc;AAAA,EACzB,aAAa;AAAA,EACb,aAAa;AAAA,EACb,aAAa;AAAA,EACb,aAAa;AAAA,EACb,aAAa;AAAA,EACb,aAAa;AAAA,EACb,aAAa;AACf;","names":[]} \ No newline at end of file diff --git a/dist/chunk-RS62Z6R2.js b/dist/chunk-RS62Z6R2.js new file mode 100644 index 00000000..73e0d42c --- /dev/null +++ b/dist/chunk-RS62Z6R2.js @@ -0,0 +1,15 @@ +"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/js/typography/lineHeights.ts +var lineHeights = { + lineHeight1: 16, + lineHeight2: 20, + lineHeight3: 22, + lineHeight4: 24, + lineHeight5: 32, + lineHeight6: 40, + lineHeight7: 56 +}; + + + +exports.lineHeights = lineHeights; +//# sourceMappingURL=chunk-RS62Z6R2.js.map \ No newline at end of file diff --git a/dist/chunk-RS62Z6R2.js.map b/dist/chunk-RS62Z6R2.js.map new file mode 100644 index 00000000..85b68db6 --- /dev/null +++ b/dist/chunk-RS62Z6R2.js.map @@ -0,0 +1 @@ +{"version":3,"sources":["../src/js/typography/lineHeights.ts"],"names":[],"mappings":";AAAO,IAAM,cAAc;AAAA,EACzB,aAAa;AAAA,EACb,aAAa;AAAA,EACb,aAAa;AAAA,EACb,aAAa;AAAA,EACb,aAAa;AAAA,EACb,aAAa;AAAA,EACb,aAAa;AACf","sourcesContent":["export const lineHeights = {\n lineHeight1: 16,\n lineHeight2: 20,\n lineHeight3: 22,\n lineHeight4: 24,\n lineHeight5: 32,\n lineHeight6: 40,\n lineHeight7: 56,\n};\n"]} \ No newline at end of file diff --git a/dist/chunk-SER5UWJS.js b/dist/chunk-SER5UWJS.js new file mode 100644 index 00000000..23e34acc --- /dev/null +++ b/dist/chunk-SER5UWJS.js @@ -0,0 +1,10 @@ +"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/js/typography/letterSpacing.ts +var letterSpacing = { + letterSpacing0: 0, + letterSpacing1: 0.25 +}; + + + +exports.letterSpacing = letterSpacing; +//# sourceMappingURL=chunk-SER5UWJS.js.map \ No newline at end of file diff --git a/dist/chunk-SER5UWJS.js.map b/dist/chunk-SER5UWJS.js.map new file mode 100644 index 00000000..564994fc --- /dev/null +++ b/dist/chunk-SER5UWJS.js.map @@ -0,0 +1 @@ +{"version":3,"sources":["../src/js/typography/letterSpacing.ts"],"names":[],"mappings":";AAAO,IAAM,gBAAgB;AAAA,EAC3B,gBAAgB;AAAA,EAChB,gBAAgB;AAClB","sourcesContent":["export const letterSpacing = {\n letterSpacing0: 0,\n letterSpacing1: 0.25,\n};\n"]} \ No newline at end of file diff --git a/dist/chunk-SOFQOO3T.mjs b/dist/chunk-SOFQOO3T.mjs new file mode 100644 index 00000000..21f00578 --- /dev/null +++ b/dist/chunk-SOFQOO3T.mjs @@ -0,0 +1,134 @@ +import { + brandColor +} from "./chunk-DBW6SE3C.mjs"; + +// src/js/themes/lightTheme/colors.ts +var colors = { + background: { + default: brandColor.grey000, + // For default neutral backgrounds + alternative: brandColor.grey050, + // For secondary neutral backgrounds. + defaultHover: "#f0f0f0", + // For "hover" states that use background-default. + defaultPressed: "#e0e0e0", + // For "pressed" states that use background-alternative. + alternativeHover: "#dde3ee", + // For "hover" states that use background-alternative. + alternativePressed: "#c9d2e4", + // For "pressed" states that use background-alternative. + hover: "#0000000f", + // For "hover" state that use no background fill. (black-6% | white-6%) + pressed: "#0000001f" + // For "pressed" state that use no background fill. (black-12% | white-12%) + }, + text: { + default: brandColor.grey900, + // For default neutral text. + alternative: brandColor.grey500, + // For softer contrast neutral text + muted: brandColor.grey300 + // For the softest contrast neutral text (not accessible) + }, + icon: { + default: brandColor.grey900, + // For default neutral icons + alternative: brandColor.grey500, + // For softer neutral icons + muted: brandColor.grey300 + // For the weakest contrast neutral icons (not accessible) + }, + border: { + default: brandColor.grey200, + // For soft contrast neutral border + muted: "#b7bbc866" + // For the weakest contrast neutral border (grey200-40% | grey400-20%) + }, + overlay: { + default: "#00000066", + // For the default shade of screen (black-40%) + alternative: "#000000cc", + // For a stronger shade of screen (black-80%) + inverse: brandColor.grey000 + // For elements used on top of overlay/alternative. Used for text, icon or border + }, + primary: { + default: brandColor.blue500, + // For interactive, active, and selected semantics. Used for text, background, icon or border + alternative: brandColor.blue600, + // For the stronger contrast primary semantic elements. + muted: "#4459ff1a", + // For the weakest contrast primary semantic backgrounds. (blue500-10% | blue300-15%) + inverse: brandColor.grey000, + // For elements used on top of primary/default. Used for text, icon or border + defaultHover: "#243cff", + // For the "hover" state of primary-default elements + defaultPressed: "#0521ff" + // For the "pressed" state of primary-default elements + }, + error: { + default: brandColor.red500, + // For the critical alert semantic elements. Used for text, background, icon or border + alternative: brandColor.red600, + // For the stronger contrast error semantic elements. + muted: "#ca35421a", + // For the weakest contrast critical alert semantic backgrounds. (red500-10% | red300-15%) + inverse: brandColor.grey000, + // For elements used on top of error/default. Used for text, icon or border + defaultHover: "#b22f3a", + // For the "hover" state of error-default elements. + defaultPressed: "#9a2832" + // For the "pressed" state of error-default elements. + }, + warning: { + default: brandColor.yellow500, + // For the caution alert semantic elements. Used for text, background, icon or border + muted: "#9a63001a", + // For the weakest contrast caution alert semantic backgrounds. (yellow500-10% | yellow100-15%) + inverse: brandColor.grey000, + // For elements used on top of warning/default. Used for text, icon or border + defaultHover: "#7a4f00", + // For the "hover" state of warning-default elements + defaultPressed: "#5c3b00" + // For the "pressed" state of warning-default elements + }, + success: { + default: brandColor.green500, + // For the positive semantic elements. Used for text, background, icon or border + muted: "#1c7e331a", + // For the weakest contrast positive semantic backgrounds. (green500-10% | green300-10%) + inverse: brandColor.grey000, + // For elements used on top of success/default. Used for text, icon or border + defaultHover: "#166429", + // For the "hover" state of success-default elements + defaultPressed: "#114b1e" + // For the "pressed" state of success-default elements + }, + info: { + default: brandColor.blue500, + // For informational read-only elements. Used for text, background, icon or border + muted: "#4459ff1a", + // For the weakest contrast informational semantic backgrounds.(blue500-10% | blue300-15%) + inverse: brandColor.grey000 + // For elements used on top of info/default. Used for text, icon or border + }, + flask: { + default: brandColor.purple500, + // For Flask primary accent color. + inverse: brandColor.grey000 + // For elements used on top of flask/default. Used for text, icon or border + }, + shadow: { + default: "#0000001a", + // For neutral drop shadow color. (black-10% | black-40%) + primary: "#4459ff33", + // For primary drop shadow color. (blue500-20% | blue300-20%) + error: "#ca354266" + // For critical/danger drop shadow color. (red50-20% | red300-20%) + } +}; + +export { + colors +}; +//# sourceMappingURL=chunk-SOFQOO3T.mjs.map \ No newline at end of file diff --git a/dist/chunk-SOFQOO3T.mjs.map b/dist/chunk-SOFQOO3T.mjs.map new file mode 100644 index 00000000..2bf9db08 --- /dev/null +++ b/dist/chunk-SOFQOO3T.mjs.map @@ -0,0 +1 @@ +{"version":3,"sources":["../src/js/themes/lightTheme/colors.ts"],"sourcesContent":["import { brandColor } from '../../brandColor';\nimport type { ThemeColors } from '../types';\n\nexport const colors: ThemeColors = {\n background: {\n default: brandColor.grey000, // For default neutral backgrounds\n alternative: brandColor.grey050, // For secondary neutral backgrounds.\n defaultHover: '#f0f0f0', // For \"hover\" states that use background-default.\n defaultPressed: '#e0e0e0', // For \"pressed\" states that use background-alternative.\n alternativeHover: '#dde3ee', // For \"hover\" states that use background-alternative.\n alternativePressed: '#c9d2e4', // For \"pressed\" states that use background-alternative.\n hover: '#0000000f', // For \"hover\" state that use no background fill. (black-6% | white-6%)\n pressed: '#0000001f', // For \"pressed\" state that use no background fill. (black-12% | white-12%)\n },\n text: {\n default: brandColor.grey900, // For default neutral text.\n alternative: brandColor.grey500, // For softer contrast neutral text\n muted: brandColor.grey300, // For the softest contrast neutral text (not accessible)\n },\n icon: {\n default: brandColor.grey900, // For default neutral icons\n alternative: brandColor.grey500, // For softer neutral icons\n muted: brandColor.grey300, // For the weakest contrast neutral icons (not accessible)\n },\n border: {\n default: brandColor.grey200, // For soft contrast neutral border\n muted: '#b7bbc866', // For the weakest contrast neutral border (grey200-40% | grey400-20%)\n },\n overlay: {\n default: '#00000066', // For the default shade of screen (black-40%)\n alternative: '#000000cc', // For a stronger shade of screen (black-80%)\n inverse: brandColor.grey000, // For elements used on top of overlay/alternative. Used for text, icon or border\n },\n primary: {\n default: brandColor.blue500, // For interactive, active, and selected semantics. Used for text, background, icon or border\n alternative: brandColor.blue600, // For the stronger contrast primary semantic elements.\n muted: '#4459ff1a', // For the weakest contrast primary semantic backgrounds. (blue500-10% | blue300-15%)\n inverse: brandColor.grey000, // For elements used on top of primary/default. Used for text, icon or border\n defaultHover: '#243cff', // For the \"hover\" state of primary-default elements\n defaultPressed: '#0521ff', // For the \"pressed\" state of primary-default elements\n },\n error: {\n default: brandColor.red500, // For the critical alert semantic elements. Used for text, background, icon or border\n alternative: brandColor.red600, // For the stronger contrast error semantic elements.\n muted: '#ca35421a', // For the weakest contrast critical alert semantic backgrounds. (red500-10% | red300-15%)\n inverse: brandColor.grey000, // For elements used on top of error/default. Used for text, icon or border\n defaultHover: '#b22f3a', // For the \"hover\" state of error-default elements.\n defaultPressed: '#9a2832', // For the \"pressed\" state of error-default elements.\n },\n warning: {\n default: brandColor.yellow500, // For the caution alert semantic elements. Used for text, background, icon or border\n muted: '#9a63001a', // For the weakest contrast caution alert semantic backgrounds. (yellow500-10% | yellow100-15%)\n inverse: brandColor.grey000, // For elements used on top of warning/default. Used for text, icon or border\n defaultHover: '#7a4f00', // For the \"hover\" state of warning-default elements\n defaultPressed: '#5c3b00', // For the \"pressed\" state of warning-default elements\n },\n success: {\n default: brandColor.green500, // For the positive semantic elements. Used for text, background, icon or border\n muted: '#1c7e331a', // For the weakest contrast positive semantic backgrounds. (green500-10% | green300-10%)\n inverse: brandColor.grey000, // For elements used on top of success/default. Used for text, icon or border\n defaultHover: '#166429', // For the \"hover\" state of success-default elements\n defaultPressed: '#114b1e', // For the \"pressed\" state of success-default elements\n },\n info: {\n default: brandColor.blue500, // For informational read-only elements. Used for text, background, icon or border\n muted: '#4459ff1a', // For the weakest contrast informational semantic backgrounds.(blue500-10% | blue300-15%)\n inverse: brandColor.grey000, // For elements used on top of info/default. Used for text, icon or border\n },\n flask: {\n default: brandColor.purple500, // For Flask primary accent color.\n inverse: brandColor.grey000, // For elements used on top of flask/default. Used for text, icon or border\n },\n shadow: {\n default: '#0000001a', // For neutral drop shadow color. (black-10% | black-40%)\n primary: '#4459ff33', // For primary drop shadow color. (blue500-20% | blue300-20%)\n error: '#ca354266', // For critical/danger drop shadow color. (red50-20% | red300-20%)\n },\n};\n"],"mappings":";;;;;AAGO,IAAM,SAAsB;AAAA,EACjC,YAAY;AAAA,IACV,SAAS,WAAW;AAAA;AAAA,IACpB,aAAa,WAAW;AAAA;AAAA,IACxB,cAAc;AAAA;AAAA,IACd,gBAAgB;AAAA;AAAA,IAChB,kBAAkB;AAAA;AAAA,IAClB,oBAAoB;AAAA;AAAA,IACpB,OAAO;AAAA;AAAA,IACP,SAAS;AAAA;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,SAAS,WAAW;AAAA;AAAA,IACpB,aAAa,WAAW;AAAA;AAAA,IACxB,OAAO,WAAW;AAAA;AAAA,EACpB;AAAA,EACA,MAAM;AAAA,IACJ,SAAS,WAAW;AAAA;AAAA,IACpB,aAAa,WAAW;AAAA;AAAA,IACxB,OAAO,WAAW;AAAA;AAAA,EACpB;AAAA,EACA,QAAQ;AAAA,IACN,SAAS,WAAW;AAAA;AAAA,IACpB,OAAO;AAAA;AAAA,EACT;AAAA,EACA,SAAS;AAAA,IACP,SAAS;AAAA;AAAA,IACT,aAAa;AAAA;AAAA,IACb,SAAS,WAAW;AAAA;AAAA,EACtB;AAAA,EACA,SAAS;AAAA,IACP,SAAS,WAAW;AAAA;AAAA,IACpB,aAAa,WAAW;AAAA;AAAA,IACxB,OAAO;AAAA;AAAA,IACP,SAAS,WAAW;AAAA;AAAA,IACpB,cAAc;AAAA;AAAA,IACd,gBAAgB;AAAA;AAAA,EAClB;AAAA,EACA,OAAO;AAAA,IACL,SAAS,WAAW;AAAA;AAAA,IACpB,aAAa,WAAW;AAAA;AAAA,IACxB,OAAO;AAAA;AAAA,IACP,SAAS,WAAW;AAAA;AAAA,IACpB,cAAc;AAAA;AAAA,IACd,gBAAgB;AAAA;AAAA,EAClB;AAAA,EACA,SAAS;AAAA,IACP,SAAS,WAAW;AAAA;AAAA,IACpB,OAAO;AAAA;AAAA,IACP,SAAS,WAAW;AAAA;AAAA,IACpB,cAAc;AAAA;AAAA,IACd,gBAAgB;AAAA;AAAA,EAClB;AAAA,EACA,SAAS;AAAA,IACP,SAAS,WAAW;AAAA;AAAA,IACpB,OAAO;AAAA;AAAA,IACP,SAAS,WAAW;AAAA;AAAA,IACpB,cAAc;AAAA;AAAA,IACd,gBAAgB;AAAA;AAAA,EAClB;AAAA,EACA,MAAM;AAAA,IACJ,SAAS,WAAW;AAAA;AAAA,IACpB,OAAO;AAAA;AAAA,IACP,SAAS,WAAW;AAAA;AAAA,EACtB;AAAA,EACA,OAAO;AAAA,IACL,SAAS,WAAW;AAAA;AAAA,IACpB,SAAS,WAAW;AAAA;AAAA,EACtB;AAAA,EACA,QAAQ;AAAA,IACN,SAAS;AAAA;AAAA,IACT,SAAS;AAAA;AAAA,IACT,OAAO;AAAA;AAAA,EACT;AACF;","names":[]} \ No newline at end of file diff --git a/dist/chunk-TIPOTX2S.mjs b/dist/chunk-TIPOTX2S.mjs new file mode 100644 index 00000000..4403dbbb --- /dev/null +++ b/dist/chunk-TIPOTX2S.mjs @@ -0,0 +1 @@ +//# sourceMappingURL=chunk-TIPOTX2S.mjs.map \ No newline at end of file diff --git a/dist/chunk-TIPOTX2S.mjs.map b/dist/chunk-TIPOTX2S.mjs.map new file mode 100644 index 00000000..84c51b28 --- /dev/null +++ b/dist/chunk-TIPOTX2S.mjs.map @@ -0,0 +1 @@ +{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]} \ No newline at end of file diff --git a/dist/chunk-TQYJJJ2E.js b/dist/chunk-TQYJJJ2E.js new file mode 100644 index 00000000..b2b85a05 --- /dev/null +++ b/dist/chunk-TQYJJJ2E.js @@ -0,0 +1,21 @@ +"use strict";Object.defineProperty(exports, "__esModule", {value: true}); + +var _chunkOIQON57Jjs = require('./chunk-OIQON57J.js'); + + +var _chunkKBAVOXT3js = require('./chunk-KBAVOXT3.js'); + + +var _chunkU6CWNRHFjs = require('./chunk-U6CWNRHF.js'); + +// src/js/themes/darkTheme/darkTheme.ts +var darkTheme = { + colors: _chunkKBAVOXT3js.colors, + typography: _chunkU6CWNRHFjs.typography, + shadows: _chunkOIQON57Jjs.shadows +}; + + + +exports.darkTheme = darkTheme; +//# sourceMappingURL=chunk-TQYJJJ2E.js.map \ No newline at end of file diff --git a/dist/chunk-TQYJJJ2E.js.map b/dist/chunk-TQYJJJ2E.js.map new file mode 100644 index 00000000..a00670ca --- /dev/null +++ b/dist/chunk-TQYJJJ2E.js.map @@ -0,0 +1 @@ +{"version":3,"sources":["../src/js/themes/darkTheme/darkTheme.ts"],"names":[],"mappings":";;;;;;;;;;;AAKO,IAAM,YAAmB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AACF","sourcesContent":["import { typography } from '../../typography';\nimport type { Theme } from '../types';\nimport { colors } from './colors';\nimport { shadows } from './shadows';\n\nexport const darkTheme: Theme = {\n colors,\n typography,\n shadows,\n};\n"]} \ No newline at end of file diff --git a/dist/chunk-U3QP5QIZ.mjs b/dist/chunk-U3QP5QIZ.mjs new file mode 100644 index 00000000..39696ef7 --- /dev/null +++ b/dist/chunk-U3QP5QIZ.mjs @@ -0,0 +1 @@ +//# sourceMappingURL=chunk-U3QP5QIZ.mjs.map \ No newline at end of file diff --git a/dist/chunk-U3QP5QIZ.mjs.map b/dist/chunk-U3QP5QIZ.mjs.map new file mode 100644 index 00000000..84c51b28 --- /dev/null +++ b/dist/chunk-U3QP5QIZ.mjs.map @@ -0,0 +1 @@ +{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]} \ No newline at end of file diff --git a/dist/chunk-U6CWNRHF.js b/dist/chunk-U6CWNRHF.js new file mode 100644 index 00000000..ecf2c20f --- /dev/null +++ b/dist/chunk-U6CWNRHF.js @@ -0,0 +1,228 @@ +"use strict";Object.defineProperty(exports, "__esModule", {value: true}); + +var _chunkLONLRSC2js = require('./chunk-LONLRSC2.js'); + + +var _chunk7RM4NVSCjs = require('./chunk-7RM4NVSC.js'); + + +var _chunkY6UTFJGNjs = require('./chunk-Y6UTFJGN.js'); + + +var _chunkSER5UWJSjs = require('./chunk-SER5UWJS.js'); + + +var _chunkRS62Z6R2js = require('./chunk-RS62Z6R2.js'); + +// src/js/typography/typography.ts +var typography = { + sDisplayMD: { + fontFamily: _chunkLONLRSC2js.fontFamilies.euclidCircularB, + fontWeight: _chunkY6UTFJGNjs.fontWeights.bold, + fontSize: _chunk7RM4NVSCjs.fontSizes.fontSize7, + lineHeight: _chunkRS62Z6R2js.lineHeights.lineHeight6, + letterSpacing: _chunkSER5UWJSjs.letterSpacing.letterSpacing0 + }, + sHeadingLG: { + fontFamily: _chunkLONLRSC2js.fontFamilies.euclidCircularB, + fontWeight: _chunkY6UTFJGNjs.fontWeights.bold, + fontSize: _chunk7RM4NVSCjs.fontSizes.fontSize6, + lineHeight: _chunkRS62Z6R2js.lineHeights.lineHeight5, + letterSpacing: _chunkSER5UWJSjs.letterSpacing.letterSpacing0 + }, + sHeadingMD: { + fontFamily: _chunkLONLRSC2js.fontFamilies.euclidCircularB, + fontWeight: _chunkY6UTFJGNjs.fontWeights.bold, + fontSize: _chunk7RM4NVSCjs.fontSizes.fontSize5, + lineHeight: _chunkRS62Z6R2js.lineHeights.lineHeight4, + letterSpacing: _chunkSER5UWJSjs.letterSpacing.letterSpacing0 + }, + sHeadingSM: { + fontFamily: _chunkLONLRSC2js.fontFamilies.euclidCircularB, + fontWeight: _chunkY6UTFJGNjs.fontWeights.bold, + fontSize: _chunk7RM4NVSCjs.fontSizes.fontSize4, + lineHeight: _chunkRS62Z6R2js.lineHeights.lineHeight4, + letterSpacing: _chunkSER5UWJSjs.letterSpacing.letterSpacing0 + }, + /** + * @deprecated [#1] since version 1.9 [#2]. + * [#3] Will be deleted in version 2.0. + */ + sHeadingSMRegular: { + fontFamily: _chunkLONLRSC2js.fontFamilies.euclidCircularB, + fontWeight: _chunkY6UTFJGNjs.fontWeights.regular, + fontSize: _chunk7RM4NVSCjs.fontSizes.fontSize4, + lineHeight: _chunkRS62Z6R2js.lineHeights.lineHeight4, + letterSpacing: _chunkSER5UWJSjs.letterSpacing.letterSpacing0 + }, + sBodyLGMedium: { + fontFamily: _chunkLONLRSC2js.fontFamilies.euclidCircularB, + fontWeight: _chunkY6UTFJGNjs.fontWeights.medium, + fontSize: _chunk7RM4NVSCjs.fontSizes.fontSize4, + lineHeight: _chunkRS62Z6R2js.lineHeights.lineHeight4, + letterSpacing: _chunkSER5UWJSjs.letterSpacing.letterSpacing0 + }, + sBodyMD: { + fontFamily: _chunkLONLRSC2js.fontFamilies.euclidCircularB, + fontWeight: _chunkY6UTFJGNjs.fontWeights.regular, + fontSize: _chunk7RM4NVSCjs.fontSizes.fontSize3, + lineHeight: _chunkRS62Z6R2js.lineHeights.lineHeight3, + letterSpacing: _chunkSER5UWJSjs.letterSpacing.letterSpacing0 + }, + sBodyMDMedium: { + fontFamily: _chunkLONLRSC2js.fontFamilies.euclidCircularB, + fontWeight: _chunkY6UTFJGNjs.fontWeights.medium, + fontSize: _chunk7RM4NVSCjs.fontSizes.fontSize3, + lineHeight: _chunkRS62Z6R2js.lineHeights.lineHeight3, + letterSpacing: _chunkSER5UWJSjs.letterSpacing.letterSpacing0 + }, + sBodyMDBold: { + fontFamily: _chunkLONLRSC2js.fontFamilies.euclidCircularB, + fontWeight: _chunkY6UTFJGNjs.fontWeights.bold, + fontSize: _chunk7RM4NVSCjs.fontSizes.fontSize3, + lineHeight: _chunkRS62Z6R2js.lineHeights.lineHeight3, + letterSpacing: _chunkSER5UWJSjs.letterSpacing.letterSpacing0 + }, + sBodySM: { + fontFamily: _chunkLONLRSC2js.fontFamilies.euclidCircularB, + fontWeight: _chunkY6UTFJGNjs.fontWeights.regular, + fontSize: _chunk7RM4NVSCjs.fontSizes.fontSize2, + lineHeight: _chunkRS62Z6R2js.lineHeights.lineHeight2, + letterSpacing: _chunkSER5UWJSjs.letterSpacing.letterSpacing0 + }, + sBodySMMedium: { + fontFamily: _chunkLONLRSC2js.fontFamilies.euclidCircularB, + fontWeight: _chunkY6UTFJGNjs.fontWeights.medium, + fontSize: _chunk7RM4NVSCjs.fontSizes.fontSize2, + lineHeight: _chunkRS62Z6R2js.lineHeights.lineHeight2, + letterSpacing: _chunkSER5UWJSjs.letterSpacing.letterSpacing0 + }, + sBodySMBold: { + fontFamily: _chunkLONLRSC2js.fontFamilies.euclidCircularB, + fontWeight: _chunkY6UTFJGNjs.fontWeights.bold, + fontSize: _chunk7RM4NVSCjs.fontSizes.fontSize2, + lineHeight: _chunkRS62Z6R2js.lineHeights.lineHeight2, + letterSpacing: _chunkSER5UWJSjs.letterSpacing.letterSpacing0 + }, + sBodyXS: { + fontFamily: _chunkLONLRSC2js.fontFamilies.euclidCircularB, + fontWeight: _chunkY6UTFJGNjs.fontWeights.regular, + fontSize: _chunk7RM4NVSCjs.fontSizes.fontSize1, + lineHeight: _chunkRS62Z6R2js.lineHeights.lineHeight1, + letterSpacing: _chunkSER5UWJSjs.letterSpacing.letterSpacing1 + }, + sBodyXSMedium: { + fontFamily: _chunkLONLRSC2js.fontFamilies.euclidCircularB, + fontWeight: _chunkY6UTFJGNjs.fontWeights.medium, + fontSize: _chunk7RM4NVSCjs.fontSizes.fontSize1, + lineHeight: _chunkRS62Z6R2js.lineHeights.lineHeight1, + letterSpacing: _chunkSER5UWJSjs.letterSpacing.letterSpacing1 + }, + lDisplayMD: { + fontFamily: _chunkLONLRSC2js.fontFamilies.euclidCircularB, + fontWeight: _chunkY6UTFJGNjs.fontWeights.medium, + fontSize: _chunk7RM4NVSCjs.fontSizes.fontSize8, + lineHeight: _chunkRS62Z6R2js.lineHeights.lineHeight7, + letterSpacing: _chunkSER5UWJSjs.letterSpacing.letterSpacing0 + }, + lHeadingLG: { + fontFamily: _chunkLONLRSC2js.fontFamilies.euclidCircularB, + fontWeight: _chunkY6UTFJGNjs.fontWeights.bold, + fontSize: _chunk7RM4NVSCjs.fontSizes.fontSize7, + lineHeight: _chunkRS62Z6R2js.lineHeights.lineHeight6, + letterSpacing: _chunkSER5UWJSjs.letterSpacing.letterSpacing0 + }, + lHeadingMD: { + fontFamily: _chunkLONLRSC2js.fontFamilies.euclidCircularB, + fontWeight: _chunkY6UTFJGNjs.fontWeights.bold, + fontSize: _chunk7RM4NVSCjs.fontSizes.fontSize6, + lineHeight: _chunkRS62Z6R2js.lineHeights.lineHeight5, + letterSpacing: _chunkSER5UWJSjs.letterSpacing.letterSpacing0 + }, + lHeadingSM: { + fontFamily: _chunkLONLRSC2js.fontFamilies.euclidCircularB, + fontWeight: _chunkY6UTFJGNjs.fontWeights.bold, + fontSize: _chunk7RM4NVSCjs.fontSizes.fontSize5, + lineHeight: _chunkRS62Z6R2js.lineHeights.lineHeight4, + letterSpacing: _chunkSER5UWJSjs.letterSpacing.letterSpacing0 + }, + /** + * @deprecated [#1] since version 1.9 [#2]. + * [#3] Will be deleted in version 2.0. + */ + lHeadingSMRegular: { + fontFamily: _chunkLONLRSC2js.fontFamilies.euclidCircularB, + fontWeight: _chunkY6UTFJGNjs.fontWeights.regular, + fontSize: _chunk7RM4NVSCjs.fontSizes.fontSize5, + lineHeight: _chunkRS62Z6R2js.lineHeights.lineHeight4, + letterSpacing: _chunkSER5UWJSjs.letterSpacing.letterSpacing0 + }, + lBodyLGMedium: { + fontFamily: _chunkLONLRSC2js.fontFamilies.euclidCircularB, + fontWeight: _chunkY6UTFJGNjs.fontWeights.medium, + fontSize: _chunk7RM4NVSCjs.fontSizes.fontSize5, + lineHeight: _chunkRS62Z6R2js.lineHeights.lineHeight4, + letterSpacing: _chunkSER5UWJSjs.letterSpacing.letterSpacing0 + }, + lBodyMD: { + fontFamily: _chunkLONLRSC2js.fontFamilies.euclidCircularB, + fontWeight: _chunkY6UTFJGNjs.fontWeights.regular, + fontSize: _chunk7RM4NVSCjs.fontSizes.fontSize4, + lineHeight: _chunkRS62Z6R2js.lineHeights.lineHeight4, + letterSpacing: _chunkSER5UWJSjs.letterSpacing.letterSpacing0 + }, + lBodyMDMedium: { + fontFamily: _chunkLONLRSC2js.fontFamilies.euclidCircularB, + fontWeight: _chunkY6UTFJGNjs.fontWeights.medium, + fontSize: _chunk7RM4NVSCjs.fontSizes.fontSize4, + lineHeight: _chunkRS62Z6R2js.lineHeights.lineHeight4, + letterSpacing: _chunkSER5UWJSjs.letterSpacing.letterSpacing0 + }, + lBodyMDBold: { + fontFamily: _chunkLONLRSC2js.fontFamilies.euclidCircularB, + fontWeight: _chunkY6UTFJGNjs.fontWeights.bold, + fontSize: _chunk7RM4NVSCjs.fontSizes.fontSize4, + lineHeight: _chunkRS62Z6R2js.lineHeights.lineHeight4, + letterSpacing: _chunkSER5UWJSjs.letterSpacing.letterSpacing0 + }, + lBodySM: { + fontFamily: _chunkLONLRSC2js.fontFamilies.euclidCircularB, + fontWeight: _chunkY6UTFJGNjs.fontWeights.regular, + fontSize: _chunk7RM4NVSCjs.fontSizes.fontSize3, + lineHeight: _chunkRS62Z6R2js.lineHeights.lineHeight3, + letterSpacing: _chunkSER5UWJSjs.letterSpacing.letterSpacing0 + }, + lBodySMMedium: { + fontFamily: _chunkLONLRSC2js.fontFamilies.euclidCircularB, + fontWeight: _chunkY6UTFJGNjs.fontWeights.medium, + fontSize: _chunk7RM4NVSCjs.fontSizes.fontSize3, + lineHeight: _chunkRS62Z6R2js.lineHeights.lineHeight3, + letterSpacing: _chunkSER5UWJSjs.letterSpacing.letterSpacing0 + }, + lBodySMBold: { + fontFamily: _chunkLONLRSC2js.fontFamilies.euclidCircularB, + fontWeight: _chunkY6UTFJGNjs.fontWeights.bold, + fontSize: _chunk7RM4NVSCjs.fontSizes.fontSize3, + lineHeight: _chunkRS62Z6R2js.lineHeights.lineHeight3, + letterSpacing: _chunkSER5UWJSjs.letterSpacing.letterSpacing0 + }, + lBodyXS: { + fontFamily: _chunkLONLRSC2js.fontFamilies.euclidCircularB, + fontWeight: _chunkY6UTFJGNjs.fontWeights.regular, + fontSize: _chunk7RM4NVSCjs.fontSizes.fontSize2, + lineHeight: _chunkRS62Z6R2js.lineHeights.lineHeight2, + letterSpacing: _chunkSER5UWJSjs.letterSpacing.letterSpacing1 + }, + lBodyXSMedium: { + fontFamily: _chunkLONLRSC2js.fontFamilies.euclidCircularB, + fontWeight: _chunkY6UTFJGNjs.fontWeights.medium, + fontSize: _chunk7RM4NVSCjs.fontSizes.fontSize2, + lineHeight: _chunkRS62Z6R2js.lineHeights.lineHeight2, + letterSpacing: _chunkSER5UWJSjs.letterSpacing.letterSpacing1 + } +}; + + + +exports.typography = typography; +//# sourceMappingURL=chunk-U6CWNRHF.js.map \ No newline at end of file diff --git a/dist/chunk-U6CWNRHF.js.map b/dist/chunk-U6CWNRHF.js.map new file mode 100644 index 00000000..9929be21 --- /dev/null +++ b/dist/chunk-U6CWNRHF.js.map @@ -0,0 +1 @@ +{"version":3,"sources":["../src/js/typography/typography.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAQO,IAAM,aAA8B;AAAA,EACzC,YAAY;AAAA,IACV,YAAY,aAAa;AAAA,IACzB,YAAY,YAAY;AAAA,IACxB,UAAU,UAAU;AAAA,IACpB,YAAY,YAAY;AAAA,IACxB,eAAe,cAAc;AAAA,EAC/B;AAAA,EACA,YAAY;AAAA,IACV,YAAY,aAAa;AAAA,IACzB,YAAY,YAAY;AAAA,IACxB,UAAU,UAAU;AAAA,IACpB,YAAY,YAAY;AAAA,IACxB,eAAe,cAAc;AAAA,EAC/B;AAAA,EACA,YAAY;AAAA,IACV,YAAY,aAAa;AAAA,IACzB,YAAY,YAAY;AAAA,IACxB,UAAU,UAAU;AAAA,IACpB,YAAY,YAAY;AAAA,IACxB,eAAe,cAAc;AAAA,EAC/B;AAAA,EACA,YAAY;AAAA,IACV,YAAY,aAAa;AAAA,IACzB,YAAY,YAAY;AAAA,IACxB,UAAU,UAAU;AAAA,IACpB,YAAY,YAAY;AAAA,IACxB,eAAe,cAAc;AAAA,EAC/B;AAAA;AAAA;AAAA;AAAA;AAAA,EAKA,mBAAmB;AAAA,IACjB,YAAY,aAAa;AAAA,IACzB,YAAY,YAAY;AAAA,IACxB,UAAU,UAAU;AAAA,IACpB,YAAY,YAAY;AAAA,IACxB,eAAe,cAAc;AAAA,EAC/B;AAAA,EACA,eAAe;AAAA,IACb,YAAY,aAAa;AAAA,IACzB,YAAY,YAAY;AAAA,IACxB,UAAU,UAAU;AAAA,IACpB,YAAY,YAAY;AAAA,IACxB,eAAe,cAAc;AAAA,EAC/B;AAAA,EACA,SAAS;AAAA,IACP,YAAY,aAAa;AAAA,IACzB,YAAY,YAAY;AAAA,IACxB,UAAU,UAAU;AAAA,IACpB,YAAY,YAAY;AAAA,IACxB,eAAe,cAAc;AAAA,EAC/B;AAAA,EACA,eAAe;AAAA,IACb,YAAY,aAAa;AAAA,IACzB,YAAY,YAAY;AAAA,IACxB,UAAU,UAAU;AAAA,IACpB,YAAY,YAAY;AAAA,IACxB,eAAe,cAAc;AAAA,EAC/B;AAAA,EACA,aAAa;AAAA,IACX,YAAY,aAAa;AAAA,IACzB,YAAY,YAAY;AAAA,IACxB,UAAU,UAAU;AAAA,IACpB,YAAY,YAAY;AAAA,IACxB,eAAe,cAAc;AAAA,EAC/B;AAAA,EACA,SAAS;AAAA,IACP,YAAY,aAAa;AAAA,IACzB,YAAY,YAAY;AAAA,IACxB,UAAU,UAAU;AAAA,IACpB,YAAY,YAAY;AAAA,IACxB,eAAe,cAAc;AAAA,EAC/B;AAAA,EACA,eAAe;AAAA,IACb,YAAY,aAAa;AAAA,IACzB,YAAY,YAAY;AAAA,IACxB,UAAU,UAAU;AAAA,IACpB,YAAY,YAAY;AAAA,IACxB,eAAe,cAAc;AAAA,EAC/B;AAAA,EACA,aAAa;AAAA,IACX,YAAY,aAAa;AAAA,IACzB,YAAY,YAAY;AAAA,IACxB,UAAU,UAAU;AAAA,IACpB,YAAY,YAAY;AAAA,IACxB,eAAe,cAAc;AAAA,EAC/B;AAAA,EACA,SAAS;AAAA,IACP,YAAY,aAAa;AAAA,IACzB,YAAY,YAAY;AAAA,IACxB,UAAU,UAAU;AAAA,IACpB,YAAY,YAAY;AAAA,IACxB,eAAe,cAAc;AAAA,EAC/B;AAAA,EACA,eAAe;AAAA,IACb,YAAY,aAAa;AAAA,IACzB,YAAY,YAAY;AAAA,IACxB,UAAU,UAAU;AAAA,IACpB,YAAY,YAAY;AAAA,IACxB,eAAe,cAAc;AAAA,EAC/B;AAAA,EACA,YAAY;AAAA,IACV,YAAY,aAAa;AAAA,IACzB,YAAY,YAAY;AAAA,IACxB,UAAU,UAAU;AAAA,IACpB,YAAY,YAAY;AAAA,IACxB,eAAe,cAAc;AAAA,EAC/B;AAAA,EACA,YAAY;AAAA,IACV,YAAY,aAAa;AAAA,IACzB,YAAY,YAAY;AAAA,IACxB,UAAU,UAAU;AAAA,IACpB,YAAY,YAAY;AAAA,IACxB,eAAe,cAAc;AAAA,EAC/B;AAAA,EACA,YAAY;AAAA,IACV,YAAY,aAAa;AAAA,IACzB,YAAY,YAAY;AAAA,IACxB,UAAU,UAAU;AAAA,IACpB,YAAY,YAAY;AAAA,IACxB,eAAe,cAAc;AAAA,EAC/B;AAAA,EACA,YAAY;AAAA,IACV,YAAY,aAAa;AAAA,IACzB,YAAY,YAAY;AAAA,IACxB,UAAU,UAAU;AAAA,IACpB,YAAY,YAAY;AAAA,IACxB,eAAe,cAAc;AAAA,EAC/B;AAAA;AAAA;AAAA;AAAA;AAAA,EAKA,mBAAmB;AAAA,IACjB,YAAY,aAAa;AAAA,IACzB,YAAY,YAAY;AAAA,IACxB,UAAU,UAAU;AAAA,IACpB,YAAY,YAAY;AAAA,IACxB,eAAe,cAAc;AAAA,EAC/B;AAAA,EACA,eAAe;AAAA,IACb,YAAY,aAAa;AAAA,IACzB,YAAY,YAAY;AAAA,IACxB,UAAU,UAAU;AAAA,IACpB,YAAY,YAAY;AAAA,IACxB,eAAe,cAAc;AAAA,EAC/B;AAAA,EACA,SAAS;AAAA,IACP,YAAY,aAAa;AAAA,IACzB,YAAY,YAAY;AAAA,IACxB,UAAU,UAAU;AAAA,IACpB,YAAY,YAAY;AAAA,IACxB,eAAe,cAAc;AAAA,EAC/B;AAAA,EACA,eAAe;AAAA,IACb,YAAY,aAAa;AAAA,IACzB,YAAY,YAAY;AAAA,IACxB,UAAU,UAAU;AAAA,IACpB,YAAY,YAAY;AAAA,IACxB,eAAe,cAAc;AAAA,EAC/B;AAAA,EACA,aAAa;AAAA,IACX,YAAY,aAAa;AAAA,IACzB,YAAY,YAAY;AAAA,IACxB,UAAU,UAAU;AAAA,IACpB,YAAY,YAAY;AAAA,IACxB,eAAe,cAAc;AAAA,EAC/B;AAAA,EACA,SAAS;AAAA,IACP,YAAY,aAAa;AAAA,IACzB,YAAY,YAAY;AAAA,IACxB,UAAU,UAAU;AAAA,IACpB,YAAY,YAAY;AAAA,IACxB,eAAe,cAAc;AAAA,EAC/B;AAAA,EACA,eAAe;AAAA,IACb,YAAY,aAAa;AAAA,IACzB,YAAY,YAAY;AAAA,IACxB,UAAU,UAAU;AAAA,IACpB,YAAY,YAAY;AAAA,IACxB,eAAe,cAAc;AAAA,EAC/B;AAAA,EACA,aAAa;AAAA,IACX,YAAY,aAAa;AAAA,IACzB,YAAY,YAAY;AAAA,IACxB,UAAU,UAAU;AAAA,IACpB,YAAY,YAAY;AAAA,IACxB,eAAe,cAAc;AAAA,EAC/B;AAAA,EACA,SAAS;AAAA,IACP,YAAY,aAAa;AAAA,IACzB,YAAY,YAAY;AAAA,IACxB,UAAU,UAAU;AAAA,IACpB,YAAY,YAAY;AAAA,IACxB,eAAe,cAAc;AAAA,EAC/B;AAAA,EACA,eAAe;AAAA,IACb,YAAY,aAAa;AAAA,IACzB,YAAY,YAAY;AAAA,IACxB,UAAU,UAAU;AAAA,IACpB,YAAY,YAAY;AAAA,IACxB,eAAe,cAAc;AAAA,EAC/B;AACF","sourcesContent":["import { fontFamilies } from './fontFamilies';\nimport { fontSizes } from './fontSizes';\nimport { fontWeights } from './fontWeights';\nimport { letterSpacing } from './letterSpacing';\nimport { lineHeights } from './lineHeights';\nimport type { ThemeTypography } from './types';\n\n/* eslint-enable jsdoc/check-property-names, jsdoc/tag-lines */\nexport const typography: ThemeTypography = {\n sDisplayMD: {\n fontFamily: fontFamilies.euclidCircularB,\n fontWeight: fontWeights.bold,\n fontSize: fontSizes.fontSize7,\n lineHeight: lineHeights.lineHeight6,\n letterSpacing: letterSpacing.letterSpacing0,\n },\n sHeadingLG: {\n fontFamily: fontFamilies.euclidCircularB,\n fontWeight: fontWeights.bold,\n fontSize: fontSizes.fontSize6,\n lineHeight: lineHeights.lineHeight5,\n letterSpacing: letterSpacing.letterSpacing0,\n },\n sHeadingMD: {\n fontFamily: fontFamilies.euclidCircularB,\n fontWeight: fontWeights.bold,\n fontSize: fontSizes.fontSize5,\n lineHeight: lineHeights.lineHeight4,\n letterSpacing: letterSpacing.letterSpacing0,\n },\n sHeadingSM: {\n fontFamily: fontFamilies.euclidCircularB,\n fontWeight: fontWeights.bold,\n fontSize: fontSizes.fontSize4,\n lineHeight: lineHeights.lineHeight4,\n letterSpacing: letterSpacing.letterSpacing0,\n },\n /**\n * @deprecated [#1] since version 1.9 [#2].\n * [#3] Will be deleted in version 2.0.\n */\n sHeadingSMRegular: {\n fontFamily: fontFamilies.euclidCircularB,\n fontWeight: fontWeights.regular,\n fontSize: fontSizes.fontSize4,\n lineHeight: lineHeights.lineHeight4,\n letterSpacing: letterSpacing.letterSpacing0,\n },\n sBodyLGMedium: {\n fontFamily: fontFamilies.euclidCircularB,\n fontWeight: fontWeights.medium,\n fontSize: fontSizes.fontSize4,\n lineHeight: lineHeights.lineHeight4,\n letterSpacing: letterSpacing.letterSpacing0,\n },\n sBodyMD: {\n fontFamily: fontFamilies.euclidCircularB,\n fontWeight: fontWeights.regular,\n fontSize: fontSizes.fontSize3,\n lineHeight: lineHeights.lineHeight3,\n letterSpacing: letterSpacing.letterSpacing0,\n },\n sBodyMDMedium: {\n fontFamily: fontFamilies.euclidCircularB,\n fontWeight: fontWeights.medium,\n fontSize: fontSizes.fontSize3,\n lineHeight: lineHeights.lineHeight3,\n letterSpacing: letterSpacing.letterSpacing0,\n },\n sBodyMDBold: {\n fontFamily: fontFamilies.euclidCircularB,\n fontWeight: fontWeights.bold,\n fontSize: fontSizes.fontSize3,\n lineHeight: lineHeights.lineHeight3,\n letterSpacing: letterSpacing.letterSpacing0,\n },\n sBodySM: {\n fontFamily: fontFamilies.euclidCircularB,\n fontWeight: fontWeights.regular,\n fontSize: fontSizes.fontSize2,\n lineHeight: lineHeights.lineHeight2,\n letterSpacing: letterSpacing.letterSpacing0,\n },\n sBodySMMedium: {\n fontFamily: fontFamilies.euclidCircularB,\n fontWeight: fontWeights.medium,\n fontSize: fontSizes.fontSize2,\n lineHeight: lineHeights.lineHeight2,\n letterSpacing: letterSpacing.letterSpacing0,\n },\n sBodySMBold: {\n fontFamily: fontFamilies.euclidCircularB,\n fontWeight: fontWeights.bold,\n fontSize: fontSizes.fontSize2,\n lineHeight: lineHeights.lineHeight2,\n letterSpacing: letterSpacing.letterSpacing0,\n },\n sBodyXS: {\n fontFamily: fontFamilies.euclidCircularB,\n fontWeight: fontWeights.regular,\n fontSize: fontSizes.fontSize1,\n lineHeight: lineHeights.lineHeight1,\n letterSpacing: letterSpacing.letterSpacing1,\n },\n sBodyXSMedium: {\n fontFamily: fontFamilies.euclidCircularB,\n fontWeight: fontWeights.medium,\n fontSize: fontSizes.fontSize1,\n lineHeight: lineHeights.lineHeight1,\n letterSpacing: letterSpacing.letterSpacing1,\n },\n lDisplayMD: {\n fontFamily: fontFamilies.euclidCircularB,\n fontWeight: fontWeights.medium,\n fontSize: fontSizes.fontSize8,\n lineHeight: lineHeights.lineHeight7,\n letterSpacing: letterSpacing.letterSpacing0,\n },\n lHeadingLG: {\n fontFamily: fontFamilies.euclidCircularB,\n fontWeight: fontWeights.bold,\n fontSize: fontSizes.fontSize7,\n lineHeight: lineHeights.lineHeight6,\n letterSpacing: letterSpacing.letterSpacing0,\n },\n lHeadingMD: {\n fontFamily: fontFamilies.euclidCircularB,\n fontWeight: fontWeights.bold,\n fontSize: fontSizes.fontSize6,\n lineHeight: lineHeights.lineHeight5,\n letterSpacing: letterSpacing.letterSpacing0,\n },\n lHeadingSM: {\n fontFamily: fontFamilies.euclidCircularB,\n fontWeight: fontWeights.bold,\n fontSize: fontSizes.fontSize5,\n lineHeight: lineHeights.lineHeight4,\n letterSpacing: letterSpacing.letterSpacing0,\n },\n /**\n * @deprecated [#1] since version 1.9 [#2].\n * [#3] Will be deleted in version 2.0.\n */\n lHeadingSMRegular: {\n fontFamily: fontFamilies.euclidCircularB,\n fontWeight: fontWeights.regular,\n fontSize: fontSizes.fontSize5,\n lineHeight: lineHeights.lineHeight4,\n letterSpacing: letterSpacing.letterSpacing0,\n },\n lBodyLGMedium: {\n fontFamily: fontFamilies.euclidCircularB,\n fontWeight: fontWeights.medium,\n fontSize: fontSizes.fontSize5,\n lineHeight: lineHeights.lineHeight4,\n letterSpacing: letterSpacing.letterSpacing0,\n },\n lBodyMD: {\n fontFamily: fontFamilies.euclidCircularB,\n fontWeight: fontWeights.regular,\n fontSize: fontSizes.fontSize4,\n lineHeight: lineHeights.lineHeight4,\n letterSpacing: letterSpacing.letterSpacing0,\n },\n lBodyMDMedium: {\n fontFamily: fontFamilies.euclidCircularB,\n fontWeight: fontWeights.medium,\n fontSize: fontSizes.fontSize4,\n lineHeight: lineHeights.lineHeight4,\n letterSpacing: letterSpacing.letterSpacing0,\n },\n lBodyMDBold: {\n fontFamily: fontFamilies.euclidCircularB,\n fontWeight: fontWeights.bold,\n fontSize: fontSizes.fontSize4,\n lineHeight: lineHeights.lineHeight4,\n letterSpacing: letterSpacing.letterSpacing0,\n },\n lBodySM: {\n fontFamily: fontFamilies.euclidCircularB,\n fontWeight: fontWeights.regular,\n fontSize: fontSizes.fontSize3,\n lineHeight: lineHeights.lineHeight3,\n letterSpacing: letterSpacing.letterSpacing0,\n },\n lBodySMMedium: {\n fontFamily: fontFamilies.euclidCircularB,\n fontWeight: fontWeights.medium,\n fontSize: fontSizes.fontSize3,\n lineHeight: lineHeights.lineHeight3,\n letterSpacing: letterSpacing.letterSpacing0,\n },\n lBodySMBold: {\n fontFamily: fontFamilies.euclidCircularB,\n fontWeight: fontWeights.bold,\n fontSize: fontSizes.fontSize3,\n lineHeight: lineHeights.lineHeight3,\n letterSpacing: letterSpacing.letterSpacing0,\n },\n lBodyXS: {\n fontFamily: fontFamilies.euclidCircularB,\n fontWeight: fontWeights.regular,\n fontSize: fontSizes.fontSize2,\n lineHeight: lineHeights.lineHeight2,\n letterSpacing: letterSpacing.letterSpacing1,\n },\n lBodyXSMedium: {\n fontFamily: fontFamilies.euclidCircularB,\n fontWeight: fontWeights.medium,\n fontSize: fontSizes.fontSize2,\n lineHeight: lineHeights.lineHeight2,\n letterSpacing: letterSpacing.letterSpacing1,\n },\n};\n"]} \ No newline at end of file diff --git a/dist/chunk-UKISWQV3.mjs b/dist/chunk-UKISWQV3.mjs new file mode 100644 index 00000000..d0058561 --- /dev/null +++ b/dist/chunk-UKISWQV3.mjs @@ -0,0 +1,21 @@ +import { + shadows +} from "./chunk-MVWS47QQ.mjs"; +import { + colors +} from "./chunk-SOFQOO3T.mjs"; +import { + typography +} from "./chunk-HAVMFH3M.mjs"; + +// src/js/themes/lightTheme/lightTheme.ts +var lightTheme = { + colors, + typography, + shadows +}; + +export { + lightTheme +}; +//# sourceMappingURL=chunk-UKISWQV3.mjs.map \ No newline at end of file diff --git a/dist/chunk-UKISWQV3.mjs.map b/dist/chunk-UKISWQV3.mjs.map new file mode 100644 index 00000000..8ab01b82 --- /dev/null +++ b/dist/chunk-UKISWQV3.mjs.map @@ -0,0 +1 @@ +{"version":3,"sources":["../src/js/themes/lightTheme/lightTheme.ts"],"sourcesContent":["import { typography } from '../../typography';\nimport type { Theme } from '../types';\nimport { colors } from './colors';\nimport { shadows } from './shadows';\n\nexport const lightTheme: Theme = {\n colors,\n typography,\n shadows,\n};\n"],"mappings":";;;;;;;;;;;AAKO,IAAM,aAAoB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AACF;","names":[]} \ No newline at end of file diff --git a/dist/chunk-WX3QHWKN.mjs b/dist/chunk-WX3QHWKN.mjs new file mode 100644 index 00000000..d43da05f --- /dev/null +++ b/dist/chunk-WX3QHWKN.mjs @@ -0,0 +1,50 @@ +import { + colors +} from "./chunk-35JJ6V76.mjs"; + +// src/js/themes/darkTheme/shadows.ts +var shadows = { + size: { + xs: { + shadowColor: colors.shadow.default, + shadowOffset: { + width: 0, + height: 2 + }, + shadowOpacity: 1, + shadowRadius: 4 + }, + sm: { + shadowColor: colors.shadow.default, + shadowOffset: { + width: 0, + height: 2 + }, + shadowOpacity: 1, + shadowRadius: 8 + }, + md: { + shadowColor: colors.shadow.default, + shadowOffset: { + width: 0, + height: 2 + }, + shadowOpacity: 1, + shadowRadius: 16 + }, + lg: { + shadowColor: colors.shadow.default, + shadowOffset: { + width: 0, + height: 2 + }, + shadowOpacity: 1, + shadowRadius: 40 + } + } +}; + +export { + shadows +}; +//# sourceMappingURL=chunk-WX3QHWKN.mjs.map \ No newline at end of file diff --git a/dist/chunk-WX3QHWKN.mjs.map b/dist/chunk-WX3QHWKN.mjs.map new file mode 100644 index 00000000..10a0f98a --- /dev/null +++ b/dist/chunk-WX3QHWKN.mjs.map @@ -0,0 +1 @@ +{"version":3,"sources":["../src/js/themes/darkTheme/shadows.ts"],"sourcesContent":["import type { ThemeShadows } from '../types';\nimport { colors } from './colors';\n\nexport const shadows: ThemeShadows = {\n size: {\n xs: {\n shadowColor: colors.shadow.default,\n shadowOffset: {\n width: 0,\n height: 2,\n },\n shadowOpacity: 1,\n shadowRadius: 4,\n },\n sm: {\n shadowColor: colors.shadow.default,\n shadowOffset: {\n width: 0,\n height: 2,\n },\n shadowOpacity: 1,\n shadowRadius: 8,\n },\n md: {\n shadowColor: colors.shadow.default,\n shadowOffset: {\n width: 0,\n height: 2,\n },\n shadowOpacity: 1,\n shadowRadius: 16,\n },\n lg: {\n shadowColor: colors.shadow.default,\n shadowOffset: {\n width: 0,\n height: 2,\n },\n shadowOpacity: 1,\n shadowRadius: 40,\n },\n },\n};\n"],"mappings":";;;;;AAGO,IAAM,UAAwB;AAAA,EACnC,MAAM;AAAA,IACJ,IAAI;AAAA,MACF,aAAa,OAAO,OAAO;AAAA,MAC3B,cAAc;AAAA,QACZ,OAAO;AAAA,QACP,QAAQ;AAAA,MACV;AAAA,MACA,eAAe;AAAA,MACf,cAAc;AAAA,IAChB;AAAA,IACA,IAAI;AAAA,MACF,aAAa,OAAO,OAAO;AAAA,MAC3B,cAAc;AAAA,QACZ,OAAO;AAAA,QACP,QAAQ;AAAA,MACV;AAAA,MACA,eAAe;AAAA,MACf,cAAc;AAAA,IAChB;AAAA,IACA,IAAI;AAAA,MACF,aAAa,OAAO,OAAO;AAAA,MAC3B,cAAc;AAAA,QACZ,OAAO;AAAA,QACP,QAAQ;AAAA,MACV;AAAA,MACA,eAAe;AAAA,MACf,cAAc;AAAA,IAChB;AAAA,IACA,IAAI;AAAA,MACF,aAAa,OAAO,OAAO;AAAA,MAC3B,cAAc;AAAA,QACZ,OAAO;AAAA,QACP,QAAQ;AAAA,MACV;AAAA,MACA,eAAe;AAAA,MACf,cAAc;AAAA,IAChB;AAAA,EACF;AACF;","names":[]} \ No newline at end of file diff --git a/dist/chunk-Y6UTFJGN.js b/dist/chunk-Y6UTFJGN.js new file mode 100644 index 00000000..d899076f --- /dev/null +++ b/dist/chunk-Y6UTFJGN.js @@ -0,0 +1,11 @@ +"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/js/typography/fontWeights.ts +var fontWeights = { + regular: "400", + medium: "500", + bold: "700" +}; + + + +exports.fontWeights = fontWeights; +//# sourceMappingURL=chunk-Y6UTFJGN.js.map \ No newline at end of file diff --git a/dist/chunk-Y6UTFJGN.js.map b/dist/chunk-Y6UTFJGN.js.map new file mode 100644 index 00000000..b82b3083 --- /dev/null +++ b/dist/chunk-Y6UTFJGN.js.map @@ -0,0 +1 @@ +{"version":3,"sources":["../src/js/typography/fontWeights.ts"],"names":[],"mappings":";AAAO,IAAM,cAAc;AAAA,EACzB,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,MAAM;AACR","sourcesContent":["export const fontWeights = {\n regular: '400',\n medium: '500',\n bold: '700',\n};\n"]} \ No newline at end of file diff --git a/dist/chunk-YE3RTW6R.mjs b/dist/chunk-YE3RTW6R.mjs new file mode 100644 index 00000000..4893fd86 --- /dev/null +++ b/dist/chunk-YE3RTW6R.mjs @@ -0,0 +1,16 @@ +// src/js/typography/fontSizes.ts +var fontSizes = { + fontSize1: 10, + fontSize2: 12, + fontSize3: 14, + fontSize4: 16, + fontSize5: 18, + fontSize6: 24, + fontSize7: 32, + fontSize8: 48 +}; + +export { + fontSizes +}; +//# sourceMappingURL=chunk-YE3RTW6R.mjs.map \ No newline at end of file diff --git a/dist/chunk-YE3RTW6R.mjs.map b/dist/chunk-YE3RTW6R.mjs.map new file mode 100644 index 00000000..16cbd1a1 --- /dev/null +++ b/dist/chunk-YE3RTW6R.mjs.map @@ -0,0 +1 @@ +{"version":3,"sources":["../src/js/typography/fontSizes.ts"],"sourcesContent":["export const fontSizes = {\n fontSize1: 10,\n fontSize2: 12,\n fontSize3: 14,\n fontSize4: 16,\n fontSize5: 18,\n fontSize6: 24,\n fontSize7: 32,\n fontSize8: 48,\n};\n"],"mappings":";AAAO,IAAM,YAAY;AAAA,EACvB,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AACb;","names":[]} \ No newline at end of file diff --git a/dist/index.js b/dist/index.js new file mode 100644 index 00000000..5d551ebb --- /dev/null +++ b/dist/index.js @@ -0,0 +1,39 @@ +"use strict";Object.defineProperty(exports, "__esModule", {value: true});require('./chunk-6CNXLMEO.js'); +require('./chunk-7HI3S7AK.js'); + + +var _chunkK6C24R3Bjs = require('./chunk-K6C24R3B.js'); +require('./chunk-J4LS7B7I.js'); +require('./chunk-JSD4CJVA.js'); + + +var _chunkTQYJJJ2Ejs = require('./chunk-TQYJJJ2E.js'); +require('./chunk-OIQON57J.js'); +require('./chunk-KBAVOXT3.js'); +require('./chunk-IA2MTBXO.js'); + + +var _chunkPTGHW2EMjs = require('./chunk-PTGHW2EM.js'); +require('./chunk-EVAMH3JU.js'); +require('./chunk-IXR4OIUG.js'); +require('./chunk-QOVSVHQG.js'); + + +var _chunkU6CWNRHFjs = require('./chunk-U6CWNRHF.js'); +require('./chunk-LONLRSC2.js'); +require('./chunk-7RM4NVSC.js'); +require('./chunk-Y6UTFJGN.js'); +require('./chunk-SER5UWJS.js'); +require('./chunk-RS62Z6R2.js'); +require('./chunk-ARVGVDA4.js'); + + +var _chunkLN25RJU7js = require('./chunk-LN25RJU7.js'); + + + + + + +exports.brandColor = _chunkLN25RJU7js.brandColor; exports.colors = _chunkK6C24R3Bjs.colors; exports.darkTheme = _chunkTQYJJJ2Ejs.darkTheme; exports.lightTheme = _chunkPTGHW2EMjs.lightTheme; exports.typography = _chunkU6CWNRHFjs.typography; +//# sourceMappingURL=index.js.map \ No newline at end of file diff --git a/dist/index.js.map b/dist/index.js.map new file mode 100644 index 00000000..a464c673 --- /dev/null +++ b/dist/index.js.map @@ -0,0 +1 @@ +{"version":3,"sources":[],"names":[],"mappings":""} \ No newline at end of file diff --git a/dist/index.mjs b/dist/index.mjs new file mode 100644 index 00000000..17f7d410 --- /dev/null +++ b/dist/index.mjs @@ -0,0 +1,39 @@ +import "./chunk-FDULD7I6.mjs"; +import "./chunk-GLECB5WV.mjs"; +import { + colors +} from "./chunk-ITOO6PIB.mjs"; +import "./chunk-TIPOTX2S.mjs"; +import "./chunk-7SRGQ4DD.mjs"; +import { + darkTheme +} from "./chunk-JFOLKV5A.mjs"; +import "./chunk-WX3QHWKN.mjs"; +import "./chunk-35JJ6V76.mjs"; +import "./chunk-KLSBX444.mjs"; +import { + lightTheme +} from "./chunk-UKISWQV3.mjs"; +import "./chunk-MVWS47QQ.mjs"; +import "./chunk-SOFQOO3T.mjs"; +import "./chunk-U3QP5QIZ.mjs"; +import { + typography +} from "./chunk-HAVMFH3M.mjs"; +import "./chunk-37CYYNL2.mjs"; +import "./chunk-YE3RTW6R.mjs"; +import "./chunk-CI27TEBG.mjs"; +import "./chunk-FXREN35Y.mjs"; +import "./chunk-R4HHKA64.mjs"; +import "./chunk-GFHCJHAM.mjs"; +import { + brandColor +} from "./chunk-DBW6SE3C.mjs"; +export { + brandColor, + colors, + darkTheme, + lightTheme, + typography +}; +//# sourceMappingURL=index.mjs.map \ No newline at end of file diff --git a/dist/index.mjs.map b/dist/index.mjs.map new file mode 100644 index 00000000..84c51b28 --- /dev/null +++ b/dist/index.mjs.map @@ -0,0 +1 @@ +{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]} \ No newline at end of file diff --git a/dist/js/brandColor/brandColor.js b/dist/js/brandColor/brandColor.js new file mode 100644 index 00000000..2cdcad96 --- /dev/null +++ b/dist/js/brandColor/brandColor.js @@ -0,0 +1,7 @@ +"use strict";Object.defineProperty(exports, "__esModule", {value: true}); + +var _chunkLN25RJU7js = require('../../chunk-LN25RJU7.js'); + + +exports.brandColor = _chunkLN25RJU7js.brandColor; +//# sourceMappingURL=brandColor.js.map \ No newline at end of file diff --git a/dist/js/brandColor/brandColor.js.map b/dist/js/brandColor/brandColor.js.map new file mode 100644 index 00000000..a464c673 --- /dev/null +++ b/dist/js/brandColor/brandColor.js.map @@ -0,0 +1 @@ +{"version":3,"sources":[],"names":[],"mappings":""} \ No newline at end of file diff --git a/dist/js/brandColor/brandColor.mjs b/dist/js/brandColor/brandColor.mjs new file mode 100644 index 00000000..1d6c08dd --- /dev/null +++ b/dist/js/brandColor/brandColor.mjs @@ -0,0 +1,7 @@ +import { + brandColor +} from "../../chunk-DBW6SE3C.mjs"; +export { + brandColor +}; +//# sourceMappingURL=brandColor.mjs.map \ No newline at end of file diff --git a/dist/js/brandColor/brandColor.mjs.map b/dist/js/brandColor/brandColor.mjs.map new file mode 100644 index 00000000..84c51b28 --- /dev/null +++ b/dist/js/brandColor/brandColor.mjs.map @@ -0,0 +1 @@ +{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]} \ No newline at end of file diff --git a/dist/js/brandColor/brandColor.types.js b/dist/js/brandColor/brandColor.types.js new file mode 100644 index 00000000..83d48903 --- /dev/null +++ b/dist/js/brandColor/brandColor.types.js @@ -0,0 +1 @@ +"use strict";//# sourceMappingURL=brandColor.types.js.map \ No newline at end of file diff --git a/dist/js/brandColor/brandColor.types.js.map b/dist/js/brandColor/brandColor.types.js.map new file mode 100644 index 00000000..a464c673 --- /dev/null +++ b/dist/js/brandColor/brandColor.types.js.map @@ -0,0 +1 @@ +{"version":3,"sources":[],"names":[],"mappings":""} \ No newline at end of file diff --git a/dist/js/brandColor/brandColor.types.mjs b/dist/js/brandColor/brandColor.types.mjs new file mode 100644 index 00000000..64b7cf07 --- /dev/null +++ b/dist/js/brandColor/brandColor.types.mjs @@ -0,0 +1 @@ +//# sourceMappingURL=brandColor.types.mjs.map \ No newline at end of file diff --git a/dist/js/brandColor/brandColor.types.mjs.map b/dist/js/brandColor/brandColor.types.mjs.map new file mode 100644 index 00000000..84c51b28 --- /dev/null +++ b/dist/js/brandColor/brandColor.types.mjs.map @@ -0,0 +1 @@ +{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]} \ No newline at end of file diff --git a/dist/js/brandColor/index.js b/dist/js/brandColor/index.js new file mode 100644 index 00000000..f28373bb --- /dev/null +++ b/dist/js/brandColor/index.js @@ -0,0 +1,8 @@ +"use strict";Object.defineProperty(exports, "__esModule", {value: true});require('../../chunk-ARVGVDA4.js'); + + +var _chunkLN25RJU7js = require('../../chunk-LN25RJU7.js'); + + +exports.brandColor = _chunkLN25RJU7js.brandColor; +//# sourceMappingURL=index.js.map \ No newline at end of file diff --git a/dist/js/brandColor/index.js.map b/dist/js/brandColor/index.js.map new file mode 100644 index 00000000..a464c673 --- /dev/null +++ b/dist/js/brandColor/index.js.map @@ -0,0 +1 @@ +{"version":3,"sources":[],"names":[],"mappings":""} \ No newline at end of file diff --git a/dist/js/brandColor/index.mjs b/dist/js/brandColor/index.mjs new file mode 100644 index 00000000..dd013678 --- /dev/null +++ b/dist/js/brandColor/index.mjs @@ -0,0 +1,8 @@ +import "../../chunk-GFHCJHAM.mjs"; +import { + brandColor +} from "../../chunk-DBW6SE3C.mjs"; +export { + brandColor +}; +//# sourceMappingURL=index.mjs.map \ No newline at end of file diff --git a/dist/js/brandColor/index.mjs.map b/dist/js/brandColor/index.mjs.map new file mode 100644 index 00000000..84c51b28 --- /dev/null +++ b/dist/js/brandColor/index.mjs.map @@ -0,0 +1 @@ +{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]} \ No newline at end of file diff --git a/dist/js/colors/colors.js b/dist/js/colors/colors.js new file mode 100644 index 00000000..7be3da46 --- /dev/null +++ b/dist/js/colors/colors.js @@ -0,0 +1,25 @@ +"use strict";Object.defineProperty(exports, "__esModule", {value: true}); + +var _chunkK6C24R3Bjs = require('../../chunk-K6C24R3B.js'); +require('../../chunk-J4LS7B7I.js'); +require('../../chunk-JSD4CJVA.js'); +require('../../chunk-TQYJJJ2E.js'); +require('../../chunk-OIQON57J.js'); +require('../../chunk-KBAVOXT3.js'); +require('../../chunk-IA2MTBXO.js'); +require('../../chunk-PTGHW2EM.js'); +require('../../chunk-EVAMH3JU.js'); +require('../../chunk-IXR4OIUG.js'); +require('../../chunk-QOVSVHQG.js'); +require('../../chunk-U6CWNRHF.js'); +require('../../chunk-LONLRSC2.js'); +require('../../chunk-7RM4NVSC.js'); +require('../../chunk-Y6UTFJGN.js'); +require('../../chunk-SER5UWJS.js'); +require('../../chunk-RS62Z6R2.js'); +require('../../chunk-ARVGVDA4.js'); +require('../../chunk-LN25RJU7.js'); + + +exports.colors = _chunkK6C24R3Bjs.colors; +//# sourceMappingURL=colors.js.map \ No newline at end of file diff --git a/dist/js/colors/colors.js.map b/dist/js/colors/colors.js.map new file mode 100644 index 00000000..a464c673 --- /dev/null +++ b/dist/js/colors/colors.js.map @@ -0,0 +1 @@ +{"version":3,"sources":[],"names":[],"mappings":""} \ No newline at end of file diff --git a/dist/js/colors/colors.mjs b/dist/js/colors/colors.mjs new file mode 100644 index 00000000..2d39d6eb --- /dev/null +++ b/dist/js/colors/colors.mjs @@ -0,0 +1,25 @@ +import { + colors +} from "../../chunk-ITOO6PIB.mjs"; +import "../../chunk-TIPOTX2S.mjs"; +import "../../chunk-7SRGQ4DD.mjs"; +import "../../chunk-JFOLKV5A.mjs"; +import "../../chunk-WX3QHWKN.mjs"; +import "../../chunk-35JJ6V76.mjs"; +import "../../chunk-KLSBX444.mjs"; +import "../../chunk-UKISWQV3.mjs"; +import "../../chunk-MVWS47QQ.mjs"; +import "../../chunk-SOFQOO3T.mjs"; +import "../../chunk-U3QP5QIZ.mjs"; +import "../../chunk-HAVMFH3M.mjs"; +import "../../chunk-37CYYNL2.mjs"; +import "../../chunk-YE3RTW6R.mjs"; +import "../../chunk-CI27TEBG.mjs"; +import "../../chunk-FXREN35Y.mjs"; +import "../../chunk-R4HHKA64.mjs"; +import "../../chunk-GFHCJHAM.mjs"; +import "../../chunk-DBW6SE3C.mjs"; +export { + colors +}; +//# sourceMappingURL=colors.mjs.map \ No newline at end of file diff --git a/dist/js/colors/colors.mjs.map b/dist/js/colors/colors.mjs.map new file mode 100644 index 00000000..84c51b28 --- /dev/null +++ b/dist/js/colors/colors.mjs.map @@ -0,0 +1 @@ +{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]} \ No newline at end of file diff --git a/dist/js/colors/index.js b/dist/js/colors/index.js new file mode 100644 index 00000000..130c65b4 --- /dev/null +++ b/dist/js/colors/index.js @@ -0,0 +1,27 @@ +"use strict";Object.defineProperty(exports, "__esModule", {value: true});require('../../chunk-7HI3S7AK.js'); + + +var _chunkK6C24R3Bjs = require('../../chunk-K6C24R3B.js'); +require('../../chunk-J4LS7B7I.js'); +require('../../chunk-JSD4CJVA.js'); +require('../../chunk-TQYJJJ2E.js'); +require('../../chunk-OIQON57J.js'); +require('../../chunk-KBAVOXT3.js'); +require('../../chunk-IA2MTBXO.js'); +require('../../chunk-PTGHW2EM.js'); +require('../../chunk-EVAMH3JU.js'); +require('../../chunk-IXR4OIUG.js'); +require('../../chunk-QOVSVHQG.js'); +require('../../chunk-U6CWNRHF.js'); +require('../../chunk-LONLRSC2.js'); +require('../../chunk-7RM4NVSC.js'); +require('../../chunk-Y6UTFJGN.js'); +require('../../chunk-SER5UWJS.js'); +require('../../chunk-RS62Z6R2.js'); +require('../../chunk-ARVGVDA4.js'); +require('../../chunk-LN25RJU7.js'); + + + +exports.colors = _chunkK6C24R3Bjs.colors; exports.default = _chunkK6C24R3Bjs.colors; +//# sourceMappingURL=index.js.map \ No newline at end of file diff --git a/dist/js/colors/index.js.map b/dist/js/colors/index.js.map new file mode 100644 index 00000000..a464c673 --- /dev/null +++ b/dist/js/colors/index.js.map @@ -0,0 +1 @@ +{"version":3,"sources":[],"names":[],"mappings":""} \ No newline at end of file diff --git a/dist/js/colors/index.mjs b/dist/js/colors/index.mjs new file mode 100644 index 00000000..f1affb9e --- /dev/null +++ b/dist/js/colors/index.mjs @@ -0,0 +1,27 @@ +import "../../chunk-GLECB5WV.mjs"; +import { + colors +} from "../../chunk-ITOO6PIB.mjs"; +import "../../chunk-TIPOTX2S.mjs"; +import "../../chunk-7SRGQ4DD.mjs"; +import "../../chunk-JFOLKV5A.mjs"; +import "../../chunk-WX3QHWKN.mjs"; +import "../../chunk-35JJ6V76.mjs"; +import "../../chunk-KLSBX444.mjs"; +import "../../chunk-UKISWQV3.mjs"; +import "../../chunk-MVWS47QQ.mjs"; +import "../../chunk-SOFQOO3T.mjs"; +import "../../chunk-U3QP5QIZ.mjs"; +import "../../chunk-HAVMFH3M.mjs"; +import "../../chunk-37CYYNL2.mjs"; +import "../../chunk-YE3RTW6R.mjs"; +import "../../chunk-CI27TEBG.mjs"; +import "../../chunk-FXREN35Y.mjs"; +import "../../chunk-R4HHKA64.mjs"; +import "../../chunk-GFHCJHAM.mjs"; +import "../../chunk-DBW6SE3C.mjs"; +export { + colors, + colors as default +}; +//# sourceMappingURL=index.mjs.map \ No newline at end of file diff --git a/dist/js/colors/index.mjs.map b/dist/js/colors/index.mjs.map new file mode 100644 index 00000000..84c51b28 --- /dev/null +++ b/dist/js/colors/index.mjs.map @@ -0,0 +1 @@ +{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]} \ No newline at end of file diff --git a/dist/js/index.js b/dist/js/index.js new file mode 100644 index 00000000..0bd02030 --- /dev/null +++ b/dist/js/index.js @@ -0,0 +1,39 @@ +"use strict";Object.defineProperty(exports, "__esModule", {value: true});require('../chunk-6CNXLMEO.js'); +require('../chunk-7HI3S7AK.js'); + + +var _chunkK6C24R3Bjs = require('../chunk-K6C24R3B.js'); +require('../chunk-J4LS7B7I.js'); +require('../chunk-JSD4CJVA.js'); + + +var _chunkTQYJJJ2Ejs = require('../chunk-TQYJJJ2E.js'); +require('../chunk-OIQON57J.js'); +require('../chunk-KBAVOXT3.js'); +require('../chunk-IA2MTBXO.js'); + + +var _chunkPTGHW2EMjs = require('../chunk-PTGHW2EM.js'); +require('../chunk-EVAMH3JU.js'); +require('../chunk-IXR4OIUG.js'); +require('../chunk-QOVSVHQG.js'); + + +var _chunkU6CWNRHFjs = require('../chunk-U6CWNRHF.js'); +require('../chunk-LONLRSC2.js'); +require('../chunk-7RM4NVSC.js'); +require('../chunk-Y6UTFJGN.js'); +require('../chunk-SER5UWJS.js'); +require('../chunk-RS62Z6R2.js'); +require('../chunk-ARVGVDA4.js'); + + +var _chunkLN25RJU7js = require('../chunk-LN25RJU7.js'); + + + + + + +exports.brandColor = _chunkLN25RJU7js.brandColor; exports.colors = _chunkK6C24R3Bjs.colors; exports.darkTheme = _chunkTQYJJJ2Ejs.darkTheme; exports.lightTheme = _chunkPTGHW2EMjs.lightTheme; exports.typography = _chunkU6CWNRHFjs.typography; +//# sourceMappingURL=index.js.map \ No newline at end of file diff --git a/dist/js/index.js.map b/dist/js/index.js.map new file mode 100644 index 00000000..a464c673 --- /dev/null +++ b/dist/js/index.js.map @@ -0,0 +1 @@ +{"version":3,"sources":[],"names":[],"mappings":""} \ No newline at end of file diff --git a/dist/js/index.mjs b/dist/js/index.mjs new file mode 100644 index 00000000..524c6806 --- /dev/null +++ b/dist/js/index.mjs @@ -0,0 +1,39 @@ +import "../chunk-FDULD7I6.mjs"; +import "../chunk-GLECB5WV.mjs"; +import { + colors +} from "../chunk-ITOO6PIB.mjs"; +import "../chunk-TIPOTX2S.mjs"; +import "../chunk-7SRGQ4DD.mjs"; +import { + darkTheme +} from "../chunk-JFOLKV5A.mjs"; +import "../chunk-WX3QHWKN.mjs"; +import "../chunk-35JJ6V76.mjs"; +import "../chunk-KLSBX444.mjs"; +import { + lightTheme +} from "../chunk-UKISWQV3.mjs"; +import "../chunk-MVWS47QQ.mjs"; +import "../chunk-SOFQOO3T.mjs"; +import "../chunk-U3QP5QIZ.mjs"; +import { + typography +} from "../chunk-HAVMFH3M.mjs"; +import "../chunk-37CYYNL2.mjs"; +import "../chunk-YE3RTW6R.mjs"; +import "../chunk-CI27TEBG.mjs"; +import "../chunk-FXREN35Y.mjs"; +import "../chunk-R4HHKA64.mjs"; +import "../chunk-GFHCJHAM.mjs"; +import { + brandColor +} from "../chunk-DBW6SE3C.mjs"; +export { + brandColor, + colors, + darkTheme, + lightTheme, + typography +}; +//# sourceMappingURL=index.mjs.map \ No newline at end of file diff --git a/dist/js/index.mjs.map b/dist/js/index.mjs.map new file mode 100644 index 00000000..84c51b28 --- /dev/null +++ b/dist/js/index.mjs.map @@ -0,0 +1 @@ +{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]} \ No newline at end of file diff --git a/dist/js/themes/darkTheme/colors.js b/dist/js/themes/darkTheme/colors.js new file mode 100644 index 00000000..00094ab0 --- /dev/null +++ b/dist/js/themes/darkTheme/colors.js @@ -0,0 +1,9 @@ +"use strict";Object.defineProperty(exports, "__esModule", {value: true}); + +var _chunkKBAVOXT3js = require('../../../chunk-KBAVOXT3.js'); +require('../../../chunk-ARVGVDA4.js'); +require('../../../chunk-LN25RJU7.js'); + + +exports.colors = _chunkKBAVOXT3js.colors; +//# sourceMappingURL=colors.js.map \ No newline at end of file diff --git a/dist/js/themes/darkTheme/colors.js.map b/dist/js/themes/darkTheme/colors.js.map new file mode 100644 index 00000000..a464c673 --- /dev/null +++ b/dist/js/themes/darkTheme/colors.js.map @@ -0,0 +1 @@ +{"version":3,"sources":[],"names":[],"mappings":""} \ No newline at end of file diff --git a/dist/js/themes/darkTheme/colors.mjs b/dist/js/themes/darkTheme/colors.mjs new file mode 100644 index 00000000..d64c4c39 --- /dev/null +++ b/dist/js/themes/darkTheme/colors.mjs @@ -0,0 +1,9 @@ +import { + colors +} from "../../../chunk-35JJ6V76.mjs"; +import "../../../chunk-GFHCJHAM.mjs"; +import "../../../chunk-DBW6SE3C.mjs"; +export { + colors +}; +//# sourceMappingURL=colors.mjs.map \ No newline at end of file diff --git a/dist/js/themes/darkTheme/colors.mjs.map b/dist/js/themes/darkTheme/colors.mjs.map new file mode 100644 index 00000000..84c51b28 --- /dev/null +++ b/dist/js/themes/darkTheme/colors.mjs.map @@ -0,0 +1 @@ +{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]} \ No newline at end of file diff --git a/dist/js/themes/darkTheme/darkTheme.js b/dist/js/themes/darkTheme/darkTheme.js new file mode 100644 index 00000000..fc315488 --- /dev/null +++ b/dist/js/themes/darkTheme/darkTheme.js @@ -0,0 +1,18 @@ +"use strict";Object.defineProperty(exports, "__esModule", {value: true}); + +var _chunkTQYJJJ2Ejs = require('../../../chunk-TQYJJJ2E.js'); +require('../../../chunk-OIQON57J.js'); +require('../../../chunk-KBAVOXT3.js'); +require('../../../chunk-QOVSVHQG.js'); +require('../../../chunk-U6CWNRHF.js'); +require('../../../chunk-LONLRSC2.js'); +require('../../../chunk-7RM4NVSC.js'); +require('../../../chunk-Y6UTFJGN.js'); +require('../../../chunk-SER5UWJS.js'); +require('../../../chunk-RS62Z6R2.js'); +require('../../../chunk-ARVGVDA4.js'); +require('../../../chunk-LN25RJU7.js'); + + +exports.darkTheme = _chunkTQYJJJ2Ejs.darkTheme; +//# sourceMappingURL=darkTheme.js.map \ No newline at end of file diff --git a/dist/js/themes/darkTheme/darkTheme.js.map b/dist/js/themes/darkTheme/darkTheme.js.map new file mode 100644 index 00000000..a464c673 --- /dev/null +++ b/dist/js/themes/darkTheme/darkTheme.js.map @@ -0,0 +1 @@ +{"version":3,"sources":[],"names":[],"mappings":""} \ No newline at end of file diff --git a/dist/js/themes/darkTheme/darkTheme.mjs b/dist/js/themes/darkTheme/darkTheme.mjs new file mode 100644 index 00000000..d6d1a135 --- /dev/null +++ b/dist/js/themes/darkTheme/darkTheme.mjs @@ -0,0 +1,18 @@ +import { + darkTheme +} from "../../../chunk-JFOLKV5A.mjs"; +import "../../../chunk-WX3QHWKN.mjs"; +import "../../../chunk-35JJ6V76.mjs"; +import "../../../chunk-U3QP5QIZ.mjs"; +import "../../../chunk-HAVMFH3M.mjs"; +import "../../../chunk-37CYYNL2.mjs"; +import "../../../chunk-YE3RTW6R.mjs"; +import "../../../chunk-CI27TEBG.mjs"; +import "../../../chunk-FXREN35Y.mjs"; +import "../../../chunk-R4HHKA64.mjs"; +import "../../../chunk-GFHCJHAM.mjs"; +import "../../../chunk-DBW6SE3C.mjs"; +export { + darkTheme +}; +//# sourceMappingURL=darkTheme.mjs.map \ No newline at end of file diff --git a/dist/js/themes/darkTheme/darkTheme.mjs.map b/dist/js/themes/darkTheme/darkTheme.mjs.map new file mode 100644 index 00000000..84c51b28 --- /dev/null +++ b/dist/js/themes/darkTheme/darkTheme.mjs.map @@ -0,0 +1 @@ +{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]} \ No newline at end of file diff --git a/dist/js/themes/darkTheme/index.js b/dist/js/themes/darkTheme/index.js new file mode 100644 index 00000000..7c24bdb2 --- /dev/null +++ b/dist/js/themes/darkTheme/index.js @@ -0,0 +1,19 @@ +"use strict";Object.defineProperty(exports, "__esModule", {value: true});require('../../../chunk-JSD4CJVA.js'); + + +var _chunkTQYJJJ2Ejs = require('../../../chunk-TQYJJJ2E.js'); +require('../../../chunk-OIQON57J.js'); +require('../../../chunk-KBAVOXT3.js'); +require('../../../chunk-QOVSVHQG.js'); +require('../../../chunk-U6CWNRHF.js'); +require('../../../chunk-LONLRSC2.js'); +require('../../../chunk-7RM4NVSC.js'); +require('../../../chunk-Y6UTFJGN.js'); +require('../../../chunk-SER5UWJS.js'); +require('../../../chunk-RS62Z6R2.js'); +require('../../../chunk-ARVGVDA4.js'); +require('../../../chunk-LN25RJU7.js'); + + +exports.darkTheme = _chunkTQYJJJ2Ejs.darkTheme; +//# sourceMappingURL=index.js.map \ No newline at end of file diff --git a/dist/js/themes/darkTheme/index.js.map b/dist/js/themes/darkTheme/index.js.map new file mode 100644 index 00000000..a464c673 --- /dev/null +++ b/dist/js/themes/darkTheme/index.js.map @@ -0,0 +1 @@ +{"version":3,"sources":[],"names":[],"mappings":""} \ No newline at end of file diff --git a/dist/js/themes/darkTheme/index.mjs b/dist/js/themes/darkTheme/index.mjs new file mode 100644 index 00000000..32c834cf --- /dev/null +++ b/dist/js/themes/darkTheme/index.mjs @@ -0,0 +1,19 @@ +import "../../../chunk-7SRGQ4DD.mjs"; +import { + darkTheme +} from "../../../chunk-JFOLKV5A.mjs"; +import "../../../chunk-WX3QHWKN.mjs"; +import "../../../chunk-35JJ6V76.mjs"; +import "../../../chunk-U3QP5QIZ.mjs"; +import "../../../chunk-HAVMFH3M.mjs"; +import "../../../chunk-37CYYNL2.mjs"; +import "../../../chunk-YE3RTW6R.mjs"; +import "../../../chunk-CI27TEBG.mjs"; +import "../../../chunk-FXREN35Y.mjs"; +import "../../../chunk-R4HHKA64.mjs"; +import "../../../chunk-GFHCJHAM.mjs"; +import "../../../chunk-DBW6SE3C.mjs"; +export { + darkTheme +}; +//# sourceMappingURL=index.mjs.map \ No newline at end of file diff --git a/dist/js/themes/darkTheme/index.mjs.map b/dist/js/themes/darkTheme/index.mjs.map new file mode 100644 index 00000000..84c51b28 --- /dev/null +++ b/dist/js/themes/darkTheme/index.mjs.map @@ -0,0 +1 @@ +{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]} \ No newline at end of file diff --git a/dist/js/themes/darkTheme/shadows.js b/dist/js/themes/darkTheme/shadows.js new file mode 100644 index 00000000..e555da6e --- /dev/null +++ b/dist/js/themes/darkTheme/shadows.js @@ -0,0 +1,10 @@ +"use strict";Object.defineProperty(exports, "__esModule", {value: true}); + +var _chunkOIQON57Jjs = require('../../../chunk-OIQON57J.js'); +require('../../../chunk-KBAVOXT3.js'); +require('../../../chunk-ARVGVDA4.js'); +require('../../../chunk-LN25RJU7.js'); + + +exports.shadows = _chunkOIQON57Jjs.shadows; +//# sourceMappingURL=shadows.js.map \ No newline at end of file diff --git a/dist/js/themes/darkTheme/shadows.js.map b/dist/js/themes/darkTheme/shadows.js.map new file mode 100644 index 00000000..a464c673 --- /dev/null +++ b/dist/js/themes/darkTheme/shadows.js.map @@ -0,0 +1 @@ +{"version":3,"sources":[],"names":[],"mappings":""} \ No newline at end of file diff --git a/dist/js/themes/darkTheme/shadows.mjs b/dist/js/themes/darkTheme/shadows.mjs new file mode 100644 index 00000000..56a44326 --- /dev/null +++ b/dist/js/themes/darkTheme/shadows.mjs @@ -0,0 +1,10 @@ +import { + shadows +} from "../../../chunk-WX3QHWKN.mjs"; +import "../../../chunk-35JJ6V76.mjs"; +import "../../../chunk-GFHCJHAM.mjs"; +import "../../../chunk-DBW6SE3C.mjs"; +export { + shadows +}; +//# sourceMappingURL=shadows.mjs.map \ No newline at end of file diff --git a/dist/js/themes/darkTheme/shadows.mjs.map b/dist/js/themes/darkTheme/shadows.mjs.map new file mode 100644 index 00000000..84c51b28 --- /dev/null +++ b/dist/js/themes/darkTheme/shadows.mjs.map @@ -0,0 +1 @@ +{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]} \ No newline at end of file diff --git a/dist/js/themes/index.js b/dist/js/themes/index.js new file mode 100644 index 00000000..01a38766 --- /dev/null +++ b/dist/js/themes/index.js @@ -0,0 +1,27 @@ +"use strict";Object.defineProperty(exports, "__esModule", {value: true});require('../../chunk-J4LS7B7I.js'); +require('../../chunk-JSD4CJVA.js'); + + +var _chunkTQYJJJ2Ejs = require('../../chunk-TQYJJJ2E.js'); +require('../../chunk-OIQON57J.js'); +require('../../chunk-KBAVOXT3.js'); +require('../../chunk-IA2MTBXO.js'); + + +var _chunkPTGHW2EMjs = require('../../chunk-PTGHW2EM.js'); +require('../../chunk-EVAMH3JU.js'); +require('../../chunk-IXR4OIUG.js'); +require('../../chunk-QOVSVHQG.js'); +require('../../chunk-U6CWNRHF.js'); +require('../../chunk-LONLRSC2.js'); +require('../../chunk-7RM4NVSC.js'); +require('../../chunk-Y6UTFJGN.js'); +require('../../chunk-SER5UWJS.js'); +require('../../chunk-RS62Z6R2.js'); +require('../../chunk-ARVGVDA4.js'); +require('../../chunk-LN25RJU7.js'); + + + +exports.darkTheme = _chunkTQYJJJ2Ejs.darkTheme; exports.lightTheme = _chunkPTGHW2EMjs.lightTheme; +//# sourceMappingURL=index.js.map \ No newline at end of file diff --git a/dist/js/themes/index.js.map b/dist/js/themes/index.js.map new file mode 100644 index 00000000..a464c673 --- /dev/null +++ b/dist/js/themes/index.js.map @@ -0,0 +1 @@ +{"version":3,"sources":[],"names":[],"mappings":""} \ No newline at end of file diff --git a/dist/js/themes/index.mjs b/dist/js/themes/index.mjs new file mode 100644 index 00000000..23f87409 --- /dev/null +++ b/dist/js/themes/index.mjs @@ -0,0 +1,27 @@ +import "../../chunk-TIPOTX2S.mjs"; +import "../../chunk-7SRGQ4DD.mjs"; +import { + darkTheme +} from "../../chunk-JFOLKV5A.mjs"; +import "../../chunk-WX3QHWKN.mjs"; +import "../../chunk-35JJ6V76.mjs"; +import "../../chunk-KLSBX444.mjs"; +import { + lightTheme +} from "../../chunk-UKISWQV3.mjs"; +import "../../chunk-MVWS47QQ.mjs"; +import "../../chunk-SOFQOO3T.mjs"; +import "../../chunk-U3QP5QIZ.mjs"; +import "../../chunk-HAVMFH3M.mjs"; +import "../../chunk-37CYYNL2.mjs"; +import "../../chunk-YE3RTW6R.mjs"; +import "../../chunk-CI27TEBG.mjs"; +import "../../chunk-FXREN35Y.mjs"; +import "../../chunk-R4HHKA64.mjs"; +import "../../chunk-GFHCJHAM.mjs"; +import "../../chunk-DBW6SE3C.mjs"; +export { + darkTheme, + lightTheme +}; +//# sourceMappingURL=index.mjs.map \ No newline at end of file diff --git a/dist/js/themes/index.mjs.map b/dist/js/themes/index.mjs.map new file mode 100644 index 00000000..84c51b28 --- /dev/null +++ b/dist/js/themes/index.mjs.map @@ -0,0 +1 @@ +{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]} \ No newline at end of file diff --git a/dist/js/themes/lightTheme/colors.js b/dist/js/themes/lightTheme/colors.js new file mode 100644 index 00000000..baf5e494 --- /dev/null +++ b/dist/js/themes/lightTheme/colors.js @@ -0,0 +1,9 @@ +"use strict";Object.defineProperty(exports, "__esModule", {value: true}); + +var _chunkIXR4OIUGjs = require('../../../chunk-IXR4OIUG.js'); +require('../../../chunk-ARVGVDA4.js'); +require('../../../chunk-LN25RJU7.js'); + + +exports.colors = _chunkIXR4OIUGjs.colors; +//# sourceMappingURL=colors.js.map \ No newline at end of file diff --git a/dist/js/themes/lightTheme/colors.js.map b/dist/js/themes/lightTheme/colors.js.map new file mode 100644 index 00000000..a464c673 --- /dev/null +++ b/dist/js/themes/lightTheme/colors.js.map @@ -0,0 +1 @@ +{"version":3,"sources":[],"names":[],"mappings":""} \ No newline at end of file diff --git a/dist/js/themes/lightTheme/colors.mjs b/dist/js/themes/lightTheme/colors.mjs new file mode 100644 index 00000000..7e9bc2a4 --- /dev/null +++ b/dist/js/themes/lightTheme/colors.mjs @@ -0,0 +1,9 @@ +import { + colors +} from "../../../chunk-SOFQOO3T.mjs"; +import "../../../chunk-GFHCJHAM.mjs"; +import "../../../chunk-DBW6SE3C.mjs"; +export { + colors +}; +//# sourceMappingURL=colors.mjs.map \ No newline at end of file diff --git a/dist/js/themes/lightTheme/colors.mjs.map b/dist/js/themes/lightTheme/colors.mjs.map new file mode 100644 index 00000000..84c51b28 --- /dev/null +++ b/dist/js/themes/lightTheme/colors.mjs.map @@ -0,0 +1 @@ +{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]} \ No newline at end of file diff --git a/dist/js/themes/lightTheme/index.js b/dist/js/themes/lightTheme/index.js new file mode 100644 index 00000000..7c07ed75 --- /dev/null +++ b/dist/js/themes/lightTheme/index.js @@ -0,0 +1,19 @@ +"use strict";Object.defineProperty(exports, "__esModule", {value: true});require('../../../chunk-IA2MTBXO.js'); + + +var _chunkPTGHW2EMjs = require('../../../chunk-PTGHW2EM.js'); +require('../../../chunk-EVAMH3JU.js'); +require('../../../chunk-IXR4OIUG.js'); +require('../../../chunk-QOVSVHQG.js'); +require('../../../chunk-U6CWNRHF.js'); +require('../../../chunk-LONLRSC2.js'); +require('../../../chunk-7RM4NVSC.js'); +require('../../../chunk-Y6UTFJGN.js'); +require('../../../chunk-SER5UWJS.js'); +require('../../../chunk-RS62Z6R2.js'); +require('../../../chunk-ARVGVDA4.js'); +require('../../../chunk-LN25RJU7.js'); + + +exports.lightTheme = _chunkPTGHW2EMjs.lightTheme; +//# sourceMappingURL=index.js.map \ No newline at end of file diff --git a/dist/js/themes/lightTheme/index.js.map b/dist/js/themes/lightTheme/index.js.map new file mode 100644 index 00000000..a464c673 --- /dev/null +++ b/dist/js/themes/lightTheme/index.js.map @@ -0,0 +1 @@ +{"version":3,"sources":[],"names":[],"mappings":""} \ No newline at end of file diff --git a/dist/js/themes/lightTheme/index.mjs b/dist/js/themes/lightTheme/index.mjs new file mode 100644 index 00000000..fdda2966 --- /dev/null +++ b/dist/js/themes/lightTheme/index.mjs @@ -0,0 +1,19 @@ +import "../../../chunk-KLSBX444.mjs"; +import { + lightTheme +} from "../../../chunk-UKISWQV3.mjs"; +import "../../../chunk-MVWS47QQ.mjs"; +import "../../../chunk-SOFQOO3T.mjs"; +import "../../../chunk-U3QP5QIZ.mjs"; +import "../../../chunk-HAVMFH3M.mjs"; +import "../../../chunk-37CYYNL2.mjs"; +import "../../../chunk-YE3RTW6R.mjs"; +import "../../../chunk-CI27TEBG.mjs"; +import "../../../chunk-FXREN35Y.mjs"; +import "../../../chunk-R4HHKA64.mjs"; +import "../../../chunk-GFHCJHAM.mjs"; +import "../../../chunk-DBW6SE3C.mjs"; +export { + lightTheme +}; +//# sourceMappingURL=index.mjs.map \ No newline at end of file diff --git a/dist/js/themes/lightTheme/index.mjs.map b/dist/js/themes/lightTheme/index.mjs.map new file mode 100644 index 00000000..84c51b28 --- /dev/null +++ b/dist/js/themes/lightTheme/index.mjs.map @@ -0,0 +1 @@ +{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]} \ No newline at end of file diff --git a/dist/js/themes/lightTheme/lightTheme.js b/dist/js/themes/lightTheme/lightTheme.js new file mode 100644 index 00000000..0d48ef3c --- /dev/null +++ b/dist/js/themes/lightTheme/lightTheme.js @@ -0,0 +1,18 @@ +"use strict";Object.defineProperty(exports, "__esModule", {value: true}); + +var _chunkPTGHW2EMjs = require('../../../chunk-PTGHW2EM.js'); +require('../../../chunk-EVAMH3JU.js'); +require('../../../chunk-IXR4OIUG.js'); +require('../../../chunk-QOVSVHQG.js'); +require('../../../chunk-U6CWNRHF.js'); +require('../../../chunk-LONLRSC2.js'); +require('../../../chunk-7RM4NVSC.js'); +require('../../../chunk-Y6UTFJGN.js'); +require('../../../chunk-SER5UWJS.js'); +require('../../../chunk-RS62Z6R2.js'); +require('../../../chunk-ARVGVDA4.js'); +require('../../../chunk-LN25RJU7.js'); + + +exports.lightTheme = _chunkPTGHW2EMjs.lightTheme; +//# sourceMappingURL=lightTheme.js.map \ No newline at end of file diff --git a/dist/js/themes/lightTheme/lightTheme.js.map b/dist/js/themes/lightTheme/lightTheme.js.map new file mode 100644 index 00000000..a464c673 --- /dev/null +++ b/dist/js/themes/lightTheme/lightTheme.js.map @@ -0,0 +1 @@ +{"version":3,"sources":[],"names":[],"mappings":""} \ No newline at end of file diff --git a/dist/js/themes/lightTheme/lightTheme.mjs b/dist/js/themes/lightTheme/lightTheme.mjs new file mode 100644 index 00000000..b95cff9b --- /dev/null +++ b/dist/js/themes/lightTheme/lightTheme.mjs @@ -0,0 +1,18 @@ +import { + lightTheme +} from "../../../chunk-UKISWQV3.mjs"; +import "../../../chunk-MVWS47QQ.mjs"; +import "../../../chunk-SOFQOO3T.mjs"; +import "../../../chunk-U3QP5QIZ.mjs"; +import "../../../chunk-HAVMFH3M.mjs"; +import "../../../chunk-37CYYNL2.mjs"; +import "../../../chunk-YE3RTW6R.mjs"; +import "../../../chunk-CI27TEBG.mjs"; +import "../../../chunk-FXREN35Y.mjs"; +import "../../../chunk-R4HHKA64.mjs"; +import "../../../chunk-GFHCJHAM.mjs"; +import "../../../chunk-DBW6SE3C.mjs"; +export { + lightTheme +}; +//# sourceMappingURL=lightTheme.mjs.map \ No newline at end of file diff --git a/dist/js/themes/lightTheme/lightTheme.mjs.map b/dist/js/themes/lightTheme/lightTheme.mjs.map new file mode 100644 index 00000000..84c51b28 --- /dev/null +++ b/dist/js/themes/lightTheme/lightTheme.mjs.map @@ -0,0 +1 @@ +{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]} \ No newline at end of file diff --git a/dist/js/themes/lightTheme/shadows.js b/dist/js/themes/lightTheme/shadows.js new file mode 100644 index 00000000..fcff88f2 --- /dev/null +++ b/dist/js/themes/lightTheme/shadows.js @@ -0,0 +1,10 @@ +"use strict";Object.defineProperty(exports, "__esModule", {value: true}); + +var _chunkEVAMH3JUjs = require('../../../chunk-EVAMH3JU.js'); +require('../../../chunk-IXR4OIUG.js'); +require('../../../chunk-ARVGVDA4.js'); +require('../../../chunk-LN25RJU7.js'); + + +exports.shadows = _chunkEVAMH3JUjs.shadows; +//# sourceMappingURL=shadows.js.map \ No newline at end of file diff --git a/dist/js/themes/lightTheme/shadows.js.map b/dist/js/themes/lightTheme/shadows.js.map new file mode 100644 index 00000000..a464c673 --- /dev/null +++ b/dist/js/themes/lightTheme/shadows.js.map @@ -0,0 +1 @@ +{"version":3,"sources":[],"names":[],"mappings":""} \ No newline at end of file diff --git a/dist/js/themes/lightTheme/shadows.mjs b/dist/js/themes/lightTheme/shadows.mjs new file mode 100644 index 00000000..0c236666 --- /dev/null +++ b/dist/js/themes/lightTheme/shadows.mjs @@ -0,0 +1,10 @@ +import { + shadows +} from "../../../chunk-MVWS47QQ.mjs"; +import "../../../chunk-SOFQOO3T.mjs"; +import "../../../chunk-GFHCJHAM.mjs"; +import "../../../chunk-DBW6SE3C.mjs"; +export { + shadows +}; +//# sourceMappingURL=shadows.mjs.map \ No newline at end of file diff --git a/dist/js/themes/lightTheme/shadows.mjs.map b/dist/js/themes/lightTheme/shadows.mjs.map new file mode 100644 index 00000000..84c51b28 --- /dev/null +++ b/dist/js/themes/lightTheme/shadows.mjs.map @@ -0,0 +1 @@ +{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]} \ No newline at end of file diff --git a/dist/js/themes/types.js b/dist/js/themes/types.js new file mode 100644 index 00000000..83d39ee7 --- /dev/null +++ b/dist/js/themes/types.js @@ -0,0 +1 @@ +"use strict";//# sourceMappingURL=types.js.map \ No newline at end of file diff --git a/dist/js/themes/types.js.map b/dist/js/themes/types.js.map new file mode 100644 index 00000000..a464c673 --- /dev/null +++ b/dist/js/themes/types.js.map @@ -0,0 +1 @@ +{"version":3,"sources":[],"names":[],"mappings":""} \ No newline at end of file diff --git a/dist/js/themes/types.mjs b/dist/js/themes/types.mjs new file mode 100644 index 00000000..c3d41628 --- /dev/null +++ b/dist/js/themes/types.mjs @@ -0,0 +1 @@ +//# sourceMappingURL=types.mjs.map \ No newline at end of file diff --git a/dist/js/themes/types.mjs.map b/dist/js/themes/types.mjs.map new file mode 100644 index 00000000..84c51b28 --- /dev/null +++ b/dist/js/themes/types.mjs.map @@ -0,0 +1 @@ +{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]} \ No newline at end of file diff --git a/dist/js/typography/fontFamilies.js b/dist/js/typography/fontFamilies.js new file mode 100644 index 00000000..718347f4 --- /dev/null +++ b/dist/js/typography/fontFamilies.js @@ -0,0 +1,7 @@ +"use strict";Object.defineProperty(exports, "__esModule", {value: true}); + +var _chunkLONLRSC2js = require('../../chunk-LONLRSC2.js'); + + +exports.fontFamilies = _chunkLONLRSC2js.fontFamilies; +//# sourceMappingURL=fontFamilies.js.map \ No newline at end of file diff --git a/dist/js/typography/fontFamilies.js.map b/dist/js/typography/fontFamilies.js.map new file mode 100644 index 00000000..a464c673 --- /dev/null +++ b/dist/js/typography/fontFamilies.js.map @@ -0,0 +1 @@ +{"version":3,"sources":[],"names":[],"mappings":""} \ No newline at end of file diff --git a/dist/js/typography/fontFamilies.mjs b/dist/js/typography/fontFamilies.mjs new file mode 100644 index 00000000..06b4a6c8 --- /dev/null +++ b/dist/js/typography/fontFamilies.mjs @@ -0,0 +1,7 @@ +import { + fontFamilies +} from "../../chunk-37CYYNL2.mjs"; +export { + fontFamilies +}; +//# sourceMappingURL=fontFamilies.mjs.map \ No newline at end of file diff --git a/dist/js/typography/fontFamilies.mjs.map b/dist/js/typography/fontFamilies.mjs.map new file mode 100644 index 00000000..84c51b28 --- /dev/null +++ b/dist/js/typography/fontFamilies.mjs.map @@ -0,0 +1 @@ +{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]} \ No newline at end of file diff --git a/dist/js/typography/fontSizes.js b/dist/js/typography/fontSizes.js new file mode 100644 index 00000000..1c1cddc5 --- /dev/null +++ b/dist/js/typography/fontSizes.js @@ -0,0 +1,7 @@ +"use strict";Object.defineProperty(exports, "__esModule", {value: true}); + +var _chunk7RM4NVSCjs = require('../../chunk-7RM4NVSC.js'); + + +exports.fontSizes = _chunk7RM4NVSCjs.fontSizes; +//# sourceMappingURL=fontSizes.js.map \ No newline at end of file diff --git a/dist/js/typography/fontSizes.js.map b/dist/js/typography/fontSizes.js.map new file mode 100644 index 00000000..a464c673 --- /dev/null +++ b/dist/js/typography/fontSizes.js.map @@ -0,0 +1 @@ +{"version":3,"sources":[],"names":[],"mappings":""} \ No newline at end of file diff --git a/dist/js/typography/fontSizes.mjs b/dist/js/typography/fontSizes.mjs new file mode 100644 index 00000000..adca3ebe --- /dev/null +++ b/dist/js/typography/fontSizes.mjs @@ -0,0 +1,7 @@ +import { + fontSizes +} from "../../chunk-YE3RTW6R.mjs"; +export { + fontSizes +}; +//# sourceMappingURL=fontSizes.mjs.map \ No newline at end of file diff --git a/dist/js/typography/fontSizes.mjs.map b/dist/js/typography/fontSizes.mjs.map new file mode 100644 index 00000000..84c51b28 --- /dev/null +++ b/dist/js/typography/fontSizes.mjs.map @@ -0,0 +1 @@ +{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]} \ No newline at end of file diff --git a/dist/js/typography/fontWeights.js b/dist/js/typography/fontWeights.js new file mode 100644 index 00000000..16dc8cd1 --- /dev/null +++ b/dist/js/typography/fontWeights.js @@ -0,0 +1,7 @@ +"use strict";Object.defineProperty(exports, "__esModule", {value: true}); + +var _chunkY6UTFJGNjs = require('../../chunk-Y6UTFJGN.js'); + + +exports.fontWeights = _chunkY6UTFJGNjs.fontWeights; +//# sourceMappingURL=fontWeights.js.map \ No newline at end of file diff --git a/dist/js/typography/fontWeights.js.map b/dist/js/typography/fontWeights.js.map new file mode 100644 index 00000000..a464c673 --- /dev/null +++ b/dist/js/typography/fontWeights.js.map @@ -0,0 +1 @@ +{"version":3,"sources":[],"names":[],"mappings":""} \ No newline at end of file diff --git a/dist/js/typography/fontWeights.mjs b/dist/js/typography/fontWeights.mjs new file mode 100644 index 00000000..48783a48 --- /dev/null +++ b/dist/js/typography/fontWeights.mjs @@ -0,0 +1,7 @@ +import { + fontWeights +} from "../../chunk-CI27TEBG.mjs"; +export { + fontWeights +}; +//# sourceMappingURL=fontWeights.mjs.map \ No newline at end of file diff --git a/dist/js/typography/fontWeights.mjs.map b/dist/js/typography/fontWeights.mjs.map new file mode 100644 index 00000000..84c51b28 --- /dev/null +++ b/dist/js/typography/fontWeights.mjs.map @@ -0,0 +1 @@ +{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]} \ No newline at end of file diff --git a/dist/js/typography/index.js b/dist/js/typography/index.js new file mode 100644 index 00000000..c374f66c --- /dev/null +++ b/dist/js/typography/index.js @@ -0,0 +1,13 @@ +"use strict";Object.defineProperty(exports, "__esModule", {value: true});require('../../chunk-QOVSVHQG.js'); + + +var _chunkU6CWNRHFjs = require('../../chunk-U6CWNRHF.js'); +require('../../chunk-LONLRSC2.js'); +require('../../chunk-7RM4NVSC.js'); +require('../../chunk-Y6UTFJGN.js'); +require('../../chunk-SER5UWJS.js'); +require('../../chunk-RS62Z6R2.js'); + + +exports.typography = _chunkU6CWNRHFjs.typography; +//# sourceMappingURL=index.js.map \ No newline at end of file diff --git a/dist/js/typography/index.js.map b/dist/js/typography/index.js.map new file mode 100644 index 00000000..a464c673 --- /dev/null +++ b/dist/js/typography/index.js.map @@ -0,0 +1 @@ +{"version":3,"sources":[],"names":[],"mappings":""} \ No newline at end of file diff --git a/dist/js/typography/index.mjs b/dist/js/typography/index.mjs new file mode 100644 index 00000000..6e909b9e --- /dev/null +++ b/dist/js/typography/index.mjs @@ -0,0 +1,13 @@ +import "../../chunk-U3QP5QIZ.mjs"; +import { + typography +} from "../../chunk-HAVMFH3M.mjs"; +import "../../chunk-37CYYNL2.mjs"; +import "../../chunk-YE3RTW6R.mjs"; +import "../../chunk-CI27TEBG.mjs"; +import "../../chunk-FXREN35Y.mjs"; +import "../../chunk-R4HHKA64.mjs"; +export { + typography +}; +//# sourceMappingURL=index.mjs.map \ No newline at end of file diff --git a/dist/js/typography/index.mjs.map b/dist/js/typography/index.mjs.map new file mode 100644 index 00000000..84c51b28 --- /dev/null +++ b/dist/js/typography/index.mjs.map @@ -0,0 +1 @@ +{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]} \ No newline at end of file diff --git a/dist/js/typography/letterSpacing.js b/dist/js/typography/letterSpacing.js new file mode 100644 index 00000000..f1497539 --- /dev/null +++ b/dist/js/typography/letterSpacing.js @@ -0,0 +1,7 @@ +"use strict";Object.defineProperty(exports, "__esModule", {value: true}); + +var _chunkSER5UWJSjs = require('../../chunk-SER5UWJS.js'); + + +exports.letterSpacing = _chunkSER5UWJSjs.letterSpacing; +//# sourceMappingURL=letterSpacing.js.map \ No newline at end of file diff --git a/dist/js/typography/letterSpacing.js.map b/dist/js/typography/letterSpacing.js.map new file mode 100644 index 00000000..a464c673 --- /dev/null +++ b/dist/js/typography/letterSpacing.js.map @@ -0,0 +1 @@ +{"version":3,"sources":[],"names":[],"mappings":""} \ No newline at end of file diff --git a/dist/js/typography/letterSpacing.mjs b/dist/js/typography/letterSpacing.mjs new file mode 100644 index 00000000..7166c8a1 --- /dev/null +++ b/dist/js/typography/letterSpacing.mjs @@ -0,0 +1,7 @@ +import { + letterSpacing +} from "../../chunk-FXREN35Y.mjs"; +export { + letterSpacing +}; +//# sourceMappingURL=letterSpacing.mjs.map \ No newline at end of file diff --git a/dist/js/typography/letterSpacing.mjs.map b/dist/js/typography/letterSpacing.mjs.map new file mode 100644 index 00000000..84c51b28 --- /dev/null +++ b/dist/js/typography/letterSpacing.mjs.map @@ -0,0 +1 @@ +{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]} \ No newline at end of file diff --git a/dist/js/typography/lineHeights.js b/dist/js/typography/lineHeights.js new file mode 100644 index 00000000..30bc2f64 --- /dev/null +++ b/dist/js/typography/lineHeights.js @@ -0,0 +1,7 @@ +"use strict";Object.defineProperty(exports, "__esModule", {value: true}); + +var _chunkRS62Z6R2js = require('../../chunk-RS62Z6R2.js'); + + +exports.lineHeights = _chunkRS62Z6R2js.lineHeights; +//# sourceMappingURL=lineHeights.js.map \ No newline at end of file diff --git a/dist/js/typography/lineHeights.js.map b/dist/js/typography/lineHeights.js.map new file mode 100644 index 00000000..a464c673 --- /dev/null +++ b/dist/js/typography/lineHeights.js.map @@ -0,0 +1 @@ +{"version":3,"sources":[],"names":[],"mappings":""} \ No newline at end of file diff --git a/dist/js/typography/lineHeights.mjs b/dist/js/typography/lineHeights.mjs new file mode 100644 index 00000000..79df68ce --- /dev/null +++ b/dist/js/typography/lineHeights.mjs @@ -0,0 +1,7 @@ +import { + lineHeights +} from "../../chunk-R4HHKA64.mjs"; +export { + lineHeights +}; +//# sourceMappingURL=lineHeights.mjs.map \ No newline at end of file diff --git a/dist/js/typography/lineHeights.mjs.map b/dist/js/typography/lineHeights.mjs.map new file mode 100644 index 00000000..84c51b28 --- /dev/null +++ b/dist/js/typography/lineHeights.mjs.map @@ -0,0 +1 @@ +{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]} \ No newline at end of file diff --git a/dist/js/typography/types.js b/dist/js/typography/types.js new file mode 100644 index 00000000..83d39ee7 --- /dev/null +++ b/dist/js/typography/types.js @@ -0,0 +1 @@ +"use strict";//# sourceMappingURL=types.js.map \ No newline at end of file diff --git a/dist/js/typography/types.js.map b/dist/js/typography/types.js.map new file mode 100644 index 00000000..a464c673 --- /dev/null +++ b/dist/js/typography/types.js.map @@ -0,0 +1 @@ +{"version":3,"sources":[],"names":[],"mappings":""} \ No newline at end of file diff --git a/dist/js/typography/types.mjs b/dist/js/typography/types.mjs new file mode 100644 index 00000000..c3d41628 --- /dev/null +++ b/dist/js/typography/types.mjs @@ -0,0 +1 @@ +//# sourceMappingURL=types.mjs.map \ No newline at end of file diff --git a/dist/js/typography/types.mjs.map b/dist/js/typography/types.mjs.map new file mode 100644 index 00000000..84c51b28 --- /dev/null +++ b/dist/js/typography/types.mjs.map @@ -0,0 +1 @@ +{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]} \ No newline at end of file diff --git a/dist/js/typography/typography.js b/dist/js/typography/typography.js new file mode 100644 index 00000000..b131c831 --- /dev/null +++ b/dist/js/typography/typography.js @@ -0,0 +1,12 @@ +"use strict";Object.defineProperty(exports, "__esModule", {value: true}); + +var _chunkU6CWNRHFjs = require('../../chunk-U6CWNRHF.js'); +require('../../chunk-LONLRSC2.js'); +require('../../chunk-7RM4NVSC.js'); +require('../../chunk-Y6UTFJGN.js'); +require('../../chunk-SER5UWJS.js'); +require('../../chunk-RS62Z6R2.js'); + + +exports.typography = _chunkU6CWNRHFjs.typography; +//# sourceMappingURL=typography.js.map \ No newline at end of file diff --git a/dist/js/typography/typography.js.map b/dist/js/typography/typography.js.map new file mode 100644 index 00000000..a464c673 --- /dev/null +++ b/dist/js/typography/typography.js.map @@ -0,0 +1 @@ +{"version":3,"sources":[],"names":[],"mappings":""} \ No newline at end of file diff --git a/dist/js/typography/typography.mjs b/dist/js/typography/typography.mjs new file mode 100644 index 00000000..1383e5c1 --- /dev/null +++ b/dist/js/typography/typography.mjs @@ -0,0 +1,12 @@ +import { + typography +} from "../../chunk-HAVMFH3M.mjs"; +import "../../chunk-37CYYNL2.mjs"; +import "../../chunk-YE3RTW6R.mjs"; +import "../../chunk-CI27TEBG.mjs"; +import "../../chunk-FXREN35Y.mjs"; +import "../../chunk-R4HHKA64.mjs"; +export { + typography +}; +//# sourceMappingURL=typography.mjs.map \ No newline at end of file diff --git a/dist/js/typography/typography.mjs.map b/dist/js/typography/typography.mjs.map new file mode 100644 index 00000000..84c51b28 --- /dev/null +++ b/dist/js/typography/typography.mjs.map @@ -0,0 +1 @@ +{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]} \ No newline at end of file diff --git a/dist/styles.css b/dist/styles.css new file mode 100644 index 00000000..73217be5 --- /dev/null +++ b/dist/styles.css @@ -0,0 +1 @@ +:root{--brand-colors-grey-grey100:#dadce5;--brand-colors-grey-grey200:#b7bbc8;--brand-colors-grey-grey300:#9ca1af;--brand-colors-grey-grey400:#858b9a;--brand-colors-grey-grey500:#686e7d;--brand-colors-grey-grey600:#4b505c;--brand-colors-grey-grey700:#31333a;--brand-colors-grey-grey800:#222325;--brand-colors-grey-grey900:#121314;--brand-colors-grey-grey1000:#000000;--brand-colors-grey-grey050:#f3f5f9;--brand-colors-grey-grey000:#ffffff;--brand-colors-grey-grey025:#f7f9fc;--brand-colors-blue-blue100:#d6dbff;--brand-colors-blue-blue200:#adb6fe;--brand-colors-blue-blue300:#8b99ff;--brand-colors-blue-blue400:#6f7eff;--brand-colors-blue-blue500:#4459ff;--brand-colors-blue-blue600:#2c3dc5;--brand-colors-blue-blue700:#1c277f;--brand-colors-blue-blue800:#131b59;--brand-colors-blue-blue900:#0b0f32;--brand-colors-blue-blue050:#f4f5ff;--brand-colors-blue-blue025:#f8f9ff;--brand-colors-green-green100:#c1e6c9;--brand-colors-green-green200:#80cb91;--brand-colors-green-green300:#4cb564;--brand-colors-green-green400:#279f41;--brand-colors-green-green500:#1c7e33;--brand-colors-green-green600:#145d25;--brand-colors-green-green700:#0d3b18;--brand-colors-green-green800:#092912;--brand-colors-green-green900:#051709;--brand-colors-green-green050:#ebf7ee;--brand-colors-green-green025:#f1faf4;--brand-colors-red-red100:#ffd2d5;--brand-colors-red-red200:#ffa1aa;--brand-colors-red-red300:#ff7584;--brand-colors-red-red400:#f74d5e;--brand-colors-red-red500:#ca3542;--brand-colors-red-red600:#952731;--brand-colors-red-red700:#611a20;--brand-colors-red-red800:#431216;--brand-colors-red-red900:#3b0f13;--brand-colors-red-red050:#fff2f3;--brand-colors-red-red025:#fff6f7;--brand-colors-yellow-yellow100:#ffd957;--brand-colors-yellow-yellow200:#f0b034;--brand-colors-yellow-yellow300:#e18f01;--brand-colors-yellow-yellow400:#c37b02;--brand-colors-yellow-yellow500:#9a6300;--brand-colors-yellow-yellow600:#714802;--brand-colors-yellow-yellow700:#482d01;--brand-colors-yellow-yellow800:#321f00;--brand-colors-yellow-yellow900:#1c1100;--brand-colors-yellow-yellow050:#fff5d5;--brand-colors-yellow-yellow025:#fff9e6;--brand-colors-orange-orange100:#ffd4c1;--brand-colors-orange-orange200:#ffa47c;--brand-colors-orange-orange300:#ff7940;--brand-colors-orange-orange400:#f35714;--brand-colors-orange-orange500:#c3420d;--brand-colors-orange-orange600:#932d06;--brand-colors-orange-orange700:#631800;--brand-colors-orange-orange800:#451100;--brand-colors-orange-orange900:#280a00;--brand-colors-orange-orange050:#fff0ea;--brand-colors-orange-orange025:#fff8f5;--brand-colors-purple-purple100:#efd2ff;--brand-colors-purple-purple200:#dfa4ff;--brand-colors-purple-purple300:#d27dff;--brand-colors-purple-purple400:#b864f5;--brand-colors-purple-purple500:#8f44e4;--brand-colors-purple-purple600:#6c2ab2;--brand-colors-purple-purple700:#6c2ab2;--brand-colors-purple-purple800:#380658;--brand-colors-purple-purple900:#280a00;--brand-colors-purple-purple050:#fbf2ff;--brand-colors-purple-purple025:#fcf6ff;--brand-colors-lime-lime100:#b8ef4a;--brand-colors-lime-lime200:#95ca45;--brand-colors-lime-lime300:#7ab040;--brand-colors-lime-lime400:#64993d;--brand-colors-lime-lime500:#457a39;--brand-colors-lime-lime600:#275b35;--brand-colors-lime-lime700:#093a31;--brand-colors-lime-lime800:#012826;--brand-colors-lime-lime900:#011515;--brand-colors-lime-lime025:#effed9;--brand-colors-lime-lime050:#e3febd;--brand-colors-white:#ffffff;--brand-colors-black:#000000}:root,[data-theme=light]{--color-background-default:var(--brand-colors-grey-grey000);--color-background-alternative:var(--brand-colors-grey-grey050);--color-background-default-hover:#f0f0f0;--color-background-default-pressed:#e0e0e0;--color-background-alternative-hover:#dde3ee;--color-background-alternative-pressed:#c9d2e4;--color-background-hover:#0000000f;--color-background-pressed:#0000001f;--color-text-default:var(--brand-colors-grey-grey900);--color-text-alternative:var(--brand-colors-grey-grey500);--color-text-muted:var(--brand-colors-grey-grey300);--color-icon-default:var(--brand-colors-grey-grey900);--color-icon-alternative:var(--brand-colors-grey-grey500);--color-icon-muted:var(--brand-colors-grey-grey300);--color-border-default:var(--brand-colors-grey-grey200);--color-border-muted:#b7bbc866;--color-overlay-default:#00000066;--color-overlay-alternative:#000000cc;--color-overlay-inverse:var(--brand-colors-grey-grey000);--color-primary-default:var(--brand-colors-blue-blue500);--color-primary-alternative:var(--brand-colors-blue-blue600);--color-primary-muted:#4459ff1a;--color-primary-inverse:var(--brand-colors-grey-grey000);--color-primary-default-hover:#243cff;--color-primary-default-pressed:#0521ff;--color-error-default:var(--brand-colors-red-red500);--color-error-alternative:var(--brand-colors-red-red600);--color-error-muted:#ca35421a;--color-error-inverse:var(--brand-colors-grey-grey000);--color-error-default-hover:#b22f3a;--color-error-default-pressed:#9a2832;--color-warning-default:var(--brand-colors-yellow-yellow500);--color-warning-muted:#9a63001a;--color-warning-inverse:var(--brand-colors-grey-grey000);--color-warning-default-hover:#7a4f00;--color-warning-default-pressed:#5c3b00;--color-success-default:var(--brand-colors-green-green500);--color-success-muted:#1c7e331a;--color-success-inverse:var(--brand-colors-grey-grey000);--color-success-default-hover:#166429;--color-success-default-pressed:#114b1e;--color-info-default:var(--brand-colors-blue-blue500);--color-info-muted:#4459ff1a;--color-info-inverse:var(--brand-colors-grey-grey000);--color-flask-default:var(--brand-colors-purple-purple500);--color-flask-inverse:var(--brand-colors-grey-grey000);--color-shadow-default:#0000001a;--color-shadow-primary:#4459ff33;--color-shadow-error:#ca354266}[data-theme=dark]{--color-background-default:var(--brand-colors-grey-grey800);--color-background-alternative:var(--brand-colors-grey-grey900);--color-background-default-hover:#313235;--color-background-default-pressed:#3f4145;--color-background-alternative-hover:#1f2123;--color-background-alternative-pressed:#2e3033;--color-background-hover:#ffffff0f;--color-background-pressed:#ffffff1f;--color-text-default:var(--brand-colors-grey-grey000);--color-text-alternative:var(--brand-colors-grey-grey200);--color-text-muted:var(--brand-colors-grey-grey400);--color-icon-default:var(--brand-colors-grey-grey000);--color-icon-alternative:var(--brand-colors-grey-grey200);--color-icon-muted:var(--brand-colors-grey-grey400);--color-border-default:var(--brand-colors-grey-grey400);--color-border-muted:#858b9a33;--color-overlay-default:#00000066;--color-overlay-alternative:#000000cc;--color-overlay-inverse:var(--brand-colors-grey-grey000);--color-primary-default:var(--brand-colors-blue-blue300);--color-primary-alternative:var(--brand-colors-blue-blue200);--color-primary-muted:#8b99ff26;--color-primary-inverse:var(--brand-colors-grey-grey900);--color-primary-default-hover:#a8b2ff;--color-primary-default-pressed:#c7ceff;--color-error-default:var(--brand-colors-red-red300);--color-error-alternative:var(--brand-colors-red-red200);--color-error-muted:#ff758426;--color-error-inverse:var(--brand-colors-grey-grey900);--color-error-default-hover:#ff94a0;--color-error-default-pressed:#ffb2bb;--color-warning-default:var(--brand-colors-yellow-yellow100);--color-warning-muted:#ffd95726;--color-warning-inverse:var(--brand-colors-grey-grey900);--color-warning-default-hover:#ffe794;--color-warning-default-pressed:#ffeeb2;--color-success-default:var(--brand-colors-green-green300);--color-success-muted:#4cb56426;--color-success-inverse:var(--brand-colors-grey-grey900);--color-success-default-hover:#60bd76;--color-success-default-pressed:#76c688;--color-info-default:var(--brand-colors-blue-blue300);--color-info-muted:#8b99ff26;--color-info-inverse:var(--brand-colors-grey-grey900);--color-flask-default:var(--brand-colors-purple-purple300);--color-flask-inverse:var(--brand-colors-grey-grey900);--color-shadow-default:#00000066;--color-shadow-primary:#8b99ff33;--color-shadow-error:#ff758433}:root{--font-family-euclid-circular-b:'Euclid Circular B',sans-serif;--font-family-roboto:'Roboto',sans-serif;--font-family-sans:'Euclid Circular B','Roboto',sans-serif;--font-size-base:16px;--font-size-1:0.625rem;--font-size-2:0.75rem;--font-size-3:0.875rem;--font-size-4:1rem;--font-size-5:1.125rem;--font-size-6:1.5rem;--font-size-7:2rem;--font-size-8:3rem;--line-height-1:1rem;--line-height-2:1.25rem;--line-height-3:1.375rem;--line-height-4:1.5rem;--line-height-5:2rem;--line-height-6:2.5rem;--line-height-7:3.5rem;--font-weight-regular:400;--font-weight-medium:500;--font-weight-bold:700;--letter-spacing-0:0;--letter-spacing-1:2.5%;--typography-s-display-md-font-family:var(--font-family-sans);--typography-s-display-md-font-size:var(--font-size-7);--typography-s-display-md-line-height:var(--line-height-6);--typography-s-display-md-font-weight:var(--font-weight-bold);--typography-s-display-md-letter-spacing:var(--letter-spacing-0);--typography-s-heading-lg-font-family:var(--font-family-sans);--typography-s-heading-lg-font-size:var(--font-size-6);--typography-s-heading-lg-line-height:var(--line-height-5);--typography-s-heading-lg-font-weight:var(--font-weight-bold);--typography-s-heading-lg-letter-spacing:var(--letter-spacing-0);--typography-s-heading-md-font-family:var(--font-family-sans);--typography-s-heading-md-font-size:var(--font-size-5);--typography-s-heading-md-line-height:var(--line-height-4);--typography-s-heading-md-font-weight:var(--font-weight-bold);--typography-s-heading-md-letter-spacing:var(--letter-spacing-0);--typography-s-heading-sm-font-family:var(--font-family-sans);--typography-s-heading-sm-font-size:var(--font-size-4);--typography-s-heading-sm-line-height:var(--line-height-4);--typography-s-heading-sm-font-weight:var(--font-weight-bold);--typography-s-heading-sm-letter-spacing:var(--letter-spacing-0);--typography-s-heading-sm-regular-font-family:var(--font-family-sans);--typography-s-heading-sm-regular-font-size:var(--font-size-4);--typography-s-heading-sm-regular-line-height:var(--line-height-4);--typography-s-heading-sm-regular-font-weight:var(--font-weight-regular);--typography-s-heading-sm-regular-letter-spacing:var(--letter-spacing-0);--typography-s-body-lg-medium-font-family:var(--font-family-sans);--typography-s-body-lg-medium-font-size:var(--font-size-4);--typography-s-body-lg-medium-line-height:var(--line-height-4);--typography-s-body-lg-medium-font-weight:var(--font-weight-medium);--typography-s-body-lg-medium-letter-spacing:var(--letter-spacing-0);--typography-s-body-lg-regular-font-family:var(--font-family-sans);--typography-s-body-lg-regular-font-size:var(--font-size-4);--typography-s-body-lg-regular-line-height:var(--line-height-4);--typography-s-body-lg-regular-font-weight:var(--font-weight-medium);--typography-s-body-lg-regular-letter-spacing:var(--letter-spacing-0);--typography-s-body-md-bold-font-family:var(--font-family-sans);--typography-s-body-md-bold-font-size:var(--font-size-3);--typography-s-body-md-bold-line-height:var(--line-height-3);--typography-s-body-md-bold-font-weight:var(--font-weight-bold);--typography-s-body-md-bold-letter-spacing:var(--letter-spacing-0);--typography-s-body-md-medium-font-family:var(--font-family-sans);--typography-s-body-md-medium-font-size:var(--font-size-3);--typography-s-body-md-medium-line-height:var(--line-height-3);--typography-s-body-md-medium-font-weight:var(--font-weight-medium);--typography-s-body-md-medium-letter-spacing:var(--letter-spacing-0);--typography-s-body-md-font-family:var(--font-family-sans);--typography-s-body-md-font-size:var(--font-size-3);--typography-s-body-md-line-height:var(--line-height-3);--typography-s-body-md-font-weight:var(--font-weight-regular);--typography-s-body-md-letter-spacing:var(--letter-spacing-0);--typography-s-body-sm-bold-font-family:var(--font-family-sans);--typography-s-body-sm-bold-font-size:var(--font-size-2);--typography-s-body-sm-bold-line-height:var(--line-height-2);--typography-s-body-sm-bold-font-weight:var(--font-weight-bold);--typography-s-body-sm-bold-letter-spacing:var(--letter-spacing-0);--typography-s-body-sm-medium-font-family:var(--font-family-sans);--typography-s-body-sm-medium-font-size:var(--font-size-2);--typography-s-body-sm-medium-line-height:var(--line-height-2);--typography-s-body-sm-medium-font-weight:var(--font-weight-medium);--typography-s-body-sm-medium-letter-spacing:var(--letter-spacing-0);--typography-s-body-sm-font-family:var(--font-family-sans);--typography-s-body-sm-font-size:var(--font-size-2);--typography-s-body-sm-line-height:var(--line-height-2);--typography-s-body-sm-font-weight:var(--font-weight-regular);--typography-s-body-sm-letter-spacing:var(--letter-spacing-0);--typography-s-body-xs-medium-font-family:var(--font-family-sans);--typography-s-body-xs-medium-font-size:var(--font-size-1);--typography-s-body-xs-medium-line-height:var(--line-height-1);--typography-s-body-xs-medium-font-weight:var(--font-weight-medium);--typography-s-body-xs-medium-letter-spacing:var(--letter-spacing-0);--typography-s-body-xs-font-family:var(--font-family-sans);--typography-s-body-xs-font-size:var(--font-size-1);--typography-s-body-xs-line-height:var(--line-height-1);--typography-s-body-xs-font-weight:var(--font-weight-regular);--typography-s-body-xs-letter-spacing:var(--letter-spacing-0);--typography-l-display-md-font-family:var(--font-family-sans);--typography-l-display-md-font-size:var(--font-size-8);--typography-l-display-md-line-height:var(--line-height-7);--typography-l-display-md-font-weight:var(--font-weight-medium);--typography-l-display-md-letter-spacing:var(--letter-spacing-0);--typography-l-heading-lg-font-family:var(--font-family-sans);--typography-l-heading-lg-font-size:var(--font-size-7);--typography-l-heading-lg-line-height:var(--line-height-6);--typography-l-heading-lg-font-weight:var(--font-weight-bold);--typography-l-heading-lg-letter-spacing:var(--letter-spacing-0);--typography-l-heading-md-font-family:var(--font-family-sans);--typography-l-heading-md-font-size:var(--font-size-6);--typography-l-heading-md-line-height:var(--line-height-5);--typography-l-heading-md-font-weight:var(--font-weight-bold);--typography-l-heading-md-letter-spacing:var(--letter-spacing-0);--typography-l-heading-sm-font-family:var(--font-family-sans);--typography-l-heading-sm-font-size:var(--font-size-5);--typography-l-heading-sm-line-height:var(--line-height-4);--typography-l-heading-sm-font-weight:var(--font-weight-bold);--typography-l-heading-sm-letter-spacing:var(--letter-spacing-0);--typography-l-heading-sm-regular-font-family:var(--font-family-sans);--typography-l-heading-sm-regular-font-size:var(--font-size-5);--typography-l-heading-sm-regular-line-height:var(--line-height-4);--typography-l-heading-sm-regular-font-weight:var(--font-weight-regular);--typography-l-heading-sm-regular-letter-spacing:var(--letter-spacing-0);--typography-l-body-lg-medium-font-family:var(--font-family-sans);--typography-l-body-lg-medium-font-size:var(--font-size-5);--typography-l-body-lg-medium-line-height:var(--line-height-4);--typography-l-body-lg-medium-font-weight:var(--font-weight-medium);--typography-l-body-lg-medium-letter-spacing:var(--letter-spacing-0);--typography-l-body-md-bold-font-family:var(--font-family-sans);--typography-l-body-md-bold-font-size:var(--font-size-4);--typography-l-body-md-bold-line-height:var(--line-height-4);--typography-l-body-md-bold-font-weight:var(--font-weight-bold);--typography-l-body-md-bold-letter-spacing:var(--letter-spacing-0);--typography-l-body-md-medium-font-family:var(--font-family-sans);--typography-l-body-md-medium-font-size:var(--font-size-4);--typography-l-body-md-medium-line-height:var(--line-height-4);--typography-l-body-md-medium-font-weight:var(--font-weight-medium);--typography-l-body-md-medium-letter-spacing:var(--letter-spacing-0);--typography-l-body-md-font-family:var(--font-family-sans);--typography-l-body-md-font-size:var(--font-size-4);--typography-l-body-md-line-height:var(--line-height-4);--typography-l-body-md-font-weight:var(--font-weight-regular);--typography-l-body-md-letter-spacing:var(--letter-spacing-0);--typography-l-body-sm-bold-font-family:var(--font-family-sans);--typography-l-body-sm-bold-font-size:var(--font-size-3);--typography-l-body-sm-bold-line-height:var(--line-height-3);--typography-l-body-sm-bold-font-weight:var(--font-weight-bold);--typography-l-body-sm-bold-letter-spacing:var(--letter-spacing-0);--typography-l-body-sm-medium-font-family:var(--font-family-sans);--typography-l-body-sm-medium-font-size:var(--font-size-3);--typography-l-body-sm-medium-line-height:var(--line-height-3);--typography-l-body-sm-medium-font-weight:var(--font-weight-medium);--typography-l-body-sm-medium-letter-spacing:var(--letter-spacing-0);--typography-l-body-sm-font-family:var(--font-family-sans);--typography-l-body-sm-font-size:var(--font-size-3);--typography-l-body-sm-line-height:var(--line-height-3);--typography-l-body-sm-font-weight:var(--font-weight-regular);--typography-l-body-sm-letter-spacing:var(--letter-spacing-0);--typography-l-body-xs-medium-font-family:var(--font-family-sans);--typography-l-body-xs-medium-font-size:var(--font-size-2);--typography-l-body-xs-medium-line-height:var(--line-height-2);--typography-l-body-xs-medium-font-weight:var(--font-weight-medium);--typography-l-body-xs-medium-letter-spacing:var(--letter-spacing-0);--typography-l-body-xs-font-family:var(--font-family-sans);--typography-l-body-xs-font-size:var(--font-size-2);--typography-l-body-xs-line-height:var(--line-height-2);--typography-l-body-xs-font-weight:var(--font-weight-regular);--typography-l-body-xs-letter-spacing:var(--letter-spacing-0)}:root{--shadow-size-xs:0 2px 4px 0;--shadow-size-sm:0 2px 8px 0;--shadow-size-md:0 2px 16px 0;--shadow-size-lg:0 2px 40px 0} \ No newline at end of file diff --git a/dist/types/index.d.ts b/dist/types/index.d.ts new file mode 100644 index 00000000..9960895e --- /dev/null +++ b/dist/types/index.d.ts @@ -0,0 +1,3 @@ +export type { Theme } from './js'; +export { colors, typography, lightTheme, darkTheme, brandColor } from './js'; +//# sourceMappingURL=index.d.ts.map \ No newline at end of file diff --git a/dist/types/index.d.ts.map b/dist/types/index.d.ts.map new file mode 100644 index 00000000..7f69bdae --- /dev/null +++ b/dist/types/index.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,KAAK,EAAE,MAAM,MAAM,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC"} \ No newline at end of file diff --git a/dist/types/js/brandColor/brandColor.d.ts b/dist/types/js/brandColor/brandColor.d.ts new file mode 100644 index 00000000..ca2d986b --- /dev/null +++ b/dist/types/js/brandColor/brandColor.d.ts @@ -0,0 +1,3 @@ +import type { BrandColor } from './brandColor.types'; +export declare const brandColor: BrandColor; +//# sourceMappingURL=brandColor.d.ts.map \ No newline at end of file diff --git a/dist/types/js/brandColor/brandColor.d.ts.map b/dist/types/js/brandColor/brandColor.d.ts.map new file mode 100644 index 00000000..32e02245 --- /dev/null +++ b/dist/types/js/brandColor/brandColor.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"brandColor.d.ts","sourceRoot":"","sources":["../../../../src/js/brandColor/brandColor.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,eAAO,MAAM,UAAU,EAAE,UAyLxB,CAAC"} \ No newline at end of file diff --git a/dist/types/js/brandColor/brandColor.types.d.ts b/dist/types/js/brandColor/brandColor.types.d.ts new file mode 100644 index 00000000..d2d523f7 --- /dev/null +++ b/dist/types/js/brandColor/brandColor.types.d.ts @@ -0,0 +1,187 @@ +export declare type BrandColor = { + /** grey/grey100: #d6d9dc */ + grey100: string; + /** grey/grey200: #b7bbc8 */ + grey200: string; + /** grey/grey300: #9ca1af */ + grey300: string; + /** grey/grey400: #858b9a */ + grey400: string; + /** grey/grey500: #686e7d */ + grey500: string; + /** grey/grey600: #4b505c */ + grey600: string; + /** grey/grey700: #31333a */ + grey700: string; + /** grey/grey800: #24272a */ + grey800: string; + /** grey/grey900: #121314 */ + grey900: string; + /** grey/grey1000: #000000 */ + grey1000: string; + /** grey/grey050: #f2f4f6 */ + grey050: string; + /** grey/grey000: #ffffff */ + grey000: string; + /** grey/grey025: #fafbfc */ + grey025: string; + /** blue/blue100: #a7d9fe */ + blue100: string; + /** blue/blue200: #adb6fe */ + blue200: string; + /** blue/blue300: #8b99ff */ + blue300: string; + /** blue/blue400: #6f7eff */ + blue400: string; + /** blue/blue500: #4459ff */ + blue500: string; + /** blue/blue600: #2c3dc5 */ + blue600: string; + /** blue/blue700: #1c277f */ + blue700: string; + /** blue/blue800: #131b59 */ + blue800: string; + /** blue/blue900: #0b0f32 */ + blue900: string; + /** blue/blue050: #eaf6ff */ + blue050: string; + /** blue/blue025: #eaf6ff */ + blue025: string; + /** green/green100: #afecbd */ + green100: string; + /** green/green200: #5dd879 */ + green200: string; + /** green/green300: #28a745 */ + green300: string; + /** green/green400: #28a745 */ + green400: string; + /** green/green500: #1c8234 */ + green500: string; + /** green/green600: #145523 */ + green600: string; + /** green/green700: #0d3b18 */ + green700: string; + /** green/green800: #092912 */ + green800: string; + /** green/green900: #051709 */ + green900: string; + /** green/green050: #d6ffdf */ + green050: string; + /** green/green025: #f3fcf5 */ + green025: string; + /** red/red100: #f7d5d8 */ + red100: string; + /** red/red200: #ffa1aa */ + red200: string; + /** red/red300: #ff7584 */ + red300: string; + /** red/red400: #f74d5e */ + red400: string; + /** red/red500: #ca3542 */ + red500: string; + /** red/red600: #8e1d28 */ + red600: string; + /** red/red700: #64141c */ + red700: string; + /** red/red800: #3a0c10 */ + red800: string; + /** red/red900: #3b0f13 */ + red900: string; + /** red/red050: #fcf2f3 */ + red050: string; + /** red/red025: #fcf2f3 */ + red025: string; + /** yellow/yellow100: #ffdf70 */ + yellow100: string; + /** yellow/yellow200: #ffc70a */ + yellow200: string; + /** yellow/yellow300: #f8883b */ + yellow300: string; + /** yellow/yellow400: #f66a0a */ + yellow400: string; + /** yellow/yellow500: #bf5208 */ + yellow500: string; + /** yellow/yellow600: #954005 */ + yellow600: string; + /** yellow/yellow700: #632b04 */ + yellow700: string; + /** yellow/yellow800: #321602 */ + yellow800: string; + /** yellow/yellow900: #321602 */ + yellow900: string; + /** yellow/yellow050: #fff2c5 */ + yellow050: string; + /** yellow/yellow025: #fefcde */ + yellow025: string; + /** orange/orange100: #fbc49d */ + orange100: string; + /** orange/orange200: #faa66c */ + orange200: string; + /** orange/orange300: #f8883b */ + orange300: string; + /** orange/orange400: #f66a0a */ + orange400: string; + /** orange/orange500: #bf5208 */ + orange500: string; + /** orange/orange600: #954005 */ + orange600: string; + /** orange/orange700: #632b04 */ + orange700: string; + /** orange/orange800: #321602 */ + orange800: string; + /** orange/orange900: #321602 */ + orange900: string; + /** orange/orange050: #fde2cf */ + orange050: string; + /** orange/orange025: #fef5ef */ + orange025: string; + /** purple/purple100: #efd2ff */ + purple100: string; + /** purple/purple200: #cfb5f0 */ + purple200: string; + /** purple/purple300: #d27dff */ + purple300: string; + /** purple/purple400: #b864f5 */ + purple400: string; + /** purple/purple500: #8b45b6 */ + purple500: string; + /** purple/purple600: #6c2ab2 */ + purple600: string; + /** purple/purple700: #4c1178 */ + purple700: string; + /** purple/purple800: #32054d */ + purple800: string; + /** purple/purple900: #280a00 */ + purple900: string; + /** purple/purple050: #fbf2ff */ + purple050: string; + /** purple/purple025: #fcf6ff */ + purple025: string; + /** lime/lime100: #b8ef4a */ + lime100: string; + /** lime/lime200: #95ca45 */ + lime200: string; + /** lime/lime300: #7ab040 */ + lime300: string; + /** lime/lime400: #64993d */ + lime400: string; + /** lime/lime500: #457a39 */ + lime500: string; + /** lime/lime600: #275b35 */ + lime600: string; + /** lime/lime700: #093a31 */ + lime700: string; + /** lime/lime800: #022321 */ + lime800: string; + /** lime/lime900: #011515 */ + lime900: string; + /** lime/lime025: #effed9 */ + lime025: string; + /** lime/lime050: #e3febd */ + lime050: string; + /** white: #ffffff */ + white: string; + /** black: #000000 */ + black: string; +}; +//# sourceMappingURL=brandColor.types.d.ts.map \ No newline at end of file diff --git a/dist/types/js/brandColor/brandColor.types.d.ts.map b/dist/types/js/brandColor/brandColor.types.d.ts.map new file mode 100644 index 00000000..450fd4cd --- /dev/null +++ b/dist/types/js/brandColor/brandColor.types.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"brandColor.types.d.ts","sourceRoot":"","sources":["../../../../src/js/brandColor/brandColor.types.ts"],"names":[],"mappings":"AAAA,oBAAY,UAAU,GAAG;IACvB,4BAA4B;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,4BAA4B;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,4BAA4B;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,4BAA4B;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,4BAA4B;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,4BAA4B;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,4BAA4B;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,4BAA4B;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,4BAA4B;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,6BAA6B;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,4BAA4B;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,4BAA4B;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,4BAA4B;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,4BAA4B;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,4BAA4B;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,4BAA4B;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,4BAA4B;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,4BAA4B;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,4BAA4B;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,4BAA4B;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,4BAA4B;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,4BAA4B;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,4BAA4B;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,4BAA4B;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,8BAA8B;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB,8BAA8B;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB,8BAA8B;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB,8BAA8B;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB,8BAA8B;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB,8BAA8B;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB,8BAA8B;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB,8BAA8B;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB,8BAA8B;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB,8BAA8B;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB,8BAA8B;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB,0BAA0B;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,0BAA0B;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,0BAA0B;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,0BAA0B;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,0BAA0B;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,0BAA0B;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,0BAA0B;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,0BAA0B;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,0BAA0B;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,0BAA0B;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,0BAA0B;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,gCAAgC;IAChC,SAAS,EAAE,MAAM,CAAC;IAClB,gCAAgC;IAChC,SAAS,EAAE,MAAM,CAAC;IAClB,gCAAgC;IAChC,SAAS,EAAE,MAAM,CAAC;IAClB,gCAAgC;IAChC,SAAS,EAAE,MAAM,CAAC;IAClB,gCAAgC;IAChC,SAAS,EAAE,MAAM,CAAC;IAClB,gCAAgC;IAChC,SAAS,EAAE,MAAM,CAAC;IAClB,gCAAgC;IAChC,SAAS,EAAE,MAAM,CAAC;IAClB,gCAAgC;IAChC,SAAS,EAAE,MAAM,CAAC;IAClB,gCAAgC;IAChC,SAAS,EAAE,MAAM,CAAC;IAClB,gCAAgC;IAChC,SAAS,EAAE,MAAM,CAAC;IAClB,gCAAgC;IAChC,SAAS,EAAE,MAAM,CAAC;IAClB,gCAAgC;IAChC,SAAS,EAAE,MAAM,CAAC;IAClB,gCAAgC;IAChC,SAAS,EAAE,MAAM,CAAC;IAClB,gCAAgC;IAChC,SAAS,EAAE,MAAM,CAAC;IAClB,gCAAgC;IAChC,SAAS,EAAE,MAAM,CAAC;IAClB,gCAAgC;IAChC,SAAS,EAAE,MAAM,CAAC;IAClB,gCAAgC;IAChC,SAAS,EAAE,MAAM,CAAC;IAClB,gCAAgC;IAChC,SAAS,EAAE,MAAM,CAAC;IAClB,gCAAgC;IAChC,SAAS,EAAE,MAAM,CAAC;IAClB,gCAAgC;IAChC,SAAS,EAAE,MAAM,CAAC;IAClB,gCAAgC;IAChC,SAAS,EAAE,MAAM,CAAC;IAClB,gCAAgC;IAChC,SAAS,EAAE,MAAM,CAAC;IAClB,gCAAgC;IAChC,SAAS,EAAE,MAAM,CAAC;IAClB,gCAAgC;IAChC,SAAS,EAAE,MAAM,CAAC;IAClB,gCAAgC;IAChC,SAAS,EAAE,MAAM,CAAC;IAClB,gCAAgC;IAChC,SAAS,EAAE,MAAM,CAAC;IAClB,gCAAgC;IAChC,SAAS,EAAE,MAAM,CAAC;IAClB,gCAAgC;IAChC,SAAS,EAAE,MAAM,CAAC;IAClB,gCAAgC;IAChC,SAAS,EAAE,MAAM,CAAC;IAClB,gCAAgC;IAChC,SAAS,EAAE,MAAM,CAAC;IAClB,gCAAgC;IAChC,SAAS,EAAE,MAAM,CAAC;IAClB,gCAAgC;IAChC,SAAS,EAAE,MAAM,CAAC;IAClB,gCAAgC;IAChC,SAAS,EAAE,MAAM,CAAC;IAClB,4BAA4B;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,4BAA4B;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,4BAA4B;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,4BAA4B;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,4BAA4B;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,4BAA4B;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,4BAA4B;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,4BAA4B;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,4BAA4B;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,4BAA4B;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,4BAA4B;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,qBAAqB;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,qBAAqB;IACrB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC"} \ No newline at end of file diff --git a/dist/types/js/brandColor/index.d.ts b/dist/types/js/brandColor/index.d.ts new file mode 100644 index 00000000..738ff76d --- /dev/null +++ b/dist/types/js/brandColor/index.d.ts @@ -0,0 +1,3 @@ +export { brandColor } from './brandColor'; +export type { BrandColor } from './brandColor.types'; +//# sourceMappingURL=index.d.ts.map \ No newline at end of file diff --git a/dist/types/js/brandColor/index.d.ts.map b/dist/types/js/brandColor/index.d.ts.map new file mode 100644 index 00000000..22baec12 --- /dev/null +++ b/dist/types/js/brandColor/index.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/js/brandColor/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC"} \ No newline at end of file diff --git a/dist/types/js/colors/colors.d.ts b/dist/types/js/colors/colors.d.ts new file mode 100644 index 00000000..a693ce06 --- /dev/null +++ b/dist/types/js/colors/colors.d.ts @@ -0,0 +1,157 @@ +/** + * This object is DEPRECATED in favour of the theme objects + * jest ignores this file when testing coverage + */ +export declare const colors: { + light: { + background: { + default: string; + defaultHover: string; + defaultPressed: string; + alternative: string; + alternativeHover: string; + alternativePressed: string; + hover: string; + pressed: string; + }; + text: { + default: string; + alternative: string; + muted: string; + }; + icon: { + default: string; + alternative: string; + muted: string; + }; + border: { + default: string; + muted: string; + }; + overlay: { + default: string; + alternative: string; + inverse: string; + }; + shadow: { + default: string; + primary: string; + error: string; + }; + primary: { + default: string; + defaultHover: string; + defaultPressed: string; + alternative: string; + muted: string; + inverse: string; + }; + error: { + default: string; + defaultHover: string; + defaultPressed: string; + alternative: string; + muted: string; + inverse: string; + }; + warning: { + default: string; + defaultHover: string; + defaultPressed: string; + muted: string; + inverse: string; + }; + success: { + default: string; + defaultHover: string; + defaultPressed: string; + muted: string; + inverse: string; + }; + info: { + default: string; + muted: string; + inverse: string; + }; + flask: { + default: string; + inverse: string; + }; + }; + dark: { + background: { + default: string; + defaultHover: string; + defaultPressed: string; + alternative: string; + alternativeHover: string; + alternativePressed: string; + hover: string; + pressed: string; + }; + text: { + default: string; + alternative: string; + muted: string; + }; + icon: { + default: string; + alternative: string; + muted: string; + }; + border: { + default: string; + muted: string; + }; + overlay: { + default: string; + alternative: string; + inverse: string; + }; + shadow: { + default: string; + primary: string; + error: string; + }; + primary: { + default: string; + defaultHover: string; + defaultPressed: string; + alternative: string; + muted: string; + inverse: string; + }; + error: { + default: string; + defaultHover: string; + defaultPressed: string; + alternative: string; + muted: string; + inverse: string; + }; + warning: { + default: string; + defaultHover: string; + defaultPressed: string; + muted: string; + inverse: string; + }; + success: { + default: string; + defaultHover: string; + defaultPressed: string; + muted: string; + inverse: string; + }; + info: { + default: string; + muted: string; + inverse: string; + }; + flask: { + default: string; + inverse: string; + }; + }; +}; +//# sourceMappingURL=colors.d.ts.map \ No newline at end of file diff --git a/dist/types/js/colors/colors.d.ts.map b/dist/types/js/colors/colors.d.ts.map new file mode 100644 index 00000000..959922cb --- /dev/null +++ b/dist/types/js/colors/colors.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../../../src/js/colors/colors.ts"],"names":[],"mappings":"AAEA;;;GAGG;AAEH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOlB,CAAC"} \ No newline at end of file diff --git a/dist/types/js/colors/index.d.ts b/dist/types/js/colors/index.d.ts new file mode 100644 index 00000000..04c468ca --- /dev/null +++ b/dist/types/js/colors/index.d.ts @@ -0,0 +1,3 @@ +export { colors as default } from './colors'; +export { colors } from './colors'; +//# sourceMappingURL=index.d.ts.map \ No newline at end of file diff --git a/dist/types/js/colors/index.d.ts.map b/dist/types/js/colors/index.d.ts.map new file mode 100644 index 00000000..7047f77a --- /dev/null +++ b/dist/types/js/colors/index.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/js/colors/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,OAAO,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC"} \ No newline at end of file diff --git a/dist/types/js/index.d.ts b/dist/types/js/index.d.ts new file mode 100644 index 00000000..1c747760 --- /dev/null +++ b/dist/types/js/index.d.ts @@ -0,0 +1,7 @@ +export type { Theme } from './themes'; +export { brandColor } from './brandColor'; +export { lightTheme } from './themes'; +export { darkTheme } from './themes'; +export { colors } from './colors'; +export { typography } from './typography'; +//# sourceMappingURL=index.d.ts.map \ No newline at end of file diff --git a/dist/types/js/index.d.ts.map b/dist/types/js/index.d.ts.map new file mode 100644 index 00000000..851a8021 --- /dev/null +++ b/dist/types/js/index.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/js/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAGrC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"} \ No newline at end of file diff --git a/dist/types/js/themes/darkTheme/colors.d.ts b/dist/types/js/themes/darkTheme/colors.d.ts new file mode 100644 index 00000000..46308b53 --- /dev/null +++ b/dist/types/js/themes/darkTheme/colors.d.ts @@ -0,0 +1,3 @@ +import type { ThemeColors } from '../types'; +export declare const colors: ThemeColors; +//# sourceMappingURL=colors.d.ts.map \ No newline at end of file diff --git a/dist/types/js/themes/darkTheme/colors.d.ts.map b/dist/types/js/themes/darkTheme/colors.d.ts.map new file mode 100644 index 00000000..75ef5632 --- /dev/null +++ b/dist/types/js/themes/darkTheme/colors.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../../../../src/js/themes/darkTheme/colors.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,eAAO,MAAM,MAAM,EAAE,WA0EpB,CAAC"} \ No newline at end of file diff --git a/dist/types/js/themes/darkTheme/darkTheme.d.ts b/dist/types/js/themes/darkTheme/darkTheme.d.ts new file mode 100644 index 00000000..1d7f840e --- /dev/null +++ b/dist/types/js/themes/darkTheme/darkTheme.d.ts @@ -0,0 +1,3 @@ +import type { Theme } from '../types'; +export declare const darkTheme: Theme; +//# sourceMappingURL=darkTheme.d.ts.map \ No newline at end of file diff --git a/dist/types/js/themes/darkTheme/darkTheme.d.ts.map b/dist/types/js/themes/darkTheme/darkTheme.d.ts.map new file mode 100644 index 00000000..5a1cfd90 --- /dev/null +++ b/dist/types/js/themes/darkTheme/darkTheme.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"darkTheme.d.ts","sourceRoot":"","sources":["../../../../../src/js/themes/darkTheme/darkTheme.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAItC,eAAO,MAAM,SAAS,EAAE,KAIvB,CAAC"} \ No newline at end of file diff --git a/dist/types/js/themes/darkTheme/index.d.ts b/dist/types/js/themes/darkTheme/index.d.ts new file mode 100644 index 00000000..707ad5db --- /dev/null +++ b/dist/types/js/themes/darkTheme/index.d.ts @@ -0,0 +1,2 @@ +export { darkTheme } from './darkTheme'; +//# sourceMappingURL=index.d.ts.map \ No newline at end of file diff --git a/dist/types/js/themes/darkTheme/index.d.ts.map b/dist/types/js/themes/darkTheme/index.d.ts.map new file mode 100644 index 00000000..0a4e3ed0 --- /dev/null +++ b/dist/types/js/themes/darkTheme/index.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/js/themes/darkTheme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC"} \ No newline at end of file diff --git a/dist/types/js/themes/darkTheme/shadows.d.ts b/dist/types/js/themes/darkTheme/shadows.d.ts new file mode 100644 index 00000000..3b97bd21 --- /dev/null +++ b/dist/types/js/themes/darkTheme/shadows.d.ts @@ -0,0 +1,3 @@ +import type { ThemeShadows } from '../types'; +export declare const shadows: ThemeShadows; +//# sourceMappingURL=shadows.d.ts.map \ No newline at end of file diff --git a/dist/types/js/themes/darkTheme/shadows.d.ts.map b/dist/types/js/themes/darkTheme/shadows.d.ts.map new file mode 100644 index 00000000..5088e588 --- /dev/null +++ b/dist/types/js/themes/darkTheme/shadows.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"shadows.d.ts","sourceRoot":"","sources":["../../../../../src/js/themes/darkTheme/shadows.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAG7C,eAAO,MAAM,OAAO,EAAE,YAuCrB,CAAC"} \ No newline at end of file diff --git a/dist/types/js/themes/index.d.ts b/dist/types/js/themes/index.d.ts new file mode 100644 index 00000000..adfce2b0 --- /dev/null +++ b/dist/types/js/themes/index.d.ts @@ -0,0 +1,4 @@ +export { lightTheme } from './lightTheme'; +export { darkTheme } from './darkTheme'; +export type { Theme } from './types'; +//# sourceMappingURL=index.d.ts.map \ No newline at end of file diff --git a/dist/types/js/themes/index.d.ts.map b/dist/types/js/themes/index.d.ts.map new file mode 100644 index 00000000..243bae17 --- /dev/null +++ b/dist/types/js/themes/index.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/js/themes/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC"} \ No newline at end of file diff --git a/dist/types/js/themes/lightTheme/colors.d.ts b/dist/types/js/themes/lightTheme/colors.d.ts new file mode 100644 index 00000000..46308b53 --- /dev/null +++ b/dist/types/js/themes/lightTheme/colors.d.ts @@ -0,0 +1,3 @@ +import type { ThemeColors } from '../types'; +export declare const colors: ThemeColors; +//# sourceMappingURL=colors.d.ts.map \ No newline at end of file diff --git a/dist/types/js/themes/lightTheme/colors.d.ts.map b/dist/types/js/themes/lightTheme/colors.d.ts.map new file mode 100644 index 00000000..621a52aa --- /dev/null +++ b/dist/types/js/themes/lightTheme/colors.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../../../../src/js/themes/lightTheme/colors.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,eAAO,MAAM,MAAM,EAAE,WA0EpB,CAAC"} \ No newline at end of file diff --git a/dist/types/js/themes/lightTheme/index.d.ts b/dist/types/js/themes/lightTheme/index.d.ts new file mode 100644 index 00000000..a1090c54 --- /dev/null +++ b/dist/types/js/themes/lightTheme/index.d.ts @@ -0,0 +1,2 @@ +export { lightTheme } from './lightTheme'; +//# sourceMappingURL=index.d.ts.map \ No newline at end of file diff --git a/dist/types/js/themes/lightTheme/index.d.ts.map b/dist/types/js/themes/lightTheme/index.d.ts.map new file mode 100644 index 00000000..ea9e6efb --- /dev/null +++ b/dist/types/js/themes/lightTheme/index.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/js/themes/lightTheme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"} \ No newline at end of file diff --git a/dist/types/js/themes/lightTheme/lightTheme.d.ts b/dist/types/js/themes/lightTheme/lightTheme.d.ts new file mode 100644 index 00000000..e56e3253 --- /dev/null +++ b/dist/types/js/themes/lightTheme/lightTheme.d.ts @@ -0,0 +1,3 @@ +import type { Theme } from '../types'; +export declare const lightTheme: Theme; +//# sourceMappingURL=lightTheme.d.ts.map \ No newline at end of file diff --git a/dist/types/js/themes/lightTheme/lightTheme.d.ts.map b/dist/types/js/themes/lightTheme/lightTheme.d.ts.map new file mode 100644 index 00000000..14a81250 --- /dev/null +++ b/dist/types/js/themes/lightTheme/lightTheme.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"lightTheme.d.ts","sourceRoot":"","sources":["../../../../../src/js/themes/lightTheme/lightTheme.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAItC,eAAO,MAAM,UAAU,EAAE,KAIxB,CAAC"} \ No newline at end of file diff --git a/dist/types/js/themes/lightTheme/shadows.d.ts b/dist/types/js/themes/lightTheme/shadows.d.ts new file mode 100644 index 00000000..3b97bd21 --- /dev/null +++ b/dist/types/js/themes/lightTheme/shadows.d.ts @@ -0,0 +1,3 @@ +import type { ThemeShadows } from '../types'; +export declare const shadows: ThemeShadows; +//# sourceMappingURL=shadows.d.ts.map \ No newline at end of file diff --git a/dist/types/js/themes/lightTheme/shadows.d.ts.map b/dist/types/js/themes/lightTheme/shadows.d.ts.map new file mode 100644 index 00000000..1a190ccf --- /dev/null +++ b/dist/types/js/themes/lightTheme/shadows.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"shadows.d.ts","sourceRoot":"","sources":["../../../../../src/js/themes/lightTheme/shadows.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAG7C,eAAO,MAAM,OAAO,EAAE,YAuCrB,CAAC"} \ No newline at end of file diff --git a/dist/types/js/themes/types.d.ts b/dist/types/js/themes/types.d.ts new file mode 100644 index 00000000..64f25bb0 --- /dev/null +++ b/dist/types/js/themes/types.d.ts @@ -0,0 +1,248 @@ +import type { ThemeTypography } from '../typography'; +declare type ShadowShape = { + shadowColor: string; + shadowOffset: { + width: number; + height: number; + }; + shadowOpacity: number; + shadowRadius: number; +}; +declare type ShadowSizes = { + xs: ShadowShape; + sm: ShadowShape; + md: ShadowShape; + lg: ShadowShape; +}; +export declare type ThemeShadows = { + size: ShadowSizes; +}; +export declare type ThemeColors = { + background: { + /** + * {string} background.default - For default neutral backgrounds + */ + default: string; + /** + * {string} background.defaultHover - For component hover states that use background/default + */ + defaultHover: string; + /** + * {string} background.defaultPressed - For component pressed states that use background/default. + */ + defaultPressed: string; + /** + * {string} background.alternative - For a subtle contrast option for neutral backgrounds. (Example: backdrop, header background) + */ + alternative: string; + /** + * {string} background.alternativeHover - For component hover states that use background/alternative + */ + alternativeHover: string; + /** + * {string} background.alternativePressed - For component pressed states that use background/alternative + */ + alternativePressed: string; + /** + * {string} background.hover - For component hover states that don't have a background color + */ + hover: string; + /** + * {string} background.pressed - For component pressed states that don't have a background color + */ + pressed: string; + }; + text: { + /** + * {string} text.default - For general text that takes main priority in the information hierarchy + */ + default: string; + /** + * {string} text.alternative - For a weaker contrast option for neutral text + */ + alternative: string; + /** + * {string} text.muted - For inactive or lowest priority text. (Example: placeholder) + */ + muted: string; + }; + icon: { + /** + * {string} icon.default - For default neutral icons + */ + default: string; + /** + * {string} icon.alternative - For a weaker contrast option for neutral icons + */ + alternative: string; + /** + * {string} icon.muted - For inactive or lowest priority icons + */ + muted: string; + }; + border: { + /** + * {string} border.default - For default neutral borders with visible contrast. (Example: text inputs) + */ + default: string; + /** + * {string} border.muted - For a weaker contrast option for neutral borders. + */ + muted: string; + }; + overlay: { + /** + * {string} overlay.default - For shading layers behind modality screens + */ + default: string; + /** + * {string} overlay.alternative - For a stronger shade of screen + */ + alternative: string; + /** + * {string} overlay.inverse - For elements used on top of overlay/alternative. Used for text, icon or border + */ + inverse: string; + }; + shadow: { + /** + * {string} shadow.default - For neutral drop shadow color. + */ + default: string; + /** + * {string} shadow.primary - For primary drop shadow color. + */ + primary: string; + /** + * {string} shadow.default - For critical/danger drop shadow color. + */ + error: string; + }; + primary: { + /** + * {string} primary.default - For primary user action related elements + */ + default: string; + /** + * {string} defaultHover - For the "hover" state of interactive elements + */ + defaultHover: string; + /** + * {string} defaultPressed - For the "pressed" state of interactive elements + */ + defaultPressed: string; + /** + * {string} primary.alternative - For the \"pressed\" state of interactive primary elements + */ + alternative: string; + /** + * {string} primary.muted - For lowest contrast background used in primary elements + */ + muted: string; + /** + * {string} primary.inverse - For elements used on top of primary/default. (Example: label of primary button, check in a checkbox)disabled state + */ + inverse: string; + }; + error: { + /** + * {string} error.default - For high-level alert danger/critical elements. Used for text, background, icon or border + */ + default: string; + /** + * {string} defaultHover - For the "hover" state of interactive elements + */ + defaultHover: string; + /** + * {string} defaultPressed - For the "pressed" state of interactive elements + */ + defaultPressed: string; + /** + * {string} error.alternative - For the \"pressed\" state of interactive danger/critical elements + */ + alternative: string; + /** + * {string} error.muted - For lowest contrast background used in high-level alert danger/critical elements. (Example: notification background) + */ + muted: string; + /** + * {string} error.inverse - For elements used on top of error/default (Example: label of danger/critical button) + */ + inverse: string; + }; + warning: { + /** + * {string} warning.muted - For lowest contrast background used in warning elements. (Example: notification background) + */ + default: string; + /** + * {string} defaultHover - For the "hover" state of interactive elements + */ + defaultHover: string; + /** + * {string} defaultPressed - For the "pressed" state of interactive elements + */ + defaultPressed: string; + /** + * {string} warning.muted - For lowest contrast background used in warning elements. (Example: notification background) + */ + muted: string; + /** + * {string} warning.inverse - For elements used on top of warning/default. Used for text, icon or border + */ + inverse: string; + }; + success: { + /** + * {string} success.default - For positive & good semantic elements. Used for text, background, icon or border + */ + default: string; + /** + * {string} defaultHover - For the "hover" state of interactive elements + */ + defaultHover: string; + /** + * {string} defaultPressed - For the "pressed" state of interactive elements + */ + defaultPressed: string; + /** + * {string} success.muted - For lowest contrast background used in success semantic. (Example: notification background) + */ + muted: string; + /** + * {string} success.inverse - For elements used on top of success/default. Used for text, icon or border + */ + inverse: string; + }; + info: { + /** + * {string} info.default - For informational semantic elements. Used for text, background, icon or border + */ + default: string; + /** + * {string} info.muted - For lowest contrast background used in informational semantic. (Example: notification background) + */ + muted: string; + /** + * {string} info.inverse - For elements used on top of info/default. Used for text, icon or border + */ + inverse: string; + }; + flask: { + /** + * {string} flask.default - For Flask colored elements + */ + default: string; + /** + * {string} flask.inverse - For elements used on top of flask/default + */ + inverse: string; + }; +}; +export declare type Theme = { + colors: ThemeColors; + typography: ThemeTypography; + shadows: ThemeShadows; +}; +export {}; +//# sourceMappingURL=types.d.ts.map \ No newline at end of file diff --git a/dist/types/js/themes/types.d.ts.map b/dist/types/js/themes/types.d.ts.map new file mode 100644 index 00000000..d885a38a --- /dev/null +++ b/dist/types/js/themes/types.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/js/themes/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAErD,aAAK,WAAW,GAAG;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE;QACZ,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,aAAK,WAAW,GAAG;IACjB,EAAE,EAAE,WAAW,CAAC;IAChB,EAAE,EAAE,WAAW,CAAC;IAChB,EAAE,EAAE,WAAW,CAAC;IAChB,EAAE,EAAE,WAAW,CAAC;CACjB,CAAC;AAEF,oBAAY,YAAY,GAAG;IACzB,IAAI,EAAE,WAAW,CAAC;CACnB,CAAC;AAEF,oBAAY,WAAW,GAAG;IACxB,UAAU,EAAE;QACV;;WAEG;QACH,OAAO,EAAE,MAAM,CAAC;QAChB;;WAEG;QACH,YAAY,EAAE,MAAM,CAAC;QACrB;;WAEG;QACH,cAAc,EAAE,MAAM,CAAC;QACvB;;WAEG;QACH,WAAW,EAAE,MAAM,CAAC;QACpB;;WAEG;QACH,gBAAgB,EAAE,MAAM,CAAC;QACzB;;WAEG;QACH,kBAAkB,EAAE,MAAM,CAAC;QAC3B;;WAEG;QACH,KAAK,EAAE,MAAM,CAAC;QACd;;WAEG;QACH,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,IAAI,EAAE;QACJ;;WAEG;QACH,OAAO,EAAE,MAAM,CAAC;QAChB;;WAEG;QACH,WAAW,EAAE,MAAM,CAAC;QACpB;;WAEG;QACH,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;IACF,IAAI,EAAE;QACJ;;WAEG;QACH,OAAO,EAAE,MAAM,CAAC;QAChB;;WAEG;QACH,WAAW,EAAE,MAAM,CAAC;QACpB;;WAEG;QACH,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;IACF,MAAM,EAAE;QACN;;WAEG;QACH,OAAO,EAAE,MAAM,CAAC;QAChB;;WAEG;QACH,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;IACF,OAAO,EAAE;QACP;;WAEG;QACH,OAAO,EAAE,MAAM,CAAC;QAChB;;WAEG;QACH,WAAW,EAAE,MAAM,CAAC;QACpB;;WAEG;QACH,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,MAAM,EAAE;QACN;;WAEG;QACH,OAAO,EAAE,MAAM,CAAC;QAChB;;WAEG;QACH,OAAO,EAAE,MAAM,CAAC;QAChB;;WAEG;QACH,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;IACF,OAAO,EAAE;QACP;;WAEG;QACH,OAAO,EAAE,MAAM,CAAC;QAChB;;WAEG;QACH,YAAY,EAAE,MAAM,CAAC;QACrB;;WAEG;QACH,cAAc,EAAE,MAAM,CAAC;QACvB;;WAEG;QACH,WAAW,EAAE,MAAM,CAAC;QACpB;;WAEG;QACH,KAAK,EAAE,MAAM,CAAC;QACd;;WAEG;QACH,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,KAAK,EAAE;QACL;;WAEG;QACH,OAAO,EAAE,MAAM,CAAC;QAChB;;WAEG;QACH,YAAY,EAAE,MAAM,CAAC;QACrB;;WAEG;QACH,cAAc,EAAE,MAAM,CAAC;QACvB;;WAEG;QACH,WAAW,EAAE,MAAM,CAAC;QACpB;;WAEG;QACH,KAAK,EAAE,MAAM,CAAC;QACd;;WAEG;QACH,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,OAAO,EAAE;QACP;;WAEG;QACH,OAAO,EAAE,MAAM,CAAC;QAChB;;WAEG;QACH,YAAY,EAAE,MAAM,CAAC;QACrB;;WAEG;QACH,cAAc,EAAE,MAAM,CAAC;QACvB;;WAEG;QACH,KAAK,EAAE,MAAM,CAAC;QACd;;WAEG;QACH,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,OAAO,EAAE;QACP;;WAEG;QACH,OAAO,EAAE,MAAM,CAAC;QAChB;;WAEG;QACH,YAAY,EAAE,MAAM,CAAC;QACrB;;WAEG;QACH,cAAc,EAAE,MAAM,CAAC;QACvB;;WAEG;QACH,KAAK,EAAE,MAAM,CAAC;QACd;;WAEG;QACH,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,IAAI,EAAE;QACJ;;WAEG;QACH,OAAO,EAAE,MAAM,CAAC;QAChB;;WAEG;QACH,KAAK,EAAE,MAAM,CAAC;QACd;;WAEG;QACH,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,KAAK,EAAE;QACL;;WAEG;QACH,OAAO,EAAE,MAAM,CAAC;QAChB;;WAEG;QACH,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;CACH,CAAC;AAEF,oBAAY,KAAK,GAAG;IAClB,MAAM,EAAE,WAAW,CAAC;IACpB,UAAU,EAAE,eAAe,CAAC;IAC5B,OAAO,EAAE,YAAY,CAAC;CACvB,CAAC"} \ No newline at end of file diff --git a/dist/types/js/typography/fontFamilies.d.ts b/dist/types/js/typography/fontFamilies.d.ts new file mode 100644 index 00000000..87ab52fb --- /dev/null +++ b/dist/types/js/typography/fontFamilies.d.ts @@ -0,0 +1,4 @@ +export declare const fontFamilies: { + euclidCircularB: string; +}; +//# sourceMappingURL=fontFamilies.d.ts.map \ No newline at end of file diff --git a/dist/types/js/typography/fontFamilies.d.ts.map b/dist/types/js/typography/fontFamilies.d.ts.map new file mode 100644 index 00000000..25666a3d --- /dev/null +++ b/dist/types/js/typography/fontFamilies.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"fontFamilies.d.ts","sourceRoot":"","sources":["../../../../src/js/typography/fontFamilies.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY;;CAExB,CAAC"} \ No newline at end of file diff --git a/dist/types/js/typography/fontSizes.d.ts b/dist/types/js/typography/fontSizes.d.ts new file mode 100644 index 00000000..dc5ce085 --- /dev/null +++ b/dist/types/js/typography/fontSizes.d.ts @@ -0,0 +1,11 @@ +export declare const fontSizes: { + fontSize1: number; + fontSize2: number; + fontSize3: number; + fontSize4: number; + fontSize5: number; + fontSize6: number; + fontSize7: number; + fontSize8: number; +}; +//# sourceMappingURL=fontSizes.d.ts.map \ No newline at end of file diff --git a/dist/types/js/typography/fontSizes.d.ts.map b/dist/types/js/typography/fontSizes.d.ts.map new file mode 100644 index 00000000..7f885fc0 --- /dev/null +++ b/dist/types/js/typography/fontSizes.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"fontSizes.d.ts","sourceRoot":"","sources":["../../../../src/js/typography/fontSizes.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS;;;;;;;;;CASrB,CAAC"} \ No newline at end of file diff --git a/dist/types/js/typography/fontWeights.d.ts b/dist/types/js/typography/fontWeights.d.ts new file mode 100644 index 00000000..f66e6daf --- /dev/null +++ b/dist/types/js/typography/fontWeights.d.ts @@ -0,0 +1,6 @@ +export declare const fontWeights: { + regular: string; + medium: string; + bold: string; +}; +//# sourceMappingURL=fontWeights.d.ts.map \ No newline at end of file diff --git a/dist/types/js/typography/fontWeights.d.ts.map b/dist/types/js/typography/fontWeights.d.ts.map new file mode 100644 index 00000000..eaee12e6 --- /dev/null +++ b/dist/types/js/typography/fontWeights.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"fontWeights.d.ts","sourceRoot":"","sources":["../../../../src/js/typography/fontWeights.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW;;;;CAIvB,CAAC"} \ No newline at end of file diff --git a/dist/types/js/typography/index.d.ts b/dist/types/js/typography/index.d.ts new file mode 100644 index 00000000..d7e2e1b5 --- /dev/null +++ b/dist/types/js/typography/index.d.ts @@ -0,0 +1,3 @@ +export { typography } from './typography'; +export type { ThemeTypography } from './types'; +//# sourceMappingURL=index.d.ts.map \ No newline at end of file diff --git a/dist/types/js/typography/index.d.ts.map b/dist/types/js/typography/index.d.ts.map new file mode 100644 index 00000000..ba28f218 --- /dev/null +++ b/dist/types/js/typography/index.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/js/typography/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC"} \ No newline at end of file diff --git a/dist/types/js/typography/letterSpacing.d.ts b/dist/types/js/typography/letterSpacing.d.ts new file mode 100644 index 00000000..bdb1fbd2 --- /dev/null +++ b/dist/types/js/typography/letterSpacing.d.ts @@ -0,0 +1,5 @@ +export declare const letterSpacing: { + letterSpacing0: number; + letterSpacing1: number; +}; +//# sourceMappingURL=letterSpacing.d.ts.map \ No newline at end of file diff --git a/dist/types/js/typography/letterSpacing.d.ts.map b/dist/types/js/typography/letterSpacing.d.ts.map new file mode 100644 index 00000000..f7898bb8 --- /dev/null +++ b/dist/types/js/typography/letterSpacing.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"letterSpacing.d.ts","sourceRoot":"","sources":["../../../../src/js/typography/letterSpacing.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa;;;CAGzB,CAAC"} \ No newline at end of file diff --git a/dist/types/js/typography/lineHeights.d.ts b/dist/types/js/typography/lineHeights.d.ts new file mode 100644 index 00000000..6a79ca8f --- /dev/null +++ b/dist/types/js/typography/lineHeights.d.ts @@ -0,0 +1,10 @@ +export declare const lineHeights: { + lineHeight1: number; + lineHeight2: number; + lineHeight3: number; + lineHeight4: number; + lineHeight5: number; + lineHeight6: number; + lineHeight7: number; +}; +//# sourceMappingURL=lineHeights.d.ts.map \ No newline at end of file diff --git a/dist/types/js/typography/lineHeights.d.ts.map b/dist/types/js/typography/lineHeights.d.ts.map new file mode 100644 index 00000000..434d0105 --- /dev/null +++ b/dist/types/js/typography/lineHeights.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"lineHeights.d.ts","sourceRoot":"","sources":["../../../../src/js/typography/lineHeights.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW;;;;;;;;CAQvB,CAAC"} \ No newline at end of file diff --git a/dist/types/js/typography/types.d.ts b/dist/types/js/typography/types.d.ts new file mode 100644 index 00000000..93653401 --- /dev/null +++ b/dist/types/js/typography/types.d.ts @@ -0,0 +1,39 @@ +declare type TypeStyle = { + fontFamily: string; + fontSize: number; + fontWeight: string; + lineHeight: number; + letterSpacing: number; +}; +export declare type ThemeTypography = { + sDisplayMD: TypeStyle; + sHeadingLG: TypeStyle; + sHeadingMD: TypeStyle; + sHeadingSMRegular: TypeStyle; + sHeadingSM: TypeStyle; + sBodyLGMedium: TypeStyle; + sBodyMD: TypeStyle; + sBodyMDMedium: TypeStyle; + sBodyMDBold: TypeStyle; + sBodySM: TypeStyle; + sBodySMMedium: TypeStyle; + sBodySMBold: TypeStyle; + sBodyXS: TypeStyle; + sBodyXSMedium: TypeStyle; + lDisplayMD: TypeStyle; + lHeadingLG: TypeStyle; + lHeadingMD: TypeStyle; + lHeadingSMRegular: TypeStyle; + lHeadingSM: TypeStyle; + lBodyLGMedium: TypeStyle; + lBodyMD: TypeStyle; + lBodyMDMedium: TypeStyle; + lBodyMDBold: TypeStyle; + lBodySM: TypeStyle; + lBodySMMedium: TypeStyle; + lBodySMBold: TypeStyle; + lBodyXS: TypeStyle; + lBodyXSMedium: TypeStyle; +}; +export {}; +//# sourceMappingURL=types.d.ts.map \ No newline at end of file diff --git a/dist/types/js/typography/types.d.ts.map b/dist/types/js/typography/types.d.ts.map new file mode 100644 index 00000000..1161d7af --- /dev/null +++ b/dist/types/js/typography/types.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/js/typography/types.ts"],"names":[],"mappings":"AAAA,aAAK,SAAS,GAAG;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC5B,UAAU,EAAE,SAAS,CAAC;IACtB,UAAU,EAAE,SAAS,CAAC;IACtB,UAAU,EAAE,SAAS,CAAC;IACtB,iBAAiB,EAAE,SAAS,CAAC;IAC7B,UAAU,EAAE,SAAS,CAAC;IACtB,aAAa,EAAE,SAAS,CAAC;IACzB,OAAO,EAAE,SAAS,CAAC;IACnB,aAAa,EAAE,SAAS,CAAC;IACzB,WAAW,EAAE,SAAS,CAAC;IACvB,OAAO,EAAE,SAAS,CAAC;IACnB,aAAa,EAAE,SAAS,CAAC;IACzB,WAAW,EAAE,SAAS,CAAC;IACvB,OAAO,EAAE,SAAS,CAAC;IACnB,aAAa,EAAE,SAAS,CAAC;IACzB,UAAU,EAAE,SAAS,CAAC;IACtB,UAAU,EAAE,SAAS,CAAC;IACtB,UAAU,EAAE,SAAS,CAAC;IACtB,iBAAiB,EAAE,SAAS,CAAC;IAC7B,UAAU,EAAE,SAAS,CAAC;IACtB,aAAa,EAAE,SAAS,CAAC;IACzB,OAAO,EAAE,SAAS,CAAC;IACnB,aAAa,EAAE,SAAS,CAAC;IACzB,WAAW,EAAE,SAAS,CAAC;IACvB,OAAO,EAAE,SAAS,CAAC;IACnB,aAAa,EAAE,SAAS,CAAC;IACzB,WAAW,EAAE,SAAS,CAAC;IACvB,OAAO,EAAE,SAAS,CAAC;IACnB,aAAa,EAAE,SAAS,CAAC;CAC1B,CAAC"} \ No newline at end of file diff --git a/dist/types/js/typography/typography.d.ts b/dist/types/js/typography/typography.d.ts new file mode 100644 index 00000000..aba3b667 --- /dev/null +++ b/dist/types/js/typography/typography.d.ts @@ -0,0 +1,3 @@ +import type { ThemeTypography } from './types'; +export declare const typography: ThemeTypography; +//# sourceMappingURL=typography.d.ts.map \ No newline at end of file diff --git a/dist/types/js/typography/typography.d.ts.map b/dist/types/js/typography/typography.d.ts.map new file mode 100644 index 00000000..2a623b9c --- /dev/null +++ b/dist/types/js/typography/typography.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../../src/js/typography/typography.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAG/C,eAAO,MAAM,UAAU,EAAE,eA6MxB,CAAC"} \ No newline at end of file