@crossed/theme

/** * Copyright (c) Paymium. * * This source code is licensed under the MIT license found in the * LICENSE file in the root of this projects source tree. */ declare const _default: { readonly colors: { readonly primary: { readonly 0: "#F4F2FC"; readonly 1: "#EBEAFE"; readonly 10: "#DAD9EC"; readonly 20: "#CDCBEC"; readonly 30: "#A6A1E9"; readonly 40: "#9088F7"; readonly 50: "#2606C0"; readonly 60: "#1E078F"; readonly 70: "#2D2D61"; readonly 80: "#242547"; readonly 90: "#1D1D40"; readonly 100: "#141430"; readonly primary: "#4737FF"; }; readonly neutral: { readonly 100: "#141430"; readonly 90: "#1D1D4C"; readonly 80: "#5D607C"; readonly 70: "#AEB6CE"; readonly 60: "#E8E6FF"; readonly 50: "#D1CDFF"; readonly 40: "#BCB6FF"; }; readonly black: "black"; readonly white: "white"; readonly text: { readonly primary: "black"; readonly secondary: "#5D607C"; readonly brand: "#4737FF"; readonly invert: "white"; }; readonly background: { readonly primary: "#F4F2FC"; readonly secondary: "white"; readonly brand: "#4737FF"; readonly hover: "#EBEAFE"; readonly active: "#DAD9EC"; }; readonly border: { readonly primary: "#EBEAFE"; readonly secondary: "#AEB6CE"; readonly tertiary: "#2D2D61"; readonly brand: "#4737FF"; }; readonly error: { readonly primary: "#EF4444"; readonly muted: "#D73636"; readonly satured: "#A21A1A"; readonly low: "#FFE6E6"; readonly hight: "#FEC4C4"; }; readonly info: { readonly dark: "#285F9B"; readonly light: "#EEF6FF"; readonly primary: "#93C5FD"; }; readonly success: { readonly dark: "#188551"; readonly light: "#EDFFF6"; readonly primary: "#3ABB7D"; }; readonly warning: { readonly dark: "#AD5C23"; readonly light: "#FFF0E6"; readonly primary: "#F97316"; }; }; readonly boxShadow: "0px 4px 12px 0px rgba(0, 0, 0, 0.1)"; readonly space: { readonly xxs: 4; readonly xs: 8; readonly sm: 12; readonly md: 16; readonly lg: 24; readonly xl: 32; readonly xxl: 40; }; readonly font: { readonly lineHeight: { readonly xs: 14; readonly sm: 17; readonly md: 20; readonly lg: 23; readonly xl: 30; readonly h6: 36; readonly h5: 40; readonly h4: 46; readonly h3: 50; readonly h2: 56; readonly h1: 60; }; readonly fontSize: { readonly xs: 11; readonly sm: 14; readonly md: 16; readonly lg: 18; readonly xl: 24; readonly h6: 28; readonly h5: 32; readonly h4: 36; readonly h3: 40; readonly h2: 44; readonly h1: 48; }; readonly fontWeight: { readonly xs: "400"; readonly sm: "400"; readonly md: "400"; readonly lg: "600"; readonly xl: "700"; readonly h6: "700"; readonly h5: "700"; readonly h4: "700"; readonly h3: "700"; readonly h2: "700"; readonly h1: "700"; }; readonly color: "black"; readonly family: "Overpass"; readonly extraStyles: { readonly marginTop: 3; }; }; readonly components: { readonly Banner: { readonly success: { readonly title: "#188551"; readonly background: "white"; readonly border: "#3ABB7D"; readonly icon: "#188551"; readonly backgroundIcon: "#EDFFF6"; readonly subtitle: "#5D607C"; }; readonly info: { readonly title: "#285F9B"; readonly background: "white"; readonly border: "#93C5FD"; readonly icon: "#285F9B"; readonly backgroundIcon: "#EEF6FF"; readonly subtitle: "#5D607C"; }; readonly warning: { readonly title: "#AD5C23"; readonly background: "white"; readonly border: "#F97316"; readonly icon: "#AD5C23"; readonly backgroundIcon: "#FFF0E6"; readonly subtitle: "#5D607C"; }; readonly error: { readonly title: "#A21A1A"; readonly background: "white"; readonly border: "#EF4444"; readonly icon: "#A21A1A"; readonly backgroundIcon: "#FFE6E6"; readonly subtitle: "#5D607C"; }; }; readonly Action: { readonly primary: { readonly default: { readonly text: "white"; readonly icon: "white"; readonly background: "#4737FF"; readonly border: "#4737FF"; }; readonly hover: { readonly text: "white"; readonly icon: "white"; readonly background: "#2606C0"; readonly border: "#2606C0"; }; readonly active: { readonly text: "white"; readonly icon: "white"; readonly background: "#1E078F"; readonly border: "#1E078F"; }; readonly focus: { readonly background: "#1E078F"; readonly text: ""; readonly icon: ""; readonly border: "#9088F7"; }; readonly disabled: { readonly text: "#DAD9EC"; readonly icon: "#DAD9EC"; readonly background: "#9088F7"; readonly border: "#9088F7"; }; }; readonly secondary: { readonly default: { readonly text: "#4737FF"; readonly icon: "#4737FF"; readonly background: "#E8E6FF"; readonly border: "#E8E6FF"; }; readonly hover: { readonly text: "#4737FF"; readonly icon: "#4737FF"; readonly background: "#D1CDFF"; readonly border: "#D1CDFF"; }; readonly active: { readonly text: "#4737FF"; readonly icon: "#4737FF"; readonly background: "#E8E6FF"; readonly border: "#BCB6FF"; }; readonly focus: { readonly background: "#E8E6FF"; readonly text: ""; readonly icon: ""; readonly border: "#4737FF"; }; readonly disabled: { readonly text: "#DAD9EC"; readonly icon: "#DAD9EC"; readonly background: "#9088F7"; readonly border: "#9088F7"; }; }; readonly tertiary: { readonly default: { readonly text: "#4737FF"; readonly icon: "#4737FF"; readonly background: "transparent"; readonly border: "transparent"; }; readonly hover: { readonly text: "#2606C0"; readonly icon: "#2606C0"; readonly background: "#E8E6FF"; readonly border: "transparent"; }; readonly active: { readonly text: "#1E078F"; readonly icon: "#1E078F"; readonly background: "transparent"; readonly border: "transparent"; }; readonly focus: { readonly text: ""; readonly icon: ""; readonly background: "#DAD9EC"; readonly border: "#9088F7"; }; readonly disabled: { readonly text: "#5D607C"; readonly icon: "#5D607C"; readonly background: "transparent"; readonly border: "transparent"; }; }; readonly icon: { readonly default: { readonly color: "#5D607C"; readonly background: "transparent"; readonly border: "transparent"; }; readonly hover: { readonly color: "#5D607C"; readonly background: "#EBEAFE"; readonly border: "#EBEAFE"; }; readonly active: { readonly color: "#5D607C"; readonly background: "#DAD9EC"; readonly border: "#DAD9EC"; }; readonly focus: { readonly background: "#EBEAFE"; readonly color: "#5D607C"; readonly border: "#9088F7"; }; readonly disabled: { readonly color: "#5D607C"; readonly background: "transparent"; readonly border: "transparent"; }; }; }; readonly Alert: { readonly error: { readonly background: "#FFE6E6"; readonly border: "#EF4444"; readonly icon: "#A21A1A"; readonly text: "#A21A1A"; }; readonly warning: { readonly background: "#FFF0E6"; readonly border: "#F97316"; readonly icon: "#AD5C23"; readonly text: "#AD5C23"; }; readonly info: { readonly background: "#EEF6FF"; readonly border: "#93C5FD"; readonly icon: "#285F9B"; readonly text: "#285F9B"; }; readonly success: { readonly background: "#EDFFF6"; readonly border: "#3ABB7D"; readonly icon: "#188551"; readonly text: "#188551"; }; }; readonly Input: { readonly primary: { readonly default: { readonly background: "white"; readonly border: "#AEB6CE"; readonly text: "black"; readonly icon: "black"; readonly placeholder: "#5D607C"; }; readonly active: { readonly background: "white"; readonly border: "#AEB6CE"; readonly text: "black"; readonly icon: "black"; readonly placeholder: "#5D607C"; }; readonly disabled: { readonly background: "#DAD9EC"; readonly border: "#DAD9EC"; readonly text: "#5D607C"; readonly icon: "#5D607C"; readonly placeholder: "#5D607C"; }; readonly focus: { readonly background: "white"; readonly border: "#4737FF"; readonly text: "black"; readonly icon: "black"; readonly placeholder: "#5D607C"; }; readonly hover: { readonly background: "white"; readonly border: "#4737FF"; readonly text: "black"; readonly icon: "black"; readonly placeholder: "#5D607C"; }; }; }; readonly Card: { readonly default: { readonly background: "white"; readonly border: "#EBEAFE"; readonly description: "#5D607C"; readonly title: "black"; }; readonly active: { readonly background: "#DAD9EC"; readonly border: "#EBEAFE"; readonly description: "#5D607C"; readonly title: "black"; }; readonly hover: { readonly background: "#EBEAFE"; readonly border: "#EBEAFE"; readonly description: "#5D607C"; readonly title: "black"; }; }; readonly Tag: { readonly default: { readonly background: "#F4F2FC"; readonly text: "black"; }; readonly green: { readonly background: "#EDFFF6"; readonly text: "#188551"; }; readonly red: { readonly background: "#FFE6E6"; readonly text: "#D73636"; }; }; readonly Switch: { readonly on: { readonly background: "#4737FF"; }; readonly off: { readonly background: "#DAD9EC"; }; }; }; }; export default _default; //# sourceMappingURL=theme.d.ts.map