@rocket.chat/fuselage 0.88.0 → 0.90.0

package/dist/components/PaletteStyleTag/helpers/getPalette.d.ts

@@ -1,351 +1,351 @@
 import type { Themes } from '../types/themes';
 export declare const getTokens: (theme: Themes) => {
     badge: {
-        "level-0": string;
-        "level-1": string;
-        "level-2": string;
-        "level-3": string;
-        "level-4": string;
+        "level-0": "#e4e7ea";
+        "level-1": "#6c737a";
+        "level-2": "#156ff5";
+        "level-3": "#f38c39";
+        "level-4": "#ec0d2a";
     } | {
-        "level-0": string;
-        "level-1": string;
-        "level-2": string;
-        "level-3": string;
-        "level-4": string;
+        "level-0": "#404754";
+        "level-1": "#6c737a";
+        "level-2": "#2c65ba";
+        "level-3": "#955828";
+        "level-4": "#b43c4c";
     } | {
-        "level-0": string;
-        "level-1": string;
-        "level-2": string;
-        "level-3": string;
-        "level-4": string;
+        "level-0": "#e4e7ea";
+        "level-1": "#2f343d";
+        "level-2": "#10529e";
+        "level-3": "#713607";
+        "level-4": "#9b1325";
     };
     button: {
-        backgroundPrimaryDefault: string;
-        backgroundPrimaryHover: string;
-        backgroundPrimaryPress: string;
-        backgroundPrimaryFocus: string;
-        backgroundPrimaryKeyfocus: string;
-        backgroundPrimaryDisabled: string;
-        fontOnPrimary: string;
-        fontOnPrimaryDisabled: string;
-        backgroundSecondaryDefault: string;
-        backgroundSecondaryHover: string;
-        backgroundSecondaryPress: string;
-        backgroundSecondaryFocus: string;
-        backgroundSecondaryKeyfocus: string;
-        backgroundSecondaryDisabled: string;
-        fontOnSecondary: string;
-        fontOnSecondaryDisabled: string;
-        backgroundSecondaryDangerDefault: string;
-        backgroundSecondaryDangerHover: string;
-        backgroundSecondaryDangerPress: string;
-        backgroundSecondaryDangerFocus: string;
-        backgroundSecondaryDangerKeyfocus: string;
-        backgroundSecondaryDangerDisabled: string;
-        fontOnSecondaryDanger: string;
-        onSecondaryDangerDisabled: string;
-        backgroundDangerDefault: string;
-        backgroundDangerHover: string;
-        backgroundDangerPress: string;
-        backgroundDangerFocus: string;
-        backgroundDangerKeyfocus: string;
-        backgroundDangerDisabled: string;
-        fontOnDanger: string;
-        fontOnDangerDisabled: string;
-        backgroundSuccessDefault: string;
-        backgroundSuccessHover: string;
-        backgroundSuccessPress: string;
-        backgroundSuccessFocus: string;
-        backgroundSuccessKeyfocus: string;
-        backgroundSuccessDisabled: string;
-        fontOnSuccess: string;
-        fontOnSuccessDisabled: string;
+        backgroundPrimaryDefault: "#095ad2";
+        backgroundPrimaryHover: "#10529e";
+        backgroundPrimaryPress: "#01336b";
+        backgroundPrimaryFocus: "#095ad2";
+        backgroundPrimaryKeyfocus: "#095ad2";
+        backgroundPrimaryDisabled: "#012247";
+        fontOnPrimary: "#ffffff";
+        fontOnPrimaryDisabled: "#6c727a";
+        backgroundSecondaryDefault: "#353b45";
+        backgroundSecondaryHover: "#404754";
+        backgroundSecondaryPress: "#4c5362";
+        backgroundSecondaryFocus: "#353b45";
+        backgroundSecondaryKeyfocus: "#353b45";
+        backgroundSecondaryDisabled: "#353b45";
+        fontOnSecondary: "#e4e7ea";
+        fontOnSecondaryDisabled: "#6c727a";
+        backgroundSecondaryDangerDefault: "#353b45";
+        backgroundSecondaryDangerHover: "#404754";
+        backgroundSecondaryDangerPress: "#4c5362";
+        backgroundSecondaryDangerFocus: "#353b45";
+        backgroundSecondaryDangerKeyfocus: "#353b45";
+        backgroundSecondaryDangerDisabled: "#353b45";
+        fontOnSecondaryDanger: "#ffc1c9";
+        onSecondaryDangerDisabled: "#6b0513";
+        backgroundDangerDefault: "#bb3e4e";
+        backgroundDangerHover: "#95323f";
+        backgroundDangerPress: "#822c37";
+        backgroundDangerFocus: "#bb3e4e";
+        backgroundDangerKeyfocus: "#bb3e4e";
+        backgroundDangerDisabled: "#3d2126";
+        fontOnDanger: "#ffffff";
+        fontOnDangerDisabled: "#757575";
+        backgroundSuccessDefault: "#1d7256";
+        backgroundSuccessHover: "#175943";
+        backgroundSuccessPress: "#134937";
+        backgroundSuccessFocus: "#1d7256";
+        backgroundSuccessKeyfocus: "#1d7256";
+        backgroundSuccessDisabled: "#1e4b40";
+        fontOnSuccess: "#ffffff";
+        fontOnSuccessDisabled: "#757575";
     } | {
-        backgroundPrimaryDefault: string;
-        backgroundPrimaryHover: string;
-        backgroundPrimaryPress: string;
-        backgroundPrimaryFocus: string;
-        backgroundPrimaryKeyfocus: string;
-        backgroundPrimaryDisabled: string;
-        fontOnPrimary: string;
-        fontOnPrimaryDisabled: string;
-        backgroundSecondaryDefault: string;
-        backgroundSecondaryHover: string;
-        backgroundSecondaryPress: string;
-        backgroundSecondaryFocus: string;
-        backgroundSecondaryKeyfocus: string;
-        backgroundSecondaryDisabled: string;
-        fontOnSecondary: string;
-        fontOnSecondaryDisabled: string;
-        backgroundSecondaryDangerDefault: string;
-        backgroundSecondaryDangerHover: string;
-        backgroundSecondaryDangerPress: string;
-        backgroundSecondaryDangerFocus: string;
-        backgroundSecondaryDangerKeyfocus: string;
-        backgroundSecondaryDangerDisabled: string;
-        fontOnSecondaryDanger: string;
-        onSecondaryDangerDisabled: string;
-        backgroundDangerDefault: string;
-        backgroundDangerHover: string;
-        backgroundDangerPress: string;
-        backgroundDangerFocus: string;
-        backgroundDangerKeyfocus: string;
-        backgroundDangerDisabled: string;
-        fontOnDanger: string;
-        fontOnDangerDisabled: string;
-        backgroundSuccessDefault: string;
-        backgroundSuccessHover: string;
-        backgroundSuccessPress: string;
-        backgroundSuccessFocus: string;
-        backgroundSuccessKeyfocus: string;
-        backgroundSuccessDisabled: string;
-        fontOnSuccess: string;
-        fontOnSuccessDisabled: string;
+        backgroundPrimaryDefault: "#156ff5";
+        backgroundPrimaryHover: "#095ad2";
+        backgroundPrimaryPress: "#10529e";
+        backgroundPrimaryFocus: "#156ff5";
+        backgroundPrimaryKeyfocus: "#156ff5";
+        backgroundPrimaryDisabled: "#d1ebfe";
+        fontOnPrimary: "#ffffff";
+        fontOnPrimaryDisabled: "#ffffff";
+        backgroundSecondaryDefault: "#e4e7ea";
+        backgroundSecondaryHover: "#cbced1";
+        backgroundSecondaryPress: "#9ea2a8";
+        backgroundSecondaryFocus: "#e4e7ea";
+        backgroundSecondaryKeyfocus: "#e4e7ea";
+        backgroundSecondaryDisabled: "#ebecef";
+        fontOnSecondary: "#1f2329";
+        fontOnSecondaryDisabled: "#cbced1";
+        backgroundSecondaryDangerDefault: "#e4e7ea";
+        backgroundSecondaryDangerHover: "#cbced1";
+        backgroundSecondaryDangerPress: "#9ea2a8";
+        backgroundSecondaryDangerFocus: "#e4e7ea";
+        backgroundSecondaryDangerKeyfocus: "#e4e7ea";
+        backgroundSecondaryDangerDisabled: "#ebecef";
+        fontOnSecondaryDanger: "#bb0b21";
+        onSecondaryDangerDisabled: "#f98f9d";
+        backgroundDangerDefault: "#ec0d2a";
+        backgroundDangerHover: "#d40c26";
+        backgroundDangerPress: "#bb0b21";
+        backgroundDangerFocus: "#ec0d2a";
+        backgroundDangerKeyfocus: "#ec0d2a";
+        backgroundDangerDisabled: "#ffc1c9";
+        fontOnDanger: "#ffffff";
+        fontOnDangerDisabled: "#ffffff";
+        backgroundSuccessDefault: "#148660";
+        backgroundSuccessHover: "#106d4f";
+        backgroundSuccessPress: "#0d5940";
+        backgroundSuccessFocus: "#148660";
+        backgroundSuccessKeyfocus: "#148660";
+        backgroundSuccessDisabled: "#c0f6e4";
+        fontOnSuccess: "#ffffff";
+        fontOnSuccessDisabled: "#ffffff";
     } | {
-        backgroundPrimaryDefault: string;
-        backgroundPrimaryHover: string;
-        backgroundPrimaryPress: string;
-        backgroundPrimaryFocus: string;
-        backgroundPrimaryKeyfocus: string;
-        backgroundPrimaryDisabled: string;
-        fontOnPrimary: string;
-        fontOnPrimaryDisabled: string;
-        backgroundSecondaryDefault: string;
-        backgroundSecondaryHover: string;
-        backgroundSecondaryPress: string;
-        backgroundSecondaryFocus: string;
-        backgroundSecondaryKeyfocus: string;
-        backgroundSecondaryDisabled: string;
-        fontOnSecondary: string;
-        fontOnSecondaryDisabled: string;
-        backgroundSecondaryDangerDefault: string;
-        backgroundSecondaryDangerHover: string;
-        backgroundSecondaryDangerPress: string;
-        backgroundSecondaryDangerFocus: string;
-        backgroundSecondaryDangerKeyfocus: string;
-        backgroundSecondaryDangerDisabled: string;
-        fontOnSecondaryDanger: string;
-        onSecondaryDangerDisabled: string;
-        backgroundDangerDefault: string;
-        backgroundDangerHover: string;
-        backgroundDangerPress: string;
-        backgroundDangerFocus: string;
-        backgroundDangerKeyfocus: string;
-        backgroundDangerDisabled: string;
-        fontOnDanger: string;
-        fontOnDangerDisabled: string;
-        backgroundSuccessDefault: string;
-        backgroundSuccessHover: string;
-        backgroundSuccessPress: string;
-        backgroundSuccessFocus: string;
-        backgroundSuccessKeyfocus: string;
-        backgroundSuccessDisabled: string;
-        fontOnSuccess: string;
-        fontOnSuccessDisabled: string;
+        backgroundPrimaryDefault: "#10529e";
+        backgroundPrimaryHover: "#01336b";
+        backgroundPrimaryPress: "#012247";
+        backgroundPrimaryFocus: "#10529e";
+        backgroundPrimaryKeyfocus: "#10529e";
+        backgroundPrimaryDisabled: "#d1ebfe";
+        fontOnPrimary: "#ffffff";
+        fontOnPrimaryDisabled: "#ffffff";
+        backgroundSecondaryDefault: "#e4e7ea";
+        backgroundSecondaryHover: "#cbced1";
+        backgroundSecondaryPress: "#9ea2a8";
+        backgroundSecondaryFocus: "#e4e7ea";
+        backgroundSecondaryKeyfocus: "#e4e7ea";
+        backgroundSecondaryDisabled: "#ebecef";
+        fontOnSecondary: "#1f2329";
+        fontOnSecondaryDisabled: "#cbced1";
+        backgroundSecondaryDangerDefault: "#e4e7ea";
+        backgroundSecondaryDangerHover: "#cbced1";
+        backgroundSecondaryDangerPress: "#9ea2a8";
+        backgroundSecondaryDangerFocus: "#e4e7ea";
+        backgroundSecondaryDangerKeyfocus: "#e4e7ea";
+        backgroundSecondaryDangerDisabled: "#ebecef";
+        fontOnSecondaryDanger: "#8b0719";
+        onSecondaryDangerDisabled: "#f98f9d";
+        backgroundDangerDefault: "#9b1325";
+        backgroundDangerHover: "#8b0719";
+        backgroundDangerPress: "#8b0719";
+        backgroundDangerFocus: "#9b1325";
+        backgroundDangerKeyfocus: "#9b1325";
+        backgroundDangerDisabled: "#ffc1c9";
+        fontOnDanger: "#ffffff";
+        fontOnDangerDisabled: "#ffffff";
+        backgroundSuccessDefault: "#2de0a5";
+        backgroundSuccessHover: "#1ecb92";
+        backgroundSuccessPress: "#19ac7c";
+        backgroundSuccessFocus: "#2de0a5";
+        backgroundSuccessKeyfocus: "#2de0a5";
+        backgroundSuccessDisabled: "#c0f6e4";
+        fontOnSuccess: "#1f2329";
+        fontOnSuccessDisabled: "#ffffff";
     };
     font: {
-        white: string;
-        disabled: string;
-        annotation: string;
-        hint: string;
-        secondaryInfo: string;
-        default: string;
-        titlesLabels: string;
-        info: string;
-        danger: string;
-        pureWhite: string;
-        pureBlack: string;
+        white: "#ffffff";
+        disabled: "#cbced1";
+        annotation: "#9ea2a8";
+        hint: "#6c737a";
+        secondaryInfo: "#6c737a";
+        default: "#2f343d";
+        titlesLabels: "#1f2329";
+        info: "#095ad2";
+        danger: "#d40c26";
+        pureWhite: "#ffffff";
+        pureBlack: "#2f343d";
     } | {
-        white: string;
-        disabled: string;
-        annotation: string;
-        hint: string;
-        secondaryInfo: string;
-        default: string;
-        titlesLabels: string;
-        info: string;
-        danger: string;
-        pureWhite: string;
-        pureBlack: string;
+        white: "#2f343d";
+        disabled: "#60646c";
+        annotation: "#9ea2a8";
+        hint: "#9ea2a8";
+        secondaryInfo: "#9ea2a8";
+        default: "#c1c7d0";
+        titlesLabels: "#f2f3f5";
+        info: "#739ede";
+        danger: "#d88892";
+        pureWhite: "#ffffff";
+        pureBlack: "#1f2329";
     } | {
-        white: string;
-        disabled: string;
-        annotation: string;
-        hint: string;
-        secondaryInfo: string;
-        default: string;
-        titlesLabels: string;
-        info: string;
-        danger: string;
-        pureWhite: string;
-        pureBlack: string;
+        white: "#ffffff";
+        disabled: "#cbced1";
+        annotation: "#1f2329";
+        hint: "#1f2329";
+        secondaryInfo: "#1f2329";
+        default: "#1f2329";
+        titlesLabels: "#1f2329";
+        info: "#01336b";
+        danger: "#9b1325";
+        pureWhite: "#ffffff";
+        pureBlack: "#1f2329";
     };
     shadow: {
-        highlight: string;
-        danger: string;
-        "elevation-border": string;
-        "elevation-1": string;
-        "elevation-2x": string;
-        "elevation-2y": string;
+        highlight: "#d1ebfe";
+        danger: "#ffe9ec";
+        "elevation-border": "#ebecef";
+        "elevation-1": "#2f343d1a";
+        "elevation-2x": "#2f343d14";
+        "elevation-2y": "#2f343d1f";
     } | {
-        highlight: string;
-        danger: string;
-        "elevation-border": string;
-        "elevation-1": string;
-        "elevation-2x": string;
-        "elevation-2y": string;
+        highlight: "#d1ebfe";
+        danger: "#ffe9ec";
+        "elevation-border": "#2f343d";
+        "elevation-1": "#09090959";
+        "elevation-2x": "#0909094d";
+        "elevation-2y": "#09090973";
     } | {
-        highlight: string;
-        danger: string;
-        "elevation-border": string;
-        "elevation-1": string;
-        "elevation-2x": string;
-        "elevation-2y": string;
+        highlight: "#d1ebfe";
+        danger: "#ffe9ec";
+        "elevation-border": "#ebecef";
+        "elevation-1": "#2f343d1a";
+        "elevation-2x": "#2f343d14";
+        "elevation-2y": "#2f343d1f";
     };
     status: {
-        info: string;
-        "font-on-info": string;
-        success: string;
-        "font-on-success": string;
-        danger: string;
-        "font-on-danger": string;
-        warning: string;
-        "font-on-warning": string;
-        "warning-2": string;
-        "font-on-warning-2": string;
-        "service-1": string;
-        "font-on-service-1": string;
-        "service-2": string;
-        "font-on-service-2": string;
-        "service-3": string;
-        "font-on-service-3": string;
+        info: "#d1ebfe";
+        "font-on-info": "#095ad2";
+        success: "#c0f6e4";
+        "font-on-success": "#148660";
+        danger: "#ffc1c9";
+        "font-on-danger": "#9b1325";
+        warning: "#ffecad";
+        "font-on-warning": "#8e6300";
+        "warning-2": "#fff8e0";
+        "font-on-warning-2": "#2f343d";
+        "service-1": "#fad1b0";
+        "font-on-service-1": "#974809";
+        "service-2": "#edd0f7";
+        "font-on-service-2": "#7f1b9f";
+        "service-3": "#5f1477";
+        "font-on-service-3": "#ffffff";
     } | {
-        info: string;
-        "font-on-info": string;
-        success: string;
-        "font-on-success": string;
-        danger: string;
-        "font-on-danger": string;
-        warning: string;
-        "font-on-warning": string;
-        "warning-2": string;
-        "font-on-warning-2": string;
-        "service-1": string;
-        "font-on-service-1": string;
-        "service-2": string;
-        "font-on-service-2": string;
-        "service-3": string;
-        "font-on-service-3": string;
+        info: "#a8c3eb";
+        "font-on-info": "#739ede";
+        success: "#c1ebdd";
+        "font-on-success": "#58ad90";
+        danger: "#f7cfd4";
+        "font-on-danger": "#d88892";
+        warning: "#feefbe";
+        "font-on-warning": "#c7aa66";
+        "warning-2": "#3c3625";
+        "font-on-warning-2": "#ffffff";
+        "service-1": "#fce3cf";
+        "font-on-service-1": "#ca9163";
+        "service-2": "#edd0f7";
+        "font-on-service-2": "#c393d2";
+        "service-3": "#5f1477";
+        "font-on-service-3": "#ffffff";
     } | {
-        info: string;
-        "font-on-info": string;
-        success: string;
-        "font-on-success": string;
-        danger: string;
-        "font-on-danger": string;
-        warning: string;
-        "font-on-warning": string;
-        "warning-2": string;
-        "font-on-warning-2": string;
-        "service-1": string;
-        "font-on-service-1": string;
-        "service-2": string;
-        "font-on-service-2": string;
-        "service-3": string;
-        "font-on-service-3": string;
+        info: "#d1ebfe";
+        "font-on-info": "#10529e";
+        success: "#c0f6e4";
+        "font-on-success": "#0d5940";
+        danger: "#ffc1c9";
+        "font-on-danger": "#6b0513";
+        warning: "#ffecad";
+        "font-on-warning": "#573d00";
+        "warning-2": "#fff8e0";
+        "font-on-warning-2": "#2f343d";
+        "service-1": "#fad1b0";
+        "font-on-service-1": "#5b2c06";
+        "service-2": "#edd0f7";
+        "font-on-service-2": "#7f1b9f";
+        "service-3": "#5f1477";
+        "font-on-service-3": "#ffffff";
     };
     statusBullet: {
-        online: string;
-        away: string;
-        busy: string;
-        disabled: string;
-        offline: string;
-        loading: string;
+        online: "#1cbf89";
+        away: "#b08c30";
+        busy: "#c75765";
+        disabled: "#cc7f42";
+        offline: "#8b9098";
+        loading: "#8b9098";
     } | {
-        online: string;
-        away: string;
-        busy: string;
-        disabled: string;
-        offline: string;
-        loading: string;
+        online: "#148660";
+        away: "#ac892f";
+        busy: "#d40c26";
+        disabled: "#f38c39";
+        offline: "#6c737a";
+        loading: "#6c737a";
     } | {
-        online: string;
-        away: string;
-        busy: string;
-        disabled: string;
-        offline: string;
-        loading: string;
+        online: "#0d5940";
+        away: "#ac892f";
+        busy: "#6b0513";
+        disabled: "#bd5a0b";
+        offline: "#1f2329";
+        loading: "#1f2329";
     };
     stroke: {
-        extraLight: string;
-        light: string;
-        medium: string;
-        dark: string;
-        extraDark: string;
-        extraLightHighlight: string;
-        highlight: string;
-        extraLightError: string;
-        error: string;
+        extraLight: "#ebecef";
+        light: "#cbced1";
+        medium: "#9ea2a8";
+        dark: "#6c737a";
+        extraDark: "#2f343d";
+        extraLightHighlight: "#d1ebfe";
+        highlight: "#156ff5";
+        extraLightError: "#ffc1c9";
+        error: "#ec0d2a";
     } | {
-        extraLight: string;
-        light: string;
-        medium: string;
-        dark: string;
-        extraDark: string;
-        extraLightHighlight: string;
-        highlight: string;
-        extraLightError: string;
-        error: string;
+        extraLight: "#333842";
+        light: "#404754";
+        medium: "#4b5362";
+        dark: "#9ea2a8";
+        extraDark: "#cbced1";
+        extraLightHighlight: "#d1ebfe";
+        highlight: "#6292da";
+        extraLightError: "#f49aa6";
+        error: "#bb3e4e";
     } | {
-        extraLight: string;
-        light: string;
-        medium: string;
-        dark: string;
-        extraDark: string;
-        extraLightHighlight: string;
-        highlight: string;
-        extraLightError: string;
-        error: string;
+        extraLight: "#ebecef";
+        light: "#cbced1";
+        medium: "#9ea2a8";
+        dark: "#6c737a";
+        extraDark: "#2f343d";
+        extraLightHighlight: "#d1ebfe";
+        highlight: "#156ff5";
+        extraLightError: "#ffc1c9";
+        error: "#ec0d2a";
     };
     surface: {
-        light: string;
-        tint: string;
-        room: string;
-        neutral: string;
-        disabled: string;
-        hover: string;
-        selected: string;
-        dark: string;
-        featured: string;
-        featuredHover: string;
-        sidebar: string;
-        overlay: string;
+        light: "#ffffff";
+        tint: "#f7f8fa";
+        room: "#ffffff";
+        neutral: "#e4e7ea";
+        disabled: "#f7f8fa";
+        hover: "#f2f3f5";
+        selected: "#d7dbe0";
+        dark: "#1f2329";
+        featured: "#5f1477";
+        featuredHover: "#4a105d";
+        sidebar: "#e4e7ea";
+        overlay: "#2f343d80";
     } | {
-        light: string;
-        tint: string;
-        room: string;
-        neutral: string;
-        disabled: string;
-        hover: string;
-        selected: string;
-        dark: string;
-        featured: string;
-        featuredHover: string;
-        sidebar: string;
-        overlay: string;
+        light: "#262931";
+        tint: "#1f2329";
+        room: "#1f2329";
+        neutral: "#2d3039";
+        disabled: "#24272e";
+        hover: "#1a1e23";
+        selected: "#4c5362";
+        dark: "#e4e7ea";
+        featured: "#5f1477";
+        featuredHover: "#4a105d";
+        sidebar: "#2f343d";
+        overlay: "#00000099";
     } | {
-        light: string;
-        tint: string;
-        room: string;
-        neutral: string;
-        disabled: string;
-        hover: string;
-        selected: string;
-        dark: string;
-        featured: string;
-        featuredHover: string;
-        sidebar: string;
-        overlay: string;
+        light: "#ffffff";
+        tint: "#f7f8fa";
+        room: "#ffffff";
+        neutral: "#e4e7ea";
+        disabled: "#f7f8fa";
+        hover: "#f2f3f5";
+        selected: "#d7dbe0";
+        dark: "#1f2329";
+        featured: "#5f1477";
+        featuredHover: "#4a105d";
+        sidebar: "#e4e7ea";
+        overlay: "#2f343d80";
     };
 };
 export declare const getThemePalette: (theme: Themes) => {