@100mslive/roomkit-react 0.1.1 → 0.1.2-alpha.1

package/dist/VideoTile/StyledVideoTile.d.ts

@@ -16,75 +16,37 @@ export declare const Root: import("@stitches/react/types/styled-component").Styl
     ls: string;
 }, {
     colors: {
-        bgPrimary: string;
-        bgSecondary: string;
-        bgTertiary: string;
-        surfaceLight: string;
-        surfaceLighter: string;
-        textPrimary: string;
-        textSecondary: string;
-        textDisabled: string;
-        textInvert: string;
-        textHighEmp: string;
-        textMedEmp: string;
-        iconBtn: string;
-        iconHoverBg: string;
-        transparentBg: string;
-        mainBg: string;
-        tileBg: string;
-        secondaryDisabled: string;
-        previewBg: string;
-        statsBg: string;
-        menuBg: string;
-        inputBg: string;
-        toastBg: string;
-        borderDefault: string;
-        backgroundDefault: string;
-        borderLighter: string;
-        white: string;
-        black: string;
-        transparent: string;
-        orange: string;
-        cyan: string;
-        tamarind: string;
-        yellow: string;
-        twinYellow: string;
-        green: string;
-        darkgreen: string;
-        purple: string;
-        borderLight: string;
-        borderAccent: string;
-        success: string;
-        error: string;
-        errorTint: string;
-        warning: string;
-        brandLight: string;
-        brandDefault: string;
-        brandDark: string;
-        brandDisabled: string;
-        grayLight: string;
-        grayDefault: string;
-        grayDark: string;
-        secondaryGray: string;
-        grayDisabled: string;
-        textAccentHigh: string;
-        textAccentMedium: string;
-        textAccentDisabled: string;
-        surfaceDefault: string;
-        surfaceDark: string;
-        backgroundDark: string;
-        backgroundDarker: string;
-        primaryLight: string;
-        primaryDefault: string;
-        primaryDark: string;
-        primaryDisabled: string;
-        secondaryLight: string;
-        secondaryDefault: string;
-        secondaryDark: string;
-        errorDefault: string;
-        errorLight: string;
-        errorDark: string;
-        errorDisabled: string;
+        primary_default: string;
+        primary_bright: string;
+        primary_dim: string;
+        primary_disabled: string;
+        on_primary_high: string;
+        on_primary_medium: string;
+        on_primary_low: string;
+        secondary_default: string;
+        secondary_bright: string;
+        secondary_dim: string;
+        secondary_disabled: string;
+        on_secondary_high: string;
+        on_secondary_medium: string;
+        on_secondary_low: string;
+        background_default: string;
+        background_dim: string;
+        surface_default: string;
+        surface_bright: string;
+        surface_brighter: string;
+        surface_dim: string;
+        on_surface_high: string;
+        on_surface_medium: string;
+        on_surface_low: string;
+        border_default: string;
+        border_bright: string;
+        alert_success: string;
+        alert_warning: string;
+        alert_error_default: string;
+        alert_error_bright: string;
+        alert_error_brighter: string;
+        alert_error_dim: string;
     };
     shadows: {
         sm: string;
@@ -496,75 +458,37 @@ declare const Container: import("@stitches/react/types/styled-component").Styled
     ls: string;
 }, {
     colors: {
-        bgPrimary: string;
-        bgSecondary: string;
-        bgTertiary: string;
-        surfaceLight: string;
-        surfaceLighter: string;
-        textPrimary: string;
-        textSecondary: string;
-        textDisabled: string;
-        textInvert: string;
-        textHighEmp: string;
-        textMedEmp: string;
-        iconBtn: string;
-        iconHoverBg: string;
-        transparentBg: string;
-        mainBg: string;
-        tileBg: string;
-        secondaryDisabled: string;
-        previewBg: string;
-        statsBg: string;
-        menuBg: string;
-        inputBg: string;
-        toastBg: string;
-        borderDefault: string;
-        backgroundDefault: string;
-        borderLighter: string;
-        white: string;
-        black: string;
-        transparent: string;
-        orange: string;
-        cyan: string;
-        tamarind: string;
-        yellow: string;
-        twinYellow: string;
-        green: string;
-        darkgreen: string;
-        purple: string;
-        borderLight: string;
-        borderAccent: string;
-        success: string;
-        error: string;
-        errorTint: string;
-        warning: string;
-        brandLight: string;
-        brandDefault: string;
-        brandDark: string;
-        brandDisabled: string;
-        grayLight: string;
-        grayDefault: string;
-        grayDark: string;
-        secondaryGray: string;
-        grayDisabled: string;
-        textAccentHigh: string;
-        textAccentMedium: string;
-        textAccentDisabled: string;
-        surfaceDefault: string;
-        surfaceDark: string;
-        backgroundDark: string;
-        backgroundDarker: string;
-        primaryLight: string;
-        primaryDefault: string;
-        primaryDark: string;
-        primaryDisabled: string;
-        secondaryLight: string;
-        secondaryDefault: string;
-        secondaryDark: string;
-        errorDefault: string;
-        errorLight: string;
-        errorDark: string;
-        errorDisabled: string;
+        primary_default: string;
+        primary_bright: string;
+        primary_dim: string;
+        primary_disabled: string;
+        on_primary_high: string;
+        on_primary_medium: string;
+        on_primary_low: string;
+        secondary_default: string;
+        secondary_bright: string;
+        secondary_dim: string;
+        secondary_disabled: string;
+        on_secondary_high: string;
+        on_secondary_medium: string;
+        on_secondary_low: string;
+        background_default: string;
+        background_dim: string;
+        surface_default: string;
+        surface_bright: string;
+        surface_brighter: string;
+        surface_dim: string;
+        on_surface_high: string;
+        on_surface_medium: string;
+        on_surface_low: string;
+        border_default: string;
+        border_bright: string;
+        alert_success: string;
+        alert_warning: string;
+        alert_error_default: string;
+        alert_error_bright: string;
+        alert_error_brighter: string;
+        alert_error_dim: string;
     };
     shadows: {
         sm: string;
@@ -973,75 +897,37 @@ declare const Overlay: import("@stitches/react/types/styled-component").StyledCo
     ls: string;
 }, {
     colors: {
-        bgPrimary: string;
-        bgSecondary: string;
-        bgTertiary: string;
-        surfaceLight: string;
-        surfaceLighter: string;
-        textPrimary: string;
-        textSecondary: string;
-        textDisabled: string;
-        textInvert: string;
-        textHighEmp: string;
-        textMedEmp: string;
-        iconBtn: string;
-        iconHoverBg: string;
-        transparentBg: string;
-        mainBg: string;
-        tileBg: string;
-        secondaryDisabled: string;
-        previewBg: string;
-        statsBg: string;
-        menuBg: string;
-        inputBg: string;
-        toastBg: string;
-        borderDefault: string;
-        backgroundDefault: string;
-        borderLighter: string;
-        white: string;
-        black: string;
-        transparent: string;
-        orange: string;
-        cyan: string;
-        tamarind: string;
-        yellow: string;
-        twinYellow: string;
-        green: string;
-        darkgreen: string;
-        purple: string;
-        borderLight: string;
-        borderAccent: string;
-        success: string;
-        error: string;
-        errorTint: string;
-        warning: string;
-        brandLight: string;
-        brandDefault: string;
-        brandDark: string;
-        brandDisabled: string;
-        grayLight: string;
-        grayDefault: string;
-        grayDark: string;
-        secondaryGray: string;
-        grayDisabled: string;
-        textAccentHigh: string;
-        textAccentMedium: string;
-        textAccentDisabled: string;
-        surfaceDefault: string;
-        surfaceDark: string;
-        backgroundDark: string;
-        backgroundDarker: string;
-        primaryLight: string;
-        primaryDefault: string;
-        primaryDark: string;
-        primaryDisabled: string;
-        secondaryLight: string;
-        secondaryDefault: string;
-        secondaryDark: string;
-        errorDefault: string;
-        errorLight: string;
-        errorDark: string;
-        errorDisabled: string;
+        primary_default: string;
+        primary_bright: string;
+        primary_dim: string;
+        primary_disabled: string;
+        on_primary_high: string;
+        on_primary_medium: string;
+        on_primary_low: string;
+        secondary_default: string;
+        secondary_bright: string;
+        secondary_dim: string;
+        secondary_disabled: string;
+        on_secondary_high: string;
+        on_secondary_medium: string;
+        on_secondary_low: string;
+        background_default: string;
+        background_dim: string;
+        surface_default: string;
+        surface_bright: string;
+        surface_brighter: string;
+        surface_dim: string;
+        on_surface_high: string;
+        on_surface_medium: string;
+        on_surface_low: string;
+        border_default: string;
+        border_bright: string;
+        alert_success: string;
+        alert_warning: string;
+        alert_error_default: string;
+        alert_error_bright: string;
+        alert_error_brighter: string;
+        alert_error_dim: string;
     };
     shadows: {
         sm: string;
@@ -1450,75 +1336,37 @@ declare const Info: import("@stitches/react/types/styled-component").StyledCompo
     ls: string;
 }, {
     colors: {
-        bgPrimary: string;
-        bgSecondary: string;
-        bgTertiary: string;
-        surfaceLight: string;
-        surfaceLighter: string;
-        textPrimary: string;
-        textSecondary: string;
-        textDisabled: string;
-        textInvert: string;
-        textHighEmp: string;
-        textMedEmp: string;
-        iconBtn: string;
-        iconHoverBg: string;
-        transparentBg: string;
-        mainBg: string;
-        tileBg: string;
-        secondaryDisabled: string;
-        previewBg: string;
-        statsBg: string;
-        menuBg: string;
-        inputBg: string;
-        toastBg: string;
-        borderDefault: string;
-        backgroundDefault: string;
-        borderLighter: string;
-        white: string;
-        black: string;
-        transparent: string;
-        orange: string;
-        cyan: string;
-        tamarind: string;
-        yellow: string;
-        twinYellow: string;
-        green: string;
-        darkgreen: string;
-        purple: string;
-        borderLight: string;
-        borderAccent: string;
-        success: string;
-        error: string;
-        errorTint: string;
-        warning: string;
-        brandLight: string;
-        brandDefault: string;
-        brandDark: string;
-        brandDisabled: string;
-        grayLight: string;
-        grayDefault: string;
-        grayDark: string;
-        secondaryGray: string;
-        grayDisabled: string;
-        textAccentHigh: string;
-        textAccentMedium: string;
-        textAccentDisabled: string;
-        surfaceDefault: string;
-        surfaceDark: string;
-        backgroundDark: string;
-        backgroundDarker: string;
-        primaryLight: string;
-        primaryDefault: string;
-        primaryDark: string;
-        primaryDisabled: string;
-        secondaryLight: string;
-        secondaryDefault: string;
-        secondaryDark: string;
-        errorDefault: string;
-        errorLight: string;
-        errorDark: string;
-        errorDisabled: string;
+        primary_default: string;
+        primary_bright: string;
+        primary_dim: string;
+        primary_disabled: string;
+        on_primary_high: string;
+        on_primary_medium: string;
+        on_primary_low: string;
+        secondary_default: string;
+        secondary_bright: string;
+        secondary_dim: string;
+        secondary_disabled: string;
+        on_secondary_high: string;
+        on_secondary_medium: string;
+        on_secondary_low: string;
+        background_default: string;
+        background_dim: string;
+        surface_default: string;
+        surface_bright: string;
+        surface_brighter: string;
+        surface_dim: string;
+        on_surface_high: string;
+        on_surface_medium: string;
+        on_surface_low: string;
+        border_default: string;
+        border_bright: string;
+        alert_success: string;
+        alert_warning: string;
+        alert_error_default: string;
+        alert_error_bright: string;
+        alert_error_brighter: string;
+        alert_error_dim: string;
     };
     shadows: {
         sm: string;
@@ -1927,75 +1775,37 @@ declare const AttributeBox: import("@stitches/react/types/styled-component").Sty
     ls: string;
 }, {
     colors: {
-        bgPrimary: string;
-        bgSecondary: string;
-        bgTertiary: string;
-        surfaceLight: string;
-        surfaceLighter: string;
-        textPrimary: string;
-        textSecondary: string;
-        textDisabled: string;
-        textInvert: string;
-        textHighEmp: string;
-        textMedEmp: string;
-        iconBtn: string;
-        iconHoverBg: string;
-        transparentBg: string;
-        mainBg: string;
-        tileBg: string;
-        secondaryDisabled: string;
-        previewBg: string;
-        statsBg: string;
-        menuBg: string;
-        inputBg: string;
-        toastBg: string;
-        borderDefault: string;
-        backgroundDefault: string;
-        borderLighter: string;
-        white: string;
-        black: string;
-        transparent: string;
-        orange: string;
-        cyan: string;
-        tamarind: string;
-        yellow: string;
-        twinYellow: string;
-        green: string;
-        darkgreen: string;
-        purple: string;
-        borderLight: string;
-        borderAccent: string;
-        success: string;
-        error: string;
-        errorTint: string;
-        warning: string;
-        brandLight: string;
-        brandDefault: string;
-        brandDark: string;
-        brandDisabled: string;
-        grayLight: string;
-        grayDefault: string;
-        grayDark: string;
-        secondaryGray: string;
-        grayDisabled: string;
-        textAccentHigh: string;
-        textAccentMedium: string;
-        textAccentDisabled: string;
-        surfaceDefault: string;
-        surfaceDark: string;
-        backgroundDark: string;
-        backgroundDarker: string;
-        primaryLight: string;
-        primaryDefault: string;
-        primaryDark: string;
-        primaryDisabled: string;
-        secondaryLight: string;
-        secondaryDefault: string;
-        secondaryDark: string;
-        errorDefault: string;
-        errorLight: string;
-        errorDark: string;
-        errorDisabled: string;
+        primary_default: string;
+        primary_bright: string;
+        primary_dim: string;
+        primary_disabled: string;
+        on_primary_high: string;
+        on_primary_medium: string;
+        on_primary_low: string;
+        secondary_default: string;
+        secondary_bright: string;
+        secondary_dim: string;
+        secondary_disabled: string;
+        on_secondary_high: string;
+        on_secondary_medium: string;
+        on_secondary_low: string;
+        background_default: string;
+        background_dim: string;
+        surface_default: string;
+        surface_bright: string;
+        surface_brighter: string;
+        surface_dim: string;
+        on_surface_high: string;
+        on_surface_medium: string;
+        on_surface_low: string;
+        border_default: string;
+        border_bright: string;
+        alert_success: string;
+        alert_warning: string;
+        alert_error_default: string;
+        alert_error_bright: string;
+        alert_error_brighter: string;
+        alert_error_dim: string;
     };
     shadows: {
         sm: string;
@@ -2406,75 +2216,37 @@ declare const AudioIndicator: import("@stitches/react/types/styled-component").S
     ls: string;
 }, {
     colors: {
-        bgPrimary: string;
-        bgSecondary: string;
-        bgTertiary: string;
-        surfaceLight: string;
-        surfaceLighter: string;
-        textPrimary: string;
-        textSecondary: string;
-        textDisabled: string;
-        textInvert: string;
-        textHighEmp: string;
-        textMedEmp: string;
-        iconBtn: string;
-        iconHoverBg: string;
-        transparentBg: string;
-        mainBg: string;
-        tileBg: string;
-        secondaryDisabled: string;
-        previewBg: string;
-        statsBg: string;
-        menuBg: string;
-        inputBg: string;
-        toastBg: string;
-        borderDefault: string;
-        backgroundDefault: string;
-        borderLighter: string;
-        white: string;
-        black: string;
-        transparent: string;
-        orange: string;
-        cyan: string;
-        tamarind: string;
-        yellow: string;
-        twinYellow: string;
-        green: string;
-        darkgreen: string;
-        purple: string;
-        borderLight: string;
-        borderAccent: string;
-        success: string;
-        error: string;
-        errorTint: string;
-        warning: string;
-        brandLight: string;
-        brandDefault: string;
-        brandDark: string;
-        brandDisabled: string;
-        grayLight: string;
-        grayDefault: string;
-        grayDark: string;
-        secondaryGray: string;
-        grayDisabled: string;
-        textAccentHigh: string;
-        textAccentMedium: string;
-        textAccentDisabled: string;
-        surfaceDefault: string;
-        surfaceDark: string;
-        backgroundDark: string;
-        backgroundDarker: string;
-        primaryLight: string;
-        primaryDefault: string;
-        primaryDark: string;
-        primaryDisabled: string;
-        secondaryLight: string;
-        secondaryDefault: string;
-        secondaryDark: string;
-        errorDefault: string;
-        errorLight: string;
-        errorDark: string;
-        errorDisabled: string;
+        primary_default: string;
+        primary_bright: string;
+        primary_dim: string;
+        primary_disabled: string;
+        on_primary_high: string;
+        on_primary_medium: string;
+        on_primary_low: string;
+        secondary_default: string;
+        secondary_bright: string;
+        secondary_dim: string;
+        secondary_disabled: string;
+        on_secondary_high: string;
+        on_secondary_medium: string;
+        on_secondary_low: string;
+        background_default: string;
+        background_dim: string;
+        surface_default: string;
+        surface_bright: string;
+        surface_brighter: string;
+        surface_dim: string;
+        on_surface_high: string;
+        on_surface_medium: string;
+        on_surface_low: string;
+        border_default: string;
+        border_bright: string;
+        alert_success: string;
+        alert_warning: string;
+        alert_error_default: string;
+        alert_error_bright: string;
+        alert_error_brighter: string;
+        alert_error_dim: string;
     };
     shadows: {
         sm: string;
@@ -2883,75 +2655,37 @@ declare const FullScreenButton: import("@stitches/react/types/styled-component")
     ls: string;
 }, {
     colors: {
-        bgPrimary: string;
-        bgSecondary: string;
-        bgTertiary: string;
-        surfaceLight: string;
-        surfaceLighter: string;
-        textPrimary: string;
-        textSecondary: string;
-        textDisabled: string;
-        textInvert: string;
-        textHighEmp: string;
-        textMedEmp: string;
-        iconBtn: string;
-        iconHoverBg: string;
-        transparentBg: string;
-        mainBg: string;
-        tileBg: string;
-        secondaryDisabled: string;
-        previewBg: string;
-        statsBg: string;
-        menuBg: string;
-        inputBg: string;
-        toastBg: string;
-        borderDefault: string;
-        backgroundDefault: string;
-        borderLighter: string;
-        white: string;
-        black: string;
-        transparent: string;
-        orange: string;
-        cyan: string;
-        tamarind: string;
-        yellow: string;
-        twinYellow: string;
-        green: string;
-        darkgreen: string;
-        purple: string;
-        borderLight: string;
-        borderAccent: string;
-        success: string;
-        error: string;
-        errorTint: string;
-        warning: string;
-        brandLight: string;
-        brandDefault: string;
-        brandDark: string;
-        brandDisabled: string;
-        grayLight: string;
-        grayDefault: string;
-        grayDark: string;
-        secondaryGray: string;
-        grayDisabled: string;
-        textAccentHigh: string;
-        textAccentMedium: string;
-        textAccentDisabled: string;
-        surfaceDefault: string;
-        surfaceDark: string;
-        backgroundDark: string;
-        backgroundDarker: string;
-        primaryLight: string;
-        primaryDefault: string;
-        primaryDark: string;
-        primaryDisabled: string;
-        secondaryLight: string;
-        secondaryDefault: string;
-        secondaryDark: string;
-        errorDefault: string;
-        errorLight: string;
-        errorDark: string;
-        errorDisabled: string;
+        primary_default: string;
+        primary_bright: string;
+        primary_dim: string;
+        primary_disabled: string;
+        on_primary_high: string;
+        on_primary_medium: string;
+        on_primary_low: string;
+        secondary_default: string;
+        secondary_bright: string;
+        secondary_dim: string;
+        secondary_disabled: string;
+        on_secondary_high: string;
+        on_secondary_medium: string;
+        on_secondary_low: string;
+        background_default: string;
+        background_dim: string;
+        surface_default: string;
+        surface_bright: string;
+        surface_brighter: string;
+        surface_dim: string;
+        on_surface_high: string;
+        on_surface_medium: string;
+        on_surface_low: string;
+        border_default: string;
+        border_bright: string;
+        alert_success: string;
+        alert_warning: string;
+        alert_error_default: string;
+        alert_error_bright: string;
+        alert_error_brighter: string;
+        alert_error_dim: string;
     };
     shadows: {
         sm: string;
@@ -3360,75 +3094,37 @@ declare const AvatarContainer: import("@stitches/react/types/styled-component").
     ls: string;
 }, {
     colors: {
-        bgPrimary: string;
-        bgSecondary: string;
-        bgTertiary: string;
-        surfaceLight: string;
-        surfaceLighter: string;
-        textPrimary: string;
-        textSecondary: string;
-        textDisabled: string;
-        textInvert: string;
-        textHighEmp: string;
-        textMedEmp: string;
-        iconBtn: string;
-        iconHoverBg: string;
-        transparentBg: string;
-        mainBg: string;
-        tileBg: string;
-        secondaryDisabled: string;
-        previewBg: string;
-        statsBg: string;
-        menuBg: string;
-        inputBg: string;
-        toastBg: string;
-        borderDefault: string;
-        backgroundDefault: string;
-        borderLighter: string;
-        white: string;
-        black: string;
-        transparent: string;
-        orange: string;
-        cyan: string;
-        tamarind: string;
-        yellow: string;
-        twinYellow: string;
-        green: string;
-        darkgreen: string;
-        purple: string;
-        borderLight: string;
-        borderAccent: string;
-        success: string;
-        error: string;
-        errorTint: string;
-        warning: string;
-        brandLight: string;
-        brandDefault: string;
-        brandDark: string;
-        brandDisabled: string;
-        grayLight: string;
-        grayDefault: string;
-        grayDark: string;
-        secondaryGray: string;
-        grayDisabled: string;
-        textAccentHigh: string;
-        textAccentMedium: string;
-        textAccentDisabled: string;
-        surfaceDefault: string;
-        surfaceDark: string;
-        backgroundDark: string;
-        backgroundDarker: string;
-        primaryLight: string;
-        primaryDefault: string;
-        primaryDark: string;
-        primaryDisabled: string;
-        secondaryLight: string;
-        secondaryDefault: string;
-        secondaryDark: string;
-        errorDefault: string;
-        errorLight: string;
-        errorDark: string;
-        errorDisabled: string;
+        primary_default: string;
+        primary_bright: string;
+        primary_dim: string;
+        primary_disabled: string;
+        on_primary_high: string;
+        on_primary_medium: string;
+        on_primary_low: string;
+        secondary_default: string;
+        secondary_bright: string;
+        secondary_dim: string;
+        secondary_disabled: string;
+        on_secondary_high: string;
+        on_secondary_medium: string;
+        on_secondary_low: string;
+        background_default: string;
+        background_dim: string;
+        surface_default: string;
+        surface_bright: string;
+        surface_brighter: string;
+        surface_dim: string;
+        on_surface_high: string;
+        on_surface_medium: string;
+        on_surface_low: string;
+        border_default: string;
+        border_bright: string;
+        alert_success: string;
+        alert_warning: string;
+        alert_error_default: string;
+        alert_error_bright: string;
+        alert_error_brighter: string;
+        alert_error_dim: string;
     };
     shadows: {
         sm: string;
@@ -3836,75 +3532,37 @@ declare const AvatarContainer: import("@stitches/react/types/styled-component").
     ls: string;
 }, {
     colors: {
-        bgPrimary: string;
-        bgSecondary: string;
-        bgTertiary: string;
-        surfaceLight: string;
-        surfaceLighter: string;
-        textPrimary: string;
-        textSecondary: string;
-        textDisabled: string;
-        textInvert: string;
-        textHighEmp: string;
-        textMedEmp: string;
-        iconBtn: string;
-        iconHoverBg: string;
-        transparentBg: string;
-        mainBg: string;
-        tileBg: string;
-        secondaryDisabled: string;
-        previewBg: string;
-        statsBg: string;
-        menuBg: string;
-        inputBg: string;
-        toastBg: string;
-        borderDefault: string;
-        backgroundDefault: string;
-        borderLighter: string;
-        white: string;
-        black: string;
-        transparent: string;
-        orange: string;
-        cyan: string;
-        tamarind: string;
-        yellow: string;
-        twinYellow: string;
-        green: string;
-        darkgreen: string;
-        purple: string;
-        borderLight: string;
-        borderAccent: string;
-        success: string;
-        error: string;
-        errorTint: string;
-        warning: string;
-        brandLight: string;
-        brandDefault: string;
-        brandDark: string;
-        brandDisabled: string;
-        grayLight: string;
-        grayDefault: string;
-        grayDark: string;
-        secondaryGray: string;
-        grayDisabled: string;
-        textAccentHigh: string;
-        textAccentMedium: string;
-        textAccentDisabled: string;
-        surfaceDefault: string;
-        surfaceDark: string;
-        backgroundDark: string;
-        backgroundDarker: string;
-        primaryLight: string;
-        primaryDefault: string;
-        primaryDark: string;
-        primaryDisabled: string;
-        secondaryLight: string;
-        secondaryDefault: string;
-        secondaryDark: string;
-        errorDefault: string;
-        errorLight: string;
-        errorDark: string;
-        errorDisabled: string;
+        primary_default: string;
+        primary_bright: string;
+        primary_dim: string;
+        primary_disabled: string;
+        on_primary_high: string;
+        on_primary_medium: string;
+        on_primary_low: string;
+        secondary_default: string;
+        secondary_bright: string;
+        secondary_dim: string;
+        secondary_disabled: string;
+        on_secondary_high: string;
+        on_secondary_medium: string;
+        on_secondary_low: string;
+        background_default: string;
+        background_dim: string;
+        surface_default: string;
+        surface_bright: string;
+        surface_brighter: string;
+        surface_dim: string;
+        on_surface_high: string;
+        on_surface_medium: string;
+        on_surface_low: string;
+        border_default: string;
+        border_bright: string;
+        alert_success: string;
+        alert_warning: string;
+        alert_error_default: string;
+        alert_error_bright: string;
+        alert_error_brighter: string;
+        alert_error_dim: string;
     };
     shadows: {
         sm: string;