@breadstone/mosaik-themes 0.0.172 → 0.0.174

package/Themes/memphis-tokens.scss

@@ -0,0 +1,390 @@
+$name: "memphis";
+$font-family: Nunito, sans-serif;
+$layout-radius: 0px;
+$layout-space: 10px;
+$layout-thickness: 3px;
+$scheme-light-background: #eaeaea;
+$scheme-light-foreground: #3c454f;
+$scheme-light-highlight: #d1d1d1;
+$scheme-light-middlelight: #8a8a8a;
+$scheme-light-lowlight: #5c5c5c;
+$scheme-light-transparent: rgba(255, 255, 255, 0);
+$scheme-light-semi-transparent: rgba(255, 255, 255, 0.67);
+$scheme-light-disabled: #686868;
+$scheme-light-contrast: #333333;
+$scheme-dark-background: #151515;
+$scheme-dark-foreground: #c3bab0;
+$scheme-dark-highlight: #2e2e2e;
+$scheme-dark-middlelight: #757575;
+$scheme-dark-lowlight: #a3a3a3;
+$scheme-dark-transparent: rgba(255, 255, 255, 0);
+$scheme-dark-semi-transparent: rgba(0, 0, 0, 0.67);
+$scheme-dark-disabled: #474747;
+$scheme-dark-contrast: #ffffff;
+$color-light-primary-0: #ffffff;
+$color-light-primary-50: #f9f9f9;
+$color-light-primary-100: #f2f2f2;
+$color-light-primary-200: #e8e8e8;
+$color-light-primary-300: #d8d8d8;
+$color-light-primary-400: #b4b4b4;
+$color-light-primary-500: #949494;
+$color-light-primary-600: #6c6c6c;
+$color-light-primary-700: #595959;
+$color-light-primary-800: #3a3a3a;
+$color-light-primary-900: #1a1a1a;
+$color-light-secondary-0: #ffffff;
+$color-light-secondary-50: #e1f3ef;
+$color-light-secondary-100: #b5e0d6;
+$color-light-secondary-200: #85cdbc;
+$color-light-secondary-300: #57b9a2;
+$color-light-secondary-400: #38a990;
+$color-light-secondary-500: #24997e;
+$color-light-secondary-600: #208c71;
+$color-light-secondary-700: #1b7c62;
+$color-light-secondary-800: #166c54;
+$color-light-secondary-900: #0d503a;
+$color-light-info-0: #ffffff;
+$color-light-info-50: #e8eaf9;
+$color-light-info-100: #c6c9f1;
+$color-light-info-200: #9fa7e7;
+$color-light-info-300: #7884dd;
+$color-light-info-400: #5968d6;
+$color-light-info-500: #394dcd;
+$color-light-info-600: #3344c2;
+$color-light-info-700: #293ab6;
+$color-light-info-800: #202faa;
+$color-light-info-900: #0a1a97;
+$color-light-warning-0: #ffffff;
+$color-light-warning-50: #fcfce5;
+$color-light-warning-100: #f7f6bf;
+$color-light-warning-200: #f1f294;
+$color-light-warning-300: #ebec67;
+$color-light-warning-400: #e5e741;
+$color-light-warning-500: #dfe300;
+$color-light-warning-600: #d1d100;
+$color-light-warning-700: #bfba00;
+$color-light-warning-800: #aea300;
+$color-light-warning-900: #927c00;
+$color-light-danger-0: #ffffff;
+$color-light-danger-50: #fcecef;
+$color-light-danger-100: #f8d0d5;
+$color-light-danger-200: #e69fa1;
+$color-light-danger-300: #d97b7d;
+$color-light-danger-400: #e35f5f;
+$color-light-danger-500: #e8524a;
+$color-light-danger-600: #d94a47;
+$color-light-danger-700: #c74141;
+$color-light-danger-800: #b93c3a;
+$color-light-danger-900: #ab322f;
+$color-light-success-0: #ffffff;
+$color-light-success-50: #e1f3ef;
+$color-light-success-100: #b5e0d6;
+$color-light-success-200: #85cdbc;
+$color-light-success-300: #57b9a2;
+$color-light-success-400: #38a990;
+$color-light-success-500: #24997e;
+$color-light-success-600: #208c71;
+$color-light-success-700: #1b7c62;
+$color-light-success-800: #166c54;
+$color-light-success-900: #0d503a;
+$color-light-neutral-0: #ffffff;
+$color-light-neutral-50: #f9f9f9;
+$color-light-neutral-100: #f2f2f2;
+$color-light-neutral-200: #e8e8e8;
+$color-light-neutral-300: #d8d8d8;
+$color-light-neutral-400: #b4b4b4;
+$color-light-neutral-500: #949494;
+$color-light-neutral-600: #6c6c6c;
+$color-light-neutral-700: #595959;
+$color-light-neutral-800: #3a3a3a;
+$color-light-neutral-900: #1a1a1a;
+$color-dark-primary-0: #000000;
+$color-dark-primary-50: #1a1a1a;
+$color-dark-primary-100: #3a3a3a;
+$color-dark-primary-200: #595959;
+$color-dark-primary-300: #6c6c6c;
+$color-dark-primary-400: #949494;
+$color-dark-primary-500: #b4b4b4;
+$color-dark-primary-600: #d8d8d8;
+$color-dark-primary-700: #e8e8e8;
+$color-dark-primary-800: #f2f2f2;
+$color-dark-primary-900: #f9f9f9;
+$color-dark-secondary-0: #000000;
+$color-dark-secondary-50: #0d503a;
+$color-dark-secondary-100: #166c54;
+$color-dark-secondary-200: #1b7c62;
+$color-dark-secondary-300: #208c71;
+$color-dark-secondary-400: #24997e;
+$color-dark-secondary-500: #38a990;
+$color-dark-secondary-600: #57b9a2;
+$color-dark-secondary-700: #85cdbc;
+$color-dark-secondary-800: #b5e0d6;
+$color-dark-secondary-900: #e1f3ef;
+$color-dark-info-0: #000000;
+$color-dark-info-50: #0a1a97;
+$color-dark-info-100: #202faa;
+$color-dark-info-200: #293ab6;
+$color-dark-info-300: #3344c2;
+$color-dark-info-400: #394dcd;
+$color-dark-info-500: #5968d6;
+$color-dark-info-600: #7884dd;
+$color-dark-info-700: #9fa7e7;
+$color-dark-info-800: #c6c9f1;
+$color-dark-info-900: #e8eaf9;
+$color-dark-warning-0: #000000;
+$color-dark-warning-50: #927c00;
+$color-dark-warning-100: #aea300;
+$color-dark-warning-200: #bfba00;
+$color-dark-warning-300: #d1d100;
+$color-dark-warning-400: #dfe300;
+$color-dark-warning-500: #e5e741;
+$color-dark-warning-600: #ebec67;
+$color-dark-warning-700: #f1f294;
+$color-dark-warning-800: #f7f6bf;
+$color-dark-warning-900: #fcfce5;
+$color-dark-danger-0: #000000;
+$color-dark-danger-50: #ab322f;
+$color-dark-danger-100: #b93c3a;
+$color-dark-danger-200: #c74141;
+$color-dark-danger-300: #d94a47;
+$color-dark-danger-400: #e8524a;
+$color-dark-danger-500: #e35f5f;
+$color-dark-danger-600: #d97b7d;
+$color-dark-danger-700: #e69fa1;
+$color-dark-danger-800: #f8d0d5;
+$color-dark-danger-900: #fcecef;
+$color-dark-success-0: #000000;
+$color-dark-success-50: #0d503a;
+$color-dark-success-100: #166c54;
+$color-dark-success-200: #1b7c62;
+$color-dark-success-300: #208c71;
+$color-dark-success-400: #24997e;
+$color-dark-success-500: #38a990;
+$color-dark-success-600: #57b9a2;
+$color-dark-success-700: #85cdbc;
+$color-dark-success-800: #b5e0d6;
+$color-dark-success-900: #e1f3ef;
+$color-dark-neutral-0: #000000;
+$color-dark-neutral-50: #1a1a1a;
+$color-dark-neutral-100: #3a3a3a;
+$color-dark-neutral-200: #595959;
+$color-dark-neutral-300: #6c6c6c;
+$color-dark-neutral-400: #949494;
+$color-dark-neutral-500: #b4b4b4;
+$color-dark-neutral-600: #d8d8d8;
+$color-dark-neutral-700: #e8e8e8;
+$color-dark-neutral-800: #f2f2f2;
+$color-dark-neutral-900: #f9f9f9;
+$typography-headline1-font-size: 96px;
+$typography-headline1-line-height: 100px;
+$typography-headline1-font-weight: 300;
+$typography-headline1-letter-spacing: -0.25px;
+$typography-headline1-text-decoration: none;
+$typography-headline1-text-transform: none;
+$typography-headline2-font-size: 60px;
+$typography-headline2-line-height: 64px;
+$typography-headline2-font-weight: 300;
+$typography-headline2-letter-spacing: -0.13333333333333333px;
+$typography-headline2-text-decoration: none;
+$typography-headline2-text-transform: none;
+$typography-headline3-font-size: 48px;
+$typography-headline3-line-height: 52px;
+$typography-headline3-font-weight: 400;
+$typography-headline3-letter-spacing: normal;
+$typography-headline3-text-decoration: none;
+$typography-headline3-text-transform: none;
+$typography-headline4-font-size: 34px;
+$typography-headline4-line-height: 38px;
+$typography-headline4-font-weight: 400;
+$typography-headline4-letter-spacing: 0.11764705882352941px;
+$typography-headline4-text-decoration: none;
+$typography-headline4-text-transform: none;
+$typography-headline5-font-size: 24px;
+$typography-headline5-line-height: 28px;
+$typography-headline5-font-weight: 400;
+$typography-headline5-letter-spacing: normal;
+$typography-headline5-text-decoration: none;
+$typography-headline5-text-transform: none;
+$typography-headline6-font-size: 20px;
+$typography-headline6-line-height: 24px;
+$typography-headline6-font-weight: 500;
+$typography-headline6-letter-spacing: 0.2px;
+$typography-headline6-text-decoration: none;
+$typography-headline6-text-transform: none;
+$typography-subtitle1-font-size: 16px;
+$typography-subtitle1-line-height: 20px;
+$typography-subtitle1-font-weight: 400;
+$typography-subtitle1-letter-spacing: 0.15px;
+$typography-subtitle1-text-decoration: none;
+$typography-subtitle1-text-transform: none;
+$typography-subtitle2-font-size: 14px;
+$typography-subtitle2-line-height: 18px;
+$typography-subtitle2-font-weight: 500;
+$typography-subtitle2-letter-spacing: 0.1142857142857143px;
+$typography-subtitle2-text-decoration: none;
+$typography-subtitle2-text-transform: none;
+$typography-body1-font-size: 16px;
+$typography-body1-line-height: 20px;
+$typography-body1-font-weight: 400;
+$typography-body1-letter-spacing: 0.5px;
+$typography-body1-text-decoration: none;
+$typography-body1-text-transform: none;
+$typography-body2-font-size: 14px;
+$typography-body2-line-height: 18px;
+$typography-body2-font-weight: 400;
+$typography-body2-letter-spacing: 0.2857142857142857px;
+$typography-body2-text-decoration: none;
+$typography-body2-text-transform: none;
+$typography-caption-font-size: 12px;
+$typography-caption-line-height: 16px;
+$typography-caption-font-weight: 400;
+$typography-caption-letter-spacing: 0.5333333333333333px;
+$typography-caption-text-decoration: none;
+$typography-caption-text-transform: none;
+$typography-button-font-size: 14px;
+$typography-button-line-height: 18px;
+$typography-button-font-weight: 700;
+$typography-button-letter-spacing: 1.4285714285714286px;
+$typography-button-text-decoration: none;
+$typography-button-text-transform: none;
+$typography-overline-font-size: 12px;
+$typography-overline-line-height: 16px;
+$typography-overline-font-weight: 500;
+$typography-overline-letter-spacing: 2.6666666666666665px;
+$typography-overline-text-decoration: none;
+$typography-overline-text-transform: none;
+$elevation-none: none;
+$elevation-light-light-offset-x-0: 2px;
+$elevation-light-light-offset-y-0: 2px;
+$elevation-light-light-blur-0: 0px;
+$elevation-light-light-spread-0: 0px;
+$elevation-light-semilight-offset-x-0: 3px;
+$elevation-light-semilight-offset-y-0: 3px;
+$elevation-light-semilight-blur-0: 0px;
+$elevation-light-semilight-spread-0: 0px;
+$elevation-light-regular-offset-x-0: 4px;
+$elevation-light-regular-offset-y-0: 4px;
+$elevation-light-regular-blur-0: 0px;
+$elevation-light-regular-spread-0: 0px;
+$elevation-light-semibold-offset-x-0: 5px;
+$elevation-light-semibold-offset-y-0: 5px;
+$elevation-light-semibold-blur-0: 0px;
+$elevation-light-semibold-spread-0: 0px;
+$elevation-light-bold-offset-x-0: 6px;
+$elevation-light-bold-offset-y-0: 6px;
+$elevation-light-bold-blur-0: 0px;
+$elevation-light-bold-spread-0: 0px;
+$elevation-light-extrabold-offset-x-0: 7px;
+$elevation-light-extrabold-offset-y-0: 7px;
+$elevation-light-extrabold-blur-0: 0px;
+$elevation-light-extrabold-spread-0: 0px;
+$elevation-dark-light-offset-x-0: 2px;
+$elevation-dark-light-offset-y-0: 2px;
+$elevation-dark-light-blur-0: 0px;
+$elevation-dark-light-spread-0: 0px;
+$elevation-dark-semilight-offset-x-0: 3px;
+$elevation-dark-semilight-offset-y-0: 3px;
+$elevation-dark-semilight-blur-0: 0px;
+$elevation-dark-semilight-spread-0: 0px;
+$elevation-dark-regular-offset-x-0: 4px;
+$elevation-dark-regular-offset-y-0: 4px;
+$elevation-dark-regular-blur-0: 0px;
+$elevation-dark-regular-spread-0: 0px;
+$elevation-dark-semibold-offset-x-0: 5px;
+$elevation-dark-semibold-offset-y-0: 5px;
+$elevation-dark-semibold-blur-0: 0px;
+$elevation-dark-semibold-spread-0: 0px;
+$elevation-dark-bold-offset-x-0: 6px;
+$elevation-dark-bold-offset-y-0: 6px;
+$elevation-dark-bold-blur-0: 0px;
+$elevation-dark-bold-spread-0: 0px;
+$elevation-dark-extrabold-offset-x-0: 7px;
+$elevation-dark-extrabold-offset-y-0: 7px;
+$elevation-dark-extrabold-blur-0: 0px;
+$elevation-dark-extrabold-spread-0: 0px;
+$size-tiny: 2px;
+$size-small: 4px;
+$size-medium: 8px;
+$size-large: 16px;
+$size-giant: 32px;
+$size-key-tiny: "tiny";
+$size-key-small: "small";
+$size-key-medium: "medium";
+$size-key-large: "large";
+$size-key-giant: "giant";
+$typography-key-headline1: "headline1";
+$typography-key-headline2: "headline2";
+$typography-key-headline3: "headline3";
+$typography-key-headline4: "headline4";
+$typography-key-headline5: "headline5";
+$typography-key-headline6: "headline6";
+$typography-key-subtitle1: "subtitle1";
+$typography-key-subtitle2: "subtitle2";
+$typography-key-body1: "body1";
+$typography-key-body2: "body2";
+$typography-key-caption: "caption";
+$typography-key-button: "button";
+$typography-key-overline: "overline";
+$elevation-key-light: "light";
+$elevation-key-semilight: "semilight";
+$elevation-key-regular: "regular";
+$elevation-key-semibold: "semibold";
+$elevation-key-bold: "bold";
+$elevation-key-extrabold: "extrabold";
+$appearance-default: "default";
+$appearance-outline: "outline";
+$appearance-plain: "plain";
+$appearance-soft: "soft";
+$appearance-solid: "solid";
+$variant-primary: "primary";
+$variant-secondary: "secondary";
+$variant-info: "info";
+$variant-warning: "warning";
+$variant-danger: "danger";
+$variant-success: "success";
+$variant-neutral: "neutral";
+$duration-short: 200ms;
+$duration-medium: 400ms;
+$duration-long: 600ms;
+$typography-headline1-font-family: $font-family;
+$typography-headline2-font-family: $font-family;
+$typography-headline3-font-family: $font-family;
+$typography-headline4-font-family: $font-family;
+$typography-headline5-font-family: $font-family;
+$typography-headline6-font-family: $font-family;
+$typography-subtitle1-font-family: $font-family;
+$typography-subtitle2-font-family: $font-family;
+$typography-body1-font-family: $font-family;
+$typography-body2-font-family: $font-family;
+$typography-caption-font-family: $font-family;
+$typography-button-font-family: $font-family;
+$typography-overline-font-family: $font-family;
+$elevation-light-light: 2px 2px 0px 0px $scheme-light-contrast;
+$elevation-light-light-color-0: $scheme-light-contrast;
+$elevation-light-semilight: 3px 3px 0px 0px $scheme-light-contrast;
+$elevation-light-semilight-color-0: $scheme-light-contrast;
+$elevation-light-regular: 4px 4px 0px 0px $scheme-light-contrast;
+$elevation-light-regular-color-0: $scheme-light-contrast;
+$elevation-light-semibold: 5px 5px 0px 0px $scheme-light-contrast;
+$elevation-light-semibold-color-0: $scheme-light-contrast;
+$elevation-light-bold: 6px 6px 0px 0px $scheme-light-contrast;
+$elevation-light-bold-color-0: $scheme-light-contrast;
+$elevation-light-extrabold: 7px 7px 0px 0px $scheme-light-contrast;
+$elevation-light-extrabold-color-0: $scheme-light-contrast;
+$elevation-dark-light: 2px 2px 0px 0px $scheme-dark-contrast;
+$elevation-dark-light-color-0: $scheme-dark-contrast;
+$elevation-dark-semilight: 3px 3px 0px 0px $scheme-dark-contrast;
+$elevation-dark-semilight-color-0: $scheme-dark-contrast;
+$elevation-dark-regular: 4px 4px 0px 0px $scheme-dark-contrast;
+$elevation-dark-regular-color-0: $scheme-dark-contrast;
+$elevation-dark-semibold: 5px 5px 0px 0px $scheme-dark-contrast;
+$elevation-dark-semibold-color-0: $scheme-dark-contrast;
+$elevation-dark-bold: 6px 6px 0px 0px $scheme-dark-contrast;
+$elevation-dark-bold-color-0: $scheme-dark-contrast;
+$elevation-dark-extrabold: 7px 7px 0px 0px $scheme-dark-contrast;
+$elevation-dark-extrabold-color-0: $scheme-dark-contrast;
+$size-key: $size-key-tiny $size-key-small $size-key-medium $size-key-large $size-key-giant;
+$elevation-key: $elevation-key-light $elevation-key-semilight $elevation-key-regular $elevation-key-semibold $elevation-key-bold $elevation-key-extrabold;
+$appearance: $appearance-default $appearance-outline $appearance-plain $appearance-soft $appearance-solid;
+$variant: $variant-primary $variant-secondary $variant-info $variant-warning $variant-danger $variant-success $variant-neutral;
+$duration: $duration-short $duration-medium $duration-long;

package/Themes/memphis-tokens.tailwind.js

@@ -0,0 +1,192 @@
+module.exports = {
+  theme: {
+    extend: {
+      colors: {
+        'SCHEME_LIGHT_BACKGROUND': '#eaeaea',
+        'SCHEME_LIGHT_FOREGROUND': '#3c454f',
+        'SCHEME_LIGHT_HIGHLIGHT': '#d1d1d1',
+        'SCHEME_LIGHT_MIDDLELIGHT': '#8a8a8a',
+        'SCHEME_LIGHT_LOWLIGHT': '#5c5c5c',
+        'SCHEME_LIGHT_TRANSPARENT': 'rgba(255, 255, 255, 0)',
+        'SCHEME_LIGHT_SEMI_TRANSPARENT': 'rgba(255, 255, 255, 0.67)',
+        'SCHEME_LIGHT_DISABLED': '#686868',
+        'SCHEME_LIGHT_CONTRAST': '#333333',
+        'SCHEME_DARK_BACKGROUND': '#151515',
+        'SCHEME_DARK_FOREGROUND': '#c3bab0',
+        'SCHEME_DARK_HIGHLIGHT': '#2e2e2e',
+        'SCHEME_DARK_MIDDLELIGHT': '#757575',
+        'SCHEME_DARK_LOWLIGHT': '#a3a3a3',
+        'SCHEME_DARK_TRANSPARENT': 'rgba(255, 255, 255, 0)',
+        'SCHEME_DARK_SEMI_TRANSPARENT': 'rgba(0, 0, 0, 0.67)',
+        'SCHEME_DARK_DISABLED': '#474747',
+        'SCHEME_DARK_CONTRAST': '#ffffff',
+        'COLOR_LIGHT_PRIMARY_0': '#ffffff',
+        'COLOR_LIGHT_PRIMARY_50': '#f9f9f9',
+        'COLOR_LIGHT_PRIMARY_100': '#f2f2f2',
+        'COLOR_LIGHT_PRIMARY_200': '#e8e8e8',
+        'COLOR_LIGHT_PRIMARY_300': '#d8d8d8',
+        'COLOR_LIGHT_PRIMARY_400': '#b4b4b4',
+        'COLOR_LIGHT_PRIMARY_500': '#949494',
+        'COLOR_LIGHT_PRIMARY_600': '#6c6c6c',
+        'COLOR_LIGHT_PRIMARY_700': '#595959',
+        'COLOR_LIGHT_PRIMARY_800': '#3a3a3a',
+        'COLOR_LIGHT_PRIMARY_900': '#1a1a1a',
+        'COLOR_LIGHT_SECONDARY_0': '#ffffff',
+        'COLOR_LIGHT_SECONDARY_50': '#e1f3ef',
+        'COLOR_LIGHT_SECONDARY_100': '#b5e0d6',
+        'COLOR_LIGHT_SECONDARY_200': '#85cdbc',
+        'COLOR_LIGHT_SECONDARY_300': '#57b9a2',
+        'COLOR_LIGHT_SECONDARY_400': '#38a990',
+        'COLOR_LIGHT_SECONDARY_500': '#24997e',
+        'COLOR_LIGHT_SECONDARY_600': '#208c71',
+        'COLOR_LIGHT_SECONDARY_700': '#1b7c62',
+        'COLOR_LIGHT_SECONDARY_800': '#166c54',
+        'COLOR_LIGHT_SECONDARY_900': '#0d503a',
+        'COLOR_LIGHT_INFO_0': '#ffffff',
+        'COLOR_LIGHT_INFO_50': '#e8eaf9',
+        'COLOR_LIGHT_INFO_100': '#c6c9f1',
+        'COLOR_LIGHT_INFO_200': '#9fa7e7',
+        'COLOR_LIGHT_INFO_300': '#7884dd',
+        'COLOR_LIGHT_INFO_400': '#5968d6',
+        'COLOR_LIGHT_INFO_500': '#394dcd',
+        'COLOR_LIGHT_INFO_600': '#3344c2',
+        'COLOR_LIGHT_INFO_700': '#293ab6',
+        'COLOR_LIGHT_INFO_800': '#202faa',
+        'COLOR_LIGHT_INFO_900': '#0a1a97',
+        'COLOR_LIGHT_WARNING_0': '#ffffff',
+        'COLOR_LIGHT_WARNING_50': '#fcfce5',
+        'COLOR_LIGHT_WARNING_100': '#f7f6bf',
+        'COLOR_LIGHT_WARNING_200': '#f1f294',
+        'COLOR_LIGHT_WARNING_300': '#ebec67',
+        'COLOR_LIGHT_WARNING_400': '#e5e741',
+        'COLOR_LIGHT_WARNING_500': '#dfe300',
+        'COLOR_LIGHT_WARNING_600': '#d1d100',
+        'COLOR_LIGHT_WARNING_700': '#bfba00',
+        'COLOR_LIGHT_WARNING_800': '#aea300',
+        'COLOR_LIGHT_WARNING_900': '#927c00',
+        'COLOR_LIGHT_DANGER_0': '#ffffff',
+        'COLOR_LIGHT_DANGER_50': '#fcecef',
+        'COLOR_LIGHT_DANGER_100': '#f8d0d5',
+        'COLOR_LIGHT_DANGER_200': '#e69fa1',
+        'COLOR_LIGHT_DANGER_300': '#d97b7d',
+        'COLOR_LIGHT_DANGER_400': '#e35f5f',
+        'COLOR_LIGHT_DANGER_500': '#e8524a',
+        'COLOR_LIGHT_DANGER_600': '#d94a47',
+        'COLOR_LIGHT_DANGER_700': '#c74141',
+        'COLOR_LIGHT_DANGER_800': '#b93c3a',
+        'COLOR_LIGHT_DANGER_900': '#ab322f',
+        'COLOR_LIGHT_SUCCESS_0': '#ffffff',
+        'COLOR_LIGHT_SUCCESS_50': '#e1f3ef',
+        'COLOR_LIGHT_SUCCESS_100': '#b5e0d6',
+        'COLOR_LIGHT_SUCCESS_200': '#85cdbc',
+        'COLOR_LIGHT_SUCCESS_300': '#57b9a2',
+        'COLOR_LIGHT_SUCCESS_400': '#38a990',
+        'COLOR_LIGHT_SUCCESS_500': '#24997e',
+        'COLOR_LIGHT_SUCCESS_600': '#208c71',
+        'COLOR_LIGHT_SUCCESS_700': '#1b7c62',
+        'COLOR_LIGHT_SUCCESS_800': '#166c54',
+        'COLOR_LIGHT_SUCCESS_900': '#0d503a',
+        'COLOR_LIGHT_NEUTRAL_0': '#ffffff',
+        'COLOR_LIGHT_NEUTRAL_50': '#f9f9f9',
+        'COLOR_LIGHT_NEUTRAL_100': '#f2f2f2',
+        'COLOR_LIGHT_NEUTRAL_200': '#e8e8e8',
+        'COLOR_LIGHT_NEUTRAL_300': '#d8d8d8',
+        'COLOR_LIGHT_NEUTRAL_400': '#b4b4b4',
+        'COLOR_LIGHT_NEUTRAL_500': '#949494',
+        'COLOR_LIGHT_NEUTRAL_600': '#6c6c6c',
+        'COLOR_LIGHT_NEUTRAL_700': '#595959',
+        'COLOR_LIGHT_NEUTRAL_800': '#3a3a3a',
+        'COLOR_LIGHT_NEUTRAL_900': '#1a1a1a',
+        'COLOR_DARK_PRIMARY_0': '#000000',
+        'COLOR_DARK_PRIMARY_50': '#1a1a1a',
+        'COLOR_DARK_PRIMARY_100': '#3a3a3a',
+        'COLOR_DARK_PRIMARY_200': '#595959',
+        'COLOR_DARK_PRIMARY_300': '#6c6c6c',
+        'COLOR_DARK_PRIMARY_400': '#949494',
+        'COLOR_DARK_PRIMARY_500': '#b4b4b4',
+        'COLOR_DARK_PRIMARY_600': '#d8d8d8',
+        'COLOR_DARK_PRIMARY_700': '#e8e8e8',
+        'COLOR_DARK_PRIMARY_800': '#f2f2f2',
+        'COLOR_DARK_PRIMARY_900': '#f9f9f9',
+        'COLOR_DARK_SECONDARY_0': '#000000',
+        'COLOR_DARK_SECONDARY_50': '#0d503a',
+        'COLOR_DARK_SECONDARY_100': '#166c54',
+        'COLOR_DARK_SECONDARY_200': '#1b7c62',
+        'COLOR_DARK_SECONDARY_300': '#208c71',
+        'COLOR_DARK_SECONDARY_400': '#24997e',
+        'COLOR_DARK_SECONDARY_500': '#38a990',
+        'COLOR_DARK_SECONDARY_600': '#57b9a2',
+        'COLOR_DARK_SECONDARY_700': '#85cdbc',
+        'COLOR_DARK_SECONDARY_800': '#b5e0d6',
+        'COLOR_DARK_SECONDARY_900': '#e1f3ef',
+        'COLOR_DARK_INFO_0': '#000000',
+        'COLOR_DARK_INFO_50': '#0a1a97',
+        'COLOR_DARK_INFO_100': '#202faa',
+        'COLOR_DARK_INFO_200': '#293ab6',
+        'COLOR_DARK_INFO_300': '#3344c2',
+        'COLOR_DARK_INFO_400': '#394dcd',
+        'COLOR_DARK_INFO_500': '#5968d6',
+        'COLOR_DARK_INFO_600': '#7884dd',
+        'COLOR_DARK_INFO_700': '#9fa7e7',
+        'COLOR_DARK_INFO_800': '#c6c9f1',
+        'COLOR_DARK_INFO_900': '#e8eaf9',
+        'COLOR_DARK_WARNING_0': '#000000',
+        'COLOR_DARK_WARNING_50': '#927c00',
+        'COLOR_DARK_WARNING_100': '#aea300',
+        'COLOR_DARK_WARNING_200': '#bfba00',
+        'COLOR_DARK_WARNING_300': '#d1d100',
+        'COLOR_DARK_WARNING_400': '#dfe300',
+        'COLOR_DARK_WARNING_500': '#e5e741',
+        'COLOR_DARK_WARNING_600': '#ebec67',
+        'COLOR_DARK_WARNING_700': '#f1f294',
+        'COLOR_DARK_WARNING_800': '#f7f6bf',
+        'COLOR_DARK_WARNING_900': '#fcfce5',
+        'COLOR_DARK_DANGER_0': '#000000',
+        'COLOR_DARK_DANGER_50': '#ab322f',
+        'COLOR_DARK_DANGER_100': '#b93c3a',
+        'COLOR_DARK_DANGER_200': '#c74141',
+        'COLOR_DARK_DANGER_300': '#d94a47',
+        'COLOR_DARK_DANGER_400': '#e8524a',
+        'COLOR_DARK_DANGER_500': '#e35f5f',
+        'COLOR_DARK_DANGER_600': '#d97b7d',
+        'COLOR_DARK_DANGER_700': '#e69fa1',
+        'COLOR_DARK_DANGER_800': '#f8d0d5',
+        'COLOR_DARK_DANGER_900': '#fcecef',
+        'COLOR_DARK_SUCCESS_0': '#000000',
+        'COLOR_DARK_SUCCESS_50': '#0d503a',
+        'COLOR_DARK_SUCCESS_100': '#166c54',
+        'COLOR_DARK_SUCCESS_200': '#1b7c62',
+        'COLOR_DARK_SUCCESS_300': '#208c71',
+        'COLOR_DARK_SUCCESS_400': '#24997e',
+        'COLOR_DARK_SUCCESS_500': '#38a990',
+        'COLOR_DARK_SUCCESS_600': '#57b9a2',
+        'COLOR_DARK_SUCCESS_700': '#85cdbc',
+        'COLOR_DARK_SUCCESS_800': '#b5e0d6',
+        'COLOR_DARK_SUCCESS_900': '#e1f3ef',
+        'COLOR_DARK_NEUTRAL_0': '#000000',
+        'COLOR_DARK_NEUTRAL_50': '#1a1a1a',
+        'COLOR_DARK_NEUTRAL_100': '#3a3a3a',
+        'COLOR_DARK_NEUTRAL_200': '#595959',
+        'COLOR_DARK_NEUTRAL_300': '#6c6c6c',
+        'COLOR_DARK_NEUTRAL_400': '#949494',
+        'COLOR_DARK_NEUTRAL_500': '#b4b4b4',
+        'COLOR_DARK_NEUTRAL_600': '#d8d8d8',
+        'COLOR_DARK_NEUTRAL_700': '#e8e8e8',
+        'COLOR_DARK_NEUTRAL_800': '#f2f2f2',
+        'COLOR_DARK_NEUTRAL_900': '#f9f9f9',
+        'ELEVATION_LIGHT_LIGHT_COLOR_0': '#333333',
+        'ELEVATION_LIGHT_SEMILIGHT_COLOR_0': '#333333',
+        'ELEVATION_LIGHT_REGULAR_COLOR_0': '#333333',
+        'ELEVATION_LIGHT_SEMIBOLD_COLOR_0': '#333333',
+        'ELEVATION_LIGHT_BOLD_COLOR_0': '#333333',
+        'ELEVATION_LIGHT_EXTRABOLD_COLOR_0': '#333333',
+        'ELEVATION_DARK_LIGHT_COLOR_0': '#ffffff',
+        'ELEVATION_DARK_SEMILIGHT_COLOR_0': '#ffffff',
+        'ELEVATION_DARK_REGULAR_COLOR_0': '#ffffff',
+        'ELEVATION_DARK_SEMIBOLD_COLOR_0': '#ffffff',
+        'ELEVATION_DARK_BOLD_COLOR_0': '#ffffff',
+        'ELEVATION_DARK_EXTRABOLD_COLOR_0': '#ffffff',
+      }
+    }
+  }
+};

package/Themes/memphis.scss

@@ -459,6 +459,7 @@ $size-key: $size-key-tiny $size-key-small $size-key-medium $size-key-large $size
 $elevation-key: $elevation-key-light $elevation-key-semilight $elevation-key-regular $elevation-key-semibold $elevation-key-bold $elevation-key-extrabold;
 $appearance: $appearance-default $appearance-outline $appearance-plain $appearance-soft $appearance-solid;
 $variant: $variant-primary $variant-secondary $variant-info $variant-warning $variant-danger $variant-success $variant-neutral;
+$duration: $duration-short $duration-medium $duration-long;
 $_color-light: (
     primary: (
         0: $color-light-primary-0,

package/Theming/Strategies/CosmopolitanThemeGeneratorStrategy.d.ts

@@ -0,0 +1,16 @@
+import type { CssColor } from '../Utils/CssColor';
+import type { IThemePalette } from '../Utils/IThemePalette';
+import type { IThemeScheme } from '../Utils/IThemeScheme';
+import type { IThemeGeneratorStrategy } from './IThemeGeneratorStrategy';
+/**
+ * Cosmopolitan theme generator strategy.
+ *
+ * @public
+ */
+export declare class CosmopolitanThemeGeneratorStrategy implements IThemeGeneratorStrategy {
+    private readonly _materialStrategy;
+    constructor();
+    generatePalette(baseColor: CssColor, mode: 'dark' | 'light'): IThemePalette;
+    generateScheme(baseColor: CssColor, mode: 'dark' | 'light'): IThemeScheme;
+}
+//# sourceMappingURL=CosmopolitanThemeGeneratorStrategy.d.ts.map

package/Theming/Strategies/CosmopolitanThemeGeneratorStrategy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CosmopolitanThemeGeneratorStrategy.d.ts","sourceRoot":"","sources":["../../../src/Theming/Strategies/CosmopolitanThemeGeneratorStrategy.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAKzE;;;;GAIG;AACH,qBAAa,kCAAmC,YAAW,uBAAuB;IAI9E,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAAiC;;IAc5D,eAAe,CAAC,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,aAAa;IAgC3E,cAAc,CAAC,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,YAAY;CAMnF"}

package/Theming/Strategies/CosmopolitanThemeGeneratorStrategy.js

@@ -0,0 +1,50 @@
+// #region Imports
+import { TinyColor } from '@ctrl/tinycolor';
+import { MaterialThemeGeneratorStrategy } from './MaterialThemeGeneratorStrategy';
+// #endregion
+/**
+ * Cosmopolitan theme generator strategy.
+ *
+ * @public
+ */
+export class CosmopolitanThemeGeneratorStrategy {
+    // #region Fields
+    _materialStrategy;
+    // #endregion
+    // #region Ctor
+    constructor() {
+        this._materialStrategy = new MaterialThemeGeneratorStrategy();
+    }
+    // #endregion
+    // #region Methods
+    generatePalette(baseColor, mode) {
+        if (mode === 'light') {
+            const baseLight = new TinyColor('#ffffff');
+            const baseDark = new TinyColor('#000000');
+            const palette = {};
+            const steps = [0, 50, 100, 200, 300, 400, 500, 600, 700, 800, 900];
+            const amounts = [0, 12, 30, 50, 70, 85, 100, 87, 70, 54, 25];
+            steps.forEach((step, i) => {
+                const base = step <= 500 ? baseLight : baseDark;
+                palette[`${step}`] = new TinyColor(base).mix(baseColor, amounts[i])
+                    .toHexString();
+            });
+            return palette;
+        }
+        const baseLight = new TinyColor('#ffffff');
+        const baseDark = new TinyColor('#000000');
+        const palette = {};
+        const steps = [0, 100, 500];
+        const amounts = [0, 30, 100];
+        steps.forEach((step, i) => {
+            const base = step <= 600 ? baseDark : baseLight;
+            palette[`${step}`] = new TinyColor(base).mix(baseColor, amounts[i])
+                .toHexString();
+        });
+        return palette;
+    }
+    generateScheme(baseColor, mode) {
+        return this._materialStrategy.generateScheme(baseColor, mode);
+    }
+}
+//# sourceMappingURL=CosmopolitanThemeGeneratorStrategy.js.map

package/Theming/Strategies/CosmopolitanThemeGeneratorStrategy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CosmopolitanThemeGeneratorStrategy.js","sourceRoot":"","sources":["../../../src/Theming/Strategies/CosmopolitanThemeGeneratorStrategy.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAK5C,OAAO,EAAE,8BAA8B,EAAE,MAAM,kCAAkC,CAAC;AAElF,aAAa;AAEb;;;;GAIG;AACH,MAAM,OAAO,kCAAkC;IAE3C,iBAAiB;IAEA,iBAAiB,CAAiC;IAEnE,aAAa;IAEb,eAAe;IAEf;QACI,IAAI,CAAC,iBAAiB,GAAG,IAAI,8BAA8B,EAAE,CAAC;IAClE,CAAC;IAED,aAAa;IAEb,kBAAkB;IAEX,eAAe,CAAC,SAAmB,EAAE,IAAsB;QAC9D,IAAI,IAAI,KAAK,OAAO,EAAE,CAAC;YACnB,MAAM,SAAS,GAAG,IAAI,SAAS,CAAC,SAAS,CAAC,CAAC;YAC3C,MAAM,QAAQ,GAAG,IAAI,SAAS,CAAC,SAAS,CAAC,CAAC;YAC1C,MAAM,OAAO,GAA6B,EAAE,CAAC;YAC7C,MAAM,KAAK,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;YACnE,MAAM,OAAO,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;YAE7D,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;gBACtB,MAAM,IAAI,GAAG,IAAI,IAAI,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC;gBAChD,OAAO,CAAC,GAAG,IAAI,EAAE,CAAC,GAAG,IAAI,SAAS,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC;qBAC9D,WAAW,EAAc,CAAC;YACnC,CAAC,CAAC,CAAC;YAEH,OAAO,OAAO,CAAC;QACnB,CAAC;QAED,MAAM,SAAS,GAAG,IAAI,SAAS,CAAC,SAAS,CAAC,CAAC;QAC3C,MAAM,QAAQ,GAAG,IAAI,SAAS,CAAC,SAAS,CAAC,CAAC;QAC1C,MAAM,OAAO,GAA6B,EAAE,CAAC;QAC7C,MAAM,KAAK,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;QAC5B,MAAM,OAAO,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,GAAG,CAAC,CAAC;QAE7B,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;YACtB,MAAM,IAAI,GAAG,IAAI,IAAI,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;YAChD,OAAO,CAAC,GAAG,IAAI,EAAE,CAAC,GAAG,IAAI,SAAS,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC;iBAC9D,WAAW,EAAc,CAAC;QACnC,CAAC,CAAC,CAAC;QAEH,OAAO,OAAO,CAAC;IACnB,CAAC;IAEM,cAAc,CAAC,SAAmB,EAAE,IAAsB;QAC7D,OAAO,IAAI,CAAC,iBAAiB,CAAC,cAAc,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;IAClE,CAAC;CAIJ"}