Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@project44-manifest/design-tokens

Package Overview
Dependencies
Maintainers
1
Versions
12
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@project44-manifest/design-tokens - npm Package Compare versions

Comparing version 1.2.1 to 2.0.0

dts/groups.d.ts

167

dts/constants.d.ts

@@ -1,10 +0,47 @@

/** --------------------------------------------
* Border Width
* -------------------------------------------- */
export declare const borderWidthLarge = "3px";
export declare const borderWidthMedium = "2px";
export declare const borderWidthSmall = "1px";
/** --------------------------------------------
* Color
* -------------------------------------------- */
/**
* THIS IS AN AUTOGENERATED FILE. DO NOT MODIFY.
*/
export declare const radiusFull = "999em";
export declare const radiusSmall = "0.125rem";
export declare const borderWidthLarge = "0.1875rem";
export declare const borderWidthMedium = "0.125rem";
export declare const borderWidthSmall = "0.0625rem";
export declare const colorBackgroundDanger = "#f5e9e8";
export declare const colorBackgroundPrimary = "#ffffff";
export declare const colorBackgroundSecondary = "#f4f4f5";
export declare const colorBackgroundSideNav = "#021c6b";
export declare const colorBackgroundSuccess = "#ddefe6";
export declare const colorBackgroundSurface = "#ffffff";
export declare const colorBackgroundTertiary = "#e4e6e7";
export declare const colorBackgroundTopNav = "#1f3987";
export declare const colorBackgroundWarning = "#fbede7";
export declare const colorBorderDanger = "#b4362f";
export declare const colorBorderDisabled = "#f4f4f5";
export declare const colorBorderPrimary = "#e4e6e7";
export declare const colorBorderSuccess = "#0b6b3d";
export declare const colorBorderWarning = "#f45e1e";
export declare const colorBrandDefault = "#0072ec";
export declare const colorBrandActive = "linear-gradient(0deg, rgba(9, 21, 33, 0.4), rgba(9, 21, 33, 0.4)), linear-gradient(90deg, #0072ec 0%, #4e00c6 163.65%, #8c18e2 191.59%)";
export declare const colorBrandHover = "linear-gradient(0deg, rgba(9, 21, 33, 0.2), rgba(9, 21, 33, 0.2)), linear-gradient(90deg, #0072ec 0%, #4e00c6 163.65%, #8c18e2 191.59%)";
export declare const colorBrandGradient = "linear-gradient(90deg, #0072ec 0%, #4e00c6 163.65%, #8c18e2 191.59%)";
export declare const colorDataVizDangerFill = "#e3837d";
export declare const colorDataVizDangerHover = "#b4362f";
export declare const colorDataVizDangerLine = "#d44037";
export declare const colorDataVizNeutralFill = "#d1d3d6";
export declare const colorDataVizNeutralHover = "#898e94";
export declare const colorDataVizPrimaryFill = "#7785db";
export declare const colorDataVizPrimaryFillAlt = "#c7ccf0";
export declare const colorDataVizPrimaryHover = "#3442bc";
export declare const colorDataVizPrimaryLine = "#3142c8";
export declare const colorDataVizSecondaryFill = "#62a9f4";
export declare const colorDataVizSecondaryFillAlt = "#c9e1fb";
export declare const colorDataVizSecondaryHover = "#005cbe";
export declare const colorDataVizSecondaryLine = "#0072ec";
export declare const colorDataVizTertiaryFill = "#b16fed";
export declare const colorDataVizTertiaryFillAlt = "#ddd0f3";
export declare const colorDataVizTertiaryHover = "#8110dc";
export declare const colorDataVizTertiaryLine = "#8c18e2";
export declare const colorDataVizWarningFill = "#ff9365";
export declare const colorDataVizWarningHover = "#f45e1e";
export declare const colorDataVizWarningLine = "#ff6422";
export declare const colorPaletteBlack = "#091521";

@@ -112,20 +149,2 @@ export declare const colorPaletteWhite = "#ffffff";

export declare const colorPaletteYellow900 = "#90722f";
export declare const colorBackgroundDanger = "#f5e9e8";
export declare const colorBackgroundPrimary = "#ffffff";
export declare const colorBackgroundSecondary = "#f4f4f5";
export declare const colorBackgroundSideNav = "#021c6b";
export declare const colorBackgroundSuccess = "#ddefe6";
export declare const colorBackgroundSurface = "#ffffff";
export declare const colorBackgroundTertiary = "#e4e6e7";
export declare const colorBackgroundTopNav = "#1f3987";
export declare const colorBackgroundWarning = "#fbede7";
export declare const colorBorderDanger = "#b4362f";
export declare const colorBorderDisabled = "#f4f4f5";
export declare const colorBorderPrimary = "#e4e6e7";
export declare const colorBorderSuccess = "#0b6b3d";
export declare const colorBorderWarning = "#f45e1e";
export declare const colorBrandDefault = "#0072ec";
export declare const colorBrandActive: string;
export declare const colorBrandHover: string;
export declare const colorBrandGradient: string;
export declare const colorPrimaryDefault = "#3142c8";

@@ -142,30 +161,25 @@ export declare const colorPrimaryActive = "#16158d";

export declare const colorTextWarning = "#f45e1e";
export declare const colorDataVizDangerFill = "#e3837d";
export declare const colorDataVizDangerHover = "#b4362f";
export declare const colorDataVizDangerLine = "#d44037";
export declare const colorDataVizNeutralFill = "#d1d3d6";
export declare const colorDataVizNeutralHover = "#898e94";
export declare const colorDataVizPrimaryFill = "#7785db";
export declare const colorDataVizPrimaryFillAlt = "#c7ccf0";
export declare const colorDataVizPrimaryHover = "#3442bc";
export declare const colorDataVizPrimaryLine = "#3142c8";
export declare const colorDataVizSecondaryFill = "#62a9f4";
export declare const colorDataVizSecondaryFillAlt = "#c9e1fb";
export declare const colorDataVizSecondaryHover = "#005cbe";
export declare const colorDataVizSecondaryLine = "#0072ec";
export declare const colorDataVizTertiaryFill = "#b16fed";
export declare const colorDataVizTertiaryFillAlt = "#ddd0f3";
export declare const colorDataVizTertiaryHover = "#8110dc";
export declare const colorDataVizTertiaryLine = "#8c18e2";
export declare const colorDataVizWarningFill = "#ff9365";
export declare const colorDataVizWarningHover = "#f45e1e";
export declare const colorDataVizWarningLine = "#ff6422";
/** --------------------------------------------
* Font Family
* -------------------------------------------- */
export declare const shadowLarge = "0px -1px 2px rgba(61, 58, 180, 0.1), 0px 6px 14px rgba(61, 58, 180, 0.15)";
export declare const shadowMedium = "0px -1px 2px rgba(61, 58, 180, 0.1), 0px 4px 5px rgba(61, 58, 180, 0.15)";
export declare const shadowSmall = "0px -1px 2px rgba(61, 58, 180, 0.1), 0px 1px 2px rgba(61, 58, 180, 0.4)";
export declare const zIndexDialog = 6000;
export declare const zIndexDropdown = 7000;
export declare const zIndexModal = 9000;
export declare const zIndexOverlay = 8000;
export declare const zIndexPopover = 5000;
export declare const zIndexSticky = 100;
export declare const zIndexToast = 10000;
export declare const zIndexTooltip = 6000;
export declare const sizeLarge = "87.5rem";
export declare const sizeMedium = "80rem";
export declare const sizeSmall = "60rem";
export declare const sizeXLarge = "120rem";
export declare const sizeXSmall = "40.625rem";
export declare const spaceMedium = "1rem";
export declare const spaceSmall = "0.5rem";
export declare const spaceLarge = "1.5rem";
export declare const spaceXLarge = "2rem";
export declare const spaceXSmall = "0.25rem";
export declare const fontFamilyMono = "\"Fira Mono\", Courier, monospace";
export declare const fontFamilyText = "\"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif";
/** --------------------------------------------
* Font Size
* -------------------------------------------- */
export declare const fontSizeLarge = "1.25rem";

@@ -177,11 +191,5 @@ export declare const fontSizeMedium = "1rem";

export declare const fontSizeXxLarge = "2rem";
/** --------------------------------------------
* Font Weight
* -------------------------------------------- */
export declare const fontWeightBold = 700;
export declare const fontWeightRegular = 400;
export declare const fontWeightSemibold = 600;
/** --------------------------------------------
* Letter Spacing
* -------------------------------------------- */
export declare const letterSpacingLarge = "0em";

@@ -191,5 +199,2 @@ export declare const letterSpacingMedium = "-0.01em";

export declare const letterSpacingXSmall = "-0.03em";
/** --------------------------------------------
* Line Height
* -------------------------------------------- */
export declare const lineHeightLarge = "1.875rem";

@@ -201,40 +206,2 @@ export declare const lineHeightMedium = "1.5rem";

export declare const lineHeightXxLarge = "2.625rem";
/** --------------------------------------------
* Radius
* -------------------------------------------- */
export declare const radiusFull = "999em";
export declare const radiusSmall = "2px";
/** --------------------------------------------
* Shadow
* -------------------------------------------- */
export declare const shadowLarge = "0px -1px 2px rgba(61, 58, 180, 0.1), 0px 6px 14px rgba(61, 58, 180, 0.15)";
export declare const shadowMedium = "0px -1px 2px rgba(61, 58, 180, 0.1), 0px 4px 5px rgba(61, 58, 180, 0.15)";
export declare const shadowSmall = "0px -1px 2px rgba(61, 58, 180, 0.1), 0px 1px 2px rgba(61, 58, 180, 0.4)";
/** --------------------------------------------
* Size
* -------------------------------------------- */
export declare const sizeLarge = "87.5rem";
export declare const sizeMedium = "80rem";
export declare const sizeSmall = "60rem";
export declare const sizeXLarge = "120rem";
export declare const sizeXSmall = "40.625rem";
/** --------------------------------------------
* Space
* -------------------------------------------- */
export declare const spaceMedium = "1rem";
export declare const spaceSmall = "0.5rem";
export declare const spaceLarge = "1.5rem";
export declare const spaceXLarge = "2rem";
export declare const spaceXSmall = "0.25rem";
/** --------------------------------------------
* ZIndex
* -------------------------------------------- */
export declare const zIndexDialog = 6000;
export declare const zIndexDropdown = 7000;
export declare const zIndexModal = 9000;
export declare const zIndexOverlay = 8000;
export declare const zIndexPopover = 5000;
export declare const zIndexSticky = 100;
export declare const zIndexToast = 10000;
export declare const zIndexTooltip = 6000;
//# sourceMappingURL=constants.d.ts.map
export * from './constants';
export * from './groups';
export * from './tokens';
export * from './types';
//# sourceMappingURL=index.d.ts.map
// Bundled with Packemon: https://packemon.dev
// Platform: browser, Support: stable, Format: esm
/** --------------------------------------------
* Border Width
* -------------------------------------------- */
const borderWidthLarge = '3px';
const borderWidthMedium = '2px';
const borderWidthSmall = '1px';
/**
* THIS IS AN AUTOGENERATED FILE. DO NOT MODIFY.
*/
/** --------------------------------------------
* Color
* -------------------------------------------- */
const radiusFull = '999em';
const radiusSmall = '0.125rem';
const borderWidthLarge = '0.1875rem';
const borderWidthMedium = '0.125rem';
const borderWidthSmall = '0.0625rem';
const colorBackgroundDanger = '#f5e9e8';
const colorBackgroundPrimary = '#ffffff';
const colorBackgroundSecondary = '#f4f4f5';
const colorBackgroundSideNav = '#021c6b';
const colorBackgroundSuccess = '#ddefe6';
const colorBackgroundSurface = '#ffffff';
const colorBackgroundTertiary = '#e4e6e7';
const colorBackgroundTopNav = '#1f3987';
const colorBackgroundWarning = '#fbede7';
const colorBorderDanger = '#b4362f';
const colorBorderDisabled = '#f4f4f5';
const colorBorderPrimary = '#e4e6e7';
const colorBorderSuccess = '#0b6b3d';
const colorBorderWarning = '#f45e1e';
const colorBrandDefault = '#0072ec';
const colorBrandActive = 'linear-gradient(0deg, rgba(9, 21, 33, 0.4), rgba(9, 21, 33, 0.4)), linear-gradient(90deg, #0072ec 0%, #4e00c6 163.65%, #8c18e2 191.59%)';
const colorBrandHover = 'linear-gradient(0deg, rgba(9, 21, 33, 0.2), rgba(9, 21, 33, 0.2)), linear-gradient(90deg, #0072ec 0%, #4e00c6 163.65%, #8c18e2 191.59%)';
const colorBrandGradient = 'linear-gradient(90deg, #0072ec 0%, #4e00c6 163.65%, #8c18e2 191.59%)';
const colorDataVizDangerFill = '#e3837d';
const colorDataVizDangerHover = '#b4362f';
const colorDataVizDangerLine = '#d44037';
const colorDataVizNeutralFill = '#d1d3d6';
const colorDataVizNeutralHover = '#898e94';
const colorDataVizPrimaryFill = '#7785db';
const colorDataVizPrimaryFillAlt = '#c7ccf0';
const colorDataVizPrimaryHover = '#3442bc';
const colorDataVizPrimaryLine = '#3142c8';
const colorDataVizSecondaryFill = '#62a9f4';
const colorDataVizSecondaryFillAlt = '#c9e1fb';
const colorDataVizSecondaryHover = '#005cbe';
const colorDataVizSecondaryLine = '#0072ec';
const colorDataVizTertiaryFill = '#b16fed';
const colorDataVizTertiaryFillAlt = '#ddd0f3';
const colorDataVizTertiaryHover = '#8110dc';
const colorDataVizTertiaryLine = '#8c18e2';
const colorDataVizWarningFill = '#ff9365';
const colorDataVizWarningHover = '#f45e1e';
const colorDataVizWarningLine = '#ff6422';
const colorPaletteBlack = '#091521';

@@ -116,61 +153,36 @@ const colorPaletteWhite = '#ffffff';

const colorPaletteYellow900 = '#90722f';
const colorBackgroundDanger = colorPaletteRed50;
const colorBackgroundPrimary = colorPaletteWhite;
const colorBackgroundSecondary = colorPaletteGrey100;
const colorBackgroundSideNav = '#021c6b';
const colorBackgroundSuccess = colorPaletteGreen50;
const colorBackgroundSurface = colorPaletteWhite;
const colorBackgroundTertiary = colorPaletteGrey200;
const colorBackgroundTopNav = '#1f3987';
const colorBackgroundWarning = colorPaletteOrange50;
const colorBorderDanger = colorPaletteRed600;
const colorBorderDisabled = colorPaletteGrey100;
const colorBorderPrimary = colorPaletteGrey200;
const colorBorderSuccess = colorPaletteGreen600;
const colorBorderWarning = colorPaletteOrange600;
const colorBrandDefault = colorPaletteBlue500;
const colorBrandActive = `linear-gradient(0deg, rgba(9, 21, 33, 0.4), rgba(9, 21, 33, 0.4)), linear-gradient(90deg, ${colorPaletteBlue500} 0%, ${colorPalettePurple900} 163.65%, ${colorPalettePurple500} 191.59%)`;
const colorBrandHover = `linear-gradient(0deg, rgba(9, 21, 33, 0.2), rgba(9, 21, 33, 0.2)), linear-gradient(90deg, ${colorPaletteBlue500} 0%, ${colorPalettePurple900} 163.65%, ${colorPalettePurple500} 191.59%)`;
const colorBrandGradient = `linear-gradient(90deg, ${colorPaletteBlue500} 0%, ${colorPalettePurple900} 163.65%, ${colorPalettePurple500} 191.59%)`;
const colorPrimaryDefault = colorPaletteIndigo500;
const colorPrimaryActive = colorPaletteIndigo900;
const colorPrimaryHover = colorPaletteIndigo700;
const colorTextContrast = colorPaletteWhite;
const colorTextDanger = colorPaletteRed600;
const colorTextDisabled = colorPaletteGrey400;
const colorTextPrimary = colorPaletteBlack;
const colorTextSecondary = colorPaletteGrey700;
const colorTextSuccess = colorPaletteGreen600;
const colorTextTertiary = colorPaletteGrey500;
const colorTextWarning = colorPaletteOrange600;
const colorDataVizDangerFill = colorPaletteRed300;
const colorDataVizDangerHover = colorPaletteRed600;
const colorDataVizDangerLine = colorPaletteRed500;
const colorDataVizNeutralFill = colorPaletteGrey300;
const colorDataVizNeutralHover = colorPaletteGrey500;
const colorDataVizPrimaryFill = colorPaletteIndigo300;
const colorDataVizPrimaryFillAlt = colorPaletteIndigo100;
const colorDataVizPrimaryHover = colorPaletteIndigo600;
const colorDataVizPrimaryLine = colorPaletteIndigo500;
const colorDataVizSecondaryFill = colorPaletteBlue300;
const colorDataVizSecondaryFillAlt = colorPaletteBlue100;
const colorDataVizSecondaryHover = colorPaletteBlue600;
const colorDataVizSecondaryLine = colorPaletteBlue500;
const colorDataVizTertiaryFill = colorPalettePurple300;
const colorDataVizTertiaryFillAlt = colorPalettePurple100;
const colorDataVizTertiaryHover = colorPalettePurple600;
const colorDataVizTertiaryLine = colorPalettePurple500;
const colorDataVizWarningFill = colorPaletteOrange300;
const colorDataVizWarningHover = colorPaletteOrange600;
const colorDataVizWarningLine = colorPaletteOrange500;
/** --------------------------------------------
* Font Family
* -------------------------------------------- */
const colorPrimaryDefault = '#3142c8';
const colorPrimaryActive = '#16158d';
const colorPrimaryHover = '#2e39ad';
const colorTextContrast = '#ffffff';
const colorTextDanger = '#b4362f';
const colorTextDisabled = '#a9adb1';
const colorTextPrimary = '#091521';
const colorTextSecondary = '#49515a';
const colorTextSuccess = '#0b6b3d';
const colorTextTertiary = '#898e94';
const colorTextWarning = '#f45e1e';
const shadowLarge = '0px -1px 2px rgba(61, 58, 180, 0.1), 0px 6px 14px rgba(61, 58, 180, 0.15)';
const shadowMedium = '0px -1px 2px rgba(61, 58, 180, 0.1), 0px 4px 5px rgba(61, 58, 180, 0.15)';
const shadowSmall = '0px -1px 2px rgba(61, 58, 180, 0.1), 0px 1px 2px rgba(61, 58, 180, 0.4)';
const zIndexDialog = 6000;
const zIndexDropdown = 7000;
const zIndexModal = 9000;
const zIndexOverlay = 8000;
const zIndexPopover = 5000;
const zIndexSticky = 100;
const zIndexToast = 10000;
const zIndexTooltip = 6000;
const sizeLarge = '87.5rem';
const sizeMedium = '80rem';
const sizeSmall = '60rem';
const sizeXLarge = '120rem';
const sizeXSmall = '40.625rem';
const spaceMedium = '1rem';
const spaceSmall = '0.5rem';
const spaceLarge = '1.5rem';
const spaceXLarge = '2rem';
const spaceXSmall = '0.25rem';
const fontFamilyMono = '"Fira Mono", Courier, monospace';
const fontFamilyText = '"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif';
/** --------------------------------------------
* Font Size
* -------------------------------------------- */
const fontSizeLarge = '1.25rem';

@@ -182,13 +194,5 @@ const fontSizeMedium = '1rem';

const fontSizeXxLarge = '2rem';
/** --------------------------------------------
* Font Weight
* -------------------------------------------- */
const fontWeightBold = 700;
const fontWeightRegular = 400;
const fontWeightSemibold = 600;
/** --------------------------------------------
* Letter Spacing
* -------------------------------------------- */
const letterSpacingLarge = '0em';

@@ -198,6 +202,2 @@ const letterSpacingMedium = '-0.01em';

const letterSpacingXSmall = '-0.03em';
/** --------------------------------------------
* Line Height
* -------------------------------------------- */
const lineHeightLarge = '1.875rem';

@@ -210,334 +210,2104 @@ const lineHeightMedium = '1.5rem';

/** --------------------------------------------
* Radius
* -------------------------------------------- */
const radiusFull = '999em';
const radiusSmall = '2px';
/**
* THIS IS AN AUTOGENERATED FILE. DO NOT MODIFY.
*/
/** --------------------------------------------
* Shadow
* -------------------------------------------- */
const shadowLarge = '0px -1px 2px rgba(61, 58, 180, 0.1), 0px 6px 14px rgba(61, 58, 180, 0.15)';
const shadowMedium = '0px -1px 2px rgba(61, 58, 180, 0.1), 0px 4px 5px rgba(61, 58, 180, 0.15)';
const shadowSmall = '0px -1px 2px rgba(61, 58, 180, 0.1), 0px 1px 2px rgba(61, 58, 180, 0.4)';
/** --------------------------------------------
* Size
* -------------------------------------------- */
const sizeLarge = '87.5rem';
const sizeMedium = '80rem';
const sizeSmall = '60rem';
const sizeXLarge = '120rem';
const sizeXSmall = '40.625rem';
/** --------------------------------------------
* Space
* -------------------------------------------- */
const spaceMedium = '1rem';
const spaceSmall = '0.5rem';
const spaceLarge = '1.5rem';
const spaceXLarge = '2rem';
const spaceXSmall = '0.25rem';
/** --------------------------------------------
* ZIndex
* -------------------------------------------- */
const zIndexDialog = 6000;
const zIndexDropdown = 7000;
const zIndexModal = 9000;
const zIndexOverlay = 8000;
const zIndexPopover = 5000;
const zIndexSticky = 100;
const zIndexToast = 10_000;
const zIndexTooltip = 6000;
const borderWidth = {
large: borderWidthLarge,
medium: borderWidthMedium,
small: borderWidthSmall
};
const radius = {
full: radiusFull,
small: radiusSmall
full: '999em',
small: '0.125rem'
};
const background = {
danger: colorPaletteRed50,
primary: colorPaletteWhite,
secondary: colorPaletteGrey100,
sideNav: '#021c6b',
success: colorPaletteGreen50,
surface: colorPaletteWhite,
tertiary: colorPaletteGrey200,
topNav: '#1f3987',
warning: colorPaletteOrange50
const borderWidth = {
large: '0.1875rem',
medium: '0.125rem',
small: '0.0625rem'
};
const border = {
danger: colorPaletteRed600,
disabled: colorPaletteGrey100,
primary: colorPaletteGrey200,
success: colorPaletteGreen600,
warning: colorPaletteOrange600
};
const brand = {
active: colorBrandActive,
default: colorBrandDefault,
gradient: colorBrandGradient,
hover: colorBrandHover
};
const dataViz = {
dangerFill: colorDataVizDangerFill,
dangerHover: colorDataVizDangerHover,
dangerLine: colorDataVizDangerLine,
neutralFill: colorDataVizNeutralFill,
neutralHover: colorDataVizNeutralHover,
primaryFill: colorDataVizPrimaryFill,
primaryFillAlt: colorDataVizPrimaryFillAlt,
primaryHover: colorDataVizPrimaryHover,
primaryLine: colorDataVizPrimaryLine,
secondaryFill: colorDataVizSecondaryFill,
secondaryFillAlt: colorDataVizSecondaryFillAlt,
secondaryHover: colorDataVizSecondaryHover,
secondaryLine: colorDataVizSecondaryLine,
tertiaryFill: colorDataVizTertiaryFill,
tertiaryFillAlt: colorDataVizTertiaryFillAlt,
tertiaryHover: colorDataVizTertiaryHover,
tertiaryLine: colorDataVizTertiaryLine,
warningFill: colorDataVizWarningFill,
warningHover: colorDataVizWarningHover,
warningLine: colorDataVizWarningLine
};
const black = colorPaletteBlack;
const white = colorPaletteWhite;
const blue = {
50: colorPaletteBlue50,
100: colorPaletteBlue100,
200: colorPaletteBlue200,
300: colorPaletteBlue300,
400: colorPaletteBlue400,
500: colorPaletteBlue500,
600: colorPaletteBlue600,
700: colorPaletteBlue700,
800: colorPaletteBlue800,
900: colorPaletteBlue900
};
const brown = {
50: colorPaletteBrown50,
100: colorPaletteBrown100,
200: colorPaletteBrown200,
300: colorPaletteBrown300,
400: colorPaletteBrown400,
500: colorPaletteBrown500,
600: colorPaletteBrown600,
700: colorPaletteBrown700,
800: colorPaletteBrown800,
900: colorPaletteBrown900
};
const green = {
50: colorPaletteGreen50,
100: colorPaletteGreen100,
200: colorPaletteGreen200,
300: colorPaletteGreen300,
400: colorPaletteGreen400,
500: colorPaletteGreen500,
600: colorPaletteGreen600,
700: colorPaletteGreen700,
800: colorPaletteGreen800,
900: colorPaletteGreen900
};
const grey = {
50: colorPaletteGrey50,
100: colorPaletteGrey100,
200: colorPaletteGrey200,
300: colorPaletteGrey300,
400: colorPaletteGrey400,
500: colorPaletteGrey500,
600: colorPaletteGrey600,
700: colorPaletteGrey700,
800: colorPaletteGrey800,
900: colorPaletteGrey900
};
const indigo = {
50: colorPaletteIndigo50,
100: colorPaletteIndigo100,
200: colorPaletteIndigo200,
300: colorPaletteIndigo300,
400: colorPaletteIndigo400,
500: colorPaletteIndigo500,
600: colorPaletteIndigo600,
700: colorPaletteIndigo700,
800: colorPaletteIndigo800,
900: colorPaletteIndigo900
};
const orange = {
50: colorPaletteOrange50,
100: colorPaletteOrange100,
200: colorPaletteOrange200,
300: colorPaletteOrange300,
400: colorPaletteOrange400,
500: colorPaletteOrange500,
600: colorPaletteOrange600,
700: colorPaletteOrange700,
800: colorPaletteOrange800,
900: colorPaletteOrange900
};
const pink = {
50: colorPalettePink50,
100: colorPalettePink100,
200: colorPalettePink200,
300: colorPalettePink300,
400: colorPalettePink400,
500: colorPalettePink500,
600: colorPalettePink600,
700: colorPalettePink700,
800: colorPalettePink800,
900: colorPalettePink900
};
const purple = {
50: colorPalettePurple50,
100: colorPalettePurple100,
200: colorPalettePurple200,
300: colorPalettePurple300,
400: colorPalettePurple400,
500: colorPalettePurple500,
600: colorPalettePurple600,
700: colorPalettePurple700,
800: colorPalettePurple800,
900: colorPalettePurple900
};
const red = {
50: colorPaletteRed50,
100: colorPaletteRed100,
200: colorPaletteRed200,
300: colorPaletteRed300,
400: colorPaletteRed400,
500: colorPaletteRed500,
600: colorPaletteRed600,
700: colorPaletteRed700,
800: colorPaletteRed800,
900: colorPaletteRed900
};
const yellow = {
50: colorPaletteYellow50,
100: colorPaletteYellow100,
200: colorPaletteYellow200,
300: colorPaletteYellow300,
400: colorPaletteYellow400,
500: colorPaletteYellow500,
600: colorPaletteYellow600,
700: colorPaletteYellow700,
800: colorPaletteYellow800,
900: colorPaletteYellow900
};
const palette = {
black,
blue,
brown,
green,
grey,
indigo,
orange,
pink,
purple,
red,
white,
yellow
};
const primary = {
active: colorPaletteIndigo900,
default: colorPaletteIndigo500,
hover: colorPaletteIndigo700
};
const text = {
contrast: colorPaletteWhite,
danger: colorPaletteRed600,
disabled: colorPaletteGrey400,
primary: colorPaletteBlack,
secondary: colorPaletteGrey700,
success: colorPaletteGreen600,
tertiary: colorPaletteGrey500,
warning: colorPaletteOrange600
};
const color = {
background,
border,
brand,
dataViz,
palette,
primary,
text
background: {
danger: '#f5e9e8',
primary: '#ffffff',
secondary: '#f4f4f5',
sideNav: '#021c6b',
success: '#ddefe6',
surface: '#ffffff',
tertiary: '#e4e6e7',
topNav: '#1f3987',
warning: '#fbede7'
},
border: {
danger: '#b4362f',
disabled: '#f4f4f5',
primary: '#e4e6e7',
success: '#0b6b3d',
warning: '#f45e1e'
},
brand: {
default: '#0072ec',
active: 'linear-gradient(0deg, rgba(9, 21, 33, 0.4), rgba(9, 21, 33, 0.4)), linear-gradient(90deg, #0072ec 0%, #4e00c6 163.65%, #8c18e2 191.59%)',
hover: 'linear-gradient(0deg, rgba(9, 21, 33, 0.2), rgba(9, 21, 33, 0.2)), linear-gradient(90deg, #0072ec 0%, #4e00c6 163.65%, #8c18e2 191.59%)',
gradient: 'linear-gradient(90deg, #0072ec 0%, #4e00c6 163.65%, #8c18e2 191.59%)'
},
dataViz: {
dangerFill: '#e3837d',
dangerHover: '#b4362f',
dangerLine: '#d44037',
neutralFill: '#d1d3d6',
neutralHover: '#898e94',
primaryFill: '#7785db',
primaryFillAlt: '#c7ccf0',
primaryHover: '#3442bc',
primaryLine: '#3142c8',
secondaryFill: '#62a9f4',
secondaryFillAlt: '#c9e1fb',
secondaryHover: '#005cbe',
secondaryLine: '#0072ec',
tertiaryFill: '#b16fed',
tertiaryFillAlt: '#ddd0f3',
tertiaryHover: '#8110dc',
tertiaryLine: '#8c18e2',
warningFill: '#ff9365',
warningHover: '#f45e1e',
warningLine: '#ff6422'
},
palette: {
black: '#091521',
white: '#ffffff',
blue: {
'50': '#ecf4fe',
'100': '#c9e1fb',
'200': '#95c5f8',
'300': '#62a9f4',
'400': '#308df1',
'500': '#0072ec',
'600': '#005cbe',
'700': '#00458e',
'800': '#003772',
'900': '#002956'
},
brown: {
'50': '#faf0e7',
'100': '#ead9ce',
'200': '#d8c1b2',
'300': '#c4a794',
'400': '#b3917b',
'500': '#a27c62',
'600': '#95715a',
'700': '#84634f',
'800': '#755646',
'900': '#64473a'
},
green: {
'50': '#ddefe6',
'100': '#c3e1d2',
'200': '#93c9ae',
'300': '#62b08b',
'400': '#329867',
'500': '#0e864c',
'600': '#0b6b3d',
'700': '#095731',
'800': '#074326',
'900': '#06361e'
},
grey: {
'50': '#fafafb',
'100': '#f4f4f5',
'200': '#e4e6e7',
'300': '#d1d3d6',
'400': '#a9adb1',
'500': '#898e94',
'600': '#697078',
'700': '#49515a',
'800': '#2a343f',
'900': '#091521'
},
indigo: {
'50': '#e9eafa',
'100': '#c7ccf0',
'200': '#a5aee8',
'300': '#7785db',
'400': '#5c6cd6',
'500': '#3142c8',
'600': '#3442bc',
'700': '#2e39ad',
'800': '#232b9c',
'900': '#16158d'
},
orange: {
'50': '#fbede7',
'100': '#ffd0bc',
'200': '#ffb291',
'300': '#ff9365',
'400': '#ff7b43',
'500': '#ff6422',
'600': '#f45e1e',
'700': '#e65719',
'800': '#d85015',
'900': '#bf420c'
},
pink: {
'50': '#fbe5ee',
'100': '#f6bed6',
'200': '#f194ba',
'300': '#ed6a9f',
'400': '#ea4c89',
'500': '#e83274',
'600': '#d72f70',
'700': '#c02c69',
'800': '#aa2964',
'900': '#852259'
},
purple: {
'50': '#f2e7fc',
'100': '#ddd0f3',
'200': '#c79bf2',
'300': '#b16fed',
'400': '#9e4ae8',
'500': '#8c18e2',
'600': '#8110dc',
'700': '#7300d3',
'800': '#6500ce',
'900': '#4e00c6'
},
red: {
'50': '#f5e9e8',
'100': '#f4cfcd',
'200': '#eca9a5',
'300': '#e3837d',
'400': '#da5d55',
'500': '#d44037',
'600': '#b4362f',
'700': '#942d27',
'800': '#75231e',
'900': '#551a16'
},
yellow: {
'50': '#fefae7',
'100': '#fbf1c4',
'200': '#f8e99f',
'300': '#f4e07b',
'400': '#f0d961',
'500': '#ecd348',
'600': '#dcc243',
'700': '#c8ac3d',
'800': '#b39638',
'900': '#90722f'
}
},
primary: {
default: '#3142c8',
active: '#16158d',
hover: '#2e39ad'
},
text: {
contrast: '#ffffff',
danger: '#b4362f',
disabled: '#a9adb1',
primary: '#091521',
secondary: '#49515a',
success: '#0b6b3d',
tertiary: '#898e94',
warning: '#f45e1e'
}
};
const shadow = {
large: shadowLarge,
medium: shadowMedium,
small: shadowSmall
large: '0px -1px 2px rgba(61, 58, 180, 0.1), 0px 6px 14px rgba(61, 58, 180, 0.15)',
medium: '0px -1px 2px rgba(61, 58, 180, 0.1), 0px 4px 5px rgba(61, 58, 180, 0.15)',
small: '0px -1px 2px rgba(61, 58, 180, 0.1), 0px 1px 2px rgba(61, 58, 180, 0.4)'
};
const zIndex = {
dialog: zIndexDialog,
dropdown: zIndexDropdown,
modal: zIndexModal,
overlay: zIndexOverlay,
popover: zIndexPopover,
sticky: zIndexSticky,
toast: zIndexToast,
tooltip: zIndexTooltip
dialog: 6000,
dropdown: 7000,
modal: 9000,
overlay: 8000,
popover: 5000,
sticky: 100,
toast: 10000,
tooltip: 6000
};
const size = {
large: sizeLarge,
medium: sizeMedium,
small: sizeSmall,
'x-large': sizeXLarge,
'x-small': sizeXSmall
large: '87.5rem',
medium: '80rem',
small: '60rem',
'x-large': '120rem',
'x-small': '40.625rem'
};
const space = {
large: spaceLarge,
medium: spaceMedium,
small: spaceSmall,
'x-large': spaceXLarge,
'x-small': spaceXSmall
medium: '1rem',
small: '0.5rem',
large: '1.5rem',
'x-large': '2rem',
'x-small': '0.25rem'
};
const fontFamily = {
mono: fontFamilyMono,
text: fontFamilyText
mono: '"Fira Mono", Courier, monospace',
text: '"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif'
};
const fontSize = {
large: fontSizeLarge,
medium: fontSizeMedium,
small: fontSizeSmall,
'x-large': fontSizeXLarge,
'x-small': fontSizeXSmall,
'xx-large': fontSizeXxLarge
large: '1.25rem',
medium: '1rem',
small: '0.875rem',
'x-large': '1.5rem',
'x-small': '0.75rem',
'xx-large': '2rem'
};
const fontWeight = {
bold: fontWeightBold,
regular: fontWeightRegular,
semibold: fontWeightSemibold
bold: 700,
regular: 400,
semibold: 600
};
const letterSpacing = {
large: letterSpacingLarge,
medium: letterSpacingMedium,
small: letterSpacingSmall,
'x-small': letterSpacingXSmall
large: '0em',
medium: '-0.01em',
small: '-0.02em',
'x-small': '-0.03em'
};
const lineHeight = {
large: lineHeightLarge,
medium: lineHeightMedium,
small: lineHeightSmall,
'x-large': lineHeightXLarge,
'x-small': lineHeightXSmall,
'xx-large': lineHeightXxLarge
large: '1.875rem',
medium: '1.5rem',
small: '1.25rem',
'x-large': '2rem',
'x-small': '1.125rem',
'xx-large': '2.625rem'
};
const tokens = {
borderWidth,
color,
fontFamily,
fontSize,
fontWeight,
letterSpacing,
lineHeight,
radius,
shadow,
size,
space,
zIndex
};
export { borderWidthLarge, borderWidthMedium, borderWidthSmall, colorBackgroundDanger, colorBackgroundPrimary, colorBackgroundSecondary, colorBackgroundSideNav, colorBackgroundSuccess, colorBackgroundSurface, colorBackgroundTertiary, colorBackgroundTopNav, colorBackgroundWarning, colorBorderDanger, colorBorderDisabled, colorBorderPrimary, colorBorderSuccess, colorBorderWarning, colorBrandActive, colorBrandDefault, colorBrandGradient, colorBrandHover, colorDataVizDangerFill, colorDataVizDangerHover, colorDataVizDangerLine, colorDataVizNeutralFill, colorDataVizNeutralHover, colorDataVizPrimaryFill, colorDataVizPrimaryFillAlt, colorDataVizPrimaryHover, colorDataVizPrimaryLine, colorDataVizSecondaryFill, colorDataVizSecondaryFillAlt, colorDataVizSecondaryHover, colorDataVizSecondaryLine, colorDataVizTertiaryFill, colorDataVizTertiaryFillAlt, colorDataVizTertiaryHover, colorDataVizTertiaryLine, colorDataVizWarningFill, colorDataVizWarningHover, colorDataVizWarningLine, colorPaletteBlack, colorPaletteBlue100, colorPaletteBlue200, colorPaletteBlue300, colorPaletteBlue400, colorPaletteBlue50, colorPaletteBlue500, colorPaletteBlue600, colorPaletteBlue700, colorPaletteBlue800, colorPaletteBlue900, colorPaletteBrown100, colorPaletteBrown200, colorPaletteBrown300, colorPaletteBrown400, colorPaletteBrown50, colorPaletteBrown500, colorPaletteBrown600, colorPaletteBrown700, colorPaletteBrown800, colorPaletteBrown900, colorPaletteGreen100, colorPaletteGreen200, colorPaletteGreen300, colorPaletteGreen400, colorPaletteGreen50, colorPaletteGreen500, colorPaletteGreen600, colorPaletteGreen700, colorPaletteGreen800, colorPaletteGreen900, colorPaletteGrey100, colorPaletteGrey200, colorPaletteGrey300, colorPaletteGrey400, colorPaletteGrey50, colorPaletteGrey500, colorPaletteGrey600, colorPaletteGrey700, colorPaletteGrey800, colorPaletteGrey900, colorPaletteIndigo100, colorPaletteIndigo200, colorPaletteIndigo300, colorPaletteIndigo400, colorPaletteIndigo50, colorPaletteIndigo500, colorPaletteIndigo600, colorPaletteIndigo700, colorPaletteIndigo800, colorPaletteIndigo900, colorPaletteOrange100, colorPaletteOrange200, colorPaletteOrange300, colorPaletteOrange400, colorPaletteOrange50, colorPaletteOrange500, colorPaletteOrange600, colorPaletteOrange700, colorPaletteOrange800, colorPaletteOrange900, colorPalettePink100, colorPalettePink200, colorPalettePink300, colorPalettePink400, colorPalettePink50, colorPalettePink500, colorPalettePink600, colorPalettePink700, colorPalettePink800, colorPalettePink900, colorPalettePurple100, colorPalettePurple200, colorPalettePurple300, colorPalettePurple400, colorPalettePurple50, colorPalettePurple500, colorPalettePurple600, colorPalettePurple700, colorPalettePurple800, colorPalettePurple900, colorPaletteRed100, colorPaletteRed200, colorPaletteRed300, colorPaletteRed400, colorPaletteRed50, colorPaletteRed500, colorPaletteRed600, colorPaletteRed700, colorPaletteRed800, colorPaletteRed900, colorPaletteWhite, colorPaletteYellow100, colorPaletteYellow200, colorPaletteYellow300, colorPaletteYellow400, colorPaletteYellow50, colorPaletteYellow500, colorPaletteYellow600, colorPaletteYellow700, colorPaletteYellow800, colorPaletteYellow900, colorPrimaryActive, colorPrimaryDefault, colorPrimaryHover, colorTextContrast, colorTextDanger, colorTextDisabled, colorTextPrimary, colorTextSecondary, colorTextSuccess, colorTextTertiary, colorTextWarning, fontFamilyMono, fontFamilyText, fontSizeLarge, fontSizeMedium, fontSizeSmall, fontSizeXLarge, fontSizeXSmall, fontSizeXxLarge, fontWeightBold, fontWeightRegular, fontWeightSemibold, letterSpacingLarge, letterSpacingMedium, letterSpacingSmall, letterSpacingXSmall, lineHeightLarge, lineHeightMedium, lineHeightSmall, lineHeightXLarge, lineHeightXSmall, lineHeightXxLarge, radiusFull, radiusSmall, shadowLarge, shadowMedium, shadowSmall, sizeLarge, sizeMedium, sizeSmall, sizeXLarge, sizeXSmall, spaceLarge, spaceMedium, spaceSmall, spaceXLarge, spaceXSmall, tokens, zIndexDialog, zIndexDropdown, zIndexModal, zIndexOverlay, zIndexPopover, zIndexSticky, zIndexToast, zIndexTooltip };
/**
* THIS IS AN AUTOGENERATED FILE. DO NOT MODIFY.
*/
const tokens = [{
value: '999em',
name: 'radiusFull',
attributes: {
category: 'radius',
type: 'full'
},
path: ['radius', 'full']
}, {
value: '0.125rem',
name: 'radiusSmall',
attributes: {
category: 'radius',
type: 'small'
},
path: ['radius', 'small']
}, {
value: '0.1875rem',
name: 'borderWidthLarge',
attributes: {
category: 'borderWidth',
type: 'large'
},
path: ['borderWidth', 'large']
}, {
value: '0.125rem',
name: 'borderWidthMedium',
attributes: {
category: 'borderWidth',
type: 'medium'
},
path: ['borderWidth', 'medium']
}, {
value: '0.0625rem',
name: 'borderWidthSmall',
attributes: {
category: 'borderWidth',
type: 'small'
},
path: ['borderWidth', 'small']
}, {
value: '#f5e9e8',
name: 'colorBackgroundDanger',
attributes: {
category: 'color',
type: 'background',
item: 'danger'
},
path: ['color', 'background', 'danger']
}, {
value: '#ffffff',
name: 'colorBackgroundPrimary',
attributes: {
category: 'color',
type: 'background',
item: 'primary'
},
path: ['color', 'background', 'primary']
}, {
value: '#f4f4f5',
name: 'colorBackgroundSecondary',
attributes: {
category: 'color',
type: 'background',
item: 'secondary'
},
path: ['color', 'background', 'secondary']
}, {
value: '#021c6b',
name: 'colorBackgroundSideNav',
attributes: {
category: 'color',
type: 'background',
item: 'sideNav'
},
path: ['color', 'background', 'sideNav']
}, {
value: '#ddefe6',
name: 'colorBackgroundSuccess',
attributes: {
category: 'color',
type: 'background',
item: 'success'
},
path: ['color', 'background', 'success']
}, {
value: '#ffffff',
name: 'colorBackgroundSurface',
attributes: {
category: 'color',
type: 'background',
item: 'surface'
},
path: ['color', 'background', 'surface']
}, {
value: '#e4e6e7',
name: 'colorBackgroundTertiary',
attributes: {
category: 'color',
type: 'background',
item: 'tertiary'
},
path: ['color', 'background', 'tertiary']
}, {
value: '#1f3987',
name: 'colorBackgroundTopNav',
attributes: {
category: 'color',
type: 'background',
item: 'topNav'
},
path: ['color', 'background', 'topNav']
}, {
value: '#fbede7',
name: 'colorBackgroundWarning',
attributes: {
category: 'color',
type: 'background',
item: 'warning'
},
path: ['color', 'background', 'warning']
}, {
value: '#b4362f',
name: 'colorBorderDanger',
attributes: {
category: 'color',
type: 'border',
item: 'danger'
},
path: ['color', 'border', 'danger']
}, {
value: '#f4f4f5',
name: 'colorBorderDisabled',
attributes: {
category: 'color',
type: 'border',
item: 'disabled'
},
path: ['color', 'border', 'disabled']
}, {
value: '#e4e6e7',
name: 'colorBorderPrimary',
attributes: {
category: 'color',
type: 'border',
item: 'primary'
},
path: ['color', 'border', 'primary']
}, {
value: '#0b6b3d',
name: 'colorBorderSuccess',
attributes: {
category: 'color',
type: 'border',
item: 'success'
},
path: ['color', 'border', 'success']
}, {
value: '#f45e1e',
name: 'colorBorderWarning',
attributes: {
category: 'color',
type: 'border',
item: 'warning'
},
path: ['color', 'border', 'warning']
}, {
value: '#0072ec',
name: 'colorBrandDefault',
attributes: {
category: 'color',
type: 'brand',
item: 'default'
},
path: ['color', 'brand', 'default']
}, {
value: 'linear-gradient(0deg, rgba(9, 21, 33, 0.4), rgba(9, 21, 33, 0.4)), linear-gradient(90deg, #0072ec 0%, #4e00c6 163.65%, #8c18e2 191.59%)',
name: 'colorBrandActive',
attributes: {
category: 'color',
type: 'brand',
item: 'active'
},
path: ['color', 'brand', 'active']
}, {
value: 'linear-gradient(0deg, rgba(9, 21, 33, 0.2), rgba(9, 21, 33, 0.2)), linear-gradient(90deg, #0072ec 0%, #4e00c6 163.65%, #8c18e2 191.59%)',
name: 'colorBrandHover',
attributes: {
category: 'color',
type: 'brand',
item: 'hover'
},
path: ['color', 'brand', 'hover']
}, {
value: 'linear-gradient(90deg, #0072ec 0%, #4e00c6 163.65%, #8c18e2 191.59%)',
name: 'colorBrandGradient',
attributes: {
category: 'color',
type: 'brand',
item: 'gradient'
},
path: ['color', 'brand', 'gradient']
}, {
value: '#e3837d',
name: 'colorDataVizDangerFill',
attributes: {
category: 'color',
type: 'dataViz',
item: 'dangerFill'
},
path: ['color', 'dataViz', 'dangerFill']
}, {
value: '#b4362f',
name: 'colorDataVizDangerHover',
attributes: {
category: 'color',
type: 'dataViz',
item: 'dangerHover'
},
path: ['color', 'dataViz', 'dangerHover']
}, {
value: '#d44037',
name: 'colorDataVizDangerLine',
attributes: {
category: 'color',
type: 'dataViz',
item: 'dangerLine'
},
path: ['color', 'dataViz', 'dangerLine']
}, {
value: '#d1d3d6',
name: 'colorDataVizNeutralFill',
attributes: {
category: 'color',
type: 'dataViz',
item: 'neutralFill'
},
path: ['color', 'dataViz', 'neutralFill']
}, {
value: '#898e94',
name: 'colorDataVizNeutralHover',
attributes: {
category: 'color',
type: 'dataViz',
item: 'neutralHover'
},
path: ['color', 'dataViz', 'neutralHover']
}, {
value: '#7785db',
name: 'colorDataVizPrimaryFill',
attributes: {
category: 'color',
type: 'dataViz',
item: 'primaryFill'
},
path: ['color', 'dataViz', 'primaryFill']
}, {
value: '#c7ccf0',
name: 'colorDataVizPrimaryFillAlt',
attributes: {
category: 'color',
type: 'dataViz',
item: 'primaryFillAlt'
},
path: ['color', 'dataViz', 'primaryFillAlt']
}, {
value: '#3442bc',
name: 'colorDataVizPrimaryHover',
attributes: {
category: 'color',
type: 'dataViz',
item: 'primaryHover'
},
path: ['color', 'dataViz', 'primaryHover']
}, {
value: '#3142c8',
name: 'colorDataVizPrimaryLine',
attributes: {
category: 'color',
type: 'dataViz',
item: 'primaryLine'
},
path: ['color', 'dataViz', 'primaryLine']
}, {
value: '#62a9f4',
name: 'colorDataVizSecondaryFill',
attributes: {
category: 'color',
type: 'dataViz',
item: 'secondaryFill'
},
path: ['color', 'dataViz', 'secondaryFill']
}, {
value: '#c9e1fb',
name: 'colorDataVizSecondaryFillAlt',
attributes: {
category: 'color',
type: 'dataViz',
item: 'secondaryFillAlt'
},
path: ['color', 'dataViz', 'secondaryFillAlt']
}, {
value: '#005cbe',
name: 'colorDataVizSecondaryHover',
attributes: {
category: 'color',
type: 'dataViz',
item: 'secondaryHover'
},
path: ['color', 'dataViz', 'secondaryHover']
}, {
value: '#0072ec',
name: 'colorDataVizSecondaryLine',
attributes: {
category: 'color',
type: 'dataViz',
item: 'secondaryLine'
},
path: ['color', 'dataViz', 'secondaryLine']
}, {
value: '#b16fed',
name: 'colorDataVizTertiaryFill',
attributes: {
category: 'color',
type: 'dataViz',
item: 'tertiaryFill'
},
path: ['color', 'dataViz', 'tertiaryFill']
}, {
value: '#ddd0f3',
name: 'colorDataVizTertiaryFillAlt',
attributes: {
category: 'color',
type: 'dataViz',
item: 'tertiaryFillAlt'
},
path: ['color', 'dataViz', 'tertiaryFillAlt']
}, {
value: '#8110dc',
name: 'colorDataVizTertiaryHover',
attributes: {
category: 'color',
type: 'dataViz',
item: 'tertiaryHover'
},
path: ['color', 'dataViz', 'tertiaryHover']
}, {
value: '#8c18e2',
name: 'colorDataVizTertiaryLine',
attributes: {
category: 'color',
type: 'dataViz',
item: 'tertiaryLine'
},
path: ['color', 'dataViz', 'tertiaryLine']
}, {
value: '#ff9365',
name: 'colorDataVizWarningFill',
attributes: {
category: 'color',
type: 'dataViz',
item: 'warningFill'
},
path: ['color', 'dataViz', 'warningFill']
}, {
value: '#f45e1e',
name: 'colorDataVizWarningHover',
attributes: {
category: 'color',
type: 'dataViz',
item: 'warningHover'
},
path: ['color', 'dataViz', 'warningHover']
}, {
value: '#ff6422',
name: 'colorDataVizWarningLine',
attributes: {
category: 'color',
type: 'dataViz',
item: 'warningLine'
},
path: ['color', 'dataViz', 'warningLine']
}, {
value: '#091521',
name: 'colorPaletteBlack',
attributes: {
category: 'color',
type: 'palette',
item: 'black'
},
path: ['color', 'palette', 'black']
}, {
value: '#ffffff',
name: 'colorPaletteWhite',
attributes: {
category: 'color',
type: 'palette',
item: 'white'
},
path: ['color', 'palette', 'white']
}, {
value: '#ecf4fe',
name: 'colorPaletteBlue50',
attributes: {
category: 'color',
type: 'palette',
item: 'blue',
subitem: '50'
},
path: ['color', 'palette', 'blue', '50']
}, {
value: '#c9e1fb',
name: 'colorPaletteBlue100',
attributes: {
category: 'color',
type: 'palette',
item: 'blue',
subitem: '100'
},
path: ['color', 'palette', 'blue', '100']
}, {
value: '#95c5f8',
name: 'colorPaletteBlue200',
attributes: {
category: 'color',
type: 'palette',
item: 'blue',
subitem: '200'
},
path: ['color', 'palette', 'blue', '200']
}, {
value: '#62a9f4',
name: 'colorPaletteBlue300',
attributes: {
category: 'color',
type: 'palette',
item: 'blue',
subitem: '300'
},
path: ['color', 'palette', 'blue', '300']
}, {
value: '#308df1',
name: 'colorPaletteBlue400',
attributes: {
category: 'color',
type: 'palette',
item: 'blue',
subitem: '400'
},
path: ['color', 'palette', 'blue', '400']
}, {
value: '#0072ec',
name: 'colorPaletteBlue500',
attributes: {
category: 'color',
type: 'palette',
item: 'blue',
subitem: '500'
},
path: ['color', 'palette', 'blue', '500']
}, {
value: '#005cbe',
name: 'colorPaletteBlue600',
attributes: {
category: 'color',
type: 'palette',
item: 'blue',
subitem: '600'
},
path: ['color', 'palette', 'blue', '600']
}, {
value: '#00458e',
name: 'colorPaletteBlue700',
attributes: {
category: 'color',
type: 'palette',
item: 'blue',
subitem: '700'
},
path: ['color', 'palette', 'blue', '700']
}, {
value: '#003772',
name: 'colorPaletteBlue800',
attributes: {
category: 'color',
type: 'palette',
item: 'blue',
subitem: '800'
},
path: ['color', 'palette', 'blue', '800']
}, {
value: '#002956',
name: 'colorPaletteBlue900',
attributes: {
category: 'color',
type: 'palette',
item: 'blue',
subitem: '900'
},
path: ['color', 'palette', 'blue', '900']
}, {
value: '#faf0e7',
name: 'colorPaletteBrown50',
attributes: {
category: 'color',
type: 'palette',
item: 'brown',
subitem: '50'
},
path: ['color', 'palette', 'brown', '50']
}, {
value: '#ead9ce',
name: 'colorPaletteBrown100',
attributes: {
category: 'color',
type: 'palette',
item: 'brown',
subitem: '100'
},
path: ['color', 'palette', 'brown', '100']
}, {
value: '#d8c1b2',
name: 'colorPaletteBrown200',
attributes: {
category: 'color',
type: 'palette',
item: 'brown',
subitem: '200'
},
path: ['color', 'palette', 'brown', '200']
}, {
value: '#c4a794',
name: 'colorPaletteBrown300',
attributes: {
category: 'color',
type: 'palette',
item: 'brown',
subitem: '300'
},
path: ['color', 'palette', 'brown', '300']
}, {
value: '#b3917b',
name: 'colorPaletteBrown400',
attributes: {
category: 'color',
type: 'palette',
item: 'brown',
subitem: '400'
},
path: ['color', 'palette', 'brown', '400']
}, {
value: '#a27c62',
name: 'colorPaletteBrown500',
attributes: {
category: 'color',
type: 'palette',
item: 'brown',
subitem: '500'
},
path: ['color', 'palette', 'brown', '500']
}, {
value: '#95715a',
name: 'colorPaletteBrown600',
attributes: {
category: 'color',
type: 'palette',
item: 'brown',
subitem: '600'
},
path: ['color', 'palette', 'brown', '600']
}, {
value: '#84634f',
name: 'colorPaletteBrown700',
attributes: {
category: 'color',
type: 'palette',
item: 'brown',
subitem: '700'
},
path: ['color', 'palette', 'brown', '700']
}, {
value: '#755646',
name: 'colorPaletteBrown800',
attributes: {
category: 'color',
type: 'palette',
item: 'brown',
subitem: '800'
},
path: ['color', 'palette', 'brown', '800']
}, {
value: '#64473a',
name: 'colorPaletteBrown900',
attributes: {
category: 'color',
type: 'palette',
item: 'brown',
subitem: '900'
},
path: ['color', 'palette', 'brown', '900']
}, {
value: '#ddefe6',
name: 'colorPaletteGreen50',
attributes: {
category: 'color',
type: 'palette',
item: 'green',
subitem: '50'
},
path: ['color', 'palette', 'green', '50']
}, {
value: '#c3e1d2',
name: 'colorPaletteGreen100',
attributes: {
category: 'color',
type: 'palette',
item: 'green',
subitem: '100'
},
path: ['color', 'palette', 'green', '100']
}, {
value: '#93c9ae',
name: 'colorPaletteGreen200',
attributes: {
category: 'color',
type: 'palette',
item: 'green',
subitem: '200'
},
path: ['color', 'palette', 'green', '200']
}, {
value: '#62b08b',
name: 'colorPaletteGreen300',
attributes: {
category: 'color',
type: 'palette',
item: 'green',
subitem: '300'
},
path: ['color', 'palette', 'green', '300']
}, {
value: '#329867',
name: 'colorPaletteGreen400',
attributes: {
category: 'color',
type: 'palette',
item: 'green',
subitem: '400'
},
path: ['color', 'palette', 'green', '400']
}, {
value: '#0e864c',
name: 'colorPaletteGreen500',
attributes: {
category: 'color',
type: 'palette',
item: 'green',
subitem: '500'
},
path: ['color', 'palette', 'green', '500']
}, {
value: '#0b6b3d',
name: 'colorPaletteGreen600',
attributes: {
category: 'color',
type: 'palette',
item: 'green',
subitem: '600'
},
path: ['color', 'palette', 'green', '600']
}, {
value: '#095731',
name: 'colorPaletteGreen700',
attributes: {
category: 'color',
type: 'palette',
item: 'green',
subitem: '700'
},
path: ['color', 'palette', 'green', '700']
}, {
value: '#074326',
name: 'colorPaletteGreen800',
attributes: {
category: 'color',
type: 'palette',
item: 'green',
subitem: '800'
},
path: ['color', 'palette', 'green', '800']
}, {
value: '#06361e',
name: 'colorPaletteGreen900',
attributes: {
category: 'color',
type: 'palette',
item: 'green',
subitem: '900'
},
path: ['color', 'palette', 'green', '900']
}, {
value: '#fafafb',
name: 'colorPaletteGrey50',
attributes: {
category: 'color',
type: 'palette',
item: 'grey',
subitem: '50'
},
path: ['color', 'palette', 'grey', '50']
}, {
value: '#f4f4f5',
name: 'colorPaletteGrey100',
attributes: {
category: 'color',
type: 'palette',
item: 'grey',
subitem: '100'
},
path: ['color', 'palette', 'grey', '100']
}, {
value: '#e4e6e7',
name: 'colorPaletteGrey200',
attributes: {
category: 'color',
type: 'palette',
item: 'grey',
subitem: '200'
},
path: ['color', 'palette', 'grey', '200']
}, {
value: '#d1d3d6',
name: 'colorPaletteGrey300',
attributes: {
category: 'color',
type: 'palette',
item: 'grey',
subitem: '300'
},
path: ['color', 'palette', 'grey', '300']
}, {
value: '#a9adb1',
name: 'colorPaletteGrey400',
attributes: {
category: 'color',
type: 'palette',
item: 'grey',
subitem: '400'
},
path: ['color', 'palette', 'grey', '400']
}, {
value: '#898e94',
name: 'colorPaletteGrey500',
attributes: {
category: 'color',
type: 'palette',
item: 'grey',
subitem: '500'
},
path: ['color', 'palette', 'grey', '500']
}, {
value: '#697078',
name: 'colorPaletteGrey600',
attributes: {
category: 'color',
type: 'palette',
item: 'grey',
subitem: '600'
},
path: ['color', 'palette', 'grey', '600']
}, {
value: '#49515a',
name: 'colorPaletteGrey700',
attributes: {
category: 'color',
type: 'palette',
item: 'grey',
subitem: '700'
},
path: ['color', 'palette', 'grey', '700']
}, {
value: '#2a343f',
name: 'colorPaletteGrey800',
attributes: {
category: 'color',
type: 'palette',
item: 'grey',
subitem: '800'
},
path: ['color', 'palette', 'grey', '800']
}, {
value: '#091521',
name: 'colorPaletteGrey900',
attributes: {
category: 'color',
type: 'palette',
item: 'grey',
subitem: '900'
},
path: ['color', 'palette', 'grey', '900']
}, {
value: '#e9eafa',
name: 'colorPaletteIndigo50',
attributes: {
category: 'color',
type: 'palette',
item: 'indigo',
subitem: '50'
},
path: ['color', 'palette', 'indigo', '50']
}, {
value: '#c7ccf0',
name: 'colorPaletteIndigo100',
attributes: {
category: 'color',
type: 'palette',
item: 'indigo',
subitem: '100'
},
path: ['color', 'palette', 'indigo', '100']
}, {
value: '#a5aee8',
name: 'colorPaletteIndigo200',
attributes: {
category: 'color',
type: 'palette',
item: 'indigo',
subitem: '200'
},
path: ['color', 'palette', 'indigo', '200']
}, {
value: '#7785db',
name: 'colorPaletteIndigo300',
attributes: {
category: 'color',
type: 'palette',
item: 'indigo',
subitem: '300'
},
path: ['color', 'palette', 'indigo', '300']
}, {
value: '#5c6cd6',
name: 'colorPaletteIndigo400',
attributes: {
category: 'color',
type: 'palette',
item: 'indigo',
subitem: '400'
},
path: ['color', 'palette', 'indigo', '400']
}, {
value: '#3142c8',
name: 'colorPaletteIndigo500',
attributes: {
category: 'color',
type: 'palette',
item: 'indigo',
subitem: '500'
},
path: ['color', 'palette', 'indigo', '500']
}, {
value: '#3442bc',
name: 'colorPaletteIndigo600',
attributes: {
category: 'color',
type: 'palette',
item: 'indigo',
subitem: '600'
},
path: ['color', 'palette', 'indigo', '600']
}, {
value: '#2e39ad',
name: 'colorPaletteIndigo700',
attributes: {
category: 'color',
type: 'palette',
item: 'indigo',
subitem: '700'
},
path: ['color', 'palette', 'indigo', '700']
}, {
value: '#232b9c',
name: 'colorPaletteIndigo800',
attributes: {
category: 'color',
type: 'palette',
item: 'indigo',
subitem: '800'
},
path: ['color', 'palette', 'indigo', '800']
}, {
value: '#16158d',
name: 'colorPaletteIndigo900',
attributes: {
category: 'color',
type: 'palette',
item: 'indigo',
subitem: '900'
},
path: ['color', 'palette', 'indigo', '900']
}, {
value: '#fbede7',
name: 'colorPaletteOrange50',
attributes: {
category: 'color',
type: 'palette',
item: 'orange',
subitem: '50'
},
path: ['color', 'palette', 'orange', '50']
}, {
value: '#ffd0bc',
name: 'colorPaletteOrange100',
attributes: {
category: 'color',
type: 'palette',
item: 'orange',
subitem: '100'
},
path: ['color', 'palette', 'orange', '100']
}, {
value: '#ffb291',
name: 'colorPaletteOrange200',
attributes: {
category: 'color',
type: 'palette',
item: 'orange',
subitem: '200'
},
path: ['color', 'palette', 'orange', '200']
}, {
value: '#ff9365',
name: 'colorPaletteOrange300',
attributes: {
category: 'color',
type: 'palette',
item: 'orange',
subitem: '300'
},
path: ['color', 'palette', 'orange', '300']
}, {
value: '#ff7b43',
name: 'colorPaletteOrange400',
attributes: {
category: 'color',
type: 'palette',
item: 'orange',
subitem: '400'
},
path: ['color', 'palette', 'orange', '400']
}, {
value: '#ff6422',
name: 'colorPaletteOrange500',
attributes: {
category: 'color',
type: 'palette',
item: 'orange',
subitem: '500'
},
path: ['color', 'palette', 'orange', '500']
}, {
value: '#f45e1e',
name: 'colorPaletteOrange600',
attributes: {
category: 'color',
type: 'palette',
item: 'orange',
subitem: '600'
},
path: ['color', 'palette', 'orange', '600']
}, {
value: '#e65719',
name: 'colorPaletteOrange700',
attributes: {
category: 'color',
type: 'palette',
item: 'orange',
subitem: '700'
},
path: ['color', 'palette', 'orange', '700']
}, {
value: '#d85015',
name: 'colorPaletteOrange800',
attributes: {
category: 'color',
type: 'palette',
item: 'orange',
subitem: '800'
},
path: ['color', 'palette', 'orange', '800']
}, {
value: '#bf420c',
name: 'colorPaletteOrange900',
attributes: {
category: 'color',
type: 'palette',
item: 'orange',
subitem: '900'
},
path: ['color', 'palette', 'orange', '900']
}, {
value: '#fbe5ee',
name: 'colorPalettePink50',
attributes: {
category: 'color',
type: 'palette',
item: 'pink',
subitem: '50'
},
path: ['color', 'palette', 'pink', '50']
}, {
value: '#f6bed6',
name: 'colorPalettePink100',
attributes: {
category: 'color',
type: 'palette',
item: 'pink',
subitem: '100'
},
path: ['color', 'palette', 'pink', '100']
}, {
value: '#f194ba',
name: 'colorPalettePink200',
attributes: {
category: 'color',
type: 'palette',
item: 'pink',
subitem: '200'
},
path: ['color', 'palette', 'pink', '200']
}, {
value: '#ed6a9f',
name: 'colorPalettePink300',
attributes: {
category: 'color',
type: 'palette',
item: 'pink',
subitem: '300'
},
path: ['color', 'palette', 'pink', '300']
}, {
value: '#ea4c89',
name: 'colorPalettePink400',
attributes: {
category: 'color',
type: 'palette',
item: 'pink',
subitem: '400'
},
path: ['color', 'palette', 'pink', '400']
}, {
value: '#e83274',
name: 'colorPalettePink500',
attributes: {
category: 'color',
type: 'palette',
item: 'pink',
subitem: '500'
},
path: ['color', 'palette', 'pink', '500']
}, {
value: '#d72f70',
name: 'colorPalettePink600',
attributes: {
category: 'color',
type: 'palette',
item: 'pink',
subitem: '600'
},
path: ['color', 'palette', 'pink', '600']
}, {
value: '#c02c69',
name: 'colorPalettePink700',
attributes: {
category: 'color',
type: 'palette',
item: 'pink',
subitem: '700'
},
path: ['color', 'palette', 'pink', '700']
}, {
value: '#aa2964',
name: 'colorPalettePink800',
attributes: {
category: 'color',
type: 'palette',
item: 'pink',
subitem: '800'
},
path: ['color', 'palette', 'pink', '800']
}, {
value: '#852259',
name: 'colorPalettePink900',
attributes: {
category: 'color',
type: 'palette',
item: 'pink',
subitem: '900'
},
path: ['color', 'palette', 'pink', '900']
}, {
value: '#f2e7fc',
name: 'colorPalettePurple50',
attributes: {
category: 'color',
type: 'palette',
item: 'purple',
subitem: '50'
},
path: ['color', 'palette', 'purple', '50']
}, {
value: '#ddd0f3',
name: 'colorPalettePurple100',
attributes: {
category: 'color',
type: 'palette',
item: 'purple',
subitem: '100'
},
path: ['color', 'palette', 'purple', '100']
}, {
value: '#c79bf2',
name: 'colorPalettePurple200',
attributes: {
category: 'color',
type: 'palette',
item: 'purple',
subitem: '200'
},
path: ['color', 'palette', 'purple', '200']
}, {
value: '#b16fed',
name: 'colorPalettePurple300',
attributes: {
category: 'color',
type: 'palette',
item: 'purple',
subitem: '300'
},
path: ['color', 'palette', 'purple', '300']
}, {
value: '#9e4ae8',
name: 'colorPalettePurple400',
attributes: {
category: 'color',
type: 'palette',
item: 'purple',
subitem: '400'
},
path: ['color', 'palette', 'purple', '400']
}, {
value: '#8c18e2',
name: 'colorPalettePurple500',
attributes: {
category: 'color',
type: 'palette',
item: 'purple',
subitem: '500'
},
path: ['color', 'palette', 'purple', '500']
}, {
value: '#8110dc',
name: 'colorPalettePurple600',
attributes: {
category: 'color',
type: 'palette',
item: 'purple',
subitem: '600'
},
path: ['color', 'palette', 'purple', '600']
}, {
value: '#7300d3',
name: 'colorPalettePurple700',
attributes: {
category: 'color',
type: 'palette',
item: 'purple',
subitem: '700'
},
path: ['color', 'palette', 'purple', '700']
}, {
value: '#6500ce',
name: 'colorPalettePurple800',
attributes: {
category: 'color',
type: 'palette',
item: 'purple',
subitem: '800'
},
path: ['color', 'palette', 'purple', '800']
}, {
value: '#4e00c6',
name: 'colorPalettePurple900',
attributes: {
category: 'color',
type: 'palette',
item: 'purple',
subitem: '900'
},
path: ['color', 'palette', 'purple', '900']
}, {
value: '#f5e9e8',
name: 'colorPaletteRed50',
attributes: {
category: 'color',
type: 'palette',
item: 'red',
subitem: '50'
},
path: ['color', 'palette', 'red', '50']
}, {
value: '#f4cfcd',
name: 'colorPaletteRed100',
attributes: {
category: 'color',
type: 'palette',
item: 'red',
subitem: '100'
},
path: ['color', 'palette', 'red', '100']
}, {
value: '#eca9a5',
name: 'colorPaletteRed200',
attributes: {
category: 'color',
type: 'palette',
item: 'red',
subitem: '200'
},
path: ['color', 'palette', 'red', '200']
}, {
value: '#e3837d',
name: 'colorPaletteRed300',
attributes: {
category: 'color',
type: 'palette',
item: 'red',
subitem: '300'
},
path: ['color', 'palette', 'red', '300']
}, {
value: '#da5d55',
name: 'colorPaletteRed400',
attributes: {
category: 'color',
type: 'palette',
item: 'red',
subitem: '400'
},
path: ['color', 'palette', 'red', '400']
}, {
value: '#d44037',
name: 'colorPaletteRed500',
attributes: {
category: 'color',
type: 'palette',
item: 'red',
subitem: '500'
},
path: ['color', 'palette', 'red', '500']
}, {
value: '#b4362f',
name: 'colorPaletteRed600',
attributes: {
category: 'color',
type: 'palette',
item: 'red',
subitem: '600'
},
path: ['color', 'palette', 'red', '600']
}, {
value: '#942d27',
name: 'colorPaletteRed700',
attributes: {
category: 'color',
type: 'palette',
item: 'red',
subitem: '700'
},
path: ['color', 'palette', 'red', '700']
}, {
value: '#75231e',
name: 'colorPaletteRed800',
attributes: {
category: 'color',
type: 'palette',
item: 'red',
subitem: '800'
},
path: ['color', 'palette', 'red', '800']
}, {
value: '#551a16',
name: 'colorPaletteRed900',
attributes: {
category: 'color',
type: 'palette',
item: 'red',
subitem: '900'
},
path: ['color', 'palette', 'red', '900']
}, {
value: '#fefae7',
name: 'colorPaletteYellow50',
attributes: {
category: 'color',
type: 'palette',
item: 'yellow',
subitem: '50'
},
path: ['color', 'palette', 'yellow', '50']
}, {
value: '#fbf1c4',
name: 'colorPaletteYellow100',
attributes: {
category: 'color',
type: 'palette',
item: 'yellow',
subitem: '100'
},
path: ['color', 'palette', 'yellow', '100']
}, {
value: '#f8e99f',
name: 'colorPaletteYellow200',
attributes: {
category: 'color',
type: 'palette',
item: 'yellow',
subitem: '200'
},
path: ['color', 'palette', 'yellow', '200']
}, {
value: '#f4e07b',
name: 'colorPaletteYellow300',
attributes: {
category: 'color',
type: 'palette',
item: 'yellow',
subitem: '300'
},
path: ['color', 'palette', 'yellow', '300']
}, {
value: '#f0d961',
name: 'colorPaletteYellow400',
attributes: {
category: 'color',
type: 'palette',
item: 'yellow',
subitem: '400'
},
path: ['color', 'palette', 'yellow', '400']
}, {
value: '#ecd348',
name: 'colorPaletteYellow500',
attributes: {
category: 'color',
type: 'palette',
item: 'yellow',
subitem: '500'
},
path: ['color', 'palette', 'yellow', '500']
}, {
value: '#dcc243',
name: 'colorPaletteYellow600',
attributes: {
category: 'color',
type: 'palette',
item: 'yellow',
subitem: '600'
},
path: ['color', 'palette', 'yellow', '600']
}, {
value: '#c8ac3d',
name: 'colorPaletteYellow700',
attributes: {
category: 'color',
type: 'palette',
item: 'yellow',
subitem: '700'
},
path: ['color', 'palette', 'yellow', '700']
}, {
value: '#b39638',
name: 'colorPaletteYellow800',
attributes: {
category: 'color',
type: 'palette',
item: 'yellow',
subitem: '800'
},
path: ['color', 'palette', 'yellow', '800']
}, {
value: '#90722f',
name: 'colorPaletteYellow900',
attributes: {
category: 'color',
type: 'palette',
item: 'yellow',
subitem: '900'
},
path: ['color', 'palette', 'yellow', '900']
}, {
value: '#3142c8',
name: 'colorPrimaryDefault',
attributes: {
category: 'color',
type: 'primary',
item: 'default'
},
path: ['color', 'primary', 'default']
}, {
value: '#16158d',
name: 'colorPrimaryActive',
attributes: {
category: 'color',
type: 'primary',
item: 'active'
},
path: ['color', 'primary', 'active']
}, {
value: '#2e39ad',
name: 'colorPrimaryHover',
attributes: {
category: 'color',
type: 'primary',
item: 'hover'
},
path: ['color', 'primary', 'hover']
}, {
value: '#ffffff',
name: 'colorTextContrast',
attributes: {
category: 'color',
type: 'text',
item: 'contrast'
},
path: ['color', 'text', 'contrast']
}, {
value: '#b4362f',
name: 'colorTextDanger',
attributes: {
category: 'color',
type: 'text',
item: 'danger'
},
path: ['color', 'text', 'danger']
}, {
value: '#a9adb1',
name: 'colorTextDisabled',
attributes: {
category: 'color',
type: 'text',
item: 'disabled'
},
path: ['color', 'text', 'disabled']
}, {
value: '#091521',
name: 'colorTextPrimary',
attributes: {
category: 'color',
type: 'text',
item: 'primary'
},
path: ['color', 'text', 'primary']
}, {
value: '#49515a',
name: 'colorTextSecondary',
attributes: {
category: 'color',
type: 'text',
item: 'secondary'
},
path: ['color', 'text', 'secondary']
}, {
value: '#0b6b3d',
name: 'colorTextSuccess',
attributes: {
category: 'color',
type: 'text',
item: 'success'
},
path: ['color', 'text', 'success']
}, {
value: '#898e94',
name: 'colorTextTertiary',
attributes: {
category: 'color',
type: 'text',
item: 'tertiary'
},
path: ['color', 'text', 'tertiary']
}, {
value: '#f45e1e',
name: 'colorTextWarning',
attributes: {
category: 'color',
type: 'text',
item: 'warning'
},
path: ['color', 'text', 'warning']
}, {
value: '0px -1px 2px rgba(61, 58, 180, 0.1), 0px 6px 14px rgba(61, 58, 180, 0.15)',
name: 'shadowLarge',
attributes: {
category: 'shadow',
type: 'large'
},
path: ['shadow', 'large']
}, {
value: '0px -1px 2px rgba(61, 58, 180, 0.1), 0px 4px 5px rgba(61, 58, 180, 0.15)',
name: 'shadowMedium',
attributes: {
category: 'shadow',
type: 'medium'
},
path: ['shadow', 'medium']
}, {
value: '0px -1px 2px rgba(61, 58, 180, 0.1), 0px 1px 2px rgba(61, 58, 180, 0.4)',
name: 'shadowSmall',
attributes: {
category: 'shadow',
type: 'small'
},
path: ['shadow', 'small']
}, {
value: 6000,
name: 'zIndexDialog',
attributes: {
category: 'zIndex',
type: 'dialog'
},
path: ['zIndex', 'dialog']
}, {
value: 7000,
name: 'zIndexDropdown',
attributes: {
category: 'zIndex',
type: 'dropdown'
},
path: ['zIndex', 'dropdown']
}, {
value: 9000,
name: 'zIndexModal',
attributes: {
category: 'zIndex',
type: 'modal'
},
path: ['zIndex', 'modal']
}, {
value: 8000,
name: 'zIndexOverlay',
attributes: {
category: 'zIndex',
type: 'overlay'
},
path: ['zIndex', 'overlay']
}, {
value: 5000,
name: 'zIndexPopover',
attributes: {
category: 'zIndex',
type: 'popover'
},
path: ['zIndex', 'popover']
}, {
value: 100,
name: 'zIndexSticky',
attributes: {
category: 'zIndex',
type: 'sticky'
},
path: ['zIndex', 'sticky']
}, {
value: 10000,
name: 'zIndexToast',
attributes: {
category: 'zIndex',
type: 'toast'
},
path: ['zIndex', 'toast']
}, {
value: 6000,
name: 'zIndexTooltip',
attributes: {
category: 'zIndex',
type: 'tooltip'
},
path: ['zIndex', 'tooltip']
}, {
value: '87.5rem',
name: 'sizeLarge',
attributes: {
category: 'size',
type: 'large'
},
path: ['size', 'large']
}, {
value: '80rem',
name: 'sizeMedium',
attributes: {
category: 'size',
type: 'medium'
},
path: ['size', 'medium']
}, {
value: '60rem',
name: 'sizeSmall',
attributes: {
category: 'size',
type: 'small'
},
path: ['size', 'small']
}, {
value: '120rem',
name: 'sizeXLarge',
attributes: {
category: 'size',
type: 'x-large'
},
path: ['size', 'x-large']
}, {
value: '40.625rem',
name: 'sizeXSmall',
attributes: {
category: 'size',
type: 'x-small'
},
path: ['size', 'x-small']
}, {
value: '1rem',
name: 'spaceMedium',
attributes: {
category: 'space',
type: 'medium'
},
path: ['space', 'medium']
}, {
value: '0.5rem',
name: 'spaceSmall',
attributes: {
category: 'space',
type: 'small'
},
path: ['space', 'small']
}, {
value: '1.5rem',
name: 'spaceLarge',
attributes: {
category: 'space',
type: 'large'
},
path: ['space', 'large']
}, {
value: '2rem',
name: 'spaceXLarge',
attributes: {
category: 'space',
type: 'x-large'
},
path: ['space', 'x-large']
}, {
value: '0.25rem',
name: 'spaceXSmall',
attributes: {
category: 'space',
type: 'x-small'
},
path: ['space', 'x-small']
}, {
value: '"Fira Mono", Courier, monospace',
name: 'fontFamilyMono',
attributes: {
category: 'fontFamily',
type: 'mono'
},
path: ['fontFamily', 'mono']
}, {
value: '"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif',
name: 'fontFamilyText',
attributes: {
category: 'fontFamily',
type: 'text'
},
path: ['fontFamily', 'text']
}, {
value: '1.25rem',
name: 'fontSizeLarge',
attributes: {
category: 'fontSize',
type: 'large'
},
path: ['fontSize', 'large']
}, {
value: '1rem',
name: 'fontSizeMedium',
attributes: {
category: 'fontSize',
type: 'medium'
},
path: ['fontSize', 'medium']
}, {
value: '0.875rem',
name: 'fontSizeSmall',
attributes: {
category: 'fontSize',
type: 'small'
},
path: ['fontSize', 'small']
}, {
value: '1.5rem',
name: 'fontSizeXLarge',
attributes: {
category: 'fontSize',
type: 'x-large'
},
path: ['fontSize', 'x-large']
}, {
value: '0.75rem',
name: 'fontSizeXSmall',
attributes: {
category: 'fontSize',
type: 'x-small'
},
path: ['fontSize', 'x-small']
}, {
value: '2rem',
name: 'fontSizeXxLarge',
attributes: {
category: 'fontSize',
type: 'xx-large'
},
path: ['fontSize', 'xx-large']
}, {
value: 700,
name: 'fontWeightBold',
attributes: {
category: 'fontWeight',
type: 'bold'
},
path: ['fontWeight', 'bold']
}, {
value: 400,
name: 'fontWeightRegular',
attributes: {
category: 'fontWeight',
type: 'regular'
},
path: ['fontWeight', 'regular']
}, {
value: 600,
name: 'fontWeightSemibold',
attributes: {
category: 'fontWeight',
type: 'semibold'
},
path: ['fontWeight', 'semibold']
}, {
value: '0em',
name: 'letterSpacingLarge',
attributes: {
category: 'letterSpacing',
type: 'large'
},
path: ['letterSpacing', 'large']
}, {
value: '-0.01em',
name: 'letterSpacingMedium',
attributes: {
category: 'letterSpacing',
type: 'medium'
},
path: ['letterSpacing', 'medium']
}, {
value: '-0.02em',
name: 'letterSpacingSmall',
attributes: {
category: 'letterSpacing',
type: 'small'
},
path: ['letterSpacing', 'small']
}, {
value: '-0.03em',
name: 'letterSpacingXSmall',
attributes: {
category: 'letterSpacing',
type: 'x-small'
},
path: ['letterSpacing', 'x-small']
}, {
value: '1.875rem',
name: 'lineHeightLarge',
attributes: {
category: 'lineHeight',
type: 'large'
},
path: ['lineHeight', 'large']
}, {
value: '1.5rem',
name: 'lineHeightMedium',
attributes: {
category: 'lineHeight',
type: 'medium'
},
path: ['lineHeight', 'medium']
}, {
value: '1.25rem',
name: 'lineHeightSmall',
attributes: {
category: 'lineHeight',
type: 'small'
},
path: ['lineHeight', 'small']
}, {
value: '2rem',
name: 'lineHeightXLarge',
attributes: {
category: 'lineHeight',
type: 'x-large'
},
path: ['lineHeight', 'x-large']
}, {
value: '1.125rem',
name: 'lineHeightXSmall',
attributes: {
category: 'lineHeight',
type: 'x-small'
},
path: ['lineHeight', 'x-small']
}, {
value: '2.625rem',
name: 'lineHeightXxLarge',
attributes: {
category: 'lineHeight',
type: 'xx-large'
},
path: ['lineHeight', 'xx-large']
}];
export { borderWidth, borderWidthLarge, borderWidthMedium, borderWidthSmall, color, colorBackgroundDanger, colorBackgroundPrimary, colorBackgroundSecondary, colorBackgroundSideNav, colorBackgroundSuccess, colorBackgroundSurface, colorBackgroundTertiary, colorBackgroundTopNav, colorBackgroundWarning, colorBorderDanger, colorBorderDisabled, colorBorderPrimary, colorBorderSuccess, colorBorderWarning, colorBrandActive, colorBrandDefault, colorBrandGradient, colorBrandHover, colorDataVizDangerFill, colorDataVizDangerHover, colorDataVizDangerLine, colorDataVizNeutralFill, colorDataVizNeutralHover, colorDataVizPrimaryFill, colorDataVizPrimaryFillAlt, colorDataVizPrimaryHover, colorDataVizPrimaryLine, colorDataVizSecondaryFill, colorDataVizSecondaryFillAlt, colorDataVizSecondaryHover, colorDataVizSecondaryLine, colorDataVizTertiaryFill, colorDataVizTertiaryFillAlt, colorDataVizTertiaryHover, colorDataVizTertiaryLine, colorDataVizWarningFill, colorDataVizWarningHover, colorDataVizWarningLine, colorPaletteBlack, colorPaletteBlue100, colorPaletteBlue200, colorPaletteBlue300, colorPaletteBlue400, colorPaletteBlue50, colorPaletteBlue500, colorPaletteBlue600, colorPaletteBlue700, colorPaletteBlue800, colorPaletteBlue900, colorPaletteBrown100, colorPaletteBrown200, colorPaletteBrown300, colorPaletteBrown400, colorPaletteBrown50, colorPaletteBrown500, colorPaletteBrown600, colorPaletteBrown700, colorPaletteBrown800, colorPaletteBrown900, colorPaletteGreen100, colorPaletteGreen200, colorPaletteGreen300, colorPaletteGreen400, colorPaletteGreen50, colorPaletteGreen500, colorPaletteGreen600, colorPaletteGreen700, colorPaletteGreen800, colorPaletteGreen900, colorPaletteGrey100, colorPaletteGrey200, colorPaletteGrey300, colorPaletteGrey400, colorPaletteGrey50, colorPaletteGrey500, colorPaletteGrey600, colorPaletteGrey700, colorPaletteGrey800, colorPaletteGrey900, colorPaletteIndigo100, colorPaletteIndigo200, colorPaletteIndigo300, colorPaletteIndigo400, colorPaletteIndigo50, colorPaletteIndigo500, colorPaletteIndigo600, colorPaletteIndigo700, colorPaletteIndigo800, colorPaletteIndigo900, colorPaletteOrange100, colorPaletteOrange200, colorPaletteOrange300, colorPaletteOrange400, colorPaletteOrange50, colorPaletteOrange500, colorPaletteOrange600, colorPaletteOrange700, colorPaletteOrange800, colorPaletteOrange900, colorPalettePink100, colorPalettePink200, colorPalettePink300, colorPalettePink400, colorPalettePink50, colorPalettePink500, colorPalettePink600, colorPalettePink700, colorPalettePink800, colorPalettePink900, colorPalettePurple100, colorPalettePurple200, colorPalettePurple300, colorPalettePurple400, colorPalettePurple50, colorPalettePurple500, colorPalettePurple600, colorPalettePurple700, colorPalettePurple800, colorPalettePurple900, colorPaletteRed100, colorPaletteRed200, colorPaletteRed300, colorPaletteRed400, colorPaletteRed50, colorPaletteRed500, colorPaletteRed600, colorPaletteRed700, colorPaletteRed800, colorPaletteRed900, colorPaletteWhite, colorPaletteYellow100, colorPaletteYellow200, colorPaletteYellow300, colorPaletteYellow400, colorPaletteYellow50, colorPaletteYellow500, colorPaletteYellow600, colorPaletteYellow700, colorPaletteYellow800, colorPaletteYellow900, colorPrimaryActive, colorPrimaryDefault, colorPrimaryHover, colorTextContrast, colorTextDanger, colorTextDisabled, colorTextPrimary, colorTextSecondary, colorTextSuccess, colorTextTertiary, colorTextWarning, fontFamily, fontFamilyMono, fontFamilyText, fontSize, fontSizeLarge, fontSizeMedium, fontSizeSmall, fontSizeXLarge, fontSizeXSmall, fontSizeXxLarge, fontWeight, fontWeightBold, fontWeightRegular, fontWeightSemibold, letterSpacing, letterSpacingLarge, letterSpacingMedium, letterSpacingSmall, letterSpacingXSmall, lineHeight, lineHeightLarge, lineHeightMedium, lineHeightSmall, lineHeightXLarge, lineHeightXSmall, lineHeightXxLarge, radius, radiusFull, radiusSmall, shadow, shadowLarge, shadowMedium, shadowSmall, size, sizeLarge, sizeMedium, sizeSmall, sizeXLarge, sizeXSmall, space, spaceLarge, spaceMedium, spaceSmall, spaceXLarge, spaceXSmall, tokens, zIndex, zIndexDialog, zIndexDropdown, zIndexModal, zIndexOverlay, zIndexPopover, zIndexSticky, zIndexToast, zIndexTooltip };
//# sourceMappingURL=index.js.map

@@ -10,12 +10,49 @@ // Bundled with Packemon: https://packemon.dev

/** --------------------------------------------
* Border Width
* -------------------------------------------- */
const borderWidthLarge = '3px';
const borderWidthMedium = '2px';
const borderWidthSmall = '1px';
/**
* THIS IS AN AUTOGENERATED FILE. DO NOT MODIFY.
*/
/** --------------------------------------------
* Color
* -------------------------------------------- */
const radiusFull = '999em';
const radiusSmall = '0.125rem';
const borderWidthLarge = '0.1875rem';
const borderWidthMedium = '0.125rem';
const borderWidthSmall = '0.0625rem';
const colorBackgroundDanger = '#f5e9e8';
const colorBackgroundPrimary = '#ffffff';
const colorBackgroundSecondary = '#f4f4f5';
const colorBackgroundSideNav = '#021c6b';
const colorBackgroundSuccess = '#ddefe6';
const colorBackgroundSurface = '#ffffff';
const colorBackgroundTertiary = '#e4e6e7';
const colorBackgroundTopNav = '#1f3987';
const colorBackgroundWarning = '#fbede7';
const colorBorderDanger = '#b4362f';
const colorBorderDisabled = '#f4f4f5';
const colorBorderPrimary = '#e4e6e7';
const colorBorderSuccess = '#0b6b3d';
const colorBorderWarning = '#f45e1e';
const colorBrandDefault = '#0072ec';
const colorBrandActive = 'linear-gradient(0deg, rgba(9, 21, 33, 0.4), rgba(9, 21, 33, 0.4)), linear-gradient(90deg, #0072ec 0%, #4e00c6 163.65%, #8c18e2 191.59%)';
const colorBrandHover = 'linear-gradient(0deg, rgba(9, 21, 33, 0.2), rgba(9, 21, 33, 0.2)), linear-gradient(90deg, #0072ec 0%, #4e00c6 163.65%, #8c18e2 191.59%)';
const colorBrandGradient = 'linear-gradient(90deg, #0072ec 0%, #4e00c6 163.65%, #8c18e2 191.59%)';
const colorDataVizDangerFill = '#e3837d';
const colorDataVizDangerHover = '#b4362f';
const colorDataVizDangerLine = '#d44037';
const colorDataVizNeutralFill = '#d1d3d6';
const colorDataVizNeutralHover = '#898e94';
const colorDataVizPrimaryFill = '#7785db';
const colorDataVizPrimaryFillAlt = '#c7ccf0';
const colorDataVizPrimaryHover = '#3442bc';
const colorDataVizPrimaryLine = '#3142c8';
const colorDataVizSecondaryFill = '#62a9f4';
const colorDataVizSecondaryFillAlt = '#c9e1fb';
const colorDataVizSecondaryHover = '#005cbe';
const colorDataVizSecondaryLine = '#0072ec';
const colorDataVizTertiaryFill = '#b16fed';
const colorDataVizTertiaryFillAlt = '#ddd0f3';
const colorDataVizTertiaryHover = '#8110dc';
const colorDataVizTertiaryLine = '#8c18e2';
const colorDataVizWarningFill = '#ff9365';
const colorDataVizWarningHover = '#f45e1e';
const colorDataVizWarningLine = '#ff6422';
const colorPaletteBlack = '#091521';

@@ -123,61 +160,36 @@ const colorPaletteWhite = '#ffffff';

const colorPaletteYellow900 = '#90722f';
const colorBackgroundDanger = colorPaletteRed50;
const colorBackgroundPrimary = colorPaletteWhite;
const colorBackgroundSecondary = colorPaletteGrey100;
const colorBackgroundSideNav = '#021c6b';
const colorBackgroundSuccess = colorPaletteGreen50;
const colorBackgroundSurface = colorPaletteWhite;
const colorBackgroundTertiary = colorPaletteGrey200;
const colorBackgroundTopNav = '#1f3987';
const colorBackgroundWarning = colorPaletteOrange50;
const colorBorderDanger = colorPaletteRed600;
const colorBorderDisabled = colorPaletteGrey100;
const colorBorderPrimary = colorPaletteGrey200;
const colorBorderSuccess = colorPaletteGreen600;
const colorBorderWarning = colorPaletteOrange600;
const colorBrandDefault = colorPaletteBlue500;
const colorBrandActive = `linear-gradient(0deg, rgba(9, 21, 33, 0.4), rgba(9, 21, 33, 0.4)), linear-gradient(90deg, ${colorPaletteBlue500} 0%, ${colorPalettePurple900} 163.65%, ${colorPalettePurple500} 191.59%)`;
const colorBrandHover = `linear-gradient(0deg, rgba(9, 21, 33, 0.2), rgba(9, 21, 33, 0.2)), linear-gradient(90deg, ${colorPaletteBlue500} 0%, ${colorPalettePurple900} 163.65%, ${colorPalettePurple500} 191.59%)`;
const colorBrandGradient = `linear-gradient(90deg, ${colorPaletteBlue500} 0%, ${colorPalettePurple900} 163.65%, ${colorPalettePurple500} 191.59%)`;
const colorPrimaryDefault = colorPaletteIndigo500;
const colorPrimaryActive = colorPaletteIndigo900;
const colorPrimaryHover = colorPaletteIndigo700;
const colorTextContrast = colorPaletteWhite;
const colorTextDanger = colorPaletteRed600;
const colorTextDisabled = colorPaletteGrey400;
const colorTextPrimary = colorPaletteBlack;
const colorTextSecondary = colorPaletteGrey700;
const colorTextSuccess = colorPaletteGreen600;
const colorTextTertiary = colorPaletteGrey500;
const colorTextWarning = colorPaletteOrange600;
const colorDataVizDangerFill = colorPaletteRed300;
const colorDataVizDangerHover = colorPaletteRed600;
const colorDataVizDangerLine = colorPaletteRed500;
const colorDataVizNeutralFill = colorPaletteGrey300;
const colorDataVizNeutralHover = colorPaletteGrey500;
const colorDataVizPrimaryFill = colorPaletteIndigo300;
const colorDataVizPrimaryFillAlt = colorPaletteIndigo100;
const colorDataVizPrimaryHover = colorPaletteIndigo600;
const colorDataVizPrimaryLine = colorPaletteIndigo500;
const colorDataVizSecondaryFill = colorPaletteBlue300;
const colorDataVizSecondaryFillAlt = colorPaletteBlue100;
const colorDataVizSecondaryHover = colorPaletteBlue600;
const colorDataVizSecondaryLine = colorPaletteBlue500;
const colorDataVizTertiaryFill = colorPalettePurple300;
const colorDataVizTertiaryFillAlt = colorPalettePurple100;
const colorDataVizTertiaryHover = colorPalettePurple600;
const colorDataVizTertiaryLine = colorPalettePurple500;
const colorDataVizWarningFill = colorPaletteOrange300;
const colorDataVizWarningHover = colorPaletteOrange600;
const colorDataVizWarningLine = colorPaletteOrange500;
/** --------------------------------------------
* Font Family
* -------------------------------------------- */
const colorPrimaryDefault = '#3142c8';
const colorPrimaryActive = '#16158d';
const colorPrimaryHover = '#2e39ad';
const colorTextContrast = '#ffffff';
const colorTextDanger = '#b4362f';
const colorTextDisabled = '#a9adb1';
const colorTextPrimary = '#091521';
const colorTextSecondary = '#49515a';
const colorTextSuccess = '#0b6b3d';
const colorTextTertiary = '#898e94';
const colorTextWarning = '#f45e1e';
const shadowLarge = '0px -1px 2px rgba(61, 58, 180, 0.1), 0px 6px 14px rgba(61, 58, 180, 0.15)';
const shadowMedium = '0px -1px 2px rgba(61, 58, 180, 0.1), 0px 4px 5px rgba(61, 58, 180, 0.15)';
const shadowSmall = '0px -1px 2px rgba(61, 58, 180, 0.1), 0px 1px 2px rgba(61, 58, 180, 0.4)';
const zIndexDialog = 6000;
const zIndexDropdown = 7000;
const zIndexModal = 9000;
const zIndexOverlay = 8000;
const zIndexPopover = 5000;
const zIndexSticky = 100;
const zIndexToast = 10000;
const zIndexTooltip = 6000;
const sizeLarge = '87.5rem';
const sizeMedium = '80rem';
const sizeSmall = '60rem';
const sizeXLarge = '120rem';
const sizeXSmall = '40.625rem';
const spaceMedium = '1rem';
const spaceSmall = '0.5rem';
const spaceLarge = '1.5rem';
const spaceXLarge = '2rem';
const spaceXSmall = '0.25rem';
const fontFamilyMono = '"Fira Mono", Courier, monospace';
const fontFamilyText = '"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif';
/** --------------------------------------------
* Font Size
* -------------------------------------------- */
const fontSizeLarge = '1.25rem';

@@ -189,13 +201,5 @@ const fontSizeMedium = '1rem';

const fontSizeXxLarge = '2rem';
/** --------------------------------------------
* Font Weight
* -------------------------------------------- */
const fontWeightBold = 700;
const fontWeightRegular = 400;
const fontWeightSemibold = 600;
/** --------------------------------------------
* Letter Spacing
* -------------------------------------------- */
const letterSpacingLarge = '0em';

@@ -205,6 +209,2 @@ const letterSpacingMedium = '-0.01em';

const letterSpacingXSmall = '-0.03em';
/** --------------------------------------------
* Line Height
* -------------------------------------------- */
const lineHeightLarge = '1.875rem';

@@ -217,336 +217,2108 @@ const lineHeightMedium = '1.5rem';

/** --------------------------------------------
* Radius
* -------------------------------------------- */
const radiusFull = '999em';
const radiusSmall = '2px';
/**
* THIS IS AN AUTOGENERATED FILE. DO NOT MODIFY.
*/
/** --------------------------------------------
* Shadow
* -------------------------------------------- */
const shadowLarge = '0px -1px 2px rgba(61, 58, 180, 0.1), 0px 6px 14px rgba(61, 58, 180, 0.15)';
const shadowMedium = '0px -1px 2px rgba(61, 58, 180, 0.1), 0px 4px 5px rgba(61, 58, 180, 0.15)';
const shadowSmall = '0px -1px 2px rgba(61, 58, 180, 0.1), 0px 1px 2px rgba(61, 58, 180, 0.4)';
/** --------------------------------------------
* Size
* -------------------------------------------- */
const sizeLarge = '87.5rem';
const sizeMedium = '80rem';
const sizeSmall = '60rem';
const sizeXLarge = '120rem';
const sizeXSmall = '40.625rem';
/** --------------------------------------------
* Space
* -------------------------------------------- */
const spaceMedium = '1rem';
const spaceSmall = '0.5rem';
const spaceLarge = '1.5rem';
const spaceXLarge = '2rem';
const spaceXSmall = '0.25rem';
/** --------------------------------------------
* ZIndex
* -------------------------------------------- */
const zIndexDialog = 6000;
const zIndexDropdown = 7000;
const zIndexModal = 9000;
const zIndexOverlay = 8000;
const zIndexPopover = 5000;
const zIndexSticky = 100;
const zIndexToast = 10_000;
const zIndexTooltip = 6000;
const borderWidth = {
large: borderWidthLarge,
medium: borderWidthMedium,
small: borderWidthSmall
};
const radius = {
full: radiusFull,
small: radiusSmall
full: '999em',
small: '0.125rem'
};
const background = {
danger: colorPaletteRed50,
primary: colorPaletteWhite,
secondary: colorPaletteGrey100,
sideNav: '#021c6b',
success: colorPaletteGreen50,
surface: colorPaletteWhite,
tertiary: colorPaletteGrey200,
topNav: '#1f3987',
warning: colorPaletteOrange50
const borderWidth = {
large: '0.1875rem',
medium: '0.125rem',
small: '0.0625rem'
};
const border = {
danger: colorPaletteRed600,
disabled: colorPaletteGrey100,
primary: colorPaletteGrey200,
success: colorPaletteGreen600,
warning: colorPaletteOrange600
};
const brand = {
active: colorBrandActive,
default: colorBrandDefault,
gradient: colorBrandGradient,
hover: colorBrandHover
};
const dataViz = {
dangerFill: colorDataVizDangerFill,
dangerHover: colorDataVizDangerHover,
dangerLine: colorDataVizDangerLine,
neutralFill: colorDataVizNeutralFill,
neutralHover: colorDataVizNeutralHover,
primaryFill: colorDataVizPrimaryFill,
primaryFillAlt: colorDataVizPrimaryFillAlt,
primaryHover: colorDataVizPrimaryHover,
primaryLine: colorDataVizPrimaryLine,
secondaryFill: colorDataVizSecondaryFill,
secondaryFillAlt: colorDataVizSecondaryFillAlt,
secondaryHover: colorDataVizSecondaryHover,
secondaryLine: colorDataVizSecondaryLine,
tertiaryFill: colorDataVizTertiaryFill,
tertiaryFillAlt: colorDataVizTertiaryFillAlt,
tertiaryHover: colorDataVizTertiaryHover,
tertiaryLine: colorDataVizTertiaryLine,
warningFill: colorDataVizWarningFill,
warningHover: colorDataVizWarningHover,
warningLine: colorDataVizWarningLine
};
const black = colorPaletteBlack;
const white = colorPaletteWhite;
const blue = {
50: colorPaletteBlue50,
100: colorPaletteBlue100,
200: colorPaletteBlue200,
300: colorPaletteBlue300,
400: colorPaletteBlue400,
500: colorPaletteBlue500,
600: colorPaletteBlue600,
700: colorPaletteBlue700,
800: colorPaletteBlue800,
900: colorPaletteBlue900
};
const brown = {
50: colorPaletteBrown50,
100: colorPaletteBrown100,
200: colorPaletteBrown200,
300: colorPaletteBrown300,
400: colorPaletteBrown400,
500: colorPaletteBrown500,
600: colorPaletteBrown600,
700: colorPaletteBrown700,
800: colorPaletteBrown800,
900: colorPaletteBrown900
};
const green = {
50: colorPaletteGreen50,
100: colorPaletteGreen100,
200: colorPaletteGreen200,
300: colorPaletteGreen300,
400: colorPaletteGreen400,
500: colorPaletteGreen500,
600: colorPaletteGreen600,
700: colorPaletteGreen700,
800: colorPaletteGreen800,
900: colorPaletteGreen900
};
const grey = {
50: colorPaletteGrey50,
100: colorPaletteGrey100,
200: colorPaletteGrey200,
300: colorPaletteGrey300,
400: colorPaletteGrey400,
500: colorPaletteGrey500,
600: colorPaletteGrey600,
700: colorPaletteGrey700,
800: colorPaletteGrey800,
900: colorPaletteGrey900
};
const indigo = {
50: colorPaletteIndigo50,
100: colorPaletteIndigo100,
200: colorPaletteIndigo200,
300: colorPaletteIndigo300,
400: colorPaletteIndigo400,
500: colorPaletteIndigo500,
600: colorPaletteIndigo600,
700: colorPaletteIndigo700,
800: colorPaletteIndigo800,
900: colorPaletteIndigo900
};
const orange = {
50: colorPaletteOrange50,
100: colorPaletteOrange100,
200: colorPaletteOrange200,
300: colorPaletteOrange300,
400: colorPaletteOrange400,
500: colorPaletteOrange500,
600: colorPaletteOrange600,
700: colorPaletteOrange700,
800: colorPaletteOrange800,
900: colorPaletteOrange900
};
const pink = {
50: colorPalettePink50,
100: colorPalettePink100,
200: colorPalettePink200,
300: colorPalettePink300,
400: colorPalettePink400,
500: colorPalettePink500,
600: colorPalettePink600,
700: colorPalettePink700,
800: colorPalettePink800,
900: colorPalettePink900
};
const purple = {
50: colorPalettePurple50,
100: colorPalettePurple100,
200: colorPalettePurple200,
300: colorPalettePurple300,
400: colorPalettePurple400,
500: colorPalettePurple500,
600: colorPalettePurple600,
700: colorPalettePurple700,
800: colorPalettePurple800,
900: colorPalettePurple900
};
const red = {
50: colorPaletteRed50,
100: colorPaletteRed100,
200: colorPaletteRed200,
300: colorPaletteRed300,
400: colorPaletteRed400,
500: colorPaletteRed500,
600: colorPaletteRed600,
700: colorPaletteRed700,
800: colorPaletteRed800,
900: colorPaletteRed900
};
const yellow = {
50: colorPaletteYellow50,
100: colorPaletteYellow100,
200: colorPaletteYellow200,
300: colorPaletteYellow300,
400: colorPaletteYellow400,
500: colorPaletteYellow500,
600: colorPaletteYellow600,
700: colorPaletteYellow700,
800: colorPaletteYellow800,
900: colorPaletteYellow900
};
const palette = {
black,
blue,
brown,
green,
grey,
indigo,
orange,
pink,
purple,
red,
white,
yellow
};
const primary = {
active: colorPaletteIndigo900,
default: colorPaletteIndigo500,
hover: colorPaletteIndigo700
};
const text = {
contrast: colorPaletteWhite,
danger: colorPaletteRed600,
disabled: colorPaletteGrey400,
primary: colorPaletteBlack,
secondary: colorPaletteGrey700,
success: colorPaletteGreen600,
tertiary: colorPaletteGrey500,
warning: colorPaletteOrange600
};
const color = {
background,
border,
brand,
dataViz,
palette,
primary,
text
background: {
danger: '#f5e9e8',
primary: '#ffffff',
secondary: '#f4f4f5',
sideNav: '#021c6b',
success: '#ddefe6',
surface: '#ffffff',
tertiary: '#e4e6e7',
topNav: '#1f3987',
warning: '#fbede7'
},
border: {
danger: '#b4362f',
disabled: '#f4f4f5',
primary: '#e4e6e7',
success: '#0b6b3d',
warning: '#f45e1e'
},
brand: {
default: '#0072ec',
active: 'linear-gradient(0deg, rgba(9, 21, 33, 0.4), rgba(9, 21, 33, 0.4)), linear-gradient(90deg, #0072ec 0%, #4e00c6 163.65%, #8c18e2 191.59%)',
hover: 'linear-gradient(0deg, rgba(9, 21, 33, 0.2), rgba(9, 21, 33, 0.2)), linear-gradient(90deg, #0072ec 0%, #4e00c6 163.65%, #8c18e2 191.59%)',
gradient: 'linear-gradient(90deg, #0072ec 0%, #4e00c6 163.65%, #8c18e2 191.59%)'
},
dataViz: {
dangerFill: '#e3837d',
dangerHover: '#b4362f',
dangerLine: '#d44037',
neutralFill: '#d1d3d6',
neutralHover: '#898e94',
primaryFill: '#7785db',
primaryFillAlt: '#c7ccf0',
primaryHover: '#3442bc',
primaryLine: '#3142c8',
secondaryFill: '#62a9f4',
secondaryFillAlt: '#c9e1fb',
secondaryHover: '#005cbe',
secondaryLine: '#0072ec',
tertiaryFill: '#b16fed',
tertiaryFillAlt: '#ddd0f3',
tertiaryHover: '#8110dc',
tertiaryLine: '#8c18e2',
warningFill: '#ff9365',
warningHover: '#f45e1e',
warningLine: '#ff6422'
},
palette: {
black: '#091521',
white: '#ffffff',
blue: {
'50': '#ecf4fe',
'100': '#c9e1fb',
'200': '#95c5f8',
'300': '#62a9f4',
'400': '#308df1',
'500': '#0072ec',
'600': '#005cbe',
'700': '#00458e',
'800': '#003772',
'900': '#002956'
},
brown: {
'50': '#faf0e7',
'100': '#ead9ce',
'200': '#d8c1b2',
'300': '#c4a794',
'400': '#b3917b',
'500': '#a27c62',
'600': '#95715a',
'700': '#84634f',
'800': '#755646',
'900': '#64473a'
},
green: {
'50': '#ddefe6',
'100': '#c3e1d2',
'200': '#93c9ae',
'300': '#62b08b',
'400': '#329867',
'500': '#0e864c',
'600': '#0b6b3d',
'700': '#095731',
'800': '#074326',
'900': '#06361e'
},
grey: {
'50': '#fafafb',
'100': '#f4f4f5',
'200': '#e4e6e7',
'300': '#d1d3d6',
'400': '#a9adb1',
'500': '#898e94',
'600': '#697078',
'700': '#49515a',
'800': '#2a343f',
'900': '#091521'
},
indigo: {
'50': '#e9eafa',
'100': '#c7ccf0',
'200': '#a5aee8',
'300': '#7785db',
'400': '#5c6cd6',
'500': '#3142c8',
'600': '#3442bc',
'700': '#2e39ad',
'800': '#232b9c',
'900': '#16158d'
},
orange: {
'50': '#fbede7',
'100': '#ffd0bc',
'200': '#ffb291',
'300': '#ff9365',
'400': '#ff7b43',
'500': '#ff6422',
'600': '#f45e1e',
'700': '#e65719',
'800': '#d85015',
'900': '#bf420c'
},
pink: {
'50': '#fbe5ee',
'100': '#f6bed6',
'200': '#f194ba',
'300': '#ed6a9f',
'400': '#ea4c89',
'500': '#e83274',
'600': '#d72f70',
'700': '#c02c69',
'800': '#aa2964',
'900': '#852259'
},
purple: {
'50': '#f2e7fc',
'100': '#ddd0f3',
'200': '#c79bf2',
'300': '#b16fed',
'400': '#9e4ae8',
'500': '#8c18e2',
'600': '#8110dc',
'700': '#7300d3',
'800': '#6500ce',
'900': '#4e00c6'
},
red: {
'50': '#f5e9e8',
'100': '#f4cfcd',
'200': '#eca9a5',
'300': '#e3837d',
'400': '#da5d55',
'500': '#d44037',
'600': '#b4362f',
'700': '#942d27',
'800': '#75231e',
'900': '#551a16'
},
yellow: {
'50': '#fefae7',
'100': '#fbf1c4',
'200': '#f8e99f',
'300': '#f4e07b',
'400': '#f0d961',
'500': '#ecd348',
'600': '#dcc243',
'700': '#c8ac3d',
'800': '#b39638',
'900': '#90722f'
}
},
primary: {
default: '#3142c8',
active: '#16158d',
hover: '#2e39ad'
},
text: {
contrast: '#ffffff',
danger: '#b4362f',
disabled: '#a9adb1',
primary: '#091521',
secondary: '#49515a',
success: '#0b6b3d',
tertiary: '#898e94',
warning: '#f45e1e'
}
};
const shadow = {
large: shadowLarge,
medium: shadowMedium,
small: shadowSmall
large: '0px -1px 2px rgba(61, 58, 180, 0.1), 0px 6px 14px rgba(61, 58, 180, 0.15)',
medium: '0px -1px 2px rgba(61, 58, 180, 0.1), 0px 4px 5px rgba(61, 58, 180, 0.15)',
small: '0px -1px 2px rgba(61, 58, 180, 0.1), 0px 1px 2px rgba(61, 58, 180, 0.4)'
};
const zIndex = {
dialog: zIndexDialog,
dropdown: zIndexDropdown,
modal: zIndexModal,
overlay: zIndexOverlay,
popover: zIndexPopover,
sticky: zIndexSticky,
toast: zIndexToast,
tooltip: zIndexTooltip
dialog: 6000,
dropdown: 7000,
modal: 9000,
overlay: 8000,
popover: 5000,
sticky: 100,
toast: 10000,
tooltip: 6000
};
const size = {
large: sizeLarge,
medium: sizeMedium,
small: sizeSmall,
'x-large': sizeXLarge,
'x-small': sizeXSmall
large: '87.5rem',
medium: '80rem',
small: '60rem',
'x-large': '120rem',
'x-small': '40.625rem'
};
const space = {
large: spaceLarge,
medium: spaceMedium,
small: spaceSmall,
'x-large': spaceXLarge,
'x-small': spaceXSmall
medium: '1rem',
small: '0.5rem',
large: '1.5rem',
'x-large': '2rem',
'x-small': '0.25rem'
};
const fontFamily = {
mono: fontFamilyMono,
text: fontFamilyText
mono: '"Fira Mono", Courier, monospace',
text: '"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif'
};
const fontSize = {
large: fontSizeLarge,
medium: fontSizeMedium,
small: fontSizeSmall,
'x-large': fontSizeXLarge,
'x-small': fontSizeXSmall,
'xx-large': fontSizeXxLarge
large: '1.25rem',
medium: '1rem',
small: '0.875rem',
'x-large': '1.5rem',
'x-small': '0.75rem',
'xx-large': '2rem'
};
const fontWeight = {
bold: fontWeightBold,
regular: fontWeightRegular,
semibold: fontWeightSemibold
bold: 700,
regular: 400,
semibold: 600
};
const letterSpacing = {
large: letterSpacingLarge,
medium: letterSpacingMedium,
small: letterSpacingSmall,
'x-small': letterSpacingXSmall
large: '0em',
medium: '-0.01em',
small: '-0.02em',
'x-small': '-0.03em'
};
const lineHeight = {
large: lineHeightLarge,
medium: lineHeightMedium,
small: lineHeightSmall,
'x-large': lineHeightXLarge,
'x-small': lineHeightXSmall,
'xx-large': lineHeightXxLarge
large: '1.875rem',
medium: '1.5rem',
small: '1.25rem',
'x-large': '2rem',
'x-small': '1.125rem',
'xx-large': '2.625rem'
};
const tokens = {
borderWidth,
color,
fontFamily,
fontSize,
fontWeight,
letterSpacing,
lineHeight,
radius,
shadow,
size,
space,
zIndex
};
/**
* THIS IS AN AUTOGENERATED FILE. DO NOT MODIFY.
*/
const tokens = [{
value: '999em',
name: 'radiusFull',
attributes: {
category: 'radius',
type: 'full'
},
path: ['radius', 'full']
}, {
value: '0.125rem',
name: 'radiusSmall',
attributes: {
category: 'radius',
type: 'small'
},
path: ['radius', 'small']
}, {
value: '0.1875rem',
name: 'borderWidthLarge',
attributes: {
category: 'borderWidth',
type: 'large'
},
path: ['borderWidth', 'large']
}, {
value: '0.125rem',
name: 'borderWidthMedium',
attributes: {
category: 'borderWidth',
type: 'medium'
},
path: ['borderWidth', 'medium']
}, {
value: '0.0625rem',
name: 'borderWidthSmall',
attributes: {
category: 'borderWidth',
type: 'small'
},
path: ['borderWidth', 'small']
}, {
value: '#f5e9e8',
name: 'colorBackgroundDanger',
attributes: {
category: 'color',
type: 'background',
item: 'danger'
},
path: ['color', 'background', 'danger']
}, {
value: '#ffffff',
name: 'colorBackgroundPrimary',
attributes: {
category: 'color',
type: 'background',
item: 'primary'
},
path: ['color', 'background', 'primary']
}, {
value: '#f4f4f5',
name: 'colorBackgroundSecondary',
attributes: {
category: 'color',
type: 'background',
item: 'secondary'
},
path: ['color', 'background', 'secondary']
}, {
value: '#021c6b',
name: 'colorBackgroundSideNav',
attributes: {
category: 'color',
type: 'background',
item: 'sideNav'
},
path: ['color', 'background', 'sideNav']
}, {
value: '#ddefe6',
name: 'colorBackgroundSuccess',
attributes: {
category: 'color',
type: 'background',
item: 'success'
},
path: ['color', 'background', 'success']
}, {
value: '#ffffff',
name: 'colorBackgroundSurface',
attributes: {
category: 'color',
type: 'background',
item: 'surface'
},
path: ['color', 'background', 'surface']
}, {
value: '#e4e6e7',
name: 'colorBackgroundTertiary',
attributes: {
category: 'color',
type: 'background',
item: 'tertiary'
},
path: ['color', 'background', 'tertiary']
}, {
value: '#1f3987',
name: 'colorBackgroundTopNav',
attributes: {
category: 'color',
type: 'background',
item: 'topNav'
},
path: ['color', 'background', 'topNav']
}, {
value: '#fbede7',
name: 'colorBackgroundWarning',
attributes: {
category: 'color',
type: 'background',
item: 'warning'
},
path: ['color', 'background', 'warning']
}, {
value: '#b4362f',
name: 'colorBorderDanger',
attributes: {
category: 'color',
type: 'border',
item: 'danger'
},
path: ['color', 'border', 'danger']
}, {
value: '#f4f4f5',
name: 'colorBorderDisabled',
attributes: {
category: 'color',
type: 'border',
item: 'disabled'
},
path: ['color', 'border', 'disabled']
}, {
value: '#e4e6e7',
name: 'colorBorderPrimary',
attributes: {
category: 'color',
type: 'border',
item: 'primary'
},
path: ['color', 'border', 'primary']
}, {
value: '#0b6b3d',
name: 'colorBorderSuccess',
attributes: {
category: 'color',
type: 'border',
item: 'success'
},
path: ['color', 'border', 'success']
}, {
value: '#f45e1e',
name: 'colorBorderWarning',
attributes: {
category: 'color',
type: 'border',
item: 'warning'
},
path: ['color', 'border', 'warning']
}, {
value: '#0072ec',
name: 'colorBrandDefault',
attributes: {
category: 'color',
type: 'brand',
item: 'default'
},
path: ['color', 'brand', 'default']
}, {
value: 'linear-gradient(0deg, rgba(9, 21, 33, 0.4), rgba(9, 21, 33, 0.4)), linear-gradient(90deg, #0072ec 0%, #4e00c6 163.65%, #8c18e2 191.59%)',
name: 'colorBrandActive',
attributes: {
category: 'color',
type: 'brand',
item: 'active'
},
path: ['color', 'brand', 'active']
}, {
value: 'linear-gradient(0deg, rgba(9, 21, 33, 0.2), rgba(9, 21, 33, 0.2)), linear-gradient(90deg, #0072ec 0%, #4e00c6 163.65%, #8c18e2 191.59%)',
name: 'colorBrandHover',
attributes: {
category: 'color',
type: 'brand',
item: 'hover'
},
path: ['color', 'brand', 'hover']
}, {
value: 'linear-gradient(90deg, #0072ec 0%, #4e00c6 163.65%, #8c18e2 191.59%)',
name: 'colorBrandGradient',
attributes: {
category: 'color',
type: 'brand',
item: 'gradient'
},
path: ['color', 'brand', 'gradient']
}, {
value: '#e3837d',
name: 'colorDataVizDangerFill',
attributes: {
category: 'color',
type: 'dataViz',
item: 'dangerFill'
},
path: ['color', 'dataViz', 'dangerFill']
}, {
value: '#b4362f',
name: 'colorDataVizDangerHover',
attributes: {
category: 'color',
type: 'dataViz',
item: 'dangerHover'
},
path: ['color', 'dataViz', 'dangerHover']
}, {
value: '#d44037',
name: 'colorDataVizDangerLine',
attributes: {
category: 'color',
type: 'dataViz',
item: 'dangerLine'
},
path: ['color', 'dataViz', 'dangerLine']
}, {
value: '#d1d3d6',
name: 'colorDataVizNeutralFill',
attributes: {
category: 'color',
type: 'dataViz',
item: 'neutralFill'
},
path: ['color', 'dataViz', 'neutralFill']
}, {
value: '#898e94',
name: 'colorDataVizNeutralHover',
attributes: {
category: 'color',
type: 'dataViz',
item: 'neutralHover'
},
path: ['color', 'dataViz', 'neutralHover']
}, {
value: '#7785db',
name: 'colorDataVizPrimaryFill',
attributes: {
category: 'color',
type: 'dataViz',
item: 'primaryFill'
},
path: ['color', 'dataViz', 'primaryFill']
}, {
value: '#c7ccf0',
name: 'colorDataVizPrimaryFillAlt',
attributes: {
category: 'color',
type: 'dataViz',
item: 'primaryFillAlt'
},
path: ['color', 'dataViz', 'primaryFillAlt']
}, {
value: '#3442bc',
name: 'colorDataVizPrimaryHover',
attributes: {
category: 'color',
type: 'dataViz',
item: 'primaryHover'
},
path: ['color', 'dataViz', 'primaryHover']
}, {
value: '#3142c8',
name: 'colorDataVizPrimaryLine',
attributes: {
category: 'color',
type: 'dataViz',
item: 'primaryLine'
},
path: ['color', 'dataViz', 'primaryLine']
}, {
value: '#62a9f4',
name: 'colorDataVizSecondaryFill',
attributes: {
category: 'color',
type: 'dataViz',
item: 'secondaryFill'
},
path: ['color', 'dataViz', 'secondaryFill']
}, {
value: '#c9e1fb',
name: 'colorDataVizSecondaryFillAlt',
attributes: {
category: 'color',
type: 'dataViz',
item: 'secondaryFillAlt'
},
path: ['color', 'dataViz', 'secondaryFillAlt']
}, {
value: '#005cbe',
name: 'colorDataVizSecondaryHover',
attributes: {
category: 'color',
type: 'dataViz',
item: 'secondaryHover'
},
path: ['color', 'dataViz', 'secondaryHover']
}, {
value: '#0072ec',
name: 'colorDataVizSecondaryLine',
attributes: {
category: 'color',
type: 'dataViz',
item: 'secondaryLine'
},
path: ['color', 'dataViz', 'secondaryLine']
}, {
value: '#b16fed',
name: 'colorDataVizTertiaryFill',
attributes: {
category: 'color',
type: 'dataViz',
item: 'tertiaryFill'
},
path: ['color', 'dataViz', 'tertiaryFill']
}, {
value: '#ddd0f3',
name: 'colorDataVizTertiaryFillAlt',
attributes: {
category: 'color',
type: 'dataViz',
item: 'tertiaryFillAlt'
},
path: ['color', 'dataViz', 'tertiaryFillAlt']
}, {
value: '#8110dc',
name: 'colorDataVizTertiaryHover',
attributes: {
category: 'color',
type: 'dataViz',
item: 'tertiaryHover'
},
path: ['color', 'dataViz', 'tertiaryHover']
}, {
value: '#8c18e2',
name: 'colorDataVizTertiaryLine',
attributes: {
category: 'color',
type: 'dataViz',
item: 'tertiaryLine'
},
path: ['color', 'dataViz', 'tertiaryLine']
}, {
value: '#ff9365',
name: 'colorDataVizWarningFill',
attributes: {
category: 'color',
type: 'dataViz',
item: 'warningFill'
},
path: ['color', 'dataViz', 'warningFill']
}, {
value: '#f45e1e',
name: 'colorDataVizWarningHover',
attributes: {
category: 'color',
type: 'dataViz',
item: 'warningHover'
},
path: ['color', 'dataViz', 'warningHover']
}, {
value: '#ff6422',
name: 'colorDataVizWarningLine',
attributes: {
category: 'color',
type: 'dataViz',
item: 'warningLine'
},
path: ['color', 'dataViz', 'warningLine']
}, {
value: '#091521',
name: 'colorPaletteBlack',
attributes: {
category: 'color',
type: 'palette',
item: 'black'
},
path: ['color', 'palette', 'black']
}, {
value: '#ffffff',
name: 'colorPaletteWhite',
attributes: {
category: 'color',
type: 'palette',
item: 'white'
},
path: ['color', 'palette', 'white']
}, {
value: '#ecf4fe',
name: 'colorPaletteBlue50',
attributes: {
category: 'color',
type: 'palette',
item: 'blue',
subitem: '50'
},
path: ['color', 'palette', 'blue', '50']
}, {
value: '#c9e1fb',
name: 'colorPaletteBlue100',
attributes: {
category: 'color',
type: 'palette',
item: 'blue',
subitem: '100'
},
path: ['color', 'palette', 'blue', '100']
}, {
value: '#95c5f8',
name: 'colorPaletteBlue200',
attributes: {
category: 'color',
type: 'palette',
item: 'blue',
subitem: '200'
},
path: ['color', 'palette', 'blue', '200']
}, {
value: '#62a9f4',
name: 'colorPaletteBlue300',
attributes: {
category: 'color',
type: 'palette',
item: 'blue',
subitem: '300'
},
path: ['color', 'palette', 'blue', '300']
}, {
value: '#308df1',
name: 'colorPaletteBlue400',
attributes: {
category: 'color',
type: 'palette',
item: 'blue',
subitem: '400'
},
path: ['color', 'palette', 'blue', '400']
}, {
value: '#0072ec',
name: 'colorPaletteBlue500',
attributes: {
category: 'color',
type: 'palette',
item: 'blue',
subitem: '500'
},
path: ['color', 'palette', 'blue', '500']
}, {
value: '#005cbe',
name: 'colorPaletteBlue600',
attributes: {
category: 'color',
type: 'palette',
item: 'blue',
subitem: '600'
},
path: ['color', 'palette', 'blue', '600']
}, {
value: '#00458e',
name: 'colorPaletteBlue700',
attributes: {
category: 'color',
type: 'palette',
item: 'blue',
subitem: '700'
},
path: ['color', 'palette', 'blue', '700']
}, {
value: '#003772',
name: 'colorPaletteBlue800',
attributes: {
category: 'color',
type: 'palette',
item: 'blue',
subitem: '800'
},
path: ['color', 'palette', 'blue', '800']
}, {
value: '#002956',
name: 'colorPaletteBlue900',
attributes: {
category: 'color',
type: 'palette',
item: 'blue',
subitem: '900'
},
path: ['color', 'palette', 'blue', '900']
}, {
value: '#faf0e7',
name: 'colorPaletteBrown50',
attributes: {
category: 'color',
type: 'palette',
item: 'brown',
subitem: '50'
},
path: ['color', 'palette', 'brown', '50']
}, {
value: '#ead9ce',
name: 'colorPaletteBrown100',
attributes: {
category: 'color',
type: 'palette',
item: 'brown',
subitem: '100'
},
path: ['color', 'palette', 'brown', '100']
}, {
value: '#d8c1b2',
name: 'colorPaletteBrown200',
attributes: {
category: 'color',
type: 'palette',
item: 'brown',
subitem: '200'
},
path: ['color', 'palette', 'brown', '200']
}, {
value: '#c4a794',
name: 'colorPaletteBrown300',
attributes: {
category: 'color',
type: 'palette',
item: 'brown',
subitem: '300'
},
path: ['color', 'palette', 'brown', '300']
}, {
value: '#b3917b',
name: 'colorPaletteBrown400',
attributes: {
category: 'color',
type: 'palette',
item: 'brown',
subitem: '400'
},
path: ['color', 'palette', 'brown', '400']
}, {
value: '#a27c62',
name: 'colorPaletteBrown500',
attributes: {
category: 'color',
type: 'palette',
item: 'brown',
subitem: '500'
},
path: ['color', 'palette', 'brown', '500']
}, {
value: '#95715a',
name: 'colorPaletteBrown600',
attributes: {
category: 'color',
type: 'palette',
item: 'brown',
subitem: '600'
},
path: ['color', 'palette', 'brown', '600']
}, {
value: '#84634f',
name: 'colorPaletteBrown700',
attributes: {
category: 'color',
type: 'palette',
item: 'brown',
subitem: '700'
},
path: ['color', 'palette', 'brown', '700']
}, {
value: '#755646',
name: 'colorPaletteBrown800',
attributes: {
category: 'color',
type: 'palette',
item: 'brown',
subitem: '800'
},
path: ['color', 'palette', 'brown', '800']
}, {
value: '#64473a',
name: 'colorPaletteBrown900',
attributes: {
category: 'color',
type: 'palette',
item: 'brown',
subitem: '900'
},
path: ['color', 'palette', 'brown', '900']
}, {
value: '#ddefe6',
name: 'colorPaletteGreen50',
attributes: {
category: 'color',
type: 'palette',
item: 'green',
subitem: '50'
},
path: ['color', 'palette', 'green', '50']
}, {
value: '#c3e1d2',
name: 'colorPaletteGreen100',
attributes: {
category: 'color',
type: 'palette',
item: 'green',
subitem: '100'
},
path: ['color', 'palette', 'green', '100']
}, {
value: '#93c9ae',
name: 'colorPaletteGreen200',
attributes: {
category: 'color',
type: 'palette',
item: 'green',
subitem: '200'
},
path: ['color', 'palette', 'green', '200']
}, {
value: '#62b08b',
name: 'colorPaletteGreen300',
attributes: {
category: 'color',
type: 'palette',
item: 'green',
subitem: '300'
},
path: ['color', 'palette', 'green', '300']
}, {
value: '#329867',
name: 'colorPaletteGreen400',
attributes: {
category: 'color',
type: 'palette',
item: 'green',
subitem: '400'
},
path: ['color', 'palette', 'green', '400']
}, {
value: '#0e864c',
name: 'colorPaletteGreen500',
attributes: {
category: 'color',
type: 'palette',
item: 'green',
subitem: '500'
},
path: ['color', 'palette', 'green', '500']
}, {
value: '#0b6b3d',
name: 'colorPaletteGreen600',
attributes: {
category: 'color',
type: 'palette',
item: 'green',
subitem: '600'
},
path: ['color', 'palette', 'green', '600']
}, {
value: '#095731',
name: 'colorPaletteGreen700',
attributes: {
category: 'color',
type: 'palette',
item: 'green',
subitem: '700'
},
path: ['color', 'palette', 'green', '700']
}, {
value: '#074326',
name: 'colorPaletteGreen800',
attributes: {
category: 'color',
type: 'palette',
item: 'green',
subitem: '800'
},
path: ['color', 'palette', 'green', '800']
}, {
value: '#06361e',
name: 'colorPaletteGreen900',
attributes: {
category: 'color',
type: 'palette',
item: 'green',
subitem: '900'
},
path: ['color', 'palette', 'green', '900']
}, {
value: '#fafafb',
name: 'colorPaletteGrey50',
attributes: {
category: 'color',
type: 'palette',
item: 'grey',
subitem: '50'
},
path: ['color', 'palette', 'grey', '50']
}, {
value: '#f4f4f5',
name: 'colorPaletteGrey100',
attributes: {
category: 'color',
type: 'palette',
item: 'grey',
subitem: '100'
},
path: ['color', 'palette', 'grey', '100']
}, {
value: '#e4e6e7',
name: 'colorPaletteGrey200',
attributes: {
category: 'color',
type: 'palette',
item: 'grey',
subitem: '200'
},
path: ['color', 'palette', 'grey', '200']
}, {
value: '#d1d3d6',
name: 'colorPaletteGrey300',
attributes: {
category: 'color',
type: 'palette',
item: 'grey',
subitem: '300'
},
path: ['color', 'palette', 'grey', '300']
}, {
value: '#a9adb1',
name: 'colorPaletteGrey400',
attributes: {
category: 'color',
type: 'palette',
item: 'grey',
subitem: '400'
},
path: ['color', 'palette', 'grey', '400']
}, {
value: '#898e94',
name: 'colorPaletteGrey500',
attributes: {
category: 'color',
type: 'palette',
item: 'grey',
subitem: '500'
},
path: ['color', 'palette', 'grey', '500']
}, {
value: '#697078',
name: 'colorPaletteGrey600',
attributes: {
category: 'color',
type: 'palette',
item: 'grey',
subitem: '600'
},
path: ['color', 'palette', 'grey', '600']
}, {
value: '#49515a',
name: 'colorPaletteGrey700',
attributes: {
category: 'color',
type: 'palette',
item: 'grey',
subitem: '700'
},
path: ['color', 'palette', 'grey', '700']
}, {
value: '#2a343f',
name: 'colorPaletteGrey800',
attributes: {
category: 'color',
type: 'palette',
item: 'grey',
subitem: '800'
},
path: ['color', 'palette', 'grey', '800']
}, {
value: '#091521',
name: 'colorPaletteGrey900',
attributes: {
category: 'color',
type: 'palette',
item: 'grey',
subitem: '900'
},
path: ['color', 'palette', 'grey', '900']
}, {
value: '#e9eafa',
name: 'colorPaletteIndigo50',
attributes: {
category: 'color',
type: 'palette',
item: 'indigo',
subitem: '50'
},
path: ['color', 'palette', 'indigo', '50']
}, {
value: '#c7ccf0',
name: 'colorPaletteIndigo100',
attributes: {
category: 'color',
type: 'palette',
item: 'indigo',
subitem: '100'
},
path: ['color', 'palette', 'indigo', '100']
}, {
value: '#a5aee8',
name: 'colorPaletteIndigo200',
attributes: {
category: 'color',
type: 'palette',
item: 'indigo',
subitem: '200'
},
path: ['color', 'palette', 'indigo', '200']
}, {
value: '#7785db',
name: 'colorPaletteIndigo300',
attributes: {
category: 'color',
type: 'palette',
item: 'indigo',
subitem: '300'
},
path: ['color', 'palette', 'indigo', '300']
}, {
value: '#5c6cd6',
name: 'colorPaletteIndigo400',
attributes: {
category: 'color',
type: 'palette',
item: 'indigo',
subitem: '400'
},
path: ['color', 'palette', 'indigo', '400']
}, {
value: '#3142c8',
name: 'colorPaletteIndigo500',
attributes: {
category: 'color',
type: 'palette',
item: 'indigo',
subitem: '500'
},
path: ['color', 'palette', 'indigo', '500']
}, {
value: '#3442bc',
name: 'colorPaletteIndigo600',
attributes: {
category: 'color',
type: 'palette',
item: 'indigo',
subitem: '600'
},
path: ['color', 'palette', 'indigo', '600']
}, {
value: '#2e39ad',
name: 'colorPaletteIndigo700',
attributes: {
category: 'color',
type: 'palette',
item: 'indigo',
subitem: '700'
},
path: ['color', 'palette', 'indigo', '700']
}, {
value: '#232b9c',
name: 'colorPaletteIndigo800',
attributes: {
category: 'color',
type: 'palette',
item: 'indigo',
subitem: '800'
},
path: ['color', 'palette', 'indigo', '800']
}, {
value: '#16158d',
name: 'colorPaletteIndigo900',
attributes: {
category: 'color',
type: 'palette',
item: 'indigo',
subitem: '900'
},
path: ['color', 'palette', 'indigo', '900']
}, {
value: '#fbede7',
name: 'colorPaletteOrange50',
attributes: {
category: 'color',
type: 'palette',
item: 'orange',
subitem: '50'
},
path: ['color', 'palette', 'orange', '50']
}, {
value: '#ffd0bc',
name: 'colorPaletteOrange100',
attributes: {
category: 'color',
type: 'palette',
item: 'orange',
subitem: '100'
},
path: ['color', 'palette', 'orange', '100']
}, {
value: '#ffb291',
name: 'colorPaletteOrange200',
attributes: {
category: 'color',
type: 'palette',
item: 'orange',
subitem: '200'
},
path: ['color', 'palette', 'orange', '200']
}, {
value: '#ff9365',
name: 'colorPaletteOrange300',
attributes: {
category: 'color',
type: 'palette',
item: 'orange',
subitem: '300'
},
path: ['color', 'palette', 'orange', '300']
}, {
value: '#ff7b43',
name: 'colorPaletteOrange400',
attributes: {
category: 'color',
type: 'palette',
item: 'orange',
subitem: '400'
},
path: ['color', 'palette', 'orange', '400']
}, {
value: '#ff6422',
name: 'colorPaletteOrange500',
attributes: {
category: 'color',
type: 'palette',
item: 'orange',
subitem: '500'
},
path: ['color', 'palette', 'orange', '500']
}, {
value: '#f45e1e',
name: 'colorPaletteOrange600',
attributes: {
category: 'color',
type: 'palette',
item: 'orange',
subitem: '600'
},
path: ['color', 'palette', 'orange', '600']
}, {
value: '#e65719',
name: 'colorPaletteOrange700',
attributes: {
category: 'color',
type: 'palette',
item: 'orange',
subitem: '700'
},
path: ['color', 'palette', 'orange', '700']
}, {
value: '#d85015',
name: 'colorPaletteOrange800',
attributes: {
category: 'color',
type: 'palette',
item: 'orange',
subitem: '800'
},
path: ['color', 'palette', 'orange', '800']
}, {
value: '#bf420c',
name: 'colorPaletteOrange900',
attributes: {
category: 'color',
type: 'palette',
item: 'orange',
subitem: '900'
},
path: ['color', 'palette', 'orange', '900']
}, {
value: '#fbe5ee',
name: 'colorPalettePink50',
attributes: {
category: 'color',
type: 'palette',
item: 'pink',
subitem: '50'
},
path: ['color', 'palette', 'pink', '50']
}, {
value: '#f6bed6',
name: 'colorPalettePink100',
attributes: {
category: 'color',
type: 'palette',
item: 'pink',
subitem: '100'
},
path: ['color', 'palette', 'pink', '100']
}, {
value: '#f194ba',
name: 'colorPalettePink200',
attributes: {
category: 'color',
type: 'palette',
item: 'pink',
subitem: '200'
},
path: ['color', 'palette', 'pink', '200']
}, {
value: '#ed6a9f',
name: 'colorPalettePink300',
attributes: {
category: 'color',
type: 'palette',
item: 'pink',
subitem: '300'
},
path: ['color', 'palette', 'pink', '300']
}, {
value: '#ea4c89',
name: 'colorPalettePink400',
attributes: {
category: 'color',
type: 'palette',
item: 'pink',
subitem: '400'
},
path: ['color', 'palette', 'pink', '400']
}, {
value: '#e83274',
name: 'colorPalettePink500',
attributes: {
category: 'color',
type: 'palette',
item: 'pink',
subitem: '500'
},
path: ['color', 'palette', 'pink', '500']
}, {
value: '#d72f70',
name: 'colorPalettePink600',
attributes: {
category: 'color',
type: 'palette',
item: 'pink',
subitem: '600'
},
path: ['color', 'palette', 'pink', '600']
}, {
value: '#c02c69',
name: 'colorPalettePink700',
attributes: {
category: 'color',
type: 'palette',
item: 'pink',
subitem: '700'
},
path: ['color', 'palette', 'pink', '700']
}, {
value: '#aa2964',
name: 'colorPalettePink800',
attributes: {
category: 'color',
type: 'palette',
item: 'pink',
subitem: '800'
},
path: ['color', 'palette', 'pink', '800']
}, {
value: '#852259',
name: 'colorPalettePink900',
attributes: {
category: 'color',
type: 'palette',
item: 'pink',
subitem: '900'
},
path: ['color', 'palette', 'pink', '900']
}, {
value: '#f2e7fc',
name: 'colorPalettePurple50',
attributes: {
category: 'color',
type: 'palette',
item: 'purple',
subitem: '50'
},
path: ['color', 'palette', 'purple', '50']
}, {
value: '#ddd0f3',
name: 'colorPalettePurple100',
attributes: {
category: 'color',
type: 'palette',
item: 'purple',
subitem: '100'
},
path: ['color', 'palette', 'purple', '100']
}, {
value: '#c79bf2',
name: 'colorPalettePurple200',
attributes: {
category: 'color',
type: 'palette',
item: 'purple',
subitem: '200'
},
path: ['color', 'palette', 'purple', '200']
}, {
value: '#b16fed',
name: 'colorPalettePurple300',
attributes: {
category: 'color',
type: 'palette',
item: 'purple',
subitem: '300'
},
path: ['color', 'palette', 'purple', '300']
}, {
value: '#9e4ae8',
name: 'colorPalettePurple400',
attributes: {
category: 'color',
type: 'palette',
item: 'purple',
subitem: '400'
},
path: ['color', 'palette', 'purple', '400']
}, {
value: '#8c18e2',
name: 'colorPalettePurple500',
attributes: {
category: 'color',
type: 'palette',
item: 'purple',
subitem: '500'
},
path: ['color', 'palette', 'purple', '500']
}, {
value: '#8110dc',
name: 'colorPalettePurple600',
attributes: {
category: 'color',
type: 'palette',
item: 'purple',
subitem: '600'
},
path: ['color', 'palette', 'purple', '600']
}, {
value: '#7300d3',
name: 'colorPalettePurple700',
attributes: {
category: 'color',
type: 'palette',
item: 'purple',
subitem: '700'
},
path: ['color', 'palette', 'purple', '700']
}, {
value: '#6500ce',
name: 'colorPalettePurple800',
attributes: {
category: 'color',
type: 'palette',
item: 'purple',
subitem: '800'
},
path: ['color', 'palette', 'purple', '800']
}, {
value: '#4e00c6',
name: 'colorPalettePurple900',
attributes: {
category: 'color',
type: 'palette',
item: 'purple',
subitem: '900'
},
path: ['color', 'palette', 'purple', '900']
}, {
value: '#f5e9e8',
name: 'colorPaletteRed50',
attributes: {
category: 'color',
type: 'palette',
item: 'red',
subitem: '50'
},
path: ['color', 'palette', 'red', '50']
}, {
value: '#f4cfcd',
name: 'colorPaletteRed100',
attributes: {
category: 'color',
type: 'palette',
item: 'red',
subitem: '100'
},
path: ['color', 'palette', 'red', '100']
}, {
value: '#eca9a5',
name: 'colorPaletteRed200',
attributes: {
category: 'color',
type: 'palette',
item: 'red',
subitem: '200'
},
path: ['color', 'palette', 'red', '200']
}, {
value: '#e3837d',
name: 'colorPaletteRed300',
attributes: {
category: 'color',
type: 'palette',
item: 'red',
subitem: '300'
},
path: ['color', 'palette', 'red', '300']
}, {
value: '#da5d55',
name: 'colorPaletteRed400',
attributes: {
category: 'color',
type: 'palette',
item: 'red',
subitem: '400'
},
path: ['color', 'palette', 'red', '400']
}, {
value: '#d44037',
name: 'colorPaletteRed500',
attributes: {
category: 'color',
type: 'palette',
item: 'red',
subitem: '500'
},
path: ['color', 'palette', 'red', '500']
}, {
value: '#b4362f',
name: 'colorPaletteRed600',
attributes: {
category: 'color',
type: 'palette',
item: 'red',
subitem: '600'
},
path: ['color', 'palette', 'red', '600']
}, {
value: '#942d27',
name: 'colorPaletteRed700',
attributes: {
category: 'color',
type: 'palette',
item: 'red',
subitem: '700'
},
path: ['color', 'palette', 'red', '700']
}, {
value: '#75231e',
name: 'colorPaletteRed800',
attributes: {
category: 'color',
type: 'palette',
item: 'red',
subitem: '800'
},
path: ['color', 'palette', 'red', '800']
}, {
value: '#551a16',
name: 'colorPaletteRed900',
attributes: {
category: 'color',
type: 'palette',
item: 'red',
subitem: '900'
},
path: ['color', 'palette', 'red', '900']
}, {
value: '#fefae7',
name: 'colorPaletteYellow50',
attributes: {
category: 'color',
type: 'palette',
item: 'yellow',
subitem: '50'
},
path: ['color', 'palette', 'yellow', '50']
}, {
value: '#fbf1c4',
name: 'colorPaletteYellow100',
attributes: {
category: 'color',
type: 'palette',
item: 'yellow',
subitem: '100'
},
path: ['color', 'palette', 'yellow', '100']
}, {
value: '#f8e99f',
name: 'colorPaletteYellow200',
attributes: {
category: 'color',
type: 'palette',
item: 'yellow',
subitem: '200'
},
path: ['color', 'palette', 'yellow', '200']
}, {
value: '#f4e07b',
name: 'colorPaletteYellow300',
attributes: {
category: 'color',
type: 'palette',
item: 'yellow',
subitem: '300'
},
path: ['color', 'palette', 'yellow', '300']
}, {
value: '#f0d961',
name: 'colorPaletteYellow400',
attributes: {
category: 'color',
type: 'palette',
item: 'yellow',
subitem: '400'
},
path: ['color', 'palette', 'yellow', '400']
}, {
value: '#ecd348',
name: 'colorPaletteYellow500',
attributes: {
category: 'color',
type: 'palette',
item: 'yellow',
subitem: '500'
},
path: ['color', 'palette', 'yellow', '500']
}, {
value: '#dcc243',
name: 'colorPaletteYellow600',
attributes: {
category: 'color',
type: 'palette',
item: 'yellow',
subitem: '600'
},
path: ['color', 'palette', 'yellow', '600']
}, {
value: '#c8ac3d',
name: 'colorPaletteYellow700',
attributes: {
category: 'color',
type: 'palette',
item: 'yellow',
subitem: '700'
},
path: ['color', 'palette', 'yellow', '700']
}, {
value: '#b39638',
name: 'colorPaletteYellow800',
attributes: {
category: 'color',
type: 'palette',
item: 'yellow',
subitem: '800'
},
path: ['color', 'palette', 'yellow', '800']
}, {
value: '#90722f',
name: 'colorPaletteYellow900',
attributes: {
category: 'color',
type: 'palette',
item: 'yellow',
subitem: '900'
},
path: ['color', 'palette', 'yellow', '900']
}, {
value: '#3142c8',
name: 'colorPrimaryDefault',
attributes: {
category: 'color',
type: 'primary',
item: 'default'
},
path: ['color', 'primary', 'default']
}, {
value: '#16158d',
name: 'colorPrimaryActive',
attributes: {
category: 'color',
type: 'primary',
item: 'active'
},
path: ['color', 'primary', 'active']
}, {
value: '#2e39ad',
name: 'colorPrimaryHover',
attributes: {
category: 'color',
type: 'primary',
item: 'hover'
},
path: ['color', 'primary', 'hover']
}, {
value: '#ffffff',
name: 'colorTextContrast',
attributes: {
category: 'color',
type: 'text',
item: 'contrast'
},
path: ['color', 'text', 'contrast']
}, {
value: '#b4362f',
name: 'colorTextDanger',
attributes: {
category: 'color',
type: 'text',
item: 'danger'
},
path: ['color', 'text', 'danger']
}, {
value: '#a9adb1',
name: 'colorTextDisabled',
attributes: {
category: 'color',
type: 'text',
item: 'disabled'
},
path: ['color', 'text', 'disabled']
}, {
value: '#091521',
name: 'colorTextPrimary',
attributes: {
category: 'color',
type: 'text',
item: 'primary'
},
path: ['color', 'text', 'primary']
}, {
value: '#49515a',
name: 'colorTextSecondary',
attributes: {
category: 'color',
type: 'text',
item: 'secondary'
},
path: ['color', 'text', 'secondary']
}, {
value: '#0b6b3d',
name: 'colorTextSuccess',
attributes: {
category: 'color',
type: 'text',
item: 'success'
},
path: ['color', 'text', 'success']
}, {
value: '#898e94',
name: 'colorTextTertiary',
attributes: {
category: 'color',
type: 'text',
item: 'tertiary'
},
path: ['color', 'text', 'tertiary']
}, {
value: '#f45e1e',
name: 'colorTextWarning',
attributes: {
category: 'color',
type: 'text',
item: 'warning'
},
path: ['color', 'text', 'warning']
}, {
value: '0px -1px 2px rgba(61, 58, 180, 0.1), 0px 6px 14px rgba(61, 58, 180, 0.15)',
name: 'shadowLarge',
attributes: {
category: 'shadow',
type: 'large'
},
path: ['shadow', 'large']
}, {
value: '0px -1px 2px rgba(61, 58, 180, 0.1), 0px 4px 5px rgba(61, 58, 180, 0.15)',
name: 'shadowMedium',
attributes: {
category: 'shadow',
type: 'medium'
},
path: ['shadow', 'medium']
}, {
value: '0px -1px 2px rgba(61, 58, 180, 0.1), 0px 1px 2px rgba(61, 58, 180, 0.4)',
name: 'shadowSmall',
attributes: {
category: 'shadow',
type: 'small'
},
path: ['shadow', 'small']
}, {
value: 6000,
name: 'zIndexDialog',
attributes: {
category: 'zIndex',
type: 'dialog'
},
path: ['zIndex', 'dialog']
}, {
value: 7000,
name: 'zIndexDropdown',
attributes: {
category: 'zIndex',
type: 'dropdown'
},
path: ['zIndex', 'dropdown']
}, {
value: 9000,
name: 'zIndexModal',
attributes: {
category: 'zIndex',
type: 'modal'
},
path: ['zIndex', 'modal']
}, {
value: 8000,
name: 'zIndexOverlay',
attributes: {
category: 'zIndex',
type: 'overlay'
},
path: ['zIndex', 'overlay']
}, {
value: 5000,
name: 'zIndexPopover',
attributes: {
category: 'zIndex',
type: 'popover'
},
path: ['zIndex', 'popover']
}, {
value: 100,
name: 'zIndexSticky',
attributes: {
category: 'zIndex',
type: 'sticky'
},
path: ['zIndex', 'sticky']
}, {
value: 10000,
name: 'zIndexToast',
attributes: {
category: 'zIndex',
type: 'toast'
},
path: ['zIndex', 'toast']
}, {
value: 6000,
name: 'zIndexTooltip',
attributes: {
category: 'zIndex',
type: 'tooltip'
},
path: ['zIndex', 'tooltip']
}, {
value: '87.5rem',
name: 'sizeLarge',
attributes: {
category: 'size',
type: 'large'
},
path: ['size', 'large']
}, {
value: '80rem',
name: 'sizeMedium',
attributes: {
category: 'size',
type: 'medium'
},
path: ['size', 'medium']
}, {
value: '60rem',
name: 'sizeSmall',
attributes: {
category: 'size',
type: 'small'
},
path: ['size', 'small']
}, {
value: '120rem',
name: 'sizeXLarge',
attributes: {
category: 'size',
type: 'x-large'
},
path: ['size', 'x-large']
}, {
value: '40.625rem',
name: 'sizeXSmall',
attributes: {
category: 'size',
type: 'x-small'
},
path: ['size', 'x-small']
}, {
value: '1rem',
name: 'spaceMedium',
attributes: {
category: 'space',
type: 'medium'
},
path: ['space', 'medium']
}, {
value: '0.5rem',
name: 'spaceSmall',
attributes: {
category: 'space',
type: 'small'
},
path: ['space', 'small']
}, {
value: '1.5rem',
name: 'spaceLarge',
attributes: {
category: 'space',
type: 'large'
},
path: ['space', 'large']
}, {
value: '2rem',
name: 'spaceXLarge',
attributes: {
category: 'space',
type: 'x-large'
},
path: ['space', 'x-large']
}, {
value: '0.25rem',
name: 'spaceXSmall',
attributes: {
category: 'space',
type: 'x-small'
},
path: ['space', 'x-small']
}, {
value: '"Fira Mono", Courier, monospace',
name: 'fontFamilyMono',
attributes: {
category: 'fontFamily',
type: 'mono'
},
path: ['fontFamily', 'mono']
}, {
value: '"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif',
name: 'fontFamilyText',
attributes: {
category: 'fontFamily',
type: 'text'
},
path: ['fontFamily', 'text']
}, {
value: '1.25rem',
name: 'fontSizeLarge',
attributes: {
category: 'fontSize',
type: 'large'
},
path: ['fontSize', 'large']
}, {
value: '1rem',
name: 'fontSizeMedium',
attributes: {
category: 'fontSize',
type: 'medium'
},
path: ['fontSize', 'medium']
}, {
value: '0.875rem',
name: 'fontSizeSmall',
attributes: {
category: 'fontSize',
type: 'small'
},
path: ['fontSize', 'small']
}, {
value: '1.5rem',
name: 'fontSizeXLarge',
attributes: {
category: 'fontSize',
type: 'x-large'
},
path: ['fontSize', 'x-large']
}, {
value: '0.75rem',
name: 'fontSizeXSmall',
attributes: {
category: 'fontSize',
type: 'x-small'
},
path: ['fontSize', 'x-small']
}, {
value: '2rem',
name: 'fontSizeXxLarge',
attributes: {
category: 'fontSize',
type: 'xx-large'
},
path: ['fontSize', 'xx-large']
}, {
value: 700,
name: 'fontWeightBold',
attributes: {
category: 'fontWeight',
type: 'bold'
},
path: ['fontWeight', 'bold']
}, {
value: 400,
name: 'fontWeightRegular',
attributes: {
category: 'fontWeight',
type: 'regular'
},
path: ['fontWeight', 'regular']
}, {
value: 600,
name: 'fontWeightSemibold',
attributes: {
category: 'fontWeight',
type: 'semibold'
},
path: ['fontWeight', 'semibold']
}, {
value: '0em',
name: 'letterSpacingLarge',
attributes: {
category: 'letterSpacing',
type: 'large'
},
path: ['letterSpacing', 'large']
}, {
value: '-0.01em',
name: 'letterSpacingMedium',
attributes: {
category: 'letterSpacing',
type: 'medium'
},
path: ['letterSpacing', 'medium']
}, {
value: '-0.02em',
name: 'letterSpacingSmall',
attributes: {
category: 'letterSpacing',
type: 'small'
},
path: ['letterSpacing', 'small']
}, {
value: '-0.03em',
name: 'letterSpacingXSmall',
attributes: {
category: 'letterSpacing',
type: 'x-small'
},
path: ['letterSpacing', 'x-small']
}, {
value: '1.875rem',
name: 'lineHeightLarge',
attributes: {
category: 'lineHeight',
type: 'large'
},
path: ['lineHeight', 'large']
}, {
value: '1.5rem',
name: 'lineHeightMedium',
attributes: {
category: 'lineHeight',
type: 'medium'
},
path: ['lineHeight', 'medium']
}, {
value: '1.25rem',
name: 'lineHeightSmall',
attributes: {
category: 'lineHeight',
type: 'small'
},
path: ['lineHeight', 'small']
}, {
value: '2rem',
name: 'lineHeightXLarge',
attributes: {
category: 'lineHeight',
type: 'x-large'
},
path: ['lineHeight', 'x-large']
}, {
value: '1.125rem',
name: 'lineHeightXSmall',
attributes: {
category: 'lineHeight',
type: 'x-small'
},
path: ['lineHeight', 'x-small']
}, {
value: '2.625rem',
name: 'lineHeightXxLarge',
attributes: {
category: 'lineHeight',
type: 'xx-large'
},
path: ['lineHeight', 'xx-large']
}];
exports.borderWidth = borderWidth;
exports.borderWidthLarge = borderWidthLarge;
exports.borderWidthMedium = borderWidthMedium;
exports.borderWidthSmall = borderWidthSmall;
exports.color = color;
exports.colorBackgroundDanger = colorBackgroundDanger;

@@ -703,4 +2475,6 @@ exports.colorBackgroundPrimary = colorBackgroundPrimary;

exports.colorTextWarning = colorTextWarning;
exports.fontFamily = fontFamily;
exports.fontFamilyMono = fontFamilyMono;
exports.fontFamilyText = fontFamilyText;
exports.fontSize = fontSize;
exports.fontSizeLarge = fontSizeLarge;

@@ -712,5 +2486,7 @@ exports.fontSizeMedium = fontSizeMedium;

exports.fontSizeXxLarge = fontSizeXxLarge;
exports.fontWeight = fontWeight;
exports.fontWeightBold = fontWeightBold;
exports.fontWeightRegular = fontWeightRegular;
exports.fontWeightSemibold = fontWeightSemibold;
exports.letterSpacing = letterSpacing;
exports.letterSpacingLarge = letterSpacingLarge;

@@ -720,2 +2496,3 @@ exports.letterSpacingMedium = letterSpacingMedium;

exports.letterSpacingXSmall = letterSpacingXSmall;
exports.lineHeight = lineHeight;
exports.lineHeightLarge = lineHeightLarge;

@@ -727,7 +2504,10 @@ exports.lineHeightMedium = lineHeightMedium;

exports.lineHeightXxLarge = lineHeightXxLarge;
exports.radius = radius;
exports.radiusFull = radiusFull;
exports.radiusSmall = radiusSmall;
exports.shadow = shadow;
exports.shadowLarge = shadowLarge;
exports.shadowMedium = shadowMedium;
exports.shadowSmall = shadowSmall;
exports.size = size;
exports.sizeLarge = sizeLarge;

@@ -738,2 +2518,3 @@ exports.sizeMedium = sizeMedium;

exports.sizeXSmall = sizeXSmall;
exports.space = space;
exports.spaceLarge = spaceLarge;

@@ -745,2 +2526,3 @@ exports.spaceMedium = spaceMedium;

exports.tokens = tokens;
exports.zIndex = zIndex;
exports.zIndexDialog = zIndexDialog;

@@ -747,0 +2529,0 @@ exports.zIndexDropdown = zIndexDropdown;

{
"name": "@project44-manifest/design-tokens",
"version": "1.2.1",
"version": "2.0.0",
"description": "Manifest Design System design tokens",

@@ -31,21 +31,21 @@ "license": "MIT",

},
"scripts": {
"build": "packemon build --addEngines --declaration --declarationConfig tsconfig.build.json",
"clean": "rimraf .turbo && packemon clean",
"coverage": "jest --coverage",
"dev": "packemon watch",
"lint": "eslint \"**/*.{ts,tsx}\"",
"test": "jest",
"typecheck": "tsc --noEmit"
},
"devDependencies": {
"eslint": "^8.26.0",
"eslint-config-manifest": "*",
"jest": "^29.2.2",
"jest-preset-manifest": "*",
"tsconfig-manifest": "*"
"rollup-plugin-copy": "^3.4.0",
"style-dictionary": "^3.7.2"
},
"packemon": {
"platform": "browser"
},
"exports": {
"./package.json": "./package.json",
".": {
"types": "./dts/index.d.ts",
"browser": {
"module": "./esm/index.js",
"import": "./esm/index.js",
"default": "./lib/index.js"
},
"default": "./lib/index.js"
}
}
}

@@ -1,11 +0,51 @@

/** --------------------------------------------
* Border Width
* -------------------------------------------- */
export const borderWidthLarge = '3px';
export const borderWidthMedium = '2px';
export const borderWidthSmall = '1px';
/**
* THIS IS AN AUTOGENERATED FILE. DO NOT MODIFY.
*/
/** --------------------------------------------
* Color
* -------------------------------------------- */
export const radiusFull = '999em';
export const radiusSmall = '0.125rem';
export const borderWidthLarge = '0.1875rem';
export const borderWidthMedium = '0.125rem';
export const borderWidthSmall = '0.0625rem';
export const colorBackgroundDanger = '#f5e9e8';
export const colorBackgroundPrimary = '#ffffff';
export const colorBackgroundSecondary = '#f4f4f5';
export const colorBackgroundSideNav = '#021c6b';
export const colorBackgroundSuccess = '#ddefe6';
export const colorBackgroundSurface = '#ffffff';
export const colorBackgroundTertiary = '#e4e6e7';
export const colorBackgroundTopNav = '#1f3987';
export const colorBackgroundWarning = '#fbede7';
export const colorBorderDanger = '#b4362f';
export const colorBorderDisabled = '#f4f4f5';
export const colorBorderPrimary = '#e4e6e7';
export const colorBorderSuccess = '#0b6b3d';
export const colorBorderWarning = '#f45e1e';
export const colorBrandDefault = '#0072ec';
export const colorBrandActive =
'linear-gradient(0deg, rgba(9, 21, 33, 0.4), rgba(9, 21, 33, 0.4)), linear-gradient(90deg, #0072ec 0%, #4e00c6 163.65%, #8c18e2 191.59%)';
export const colorBrandHover =
'linear-gradient(0deg, rgba(9, 21, 33, 0.2), rgba(9, 21, 33, 0.2)), linear-gradient(90deg, #0072ec 0%, #4e00c6 163.65%, #8c18e2 191.59%)';
export const colorBrandGradient =
'linear-gradient(90deg, #0072ec 0%, #4e00c6 163.65%, #8c18e2 191.59%)';
export const colorDataVizDangerFill = '#e3837d';
export const colorDataVizDangerHover = '#b4362f';
export const colorDataVizDangerLine = '#d44037';
export const colorDataVizNeutralFill = '#d1d3d6';
export const colorDataVizNeutralHover = '#898e94';
export const colorDataVizPrimaryFill = '#7785db';
export const colorDataVizPrimaryFillAlt = '#c7ccf0';
export const colorDataVizPrimaryHover = '#3442bc';
export const colorDataVizPrimaryLine = '#3142c8';
export const colorDataVizSecondaryFill = '#62a9f4';
export const colorDataVizSecondaryFillAlt = '#c9e1fb';
export const colorDataVizSecondaryHover = '#005cbe';
export const colorDataVizSecondaryLine = '#0072ec';
export const colorDataVizTertiaryFill = '#b16fed';
export const colorDataVizTertiaryFillAlt = '#ddd0f3';
export const colorDataVizTertiaryHover = '#8110dc';
export const colorDataVizTertiaryLine = '#8c18e2';
export const colorDataVizWarningFill = '#ff9365';
export const colorDataVizWarningHover = '#f45e1e';
export const colorDataVizWarningLine = '#ff6422';
export const colorPaletteBlack = '#091521';

@@ -113,62 +153,40 @@ export const colorPaletteWhite = '#ffffff';

export const colorPaletteYellow900 = '#90722f';
export const colorBackgroundDanger = colorPaletteRed50;
export const colorBackgroundPrimary = colorPaletteWhite;
export const colorBackgroundSecondary = colorPaletteGrey100;
export const colorBackgroundSideNav = '#021c6b';
export const colorBackgroundSuccess = colorPaletteGreen50;
export const colorBackgroundSurface = colorPaletteWhite;
export const colorBackgroundTertiary = colorPaletteGrey200;
export const colorBackgroundTopNav = '#1f3987';
export const colorBackgroundWarning = colorPaletteOrange50;
export const colorBorderDanger = colorPaletteRed600;
export const colorBorderDisabled = colorPaletteGrey100;
export const colorBorderPrimary = colorPaletteGrey200;
export const colorBorderSuccess = colorPaletteGreen600;
export const colorBorderWarning = colorPaletteOrange600;
export const colorBrandDefault = colorPaletteBlue500;
export const colorBrandActive = `linear-gradient(0deg, rgba(9, 21, 33, 0.4), rgba(9, 21, 33, 0.4)), linear-gradient(90deg, ${colorPaletteBlue500} 0%, ${colorPalettePurple900} 163.65%, ${colorPalettePurple500} 191.59%)`;
export const colorBrandHover = `linear-gradient(0deg, rgba(9, 21, 33, 0.2), rgba(9, 21, 33, 0.2)), linear-gradient(90deg, ${colorPaletteBlue500} 0%, ${colorPalettePurple900} 163.65%, ${colorPalettePurple500} 191.59%)`;
export const colorBrandGradient = `linear-gradient(90deg, ${colorPaletteBlue500} 0%, ${colorPalettePurple900} 163.65%, ${colorPalettePurple500} 191.59%)`;
export const colorPrimaryDefault = colorPaletteIndigo500;
export const colorPrimaryActive = colorPaletteIndigo900;
export const colorPrimaryHover = colorPaletteIndigo700;
export const colorTextContrast = colorPaletteWhite;
export const colorTextDanger = colorPaletteRed600;
export const colorTextDisabled = colorPaletteGrey400;
export const colorTextPrimary = colorPaletteBlack;
export const colorTextSecondary = colorPaletteGrey700;
export const colorTextSuccess = colorPaletteGreen600;
export const colorTextTertiary = colorPaletteGrey500;
export const colorTextWarning = colorPaletteOrange600;
export const colorDataVizDangerFill = colorPaletteRed300;
export const colorDataVizDangerHover = colorPaletteRed600;
export const colorDataVizDangerLine = colorPaletteRed500;
export const colorDataVizNeutralFill = colorPaletteGrey300;
export const colorDataVizNeutralHover = colorPaletteGrey500;
export const colorDataVizPrimaryFill = colorPaletteIndigo300;
export const colorDataVizPrimaryFillAlt = colorPaletteIndigo100;
export const colorDataVizPrimaryHover = colorPaletteIndigo600;
export const colorDataVizPrimaryLine = colorPaletteIndigo500;
export const colorDataVizSecondaryFill = colorPaletteBlue300;
export const colorDataVizSecondaryFillAlt = colorPaletteBlue100;
export const colorDataVizSecondaryHover = colorPaletteBlue600;
export const colorDataVizSecondaryLine = colorPaletteBlue500;
export const colorDataVizTertiaryFill = colorPalettePurple300;
export const colorDataVizTertiaryFillAlt = colorPalettePurple100;
export const colorDataVizTertiaryHover = colorPalettePurple600;
export const colorDataVizTertiaryLine = colorPalettePurple500;
export const colorDataVizWarningFill = colorPaletteOrange300;
export const colorDataVizWarningHover = colorPaletteOrange600;
export const colorDataVizWarningLine = colorPaletteOrange500;
/** --------------------------------------------
* Font Family
* -------------------------------------------- */
export const colorPrimaryDefault = '#3142c8';
export const colorPrimaryActive = '#16158d';
export const colorPrimaryHover = '#2e39ad';
export const colorTextContrast = '#ffffff';
export const colorTextDanger = '#b4362f';
export const colorTextDisabled = '#a9adb1';
export const colorTextPrimary = '#091521';
export const colorTextSecondary = '#49515a';
export const colorTextSuccess = '#0b6b3d';
export const colorTextTertiary = '#898e94';
export const colorTextWarning = '#f45e1e';
export const shadowLarge =
'0px -1px 2px rgba(61, 58, 180, 0.1), 0px 6px 14px rgba(61, 58, 180, 0.15)';
export const shadowMedium =
'0px -1px 2px rgba(61, 58, 180, 0.1), 0px 4px 5px rgba(61, 58, 180, 0.15)';
export const shadowSmall =
'0px -1px 2px rgba(61, 58, 180, 0.1), 0px 1px 2px rgba(61, 58, 180, 0.4)';
export const zIndexDialog = 6000;
export const zIndexDropdown = 7000;
export const zIndexModal = 9000;
export const zIndexOverlay = 8000;
export const zIndexPopover = 5000;
export const zIndexSticky = 100;
export const zIndexToast = 10000;
export const zIndexTooltip = 6000;
export const sizeLarge = '87.5rem';
export const sizeMedium = '80rem';
export const sizeSmall = '60rem';
export const sizeXLarge = '120rem';
export const sizeXSmall = '40.625rem';
export const spaceMedium = '1rem';
export const spaceSmall = '0.5rem';
export const spaceLarge = '1.5rem';
export const spaceXLarge = '2rem';
export const spaceXSmall = '0.25rem';
export const fontFamilyMono = '"Fira Mono", Courier, monospace';
export const fontFamilyText =
'"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif';
/** --------------------------------------------
* Font Size
* -------------------------------------------- */
'"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif';
export const fontSizeLarge = '1.25rem';

@@ -180,13 +198,5 @@ export const fontSizeMedium = '1rem';

export const fontSizeXxLarge = '2rem';
/** --------------------------------------------
* Font Weight
* -------------------------------------------- */
export const fontWeightBold = 700;
export const fontWeightRegular = 400;
export const fontWeightSemibold = 600;
/** --------------------------------------------
* Letter Spacing
* -------------------------------------------- */
export const letterSpacingLarge = '0em';

@@ -196,6 +206,2 @@ export const letterSpacingMedium = '-0.01em';

export const letterSpacingXSmall = '-0.03em';
/** --------------------------------------------
* Line Height
* -------------------------------------------- */
export const lineHeightLarge = '1.875rem';

@@ -207,47 +213,1 @@ export const lineHeightMedium = '1.5rem';

export const lineHeightXxLarge = '2.625rem';
/** --------------------------------------------
* Radius
* -------------------------------------------- */
export const radiusFull = '999em';
export const radiusSmall = '2px';
/** --------------------------------------------
* Shadow
* -------------------------------------------- */
export const shadowLarge =
'0px -1px 2px rgba(61, 58, 180, 0.1), 0px 6px 14px rgba(61, 58, 180, 0.15)';
export const shadowMedium =
'0px -1px 2px rgba(61, 58, 180, 0.1), 0px 4px 5px rgba(61, 58, 180, 0.15)';
export const shadowSmall =
'0px -1px 2px rgba(61, 58, 180, 0.1), 0px 1px 2px rgba(61, 58, 180, 0.4)';
/** --------------------------------------------
* Size
* -------------------------------------------- */
export const sizeLarge = '87.5rem';
export const sizeMedium = '80rem';
export const sizeSmall = '60rem';
export const sizeXLarge = '120rem';
export const sizeXSmall = '40.625rem';
/** --------------------------------------------
* Space
* -------------------------------------------- */
export const spaceMedium = '1rem';
export const spaceSmall = '0.5rem';
export const spaceLarge = '1.5rem';
export const spaceXLarge = '2rem';
export const spaceXSmall = '0.25rem';
/** --------------------------------------------
* ZIndex
* -------------------------------------------- */
export const zIndexDialog = 6000;
export const zIndexDropdown = 7000;
export const zIndexModal = 9000;
export const zIndexOverlay = 8000;
export const zIndexPopover = 5000;
export const zIndexSticky = 100;
export const zIndexToast = 10_000;
export const zIndexTooltip = 6000;
export * from './constants';
export * from './groups';
export * from './tokens';
export * from './types';

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc