stream-chat-react-native-core
Version:
The official React Native and Expo components for Stream Chat, a service for building chat applications
1,156 lines • 23.5 kB
JavaScript
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.defaultTheme = exports.DEFAULT_STATUS_ICON_SIZE = exports.Colors = exports.BASE_AVATAR_SIZE = void 0;
var _reactNative = require("react-native");
var _theme = require("../../../theme");
var DEFAULT_STATUS_ICON_SIZE = exports.DEFAULT_STATUS_ICON_SIZE = 16;
var BASE_AVATAR_SIZE = exports.BASE_AVATAR_SIZE = 24;
var Colors = exports.Colors = {
accent_blue: '#005FFF',
accent_dark_blue: '#005DFF',
accent_error: '#D92F26',
accent_green: '#20E070',
accent_info: '#1FE06F',
accent_red: '#FF3742',
bg_gradient_end: '#F7F7F7',
bg_gradient_start: '#FCFCFC',
bg_user: '#F7F7F8',
black: '#000000',
blue_alice: '#E9F2FF',
code_block: '#DDDDDD',
disabled: '#B4BBBA',
grey: '#7A7A7A',
grey_dark: '#72767E',
grey_gainsboro: '#DBDBDB',
grey_whisper: '#ECEBEB',
icon_background: '#FFFFFF',
label_bg_transparent: '#00000033',
light_blue: '#E0F0FF',
light_gray: '#E9EAED',
modal_shadow: '#00000099',
overlay: '#000000CC',
selected: 'hsla(0, 0%, 0%, 0.15)',
shadow_icon: '#00000040',
static_black: '#000000',
static_white: '#ffffff',
targetedMessageBackground: '#FBF4DD',
text_high_emphasis: '#080707',
text_low_emphasis: '#7E828B',
transparent: 'transparent',
white: '#FFFFFF',
white_smoke: '#F2F2F2',
white_snow: '#FCFCFC'
};
var defaultTheme = exports.defaultTheme = {
semantics: _reactNative.Appearance.getColorScheme() === 'light' ? _theme.lightSemantics : _theme.darkSemantics,
aiTypingIndicatorView: {
container: {},
text: {}
},
attachmentPicker: {
bottomSheetContentContainer: {},
durationText: {},
content: {
actionContainer: {},
container: {},
infoContainer: {},
text: {}
},
handle: {
container: {},
indicator: {}
},
image: {},
imageOverlay: {},
imageOverlaySelectedComponent: {
check: {}
}
},
attachmentSelectionBar: {
container: {},
icon: {}
},
audioAttachment: {
centerContainer: {},
audioInfo: {},
container: {},
leftContainer: {},
playPauseButton: {},
progressControlContainer: {},
progressDurationText: {},
rightContainer: {},
speedChangeButton: {},
speedChangeButtonText: {}
},
avatar: {
border: {},
container: {},
image: {}
},
avatarStack: {
userAvatarWrapper: {}
},
bottomSheetModal: {
container: {},
contentContainer: {},
handle: {},
overlay: {},
wrapper: {}
},
channel: {
selectChannel: {}
},
channelListFooterLoadingIndicator: {
container: {}
},
channelListHeaderErrorIndicator: {
container: {},
errorText: {}
},
channelListLoadingIndicator: {
container: {}
},
channelListView: {
flatList: {},
flatListContent: {}
},
channelDetailsMenu: {
contentContainer: {},
header: {
container: {},
metaContainer: {},
metaText: {}
},
item: {
container: {},
destructiveText: {},
standardText: {}
}
},
channelDetails: {
container: {},
scrollContent: {},
header: {
container: {},
title: {}
},
profile: {
container: {},
heading: {},
subtitle: {},
title: {}
},
sectionCard: {},
actionItem: {
container: {},
destructiveLabel: {},
iconWrapper: {},
label: {},
trailingValue: {}
},
memberSection: {
addButtonWrapper: {},
confirmButton: {},
footer: {},
header: {},
headerTitle: {},
viewAllLabel: {}
},
memberItem: {
container: {},
name: {},
status: {}
},
roleList: {
container: {}
},
roleItem: {
container: {},
ownerBackgroundColor: '',
ownerColor: '',
roleBackgroundColor: '',
roleColor: '',
text: {}
},
memberList: {
container: {},
list: {},
listContent: {}
},
memberActionsSheet: {
actionsList: {},
container: {},
header: {}
},
editImageSheet: {
actionsList: {},
container: {},
header: {},
headerTitle: {}
},
modal: {
body: {},
header: {},
headerTitle: {}
},
addMembers: {
container: {},
list: {},
listContent: {},
searchResultItem: {
alreadyMemberInfo: {},
memberLabel: {},
userName: {},
userRow: {}
}
},
editChannel: {
avatarSection: {},
container: {},
nameInput: {},
uploadButton: {}
},
pinnedMessageList: {
container: {},
list: {},
listContent: {}
},
pinnedMessageItem: {
container: {},
content: {},
name: {},
title: {}
},
fileAttachmentList: {
container: {},
list: {},
listContent: {},
sectionHeader: {},
sectionHeaderText: {}
},
fileAttachmentItem: {
container: {}
},
mediaList: {
container: {},
list: {},
listContent: {}
},
mediaItem: {
avatar: {},
container: {},
thumbnail: {},
videoBadge: {},
videoBadgeText: {}
}
},
channelListSkeleton: {
animationTime: 1000,
avatar: {},
badge: {},
content: {},
container: {},
headerRow: {},
subtitle: {},
textContainer: {},
title: {}
},
threadListSkeleton: {
animationTime: 1000,
avatar: {},
body: {},
content: {},
contentContainer: {},
container: {},
footerIcon: {},
footerPill: {},
footerRow: {},
headerLabel: {},
textContainer: {},
timestamp: {}
},
memberListSkeleton: {
animationTime: 1000,
avatar: {},
container: {},
content: {},
subtitle: {},
textContainer: {},
title: {}
},
userListSkeleton: {
animationTime: 1000,
avatar: {},
container: {},
content: {},
subtitle: {},
textContainer: {},
title: {}
},
pinnedMessageListSkeleton: {
animationTime: 1000,
avatar: {},
container: {},
content: {},
subtitle: {},
textContainer: {},
title: {}
},
fileAttachmentListSkeleton: {
animationTime: 1000,
avatar: {},
container: {},
content: {},
subtitle: {},
textContainer: {},
title: {}
},
channelPreview: {
container: {},
contentContainer: {},
date: {},
message: {
container: {},
subtitle: {},
errorText: {},
draftText: {}
},
messageDeliveryStatus: {
container: {},
text: {},
checkAllIcon: {},
checkIcon: {},
timeIcon: {},
username: {}
},
mutedStatus: {},
pinnedStatus: {},
lowerRow: {},
title: {},
unreadContainer: {},
unreadText: {},
typingIndicatorPreview: {
container: {},
text: {}
},
upperRow: {},
statusContainer: {},
titleContainer: {},
wrapper: {},
messagePreview: {
container: {},
draftText: {},
subtitle: {}
}
},
dateHeader: {
container: {},
text: {}
},
emptyList: {
container: {},
subtitle: {},
title: {}
},
emptySearchResult: {
container: {},
text: {}
},
emptyStateIndicator: {
channelContainer: {},
channelDetails: {},
channelTitle: {},
messageContainer: {},
messageTitle: {}
},
groupAvatar: {
container: {},
image: {
resizeMode: 'cover'
}
},
iconBadge: {
icon: {},
iconInner: {},
unreadCount: {}
},
iconSquare: {
container: {},
image: {}
},
imageGallery: {
footer: {
centerContainer: {},
container: {},
imageCountText: {},
innerContainer: {},
activityIndicatorContainer: {},
wrapper: {}
},
grid: {
container: {},
contentContainer: {},
gridAvatar: {},
gridAvatarWrapper: {},
gridImage: {},
handle: {},
handleText: {},
overlay: {}
},
header: {
centerContainer: {},
container: {},
dateText: {},
innerContainer: {},
usernameText: {}
},
videoControl: {
container: {},
durationTextStyle: {},
leftContainer: {},
progressContainer: {}
}
},
inlineDateSeparator: {
container: {},
text: {}
},
loadingDots: {
container: {},
loadingDot: {},
spacing: _theme.primitives.spacingXxs
},
loadingErrorIndicator: {
container: {},
errorText: {},
retryText: {}
},
loadingIndicator: {
container: {},
loadingText: {}
},
messageComposer: {
attachButton: {},
attachButtonContainer: {},
attachmentSelectionBar: {},
attachmentUploadPreviewList: {
audioAttachmentsContainer: {},
flatList: {},
itemSeparator: {}
},
audioRecorder: {
arrowLeftIcon: {},
checkContainer: {},
circleStopIcon: {},
deleteContainer: {},
deleteIcon: {},
micContainer: {},
micIcon: {},
pausedContainer: {},
sendCheckIcon: {},
slideToCancelContainer: {}
},
audioRecordingButtonContainer: {},
audioRecordingInProgress: {
container: {},
durationText: {}
},
audioRecordingLockIndicator: {
arrowUpIcon: {},
container: {},
lockIcon: {}
},
audioRecordingPreview: {
container: {},
currentTime: {},
infoContainer: {},
pauseIcon: {},
playIcon: {},
progressBar: {}
},
audioRecordingWaveform: {
container: {},
waveform: {}
},
container: {},
contentContainer: {},
cooldownButtonContainer: {},
cooldownTimer: {
text: {}
},
dismissAttachmentUpload: {
dismiss: {},
dismissIcon: {},
dismissIconColor: ''
},
editButton: {},
editButtonContainer: {},
fileAttachmentUploadPreview: {
fileContainer: {},
filenameText: {},
fileSizeText: {},
fileTextContainer: {},
uploadProgressOverlay: {},
wrapper: {}
},
fileUploadInProgressIndicator: {
container: {},
indicator: {}
},
fileUploadRetryIndicator: {
container: {},
networkErrorContainer: {},
networkErrorText: {},
retryButton: {},
retryText: {}
},
fileUploadNotSupportedIndicator: {
container: {},
notSupportedText: {}
},
imageUploadInProgressIndicator: {
container: {},
indicator: {}
},
imageUploadRetryIndicator: {
container: {}
},
imageUploadNotSupportedIndicator: {
container: {}
},
fileUploadPreview: {
flatList: {}
},
floatingWrapper: {},
focusedInputBoxContainer: {},
imageAttachmentUploadPreview: {
container: {},
upload: {},
wrapper: {}
},
videoAttachmentUploadPreview: {
durationContainer: {},
durationText: {}
},
inputBox: {},
inputBoxContainer: {},
inputBoxWrapper: {},
inputButtonsContainer: {},
inputContainer: {},
inputFloatingContainer: {},
micButtonContainer: {},
nativeAttachmentPicker: {
buttonContainer: {},
buttonDimmerStyle: {},
container: {}
},
outputButtonsContainer: {},
sendButton: {},
sendButtonContainer: {},
sendMessageDisallowedIndicator: {
container: {},
text: {}
},
showThreadMessageInChannelButton: {
check: {},
checkBoxActive: {},
checkBoxInactive: {},
container: {},
innerContainer: {},
text: {}
},
stopMessageStreamingButton: {},
stopMessageStreamingIcon: {},
suggestions: {
command: {
args: {},
container: {},
iconContainer: {},
title: {}
},
emoji: {
container: {},
text: {}
},
header: {
container: {},
title: {}
},
item: {},
mention: {
avatarSize: 40,
column: {},
container: {},
enhancedMentionContainer: {},
enhancedMentionIcon: {},
enhancedMentionSubtitle: {},
enhancedMentionTitle: {},
name: {},
tag: {}
}
},
suggestionsListContainer: {
container: {},
flatlist: {},
flatlistContentContainer: {}
},
wrapper: {},
linkPreviewList: {
linkContainer: {},
linkIcon: {},
container: {},
imageWrapper: {},
dismissWrapper: {},
thumbnail: {},
wrapper: {},
metadataContainer: {},
text: {},
titleText: {}
}
},
messageList: {
systemMessageContainer: {},
container: {},
contentContainer: {},
errorNotification: {},
errorNotificationText: {},
inlineUnreadIndicator: {
container: {},
text: {}
},
listContainer: {},
messageContainer: {},
inlineDateSeparatorContainer: {},
unreadUnderlayContainer: {},
messageSystem: {
container: {},
dateText: {},
line: {},
text: {},
textContainer: {}
},
scrollToBottomButton: {
container: {},
unreadCountNotificationContainer: {},
unreadCountNotificationText: {}
},
scrollToBottomButtonContainer: {},
stickyHeaderContainer: {},
typingIndicatorContainer: {},
unreadMessagesNotification: {
container: {},
leftButtonContainer: {},
rightButtonContainer: {}
},
unreadMessagesNotificationContainer: {}
},
notification: {
actionButton: {},
actionButtonText: {},
actionsContainer: {},
closeButton: {},
container: {},
contentContainer: {},
iconContainer: {},
message: {}
},
notificationList: {
container: {}
},
messageMenu: {
actionList: {
container: {},
contentContainer: {}
},
actionListItem: {
container: {},
icon: {},
title: {}
},
bottomSheet: {},
reactionButton: {},
reactionPicker: {
buttonContainer: {},
container: {},
contentContainer: {},
reactionIconSize: 24,
emojiViewerButton: {}
},
userReactions: {
avatarContainer: {},
avatarInnerContainer: {},
avatarName: {},
avatarNameContainer: {},
avatarSize: 64,
container: {},
contentContainer: {},
flatlistContainer: {},
radius: 2,
reactionBubble: {},
reactionBubbleBackground: {},
reactionBubbleBorderRadius: 24,
reactionSelectorContainer: {},
reactionsText: {},
title: {}
}
},
messagePreview: {
message: {}
},
messageItemView: {
blockedMessageContainer: {},
bubbleContentContainer: {},
bubbleErrorContainer: {},
bubbleReactionListTopContainer: {},
bubbleWrapper: {},
actions: {
button: {},
buttonText: {},
container: {}
},
authorWrapper: {
container: {},
spacer: {
height: BASE_AVATAR_SIZE,
width: BASE_AVATAR_SIZE
}
},
card: {
container: {},
cover: {},
footer: {
description: {},
title: {}
},
linkPreview: {},
linkPreviewText: {}
},
compactUrlPreview: {
wrapper: {},
container: {},
cardCover: {},
cardFooter: {},
title: {},
description: {},
linkPreview: {},
linkPreviewText: {}
},
container: {},
repliesContainer: {},
content: {
container: {},
containerInner: {},
contentContainer: {},
editedTimestampContainer: {},
errorContainer: {
paddingRight: 12,
paddingTop: 0
},
errorIcon: {
height: 20,
width: 20
},
errorIconContainer: {
bottom: -2,
position: 'absolute',
right: -12
},
eyeIcon: {
height: 16,
width: 16
},
lastMessageContainer: {},
markdown: {},
messageGroupedSingleOrBottomContainer: {},
messageGroupedTopContainer: {},
metaText: {
fontSize: 12
},
replyBorder: {},
replyContainer: {},
textContainer: {
onlyEmojiMarkdown: {
text: {
fontSize: 50
}
}
},
timestampText: {}
},
deleted: {
containerInner: {},
deletedText: {},
container: {}
},
footer: {
container: {},
name: {},
editedText: {}
},
contentWrapper: {},
contentContainer: {},
leftAlignItems: {},
rightAlignItems: {},
messageGroupedSingleStyles: {},
messageGroupedBottomStyles: {},
messageGroupedTopStyles: {},
messageGroupedMiddleStyles: {},
file: {
container: {},
details: {},
fileSize: {},
icon: {},
title: {}
},
unsupportedAttachment: {
container: {},
details: {},
title: {}
},
fileAttachmentGroup: {
attachmentContainer: {},
container: {}
},
attachmentUploadIndicator: {
indicator: {},
overlay: {},
overlayContent: {}
},
gallery: {
galleryContainer: {},
galleryItemColumn: {},
gridHeight: 192,
gridWidth: 256,
image: {},
imageBorderRadius: undefined,
imageContainer: {},
imageContainerStyle: {},
maxHeight: 192,
maxWidth: 256,
minHeight: 120,
minWidth: 120,
moreImagesContainer: {},
moreImagesText: {},
thumbnail: {}
},
giphy: {
actionButton: {},
actionButtonContainer: {},
actionButtonText: {},
container: {},
giphy: {},
giphyContainer: {},
giphyHeaderText: {},
giphyMask: {},
giphyMaskText: {},
header: {},
imageIndicatorContainer: {}
},
lastMessageContainer: {},
loadingIndicator: {
container: {},
roundedView: {}
},
messageBlocked: {
container: {},
text: {}
},
messageGroupedSingleOrBottomContainer: {},
messageGroupedTopContainer: {},
pinnedHeader: {
container: {},
label: {}
},
savedForLaterHeader: {
container: {},
label: {}
},
reminderHeader: {
container: {},
label: {},
dot: {},
time: {}
},
sentToChannelHeader: {
container: {},
label: {},
dot: {},
link: {}
},
reactionListBottom: {
contentContainer: {},
columnWrapper: {},
rowSeparator: {}
},
reactionListItem: {
reactionCount: {},
icon: {
size: 12,
style: {}
}
},
reactionListItemWrapper: {
wrapper: {},
container: {},
containerSelected: {},
containerPressed: {}
},
reactionListTop: {
container: {},
contentContainer: {},
list: {},
position: 8
},
reactionListClustered: {
contentContainer: {},
reactionCount: {},
iconStyle: {},
icon: {
size: 12,
style: {}
}
},
replies: {
container: {},
content: {},
messageRepliesText: {},
avatarStackContainer: {}
},
status: {
checkAllIcon: {},
checkIcon: {},
container: {},
timeIcon: {}
},
swipeContentContainer: {},
swipeLeftContent: {
container: {}
},
targetedMessageContainer: {},
videoThumbnail: {
container: {},
roundedView: {}
},
wrapper: {}
},
poll: {
allOptions: {
listContainer: {},
titleContainer: {},
titleText: {},
wrapper: {}
},
answersList: {
container: {},
contentContainer: {},
item: {
answerText: {},
container: {},
infoContainer: {},
userInfoContainer: {},
wrapper: {}
}
},
button: {
container: {},
text: {}
},
createContent: {
addComment: {
title: {},
description: {},
wrapper: {},
optionCardContent: {},
optionCardSwitch: {}
},
anonymousPoll: {
title: {},
description: {},
wrapper: {},
optionCardContent: {},
optionCardSwitch: {}
},
headerContainer: {},
maxVotes: {
input: {},
validationText: {},
wrapper: {}
},
multipleAnswers: {
row: {},
description: {},
input: {},
optionCardContent: {},
optionCardSwitch: {},
settingsWrapper: {},
title: {},
optionCard: {},
wrapper: {}
},
name: {
input: {},
title: {}
},
optionCardWrapper: {},
pollOptions: {
addOption: {
text: {},
wrapper: {}
},
container: {},
optionStyle: {
content: {},
validationErrorContainer: {},
input: {},
validationErrorText: {},
wrapper: {}
},
title: {}
},
scrollView: {},
sendButton: {},
suggestOption: {
title: {},
description: {},
wrapper: {},
optionCardContent: {},
optionCardSwitch: {}
}
},
fullResults: {
container: {},
contentContainer: {},
headerContainer: {},
headerText: {},
headerTitle: {}
},
inputDialog: {
button: {},
buttonContainer: {},
container: {},
input: {},
title: {},
transparentContainer: {}
},
message: {
container: {},
header: {
subtitle: {},
title: {}
},
option: {
container: {},
info: {},
header: {},
text: {},
progressBarContainer: {},
progressBar: {},
votesContainer: {},
votesText: {},
wrapper: {},
voteButtonContainer: {}
},
optionsWrapper: {}
},
modalHeader: {
container: {},
title: {}
},
results: {
container: {},
item: {
container: {},
headerContainer: {},
title: {},
titleMeta: {},
voteCount: {}
},
scrollView: {},
title: {},
titleMeta: {},
vote: {
container: {},
dateText: {},
userName: {}
}
}
},
progressControl: {
container: {},
filledStyles: {},
thumb: {}
},
reply: {
audioIcon: {},
container: {},
dismissWrapper: {},
fileIcon: {},
leftContainer: {},
linkIcon: {},
locationIcon: {},
photoIcon: {},
pollIcon: {},
rightContainer: {},
subtitle: {},
subtitleContainer: {},
title: {},
videoIcon: {},
wrapper: {},
messagePreview: {
container: {},
subtitle: {}
}
},
screenPadding: 16,
selectionCircle: {
circle: {},
circleSelected: {}
},
spinner: {},
thread: {
newThread: {
container: {},
text: {}
}
},
threadListItem: {
previewMessageContainer: {},
unreadBubbleWrapper: {},
wrapper: {},
container: {},
content: {},
channelName: {},
dateText: {},
lowerRow: {},
messageRepliesText: {},
messagePreview: {
container: {},
draftText: {},
subtitle: {}
},
messagePreviewDeliveryStatus: {
container: {},
text: {},
username: {}
}
},
threadListUnreadBanner: {
text: {},
container: {}
},
typingIndicator: {
container: {},
loadingDotsBubble: {},
avatarStackContainer: {},
text: {
fontSize: 14
}
},
waveProgressBar: {
container: {},
thumb: {},
waveform: {}
}
};
//# sourceMappingURL=theme.js.map