@sendbird/uikit-react-native-foundation 3.1.1 → 3.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/commonjs/assets/icon/icon-audio-off-filled.png +0 -0
- package/lib/commonjs/assets/icon/icon-audio-off-filled@2x.png +0 -0
- package/lib/commonjs/assets/icon/icon-audio-off-filled@3x.png +0 -0
- package/lib/commonjs/assets/icon/icon-audio-off.png +0 -0
- package/lib/commonjs/assets/icon/icon-audio-off@2x.png +0 -0
- package/lib/commonjs/assets/icon/icon-audio-off@3x.png +0 -0
- package/lib/commonjs/assets/icon/icon-audio-on-filled.png +0 -0
- package/lib/commonjs/assets/icon/icon-audio-on-filled@2x.png +0 -0
- package/lib/commonjs/assets/icon/icon-audio-on-filled@3x.png +0 -0
- package/lib/commonjs/assets/icon/icon-audio-on.png +0 -0
- package/lib/commonjs/assets/icon/icon-audio-on@2x.png +0 -0
- package/lib/commonjs/assets/icon/icon-audio-on@3x.png +0 -0
- package/lib/commonjs/assets/icon/icon-pause.png +0 -0
- package/lib/commonjs/assets/icon/icon-pause@2x.png +0 -0
- package/lib/commonjs/assets/icon/icon-pause@3x.png +0 -0
- package/lib/commonjs/assets/icon/icon-recording.png +0 -0
- package/lib/commonjs/assets/icon/icon-recording@2x.png +0 -0
- package/lib/commonjs/assets/icon/icon-recording@3x.png +0 -0
- package/lib/commonjs/assets/icon/icon-stop.png +0 -0
- package/lib/commonjs/assets/icon/icon-stop@2x.png +0 -0
- package/lib/commonjs/assets/icon/icon-stop@3x.png +0 -0
- package/lib/commonjs/assets/icon/index.js +7 -0
- package/lib/commonjs/assets/icon/index.js.map +1 -1
- package/lib/commonjs/components/Box/index.js +2 -2
- package/lib/commonjs/components/Box/index.js.map +1 -1
- package/lib/commonjs/components/Icon/index.js +4 -3
- package/lib/commonjs/components/Icon/index.js.map +1 -1
- package/lib/commonjs/components/Image/FastImageInternal.js.map +1 -1
- package/lib/commonjs/components/Image/index.js.map +1 -1
- package/lib/commonjs/components/Modal/index.js +1 -1
- package/lib/commonjs/components/Modal/index.js.map +1 -1
- package/lib/commonjs/components/PressBox/index.js.map +1 -1
- package/lib/commonjs/components/ProgressBar/index.js +72 -0
- package/lib/commonjs/components/ProgressBar/index.js.map +1 -0
- package/lib/commonjs/components/RegexText/index.js.map +1 -1
- package/lib/commonjs/index.js +7 -0
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/styles/HeaderStyleContext.js.map +1 -1
- package/lib/commonjs/styles/createScaleFactor.js +5 -4
- package/lib/commonjs/styles/createScaleFactor.js.map +1 -1
- package/lib/commonjs/theme/DarkUIKitTheme.js +80 -36
- package/lib/commonjs/theme/DarkUIKitTheme.js.map +1 -1
- package/lib/commonjs/theme/LightUIKitTheme.js +80 -36
- package/lib/commonjs/theme/LightUIKitTheme.js.map +1 -1
- package/lib/commonjs/types.js.map +1 -1
- package/lib/commonjs/ui/Avatar/index.js +4 -3
- package/lib/commonjs/ui/Avatar/index.js.map +1 -1
- package/lib/commonjs/ui/BottomSheet/index.js.map +1 -1
- package/lib/commonjs/ui/Dialog/DialogSheet.js.map +1 -1
- package/lib/commonjs/ui/GroupChannelMessage/Message.file.voice.js +108 -0
- package/lib/commonjs/ui/GroupChannelMessage/Message.file.voice.js.map +1 -0
- package/lib/commonjs/ui/GroupChannelMessage/Message.unknown.js +1 -1
- package/lib/commonjs/ui/GroupChannelMessage/Message.unknown.js.map +1 -1
- package/lib/commonjs/ui/GroupChannelMessage/index.js +2 -0
- package/lib/commonjs/ui/GroupChannelMessage/index.js.map +1 -1
- package/lib/commonjs/ui/GroupChannelPreview/index.js.map +1 -1
- package/lib/commonjs/ui/Header/index.js +5 -4
- package/lib/commonjs/ui/Header/index.js.map +1 -1
- package/lib/commonjs/ui/OpenChannelMessage/MessageContainer.js.map +1 -1
- package/lib/commonjs/ui/OpenChannelPreview/index.js.map +1 -1
- package/lib/commonjs/ui/ProfileCard/index.js.map +1 -1
- package/lib/module/assets/icon/icon-audio-off-filled.png +0 -0
- package/lib/module/assets/icon/icon-audio-off-filled@2x.png +0 -0
- package/lib/module/assets/icon/icon-audio-off-filled@3x.png +0 -0
- package/lib/module/assets/icon/icon-audio-off.png +0 -0
- package/lib/module/assets/icon/icon-audio-off@2x.png +0 -0
- package/lib/module/assets/icon/icon-audio-off@3x.png +0 -0
- package/lib/module/assets/icon/icon-audio-on-filled.png +0 -0
- package/lib/module/assets/icon/icon-audio-on-filled@2x.png +0 -0
- package/lib/module/assets/icon/icon-audio-on-filled@3x.png +0 -0
- package/lib/module/assets/icon/icon-audio-on.png +0 -0
- package/lib/module/assets/icon/icon-audio-on@2x.png +0 -0
- package/lib/module/assets/icon/icon-audio-on@3x.png +0 -0
- package/lib/module/assets/icon/icon-pause.png +0 -0
- package/lib/module/assets/icon/icon-pause@2x.png +0 -0
- package/lib/module/assets/icon/icon-pause@3x.png +0 -0
- package/lib/module/assets/icon/icon-recording.png +0 -0
- package/lib/module/assets/icon/icon-recording@2x.png +0 -0
- package/lib/module/assets/icon/icon-recording@3x.png +0 -0
- package/lib/module/assets/icon/icon-stop.png +0 -0
- package/lib/module/assets/icon/icon-stop@2x.png +0 -0
- package/lib/module/assets/icon/icon-stop@3x.png +0 -0
- package/lib/module/assets/icon/index.js +7 -0
- package/lib/module/assets/icon/index.js.map +1 -1
- package/lib/module/components/Box/index.js +2 -2
- package/lib/module/components/Box/index.js.map +1 -1
- package/lib/module/components/Icon/index.js +4 -3
- package/lib/module/components/Icon/index.js.map +1 -1
- package/lib/module/components/Image/FastImageInternal.js.map +1 -1
- package/lib/module/components/Image/index.js.map +1 -1
- package/lib/module/components/Modal/index.js +1 -1
- package/lib/module/components/Modal/index.js.map +1 -1
- package/lib/module/components/PressBox/index.js.map +1 -1
- package/lib/module/components/ProgressBar/index.js +62 -0
- package/lib/module/components/ProgressBar/index.js.map +1 -0
- package/lib/module/components/RegexText/index.js.map +1 -1
- package/lib/module/index.js +1 -0
- package/lib/module/index.js.map +1 -1
- package/lib/module/styles/HeaderStyleContext.js.map +1 -1
- package/lib/module/styles/createScaleFactor.js +5 -4
- package/lib/module/styles/createScaleFactor.js.map +1 -1
- package/lib/module/theme/DarkUIKitTheme.js +80 -36
- package/lib/module/theme/DarkUIKitTheme.js.map +1 -1
- package/lib/module/theme/LightUIKitTheme.js +80 -36
- package/lib/module/theme/LightUIKitTheme.js.map +1 -1
- package/lib/module/types.js.map +1 -1
- package/lib/module/ui/Avatar/index.js +4 -3
- package/lib/module/ui/Avatar/index.js.map +1 -1
- package/lib/module/ui/BottomSheet/index.js.map +1 -1
- package/lib/module/ui/Dialog/DialogSheet.js.map +1 -1
- package/lib/module/ui/GroupChannelMessage/Message.file.voice.js +98 -0
- package/lib/module/ui/GroupChannelMessage/Message.file.voice.js.map +1 -0
- package/lib/module/ui/GroupChannelMessage/Message.unknown.js +1 -1
- package/lib/module/ui/GroupChannelMessage/Message.unknown.js.map +1 -1
- package/lib/module/ui/GroupChannelMessage/index.js +2 -0
- package/lib/module/ui/GroupChannelMessage/index.js.map +1 -1
- package/lib/module/ui/GroupChannelPreview/index.js.map +1 -1
- package/lib/module/ui/Header/index.js +5 -4
- package/lib/module/ui/Header/index.js.map +1 -1
- package/lib/module/ui/OpenChannelMessage/MessageContainer.js.map +1 -1
- package/lib/module/ui/OpenChannelPreview/index.js.map +1 -1
- package/lib/module/ui/ProfileCard/index.js.map +1 -1
- package/lib/typescript/src/assets/icon/index.d.ts +7 -0
- package/lib/typescript/src/components/Box/index.d.ts +2 -1
- package/lib/typescript/src/components/Divider/index.d.ts +2 -1
- package/lib/typescript/src/components/Icon/index.d.ts +76 -7
- package/lib/typescript/src/components/Image/FastImageInternal.d.ts +2 -1
- package/lib/typescript/src/components/Image/index.d.ts +2 -1
- package/lib/typescript/src/components/ImageWithPlaceholder/index.d.ts +2 -1
- package/lib/typescript/src/components/Modal/index.d.ts +2 -1
- package/lib/typescript/src/components/PressBox/index.d.ts +2 -1
- package/lib/typescript/src/components/ProgressBar/index.d.ts +12 -0
- package/lib/typescript/src/components/RegexText/index.d.ts +3 -2
- package/lib/typescript/src/components/Switch/index.d.ts +1 -1
- package/lib/typescript/src/components/Text/index.d.ts +2 -1
- package/lib/typescript/src/components/VideoThumbnail/index.d.ts +2 -1
- package/lib/typescript/src/index.d.ts +1 -0
- package/lib/typescript/src/styles/HeaderStyleContext.d.ts +2 -2
- package/lib/typescript/src/styles/createScaleFactor.d.ts +4 -5
- package/lib/typescript/src/theme/UIKitThemeProvider.d.ts +1 -1
- package/lib/typescript/src/types.d.ts +11 -7
- package/lib/typescript/src/ui/ActionMenu/index.d.ts +2 -1
- package/lib/typescript/src/ui/Alert/index.d.ts +2 -1
- package/lib/typescript/src/ui/Avatar/AvatarGroup.d.ts +1 -1
- package/lib/typescript/src/ui/Avatar/AvatarIcon.d.ts +2 -1
- package/lib/typescript/src/ui/Avatar/index.d.ts +16 -8
- package/lib/typescript/src/ui/Badge/index.d.ts +2 -1
- package/lib/typescript/src/ui/BottomSheet/index.d.ts +3 -2
- package/lib/typescript/src/ui/Button/index.d.ts +1 -1
- package/lib/typescript/src/ui/ChannelFrozenBanner/index.d.ts +2 -1
- package/lib/typescript/src/ui/Dialog/DialogBox.d.ts +1 -1
- package/lib/typescript/src/ui/Dialog/DialogSheet.d.ts +3 -3
- package/lib/typescript/src/ui/Dialog/index.d.ts +1 -1
- package/lib/typescript/src/ui/GroupChannelMessage/Message.admin.d.ts +2 -1
- package/lib/typescript/src/ui/GroupChannelMessage/Message.file.d.ts +2 -1
- package/lib/typescript/src/ui/GroupChannelMessage/Message.file.image.d.ts +2 -1
- package/lib/typescript/src/ui/GroupChannelMessage/Message.file.video.d.ts +2 -1
- package/lib/typescript/src/ui/GroupChannelMessage/Message.file.voice.d.ts +14 -0
- package/lib/typescript/src/ui/GroupChannelMessage/Message.unknown.d.ts +2 -1
- package/lib/typescript/src/ui/GroupChannelMessage/Message.user.d.ts +2 -1
- package/lib/typescript/src/ui/GroupChannelMessage/Message.user.og.d.ts +2 -1
- package/lib/typescript/src/ui/GroupChannelMessage/MessageBubbleWithText.d.ts +2 -1
- package/lib/typescript/src/ui/GroupChannelMessage/MessageContainer.d.ts +4 -3
- package/lib/typescript/src/ui/GroupChannelMessage/MessageOpenGraph.d.ts +2 -1
- package/lib/typescript/src/ui/GroupChannelMessage/index.d.ts +43 -7
- package/lib/typescript/src/ui/GroupChannelPreview/index.d.ts +3 -3
- package/lib/typescript/src/ui/Header/index.d.ts +8 -12
- package/lib/typescript/src/ui/LoadingSpinner/index.d.ts +2 -1
- package/lib/typescript/src/ui/MenuBar/index.d.ts +1 -1
- package/lib/typescript/src/ui/OpenChannelMessage/Message.admin.d.ts +2 -1
- package/lib/typescript/src/ui/OpenChannelMessage/Message.file.d.ts +2 -1
- package/lib/typescript/src/ui/OpenChannelMessage/Message.file.image.d.ts +2 -1
- package/lib/typescript/src/ui/OpenChannelMessage/Message.file.video.d.ts +2 -1
- package/lib/typescript/src/ui/OpenChannelMessage/Message.unknown.d.ts +2 -1
- package/lib/typescript/src/ui/OpenChannelMessage/Message.user.d.ts +2 -1
- package/lib/typescript/src/ui/OpenChannelMessage/Message.user.og.d.ts +2 -1
- package/lib/typescript/src/ui/OpenChannelMessage/MessageContainer.d.ts +2 -1
- package/lib/typescript/src/ui/OpenChannelMessage/index.d.ts +7 -7
- package/lib/typescript/src/ui/OpenChannelPreview/index.d.ts +2 -2
- package/lib/typescript/src/ui/OutlinedButton/index.d.ts +2 -1
- package/lib/typescript/src/ui/Placeholder/index.d.ts +2 -1
- package/lib/typescript/src/ui/ProfileCard/index.d.ts +3 -2
- package/lib/typescript/src/ui/Prompt/index.d.ts +2 -1
- package/lib/typescript/src/ui/Toast/index.d.ts +2 -2
- package/package.json +5 -9
- package/src/assets/icon/icon-audio-off-filled.png +0 -0
- package/src/assets/icon/icon-audio-off-filled@2x.png +0 -0
- package/src/assets/icon/icon-audio-off-filled@3x.png +0 -0
- package/src/assets/icon/icon-audio-off.png +0 -0
- package/src/assets/icon/icon-audio-off@2x.png +0 -0
- package/src/assets/icon/icon-audio-off@3x.png +0 -0
- package/src/assets/icon/icon-audio-on-filled.png +0 -0
- package/src/assets/icon/icon-audio-on-filled@2x.png +0 -0
- package/src/assets/icon/icon-audio-on-filled@3x.png +0 -0
- package/src/assets/icon/icon-audio-on.png +0 -0
- package/src/assets/icon/icon-audio-on@2x.png +0 -0
- package/src/assets/icon/icon-audio-on@3x.png +0 -0
- package/src/assets/icon/icon-pause.png +0 -0
- package/src/assets/icon/icon-pause@2x.png +0 -0
- package/src/assets/icon/icon-pause@3x.png +0 -0
- package/src/assets/icon/icon-recording.png +0 -0
- package/src/assets/icon/icon-recording@2x.png +0 -0
- package/src/assets/icon/icon-recording@3x.png +0 -0
- package/src/assets/icon/icon-stop.png +0 -0
- package/src/assets/icon/icon-stop@2x.png +0 -0
- package/src/assets/icon/icon-stop@3x.png +0 -0
- package/src/assets/icon/index.ts +7 -0
- package/src/components/Box/index.tsx +1 -1
- package/src/components/Icon/index.tsx +6 -7
- package/src/components/Image/FastImageInternal.tsx +3 -2
- package/src/components/Image/index.ts +2 -1
- package/src/components/Modal/index.tsx +1 -1
- package/src/components/PressBox/index.tsx +1 -0
- package/src/components/ProgressBar/index.tsx +72 -0
- package/src/components/RegexText/index.tsx +3 -3
- package/src/index.ts +1 -0
- package/src/styles/HeaderStyleContext.tsx +1 -1
- package/src/styles/createScaleFactor.ts +5 -5
- package/src/theme/DarkUIKitTheme.ts +80 -37
- package/src/theme/LightUIKitTheme.ts +80 -37
- package/src/types.ts +31 -7
- package/src/ui/Avatar/index.tsx +6 -14
- package/src/ui/BottomSheet/index.tsx +2 -2
- package/src/ui/Dialog/DialogSheet.tsx +2 -2
- package/src/ui/GroupChannelMessage/Message.file.voice.tsx +123 -0
- package/src/ui/GroupChannelMessage/Message.unknown.tsx +1 -1
- package/src/ui/GroupChannelMessage/index.ts +7 -0
- package/src/ui/GroupChannelPreview/index.tsx +2 -2
- package/src/ui/Header/index.tsx +8 -12
- package/src/ui/OpenChannelMessage/MessageContainer.tsx +1 -1
- package/src/ui/OpenChannelPreview/index.tsx +1 -1
- package/src/ui/ProfileCard/index.tsx +2 -2
|
@@ -9,40 +9,6 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
|
|
|
9
9
|
const DarkUIKitTheme = (0, _createTheme.default)({
|
|
10
10
|
colorScheme: 'dark',
|
|
11
11
|
colors: palette => {
|
|
12
|
-
const groupChannelMessage = {
|
|
13
|
-
incoming: {
|
|
14
|
-
enabled: {
|
|
15
|
-
textMsg: palette.onBackgroundDark01,
|
|
16
|
-
textEdited: palette.onBackgroundDark02,
|
|
17
|
-
textTime: palette.onBackgroundDark03,
|
|
18
|
-
textSenderName: palette.onBackgroundDark02,
|
|
19
|
-
background: palette.background400
|
|
20
|
-
},
|
|
21
|
-
pressed: {
|
|
22
|
-
textMsg: palette.onBackgroundDark01,
|
|
23
|
-
textEdited: palette.onBackgroundDark02,
|
|
24
|
-
textTime: palette.onBackgroundDark03,
|
|
25
|
-
textSenderName: palette.onBackgroundDark02,
|
|
26
|
-
background: palette.primary500
|
|
27
|
-
}
|
|
28
|
-
},
|
|
29
|
-
outgoing: {
|
|
30
|
-
enabled: {
|
|
31
|
-
textMsg: palette.onBackgroundLight01,
|
|
32
|
-
textEdited: palette.onBackgroundLight02,
|
|
33
|
-
textTime: palette.onBackgroundDark03,
|
|
34
|
-
textSenderName: palette.transparent,
|
|
35
|
-
background: palette.primary200
|
|
36
|
-
},
|
|
37
|
-
pressed: {
|
|
38
|
-
textMsg: palette.onBackgroundLight01,
|
|
39
|
-
textEdited: palette.onBackgroundLight02,
|
|
40
|
-
textTime: palette.onBackgroundDark03,
|
|
41
|
-
textSenderName: palette.transparent,
|
|
42
|
-
background: palette.primary300
|
|
43
|
-
}
|
|
44
|
-
}
|
|
45
|
-
};
|
|
46
12
|
return {
|
|
47
13
|
primary: palette.primary200,
|
|
48
14
|
secondary: palette.secondary200,
|
|
@@ -154,7 +120,6 @@ const DarkUIKitTheme = (0, _createTheme.default)({
|
|
|
154
120
|
}
|
|
155
121
|
}
|
|
156
122
|
},
|
|
157
|
-
message: groupChannelMessage,
|
|
158
123
|
dateSeparator: {
|
|
159
124
|
default: {
|
|
160
125
|
none: {
|
|
@@ -163,7 +128,60 @@ const DarkUIKitTheme = (0, _createTheme.default)({
|
|
|
163
128
|
}
|
|
164
129
|
}
|
|
165
130
|
},
|
|
166
|
-
groupChannelMessage
|
|
131
|
+
groupChannelMessage: {
|
|
132
|
+
incoming: {
|
|
133
|
+
enabled: {
|
|
134
|
+
textMsg: palette.onBackgroundDark01,
|
|
135
|
+
textEdited: palette.onBackgroundDark02,
|
|
136
|
+
textTime: palette.onBackgroundDark03,
|
|
137
|
+
textSenderName: palette.onBackgroundDark02,
|
|
138
|
+
background: palette.background400,
|
|
139
|
+
textVoicePlaytime: palette.onBackgroundDark01,
|
|
140
|
+
voiceSpinner: palette.primary200,
|
|
141
|
+
voiceProgressTrack: palette.background400,
|
|
142
|
+
voiceActionIcon: palette.primary200,
|
|
143
|
+
voiceActionIconBackground: palette.background700
|
|
144
|
+
},
|
|
145
|
+
pressed: {
|
|
146
|
+
textMsg: palette.onBackgroundDark01,
|
|
147
|
+
textEdited: palette.onBackgroundDark02,
|
|
148
|
+
textTime: palette.onBackgroundDark03,
|
|
149
|
+
textSenderName: palette.onBackgroundDark02,
|
|
150
|
+
background: palette.primary500,
|
|
151
|
+
textVoicePlaytime: palette.onBackgroundDark01,
|
|
152
|
+
voiceSpinner: palette.primary200,
|
|
153
|
+
voiceProgressTrack: palette.background400,
|
|
154
|
+
voiceActionIcon: palette.primary200,
|
|
155
|
+
voiceActionIconBackground: palette.background700
|
|
156
|
+
}
|
|
157
|
+
},
|
|
158
|
+
outgoing: {
|
|
159
|
+
enabled: {
|
|
160
|
+
textMsg: palette.onBackgroundLight01,
|
|
161
|
+
textEdited: palette.onBackgroundLight02,
|
|
162
|
+
textTime: palette.onBackgroundDark03,
|
|
163
|
+
textSenderName: palette.transparent,
|
|
164
|
+
background: palette.primary200,
|
|
165
|
+
textVoicePlaytime: palette.onBackgroundLight01,
|
|
166
|
+
voiceSpinner: palette.primary300,
|
|
167
|
+
voiceProgressTrack: palette.primary200,
|
|
168
|
+
voiceActionIcon: palette.primary200,
|
|
169
|
+
voiceActionIconBackground: palette.background700
|
|
170
|
+
},
|
|
171
|
+
pressed: {
|
|
172
|
+
textMsg: palette.onBackgroundLight01,
|
|
173
|
+
textEdited: palette.onBackgroundLight02,
|
|
174
|
+
textTime: palette.onBackgroundDark03,
|
|
175
|
+
textSenderName: palette.transparent,
|
|
176
|
+
background: palette.primary300,
|
|
177
|
+
textVoicePlaytime: palette.onBackgroundLight01,
|
|
178
|
+
voiceSpinner: palette.primary300,
|
|
179
|
+
voiceProgressTrack: palette.primary200,
|
|
180
|
+
voiceActionIcon: palette.primary200,
|
|
181
|
+
voiceActionIconBackground: palette.background700
|
|
182
|
+
}
|
|
183
|
+
}
|
|
184
|
+
},
|
|
167
185
|
groupChannelPreview: {
|
|
168
186
|
default: {
|
|
169
187
|
none: {
|
|
@@ -247,6 +265,32 @@ const DarkUIKitTheme = (0, _createTheme.default)({
|
|
|
247
265
|
separator: palette.onBackgroundDark04
|
|
248
266
|
}
|
|
249
267
|
}
|
|
268
|
+
},
|
|
269
|
+
voiceMessageInput: {
|
|
270
|
+
default: {
|
|
271
|
+
active: {
|
|
272
|
+
textCancel: palette.primary200,
|
|
273
|
+
textTime: palette.onBackgroundLight01,
|
|
274
|
+
background: palette.background600,
|
|
275
|
+
actionIcon: palette.onBackgroundDark01,
|
|
276
|
+
actionIconBackground: palette.background500,
|
|
277
|
+
sendIcon: palette.onBackgroundLight01,
|
|
278
|
+
sendIconBackground: palette.primary200,
|
|
279
|
+
progressTrack: palette.primary200,
|
|
280
|
+
recording: palette.error300
|
|
281
|
+
},
|
|
282
|
+
inactive: {
|
|
283
|
+
textCancel: palette.primary200,
|
|
284
|
+
textTime: palette.onBackgroundDark03,
|
|
285
|
+
background: palette.background600,
|
|
286
|
+
actionIcon: palette.onBackgroundDark01,
|
|
287
|
+
actionIconBackground: palette.background500,
|
|
288
|
+
sendIcon: palette.onBackgroundDark04,
|
|
289
|
+
sendIconBackground: palette.background500,
|
|
290
|
+
progressTrack: palette.background400,
|
|
291
|
+
recording: palette.error200
|
|
292
|
+
}
|
|
293
|
+
}
|
|
250
294
|
}
|
|
251
295
|
}
|
|
252
296
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_createTheme","_interopRequireDefault","require","obj","__esModule","default","DarkUIKitTheme","createTheme","colorScheme","colors","palette","groupChannelMessage","incoming","enabled","textMsg","onBackgroundDark01","textEdited","onBackgroundDark02","textTime","onBackgroundDark03","textSenderName","background","background400","pressed","primary500","outgoing","onBackgroundLight01","onBackgroundLight02","transparent","primary200","primary300","primary","secondary","secondary200","error","error200","background600","text","onBackground01","onBackground02","onBackground03","onBackground04","onBackgroundDark04","onBackgroundReverse01","onBackgroundReverse02","onBackgroundReverse03","onBackgroundLight03","onBackgroundReverse04","onBackgroundLight04","ui","header","nav","none","background500","borderBottom","button","contained","content","disabled","dialog","message","highlight","destructive","error300","blurred","input","active","placeholder","underline","badge","dateSeparator","overlay02","groupChannelPreview","textTitle","textTitleCaption","textBody","bodyIcon","memberCount","coverBackground","bodyIconBackground","separator","profileCard","textUsername","textBodyLabel","reaction","selected","rounded","openChannelMessage","bubbleBackground","adminBackground","textMsgPostfix","textOperator","background700","openChannelPreview","textParticipants","frozenIcon","participantsIcon","background300","_default","exports"],"sources":["DarkUIKitTheme.ts"],"sourcesContent":["import createTheme from './createTheme';\n\nconst DarkUIKitTheme = createTheme({\n colorScheme: 'dark',\n colors: (palette) => {\n const groupChannelMessage = {\n incoming: {\n enabled: {\n textMsg: palette.onBackgroundDark01,\n textEdited: palette.onBackgroundDark02,\n textTime: palette.onBackgroundDark03,\n textSenderName: palette.onBackgroundDark02,\n background: palette.background400,\n },\n pressed: {\n textMsg: palette.onBackgroundDark01,\n textEdited: palette.onBackgroundDark02,\n textTime: palette.onBackgroundDark03,\n textSenderName: palette.onBackgroundDark02,\n background: palette.primary500,\n },\n },\n outgoing: {\n enabled: {\n textMsg: palette.onBackgroundLight01,\n textEdited: palette.onBackgroundLight02,\n textTime: palette.onBackgroundDark03,\n textSenderName: palette.transparent,\n background: palette.primary200,\n },\n pressed: {\n textMsg: palette.onBackgroundLight01,\n textEdited: palette.onBackgroundLight02,\n textTime: palette.onBackgroundDark03,\n textSenderName: palette.transparent,\n background: palette.primary300,\n },\n },\n };\n\n return {\n primary: palette.primary200,\n secondary: palette.secondary200,\n error: palette.error200,\n background: palette.background600,\n text: palette.onBackgroundDark01,\n onBackground01: palette.onBackgroundDark01,\n onBackground02: palette.onBackgroundDark02,\n onBackground03: palette.onBackgroundDark03,\n onBackground04: palette.onBackgroundDark04,\n onBackgroundReverse01: palette.onBackgroundLight01,\n onBackgroundReverse02: palette.onBackgroundLight02,\n onBackgroundReverse03: palette.onBackgroundLight03,\n onBackgroundReverse04: palette.onBackgroundLight04,\n ui: {\n header: {\n nav: {\n none: {\n background: palette.background500,\n borderBottom: palette.onBackgroundDark04,\n },\n },\n },\n button: {\n contained: {\n enabled: {\n background: palette.primary200,\n content: palette.onBackgroundLight01,\n },\n pressed: {\n background: palette.primary300,\n content: palette.onBackgroundLight01,\n },\n disabled: {\n background: palette.background500,\n content: palette.onBackgroundDark04,\n },\n },\n text: {\n enabled: {\n background: palette.transparent,\n content: palette.primary200,\n },\n pressed: {\n background: palette.background400,\n content: palette.primary200,\n },\n disabled: {\n background: palette.transparent,\n content: palette.onBackgroundDark04,\n },\n },\n },\n dialog: {\n default: {\n none: {\n background: palette.background500,\n text: palette.onBackgroundDark01,\n message: palette.onBackgroundDark02,\n highlight: palette.primary200,\n destructive: palette.error300,\n blurred: palette.onBackgroundDark04,\n },\n },\n },\n input: {\n default: {\n active: {\n text: palette.onBackgroundDark01,\n placeholder: palette.onBackgroundDark03,\n background: palette.background400,\n highlight: palette.primary200,\n },\n disabled: {\n text: palette.onBackgroundDark04,\n placeholder: palette.onBackgroundDark04,\n background: palette.background400,\n highlight: palette.onBackgroundDark04,\n },\n },\n underline: {\n active: {\n text: palette.onBackgroundDark01,\n placeholder: palette.onBackgroundDark03,\n background: palette.transparent,\n highlight: palette.primary200,\n },\n disabled: {\n text: palette.onBackgroundDark04,\n placeholder: palette.onBackgroundDark04,\n background: palette.transparent,\n highlight: palette.onBackgroundDark04,\n },\n },\n },\n badge: {\n default: {\n none: {\n text: palette.background600,\n background: palette.primary200,\n },\n },\n },\n placeholder: {\n default: {\n none: {\n content: palette.onBackgroundDark03,\n highlight: palette.primary200,\n },\n },\n },\n message: groupChannelMessage,\n dateSeparator: {\n default: {\n none: {\n text: palette.onBackgroundDark02,\n background: palette.overlay02,\n },\n },\n },\n groupChannelMessage,\n groupChannelPreview: {\n default: {\n none: {\n textTitle: palette.onBackgroundDark01,\n textTitleCaption: palette.onBackgroundDark03,\n textBody: palette.onBackgroundDark03,\n bodyIcon: palette.onBackgroundDark02,\n memberCount: palette.onBackgroundDark02,\n background: palette.background600,\n coverBackground: palette.onBackgroundDark04,\n bodyIconBackground: palette.background500,\n separator: palette.onBackgroundDark04,\n },\n },\n },\n profileCard: {\n default: {\n none: {\n textUsername: palette.onBackgroundDark01,\n textBodyLabel: palette.onBackgroundDark02,\n textBody: palette.onBackgroundDark01,\n background: palette.background500,\n },\n },\n },\n reaction: {\n default: {\n enabled: {\n background: palette.transparent,\n highlight: palette.onBackgroundDark03,\n },\n selected: {\n background: palette.primary500,\n highlight: palette.primary200,\n },\n },\n rounded: {\n enabled: {\n background: palette.background400,\n highlight: palette.transparent,\n },\n selected: {\n background: palette.primary500,\n highlight: palette.transparent,\n },\n },\n },\n openChannelMessage: {\n default: {\n enabled: {\n background: palette.transparent,\n bubbleBackground: palette.background500,\n adminBackground: palette.background500,\n textMsg: palette.onBackgroundDark01,\n textMsgPostfix: palette.onBackgroundDark02,\n textSenderName: palette.onBackgroundDark02,\n textTime: palette.onBackgroundDark03,\n textOperator: palette.secondary200,\n },\n pressed: {\n background: palette.background500,\n bubbleBackground: palette.background700,\n adminBackground: palette.background500,\n textMsg: palette.onBackgroundDark01,\n textMsgPostfix: palette.onBackgroundDark02,\n textSenderName: palette.onBackgroundDark02,\n textTime: palette.onBackgroundDark03,\n textOperator: palette.secondary200,\n },\n },\n },\n openChannelPreview: {\n default: {\n none: {\n textTitle: palette.onBackgroundDark01,\n textParticipants: palette.onBackgroundDark02,\n frozenIcon: palette.primary200,\n participantsIcon: palette.onBackgroundDark02,\n background: palette.background600,\n coverBackground: palette.background300,\n separator: palette.onBackgroundDark04,\n },\n },\n },\n },\n };\n },\n});\n\nexport default DarkUIKitTheme;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"names":["_createTheme","_interopRequireDefault","require","obj","__esModule","default","DarkUIKitTheme","createTheme","colorScheme","colors","palette","primary","primary200","secondary","secondary200","error","error200","background","background600","text","onBackgroundDark01","onBackground01","onBackground02","onBackgroundDark02","onBackground03","onBackgroundDark03","onBackground04","onBackgroundDark04","onBackgroundReverse01","onBackgroundLight01","onBackgroundReverse02","onBackgroundLight02","onBackgroundReverse03","onBackgroundLight03","onBackgroundReverse04","onBackgroundLight04","ui","header","nav","none","background500","borderBottom","button","contained","enabled","content","pressed","primary300","disabled","transparent","background400","dialog","message","highlight","destructive","error300","blurred","input","active","placeholder","underline","badge","dateSeparator","overlay02","groupChannelMessage","incoming","textMsg","textEdited","textTime","textSenderName","textVoicePlaytime","voiceSpinner","voiceProgressTrack","voiceActionIcon","voiceActionIconBackground","background700","primary500","outgoing","groupChannelPreview","textTitle","textTitleCaption","textBody","bodyIcon","memberCount","coverBackground","bodyIconBackground","separator","profileCard","textUsername","textBodyLabel","reaction","selected","rounded","openChannelMessage","bubbleBackground","adminBackground","textMsgPostfix","textOperator","openChannelPreview","textParticipants","frozenIcon","participantsIcon","background300","voiceMessageInput","textCancel","actionIcon","actionIconBackground","sendIcon","sendIconBackground","progressTrack","recording","inactive","_default","exports"],"sources":["DarkUIKitTheme.ts"],"sourcesContent":["import createTheme from './createTheme';\n\nconst DarkUIKitTheme = createTheme({\n colorScheme: 'dark',\n colors: (palette) => {\n return {\n primary: palette.primary200,\n secondary: palette.secondary200,\n error: palette.error200,\n background: palette.background600,\n text: palette.onBackgroundDark01,\n onBackground01: palette.onBackgroundDark01,\n onBackground02: palette.onBackgroundDark02,\n onBackground03: palette.onBackgroundDark03,\n onBackground04: palette.onBackgroundDark04,\n onBackgroundReverse01: palette.onBackgroundLight01,\n onBackgroundReverse02: palette.onBackgroundLight02,\n onBackgroundReverse03: palette.onBackgroundLight03,\n onBackgroundReverse04: palette.onBackgroundLight04,\n ui: {\n header: {\n nav: {\n none: {\n background: palette.background500,\n borderBottom: palette.onBackgroundDark04,\n },\n },\n },\n button: {\n contained: {\n enabled: {\n background: palette.primary200,\n content: palette.onBackgroundLight01,\n },\n pressed: {\n background: palette.primary300,\n content: palette.onBackgroundLight01,\n },\n disabled: {\n background: palette.background500,\n content: palette.onBackgroundDark04,\n },\n },\n text: {\n enabled: {\n background: palette.transparent,\n content: palette.primary200,\n },\n pressed: {\n background: palette.background400,\n content: palette.primary200,\n },\n disabled: {\n background: palette.transparent,\n content: palette.onBackgroundDark04,\n },\n },\n },\n dialog: {\n default: {\n none: {\n background: palette.background500,\n text: palette.onBackgroundDark01,\n message: palette.onBackgroundDark02,\n highlight: palette.primary200,\n destructive: palette.error300,\n blurred: palette.onBackgroundDark04,\n },\n },\n },\n input: {\n default: {\n active: {\n text: palette.onBackgroundDark01,\n placeholder: palette.onBackgroundDark03,\n background: palette.background400,\n highlight: palette.primary200,\n },\n disabled: {\n text: palette.onBackgroundDark04,\n placeholder: palette.onBackgroundDark04,\n background: palette.background400,\n highlight: palette.onBackgroundDark04,\n },\n },\n underline: {\n active: {\n text: palette.onBackgroundDark01,\n placeholder: palette.onBackgroundDark03,\n background: palette.transparent,\n highlight: palette.primary200,\n },\n disabled: {\n text: palette.onBackgroundDark04,\n placeholder: palette.onBackgroundDark04,\n background: palette.transparent,\n highlight: palette.onBackgroundDark04,\n },\n },\n },\n badge: {\n default: {\n none: {\n text: palette.background600,\n background: palette.primary200,\n },\n },\n },\n placeholder: {\n default: {\n none: {\n content: palette.onBackgroundDark03,\n highlight: palette.primary200,\n },\n },\n },\n dateSeparator: {\n default: {\n none: {\n text: palette.onBackgroundDark02,\n background: palette.overlay02,\n },\n },\n },\n groupChannelMessage: {\n incoming: {\n enabled: {\n textMsg: palette.onBackgroundDark01,\n textEdited: palette.onBackgroundDark02,\n textTime: palette.onBackgroundDark03,\n textSenderName: palette.onBackgroundDark02,\n background: palette.background400,\n textVoicePlaytime: palette.onBackgroundDark01,\n voiceSpinner: palette.primary200,\n voiceProgressTrack: palette.background400,\n voiceActionIcon: palette.primary200,\n voiceActionIconBackground: palette.background700,\n },\n pressed: {\n textMsg: palette.onBackgroundDark01,\n textEdited: palette.onBackgroundDark02,\n textTime: palette.onBackgroundDark03,\n textSenderName: palette.onBackgroundDark02,\n background: palette.primary500,\n textVoicePlaytime: palette.onBackgroundDark01,\n voiceSpinner: palette.primary200,\n voiceProgressTrack: palette.background400,\n voiceActionIcon: palette.primary200,\n voiceActionIconBackground: palette.background700,\n },\n },\n outgoing: {\n enabled: {\n textMsg: palette.onBackgroundLight01,\n textEdited: palette.onBackgroundLight02,\n textTime: palette.onBackgroundDark03,\n textSenderName: palette.transparent,\n background: palette.primary200,\n textVoicePlaytime: palette.onBackgroundLight01,\n voiceSpinner: palette.primary300,\n voiceProgressTrack: palette.primary200,\n voiceActionIcon: palette.primary200,\n voiceActionIconBackground: palette.background700,\n },\n pressed: {\n textMsg: palette.onBackgroundLight01,\n textEdited: palette.onBackgroundLight02,\n textTime: palette.onBackgroundDark03,\n textSenderName: palette.transparent,\n background: palette.primary300,\n textVoicePlaytime: palette.onBackgroundLight01,\n voiceSpinner: palette.primary300,\n voiceProgressTrack: palette.primary200,\n voiceActionIcon: palette.primary200,\n voiceActionIconBackground: palette.background700,\n },\n },\n },\n groupChannelPreview: {\n default: {\n none: {\n textTitle: palette.onBackgroundDark01,\n textTitleCaption: palette.onBackgroundDark03,\n textBody: palette.onBackgroundDark03,\n bodyIcon: palette.onBackgroundDark02,\n memberCount: palette.onBackgroundDark02,\n background: palette.background600,\n coverBackground: palette.onBackgroundDark04,\n bodyIconBackground: palette.background500,\n separator: palette.onBackgroundDark04,\n },\n },\n },\n profileCard: {\n default: {\n none: {\n textUsername: palette.onBackgroundDark01,\n textBodyLabel: palette.onBackgroundDark02,\n textBody: palette.onBackgroundDark01,\n background: palette.background500,\n },\n },\n },\n reaction: {\n default: {\n enabled: {\n background: palette.transparent,\n highlight: palette.onBackgroundDark03,\n },\n selected: {\n background: palette.primary500,\n highlight: palette.primary200,\n },\n },\n rounded: {\n enabled: {\n background: palette.background400,\n highlight: palette.transparent,\n },\n selected: {\n background: palette.primary500,\n highlight: palette.transparent,\n },\n },\n },\n openChannelMessage: {\n default: {\n enabled: {\n background: palette.transparent,\n bubbleBackground: palette.background500,\n adminBackground: palette.background500,\n textMsg: palette.onBackgroundDark01,\n textMsgPostfix: palette.onBackgroundDark02,\n textSenderName: palette.onBackgroundDark02,\n textTime: palette.onBackgroundDark03,\n textOperator: palette.secondary200,\n },\n pressed: {\n background: palette.background500,\n bubbleBackground: palette.background700,\n adminBackground: palette.background500,\n textMsg: palette.onBackgroundDark01,\n textMsgPostfix: palette.onBackgroundDark02,\n textSenderName: palette.onBackgroundDark02,\n textTime: palette.onBackgroundDark03,\n textOperator: palette.secondary200,\n },\n },\n },\n openChannelPreview: {\n default: {\n none: {\n textTitle: palette.onBackgroundDark01,\n textParticipants: palette.onBackgroundDark02,\n frozenIcon: palette.primary200,\n participantsIcon: palette.onBackgroundDark02,\n background: palette.background600,\n coverBackground: palette.background300,\n separator: palette.onBackgroundDark04,\n },\n },\n },\n voiceMessageInput: {\n default: {\n active: {\n textCancel: palette.primary200,\n textTime: palette.onBackgroundLight01,\n background: palette.background600,\n actionIcon: palette.onBackgroundDark01,\n actionIconBackground: palette.background500,\n sendIcon: palette.onBackgroundLight01,\n sendIconBackground: palette.primary200,\n progressTrack: palette.primary200,\n recording: palette.error300,\n },\n inactive: {\n textCancel: palette.primary200,\n textTime: palette.onBackgroundDark03,\n background: palette.background600,\n actionIcon: palette.onBackgroundDark01,\n actionIconBackground: palette.background500,\n sendIcon: palette.onBackgroundDark04,\n sendIconBackground: palette.background500,\n progressTrack: palette.background400,\n recording: palette.error200,\n },\n },\n },\n },\n };\n },\n});\n\nexport default DarkUIKitTheme;\n"],"mappings":"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"}
|
|
@@ -9,40 +9,6 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
|
|
|
9
9
|
const LightUIKitTheme = (0, _createTheme.default)({
|
|
10
10
|
colorScheme: 'light',
|
|
11
11
|
colors: palette => {
|
|
12
|
-
const groupChannelMessage = {
|
|
13
|
-
incoming: {
|
|
14
|
-
enabled: {
|
|
15
|
-
textMsg: palette.onBackgroundLight01,
|
|
16
|
-
textEdited: palette.onBackgroundLight02,
|
|
17
|
-
textTime: palette.onBackgroundLight03,
|
|
18
|
-
textSenderName: palette.onBackgroundLight02,
|
|
19
|
-
background: palette.background100
|
|
20
|
-
},
|
|
21
|
-
pressed: {
|
|
22
|
-
textMsg: palette.onBackgroundLight01,
|
|
23
|
-
textEdited: palette.onBackgroundLight02,
|
|
24
|
-
textTime: palette.onBackgroundLight03,
|
|
25
|
-
textSenderName: palette.onBackgroundLight02,
|
|
26
|
-
background: palette.primary100
|
|
27
|
-
}
|
|
28
|
-
},
|
|
29
|
-
outgoing: {
|
|
30
|
-
enabled: {
|
|
31
|
-
textMsg: palette.onBackgroundDark01,
|
|
32
|
-
textEdited: palette.onBackgroundDark02,
|
|
33
|
-
textTime: palette.onBackgroundLight03,
|
|
34
|
-
textSenderName: palette.transparent,
|
|
35
|
-
background: palette.primary300
|
|
36
|
-
},
|
|
37
|
-
pressed: {
|
|
38
|
-
textMsg: palette.onBackgroundDark01,
|
|
39
|
-
textEdited: palette.onBackgroundDark02,
|
|
40
|
-
textTime: palette.onBackgroundLight03,
|
|
41
|
-
textSenderName: palette.transparent,
|
|
42
|
-
background: palette.primary400
|
|
43
|
-
}
|
|
44
|
-
}
|
|
45
|
-
};
|
|
46
12
|
return {
|
|
47
13
|
primary: palette.primary300,
|
|
48
14
|
secondary: palette.secondary300,
|
|
@@ -154,7 +120,6 @@ const LightUIKitTheme = (0, _createTheme.default)({
|
|
|
154
120
|
}
|
|
155
121
|
}
|
|
156
122
|
},
|
|
157
|
-
message: groupChannelMessage,
|
|
158
123
|
dateSeparator: {
|
|
159
124
|
default: {
|
|
160
125
|
none: {
|
|
@@ -163,7 +128,60 @@ const LightUIKitTheme = (0, _createTheme.default)({
|
|
|
163
128
|
}
|
|
164
129
|
}
|
|
165
130
|
},
|
|
166
|
-
groupChannelMessage
|
|
131
|
+
groupChannelMessage: {
|
|
132
|
+
incoming: {
|
|
133
|
+
enabled: {
|
|
134
|
+
textMsg: palette.onBackgroundLight01,
|
|
135
|
+
textEdited: palette.onBackgroundLight02,
|
|
136
|
+
textTime: palette.onBackgroundLight03,
|
|
137
|
+
textSenderName: palette.onBackgroundLight02,
|
|
138
|
+
background: palette.background100,
|
|
139
|
+
textVoicePlaytime: palette.onBackgroundLight01,
|
|
140
|
+
voiceSpinner: palette.primary300,
|
|
141
|
+
voiceProgressTrack: palette.background100,
|
|
142
|
+
voiceActionIcon: palette.primary300,
|
|
143
|
+
voiceActionIconBackground: palette.background50
|
|
144
|
+
},
|
|
145
|
+
pressed: {
|
|
146
|
+
textMsg: palette.onBackgroundLight01,
|
|
147
|
+
textEdited: palette.onBackgroundLight02,
|
|
148
|
+
textTime: palette.onBackgroundLight03,
|
|
149
|
+
textSenderName: palette.onBackgroundLight02,
|
|
150
|
+
background: palette.primary100,
|
|
151
|
+
textVoicePlaytime: palette.onBackgroundLight01,
|
|
152
|
+
voiceSpinner: palette.primary300,
|
|
153
|
+
voiceProgressTrack: palette.background100,
|
|
154
|
+
voiceActionIcon: palette.primary300,
|
|
155
|
+
voiceActionIconBackground: palette.background50
|
|
156
|
+
}
|
|
157
|
+
},
|
|
158
|
+
outgoing: {
|
|
159
|
+
enabled: {
|
|
160
|
+
textMsg: palette.onBackgroundDark01,
|
|
161
|
+
textEdited: palette.onBackgroundDark02,
|
|
162
|
+
textTime: palette.onBackgroundLight03,
|
|
163
|
+
textSenderName: palette.transparent,
|
|
164
|
+
background: palette.primary300,
|
|
165
|
+
textVoicePlaytime: palette.onBackgroundDark01,
|
|
166
|
+
voiceSpinner: palette.primary200,
|
|
167
|
+
voiceProgressTrack: palette.primary300,
|
|
168
|
+
voiceActionIcon: palette.primary300,
|
|
169
|
+
voiceActionIconBackground: palette.background50
|
|
170
|
+
},
|
|
171
|
+
pressed: {
|
|
172
|
+
textMsg: palette.onBackgroundDark01,
|
|
173
|
+
textEdited: palette.onBackgroundDark02,
|
|
174
|
+
textTime: palette.onBackgroundLight03,
|
|
175
|
+
textSenderName: palette.transparent,
|
|
176
|
+
background: palette.primary400,
|
|
177
|
+
textVoicePlaytime: palette.onBackgroundDark01,
|
|
178
|
+
voiceSpinner: palette.primary200,
|
|
179
|
+
voiceProgressTrack: palette.primary300,
|
|
180
|
+
voiceActionIcon: palette.primary300,
|
|
181
|
+
voiceActionIconBackground: palette.background50
|
|
182
|
+
}
|
|
183
|
+
}
|
|
184
|
+
},
|
|
167
185
|
groupChannelPreview: {
|
|
168
186
|
default: {
|
|
169
187
|
none: {
|
|
@@ -247,6 +265,32 @@ const LightUIKitTheme = (0, _createTheme.default)({
|
|
|
247
265
|
separator: palette.onBackgroundLight04
|
|
248
266
|
}
|
|
249
267
|
}
|
|
268
|
+
},
|
|
269
|
+
voiceMessageInput: {
|
|
270
|
+
default: {
|
|
271
|
+
active: {
|
|
272
|
+
textCancel: palette.primary300,
|
|
273
|
+
textTime: palette.onBackgroundDark01,
|
|
274
|
+
background: palette.background50,
|
|
275
|
+
actionIcon: palette.onBackgroundLight01,
|
|
276
|
+
actionIconBackground: palette.background100,
|
|
277
|
+
sendIcon: palette.onBackgroundDark01,
|
|
278
|
+
sendIconBackground: palette.primary300,
|
|
279
|
+
progressTrack: palette.primary300,
|
|
280
|
+
recording: palette.error300
|
|
281
|
+
},
|
|
282
|
+
inactive: {
|
|
283
|
+
textCancel: palette.primary300,
|
|
284
|
+
textTime: palette.onBackgroundLight03,
|
|
285
|
+
background: palette.background50,
|
|
286
|
+
actionIcon: palette.onBackgroundLight01,
|
|
287
|
+
actionIconBackground: palette.background100,
|
|
288
|
+
sendIcon: palette.onBackgroundLight04,
|
|
289
|
+
sendIconBackground: palette.background100,
|
|
290
|
+
progressTrack: palette.background100,
|
|
291
|
+
recording: palette.error300
|
|
292
|
+
}
|
|
293
|
+
}
|
|
250
294
|
}
|
|
251
295
|
}
|
|
252
296
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_createTheme","_interopRequireDefault","require","obj","__esModule","default","LightUIKitTheme","createTheme","colorScheme","colors","palette","groupChannelMessage","incoming","enabled","textMsg","onBackgroundLight01","textEdited","onBackgroundLight02","textTime","onBackgroundLight03","textSenderName","background","background100","pressed","primary100","outgoing","onBackgroundDark01","onBackgroundDark02","transparent","primary300","primary400","primary","secondary","secondary300","error","error300","background50","text","onBackground01","onBackground02","onBackground03","onBackground04","onBackgroundLight04","onBackgroundReverse01","onBackgroundReverse02","onBackgroundReverse03","onBackgroundDark03","onBackgroundReverse04","onBackgroundDark04","ui","header","nav","none","borderBottom","button","contained","content","disabled","dialog","message","highlight","destructive","blurred","input","active","placeholder","underline","badge","dateSeparator","overlay02","groupChannelPreview","textTitle","textTitleCaption","textBody","bodyIcon","memberCount","coverBackground","bodyIconBackground","separator","profileCard","textUsername","textBodyLabel","reaction","selected","rounded","openChannelMessage","bubbleBackground","adminBackground","textMsgPostfix","textOperator","background300","openChannelPreview","textParticipants","frozenIcon","participantsIcon","_default","exports"],"sources":["LightUIKitTheme.ts"],"sourcesContent":["import createTheme from './createTheme';\n\nconst LightUIKitTheme = createTheme({\n colorScheme: 'light',\n colors: (palette) => {\n const groupChannelMessage = {\n incoming: {\n enabled: {\n textMsg: palette.onBackgroundLight01,\n textEdited: palette.onBackgroundLight02,\n textTime: palette.onBackgroundLight03,\n textSenderName: palette.onBackgroundLight02,\n background: palette.background100,\n },\n pressed: {\n textMsg: palette.onBackgroundLight01,\n textEdited: palette.onBackgroundLight02,\n textTime: palette.onBackgroundLight03,\n textSenderName: palette.onBackgroundLight02,\n background: palette.primary100,\n },\n },\n outgoing: {\n enabled: {\n textMsg: palette.onBackgroundDark01,\n textEdited: palette.onBackgroundDark02,\n textTime: palette.onBackgroundLight03,\n textSenderName: palette.transparent,\n background: palette.primary300,\n },\n pressed: {\n textMsg: palette.onBackgroundDark01,\n textEdited: palette.onBackgroundDark02,\n textTime: palette.onBackgroundLight03,\n textSenderName: palette.transparent,\n background: palette.primary400,\n },\n },\n };\n\n return {\n primary: palette.primary300,\n secondary: palette.secondary300,\n error: palette.error300,\n background: palette.background50,\n text: palette.onBackgroundLight01,\n onBackground01: palette.onBackgroundLight01,\n onBackground02: palette.onBackgroundLight02,\n onBackground03: palette.onBackgroundLight03,\n onBackground04: palette.onBackgroundLight04,\n onBackgroundReverse01: palette.onBackgroundDark01,\n onBackgroundReverse02: palette.onBackgroundDark02,\n onBackgroundReverse03: palette.onBackgroundDark03,\n onBackgroundReverse04: palette.onBackgroundDark04,\n ui: {\n header: {\n nav: {\n none: {\n background: palette.background50,\n borderBottom: palette.onBackgroundLight04,\n },\n },\n },\n button: {\n contained: {\n enabled: {\n background: palette.primary300,\n content: palette.onBackgroundDark01,\n },\n pressed: {\n background: palette.primary400,\n content: palette.onBackgroundDark01,\n },\n disabled: {\n background: palette.background100,\n content: palette.onBackgroundLight04,\n },\n },\n text: {\n enabled: {\n background: palette.transparent,\n content: palette.primary300,\n },\n pressed: {\n background: palette.transparent,\n content: palette.primary300,\n },\n disabled: {\n background: palette.transparent,\n content: palette.onBackgroundLight04,\n },\n },\n },\n dialog: {\n default: {\n none: {\n background: palette.background50,\n text: palette.onBackgroundLight01,\n message: palette.onBackgroundLight02,\n highlight: palette.primary300,\n destructive: palette.error300,\n blurred: palette.onBackgroundLight04,\n },\n },\n },\n input: {\n default: {\n active: {\n text: palette.onBackgroundLight01,\n placeholder: palette.onBackgroundLight03,\n background: palette.background100,\n highlight: palette.primary300,\n },\n disabled: {\n text: palette.onBackgroundLight04,\n placeholder: palette.onBackgroundLight04,\n background: palette.background100,\n highlight: palette.onBackgroundLight04,\n },\n },\n underline: {\n active: {\n text: palette.onBackgroundLight01,\n placeholder: palette.onBackgroundLight03,\n background: palette.transparent,\n highlight: palette.primary300,\n },\n disabled: {\n text: palette.onBackgroundLight04,\n placeholder: palette.onBackgroundLight04,\n background: palette.transparent,\n highlight: palette.onBackgroundLight04,\n },\n },\n },\n badge: {\n default: {\n none: {\n text: palette.background50,\n background: palette.primary300,\n },\n },\n },\n placeholder: {\n default: {\n none: {\n content: palette.onBackgroundLight03,\n highlight: palette.primary300,\n },\n },\n },\n message: groupChannelMessage,\n dateSeparator: {\n default: {\n none: {\n text: palette.onBackgroundDark01,\n background: palette.overlay02,\n },\n },\n },\n groupChannelMessage,\n groupChannelPreview: {\n default: {\n none: {\n textTitle: palette.onBackgroundLight01,\n textTitleCaption: palette.onBackgroundLight03,\n textBody: palette.onBackgroundLight03,\n bodyIcon: palette.onBackgroundLight02,\n memberCount: palette.onBackgroundLight02,\n background: palette.background50,\n coverBackground: palette.onBackgroundLight04,\n bodyIconBackground: palette.background100,\n separator: palette.onBackgroundLight04,\n },\n },\n },\n profileCard: {\n default: {\n none: {\n textUsername: palette.onBackgroundLight01,\n textBodyLabel: palette.onBackgroundLight02,\n textBody: palette.onBackgroundLight01,\n background: palette.background50,\n },\n },\n },\n reaction: {\n default: {\n enabled: {\n background: palette.transparent,\n highlight: palette.onBackgroundLight03,\n },\n selected: {\n background: palette.primary100,\n highlight: palette.primary300,\n },\n },\n rounded: {\n enabled: {\n background: palette.background100,\n highlight: palette.transparent,\n },\n selected: {\n background: palette.primary100,\n highlight: palette.transparent,\n },\n },\n },\n openChannelMessage: {\n default: {\n enabled: {\n background: palette.transparent,\n bubbleBackground: palette.background100,\n adminBackground: palette.background100,\n textMsg: palette.onBackgroundLight01,\n textMsgPostfix: palette.onBackgroundLight02,\n textSenderName: palette.onBackgroundLight02,\n textTime: palette.onBackgroundLight03,\n textOperator: palette.secondary300,\n },\n pressed: {\n background: palette.background100,\n bubbleBackground: palette.background300,\n adminBackground: palette.background100,\n textMsg: palette.onBackgroundLight01,\n textMsgPostfix: palette.onBackgroundLight02,\n textSenderName: palette.onBackgroundLight02,\n textTime: palette.onBackgroundLight03,\n textOperator: palette.secondary300,\n },\n },\n },\n openChannelPreview: {\n default: {\n none: {\n textTitle: palette.onBackgroundLight01,\n textParticipants: palette.onBackgroundLight02,\n frozenIcon: palette.primary300,\n participantsIcon: palette.onBackgroundLight02,\n background: palette.background50,\n coverBackground: palette.background300,\n separator: palette.onBackgroundLight04,\n },\n },\n },\n },\n };\n },\n});\n\nexport default LightUIKitTheme;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"names":["_createTheme","_interopRequireDefault","require","obj","__esModule","default","LightUIKitTheme","createTheme","colorScheme","colors","palette","primary","primary300","secondary","secondary300","error","error300","background","background50","text","onBackgroundLight01","onBackground01","onBackground02","onBackgroundLight02","onBackground03","onBackgroundLight03","onBackground04","onBackgroundLight04","onBackgroundReverse01","onBackgroundDark01","onBackgroundReverse02","onBackgroundDark02","onBackgroundReverse03","onBackgroundDark03","onBackgroundReverse04","onBackgroundDark04","ui","header","nav","none","borderBottom","button","contained","enabled","content","pressed","primary400","disabled","background100","transparent","dialog","message","highlight","destructive","blurred","input","active","placeholder","underline","badge","dateSeparator","overlay02","groupChannelMessage","incoming","textMsg","textEdited","textTime","textSenderName","textVoicePlaytime","voiceSpinner","voiceProgressTrack","voiceActionIcon","voiceActionIconBackground","primary100","outgoing","primary200","groupChannelPreview","textTitle","textTitleCaption","textBody","bodyIcon","memberCount","coverBackground","bodyIconBackground","separator","profileCard","textUsername","textBodyLabel","reaction","selected","rounded","openChannelMessage","bubbleBackground","adminBackground","textMsgPostfix","textOperator","background300","openChannelPreview","textParticipants","frozenIcon","participantsIcon","voiceMessageInput","textCancel","actionIcon","actionIconBackground","sendIcon","sendIconBackground","progressTrack","recording","inactive","_default","exports"],"sources":["LightUIKitTheme.ts"],"sourcesContent":["import createTheme from './createTheme';\n\nconst LightUIKitTheme = createTheme({\n colorScheme: 'light',\n colors: (palette) => {\n return {\n primary: palette.primary300,\n secondary: palette.secondary300,\n error: palette.error300,\n background: palette.background50,\n text: palette.onBackgroundLight01,\n onBackground01: palette.onBackgroundLight01,\n onBackground02: palette.onBackgroundLight02,\n onBackground03: palette.onBackgroundLight03,\n onBackground04: palette.onBackgroundLight04,\n onBackgroundReverse01: palette.onBackgroundDark01,\n onBackgroundReverse02: palette.onBackgroundDark02,\n onBackgroundReverse03: palette.onBackgroundDark03,\n onBackgroundReverse04: palette.onBackgroundDark04,\n ui: {\n header: {\n nav: {\n none: {\n background: palette.background50,\n borderBottom: palette.onBackgroundLight04,\n },\n },\n },\n button: {\n contained: {\n enabled: {\n background: palette.primary300,\n content: palette.onBackgroundDark01,\n },\n pressed: {\n background: palette.primary400,\n content: palette.onBackgroundDark01,\n },\n disabled: {\n background: palette.background100,\n content: palette.onBackgroundLight04,\n },\n },\n text: {\n enabled: {\n background: palette.transparent,\n content: palette.primary300,\n },\n pressed: {\n background: palette.transparent,\n content: palette.primary300,\n },\n disabled: {\n background: palette.transparent,\n content: palette.onBackgroundLight04,\n },\n },\n },\n dialog: {\n default: {\n none: {\n background: palette.background50,\n text: palette.onBackgroundLight01,\n message: palette.onBackgroundLight02,\n highlight: palette.primary300,\n destructive: palette.error300,\n blurred: palette.onBackgroundLight04,\n },\n },\n },\n input: {\n default: {\n active: {\n text: palette.onBackgroundLight01,\n placeholder: palette.onBackgroundLight03,\n background: palette.background100,\n highlight: palette.primary300,\n },\n disabled: {\n text: palette.onBackgroundLight04,\n placeholder: palette.onBackgroundLight04,\n background: palette.background100,\n highlight: palette.onBackgroundLight04,\n },\n },\n underline: {\n active: {\n text: palette.onBackgroundLight01,\n placeholder: palette.onBackgroundLight03,\n background: palette.transparent,\n highlight: palette.primary300,\n },\n disabled: {\n text: palette.onBackgroundLight04,\n placeholder: palette.onBackgroundLight04,\n background: palette.transparent,\n highlight: palette.onBackgroundLight04,\n },\n },\n },\n badge: {\n default: {\n none: {\n text: palette.background50,\n background: palette.primary300,\n },\n },\n },\n placeholder: {\n default: {\n none: {\n content: palette.onBackgroundLight03,\n highlight: palette.primary300,\n },\n },\n },\n dateSeparator: {\n default: {\n none: {\n text: palette.onBackgroundDark01,\n background: palette.overlay02,\n },\n },\n },\n groupChannelMessage: {\n incoming: {\n enabled: {\n textMsg: palette.onBackgroundLight01,\n textEdited: palette.onBackgroundLight02,\n textTime: palette.onBackgroundLight03,\n textSenderName: palette.onBackgroundLight02,\n background: palette.background100,\n textVoicePlaytime: palette.onBackgroundLight01,\n voiceSpinner: palette.primary300,\n voiceProgressTrack: palette.background100,\n voiceActionIcon: palette.primary300,\n voiceActionIconBackground: palette.background50,\n },\n pressed: {\n textMsg: palette.onBackgroundLight01,\n textEdited: palette.onBackgroundLight02,\n textTime: palette.onBackgroundLight03,\n textSenderName: palette.onBackgroundLight02,\n background: palette.primary100,\n textVoicePlaytime: palette.onBackgroundLight01,\n voiceSpinner: palette.primary300,\n voiceProgressTrack: palette.background100,\n voiceActionIcon: palette.primary300,\n voiceActionIconBackground: palette.background50,\n },\n },\n outgoing: {\n enabled: {\n textMsg: palette.onBackgroundDark01,\n textEdited: palette.onBackgroundDark02,\n textTime: palette.onBackgroundLight03,\n textSenderName: palette.transparent,\n background: palette.primary300,\n textVoicePlaytime: palette.onBackgroundDark01,\n voiceSpinner: palette.primary200,\n voiceProgressTrack: palette.primary300,\n voiceActionIcon: palette.primary300,\n voiceActionIconBackground: palette.background50,\n },\n pressed: {\n textMsg: palette.onBackgroundDark01,\n textEdited: palette.onBackgroundDark02,\n textTime: palette.onBackgroundLight03,\n textSenderName: palette.transparent,\n background: palette.primary400,\n textVoicePlaytime: palette.onBackgroundDark01,\n voiceSpinner: palette.primary200,\n voiceProgressTrack: palette.primary300,\n voiceActionIcon: palette.primary300,\n voiceActionIconBackground: palette.background50,\n },\n },\n },\n groupChannelPreview: {\n default: {\n none: {\n textTitle: palette.onBackgroundLight01,\n textTitleCaption: palette.onBackgroundLight03,\n textBody: palette.onBackgroundLight03,\n bodyIcon: palette.onBackgroundLight02,\n memberCount: palette.onBackgroundLight02,\n background: palette.background50,\n coverBackground: palette.onBackgroundLight04,\n bodyIconBackground: palette.background100,\n separator: palette.onBackgroundLight04,\n },\n },\n },\n profileCard: {\n default: {\n none: {\n textUsername: palette.onBackgroundLight01,\n textBodyLabel: palette.onBackgroundLight02,\n textBody: palette.onBackgroundLight01,\n background: palette.background50,\n },\n },\n },\n reaction: {\n default: {\n enabled: {\n background: palette.transparent,\n highlight: palette.onBackgroundLight03,\n },\n selected: {\n background: palette.primary100,\n highlight: palette.primary300,\n },\n },\n rounded: {\n enabled: {\n background: palette.background100,\n highlight: palette.transparent,\n },\n selected: {\n background: palette.primary100,\n highlight: palette.transparent,\n },\n },\n },\n openChannelMessage: {\n default: {\n enabled: {\n background: palette.transparent,\n bubbleBackground: palette.background100,\n adminBackground: palette.background100,\n textMsg: palette.onBackgroundLight01,\n textMsgPostfix: palette.onBackgroundLight02,\n textSenderName: palette.onBackgroundLight02,\n textTime: palette.onBackgroundLight03,\n textOperator: palette.secondary300,\n },\n pressed: {\n background: palette.background100,\n bubbleBackground: palette.background300,\n adminBackground: palette.background100,\n textMsg: palette.onBackgroundLight01,\n textMsgPostfix: palette.onBackgroundLight02,\n textSenderName: palette.onBackgroundLight02,\n textTime: palette.onBackgroundLight03,\n textOperator: palette.secondary300,\n },\n },\n },\n openChannelPreview: {\n default: {\n none: {\n textTitle: palette.onBackgroundLight01,\n textParticipants: palette.onBackgroundLight02,\n frozenIcon: palette.primary300,\n participantsIcon: palette.onBackgroundLight02,\n background: palette.background50,\n coverBackground: palette.background300,\n separator: palette.onBackgroundLight04,\n },\n },\n },\n voiceMessageInput: {\n default: {\n active: {\n textCancel: palette.primary300,\n textTime: palette.onBackgroundDark01,\n background: palette.background50,\n actionIcon: palette.onBackgroundLight01,\n actionIconBackground: palette.background100,\n sendIcon: palette.onBackgroundDark01,\n sendIconBackground: palette.primary300,\n progressTrack: palette.primary300,\n recording: palette.error300,\n },\n inactive: {\n textCancel: palette.primary300,\n textTime: palette.onBackgroundLight03,\n background: palette.background50,\n actionIcon: palette.onBackgroundLight01,\n actionIconBackground: palette.background100,\n sendIcon: palette.onBackgroundLight04,\n sendIconBackground: palette.background100,\n progressTrack: palette.background100,\n recording: palette.error300,\n },\n },\n },\n },\n };\n },\n});\n\nexport default LightUIKitTheme;\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport type {
|
|
1
|
+
{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport type { ReactNode } from 'react';\nimport type { TextStyle } from 'react-native';\n\nexport interface UIKitTypography {\n h1: FontAttributes;\n h2: FontAttributes;\n subtitle1: FontAttributes;\n subtitle2: FontAttributes;\n body1: FontAttributes;\n body2: FontAttributes;\n body3: FontAttributes;\n button: FontAttributes;\n caption1: FontAttributes;\n caption2: FontAttributes;\n caption3: FontAttributes;\n caption4: FontAttributes;\n}\nexport type TypoName = keyof UIKitTypography;\nexport type FontAttributes = Pick<TextStyle, 'fontFamily' | 'fontSize' | 'lineHeight' | 'letterSpacing' | 'fontWeight'>;\n\nexport type UIKitColorScheme = 'light' | 'dark';\nexport interface UIKitTheme {\n colorScheme: UIKitColorScheme;\n select<V>(options: { [key in UIKitColorScheme | 'default']?: V }): V;\n\n palette: UIKitPalette;\n colors: UIKitColors;\n\n typography: UIKitTypography;\n}\n\nexport type Component =\n | 'Header'\n | 'Button'\n | 'Dialog'\n | 'Input'\n | 'Badge'\n | 'Placeholder'\n | 'DateSeparator'\n | 'GroupChannelMessage'\n | 'GroupChannelPreview'\n | 'ProfileCard'\n | 'Reaction'\n | 'OpenChannelMessage'\n | 'OpenChannelPreview'\n | 'VoiceMessageInput';\n\nexport type GetColorTree<\n Tree extends {\n Variant: {\n [key in Component]: string;\n };\n State: {\n [key in Component]: string;\n };\n ColorPart: {\n [key in Component]: string;\n };\n },\n> = Tree;\n\nexport type ComponentColorTree = GetColorTree<{\n Variant: {\n Header: 'nav';\n Button: 'contained' | 'text';\n Dialog: 'default';\n Input: 'default' | 'underline';\n Badge: 'default';\n Placeholder: 'default';\n DateSeparator: 'default';\n GroupChannelMessage: 'incoming' | 'outgoing';\n GroupChannelPreview: 'default';\n ProfileCard: 'default';\n Reaction: 'default' | 'rounded';\n OpenChannelMessage: 'default';\n OpenChannelPreview: 'default';\n VoiceMessageInput: 'default';\n };\n State: {\n Header: 'none';\n Button: 'enabled' | 'pressed' | 'disabled';\n Dialog: 'none';\n Input: 'active' | 'disabled';\n Badge: 'none';\n Placeholder: 'none';\n DateSeparator: 'none';\n GroupChannelMessage: 'enabled' | 'pressed';\n GroupChannelPreview: 'none';\n ProfileCard: 'none';\n Reaction: 'enabled' | 'selected';\n OpenChannelMessage: 'enabled' | 'pressed';\n OpenChannelPreview: 'none';\n VoiceMessageInput: 'active' | 'inactive';\n };\n ColorPart: {\n Header: 'background' | 'borderBottom';\n Button: 'background' | 'content';\n Dialog: 'background' | 'text' | 'message' | 'highlight' | 'destructive' | 'blurred';\n Input: 'text' | 'placeholder' | 'background' | 'highlight';\n Badge: 'text' | 'background';\n Placeholder: 'content' | 'highlight';\n DateSeparator: 'text' | 'background';\n GroupChannelMessage:\n | 'textMsg'\n | 'textEdited'\n | 'textSenderName'\n | 'textTime'\n | 'textVoicePlaytime'\n | 'background'\n | 'voiceSpinner'\n | 'voiceProgressTrack'\n | 'voiceActionIcon'\n | 'voiceActionIconBackground';\n GroupChannelPreview:\n | 'textTitle'\n | 'textTitleCaption'\n | 'textBody'\n | 'memberCount'\n | 'bodyIcon'\n | 'background'\n | 'coverBackground'\n | 'bodyIconBackground'\n | 'separator';\n ProfileCard: 'textUsername' | 'textBodyLabel' | 'textBody' | 'background';\n Reaction: 'background' | 'highlight';\n OpenChannelMessage:\n | 'textMsg'\n | 'textMsgPostfix'\n | 'textSenderName'\n | 'textTime'\n | 'textOperator'\n | 'background'\n | 'bubbleBackground'\n | 'adminBackground';\n OpenChannelPreview:\n | 'textTitle'\n | 'textParticipants'\n | 'frozenIcon'\n | 'participantsIcon'\n | 'background'\n | 'coverBackground'\n | 'separator';\n VoiceMessageInput:\n | 'textCancel'\n | 'textTime'\n | 'background'\n | 'actionIcon'\n | 'actionIconBackground'\n | 'sendIcon'\n | 'sendIconBackground'\n | 'progressTrack'\n | 'recording';\n };\n}>;\nexport type ComponentColors<T extends Component> = {\n [key in ComponentColorTree['Variant'][T]]: {\n [key in ComponentColorTree['State'][T]]: {\n [key in ComponentColorTree['ColorPart'][T]]: string;\n };\n };\n};\n\nexport interface UIKitColors {\n primary: string;\n secondary: string;\n error: string;\n background: string;\n text: string;\n onBackground01: string;\n onBackground02: string;\n onBackground03: string;\n onBackground04: string;\n onBackgroundReverse01: string;\n onBackgroundReverse02: string;\n onBackgroundReverse03: string;\n onBackgroundReverse04: string;\n /**\n * UI Colors has below structure\n * Component.{Variant}.{State}.{ColorPart}\n * @example\n * ```\n * const { colors } = useUIKitTheme();\n * colors.ui.button.contained.disabled.backgroundColor\n * ```\n * */\n ui: {\n header: ComponentColors<'Header'>;\n button: ComponentColors<'Button'>;\n dialog: ComponentColors<'Dialog'>;\n input: ComponentColors<'Input'>;\n badge: ComponentColors<'Badge'>;\n placeholder: ComponentColors<'Placeholder'>;\n dateSeparator: ComponentColors<'DateSeparator'>;\n groupChannelMessage: ComponentColors<'GroupChannelMessage'>;\n groupChannelPreview: ComponentColors<'GroupChannelPreview'>;\n profileCard: ComponentColors<'ProfileCard'>;\n reaction: ComponentColors<'Reaction'>;\n openChannelMessage: ComponentColors<'OpenChannelMessage'>;\n openChannelPreview: ComponentColors<'OpenChannelPreview'>;\n voiceMessageInput: ComponentColors<'VoiceMessageInput'>;\n };\n}\n\nexport type HeaderElement = ReactNode;\nexport type HeaderPartProps = {\n title?: ReactNode;\n right?: ReactNode;\n left?: ReactNode;\n onPressLeft?: (...params: any[]) => any;\n onPressRight?: (...params: any[]) => any;\n};\nexport type BaseHeaderProps<HeaderParts extends HeaderPartProps = {}, AdditionalProps = {}> = {\n titleAlign?: 'left' | 'center' | 'right';\n children?: ReactNode;\n} & HeaderParts &\n AdditionalProps;\nexport interface UIKitPalette {\n primary100: string;\n primary200: string;\n primary300: string;\n primary400: string;\n primary500: string;\n\n secondary100: string;\n secondary200: string;\n secondary300: string;\n secondary400: string;\n secondary500: string;\n\n error100: string;\n error200: string;\n error300: string;\n error400: string;\n error500: string;\n\n background50: string;\n background100: string;\n background200: string;\n background300: string;\n background400: string;\n background500: string;\n background600: string;\n background700: string;\n\n overlay01: string;\n overlay02: string;\n\n information: string;\n highlight: string;\n transparent: 'transparent';\n\n onBackgroundLight01: string;\n onBackgroundLight02: string;\n onBackgroundLight03: string;\n onBackgroundLight04: string;\n\n onBackgroundDark01: string;\n onBackgroundDark02: string;\n onBackgroundDark03: string;\n onBackgroundDark04: string;\n}\n"],"mappings":""}
|
|
@@ -78,8 +78,9 @@ const styles = (0, _createStyleSheet.default)({
|
|
|
78
78
|
overflow: 'hidden'
|
|
79
79
|
}
|
|
80
80
|
});
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
81
|
+
var _default = Object.assign(Avatar, {
|
|
82
|
+
Group: _AvatarGroup.default,
|
|
83
|
+
Icon: _AvatarIcon.default
|
|
84
|
+
});
|
|
84
85
|
exports.default = _default;
|
|
85
86
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_uikitUtils","_Icon","_interopRequireDefault","_Image","_createStyleSheet","_useUIKitTheme","_AvatarGroup","_AvatarIcon","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","Avatar","_ref","uri","square","muted","size","containerStyle","colors","palette","useUIKitTheme","loadFailure","setLoadFailure","useState","createElement","View","style","styles","container","width","height","borderRadius","backgroundColor","background300","conditionChaining","Boolean","onError","source","resizeMode","StyleSheet","absoluteFill","icon","color","onBackgroundReverse01","MutedOverlay","_ref2","primary300","opacity","onBackgroundDark01","createStyleSheet","alignItems","justifyContent","overflow","Group","AvatarGroup","Icon","AvatarIcon","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_uikitUtils","_Icon","_interopRequireDefault","_Image","_createStyleSheet","_useUIKitTheme","_AvatarGroup","_AvatarIcon","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","Avatar","_ref","uri","square","muted","size","containerStyle","colors","palette","useUIKitTheme","loadFailure","setLoadFailure","useState","createElement","View","style","styles","container","width","height","borderRadius","backgroundColor","background300","conditionChaining","Boolean","onError","source","resizeMode","StyleSheet","absoluteFill","icon","color","onBackgroundReverse01","MutedOverlay","_ref2","primary300","opacity","onBackgroundDark01","createStyleSheet","alignItems","justifyContent","overflow","_default","assign","Group","AvatarGroup","Icon","AvatarIcon","exports"],"sources":["index.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { StyleProp, StyleSheet, View, ViewStyle } from 'react-native';\n\nimport { conditionChaining } from '@sendbird/uikit-utils';\n\nimport Icon from '../../components/Icon';\nimport Image from '../../components/Image';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport AvatarGroup from './AvatarGroup';\nimport AvatarIcon from './AvatarIcon';\n\ntype Props = {\n uri?: string;\n size?: number;\n square?: boolean;\n muted?: boolean;\n containerStyle?: StyleProp<ViewStyle>;\n};\n\nconst Avatar = ({ uri, square, muted = false, size = 56, containerStyle }: Props) => {\n const { colors, palette } = useUIKitTheme();\n const [loadFailure, setLoadFailure] = useState(false);\n\n return (\n <View\n style={[\n styles.container,\n { width: size, height: size, borderRadius: square ? 0 : size / 2, backgroundColor: palette.background300 },\n containerStyle,\n ]}\n >\n {conditionChaining(\n [Boolean(uri) && !loadFailure],\n [\n <Image\n onError={() => setLoadFailure(true)}\n source={{ uri }}\n resizeMode={'cover'}\n style={StyleSheet.absoluteFill}\n />,\n <Icon icon={'user'} size={size / 2} color={colors.onBackgroundReverse01} />,\n ],\n )}\n {muted && <MutedOverlay size={size} />}\n </View>\n );\n};\n\nconst MutedOverlay = ({ size }: { size: number }) => {\n const { palette } = useUIKitTheme();\n return (\n <View style={[styles.container, StyleSheet.absoluteFill]}>\n <View style={[StyleSheet.absoluteFill, { backgroundColor: palette.primary300, opacity: 0.5 }]} />\n <Icon color={palette.onBackgroundDark01} icon={'mute'} size={size * 0.72} />\n </View>\n );\n};\n\nconst styles = createStyleSheet({\n container: {\n alignItems: 'center',\n justifyContent: 'center',\n overflow: 'hidden',\n },\n});\n\nexport default Object.assign(Avatar, {\n Group: AvatarGroup,\n Icon: AvatarIcon,\n});\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeSafeAreaContext","_Modal","_useHeaderStyle","_DialogSheet","obj","__esModule","default","BottomSheet","_ref","onDismiss","onHide","visible","sheetItems","HeaderComponent","statusBarTranslucent","useHeaderStyle","width","useWindowDimensions","bottom","left","right","useSafeAreaInsets","createElement","type","onClose","backgroundStyle","alignItems","justifyContent","style","paddingBottom","map","_ref2","idx","onPress","props","TouchableOpacity","activeOpacity","key","title","paddingLeft","paddingRight","disabled","Item","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\nimport { TouchableOpacity, useWindowDimensions } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport type Icon from '../../components/Icon';\nimport Modal from '../../components/Modal';\nimport useHeaderStyle from '../../styles/useHeaderStyle';\nimport DialogSheet from '../Dialog/DialogSheet';\n\ntype HeaderProps = { onClose: () => Promise<void> };\nexport type BottomSheetItem = {\n sheetItems: {\n icon?: keyof typeof Icon.Assets;\n iconColor?: string;\n title: string;\n titleColor?: string;\n disabled?: boolean;\n onPress: () => void;\n }[];\n HeaderComponent?: (props: HeaderProps) =>
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeSafeAreaContext","_Modal","_useHeaderStyle","_DialogSheet","obj","__esModule","default","BottomSheet","_ref","onDismiss","onHide","visible","sheetItems","HeaderComponent","statusBarTranslucent","useHeaderStyle","width","useWindowDimensions","bottom","left","right","useSafeAreaInsets","createElement","type","onClose","backgroundStyle","alignItems","justifyContent","style","paddingBottom","map","_ref2","idx","onPress","props","TouchableOpacity","activeOpacity","key","title","paddingLeft","paddingRight","disabled","Item","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { TouchableOpacity, useWindowDimensions } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport type Icon from '../../components/Icon';\nimport Modal from '../../components/Modal';\nimport useHeaderStyle from '../../styles/useHeaderStyle';\nimport DialogSheet from '../Dialog/DialogSheet';\n\ntype HeaderProps = { onClose: () => Promise<void> };\nexport type BottomSheetItem = {\n sheetItems: {\n icon?: keyof typeof Icon.Assets;\n iconColor?: string;\n title: string;\n titleColor?: string;\n disabled?: boolean;\n onPress: () => void;\n }[];\n HeaderComponent?: (props: HeaderProps) => ReactNode;\n};\ntype Props = {\n visible: boolean;\n onHide: () => Promise<void>;\n onError?: (error: unknown) => void;\n onDismiss?: () => void;\n} & BottomSheetItem;\nconst BottomSheet = ({ onDismiss, onHide, visible, sheetItems, HeaderComponent }: Props) => {\n const { statusBarTranslucent } = useHeaderStyle();\n const { width } = useWindowDimensions();\n const { bottom, left, right } = useSafeAreaInsets();\n return (\n <Modal\n type={'slide'}\n onClose={onHide}\n onDismiss={onDismiss}\n statusBarTranslucent={statusBarTranslucent}\n visible={visible}\n backgroundStyle={{ alignItems: 'center', justifyContent: 'flex-end' }}\n >\n <DialogSheet style={{ width, paddingBottom: bottom }}>\n {HeaderComponent && <HeaderComponent onClose={onHide} />}\n {sheetItems.map(({ onPress, ...props }, idx) => (\n <TouchableOpacity\n activeOpacity={0.75}\n key={props.title + idx}\n style={{ paddingLeft: left, paddingRight: right }}\n disabled={props.disabled}\n onPress={async () => {\n await onHide();\n try {\n onPress();\n } catch {}\n }}\n >\n <DialogSheet.Item {...props} />\n </TouchableOpacity>\n ))}\n </DialogSheet>\n </Modal>\n );\n};\n\nexport default BottomSheet;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,2BAAA,GAAAF,OAAA;AAGA,IAAAG,MAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,eAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,YAAA,GAAAN,sBAAA,CAAAC,OAAA;AAAgD,SAAAD,uBAAAO,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAoBhD,MAAMG,WAAW,GAAGC,IAAA,IAAwE;EAAA,IAAvE;IAAEC,SAAS;IAAEC,MAAM;IAAEC,OAAO;IAAEC,UAAU;IAAEC;EAAuB,CAAC,GAAAL,IAAA;EACrF,MAAM;IAAEM;EAAqB,CAAC,GAAG,IAAAC,uBAAc,GAAE;EACjD,MAAM;IAAEC;EAAM,CAAC,GAAG,IAAAC,gCAAmB,GAAE;EACvC,MAAM;IAAEC,MAAM;IAAEC,IAAI;IAAEC;EAAM,CAAC,GAAG,IAAAC,6CAAiB,GAAE;EACnD,oBACEzB,MAAA,CAAAU,OAAA,CAAAgB,aAAA,CAACrB,MAAA,CAAAK,OAAK;IACJiB,IAAI,EAAE,OAAQ;IACdC,OAAO,EAAEd,MAAO;IAChBD,SAAS,EAAEA,SAAU;IACrBK,oBAAoB,EAAEA,oBAAqB;IAC3CH,OAAO,EAAEA,OAAQ;IACjBc,eAAe,EAAE;MAAEC,UAAU,EAAE,QAAQ;MAAEC,cAAc,EAAE;IAAW;EAAE,gBAEtE/B,MAAA,CAAAU,OAAA,CAAAgB,aAAA,CAACnB,YAAA,CAAAG,OAAW;IAACsB,KAAK,EAAE;MAAEZ,KAAK;MAAEa,aAAa,EAAEX;IAAO;EAAE,GAClDL,eAAe,iBAAIjB,MAAA,CAAAU,OAAA,CAAAgB,aAAA,CAACT,eAAe;IAACW,OAAO,EAAEd;EAAO,EAAG,EACvDE,UAAU,CAACkB,GAAG,CAAC,CAAAC,KAAA,EAAwBC,GAAG;IAAA,IAA1B;MAAEC,OAAO;MAAE,GAAGC;IAAM,CAAC,GAAAH,KAAA;IAAA,oBACpCnC,MAAA,CAAAU,OAAA,CAAAgB,aAAA,CAACvB,YAAA,CAAAoC,gBAAgB;MACfC,aAAa,EAAE,IAAK;MACpBC,GAAG,EAAEH,KAAK,CAACI,KAAK,GAAGN,GAAI;MACvBJ,KAAK,EAAE;QAAEW,WAAW,EAAEpB,IAAI;QAAEqB,YAAY,EAAEpB;MAAM,CAAE;MAClDqB,QAAQ,EAAEP,KAAK,CAACO,QAAS;MACzBR,OAAO,EAAE,MAAAA,CAAA,KAAY;QACnB,MAAMvB,MAAM,EAAE;QACd,IAAI;UACFuB,OAAO,EAAE;QACX,CAAC,CAAC,MAAM,CAAC;MACX;IAAE,gBAEFrC,MAAA,CAAAU,OAAA,CAAAgB,aAAA,CAACnB,YAAA,CAAAG,OAAW,CAACoC,IAAI,EAAKR,KAAK,CAAI,CACd;EAAA,CACpB,CAAC,CACU,CACR;AAEZ,CAAC;AAAC,IAAAS,QAAA,GAEapC,WAAW;AAAAqC,OAAA,CAAAtC,OAAA,GAAAqC,QAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_Icon","_Text","_createStyleSheet","_useUIKitTheme","obj","__esModule","default","DialogSheet","_ref","style","children","colors","useUIKitTheme","createElement","View","styles","container","backgroundColor","ui","dialog","none","background","SheetItem","_ref2","icon","title","iconColor","titleColor","disabled","sheetItemContainer","color","blurred","highlight","containerStyle","sheetItemIcon","subtitle1","numberOfLines","text","sheetItemText","createStyleSheet","overflow","flexDirection","width","borderTopLeftRadius","borderTopRightRadius","alignItems","height","marginLeft","flex","marginHorizontal","Item","_default","exports"],"sources":["DialogSheet.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleProp, View, ViewStyle } from 'react-native';\n\nimport Icon from '../../components/Icon';\nimport Text from '../../components/Text';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\n\ntype Props = React.PropsWithChildren<{\n style?: StyleProp<ViewStyle>;\n}>;\nconst DialogSheet: ((props: Props) =>
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_Icon","_Text","_createStyleSheet","_useUIKitTheme","obj","__esModule","default","DialogSheet","_ref","style","children","colors","useUIKitTheme","createElement","View","styles","container","backgroundColor","ui","dialog","none","background","SheetItem","_ref2","icon","title","iconColor","titleColor","disabled","sheetItemContainer","color","blurred","highlight","containerStyle","sheetItemIcon","subtitle1","numberOfLines","text","sheetItemText","createStyleSheet","overflow","flexDirection","width","borderTopLeftRadius","borderTopRightRadius","alignItems","height","marginLeft","flex","marginHorizontal","Item","_default","exports"],"sources":["DialogSheet.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { StyleProp, View, ViewStyle } from 'react-native';\n\nimport Icon from '../../components/Icon';\nimport Text from '../../components/Text';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\n\ntype Props = React.PropsWithChildren<{\n style?: StyleProp<ViewStyle>;\n}>;\nconst DialogSheet: ((props: Props) => ReactNode) & { Item: typeof SheetItem } = ({ style, children }) => {\n const { colors } = useUIKitTheme();\n return (\n <View style={[styles.container, { backgroundColor: colors.ui.dialog.default.none.background }, style]}>\n {children}\n </View>\n );\n};\n\nexport type SheetItemProps = {\n icon?: keyof typeof Icon.Assets;\n iconColor?: string;\n title: string;\n titleColor?: string;\n disabled?: boolean;\n};\nconst SheetItem = ({ icon, title, iconColor, titleColor, disabled = false }: SheetItemProps) => {\n const { colors } = useUIKitTheme();\n return (\n <View style={[styles.sheetItemContainer, { backgroundColor: colors.ui.dialog.default.none.background }]}>\n {icon && (\n <Icon\n icon={icon}\n color={\n iconColor ?? (disabled ? colors.ui.dialog.default.none.blurred : colors.ui.dialog.default.none.highlight)\n }\n containerStyle={styles.sheetItemIcon}\n />\n )}\n <Text\n subtitle1\n numberOfLines={1}\n color={titleColor ?? (disabled ? colors.ui.dialog.default.none.blurred : colors.ui.dialog.default.none.text)}\n style={styles.sheetItemText}\n >\n {title}\n </Text>\n </View>\n );\n};\n\nconst styles = createStyleSheet({\n container: {\n overflow: 'hidden',\n flexDirection: 'column',\n width: '100%',\n borderTopLeftRadius: 8,\n borderTopRightRadius: 8,\n },\n sheetItemContainer: {\n flexDirection: 'row',\n alignItems: 'center',\n height: 48,\n },\n sheetItemIcon: {\n marginLeft: 16,\n },\n sheetItemText: {\n flex: 1,\n marginHorizontal: 24,\n },\n});\n\nDialogSheet.Item = SheetItem;\nexport default DialogSheet;\n"],"mappings":"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"}
|