@sendbird/uikit-react-native-foundation 2.0.2 → 2.0.3
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/index.js +0 -16
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/theme/DarkUIKitTheme.js +0 -10
- package/lib/commonjs/theme/DarkUIKitTheme.js.map +1 -1
- package/lib/commonjs/theme/LightUIKitTheme.js +0 -10
- package/lib/commonjs/theme/LightUIKitTheme.js.map +1 -1
- package/lib/commonjs/types.js.map +1 -1
- package/lib/commonjs/ui/GroupChannelPreview/index.js +2 -11
- package/lib/commonjs/ui/GroupChannelPreview/index.js.map +1 -1
- package/lib/module/index.js +0 -2
- package/lib/module/index.js.map +1 -1
- package/lib/module/theme/DarkUIKitTheme.js +0 -10
- package/lib/module/theme/DarkUIKitTheme.js.map +1 -1
- package/lib/module/theme/LightUIKitTheme.js +0 -10
- package/lib/module/theme/LightUIKitTheme.js.map +1 -1
- package/lib/module/types.js.map +1 -1
- package/lib/module/ui/GroupChannelPreview/index.js +2 -11
- package/lib/module/ui/GroupChannelPreview/index.js.map +1 -1
- package/lib/typescript/src/index.d.ts +0 -2
- package/lib/typescript/src/types.d.ts +1 -5
- package/lib/typescript/src/ui/GroupChannelPreview/index.d.ts +1 -2
- package/package.json +3 -3
- package/src/index.ts +0 -2
- package/src/theme/DarkUIKitTheme.ts +0 -10
- package/src/theme/LightUIKitTheme.ts +0 -10
- package/src/types.ts +1 -7
- package/src/ui/GroupChannelPreview/index.tsx +0 -13
- package/lib/commonjs/ui/OutlinedButton/index.js +0 -57
- package/lib/commonjs/ui/OutlinedButton/index.js.map +0 -1
- package/lib/commonjs/ui/ProfileCard/index.js +0 -94
- package/lib/commonjs/ui/ProfileCard/index.js.map +0 -1
- package/lib/module/ui/OutlinedButton/index.js +0 -43
- package/lib/module/ui/OutlinedButton/index.js.map +0 -1
- package/lib/module/ui/ProfileCard/index.js +0 -78
- package/lib/module/ui/ProfileCard/index.js.map +0 -1
- package/lib/typescript/src/ui/OutlinedButton/index.d.ts +0 -8
- package/lib/typescript/src/ui/ProfileCard/index.d.ts +0 -11
- package/src/ui/OutlinedButton/index.tsx +0 -42
- package/src/ui/ProfileCard/index.tsx +0 -73
package/lib/commonjs/index.js
CHANGED
|
@@ -153,12 +153,6 @@ Object.defineProperty(exports, "Modal", {
|
|
|
153
153
|
return _Modal.default;
|
|
154
154
|
}
|
|
155
155
|
});
|
|
156
|
-
Object.defineProperty(exports, "OutlinedButton", {
|
|
157
|
-
enumerable: true,
|
|
158
|
-
get: function () {
|
|
159
|
-
return _OutlinedButton.default;
|
|
160
|
-
}
|
|
161
|
-
});
|
|
162
156
|
Object.defineProperty(exports, "Palette", {
|
|
163
157
|
enumerable: true,
|
|
164
158
|
get: function () {
|
|
@@ -171,12 +165,6 @@ Object.defineProperty(exports, "Placeholder", {
|
|
|
171
165
|
return _Placeholder.default;
|
|
172
166
|
}
|
|
173
167
|
});
|
|
174
|
-
Object.defineProperty(exports, "ProfileCard", {
|
|
175
|
-
enumerable: true,
|
|
176
|
-
get: function () {
|
|
177
|
-
return _ProfileCard.default;
|
|
178
|
-
}
|
|
179
|
-
});
|
|
180
168
|
Object.defineProperty(exports, "Prompt", {
|
|
181
169
|
enumerable: true,
|
|
182
170
|
get: function () {
|
|
@@ -358,12 +346,8 @@ var _LoadingSpinner = _interopRequireDefault(require("./ui/LoadingSpinner"));
|
|
|
358
346
|
|
|
359
347
|
var _MenuBar = _interopRequireWildcard(require("./ui/MenuBar"));
|
|
360
348
|
|
|
361
|
-
var _OutlinedButton = _interopRequireDefault(require("./ui/OutlinedButton"));
|
|
362
|
-
|
|
363
349
|
var _Placeholder = _interopRequireDefault(require("./ui/Placeholder"));
|
|
364
350
|
|
|
365
|
-
var _ProfileCard = _interopRequireDefault(require("./ui/ProfileCard"));
|
|
366
|
-
|
|
367
351
|
var _Prompt = _interopRequireDefault(require("./ui/Prompt"));
|
|
368
352
|
|
|
369
353
|
var _Toast = _interopRequireWildcard(require("./ui/Toast"));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["/** Assets **/\nexport { default as IconAssets } from './assets/icon';\n\n/** Component **/\nexport { default as Divider } from './components/Divider';\nexport { default as Icon } from './components/Icon';\nexport { default as Image } from './components/Image';\nexport { default as Modal } from './components/Modal';\nexport { default as Switch } from './components/Switch';\nexport { default as Text } from './components/Text';\nexport { default as TextInput } from './components/TextInput';\nexport { default as URLParsedText } from './components/URLParsedText';\n\n/** UI **/\nexport { default as ActionMenu, ActionMenuItem } from './ui/ActionMenu';\nexport { default as Alert } from './ui/Alert';\nexport { default as Avatar } from './ui/Avatar';\nexport { default as Badge } from './ui/Badge';\nexport { default as BottomSheet, BottomSheetItem } from './ui/BottomSheet';\nexport { default as Button } from './ui/Button';\nexport { default as ChannelFrozenBanner } from './ui/ChannelFrozenBanner';\nexport { DialogProvider, useActionMenu, useAlert, usePrompt, useBottomSheet } from './ui/Dialog';\nexport { default as GroupChannelPreview } from './ui/GroupChannelPreview';\nexport { default as Header } from './ui/Header';\nexport { default as LoadingSpinner } from './ui/LoadingSpinner';\nexport { default as MenuBar, MenuBarProps } from './ui/MenuBar';\nexport { default as
|
|
1
|
+
{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["/** Assets **/\nexport { default as IconAssets } from './assets/icon';\n\n/** Component **/\nexport { default as Divider } from './components/Divider';\nexport { default as Icon } from './components/Icon';\nexport { default as Image } from './components/Image';\nexport { default as Modal } from './components/Modal';\nexport { default as Switch } from './components/Switch';\nexport { default as Text } from './components/Text';\nexport { default as TextInput } from './components/TextInput';\nexport { default as URLParsedText } from './components/URLParsedText';\n\n/** UI **/\nexport { default as ActionMenu, ActionMenuItem } from './ui/ActionMenu';\nexport { default as Alert } from './ui/Alert';\nexport { default as Avatar } from './ui/Avatar';\nexport { default as Badge } from './ui/Badge';\nexport { default as BottomSheet, BottomSheetItem } from './ui/BottomSheet';\nexport { default as Button } from './ui/Button';\nexport { default as ChannelFrozenBanner } from './ui/ChannelFrozenBanner';\nexport { DialogProvider, useActionMenu, useAlert, usePrompt, useBottomSheet } from './ui/Dialog';\nexport { default as GroupChannelPreview } from './ui/GroupChannelPreview';\nexport { default as Header } from './ui/Header';\nexport { default as LoadingSpinner } from './ui/LoadingSpinner';\nexport { default as MenuBar, MenuBarProps } from './ui/MenuBar';\nexport { default as Placeholder } from './ui/Placeholder';\nexport { default as Prompt } from './ui/Prompt';\nexport { default as Toast, useToast, ToastProvider } from './ui/Toast';\n\n/** Styles **/\nexport { default as createSelectByColorScheme } from './styles/createSelectByColorScheme';\nexport { default as createScaleFactor } from './styles/createScaleFactor';\nexport { default as createStyleSheet } from './styles/createStyleSheet';\nexport { default as createTypography, UIKitTypographyOverrides } from './styles/createTypography';\nexport { default as getDefaultHeaderHeight } from './styles/getDefaultHeaderHeight';\nexport { HeaderStyleContext, HeaderStyleProvider, HeaderStyleContextType } from './styles/HeaderStyleContext';\nexport { default as useHeaderStyle } from './styles/useHeaderStyle';\n\n/** Theme **/\nexport { default as createTheme } from './theme/createTheme';\nexport { default as DarkUIKitTheme } from './theme/DarkUIKitTheme';\nexport { default as LightUIKitTheme } from './theme/LightUIKitTheme';\nexport { default as Palette } from './theme/Palette';\nexport { default as UIKitThemeContext } from './theme/UIKitThemeContext';\nexport { default as UIKitThemeProvider } from './theme/UIKitThemeProvider';\nexport { default as useUIKitTheme } from './theme/useUIKitTheme';\n\n/** Types **/\nexport type {\n TypoName,\n UIKitTheme,\n UIKitTypography,\n FontAttributes,\n BaseHeaderProps,\n UIKitColorScheme,\n UIKitColors,\n ComponentColorTree,\n UIKitPalette,\n HeaderElement,\n HeaderPartProps,\n ComponentColors,\n Component,\n GetColorTree,\n} from './types';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA;;AAGA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAGA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAGA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAGA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA"}
|
|
@@ -177,16 +177,6 @@ const DarkUIKitTheme = (0, _createTheme.default)({
|
|
|
177
177
|
separator: palette.onBackgroundDark04
|
|
178
178
|
}
|
|
179
179
|
}
|
|
180
|
-
},
|
|
181
|
-
profileCard: {
|
|
182
|
-
default: {
|
|
183
|
-
none: {
|
|
184
|
-
textUsername: palette.onBackgroundDark01,
|
|
185
|
-
textBodyLabel: palette.onBackgroundDark02,
|
|
186
|
-
textBody: palette.onBackgroundDark01,
|
|
187
|
-
background: palette.background500
|
|
188
|
-
}
|
|
189
|
-
}
|
|
190
180
|
}
|
|
191
181
|
}
|
|
192
182
|
})
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["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","default","message","highlight","destructive","error300","input","active","placeholder","underline","badge","incoming","textMsg","textEdited","textTime","textSenderName","primary500","outgoing","dateSeparator","overlay02","groupChannelPreview","textTitle","textTitleCaption","textBody","bodyIcon","memberCount","coverBackground","bodyIconBackground","separator","profileCard","textUsername","textBodyLabel"],"sources":["DarkUIKitTheme.ts"],"sourcesContent":["import createTheme from './createTheme';\n\nconst DarkUIKitTheme = createTheme({\n colorScheme: 'dark',\n colors: (palette) => ({\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 },\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: {\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 dateSeparator: {\n default: {\n none: {\n text: palette.onBackgroundDark02,\n background: palette.overlay02,\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 },\n }),\n});\n\nexport default DarkUIKitTheme;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"names":["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","default","message","highlight","destructive","error300","input","active","placeholder","underline","badge","incoming","textMsg","textEdited","textTime","textSenderName","primary500","outgoing","dateSeparator","overlay02","groupChannelPreview","textTitle","textTitleCaption","textBody","bodyIcon","memberCount","coverBackground","bodyIconBackground","separator"],"sources":["DarkUIKitTheme.ts"],"sourcesContent":["import createTheme from './createTheme';\n\nconst DarkUIKitTheme = createTheme({\n colorScheme: 'dark',\n colors: (palette) => ({\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 },\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: {\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 dateSeparator: {\n default: {\n none: {\n text: palette.onBackgroundDark02,\n background: palette.overlay02,\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 },\n }),\n});\n\nexport default DarkUIKitTheme;\n"],"mappings":"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"}
|
|
@@ -177,16 +177,6 @@ const LightUIKitTheme = (0, _createTheme.default)({
|
|
|
177
177
|
separator: palette.onBackgroundLight04
|
|
178
178
|
}
|
|
179
179
|
}
|
|
180
|
-
},
|
|
181
|
-
profileCard: {
|
|
182
|
-
default: {
|
|
183
|
-
none: {
|
|
184
|
-
textUsername: palette.onBackgroundLight01,
|
|
185
|
-
textBodyLabel: palette.onBackgroundLight02,
|
|
186
|
-
textBody: palette.onBackgroundLight01,
|
|
187
|
-
background: palette.background50
|
|
188
|
-
}
|
|
189
|
-
}
|
|
190
180
|
}
|
|
191
181
|
}
|
|
192
182
|
})
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["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","default","message","highlight","destructive","input","active","placeholder","underline","badge","incoming","textMsg","textEdited","textTime","textSenderName","primary100","outgoing","dateSeparator","overlay02","groupChannelPreview","textTitle","textTitleCaption","textBody","bodyIcon","memberCount","coverBackground","bodyIconBackground","separator","profileCard","textUsername","textBodyLabel"],"sources":["LightUIKitTheme.ts"],"sourcesContent":["import createTheme from './createTheme';\n\nconst LightUIKitTheme = createTheme({\n colorScheme: 'light',\n colors: (palette) => ({\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 },\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: {\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 dateSeparator: {\n default: {\n none: {\n text: palette.onBackgroundDark01,\n background: palette.overlay02,\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 },\n }),\n});\n\nexport default LightUIKitTheme;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"names":["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","default","message","highlight","destructive","input","active","placeholder","underline","badge","incoming","textMsg","textEdited","textTime","textSenderName","primary100","outgoing","dateSeparator","overlay02","groupChannelPreview","textTitle","textTitleCaption","textBody","bodyIcon","memberCount","coverBackground","bodyIconBackground","separator"],"sources":["LightUIKitTheme.ts"],"sourcesContent":["import createTheme from './createTheme';\n\nconst LightUIKitTheme = createTheme({\n colorScheme: 'light',\n colors: (palette) => ({\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 },\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: {\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 dateSeparator: {\n default: {\n none: {\n text: palette.onBackgroundDark01,\n background: palette.overlay02,\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 },\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 { ReactElement, 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 | 'Message'\n | 'DateSeparator'\n | 'GroupChannelPreview'
|
|
1
|
+
{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport type { ReactElement, 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 | 'Message'\n | 'DateSeparator'\n | 'GroupChannelPreview';\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 Message: 'incoming' | 'outgoing';\n DateSeparator: 'default';\n GroupChannelPreview: '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 Message: 'enabled' | 'pressed';\n DateSeparator: 'none';\n GroupChannelPreview: 'none';\n };\n ColorPart: {\n Header: 'background' | 'borderBottom';\n Button: 'background' | 'content';\n Dialog: 'background' | 'text' | 'message' | 'highlight' | 'destructive';\n Input: 'text' | 'placeholder' | 'background' | 'highlight';\n Badge: 'text' | 'background';\n Placeholder: 'content' | 'highlight';\n Message: 'textMsg' | 'textEdited' | 'textSenderName' | 'textTime' | 'background';\n DateSeparator: 'text' | 'background';\n GroupChannelPreview:\n | 'textTitle'\n | 'textTitleCaption'\n | 'textBody'\n | 'memberCount'\n | 'bodyIcon'\n | 'background'\n | 'coverBackground'\n | 'bodyIconBackground'\n | 'separator';\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 message: ComponentColors<'Message'>;\n dateSeparator: ComponentColors<'DateSeparator'>;\n groupChannelPreview: ComponentColors<'GroupChannelPreview'>;\n };\n}\n\nexport type HeaderElement = string | ReactElement | null;\nexport type HeaderPartProps = {\n title?: HeaderElement;\n right?: HeaderElement;\n left?: HeaderElement;\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":""}
|
|
@@ -38,8 +38,7 @@ const GroupChannelPreview = _ref => {
|
|
|
38
38
|
titleCaption,
|
|
39
39
|
titleCaptionLeft,
|
|
40
40
|
frozen,
|
|
41
|
-
notificationOff
|
|
42
|
-
broadcast
|
|
41
|
+
notificationOff
|
|
43
42
|
} = _ref;
|
|
44
43
|
const {
|
|
45
44
|
colors
|
|
@@ -65,12 +64,7 @@ const GroupChannelPreview = _ref => {
|
|
|
65
64
|
style: styles.rightTopSection
|
|
66
65
|
}, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
67
66
|
style: styles.channelInfoContainer
|
|
68
|
-
},
|
|
69
|
-
size: 16,
|
|
70
|
-
icon: 'broadcast',
|
|
71
|
-
color: colors.secondary,
|
|
72
|
-
containerStyle: styles.channelInfoBroadcast
|
|
73
|
-
}), /*#__PURE__*/_react.default.createElement(_Text.default, {
|
|
67
|
+
}, /*#__PURE__*/_react.default.createElement(_Text.default, {
|
|
74
68
|
numberOfLines: 1,
|
|
75
69
|
subtitle1: true,
|
|
76
70
|
style: styles.channelInfoTitle,
|
|
@@ -163,9 +157,6 @@ const styles = (0, _createStyleSheet.default)({
|
|
|
163
157
|
alignItems: 'center',
|
|
164
158
|
flexDirection: 'row'
|
|
165
159
|
},
|
|
166
|
-
channelInfoBroadcast: {
|
|
167
|
-
marginRight: 4
|
|
168
|
-
},
|
|
169
160
|
channelInfoTitle: {
|
|
170
161
|
flexShrink: 1,
|
|
171
162
|
marginRight: 4
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["GroupChannelPreview","customCover","coverUrl","memberCount","badgeCount","maxBadgeCount","body","bodyIcon","title","titleCaption","titleCaptionLeft","frozen","notificationOff","broadcast","colors","useUIKitTheme","color","ui","groupChannelPreview","styles","container","backgroundColor","default","none","background","coverContainer","conditionChaining","Boolean","channelCover","coverBackground","uri","rightSection","rightTopSection","channelInfoContainer","secondary","channelInfoBroadcast","channelInfoTitle","textTitle","channelInfoMemberCount","primary","channelInfoFrozen","onBackground03","titleCaptionContainer","textTitleCaption","titleCaptionText","rightBottomSection","bodyWrapper","bodyIconBackground","bodyText","textBody","separator","Separator","createStyleSheet","height","width","flexDirection","alignItems","justifyContent","marginLeft","marginRight","borderRadius","flex","paddingTop","paddingRight","marginBottom","flexShrink","marginTop","unreadBadge","minWidth","minHeight","position","left","right","bottom"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\n\nimport { conditionChaining } from '@sendbird/uikit-utils';\n\nimport Icon from '../../components/Icon';\nimport Image from '../../components/Image';\nimport Text from '../../components/Text';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport Badge from '../Badge';\n\ntype Props = {\n customCover?: React.ReactElement;\n coverUrl: string;\n\n title: string;\n\n titleCaption: string;\n titleCaptionLeft?: React.ReactElement;\n\n bodyIcon?: keyof typeof Icon.Assets;\n body: string;\n\n memberCount?: number;\n badgeCount: number;\n maxBadgeCount?: number;\n\n frozen?: boolean;\n notificationOff?: boolean;\n broadcast?: boolean;\n};\n\nconst GroupChannelPreview = ({\n customCover,\n coverUrl,\n memberCount,\n badgeCount,\n maxBadgeCount,\n body,\n bodyIcon,\n title,\n titleCaption,\n titleCaptionLeft,\n frozen,\n notificationOff,\n broadcast,\n}: Props) => {\n const { colors } = useUIKitTheme();\n const color = colors.ui.groupChannelPreview;\n\n return (\n <View style={[styles.container, { backgroundColor: color.default.none.background }]}>\n <View style={styles.coverContainer}>\n {conditionChaining(\n [Boolean(customCover)],\n [\n customCover,\n <Image\n resizeMode={'cover'}\n style={[styles.channelCover, { backgroundColor: color.default.none.coverBackground }]}\n source={{ uri: coverUrl }}\n />,\n ],\n )}\n </View>\n <View style={styles.rightSection}>\n <View style={styles.rightTopSection}>\n <View style={styles.channelInfoContainer}>\n {broadcast && (\n <Icon\n size={16}\n icon={'broadcast'}\n color={colors.secondary}\n containerStyle={styles.channelInfoBroadcast}\n />\n )}\n <Text numberOfLines={1} subtitle1 style={styles.channelInfoTitle} color={color.default.none.textTitle}>\n {title}\n </Text>\n {Boolean(memberCount) && (\n <Text caption1 style={styles.channelInfoMemberCount} color={color.default.none.memberCount}>\n {memberCount}\n </Text>\n )}\n {frozen && (\n <Icon size={16} icon={'freeze'} color={colors.primary} containerStyle={styles.channelInfoFrozen} />\n )}\n {notificationOff && <Icon size={16} icon={'notifications-off-filled'} color={colors.onBackground03} />}\n </View>\n <View style={styles.titleCaptionContainer}>\n {titleCaptionLeft}\n <Text caption2 color={color.default.none.textTitleCaption} style={styles.titleCaptionText}>\n {titleCaption}\n </Text>\n </View>\n </View>\n\n <View style={styles.rightBottomSection}>\n <View style={styles.body}>\n <View style={styles.bodyWrapper}>\n {bodyIcon && (\n <Icon\n size={18}\n icon={bodyIcon}\n color={color.default.none.bodyIcon}\n containerStyle={[\n styles.bodyIcon,\n { backgroundColor: colors.ui.groupChannelPreview.default.none.bodyIconBackground },\n ]}\n />\n )}\n <Text body3 numberOfLines={1} style={styles.bodyText} color={color.default.none.textBody}>\n {body}\n </Text>\n </View>\n </View>\n <View>{badgeCount > 0 && <Badge count={badgeCount} maxCount={maxBadgeCount} />}</View>\n </View>\n <Separator color={color.default.none.separator} />\n </View>\n </View>\n );\n};\n\ntype SeparatorProps = { color: string };\nconst Separator = ({ color }: SeparatorProps) => <View style={[styles.separator, { backgroundColor: color }]} />;\n\nconst styles = createStyleSheet({\n container: {\n height: 76,\n width: '100%',\n flexDirection: 'row',\n alignItems: 'center',\n justifyContent: 'center',\n },\n coverContainer: {\n marginLeft: 16,\n marginRight: 16,\n },\n channelCover: {\n width: 56,\n height: 56,\n borderRadius: 28,\n },\n rightSection: {\n flex: 1,\n paddingTop: 10,\n paddingRight: 16,\n },\n rightTopSection: {\n flexDirection: 'row',\n marginBottom: 4,\n },\n channelInfoContainer: {\n flex: 1,\n marginRight: 4,\n alignItems: 'center',\n flexDirection: 'row',\n },\n channelInfoBroadcast: {\n marginRight: 4,\n },\n channelInfoTitle: {\n flexShrink: 1,\n marginRight: 4,\n },\n channelInfoMemberCount: {\n paddingTop: 2,\n marginRight: 4,\n },\n channelInfoFrozen: {\n marginRight: 4,\n },\n titleCaptionContainer: {\n alignItems: 'flex-start',\n flexDirection: 'row',\n marginLeft: 4,\n },\n titleCaptionText: {\n marginTop: 2,\n },\n rightBottomSection: {\n flex: 1,\n height: '100%',\n flexDirection: 'row',\n },\n body: {\n marginRight: 4,\n flex: 1,\n flexDirection: 'row',\n alignItems: 'flex-start',\n },\n bodyWrapper: {\n flexDirection: 'row',\n alignItems: 'center',\n },\n bodyText: {\n flex: 1,\n },\n bodyIcon: {\n borderRadius: 8,\n width: 26,\n height: 26,\n marginRight: 4,\n },\n unreadBadge: {\n minWidth: 20,\n minHeight: 20,\n borderRadius: 99,\n alignItems: 'center',\n justifyContent: 'center',\n },\n separator: {\n position: 'absolute',\n left: 0,\n right: -16,\n bottom: 0,\n height: 1,\n },\n});\n\nexport default GroupChannelPreview;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"names":["GroupChannelPreview","customCover","coverUrl","memberCount","badgeCount","maxBadgeCount","body","bodyIcon","title","titleCaption","titleCaptionLeft","frozen","notificationOff","colors","useUIKitTheme","color","ui","groupChannelPreview","styles","container","backgroundColor","default","none","background","coverContainer","conditionChaining","Boolean","channelCover","coverBackground","uri","rightSection","rightTopSection","channelInfoContainer","channelInfoTitle","textTitle","channelInfoMemberCount","primary","channelInfoFrozen","onBackground03","titleCaptionContainer","textTitleCaption","titleCaptionText","rightBottomSection","bodyWrapper","bodyIconBackground","bodyText","textBody","separator","Separator","createStyleSheet","height","width","flexDirection","alignItems","justifyContent","marginLeft","marginRight","borderRadius","flex","paddingTop","paddingRight","marginBottom","flexShrink","marginTop","unreadBadge","minWidth","minHeight","position","left","right","bottom"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\n\nimport { conditionChaining } from '@sendbird/uikit-utils';\n\nimport Icon from '../../components/Icon';\nimport Image from '../../components/Image';\nimport Text from '../../components/Text';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport Badge from '../Badge';\n\ntype Props = {\n customCover?: React.ReactElement;\n coverUrl: string;\n\n title: string;\n\n titleCaption: string;\n titleCaptionLeft?: React.ReactElement;\n\n bodyIcon?: keyof typeof Icon.Assets;\n body: string;\n\n memberCount?: number;\n badgeCount: number;\n maxBadgeCount?: number;\n\n frozen?: boolean;\n notificationOff?: boolean;\n};\n\nconst GroupChannelPreview = ({\n customCover,\n coverUrl,\n memberCount,\n badgeCount,\n maxBadgeCount,\n body,\n bodyIcon,\n title,\n titleCaption,\n titleCaptionLeft,\n frozen,\n notificationOff,\n}: Props) => {\n const { colors } = useUIKitTheme();\n const color = colors.ui.groupChannelPreview;\n\n return (\n <View style={[styles.container, { backgroundColor: color.default.none.background }]}>\n <View style={styles.coverContainer}>\n {conditionChaining(\n [Boolean(customCover)],\n [\n customCover,\n <Image\n resizeMode={'cover'}\n style={[styles.channelCover, { backgroundColor: color.default.none.coverBackground }]}\n source={{ uri: coverUrl }}\n />,\n ],\n )}\n </View>\n <View style={styles.rightSection}>\n <View style={styles.rightTopSection}>\n <View style={styles.channelInfoContainer}>\n <Text numberOfLines={1} subtitle1 style={styles.channelInfoTitle} color={color.default.none.textTitle}>\n {title}\n </Text>\n {Boolean(memberCount) && (\n <Text caption1 style={styles.channelInfoMemberCount} color={color.default.none.memberCount}>\n {memberCount}\n </Text>\n )}\n {frozen && (\n <Icon size={16} icon={'freeze'} color={colors.primary} containerStyle={styles.channelInfoFrozen} />\n )}\n {notificationOff && <Icon size={16} icon={'notifications-off-filled'} color={colors.onBackground03} />}\n </View>\n <View style={styles.titleCaptionContainer}>\n {titleCaptionLeft}\n <Text caption2 color={color.default.none.textTitleCaption} style={styles.titleCaptionText}>\n {titleCaption}\n </Text>\n </View>\n </View>\n\n <View style={styles.rightBottomSection}>\n <View style={styles.body}>\n <View style={styles.bodyWrapper}>\n {bodyIcon && (\n <Icon\n size={18}\n icon={bodyIcon}\n color={color.default.none.bodyIcon}\n containerStyle={[\n styles.bodyIcon,\n { backgroundColor: colors.ui.groupChannelPreview.default.none.bodyIconBackground },\n ]}\n />\n )}\n <Text body3 numberOfLines={1} style={styles.bodyText} color={color.default.none.textBody}>\n {body}\n </Text>\n </View>\n </View>\n <View>{badgeCount > 0 && <Badge count={badgeCount} maxCount={maxBadgeCount} />}</View>\n </View>\n <Separator color={color.default.none.separator} />\n </View>\n </View>\n );\n};\n\ntype SeparatorProps = { color: string };\nconst Separator = ({ color }: SeparatorProps) => <View style={[styles.separator, { backgroundColor: color }]} />;\n\nconst styles = createStyleSheet({\n container: {\n height: 76,\n width: '100%',\n flexDirection: 'row',\n alignItems: 'center',\n justifyContent: 'center',\n },\n coverContainer: {\n marginLeft: 16,\n marginRight: 16,\n },\n channelCover: {\n width: 56,\n height: 56,\n borderRadius: 28,\n },\n rightSection: {\n flex: 1,\n paddingTop: 10,\n paddingRight: 16,\n },\n rightTopSection: {\n flexDirection: 'row',\n marginBottom: 4,\n },\n channelInfoContainer: {\n flex: 1,\n marginRight: 4,\n alignItems: 'center',\n flexDirection: 'row',\n },\n channelInfoTitle: {\n flexShrink: 1,\n marginRight: 4,\n },\n channelInfoMemberCount: {\n paddingTop: 2,\n marginRight: 4,\n },\n channelInfoFrozen: {\n marginRight: 4,\n },\n titleCaptionContainer: {\n alignItems: 'flex-start',\n flexDirection: 'row',\n marginLeft: 4,\n },\n titleCaptionText: {\n marginTop: 2,\n },\n rightBottomSection: {\n flex: 1,\n height: '100%',\n flexDirection: 'row',\n },\n body: {\n marginRight: 4,\n flex: 1,\n flexDirection: 'row',\n alignItems: 'flex-start',\n },\n bodyWrapper: {\n flexDirection: 'row',\n alignItems: 'center',\n },\n bodyText: {\n flex: 1,\n },\n bodyIcon: {\n borderRadius: 8,\n width: 26,\n height: 26,\n marginRight: 4,\n },\n unreadBadge: {\n minWidth: 20,\n minHeight: 20,\n borderRadius: 99,\n alignItems: 'center',\n justifyContent: 'center',\n },\n separator: {\n position: 'absolute',\n left: 0,\n right: -16,\n bottom: 0,\n height: 1,\n },\n});\n\nexport default GroupChannelPreview;\n"],"mappings":"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"}
|
package/lib/module/index.js
CHANGED
|
@@ -24,9 +24,7 @@ export { default as GroupChannelPreview } from './ui/GroupChannelPreview';
|
|
|
24
24
|
export { default as Header } from './ui/Header';
|
|
25
25
|
export { default as LoadingSpinner } from './ui/LoadingSpinner';
|
|
26
26
|
export { default as MenuBar, MenuBarProps } from './ui/MenuBar';
|
|
27
|
-
export { default as OutlinedButton } from './ui/OutlinedButton';
|
|
28
27
|
export { default as Placeholder } from './ui/Placeholder';
|
|
29
|
-
export { default as ProfileCard } from './ui/ProfileCard';
|
|
30
28
|
export { default as Prompt } from './ui/Prompt';
|
|
31
29
|
export { default as Toast, useToast, ToastProvider } from './ui/Toast';
|
|
32
30
|
/** Styles **/
|
package/lib/module/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["default","IconAssets","Divider","Icon","Image","Modal","Switch","Text","TextInput","URLParsedText","ActionMenu","ActionMenuItem","Alert","Avatar","Badge","BottomSheet","BottomSheetItem","Button","ChannelFrozenBanner","DialogProvider","useActionMenu","useAlert","usePrompt","useBottomSheet","GroupChannelPreview","Header","LoadingSpinner","MenuBar","MenuBarProps","
|
|
1
|
+
{"version":3,"names":["default","IconAssets","Divider","Icon","Image","Modal","Switch","Text","TextInput","URLParsedText","ActionMenu","ActionMenuItem","Alert","Avatar","Badge","BottomSheet","BottomSheetItem","Button","ChannelFrozenBanner","DialogProvider","useActionMenu","useAlert","usePrompt","useBottomSheet","GroupChannelPreview","Header","LoadingSpinner","MenuBar","MenuBarProps","Placeholder","Prompt","Toast","useToast","ToastProvider","createSelectByColorScheme","createScaleFactor","createStyleSheet","createTypography","UIKitTypographyOverrides","getDefaultHeaderHeight","HeaderStyleContext","HeaderStyleProvider","HeaderStyleContextType","useHeaderStyle","createTheme","DarkUIKitTheme","LightUIKitTheme","Palette","UIKitThemeContext","UIKitThemeProvider","useUIKitTheme"],"sources":["index.ts"],"sourcesContent":["/** Assets **/\nexport { default as IconAssets } from './assets/icon';\n\n/** Component **/\nexport { default as Divider } from './components/Divider';\nexport { default as Icon } from './components/Icon';\nexport { default as Image } from './components/Image';\nexport { default as Modal } from './components/Modal';\nexport { default as Switch } from './components/Switch';\nexport { default as Text } from './components/Text';\nexport { default as TextInput } from './components/TextInput';\nexport { default as URLParsedText } from './components/URLParsedText';\n\n/** UI **/\nexport { default as ActionMenu, ActionMenuItem } from './ui/ActionMenu';\nexport { default as Alert } from './ui/Alert';\nexport { default as Avatar } from './ui/Avatar';\nexport { default as Badge } from './ui/Badge';\nexport { default as BottomSheet, BottomSheetItem } from './ui/BottomSheet';\nexport { default as Button } from './ui/Button';\nexport { default as ChannelFrozenBanner } from './ui/ChannelFrozenBanner';\nexport { DialogProvider, useActionMenu, useAlert, usePrompt, useBottomSheet } from './ui/Dialog';\nexport { default as GroupChannelPreview } from './ui/GroupChannelPreview';\nexport { default as Header } from './ui/Header';\nexport { default as LoadingSpinner } from './ui/LoadingSpinner';\nexport { default as MenuBar, MenuBarProps } from './ui/MenuBar';\nexport { default as Placeholder } from './ui/Placeholder';\nexport { default as Prompt } from './ui/Prompt';\nexport { default as Toast, useToast, ToastProvider } from './ui/Toast';\n\n/** Styles **/\nexport { default as createSelectByColorScheme } from './styles/createSelectByColorScheme';\nexport { default as createScaleFactor } from './styles/createScaleFactor';\nexport { default as createStyleSheet } from './styles/createStyleSheet';\nexport { default as createTypography, UIKitTypographyOverrides } from './styles/createTypography';\nexport { default as getDefaultHeaderHeight } from './styles/getDefaultHeaderHeight';\nexport { HeaderStyleContext, HeaderStyleProvider, HeaderStyleContextType } from './styles/HeaderStyleContext';\nexport { default as useHeaderStyle } from './styles/useHeaderStyle';\n\n/** Theme **/\nexport { default as createTheme } from './theme/createTheme';\nexport { default as DarkUIKitTheme } from './theme/DarkUIKitTheme';\nexport { default as LightUIKitTheme } from './theme/LightUIKitTheme';\nexport { default as Palette } from './theme/Palette';\nexport { default as UIKitThemeContext } from './theme/UIKitThemeContext';\nexport { default as UIKitThemeProvider } from './theme/UIKitThemeProvider';\nexport { default as useUIKitTheme } from './theme/useUIKitTheme';\n\n/** Types **/\nexport type {\n TypoName,\n UIKitTheme,\n UIKitTypography,\n FontAttributes,\n BaseHeaderProps,\n UIKitColorScheme,\n UIKitColors,\n ComponentColorTree,\n UIKitPalette,\n HeaderElement,\n HeaderPartProps,\n ComponentColors,\n Component,\n GetColorTree,\n} from './types';\n"],"mappings":"AAAA;AACA,SAASA,OAAO,IAAIC,UAApB,QAAsC,eAAtC;AAEA;;AACA,SAASD,OAAO,IAAIE,OAApB,QAAmC,sBAAnC;AACA,SAASF,OAAO,IAAIG,IAApB,QAAgC,mBAAhC;AACA,SAASH,OAAO,IAAII,KAApB,QAAiC,oBAAjC;AACA,SAASJ,OAAO,IAAIK,KAApB,QAAiC,oBAAjC;AACA,SAASL,OAAO,IAAIM,MAApB,QAAkC,qBAAlC;AACA,SAASN,OAAO,IAAIO,IAApB,QAAgC,mBAAhC;AACA,SAASP,OAAO,IAAIQ,SAApB,QAAqC,wBAArC;AACA,SAASR,OAAO,IAAIS,aAApB,QAAyC,4BAAzC;AAEA;;AACA,SAAST,OAAO,IAAIU,UAApB,EAAgCC,cAAhC,QAAsD,iBAAtD;AACA,SAASX,OAAO,IAAIY,KAApB,QAAiC,YAAjC;AACA,SAASZ,OAAO,IAAIa,MAApB,QAAkC,aAAlC;AACA,SAASb,OAAO,IAAIc,KAApB,QAAiC,YAAjC;AACA,SAASd,OAAO,IAAIe,WAApB,EAAiCC,eAAjC,QAAwD,kBAAxD;AACA,SAAShB,OAAO,IAAIiB,MAApB,QAAkC,aAAlC;AACA,SAASjB,OAAO,IAAIkB,mBAApB,QAA+C,0BAA/C;AACA,SAASC,cAAT,EAAyBC,aAAzB,EAAwCC,QAAxC,EAAkDC,SAAlD,EAA6DC,cAA7D,QAAmF,aAAnF;AACA,SAASvB,OAAO,IAAIwB,mBAApB,QAA+C,0BAA/C;AACA,SAASxB,OAAO,IAAIyB,MAApB,QAAkC,aAAlC;AACA,SAASzB,OAAO,IAAI0B,cAApB,QAA0C,qBAA1C;AACA,SAAS1B,OAAO,IAAI2B,OAApB,EAA6BC,YAA7B,QAAiD,cAAjD;AACA,SAAS5B,OAAO,IAAI6B,WAApB,QAAuC,kBAAvC;AACA,SAAS7B,OAAO,IAAI8B,MAApB,QAAkC,aAAlC;AACA,SAAS9B,OAAO,IAAI+B,KAApB,EAA2BC,QAA3B,EAAqCC,aAArC,QAA0D,YAA1D;AAEA;;AACA,SAASjC,OAAO,IAAIkC,yBAApB,QAAqD,oCAArD;AACA,SAASlC,OAAO,IAAImC,iBAApB,QAA6C,4BAA7C;AACA,SAASnC,OAAO,IAAIoC,gBAApB,QAA4C,2BAA5C;AACA,SAASpC,OAAO,IAAIqC,gBAApB,EAAsCC,wBAAtC,QAAsE,2BAAtE;AACA,SAAStC,OAAO,IAAIuC,sBAApB,QAAkD,iCAAlD;AACA,SAASC,kBAAT,EAA6BC,mBAA7B,EAAkDC,sBAAlD,QAAgF,6BAAhF;AACA,SAAS1C,OAAO,IAAI2C,cAApB,QAA0C,yBAA1C;AAEA;;AACA,SAAS3C,OAAO,IAAI4C,WAApB,QAAuC,qBAAvC;AACA,SAAS5C,OAAO,IAAI6C,cAApB,QAA0C,wBAA1C;AACA,SAAS7C,OAAO,IAAI8C,eAApB,QAA2C,yBAA3C;AACA,SAAS9C,OAAO,IAAI+C,OAApB,QAAmC,iBAAnC;AACA,SAAS/C,OAAO,IAAIgD,iBAApB,QAA6C,2BAA7C;AACA,SAAShD,OAAO,IAAIiD,kBAApB,QAA8C,4BAA9C;AACA,SAASjD,OAAO,IAAIkD,aAApB,QAAyC,uBAAzC;AAEA"}
|
|
@@ -167,16 +167,6 @@ const DarkUIKitTheme = createTheme({
|
|
|
167
167
|
separator: palette.onBackgroundDark04
|
|
168
168
|
}
|
|
169
169
|
}
|
|
170
|
-
},
|
|
171
|
-
profileCard: {
|
|
172
|
-
default: {
|
|
173
|
-
none: {
|
|
174
|
-
textUsername: palette.onBackgroundDark01,
|
|
175
|
-
textBodyLabel: palette.onBackgroundDark02,
|
|
176
|
-
textBody: palette.onBackgroundDark01,
|
|
177
|
-
background: palette.background500
|
|
178
|
-
}
|
|
179
|
-
}
|
|
180
170
|
}
|
|
181
171
|
}
|
|
182
172
|
})
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["createTheme","DarkUIKitTheme","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","default","message","highlight","destructive","error300","input","active","placeholder","underline","badge","incoming","textMsg","textEdited","textTime","textSenderName","primary500","outgoing","dateSeparator","overlay02","groupChannelPreview","textTitle","textTitleCaption","textBody","bodyIcon","memberCount","coverBackground","bodyIconBackground","separator","profileCard","textUsername","textBodyLabel"],"sources":["DarkUIKitTheme.ts"],"sourcesContent":["import createTheme from './createTheme';\n\nconst DarkUIKitTheme = createTheme({\n colorScheme: 'dark',\n colors: (palette) => ({\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 },\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: {\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 dateSeparator: {\n default: {\n none: {\n text: palette.onBackgroundDark02,\n background: palette.overlay02,\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 },\n }),\n});\n\nexport default DarkUIKitTheme;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"names":["createTheme","DarkUIKitTheme","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","default","message","highlight","destructive","error300","input","active","placeholder","underline","badge","incoming","textMsg","textEdited","textTime","textSenderName","primary500","outgoing","dateSeparator","overlay02","groupChannelPreview","textTitle","textTitleCaption","textBody","bodyIcon","memberCount","coverBackground","bodyIconBackground","separator"],"sources":["DarkUIKitTheme.ts"],"sourcesContent":["import createTheme from './createTheme';\n\nconst DarkUIKitTheme = createTheme({\n colorScheme: 'dark',\n colors: (palette) => ({\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 },\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: {\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 dateSeparator: {\n default: {\n none: {\n text: palette.onBackgroundDark02,\n background: palette.overlay02,\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 },\n }),\n});\n\nexport default DarkUIKitTheme;\n"],"mappings":"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"}
|
|
@@ -167,16 +167,6 @@ const LightUIKitTheme = createTheme({
|
|
|
167
167
|
separator: palette.onBackgroundLight04
|
|
168
168
|
}
|
|
169
169
|
}
|
|
170
|
-
},
|
|
171
|
-
profileCard: {
|
|
172
|
-
default: {
|
|
173
|
-
none: {
|
|
174
|
-
textUsername: palette.onBackgroundLight01,
|
|
175
|
-
textBodyLabel: palette.onBackgroundLight02,
|
|
176
|
-
textBody: palette.onBackgroundLight01,
|
|
177
|
-
background: palette.background50
|
|
178
|
-
}
|
|
179
|
-
}
|
|
180
170
|
}
|
|
181
171
|
}
|
|
182
172
|
})
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["createTheme","LightUIKitTheme","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","default","message","highlight","destructive","input","active","placeholder","underline","badge","incoming","textMsg","textEdited","textTime","textSenderName","primary100","outgoing","dateSeparator","overlay02","groupChannelPreview","textTitle","textTitleCaption","textBody","bodyIcon","memberCount","coverBackground","bodyIconBackground","separator","profileCard","textUsername","textBodyLabel"],"sources":["LightUIKitTheme.ts"],"sourcesContent":["import createTheme from './createTheme';\n\nconst LightUIKitTheme = createTheme({\n colorScheme: 'light',\n colors: (palette) => ({\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 },\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: {\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 dateSeparator: {\n default: {\n none: {\n text: palette.onBackgroundDark01,\n background: palette.overlay02,\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 },\n }),\n});\n\nexport default LightUIKitTheme;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"names":["createTheme","LightUIKitTheme","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","default","message","highlight","destructive","input","active","placeholder","underline","badge","incoming","textMsg","textEdited","textTime","textSenderName","primary100","outgoing","dateSeparator","overlay02","groupChannelPreview","textTitle","textTitleCaption","textBody","bodyIcon","memberCount","coverBackground","bodyIconBackground","separator"],"sources":["LightUIKitTheme.ts"],"sourcesContent":["import createTheme from './createTheme';\n\nconst LightUIKitTheme = createTheme({\n colorScheme: 'light',\n colors: (palette) => ({\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 },\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: {\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 dateSeparator: {\n default: {\n none: {\n text: palette.onBackgroundDark01,\n background: palette.overlay02,\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 },\n }),\n});\n\nexport default LightUIKitTheme;\n"],"mappings":"AAAA,OAAOA,WAAP,MAAwB,eAAxB;AAEA,MAAMC,eAAe,GAAGD,WAAW,CAAC;EAClCE,WAAW,EAAE,OADqB;EAElCC,MAAM,EAAGC,OAAD,KAAc;IACpBC,OAAO,EAAED,OAAO,CAACE,UADG;IAEpBC,SAAS,EAAEH,OAAO,CAACI,YAFC;IAGpBC,KAAK,EAAEL,OAAO,CAACM,QAHK;IAIpBC,UAAU,EAAEP,OAAO,CAACQ,YAJA;IAKpBC,IAAI,EAAET,OAAO,CAACU,mBALM;IAMpBC,cAAc,EAAEX,OAAO,CAACU,mBANJ;IAOpBE,cAAc,EAAEZ,OAAO,CAACa,mBAPJ;IAQpBC,cAAc,EAAEd,OAAO,CAACe,mBARJ;IASpBC,cAAc,EAAEhB,OAAO,CAACiB,mBATJ;IAUpBC,qBAAqB,EAAElB,OAAO,CAACmB,kBAVX;IAWpBC,qBAAqB,EAAEpB,OAAO,CAACqB,kBAXX;IAYpBC,qBAAqB,EAAEtB,OAAO,CAACuB,kBAZX;IAapBC,qBAAqB,EAAExB,OAAO,CAACyB,kBAbX;IAcpBC,EAAE,EAAE;MACFC,MAAM,EAAE;QACNC,GAAG,EAAE;UACHC,IAAI,EAAE;YACJtB,UAAU,EAAEP,OAAO,CAACQ,YADhB;YAEJsB,YAAY,EAAE9B,OAAO,CAACiB;UAFlB;QADH;MADC,CADN;MASFc,MAAM,EAAE;QACNC,SAAS,EAAE;UACTC,OAAO,EAAE;YACP1B,UAAU,EAAEP,OAAO,CAACE,UADb;YAEPgC,OAAO,EAAElC,OAAO,CAACmB;UAFV,CADA;UAKTgB,OAAO,EAAE;YACP5B,UAAU,EAAEP,OAAO,CAACoC,UADb;YAEPF,OAAO,EAAElC,OAAO,CAACmB;UAFV,CALA;UASTkB,QAAQ,EAAE;YACR9B,UAAU,EAAEP,OAAO,CAACsC,aADZ;YAERJ,OAAO,EAAElC,OAAO,CAACiB;UAFT;QATD,CADL;QAeNR,IAAI,EAAE;UACJwB,OAAO,EAAE;YACP1B,UAAU,EAAEP,OAAO,CAACuC,WADb;YAEPL,OAAO,EAAElC,OAAO,CAACE;UAFV,CADL;UAKJiC,OAAO,EAAE;YACP5B,UAAU,EAAEP,OAAO,CAACuC,WADb;YAEPL,OAAO,EAAElC,OAAO,CAACE;UAFV,CALL;UASJmC,QAAQ,EAAE;YACR9B,UAAU,EAAEP,OAAO,CAACuC,WADZ;YAERL,OAAO,EAAElC,OAAO,CAACiB;UAFT;QATN;MAfA,CATN;MAuCFuB,MAAM,EAAE;QACNC,OAAO,EAAE;UACPZ,IAAI,EAAE;YACJtB,UAAU,EAAEP,OAAO,CAACQ,YADhB;YAEJC,IAAI,EAAET,OAAO,CAACU,mBAFV;YAGJgC,OAAO,EAAE1C,OAAO,CAACa,mBAHb;YAIJ8B,SAAS,EAAE3C,OAAO,CAACE,UAJf;YAKJ0C,WAAW,EAAE5C,OAAO,CAACM;UALjB;QADC;MADH,CAvCN;MAkDFuC,KAAK,EAAE;QACLJ,OAAO,EAAE;UACPK,MAAM,EAAE;YACNrC,IAAI,EAAET,OAAO,CAACU,mBADR;YAENqC,WAAW,EAAE/C,OAAO,CAACe,mBAFf;YAGNR,UAAU,EAAEP,OAAO,CAACsC,aAHd;YAINK,SAAS,EAAE3C,OAAO,CAACE;UAJb,CADD;UAOPmC,QAAQ,EAAE;YACR5B,IAAI,EAAET,OAAO,CAACiB,mBADN;YAER8B,WAAW,EAAE/C,OAAO,CAACiB,mBAFb;YAGRV,UAAU,EAAEP,OAAO,CAACsC,aAHZ;YAIRK,SAAS,EAAE3C,OAAO,CAACiB;UAJX;QAPH,CADJ;QAeL+B,SAAS,EAAE;UACTF,MAAM,EAAE;YACNrC,IAAI,EAAET,OAAO,CAACU,mBADR;YAENqC,WAAW,EAAE/C,OAAO,CAACe,mBAFf;YAGNR,UAAU,EAAEP,OAAO,CAACuC,WAHd;YAINI,SAAS,EAAE3C,OAAO,CAACE;UAJb,CADC;UAOTmC,QAAQ,EAAE;YACR5B,IAAI,EAAET,OAAO,CAACiB,mBADN;YAER8B,WAAW,EAAE/C,OAAO,CAACiB,mBAFb;YAGRV,UAAU,EAAEP,OAAO,CAACuC,WAHZ;YAIRI,SAAS,EAAE3C,OAAO,CAACiB;UAJX;QAPD;MAfN,CAlDL;MAgFFgC,KAAK,EAAE;QACLR,OAAO,EAAE;UACPZ,IAAI,EAAE;YACJpB,IAAI,EAAET,OAAO,CAACQ,YADV;YAEJD,UAAU,EAAEP,OAAO,CAACE;UAFhB;QADC;MADJ,CAhFL;MAwFF6C,WAAW,EAAE;QACXN,OAAO,EAAE;UACPZ,IAAI,EAAE;YACJK,OAAO,EAAElC,OAAO,CAACe,mBADb;YAEJ4B,SAAS,EAAE3C,OAAO,CAACE;UAFf;QADC;MADE,CAxFX;MAgGFwC,OAAO,EAAE;QACPQ,QAAQ,EAAE;UACRjB,OAAO,EAAE;YACPkB,OAAO,EAAEnD,OAAO,CAACU,mBADV;YAEP0C,UAAU,EAAEpD,OAAO,CAACa,mBAFb;YAGPwC,QAAQ,EAAErD,OAAO,CAACe,mBAHX;YAIPuC,cAAc,EAAEtD,OAAO,CAACa,mBAJjB;YAKPN,UAAU,EAAEP,OAAO,CAACsC;UALb,CADD;UAQRH,OAAO,EAAE;YACPgB,OAAO,EAAEnD,OAAO,CAACU,mBADV;YAEP0C,UAAU,EAAEpD,OAAO,CAACa,mBAFb;YAGPwC,QAAQ,EAAErD,OAAO,CAACe,mBAHX;YAIPuC,cAAc,EAAEtD,OAAO,CAACa,mBAJjB;YAKPN,UAAU,EAAEP,OAAO,CAACuD;UALb;QARD,CADH;QAiBPC,QAAQ,EAAE;UACRvB,OAAO,EAAE;YACPkB,OAAO,EAAEnD,OAAO,CAACmB,kBADV;YAEPiC,UAAU,EAAEpD,OAAO,CAACqB,kBAFb;YAGPgC,QAAQ,EAAErD,OAAO,CAACe,mBAHX;YAIPuC,cAAc,EAAEtD,OAAO,CAACuC,WAJjB;YAKPhC,UAAU,EAAEP,OAAO,CAACE;UALb,CADD;UAQRiC,OAAO,EAAE;YACPgB,OAAO,EAAEnD,OAAO,CAACmB,kBADV;YAEPiC,UAAU,EAAEpD,OAAO,CAACqB,kBAFb;YAGPgC,QAAQ,EAAErD,OAAO,CAACe,mBAHX;YAIPuC,cAAc,EAAEtD,OAAO,CAACuC,WAJjB;YAKPhC,UAAU,EAAEP,OAAO,CAACoC;UALb;QARD;MAjBH,CAhGP;MAkIFqB,aAAa,EAAE;QACbhB,OAAO,EAAE;UACPZ,IAAI,EAAE;YACJpB,IAAI,EAAET,OAAO,CAACmB,kBADV;YAEJZ,UAAU,EAAEP,OAAO,CAAC0D;UAFhB;QADC;MADI,CAlIb;MA0IFC,mBAAmB,EAAE;QACnBlB,OAAO,EAAE;UACPZ,IAAI,EAAE;YACJ+B,SAAS,EAAE5D,OAAO,CAACU,mBADf;YAEJmD,gBAAgB,EAAE7D,OAAO,CAACe,mBAFtB;YAGJ+C,QAAQ,EAAE9D,OAAO,CAACe,mBAHd;YAIJgD,QAAQ,EAAE/D,OAAO,CAACa,mBAJd;YAKJmD,WAAW,EAAEhE,OAAO,CAACa,mBALjB;YAMJN,UAAU,EAAEP,OAAO,CAACQ,YANhB;YAOJyD,eAAe,EAAEjE,OAAO,CAACiB,mBAPrB;YAQJiD,kBAAkB,EAAElE,OAAO,CAACsC,aARxB;YASJ6B,SAAS,EAAEnE,OAAO,CAACiB;UATf;QADC;MADU;IA1InB;EAdgB,CAAd;AAF0B,CAAD,CAAnC;AA6KA,eAAepB,eAAf"}
|
package/lib/module/types.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport type { ReactElement, 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 | 'Message'\n | 'DateSeparator'\n | 'GroupChannelPreview'
|
|
1
|
+
{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport type { ReactElement, 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 | 'Message'\n | 'DateSeparator'\n | 'GroupChannelPreview';\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 Message: 'incoming' | 'outgoing';\n DateSeparator: 'default';\n GroupChannelPreview: '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 Message: 'enabled' | 'pressed';\n DateSeparator: 'none';\n GroupChannelPreview: 'none';\n };\n ColorPart: {\n Header: 'background' | 'borderBottom';\n Button: 'background' | 'content';\n Dialog: 'background' | 'text' | 'message' | 'highlight' | 'destructive';\n Input: 'text' | 'placeholder' | 'background' | 'highlight';\n Badge: 'text' | 'background';\n Placeholder: 'content' | 'highlight';\n Message: 'textMsg' | 'textEdited' | 'textSenderName' | 'textTime' | 'background';\n DateSeparator: 'text' | 'background';\n GroupChannelPreview:\n | 'textTitle'\n | 'textTitleCaption'\n | 'textBody'\n | 'memberCount'\n | 'bodyIcon'\n | 'background'\n | 'coverBackground'\n | 'bodyIconBackground'\n | 'separator';\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 message: ComponentColors<'Message'>;\n dateSeparator: ComponentColors<'DateSeparator'>;\n groupChannelPreview: ComponentColors<'GroupChannelPreview'>;\n };\n}\n\nexport type HeaderElement = string | ReactElement | null;\nexport type HeaderPartProps = {\n title?: HeaderElement;\n right?: HeaderElement;\n left?: HeaderElement;\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":""}
|