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

package/dist/Input/Input.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { CSS } from '@stitches/react';
 export declare const Input: import("@stitches/react/types/styled-component").StyledComponent<"input", {
-    error?: boolean | "true" | undefined;
+    alert_error_default?: boolean | "true" | undefined;
 }, {
     allowMotion: string;
     sm: string;
@@ -20,75 +20,37 @@ export declare const Input: 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;
@@ -498,75 +460,37 @@ export declare const PasswordInput: {
         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;
@@ -983,75 +907,37 @@ export declare const PasswordInput: {
             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;
@@ -1445,8 +1331,8 @@ export declare const PasswordInput: {
     }>, "ref"> & React.RefAttributes<HTMLDivElement>>;
     Input: React.FC<Omit<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
         ref?: ((instance: HTMLInputElement | null) => void) | React.RefObject<HTMLInputElement> | null | undefined;
-    }, "error" | "css"> & import("@stitches/react/types/styled-component").TransformProps<{
-        error?: boolean | "true" | undefined;
+    }, "alert_error_default" | "css"> & import("@stitches/react/types/styled-component").TransformProps<{
+        alert_error_default?: boolean | "true" | undefined;
     }, {
         allowMotion: string;
         sm: string;
@@ -1466,75 +1352,37 @@ export declare const PasswordInput: {
             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;
@@ -1960,75 +1808,37 @@ export declare const PasswordInput: {
             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;
@@ -2454,75 +2264,37 @@ export declare const PasswordInput: {
             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;