ninchat-embed 1.0.6 → 2.0.0

package/dist/src/stitches/config.defaults.d.ts

@@ -1,16 +1,57 @@
 export declare const defaults: {
     theme: {
+        borderStyles: {
+            button: string;
+            buttonFilled: string;
+            buttonText: string;
+            modal: string;
+            input: string;
+            toast: string;
+            checkbox: string;
+            switch: string;
+            switchThumb: string;
+            chatCommandBar: string;
+            messageInfo: string;
+            messageSpeechBubbleDefault: string;
+            messageSpeechBubbleOther: string;
+            messageSpeechBubbleOperatorModerator: string;
+        };
         borderWidths: {
+            alert: string;
             avatar: string;
             avatarStatus: string;
-            button: string;
             card: string;
-            inputBorder: string;
+            button: string;
+            buttonFilled: string;
+            buttonText: string;
+            modal: string;
+            input: string;
+            toast: string;
+            checkbox: string;
+            switch: string;
+            switchThumb: string;
+            chatCommandBar: string;
+            messageInfo: string;
+            messageSpeechBubbleDefault: string;
+            messageSpeechBubbleOther: string;
+            messageSpeechBubbleOperatorModerator: string;
         };
         colors: {
             accountSettingsCardHeaderBorder: string;
             accountSettingsIcon: string;
             accountSettingsLightText: string;
+            alertBackgroundError: string;
+            alertBorderError: string;
+            alertIconError: string;
+            alertBackgroundInfo: string;
+            alertBorderInfo: string;
+            alertIconInfo: string;
+            alertBackgroundSuccess: string;
+            alertBorderSuccess: string;
+            alertIconSuccess: string;
+            alertBackgroundWarning: string;
+            alertBorderWarning: string;
+            alertIconWarning: string;
             assignQueuesLightText: string;
             audienceCommentChangeText: string;
             audienceCommentText: string;
@@ -26,15 +67,6 @@ export declare const defaults: {
             boostButtonBorder: string;
             boostVisitorText: string;
             breadcrumbText: string;
-            buttonBorderHover: string;
-            buttonFilledBackgroundFocus: string;
-            buttonFilledBackgroundHover: string;
-            buttonFilledBorderFocus: string;
-            buttonFilledBorderHover: string;
-            buttonFilledOutlineFocus: string;
-            buttonOutlineFocus: string;
-            buttonTextBackgroundFocus: string;
-            buttonTextBackgroundHover: string;
             cannedMessageBackgroundFocus: string;
             cannedMessageBackgroundHover: string;
             cannedMessageKeywordText: string;
@@ -42,15 +74,6 @@ export declare const defaults: {
             cannedMessageText: string;
             channelSidebarBackground: string;
             channelSidebarBorder: string;
-            checkboxBackground: string;
-            checkboxBackgroundChecked: string;
-            checkboxBackgroundHoverChecked: string;
-            checkboxBorder: string;
-            checkboxBorderChecked: string;
-            checkboxBorderHover: string;
-            checkboxDescription: string;
-            checkboxFocusOutline: string;
-            checkboxIcon: string;
             confirmation: string;
             confirmationBorder: string;
             datePickerActive: string;
@@ -72,11 +95,8 @@ export declare const defaults: {
             hrBorder: string;
             hrBorderLight: string;
             icon: string;
-            inputBackground: string;
-            inputBorderFocus: string;
-            inputBorderHover: string;
-            inputBorderInvalid: string;
-            inputRangeThumbOutlineFocus: string;
+            info: string;
+            infoBorder: string;
             loginBorder: string;
             loginInfoIcon: string;
             loginLightText: string;
@@ -92,11 +112,12 @@ export declare const defaults: {
             messageInvitationLightText: string;
             metadataBackground: string;
             metadataBorder: string;
-            metadataHeader: string;
+            metadataHeaderBackground: string;
             metadataIconNinchat: string;
             metadataIconSecure: string;
             metadataItemBackgroundHover: string;
             metadataKey: string;
+            metadataHeaderText: string;
             modalBorder: string;
             modalChannelInvitationBorder: string;
             modalOverlay: string;
@@ -113,6 +134,8 @@ export declare const defaults: {
             questionnaireAnswersBackground: string;
             questionnaireAnswersBorder: string;
             queueFeatureBorder: string;
+            queueIcon: string;
+            queueIconOpen: string;
             radioButtonBackground: string;
             radioButtonBackgroundChecked: string;
             radioButtonBackgroundHoverChecked: string;
@@ -141,16 +164,6 @@ export declare const defaults: {
             sidebarQueueingTimeText: string;
             sidebarStatusIcon: string;
             sidebarStatusIconActive: string;
-            switchBackground: string;
-            switchBackgroundChecked: string;
-            switchBackgroundHover: string;
-            switchBorder: string;
-            switchBorderChecked: string;
-            switchBorderHover: string;
-            switchOutlineFocus: string;
-            switchThumb: string;
-            switchThumbBorder: string;
-            switchThumbChecked: string;
             tableBackground: string;
             tableBackgroundHover: string;
             tableBorder: string;
@@ -169,6 +182,7 @@ export declare const defaults: {
             tagBackgroundSelected: string;
             tagBorder: string;
             tagBorderSelected: string;
+            tagDefault: string;
             tagIcon: string;
             tagText: string;
             tagTextSelected: string;
@@ -193,6 +207,7 @@ export declare const defaults: {
             userInfoBadgeBackground: string;
             userInfoInfoText: string;
             userInfoText: string;
+            userNameText: string;
             wordList: string;
             wordListBorder: string;
             wordListBorderFocus: string;
@@ -204,49 +219,72 @@ export declare const defaults: {
             avatarBorder: string;
             avatarText: string;
             buttonBackground: string;
+            buttonBackgroundDisabled: string;
             buttonBackgroundActive: string;
+            buttonBackgroundFocus: string;
+            buttonBackgroundHover: string;
             buttonBorder: string;
+            buttonBorderDisabled: string;
             buttonBorderActive: string;
+            buttonBorderHover: string;
+            buttomBorderFocus: string;
+            buttonIcon: string;
+            buttonIconDisabled: string;
+            buttonIconActive: string;
+            buttonIconFocus: string;
+            buttonIconHover: string;
+            buttonText: string;
+            buttonTextFocus: string;
+            buttonTextDisabled: string;
+            buttonTextActive: string;
+            buttonTextHover: string;
+            buttonOutlineFocus: string;
             buttonFilledBackground: string;
             buttonFilledBackgroundActive: string;
             buttonFilledBackgroundDisabled: string;
+            buttonFilledBackgroundFocus: string;
+            buttonFilledBackgroundHover: string;
             buttonFilledBorder: string;
             buttonFilledBorderActive: string;
             buttonFilledBorderDisabled: string;
+            buttonFilledBorderFocus: string;
+            buttonFilledBorderHover: string;
             buttonFilledIcon: string;
             buttonFilledIconDisabled: string;
             buttonFilledIconFocus: string;
+            buttonFilledIconActive: string;
+            buttonFilledIconHover: string;
             buttonFilledText: string;
             buttonFilledTextDisabled: string;
-            buttonIcon: string;
-            buttonIconDisabled: string;
-            buttonText: string;
-            buttonTextDisabled: string;
-            cardBackground: string;
-            cardBorder: string;
-            error: string;
-            errorText: string;
-            headerBackground: string;
-            headerText: string;
-            highlight: string;
-            inputBorder: string;
-            inputText: string;
-            inputTextPlaceholder: string;
-            messageDeletedSpeechBubbleBackground: string;
-            messageDeletedText: string;
-            messageInfoIcon: string;
-            messageInfoIconError: string;
-            messageInfoIconSuccess: string;
-            messageInfoIconWarning: string;
-            messageInfoSpeechBubbleBackground: string;
-            messageInfoTimestamp: string;
-            messageSpeechBubbleBackground: string;
-            messageSpeechBubbleBorder: string;
-            messageText: string;
-            messageTimestamp: string;
-            messageUserName: string;
+            buttonFilledTextActive: string;
+            buttonFilledTextFocus: string;
+            buttonFilledTextHover: string;
+            buttonFilledOutlineFocus: string;
+            buttonTextBackground: string;
+            buttonTextBackgroundDisabled: string;
+            buttonTextBackgroundActive: string;
+            buttonTextBackgroundFocus: string;
+            buttonTextBackgroundHover: string;
+            buttonTextBorder: string;
+            buttonTextBorderDisabled: string;
+            buttonTextBorderActive: string;
+            buttonTextBorderFocus: string;
+            buttonTextBorderHover: string;
+            buttonTextIcon: string;
+            buttonTextIconDisabled: string;
+            buttonTextIconActive: string;
+            buttonTextIconFocus: string;
+            buttonTextIconHover: string;
+            buttonTextContentText: string;
+            buttonTextContentTextActive: string;
+            buttonTextContentTextFocus: string;
+            buttonTextContentTextHover: string;
+            buttonTextContentTextDisabled: string;
+            buttonTextOutlineFocus: string;
             modalBackground: string;
+            modalText: string;
             modalFooterBackground: string;
+            modalHeaderBackround: string;
             modalFooterBorder: string;
             modalIcon: string;
             modalIconError: string;
@@ -254,6 +292,165 @@ export declare const defaults: {
             modalIconWarning: string;
             modalShadow: string;
             modalShadowOpacity: string;
+            inputBackground: string;
+            inputText: string;
+            inputBorder: string;
+            inputBackgroundDisabled: string;
+            inputTextDisabled: string;
+            inputBorderDisabled: string;
+            inputBackgroundHover: string;
+            inputTextHover: string;
+            inputBorderHover: string;
+            inputBackgroundActive: string;
+            inputTextActive: string;
+            inputBorderActive: string;
+            inputBackgroundFocus: string;
+            inputTextFocus: string;
+            inputBorderFocus: string;
+            inputFocusOutline: string;
+            inputBackgroundInvalid: string;
+            inputTextInvalid: string;
+            inputBorderInvalid: string;
+            inputBackgroundValid: string;
+            inputTextValid: string;
+            inputBorderValid: string;
+            inputBackgroundAutopopulated: string;
+            inputTextAutopopulated: string;
+            inputBorderAutopopulated: string;
+            inputBackgroundAutopopulatedFocus: string;
+            inputTextAutopopulatedFocus: string;
+            inputBorderAutopopulatedFocus: string;
+            inputPlaceholder: string;
+            inputIconColor: string;
+            inputErrorMessage: string;
+            inputRangeThumbOutlineFocus: string;
+            toastBackgroundDefault: string;
+            toastTextDefault: string;
+            toastBorderDefault: string;
+            toastBackgroundSuccess: string;
+            toastTextSuccess: string;
+            toastBorderSuccess: string;
+            toastBackgroundError: string;
+            toastTextError: string;
+            toastBorderError: string;
+            checkboxBackground: string;
+            checkboxBackgroundDisabled: string;
+            checkboxBackgroundHover: string;
+            checkboxBackgroundFocus: string;
+            checkboxBackgroundChecked: string;
+            checkboxBackgroundCheckedDisabled: string;
+            checkboxBackgroundCheckedHover: string;
+            checkboxBackgroundCheckedFocus: string;
+            checkboxBorder: string;
+            checkboxBorderDisabled: string;
+            checkboxBorderHover: string;
+            checkboxBorderFocus: string;
+            checkboxBorderChecked: string;
+            checkboxBorderCheckedDisabled: string;
+            checkboxBorderCheckedHover: string;
+            checkboxBorderCheckedFocus: string;
+            checkboxIconChecked: string;
+            checkboxIconCheckedDisabled: string;
+            checkboxIconCheckedHover: string;
+            checkboxIconCheckedFocus: string;
+            checkboxBackgroundHoverChecked: string;
+            checkboxDescription: string;
+            checkboxFocusOutline: string;
+            switchBackground: string;
+            switchBackgroundHover: string;
+            switchBackgroundFocus: string;
+            switchBackgroundDisabled: string;
+            switchBackgroundChecked: string;
+            switchBackgroundCheckedDisabled: string;
+            switchBackgroundCheckedHover: string;
+            switchBackgroundCheckedFocus: string;
+            switchBorder: string;
+            switchBorderHover: string;
+            switchBorderFocus: string;
+            switchBorderDisabled: string;
+            switchBorderChecked: string;
+            switchBorderCheckedHover: string;
+            switchBorderCheckedFocus: string;
+            switchBorderCheckedDisabled: string;
+            switchThumbBackground: string;
+            switchThumbBackgroundDisabled: string;
+            switchThumbBackgroundHover: string;
+            switchThumbBackgroundFocus: string;
+            switchThumbBackgroundChecked: string;
+            switchThumbBackgroundCheckedDisabled: string;
+            switchThumbBackgroundCheckedHover: string;
+            switchThumbBackgroundCheckedFocus: string;
+            switchThumbBorder: string;
+            switchThumbBorderDisabled: string;
+            switchThumbBorderHover: string;
+            switchThumbBorderFocus: string;
+            switchThumbBorderChecked: string;
+            switchThumbBorderCheckedDisabled: string;
+            switchThumbBorderCheckedHover: string;
+            switchThumbBorderCheckedFocus: string;
+            switchIcon: string;
+            switchIconDisabled: string;
+            switchIconHover: string;
+            switchIconFocus: string;
+            switchIconChecked: string;
+            switchIconCheckedDisabled: string;
+            switchIconCheckedHover: string;
+            switchIconCheckedFocus: string;
+            switchDescription: string;
+            switchOutlineFocus: string;
+            chatBacklogBackground: string;
+            chatCommandBarWrapper: string;
+            chatCommandBar: string;
+            chatCommandBarBorder: string;
+            chatCommandBarTabBorder: string;
+            chatCommandBarTabText: string;
+            chatCommandBarTabSelectedBorder: string;
+            chatCommandBarTabSelectedText: string;
+            chatCommandBarTabTextHover: string;
+            chatCommandBarCountBorder: string;
+            chatCommandBarCountText: string;
+            chatCommandBarCannedMessagesBorder: string;
+            chatCommandBarTextareaText: string;
+            chatCommandBarTextareaPlaceholder: string;
+            messageInfo: string;
+            messageInfoBorder: string;
+            messageInfoText: string;
+            messageInfoIcon: string;
+            messageInfoTimestamp: string;
+            messageInfoLink: string;
+            messageInfoLinkHover: string;
+            messageInfoIconError: string;
+            messageInfoIconSuccess: string;
+            messageInfoIconWarning: string;
+            messageAvatarOperatorModeratorBorder: string;
+            messageAvatarOperatorModeratorText: string;
+            messageAvatarOtherBorder: string;
+            messageAvatarOtherText: string;
+            messageUsernameOperatorModerator: string;
+            messageUsernameOther: string;
+            messageSpeechBubbleDefault: string;
+            messageSpeechBubbleDefaultBorder: string;
+            messageSpeechBubbleOperatorModerator: string;
+            messageSpeechBubbleOther: string;
+            messageSpeechBubbleOperatorModeratorBorder: string;
+            messageSpeechBubbleOtherBorder: string;
+            messageSpeechBubbleOperatorModeratorText: string;
+            messageSpeechBubbleOtherText: string;
+            messageSpeechBubbleOperatorModeratorLink: string;
+            messageSpeechBubbleOperatorModeratorLinkHover: string;
+            messageSpeechBubbleOtherLink: string;
+            messageSpeechBubbleOtherLinkHover: string;
+            messageSpeechBubbleOperatorModeratorTimestamp: string;
+            messageSpeechBubbleOtherTimestamp: string;
+            messageText: string;
+            messageDeletedText: string;
+            cardBackground: string;
+            cardBorder: string;
+            error: string;
+            errorText: string;
+            headerBackground: string;
+            headerText: string;
+            highlight: string;
             smallText: string;
             statusBorder: string;
             statusClosed: string;
@@ -272,11 +469,9 @@ export declare const defaults: {
             avatarMidText: string;
             avatarSmallText: string;
             avatarText: string;
-            buttonText: string;
             captionText: string;
             errorFontSize: string;
             formDescriptionText: string;
-            inputText: string;
             labelText: string;
             legendText: string;
             loginTooltipText: string;
@@ -286,7 +481,6 @@ export declare const defaults: {
             messageInvitationRealm: string;
             messageText: string;
             messageTimestamp: string;
-            messageUserName: string;
             metadataHeaderText: string;
             modalChannelInvitationTooltip: string;
             modalHeaderText: string;
@@ -309,6 +503,43 @@ export declare const defaults: {
             toggleButtonSmall: string;
             tooltip: string;
             userNameText: string;
+            button: string;
+            buttonFilled: string;
+            buttonText: string;
+            modal: string;
+            input: string;
+            toast: string;
+            messageInfoText: string;
+            messageUsernameOperatorModerator: string;
+            messageUsernameOther: string;
+            messageSpeechBubbleOther: string;
+            messageSpeechBubbleOperatorModerator: string;
+        };
+        fontStyle: {
+            button: string;
+            buttonFilled: string;
+            buttonText: string;
+            modal: string;
+            input: string;
+            toast: string;
+            messageInfoText: string;
+            messageUsernameOperatorModerator: string;
+            messageUsernameOther: string;
+            messageSpeechBubbleOther: string;
+            messageSpeechBubbleOperatorModerator: string;
+        };
+        fontVariant: {
+            button: string;
+            buttonFilled: string;
+            buttonText: string;
+            modal: string;
+            input: string;
+            toast: string;
+            messageInfoText: string;
+            messageUsernameOperatorModerator: string;
+            messageUsernameOther: string;
+            messageSpeechBubbleOther: string;
+            messageSpeechBubbleOperatorModerator: string;
         };
         fontWeights: {
             captionText: string;
@@ -317,31 +548,61 @@ export declare const defaults: {
             sidebarTicketText: string;
             tableHeader: number;
             userNameText: number;
+            button: string;
+            buttonFilled: string;
             buttonText: string;
             labelText: string;
             legendText: string;
-            messageUserName: string;
             modalHeaderText: string;
+            modal: string;
+            input: string;
+            toast: string;
+            messageInfoText: string;
+            messageUsernameOperatorModerator: string;
+            messageUsernameOther: string;
+            messageSpeechBubbleOther: string;
+            messageSpeechBubbleOperatorModerator: string;
         };
         fonts: {
             defaultText: string;
+            button: string;
+            buttonFilled: string;
+            buttonText: string;
+            modal: string;
+            input: string;
+            toast: string;
+            messageInfoText: string;
+            messageUsernameOperatorModerator: string;
+            messageUsernameOther: string;
+            messageSpeechBubbleOther: string;
+            messageSpeechBubbleOperatorModerator: string;
+        };
+        lineHeights: {
+            button: string;
+            buttonFilled: string;
+            buttonText: string;
+            modal: string;
+            input: string;
+            toast: string;
+            messageInfoText: string;
+            messageUsernameOperatorModerator: string;
+            messageUsernameOther: string;
+            messageSpeechBubbleOther: string;
+            messageSpeechBubbleOperatorModerator: string;
         };
         radii: {
+            alertBorder: string;
             avatarBigBorder: string;
             avatarBorder: string;
             avatarMidBorder: string;
             avatarSmallBorder: string;
             avatarStatus: string;
-            buttonBorder: string;
             cardBorder: string;
             channelInviteError: string;
             datePicker: string;
             dropdownBorder: string;
             errorBorder: string;
-            inputBorder: string;
             messageInvitationHighlighted: string;
-            messageSpeechBubbleBorder: string;
-            messageSpeechBubbleCorner: string;
             metadataBorder: string;
             metadataItemBorder: string;
             pipBorder: string;
@@ -353,16 +614,30 @@ export declare const defaults: {
             tableSelectedBorder: string;
             tagBorder: string;
             timepickerItem: string;
+            button: string;
+            buttonFilled: string;
+            buttonText: string;
+            modal: string;
+            input: string;
+            toast: string;
+            checkbox: string;
+            switch: string;
+            switchThumb: string;
+            chatCommandBar: string;
+            messageInfo: string;
+            messageSpeechBubbleDefault: string;
+            messageSpeechBubbleDefaultCorner: string;
+            messageSpeechBubbleOther: string;
+            messageSpeechBubbleOperatorModerator: string;
         };
         sizes: {
             accountSettingsCardHeaderIcon: string;
+            alertIcon: string;
             avatar: string;
             avatarBig: string;
             avatarMid: string;
             avatarSmall: string;
             avatarStatus: string;
-            buttonIcon: string;
-            buttonIconSmall: string;
             captionIcon: string;
             channelSidebarWidth: string;
             chatWidth: string;
@@ -371,6 +646,10 @@ export declare const defaults: {
             metadataHeaderIcon: string;
             sidebarWidth: string;
             toggleIcon: string;
+            buttonIcon: string;
+            buttonIconSmall: string;
+        };
+        maxWidths: {
             userNameMaxWidth: string;
         };
         space: {
@@ -382,14 +661,10 @@ export declare const defaults: {
             accountSettingsIconGap: string;
             accountSettingsIdentitiesGap: string;
             accountSettingsIdentitiesWrapperMarginVertical: string;
+            alertItemsGap: string;
+            alertPaddingHorizontal: string;
+            alertPaddingVertical: string;
             avatarMarginHorizontal: string;
-            buttonPaddingHorizontal: string;
-            buttonPaddingHorizontalLarge: string;
-            buttonPaddingHorizontalSmall: string;
-            buttonPaddingVertical: string;
-            buttonPaddingVerticalLarge: string;
-            buttonPaddingVerticalSmall: string;
-            buttonTextMargin: string;
             captionIconMargin: string;
             channelInviteError: string;
             channelInviteItemContainerPaddingVertical: string;
@@ -405,8 +680,6 @@ export declare const defaults: {
             errorTextMargin: string;
             formDescriptionMargin: string;
             formPadding: string;
-            inputPaddingHorizontal: string;
-            inputPaddingVertical: string;
             legendTextMargin: string;
             menubarPaddingHorizontal: string;
             menubarPaddingVertical: string;
@@ -465,23 +738,49 @@ export declare const defaults: {
             toggleMarginVertical: string;
             tooltipHorizontal: string;
             tooltipVertical: string;
+            buttonPaddingHorizontal: string;
+            buttonPaddingHorizontalLarge: string;
+            buttonPaddingHorizontalSmall: string;
+            buttonPaddingVertical: string;
+            buttonPaddingVerticalLarge: string;
+            buttonPaddingVerticalSmall: string;
+            buttonTextMargin: string;
+            inputPaddingHorizontal: string;
+            inputPaddingVertical: string;
         };
         zIndices: {
-            datePicker: number;
-            dropdown: number;
-            dropdownNestedMenu: number;
+            base: number;
             needHelpButton: number;
+            colorPickerOverlay: number;
             searchAutocompleteResults: number;
             sideMenu: number;
             tooltip: number;
+            datePicker: number;
+            colorPicker: number;
+            permissionDeniedOverlay: number;
+            jitsi: number;
+            jitsiPip: number;
+            chatOnJitsi: number;
+            modal: number;
+            dropdown: number;
+            dropdownNestedMenu: number;
+            modalHighPriority: number;
+            toast: number;
+        };
+        shadows: {
+            chatCommandBarTabContainer: string;
+            chatCommandBarTabFocus: string;
         };
     };
 };
 export declare const compact: {
     colors: {
-        messageDeletedSpeechBubbleBackground: string;
-        messageInfoSpeechBubbleBackground: string;
-        messageSpeechBubbleBackground: string;
+        messageInfo: string;
+        messageSpeechBubbleDefault: string;
+        messageSpeechBubbleOther: string;
+        messageSpeechBubbleOperatorModerator: string;
+        messageSpeechBubbleOtherBorder: string;
+        messageSpeechBubbleOperatorModeratorBorder: string;
         messageSpeechBubbleBorder: string;
     };
     fontSizes: {
@@ -497,6 +796,10 @@ export declare const dark: {
         accountSettingsCardHeaderBorder: string;
         accountSettingsIcon: string;
         accountSettingsLightText: string;
+        alertBackgroundError: string;
+        alertBackgroundInfo: string;
+        alertBackgroundSuccess: string;
+        alertBackgroundWarning: string;
         audienceCommentChangeText: string;
         audienceCommentText: string;
         audienceCommentTimestamp: string;
@@ -513,6 +816,19 @@ export declare const dark: {
         buttonIconDisabled: string;
         buttonOutlineFocus: string;
         buttonText: string;
+        buttonBackgroundDisabled: string;
+        buttonBackgroundFocus: string;
+        buttonBackgroundHover: string;
+        buttonBorderDisabled: string;
+        buttonBorderActive: string;
+        buttomBorderFocus: string;
+        buttonIconActive: string;
+        buttonIconFocus: string;
+        buttonIconHover: string;
+        buttonTextFocus: string;
+        buttonTextDisabled: string;
+        buttonTextActive: string;
+        buttonTextHover: string;
         buttonFilledBackground: string;
         buttonFilledBackgroundActive: string;
         buttonFilledBackgroundDisabled: string;
@@ -529,9 +845,32 @@ export declare const dark: {
         buttonFilledOutlineFocus: string;
         buttonFilledText: string;
         buttonFilledTextDisabled: string;
+        buttonFilledIconActive: string;
+        buttonFilledIconHover: string;
+        buttonFilledTextActive: string;
+        buttonFilledTextFocus: string;
+        buttonFilledTextHover: string;
         buttonTextBackgroundFocus: string;
         buttonTextBackgroundHover: string;
-        buttonTextDisabled: string;
+        buttonTextBackground: string;
+        buttonTextBackgroundDisabled: string;
+        buttonTextBackgroundActive: string;
+        buttonTextBorder: string;
+        buttonTextBorderDisabled: string;
+        buttonTextBorderActive: string;
+        buttonTextBorderFocus: string;
+        buttonTextBorderHover: string;
+        buttonTextIcon: string;
+        buttonTextIconDisabled: string;
+        buttonTextIconActive: string;
+        buttonTextIconFocus: string;
+        buttonTextIconHover: string;
+        buttonTextContentText: string;
+        buttonTextContentTextActive: string;
+        buttonTextContentTextFocus: string;
+        buttonTextContentTextHover: string;
+        buttonTextContentTextDisabled: string;
+        buttonTextOutlineFocus: string;
         cannedMessageBackgroundFocus: string;
         cannedMessageBackgroundHover: string;
         cannedMessageKeywordText: string;
@@ -542,14 +881,80 @@ export declare const dark: {
         channelSidebarBackground: string;
         channelSidebarBorder: string;
         checkboxBackground: string;
+        checkboxBackgroundDisabled: string;
+        checkboxBackgroundHover: string;
+        checkboxBackgroundFocus: string;
         checkboxBackgroundChecked: string;
-        checkboxBackgroundHoverChecked: string;
+        checkboxBackgroundCheckedDisabled: string;
+        checkboxBackgroundCheckedHover: string;
+        checkboxBackgroundCheckedFocus: string;
         checkboxBorder: string;
-        checkboxBorderChecked: string;
+        checkboxBorderDisabled: string;
         checkboxBorderHover: string;
+        checkboxBorderFocus: string;
+        checkboxBorderChecked: string;
+        checkboxBorderCheckedDisabled: string;
+        checkboxBorderCheckedHover: string;
+        checkboxBorderCheckedFocus: string;
+        checkboxIconChecked: string;
+        checkboxIconCheckedDisabled: string;
+        checkboxIconCheckedHover: string;
+        checkboxIconCheckedFocus: string;
+        checkboxBackgroundHoverChecked: string;
         checkboxDescription: string;
         checkboxFocusOutline: string;
         checkboxIcon: string;
+        confirmation: string;
+        confirmationBorder: string;
+        chatBacklogBackground: string;
+        chatCommandBarWrapper: string;
+        chatCommandBar: string;
+        chatCommandBarBorder: string;
+        chatCommandBarTabBorder: string;
+        chatCommandBarTabText: string;
+        chatCommandBarTabSelectedBorder: string;
+        chatCommandBarTabSelectedText: string;
+        chatCommandBarCountBorder: string;
+        chatCommandBarCountText: string;
+        chatCommandBarTabTextHover: string;
+        chatCommandBarCannedMessagesBorder: string;
+        chatCommandBarTextareaText: string;
+        chatCommandBarTextareaPlaceholder: string;
+        messageSpeechBubbleOther: string;
+        messageSpeechBubbleOperatorModerator: string;
+        messageSpeechBubbleOtherBorder: string;
+        messageSpeechBubbleOperatorModeratorBorder: string;
+        messageSpeechBubbleDefault: string;
+        messageSpeechBubbleDefaultBorder: string;
+        messageInfo: string;
+        messageInfoBorder: string;
+        messageInvitationHighlighted: string;
+        messageInvitationLightText: string;
+        messageText: string;
+        messageTimestamp: string;
+        messageUsernameOther: string;
+        messageInfoText: string;
+        messageDeletedText: string;
+        messageInfoIcon: string;
+        messageInfoTimestamp: string;
+        messageInfoLink: string;
+        messageInfoLinkHover: string;
+        messageInfoIconError: string;
+        messageInfoIconSuccess: string;
+        messageInfoIconWarning: string;
+        messageAvatarOperatorModeratorBorder: string;
+        messageAvatarOperatorModeratorText: string;
+        messageAvatarOtherBorder: string;
+        messageAvatarOtherText: string;
+        messageUsernameOperatorModerator: string;
+        messageSpeechBubbleOperatorModeratorText: string;
+        messageSpeechBubbleOtherText: string;
+        messageSpeechBubbleOperatorModeratorLink: string;
+        messageSpeechBubbleOperatorModeratorLinkHover: string;
+        messageSpeechBubbleOtherLink: string;
+        messageSpeechBubbleOtherLinkHover: string;
+        messageSpeechBubbleOperatorModeratorTimestamp: string;
+        messageSpeechBubbleOtherTimestamp: string;
         datePickerActive: string;
         datePickerActiveBackground: string;
         datePickerArrow: string;
@@ -571,7 +976,30 @@ export declare const dark: {
         inputBorderFocus: string;
         inputBorderHover: string;
         inputText: string;
-        inputTextPlaceholder: string;
+        inputPlaceholder: string;
+        inputBackgroundDisabled: string;
+        inputTextDisabled: string;
+        inputBorderDisabled: string;
+        inputBackgroundHover: string;
+        inputTextHover: string;
+        inputBackgroundActive: string;
+        inputTextActive: string;
+        inputBorderActive: string;
+        inputBackgroundFocus: string;
+        inputTextFocus: string;
+        inputFocusOutline: string;
+        inputBackgroundInvalid: string;
+        inputTextInvalid: string;
+        inputBackgroundValid: string;
+        inputTextValid: string;
+        inputBackgroundAutopopulated: string;
+        inputTextAutopopulated: string;
+        inputBorderAutopopulated: string;
+        inputBackgroundAutopopulatedFocus: string;
+        inputTextAutopopulatedFocus: string;
+        inputBorderAutopopulatedFocus: string;
+        inputIconColor: string;
+        inputRangeThumbOutlineFocus: string;
         loginBorder: string;
         loginInfoIcon: string;
         loginLightText: string;
@@ -582,17 +1010,8 @@ export declare const dark: {
         mainBackground: string;
         menubarBorder: string;
         menubarHeaderText: string;
-        messageDeletedSpeechBubbleBackground: string;
-        messageInfoSpeechBubbleBackground: string;
-        messageInvitationHighlighted: string;
-        messageInvitationLightText: string;
-        messageSpeechBubbleBackground: string;
-        messageSpeechBubbleBorder: string;
-        messageText: string;
-        messageTimestamp: string;
-        messageUserName: string;
         metadataBorder: string;
-        metadataHeader: string;
+        metadataHeaderBackground: string;
         metadataItemBackgroundHover: string;
         metadataItemBorder: string;
         metadataSectionBorder: string;
@@ -600,6 +1019,7 @@ export declare const dark: {
         modalBorder: string;
         modalChannelInvitationBorder: string;
         modalFooterBackground: string;
+        modalHeaderBackground: string;
         modalFooterBorder: string;
         modalIcon: string;
         modalOverlay: string;
@@ -608,11 +1028,13 @@ export declare const dark: {
         modalTranscriptBackground: string;
         modalTranscriptBorder: string;
         modalTranscriptText: string;
+        modalText: string;
         paginationNotSelectedHover: string;
         paginationOutline: string;
         paginationSelected: string;
         paginationSelectedHover: string;
         paginationSelectedText: string;
+        queueIcon: string;
         radioButtonBackground: string;
         radioButtonBackgroundChecked: string;
         radioButtonBackgroundHoverChecked: string;
@@ -663,6 +1085,7 @@ export declare const dark: {
         toggleBorder: string;
         toggleButtonText: string;
         userInfoText: string;
+        userNameText: string;
         wordList: string;
         wordListBorder: string;
         wordListBorderFocus: string;
@@ -671,6 +1094,12 @@ export declare const dark: {
         wordListItemIcon: string;
         wordListItemIconHover: string;
         wordListItemText: string;
+        metadataHeaderText: string;
+        metadataKey: string;
+    };
+    shadows: {
+        chatCommandBarTabContainer: string;
+        chatCommandBarTabFocus: string;
     };
 };
 export declare const defaultsNative: {
@@ -685,51 +1114,73 @@ export declare const defaultsNative: {
             avatarBorder: string;
             avatarText: string;
             buttonBackground: string;
+            buttonBackgroundDisabled: string;
             buttonBackgroundActive: string;
+            buttonBackgroundFocus: string;
+            buttonBackgroundHover: string;
             buttonBorder: string;
+            buttonBorderDisabled: string;
             buttonBorderActive: string;
+            buttonBorderHover: string;
+            buttomBorderFocus: string;
+            buttonIcon: string;
+            buttonIconDisabled: string;
+            buttonIconActive: string;
+            buttonIconFocus: string;
+            buttonIconHover: string;
+            buttonText: string;
+            buttonTextFocus: string;
+            buttonTextDisabled: string;
+            buttonTextActive: string;
+            buttonTextHover: string;
+            buttonOutlineFocus: string;
             buttonFilledBackground: string;
             buttonFilledBackgroundActive: string;
             buttonFilledBackgroundDisabled: string;
+            buttonFilledBackgroundFocus: string;
+            buttonFilledBackgroundHover: string;
             buttonFilledBorder: string;
             buttonFilledBorderActive: string;
             buttonFilledBorderDisabled: string;
+            buttonFilledBorderFocus: string;
+            buttonFilledBorderHover: string;
             buttonFilledIcon: string;
             buttonFilledIconDisabled: string;
             buttonFilledIconFocus: string;
+            buttonFilledIconActive: string;
+            buttonFilledIconHover: string;
             buttonFilledText: string;
             buttonFilledTextDisabled: string;
-            buttonIcon: string;
-            buttonIconDisabled: string;
-            buttonText: string;
-            buttonTextDisabled: string;
-            cardBackground: string;
-            cardBorder: string;
-            error: string;
-            errorText: string;
-            headerBackground: string;
-            headerText: string;
-            highlight: string;
-            hrBorder: string;
-            inputBorder: string;
-            inputText: string;
-            inputTextPlaceholder: string;
-            messageDeletedSpeechBubbleBackground: string;
-            messageDeletedText: string;
-            messageInfoIcon: string;
-            messageInfoIconError: string;
-            messageInfoIconSuccess: string;
-            messageInfoIconWarning: string;
-            messageInfoSpeechBubbleBackground: string;
-            messageInfoTimestamp: string;
-            messageSpeechBubbleBackground: string;
-            messageSpeechBubbleBorder: string;
-            messageText: string;
-            messageTimestamp: string;
-            messageUserName: string;
+            buttonFilledTextActive: string;
+            buttonFilledTextFocus: string;
+            buttonFilledTextHover: string;
+            buttonFilledOutlineFocus: string;
+            buttonTextBackground: string;
+            buttonTextBackgroundDisabled: string;
+            buttonTextBackgroundActive: string;
+            buttonTextBackgroundFocus: string;
+            buttonTextBackgroundHover: string;
+            buttonTextBorder: string;
+            buttonTextBorderDisabled: string;
+            buttonTextBorderActive: string;
+            buttonTextBorderFocus: string;
+            buttonTextBorderHover: string;
+            buttonTextIcon: string;
+            buttonTextIconDisabled: string;
+            buttonTextIconActive: string;
+            buttonTextIconFocus: string;
+            buttonTextIconHover: string;
+            buttonTextContentText: string;
+            buttonTextContentTextActive: string;
+            buttonTextContentTextFocus: string;
+            buttonTextContentTextHover: string;
+            buttonTextContentTextDisabled: string;
+            buttonTextOutlineFocus: string;
             modalBackground: string;
+            modalText: string;
             modalBorder: string;
             modalFooterBackground: string;
+            modalHeaderBackround: string;
             modalFooterBorder: string;
             modalIcon: string;
             modalIconError: string;
@@ -737,6 +1188,166 @@ export declare const defaultsNative: {
             modalIconWarning: string;
             modalShadow: string;
             modalShadowOpacity: string;
+            inputBackground: string;
+            inputText: string;
+            inputBorder: string;
+            inputBackgroundDisabled: string;
+            inputTextDisabled: string;
+            inputBorderDisabled: string;
+            inputBackgroundHover: string;
+            inputTextHover: string;
+            inputBorderHover: string;
+            inputBackgroundActive: string;
+            inputTextActive: string;
+            inputBorderActive: string;
+            inputBackgroundFocus: string;
+            inputTextFocus: string;
+            inputBorderFocus: string;
+            inputFocusOutline: string;
+            inputBackgroundInvalid: string;
+            inputTextInvalid: string;
+            inputBorderInvalid: string;
+            inputBackgroundValid: string;
+            inputTextValid: string;
+            inputBorderValid: string;
+            inputBackgroundAutopopulated: string;
+            inputTextAutopopulated: string;
+            inputBorderAutopopulated: string;
+            inputBackgroundAutopopulatedFocus: string;
+            inputTextAutopopulatedFocus: string;
+            inputBorderAutopopulatedFocus: string;
+            inputPlaceholder: string;
+            inputIconColor: string;
+            inputErrorMessage: string;
+            inputRangeThumbOutlineFocus: string;
+            toastBackgroundDefault: string;
+            toastTextDefault: string;
+            toastBorderDefault: string;
+            toastBackgroundSuccess: string;
+            toastTextSuccess: string;
+            toastBorderSuccess: string;
+            toastBackgroundError: string;
+            toastTextError: string;
+            toastBorderError: string;
+            checkboxBackground: string;
+            checkboxBackgroundDisabled: string;
+            checkboxBackgroundHover: string;
+            checkboxBackgroundFocus: string;
+            checkboxBackgroundChecked: string;
+            checkboxBackgroundCheckedDisabled: string;
+            checkboxBackgroundCheckedHover: string;
+            checkboxBackgroundCheckedFocus: string;
+            checkboxBorder: string;
+            checkboxBorderDisabled: string;
+            checkboxBorderHover: string;
+            checkboxBorderFocus: string;
+            checkboxBorderChecked: string;
+            checkboxBorderCheckedDisabled: string;
+            checkboxBorderCheckedHover: string;
+            checkboxBorderCheckedFocus: string;
+            checkboxIconChecked: string;
+            checkboxIconCheckedDisabled: string;
+            checkboxIconCheckedHover: string;
+            checkboxIconCheckedFocus: string;
+            checkboxBackgroundHoverChecked: string;
+            checkboxDescription: string;
+            checkboxFocusOutline: string;
+            switchBackground: string;
+            switchBackgroundHover: string;
+            switchBackgroundFocus: string;
+            switchBackgroundDisabled: string;
+            switchBackgroundChecked: string;
+            switchBackgroundCheckedDisabled: string;
+            switchBackgroundCheckedHover: string;
+            switchBackgroundCheckedFocus: string;
+            switchBorder: string;
+            switchBorderHover: string;
+            switchBorderFocus: string;
+            switchBorderDisabled: string;
+            switchBorderChecked: string;
+            switchBorderCheckedHover: string;
+            switchBorderCheckedFocus: string;
+            switchBorderCheckedDisabled: string;
+            switchThumbBackground: string;
+            switchThumbBackgroundDisabled: string;
+            switchThumbBackgroundHover: string;
+            switchThumbBackgroundFocus: string;
+            switchThumbBackgroundChecked: string;
+            switchThumbBackgroundCheckedDisabled: string;
+            switchThumbBackgroundCheckedHover: string;
+            switchThumbBackgroundCheckedFocus: string;
+            switchThumbBorder: string;
+            switchThumbBorderDisabled: string;
+            switchThumbBorderHover: string;
+            switchThumbBorderFocus: string;
+            switchThumbBorderChecked: string;
+            switchThumbBorderCheckedDisabled: string;
+            switchThumbBorderCheckedHover: string;
+            switchThumbBorderCheckedFocus: string;
+            switchIcon: string;
+            switchIconDisabled: string;
+            switchIconHover: string;
+            switchIconFocus: string;
+            switchIconChecked: string;
+            switchIconCheckedDisabled: string;
+            switchIconCheckedHover: string;
+            switchIconCheckedFocus: string;
+            switchDescription: string;
+            switchOutlineFocus: string;
+            chatBacklogBackground: string;
+            chatCommandBarWrapper: string;
+            chatCommandBar: string;
+            chatCommandBarBorder: string;
+            chatCommandBarTabBorder: string;
+            chatCommandBarTabText: string;
+            chatCommandBarTabSelectedBorder: string;
+            chatCommandBarTabSelectedText: string;
+            chatCommandBarTabTextHover: string;
+            chatCommandBarCountBorder: string;
+            chatCommandBarCountText: string;
+            chatCommandBarCannedMessagesBorder: string;
+            chatCommandBarTextareaText: string;
+            chatCommandBarTextareaPlaceholder: string;
+            messageInfo: string;
+            messageInfoBorder: string;
+            messageInfoText: string;
+            messageInfoIcon: string;
+            messageInfoTimestamp: string;
+            messageInfoLink: string;
+            messageInfoLinkHover: string;
+            messageInfoIconError: string;
+            messageInfoIconSuccess: string;
+            messageInfoIconWarning: string;
+            messageAvatarOperatorModeratorBorder: string;
+            messageAvatarOperatorModeratorText: string;
+            messageAvatarOtherBorder: string;
+            messageAvatarOtherText: string;
+            messageUsernameOperatorModerator: string;
+            messageUsernameOther: string;
+            messageSpeechBubbleDefault: string;
+            messageSpeechBubbleDefaultBorder: string;
+            messageSpeechBubbleOperatorModerator: string;
+            messageSpeechBubbleOther: string;
+            messageSpeechBubbleOperatorModeratorBorder: string;
+            messageSpeechBubbleOtherBorder: string;
+            messageSpeechBubbleOperatorModeratorText: string;
+            messageSpeechBubbleOtherText: string;
+            messageSpeechBubbleOperatorModeratorLink: string;
+            messageSpeechBubbleOperatorModeratorLinkHover: string;
+            messageSpeechBubbleOtherLink: string;
+            messageSpeechBubbleOtherLinkHover: string;
+            messageSpeechBubbleOperatorModeratorTimestamp: string;
+            messageSpeechBubbleOtherTimestamp: string;
+            messageText: string;
+            messageDeletedText: string;
+            cardBackground: string;
+            cardBorder: string;
+            error: string;
+            errorText: string;
+            headerBackground: string;
+            headerText: string;
+            highlight: string;
+            hrBorder: string;
             smallText: string;
             statusBorder: string;
             statusClosed: string;
@@ -751,17 +1362,17 @@ export declare const defaultsNative: {
             buttonText: number;
             messageText: number;
             messageTimestamp: number;
-            messageUserName: number;
+            messageUsernameOther: number;
             modalContentText: number;
             modalHeaderText: number;
         };
         radii: {
             avatarBorder: number;
             avatarStatus: number;
-            buttonBorder: number;
+            button: number;
             cardBorder: number;
-            messageSpeechBubbleBorder: number;
-            messageSpeechBubbleCorner: number;
+            messageSpeechBubbleDefault: number;
+            messageSpeechBubbleDefaultCorner: number;
         };
         sizes: {
             avatar: number;
@@ -783,12 +1394,94 @@ export declare const defaultsNative: {
             modalPaddingHorizontal: number;
             modalPaddingVertical: number;
         };
+        borderStyles: {
+            button: string;
+            buttonFilled: string;
+            buttonText: string;
+            modal: string;
+            input: string;
+            toast: string;
+            checkbox: string;
+            switch: string;
+            switchThumb: string;
+            chatCommandBar: string;
+            messageInfo: string;
+            messageSpeechBubbleDefault: string;
+            messageSpeechBubbleOther: string;
+            messageSpeechBubbleOperatorModerator: string;
+        };
         fontWeights: {
+            button: string;
+            buttonFilled: string;
             buttonText: string;
             labelText: string;
             legendText: string;
-            messageUserName: string;
             modalHeaderText: string;
+            modal: string;
+            input: string;
+            toast: string;
+            messageInfoText: string;
+            messageUsernameOperatorModerator: string;
+            messageUsernameOther: string;
+            messageSpeechBubbleOther: string;
+            messageSpeechBubbleOperatorModerator: string;
+        };
+        fontStyle: {
+            button: string;
+            buttonFilled: string;
+            buttonText: string;
+            modal: string;
+            input: string;
+            toast: string;
+            messageInfoText: string;
+            messageUsernameOperatorModerator: string;
+            messageUsernameOther: string;
+            messageSpeechBubbleOther: string;
+            messageSpeechBubbleOperatorModerator: string;
+        };
+        fontVariant: {
+            button: string;
+            buttonFilled: string;
+            buttonText: string;
+            modal: string;
+            input: string;
+            toast: string;
+            messageInfoText: string;
+            messageUsernameOperatorModerator: string;
+            messageUsernameOther: string;
+            messageSpeechBubbleOther: string;
+            messageSpeechBubbleOperatorModerator: string;
+        };
+        fonts: {
+            button: string;
+            buttonFilled: string;
+            buttonText: string;
+            defaultText: string;
+            modal: string;
+            input: string;
+            toast: string;
+            messageInfoText: string;
+            messageUsernameOperatorModerator: string;
+            messageUsernameOther: string;
+            messageSpeechBubbleOther: string;
+            messageSpeechBubbleOperatorModerator: string;
+        };
+        lineHeights: {
+            button: string;
+            buttonFilled: string;
+            buttonText: string;
+            modal: string;
+            input: string;
+            toast: string;
+            messageInfoText: string;
+            messageUsernameOperatorModerator: string;
+            messageUsernameOther: string;
+            messageSpeechBubbleOther: string;
+            messageSpeechBubbleOperatorModerator: string;
+        };
+        shadows: {
+            chatCommandBarTabContainer: string;
+            chatCommandBarTabFocus: string;
         };
     };
 };