box-ui-elements
Version:
Box UI Elements
117 lines (116 loc) • 5.58 kB
TypeScript
export declare const white = "#fff";
export declare const black = "#000";
export declare const countBadgeBackground = "#e9163c";
export declare const bdlBoxBlue = "#0061d5";
export declare const bdlBoxBlue80 = "#3381dd";
export declare const bdlBoxBlue50 = "#7fb0ea";
export declare const bdlBoxBlue40 = "#99c0ee";
export declare const bdlBoxBlue30 = "#b2cff2";
export declare const bdlBoxBlue20 = "#ccdff7";
export declare const bdlBoxBlue10 = "#e5effa";
export declare const bdlBoxBlue05 = "#f2f7fd";
export declare const bdlBoxBlue02 = "#fafcfe";
export declare const bdlGray = "#222";
export declare const bdlGray80 = "#4e4e4e";
export declare const bdlGray65 = "#6f6f6f";
export declare const bdlGray50 = "#909090";
export declare const bdlGray40 = "#a7a7a7";
export declare const bdlGray30 = "#bcbcbc";
export declare const bdlGray20 = "#d3d3d3";
export declare const bdlGray10 = "#e8e8e8";
export declare const bdlGray05 = "#f4f4f4";
export declare const bdlGray02 = "#fbfbfb";
export declare const bdlDarkBlue = "#003c84";
export declare const bdlDarkBlue50 = "#7f9dc1";
export declare const bdlDarkBlue20 = "#ccd8e6";
export declare const bdlDarkBlue10 = "#e5ebf2";
export declare const bdlDarkBlue05 = "#f2f5f9";
export declare const bdlDarkBlue02 = "#fafbfd";
export declare const bdlLightBlue = "#2486fc";
export declare const bdlLightBlue50 = "#91c2fd";
export declare const bdlLightBlue20 = "#d3e7fe";
export declare const bdlLightBlue10 = "#e9f2fe";
export declare const bdlLightBlue05 = "#f4f9ff";
export declare const bdlLightBlue02 = "#fbfdff";
export declare const bdlYellorange = "#f5b31b";
export declare const bdlYellorange50 = "#fad98d";
export declare const bdlYellorange20 = "#fdf0d1";
export declare const bdlYellorange10 = "#fef7e8";
export declare const bdlYellorange05 = "#fefbf3";
export declare const bdlYellorange02 = "#fffefb";
export declare const bdlYellow = "#ffd700";
export declare const bdlYellow50 = "#ffeb7f";
export declare const bdlYellow20 = "#fff7cc";
export declare const bdlYellow10 = "#fffbe5";
export declare const bdlYellow05 = "#fffdf2";
export declare const bdlYellow02 = "#fffefa";
export declare const bdlGreenLight = "#26c281";
export declare const bdlGreenLight50 = "#92e0c0";
export declare const bdlGreenLight20 = "#d4f3e6";
export declare const bdlGreenLight10 = "#e9f8f2";
export declare const bdlGreenLight05 = "#f4fcf8";
export declare const bdlGreenLight02 = "#fbfefd";
export declare const bdlGrimace = "#4826c2";
export declare const bdlGrimace50 = "#a392e0";
export declare const bdlGrimace20 = "#dad4f3";
export declare const bdlGrimace10 = "#ece9f8";
export declare const bdlGrimace05 = "#f6f4fc";
export declare const bdlGrimace02 = "#fbfbfe";
export declare const bdlOrange = "#f1811a";
export declare const bdlOrange50 = "#f8c08c";
export declare const bdlOrange20 = "#fce6d1";
export declare const bdlOrange10 = "#fdf2e8";
export declare const bdlOrange05 = "#fef8f3";
export declare const bdlOrange02 = "#fffdfb";
export declare const bdlPurpleRain = "#9f3fed";
export declare const bdlPurpleRain50 = "#cf9ff6";
export declare const bdlPurpleRain20 = "#ecd9fb";
export declare const bdlPurpleRain10 = "#f5ebfd";
export declare const bdlPurpleRain05 = "#faf5fe";
export declare const bdlPurpleRain02 = "#fdfbff";
export declare const bdlWatermelonRed = "#ed3757";
export declare const bdlWatermelonRed50 = "#f69bab";
export declare const bdlWatermelonRed20 = "#fbd7dd";
export declare const bdlWatermelonRed10 = "#fdebee";
export declare const bdlWatermelonRed05 = "#fef5f6";
export declare const bdlWatermelonRed02 = "#fffbfc";
export declare const bdlLineHeight = "20px";
export declare const bdlFontSize = "13px";
export declare const bdlFontSizeMinimum = "11px";
export declare const bdlFontSizeDejaBlue = "14px";
export declare const avatarColors: string[];
export declare const modalDialogZIndex = "160";
export declare const menuZIndex = "170";
export declare const submenuZIndex = "171";
export declare const overlayZIndex = "190";
export declare const tooltipZIndex = "190";
export declare const notificationsWrapperZIndex = "200";
export declare const bdlBorderRadiusSize = "4px";
export declare const bdlBorderRadiusSizeMed = "6px";
export declare const bdlBorderRadiusSizeLarge = "8px";
export declare const bdlBorderRadiusSizeXlarge = "12px";
export declare const bdlHeaderBoxShadow: string[];
export declare const bdlGridUnit = "4px";
export declare const bdlGridUnitPx = "4";
export declare const bdlHeaderHeight = "64px";
export declare const bdlBtnBorderWidth = "1px";
export declare const bdlBtnHeight = "32px";
export declare const bdlBtnHeightLarge = "40px";
export declare const bdlBtnIconSize = "20px";
export declare const bdlBtnTextIconSize = "16px";
export declare const bdlBtnPaddingHorizontal = "16px";
export declare const bdlTransitionDurationBase = "0.15s";
export declare const bdlTimingFunction: string[];
export declare const sizeSmallMediumMin = "375px";
export declare const sizeMediumMin = "461px";
export declare const sizeLargeMin = "768px";
export declare const sizeSmallMax = "374px";
export declare const sizeSmallMediumMax = "460px";
export declare const sizeMediumMax = "767px";
export declare const sizeLargeMax = "1023px";
export declare const sizeXlargeMax = "1219px";
export declare const smallScreen = "(max-width: 374px)";
export declare const smallMediumScreen = "(max-width: 460px)";
export declare const mediumScreen = "(max-width: 767px)";
export declare const largeScreen = "(max-width: 1023px)";
export declare const xlargeScreen = "(max-width: 1219px)";