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

package/dist/Dropdown/Dropdown.d.ts

@@ -18,75 +18,37 @@ export declare const Dropdown: {
         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;
@@ -495,75 +457,37 @@ export declare const Dropdown: {
         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;
@@ -972,75 +896,37 @@ export declare const Dropdown: {
         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;
@@ -1449,75 +1335,37 @@ export declare const Dropdown: {
         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 @@ export declare const Dropdown: {
         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;
@@ -2404,75 +2214,37 @@ export declare const Dropdown: {
         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;
@@ -2881,75 +2653,37 @@ export declare const Dropdown: {
         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;
@@ -3358,75 +3092,37 @@ export declare const Dropdown: {
         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;
@@ -3835,75 +3531,37 @@ export declare const Dropdown: {
         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;
@@ -4312,75 +3970,37 @@ export declare const Dropdown: {
         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;
@@ -4789,75 +4409,37 @@ export declare const Dropdown: {
         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;
@@ -5266,75 +4848,37 @@ export declare const Dropdown: {
         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;