@sendbird/uikit-react-native-foundation 2.0.0 → 2.0.2

package/lib/module/index.js.map

@@ -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","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"}
+{"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","OutlinedButton","Placeholder","ProfileCard","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 OutlinedButton } from './ui/OutlinedButton';\nexport { default as Placeholder } from './ui/Placeholder';\nexport { default as ProfileCard } from './ui/ProfileCard';\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,cAApB,QAA0C,qBAA1C;AACA,SAAS7B,OAAO,IAAI8B,WAApB,QAAuC,kBAAvC;AACA,SAAS9B,OAAO,IAAI+B,WAApB,QAAuC,kBAAvC;AACA,SAAS/B,OAAO,IAAIgC,MAApB,QAAkC,aAAlC;AACA,SAAShC,OAAO,IAAIiC,KAApB,EAA2BC,QAA3B,EAAqCC,aAArC,QAA0D,YAA1D;AAEA;;AACA,SAASnC,OAAO,IAAIoC,yBAApB,QAAqD,oCAArD;AACA,SAASpC,OAAO,IAAIqC,iBAApB,QAA6C,4BAA7C;AACA,SAASrC,OAAO,IAAIsC,gBAApB,QAA4C,2BAA5C;AACA,SAAStC,OAAO,IAAIuC,gBAApB,EAAsCC,wBAAtC,QAAsE,2BAAtE;AACA,SAASxC,OAAO,IAAIyC,sBAApB,QAAkD,iCAAlD;AACA,SAASC,kBAAT,EAA6BC,mBAA7B,EAAkDC,sBAAlD,QAAgF,6BAAhF;AACA,SAAS5C,OAAO,IAAI6C,cAApB,QAA0C,yBAA1C;AAEA;;AACA,SAAS7C,OAAO,IAAI8C,WAApB,QAAuC,qBAAvC;AACA,SAAS9C,OAAO,IAAI+C,cAApB,QAA0C,wBAA1C;AACA,SAAS/C,OAAO,IAAIgD,eAApB,QAA2C,yBAA3C;AACA,SAAShD,OAAO,IAAIiD,OAApB,QAAmC,iBAAnC;AACA,SAASjD,OAAO,IAAIkD,iBAApB,QAA6C,2BAA7C;AACA,SAASlD,OAAO,IAAImD,kBAApB,QAA8C,4BAA9C;AACA,SAASnD,OAAO,IAAIoD,aAApB,QAAyC,uBAAzC;AAEA"}

package/lib/module/theme/DarkUIKitTheme.js

@@ -167,6 +167,16 @@ const DarkUIKitTheme = createTheme({
             separator: palette.onBackgroundDark04
           }
         }
+      },
+      profileCard: {
+        default: {
+          none: {
+            textUsername: palette.onBackgroundDark01,
+            textBodyLabel: palette.onBackgroundDark02,
+            textBody: palette.onBackgroundDark01,
+            background: palette.background500
+          }
+        }
       }
     }
   })

package/lib/module/theme/DarkUIKitTheme.js.map

@@ -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"],"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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"}
+{"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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"}

package/lib/module/theme/LightUIKitTheme.js

@@ -167,6 +167,16 @@ const LightUIKitTheme = createTheme({
             separator: palette.onBackgroundLight04
           }
         }
+      },
+      profileCard: {
+        default: {
+          none: {
+            textUsername: palette.onBackgroundLight01,
+            textBodyLabel: palette.onBackgroundLight02,
+            textBody: palette.onBackgroundLight01,
+            background: palette.background50
+          }
+        }
       }
     }
   })

package/lib/module/theme/LightUIKitTheme.js.map

@@ -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"],"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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"}
+{"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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"}

package/lib/module/types.js.map

@@ -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';\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":""}
+{"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'\n  | 'ProfileCard';\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    Message: 'incoming' | 'outgoing';\n    DateSeparator: 'default';\n    GroupChannelPreview: 'default';\n    ProfileCard: '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    ProfileCard: '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    ProfileCard: 'textUsername' | 'textBodyLabel' | 'textBody' | 'background';\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    profileCard: ComponentColors<'ProfileCard'>;\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":""}

package/lib/module/ui/GroupChannelPreview/index.js

@@ -21,7 +21,8 @@ const GroupChannelPreview = _ref => {
     titleCaption,
     titleCaptionLeft,
     frozen,
-    notificationOff
+    notificationOff,
+    broadcast
   } = _ref;
   const {
     colors
@@ -47,7 +48,12 @@ const GroupChannelPreview = _ref => {
     style: styles.rightTopSection
   }, /*#__PURE__*/React.createElement(View, {
     style: styles.channelInfoContainer
-  }, /*#__PURE__*/React.createElement(Text, {
+  }, broadcast && /*#__PURE__*/React.createElement(Icon, {
+    size: 16,
+    icon: 'broadcast',
+    color: colors.secondary,
+    containerStyle: styles.channelInfoBroadcast
+  }), /*#__PURE__*/React.createElement(Text, {
     numberOfLines: 1,
     subtitle1: true,
     style: styles.channelInfoTitle,
@@ -140,6 +146,9 @@ const styles = createStyleSheet({
     alignItems: 'center',
     flexDirection: 'row'
   },
+  channelInfoBroadcast: {
+    marginRight: 4
+  },
   channelInfoTitle: {
     flexShrink: 1,
     marginRight: 4

package/lib/module/ui/GroupChannelPreview/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","conditionChaining","Icon","Image","Text","createStyleSheet","useUIKitTheme","Badge","GroupChannelPreview","customCover","coverUrl","memberCount","badgeCount","maxBadgeCount","body","bodyIcon","title","titleCaption","titleCaptionLeft","frozen","notificationOff","colors","color","ui","groupChannelPreview","styles","container","backgroundColor","default","none","background","coverContainer","Boolean","channelCover","coverBackground","uri","rightSection","rightTopSection","channelInfoContainer","channelInfoTitle","textTitle","channelInfoMemberCount","primary","channelInfoFrozen","onBackground03","titleCaptionContainer","textTitleCaption","titleCaptionText","rightBottomSection","bodyWrapper","bodyIconBackground","bodyText","textBody","separator","Separator","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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"}
+{"version":3,"names":["React","View","conditionChaining","Icon","Image","Text","createStyleSheet","useUIKitTheme","Badge","GroupChannelPreview","customCover","coverUrl","memberCount","badgeCount","maxBadgeCount","body","bodyIcon","title","titleCaption","titleCaptionLeft","frozen","notificationOff","broadcast","colors","color","ui","groupChannelPreview","styles","container","backgroundColor","default","none","background","coverContainer","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","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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"}

package/lib/module/ui/OutlinedButton/index.js

@@ -0,0 +1,43 @@
+import React from 'react';
+import { Pressable } from 'react-native';
+import Text from '../../components/Text';
+import createStyleSheet from '../../styles/createStyleSheet';
+import useUIKitTheme from '../../theme/useUIKitTheme';
+
+const OutlinedButton = _ref => {
+  let {
+    children,
+    onPress,
+    containerStyle
+  } = _ref;
+  const {
+    colors
+  } = useUIKitTheme();
+  return /*#__PURE__*/React.createElement(Pressable, {
+    onPress: onPress,
+    style: [styles.outlinedButton, {
+      borderColor: colors.onBackground01
+    }, containerStyle]
+  }, /*#__PURE__*/React.createElement(Text, {
+    button: true,
+    color: colors.onBackground01,
+    numberOfLines: 1,
+    style: styles.outlinedButtonText
+  }, children));
+};
+
+const styles = createStyleSheet({
+  outlinedButton: {
+    borderRadius: 4,
+    padding: 16,
+    borderWidth: 1,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  outlinedButtonText: {
+    textAlign: 'center',
+    width: '100%'
+  }
+});
+export default OutlinedButton;
+//# sourceMappingURL=index.js.map

package/lib/module/ui/OutlinedButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Pressable","Text","createStyleSheet","useUIKitTheme","OutlinedButton","children","onPress","containerStyle","colors","styles","outlinedButton","borderColor","onBackground01","outlinedButtonText","borderRadius","padding","borderWidth","alignItems","justifyContent","textAlign","width"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\nimport { Pressable, StyleProp, ViewStyle } from 'react-native';\n\nimport Text from '../../components/Text';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\n\ntype OutlinedButtonProps = {\n  children: string;\n  containerStyle?: StyleProp<ViewStyle>;\n  onPress?: () => void;\n};\n\nconst OutlinedButton = ({ children, onPress, containerStyle }: OutlinedButtonProps) => {\n  const { colors } = useUIKitTheme();\n  return (\n    <Pressable\n      onPress={onPress}\n      style={[styles.outlinedButton, { borderColor: colors.onBackground01 }, containerStyle]}\n    >\n      <Text button color={colors.onBackground01} numberOfLines={1} style={styles.outlinedButtonText}>\n        {children}\n      </Text>\n    </Pressable>\n  );\n};\n\nconst styles = createStyleSheet({\n  outlinedButton: {\n    borderRadius: 4,\n    padding: 16,\n    borderWidth: 1,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  outlinedButtonText: {\n    textAlign: 'center',\n    width: '100%',\n  },\n});\n\nexport default OutlinedButton;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,SAAT,QAAgD,cAAhD;AAEA,OAAOC,IAAP,MAAiB,uBAAjB;AACA,OAAOC,gBAAP,MAA6B,+BAA7B;AACA,OAAOC,aAAP,MAA0B,2BAA1B;;AAQA,MAAMC,cAAc,GAAG,QAAgE;EAAA,IAA/D;IAAEC,QAAF;IAAYC,OAAZ;IAAqBC;EAArB,CAA+D;EACrF,MAAM;IAAEC;EAAF,IAAaL,aAAa,EAAhC;EACA,oBACE,oBAAC,SAAD;IACE,OAAO,EAAEG,OADX;IAEE,KAAK,EAAE,CAACG,MAAM,CAACC,cAAR,EAAwB;MAAEC,WAAW,EAAEH,MAAM,CAACI;IAAtB,CAAxB,EAAgEL,cAAhE;EAFT,gBAIE,oBAAC,IAAD;IAAM,MAAM,MAAZ;IAAa,KAAK,EAAEC,MAAM,CAACI,cAA3B;IAA2C,aAAa,EAAE,CAA1D;IAA6D,KAAK,EAAEH,MAAM,CAACI;EAA3E,GACGR,QADH,CAJF,CADF;AAUD,CAZD;;AAcA,MAAMI,MAAM,GAAGP,gBAAgB,CAAC;EAC9BQ,cAAc,EAAE;IACdI,YAAY,EAAE,CADA;IAEdC,OAAO,EAAE,EAFK;IAGdC,WAAW,EAAE,CAHC;IAIdC,UAAU,EAAE,QAJE;IAKdC,cAAc,EAAE;EALF,CADc;EAQ9BL,kBAAkB,EAAE;IAClBM,SAAS,EAAE,QADO;IAElBC,KAAK,EAAE;EAFW;AARU,CAAD,CAA/B;AAcA,eAAehB,cAAf"}

package/lib/module/ui/ProfileCard/index.js

@@ -0,0 +1,78 @@
+import React from 'react';
+import { View } from 'react-native';
+import Divider from '../../components/Divider';
+import Text from '../../components/Text';
+import createStyleSheet from '../../styles/createStyleSheet';
+import useUIKitTheme from '../../theme/useUIKitTheme';
+import Avatar from '../Avatar';
+
+const ProfileCard = _ref => {
+  let {
+    uri,
+    username,
+    bodyLabel,
+    body,
+    button,
+    containerStyle
+  } = _ref;
+  const {
+    colors
+  } = useUIKitTheme();
+  const color = colors.ui.profileCard.default.none;
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.container, {
+      backgroundColor: color.background
+    }, containerStyle]
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.profileContainer
+  }, /*#__PURE__*/React.createElement(Avatar, {
+    uri: uri,
+    size: 80,
+    containerStyle: styles.profileAvatar
+  }), /*#__PURE__*/React.createElement(Text, {
+    h1: true,
+    color: color.textUsername,
+    numberOfLines: 1
+  }, username)), button && /*#__PURE__*/React.createElement(View, {
+    style: styles.messageButtonArea
+  }, button), /*#__PURE__*/React.createElement(Divider, {
+    space: 16
+  }), /*#__PURE__*/React.createElement(View, {
+    style: styles.profileInfoContainer
+  }, /*#__PURE__*/React.createElement(Text, {
+    body2: true,
+    color: color.textBodyLabel,
+    style: styles.profileInfoBodyLabel
+  }, bodyLabel), /*#__PURE__*/React.createElement(Text, {
+    body3: true,
+    numberOfLines: 1,
+    color: color.textBody
+  }, body)));
+};
+
+const styles = createStyleSheet({
+  container: {
+    paddingTop: 32,
+    width: '100%'
+  },
+  profileContainer: {
+    alignItems: 'center',
+    paddingHorizontal: 16,
+    marginBottom: 24
+  },
+  profileAvatar: {
+    marginBottom: 8
+  },
+  profileInfoContainer: {
+    padding: 16
+  },
+  profileInfoBodyLabel: {
+    marginBottom: 4
+  },
+  messageButtonArea: {
+    marginHorizontal: 24,
+    marginBottom: 24
+  }
+});
+export default ProfileCard;
+//# sourceMappingURL=index.js.map

package/lib/module/ui/ProfileCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Divider","Text","createStyleSheet","useUIKitTheme","Avatar","ProfileCard","uri","username","bodyLabel","body","button","containerStyle","colors","color","ui","profileCard","default","none","styles","container","backgroundColor","background","profileContainer","profileAvatar","textUsername","messageButtonArea","profileInfoContainer","textBodyLabel","profileInfoBodyLabel","textBody","paddingTop","width","alignItems","paddingHorizontal","marginBottom","padding","marginHorizontal"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleProp, View, ViewStyle } from 'react-native';\n\nimport Divider from '../../components/Divider';\nimport Text from '../../components/Text';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport Avatar from '../Avatar';\n\ntype Props = {\n  uri: string;\n  username: string;\n\n  button?: JSX.Element;\n\n  bodyLabel: string;\n  body: string;\n\n  containerStyle?: StyleProp<ViewStyle>;\n};\n\nconst ProfileCard = ({ uri, username, bodyLabel, body, button, containerStyle }: Props) => {\n  const { colors } = useUIKitTheme();\n  const color = colors.ui.profileCard.default.none;\n\n  return (\n    <View style={[styles.container, { backgroundColor: color.background }, containerStyle]}>\n      <View style={styles.profileContainer}>\n        <Avatar uri={uri} size={80} containerStyle={styles.profileAvatar} />\n        <Text h1 color={color.textUsername} numberOfLines={1}>\n          {username}\n        </Text>\n      </View>\n      {button && <View style={styles.messageButtonArea}>{button}</View>}\n      <Divider space={16} />\n      <View style={styles.profileInfoContainer}>\n        <Text body2 color={color.textBodyLabel} style={styles.profileInfoBodyLabel}>\n          {bodyLabel}\n        </Text>\n        <Text body3 numberOfLines={1} color={color.textBody}>\n          {body}\n        </Text>\n      </View>\n    </View>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    paddingTop: 32,\n    width: '100%',\n  },\n  profileContainer: {\n    alignItems: 'center',\n    paddingHorizontal: 16,\n    marginBottom: 24,\n  },\n  profileAvatar: {\n    marginBottom: 8,\n  },\n  profileInfoContainer: {\n    padding: 16,\n  },\n  profileInfoBodyLabel: {\n    marginBottom: 4,\n  },\n  messageButtonArea: {\n    marginHorizontal: 24,\n    marginBottom: 24,\n  },\n});\n\nexport default ProfileCard;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAAoBC,IAApB,QAA2C,cAA3C;AAEA,OAAOC,OAAP,MAAoB,0BAApB;AACA,OAAOC,IAAP,MAAiB,uBAAjB;AACA,OAAOC,gBAAP,MAA6B,+BAA7B;AACA,OAAOC,aAAP,MAA0B,2BAA1B;AACA,OAAOC,MAAP,MAAmB,WAAnB;;AAcA,MAAMC,WAAW,GAAG,QAAuE;EAAA,IAAtE;IAAEC,GAAF;IAAOC,QAAP;IAAiBC,SAAjB;IAA4BC,IAA5B;IAAkCC,MAAlC;IAA0CC;EAA1C,CAAsE;EACzF,MAAM;IAAEC;EAAF,IAAaT,aAAa,EAAhC;EACA,MAAMU,KAAK,GAAGD,MAAM,CAACE,EAAP,CAAUC,WAAV,CAAsBC,OAAtB,CAA8BC,IAA5C;EAEA,oBACE,oBAAC,IAAD;IAAM,KAAK,EAAE,CAACC,MAAM,CAACC,SAAR,EAAmB;MAAEC,eAAe,EAAEP,KAAK,CAACQ;IAAzB,CAAnB,EAA0DV,cAA1D;EAAb,gBACE,oBAAC,IAAD;IAAM,KAAK,EAAEO,MAAM,CAACI;EAApB,gBACE,oBAAC,MAAD;IAAQ,GAAG,EAAEhB,GAAb;IAAkB,IAAI,EAAE,EAAxB;IAA4B,cAAc,EAAEY,MAAM,CAACK;EAAnD,EADF,eAEE,oBAAC,IAAD;IAAM,EAAE,MAAR;IAAS,KAAK,EAAEV,KAAK,CAACW,YAAtB;IAAoC,aAAa,EAAE;EAAnD,GACGjB,QADH,CAFF,CADF,EAOGG,MAAM,iBAAI,oBAAC,IAAD;IAAM,KAAK,EAAEQ,MAAM,CAACO;EAApB,GAAwCf,MAAxC,CAPb,eAQE,oBAAC,OAAD;IAAS,KAAK,EAAE;EAAhB,EARF,eASE,oBAAC,IAAD;IAAM,KAAK,EAAEQ,MAAM,CAACQ;EAApB,gBACE,oBAAC,IAAD;IAAM,KAAK,MAAX;IAAY,KAAK,EAAEb,KAAK,CAACc,aAAzB;IAAwC,KAAK,EAAET,MAAM,CAACU;EAAtD,GACGpB,SADH,CADF,eAIE,oBAAC,IAAD;IAAM,KAAK,MAAX;IAAY,aAAa,EAAE,CAA3B;IAA8B,KAAK,EAAEK,KAAK,CAACgB;EAA3C,GACGpB,IADH,CAJF,CATF,CADF;AAoBD,CAxBD;;AA0BA,MAAMS,MAAM,GAAGhB,gBAAgB,CAAC;EAC9BiB,SAAS,EAAE;IACTW,UAAU,EAAE,EADH;IAETC,KAAK,EAAE;EAFE,CADmB;EAK9BT,gBAAgB,EAAE;IAChBU,UAAU,EAAE,QADI;IAEhBC,iBAAiB,EAAE,EAFH;IAGhBC,YAAY,EAAE;EAHE,CALY;EAU9BX,aAAa,EAAE;IACbW,YAAY,EAAE;EADD,CAVe;EAa9BR,oBAAoB,EAAE;IACpBS,OAAO,EAAE;EADW,CAbQ;EAgB9BP,oBAAoB,EAAE;IACpBM,YAAY,EAAE;EADM,CAhBQ;EAmB9BT,iBAAiB,EAAE;IACjBW,gBAAgB,EAAE,EADD;IAEjBF,YAAY,EAAE;EAFG;AAnBW,CAAD,CAA/B;AAyBA,eAAe7B,WAAf"}

package/lib/module/ui/Toast/index.js

@@ -1,5 +1,5 @@
-import React, { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';
-import { Animated } from 'react-native';
+import React, { createContext, useContext, useEffect, useMemo, useRef, useState } from 'react';
+import { Animated, KeyboardAvoidingView, Platform } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import Icon from '../../components/Icon';
 import Text from '../../components/Text';
@@ -9,11 +9,15 @@ const ToastContext = /*#__PURE__*/createContext(null);
 
 const useOpacity = () => {
   const opacity = useRef(new Animated.Value(0)).current;
-  const transition = useCallback(value => Animated.timing(opacity, {
-    toValue: value,
-    duration: 500,
-    useNativeDriver: true
-  }).start(), []);
+
+  const transition = value => {
+    Animated.timing(opacity, {
+      toValue: value,
+      duration: 500,
+      useNativeDriver: true
+    }).start();
+  };
+
   return {
     opacity,
     show: () => transition(1),
@@ -119,11 +123,15 @@ export const ToastProvider = _ref2 => {
         });
       }
     }
-  }, children, /*#__PURE__*/React.createElement(Toast, {
+  }, children, /*#__PURE__*/React.createElement(KeyboardAvoidingView, {
+    behavior: Platform.OS === 'ios' ? 'position' : undefined,
+    keyboardVerticalOffset: -bottom,
+    pointerEvents: 'none'
+  }, /*#__PURE__*/React.createElement(Toast, {
     type: state.type,
     visible: state.visible,
     bottom: bottom + styles.toastPosition.bottom
-  }, state.text));
+  }, state.text)));
 };
 export const useToast = () => {
   const context = useContext(ToastContext);

package/lib/module/ui/Toast/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","createContext","useCallback","useContext","useEffect","useMemo","useRef","useState","Animated","useSafeAreaInsets","Icon","Text","createStyleSheet","useUIKitTheme","ToastContext","useOpacity","opacity","Value","current","transition","value","timing","toValue","duration","useNativeDriver","start","show","hide","Toast","visible","type","children","top","bottom","colors","select","palette","color","dark","error300","light","error200","secondary300","secondary200","backgroundColor","styles","toast","icon","onBackgroundReverse01","text","VISIBLE_MS","ToastProvider","dismissTimeout","state","setState","hideTimeout","setTimeout","prev","clearTimeout","toastPosition","useToast","context","Error","position","height","paddingHorizontal","justifyContent","alignItems","alignSelf","borderRadius","flexDirection","marginRight","maxWidth"],"sources":["index.tsx"],"sourcesContent":["import React, { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';\nimport { Animated } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport Icon from '../../components/Icon';\nimport Text from '../../components/Text';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\n\ntype ToastType = 'normal' | 'error' | 'success';\ntype Context = { show(text: string, type?: ToastType): void };\n\nconst ToastContext = createContext<Context | null>(null);\n\ntype Props = React.PropsWithChildren<{\n  top?: number;\n  bottom?: number;\n  visible: boolean;\n  type: ToastType;\n  children: string;\n}>;\n\nconst useOpacity = () => {\n  const opacity = useRef(new Animated.Value(0)).current;\n  const transition = useCallback(\n    (value: number) => Animated.timing(opacity, { toValue: value, duration: 500, useNativeDriver: true }).start(),\n    [],\n  );\n  return {\n    opacity,\n    show: () => transition(1),\n    hide: () => transition(0),\n  };\n};\n\nconst Toast = ({ visible, type, children, top, bottom }: Props) => {\n  const { colors, select, palette } = useUIKitTheme();\n  const { opacity, show, hide } = useOpacity();\n\n  const color = useMemo(() => {\n    if (type === 'error') {\n      return select({ dark: palette.error300, light: palette.error200 });\n    }\n    if (type === 'success') {\n      return select({ dark: palette.secondary300, light: palette.secondary200 });\n    }\n    return 'transparent';\n  }, [type, select]);\n\n  const backgroundColor = useMemo(() => {\n    return select({ light: 'rgba(0,0,0,0.64)', dark: 'rgba(255,255,255,0.64)' });\n  }, [select]);\n\n  useEffect(() => {\n    visible ? show() : hide();\n  }, [visible]);\n\n  return (\n    <Animated.View pointerEvents={'none'} style={[styles.toast, { opacity, top, bottom, backgroundColor }]}>\n      {type !== 'normal' && (\n        <Icon icon={type === 'success' ? 'done' : 'error'} color={color} containerStyle={styles.icon} />\n      )}\n      <Text color={colors.onBackgroundReverse01} body3 numberOfLines={2} style={styles.text}>\n        {children}\n      </Text>\n    </Animated.View>\n  );\n};\n\nconst VISIBLE_MS = 3000;\nexport const ToastProvider = ({\n  children,\n  dismissTimeout = VISIBLE_MS,\n}: React.PropsWithChildren<{ dismissTimeout?: number }>) => {\n  const [state, setState] = useState({ visible: false, type: 'error' as ToastType, text: '' });\n  const { bottom } = useSafeAreaInsets();\n\n  useEffect(() => {\n    if (!state.visible) return;\n\n    const hideTimeout = setTimeout(() => {\n      setState((prev) => ({ ...prev, visible: false }));\n    }, dismissTimeout);\n    return () => clearTimeout(hideTimeout);\n  });\n\n  return (\n    <ToastContext.Provider value={{ show: (text, type = 'normal') => text && setState({ text, type, visible: true }) }}>\n      {children}\n      <Toast type={state.type} visible={state.visible} bottom={bottom + styles.toastPosition.bottom}>\n        {state.text}\n      </Toast>\n    </ToastContext.Provider>\n  );\n};\n\nexport const useToast = () => {\n  const context = useContext(ToastContext);\n  if (!context) throw new Error('ToastContext is not provided, wrap your app with ToastProvider');\n  return context;\n};\n\nconst styles = createStyleSheet({\n  toast: {\n    position: 'absolute',\n    height: 48,\n    paddingHorizontal: 12,\n    justifyContent: 'center',\n    alignItems: 'center',\n    alignSelf: 'center',\n    borderRadius: 24,\n    flexDirection: 'row',\n  },\n  icon: {\n    marginRight: 4,\n  },\n  text: {\n    maxWidth: 240,\n    paddingHorizontal: 4,\n  },\n  toastPosition: {\n    bottom: 60,\n  },\n});\n\nexport default Toast;\n"],"mappings":"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"}
+{"version":3,"names":["React","createContext","useContext","useEffect","useMemo","useRef","useState","Animated","KeyboardAvoidingView","Platform","useSafeAreaInsets","Icon","Text","createStyleSheet","useUIKitTheme","ToastContext","useOpacity","opacity","Value","current","transition","value","timing","toValue","duration","useNativeDriver","start","show","hide","Toast","visible","type","children","top","bottom","colors","select","palette","color","dark","error300","light","error200","secondary300","secondary200","backgroundColor","styles","toast","icon","onBackgroundReverse01","text","VISIBLE_MS","ToastProvider","dismissTimeout","state","setState","hideTimeout","setTimeout","prev","clearTimeout","OS","undefined","toastPosition","useToast","context","Error","position","height","paddingHorizontal","justifyContent","alignItems","alignSelf","borderRadius","flexDirection","marginRight","maxWidth"],"sources":["index.tsx"],"sourcesContent":["import React, { createContext, useContext, useEffect, useMemo, useRef, useState } from 'react';\nimport { Animated, KeyboardAvoidingView, Platform } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport Icon from '../../components/Icon';\nimport Text from '../../components/Text';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\n\ntype ToastType = 'normal' | 'error' | 'success';\ntype Context = { show(text: string, type?: ToastType): void };\n\nconst ToastContext = createContext<Context | null>(null);\n\ntype Props = React.PropsWithChildren<{\n  top?: number;\n  bottom?: number;\n  visible: boolean;\n  type: ToastType;\n  children: string;\n}>;\n\nconst useOpacity = () => {\n  const opacity = useRef(new Animated.Value(0)).current;\n  const transition = (value: number) => {\n    Animated.timing(opacity, { toValue: value, duration: 500, useNativeDriver: true }).start();\n  };\n\n  return {\n    opacity,\n    show: () => transition(1),\n    hide: () => transition(0),\n  };\n};\n\nconst Toast = ({ visible, type, children, top, bottom }: Props) => {\n  const { colors, select, palette } = useUIKitTheme();\n  const { opacity, show, hide } = useOpacity();\n\n  const color = useMemo(() => {\n    if (type === 'error') {\n      return select({ dark: palette.error300, light: palette.error200 });\n    }\n    if (type === 'success') {\n      return select({ dark: palette.secondary300, light: palette.secondary200 });\n    }\n    return 'transparent';\n  }, [type, select]);\n\n  const backgroundColor = useMemo(() => {\n    return select({ light: 'rgba(0,0,0,0.64)', dark: 'rgba(255,255,255,0.64)' });\n  }, [select]);\n\n  useEffect(() => {\n    visible ? show() : hide();\n  }, [visible]);\n\n  return (\n    <Animated.View pointerEvents={'none'} style={[styles.toast, { opacity, top, bottom, backgroundColor }]}>\n      {type !== 'normal' && (\n        <Icon icon={type === 'success' ? 'done' : 'error'} color={color} containerStyle={styles.icon} />\n      )}\n      <Text color={colors.onBackgroundReverse01} body3 numberOfLines={2} style={styles.text}>\n        {children}\n      </Text>\n    </Animated.View>\n  );\n};\n\nconst VISIBLE_MS = 3000;\nexport const ToastProvider = ({\n  children,\n  dismissTimeout = VISIBLE_MS,\n}: React.PropsWithChildren<{ dismissTimeout?: number }>) => {\n  const [state, setState] = useState({ visible: false, type: 'error' as ToastType, text: '' });\n  const { bottom } = useSafeAreaInsets();\n\n  useEffect(() => {\n    if (!state.visible) return;\n\n    const hideTimeout = setTimeout(() => {\n      setState((prev) => ({ ...prev, visible: false }));\n    }, dismissTimeout);\n    return () => clearTimeout(hideTimeout);\n  });\n\n  return (\n    <ToastContext.Provider value={{ show: (text, type = 'normal') => text && setState({ text, type, visible: true }) }}>\n      {children}\n      <KeyboardAvoidingView\n        behavior={Platform.OS === 'ios' ? 'position' : undefined}\n        keyboardVerticalOffset={-bottom}\n        pointerEvents={'none'}\n      >\n        <Toast type={state.type} visible={state.visible} bottom={bottom + styles.toastPosition.bottom}>\n          {state.text}\n        </Toast>\n      </KeyboardAvoidingView>\n    </ToastContext.Provider>\n  );\n};\n\nexport const useToast = () => {\n  const context = useContext(ToastContext);\n  if (!context) throw new Error('ToastContext is not provided, wrap your app with ToastProvider');\n  return context;\n};\n\nconst styles = createStyleSheet({\n  toast: {\n    position: 'absolute',\n    height: 48,\n    paddingHorizontal: 12,\n    justifyContent: 'center',\n    alignItems: 'center',\n    alignSelf: 'center',\n    borderRadius: 24,\n    flexDirection: 'row',\n  },\n  icon: {\n    marginRight: 4,\n  },\n  text: {\n    maxWidth: 240,\n    paddingHorizontal: 4,\n  },\n  toastPosition: {\n    bottom: 60,\n  },\n});\n\nexport default Toast;\n"],"mappings":"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"}

package/lib/typescript/src/index.d.ts

@@ -22,7 +22,9 @@ export { default as GroupChannelPreview } from './ui/GroupChannelPreview';
 export { default as Header } from './ui/Header';
 export { default as LoadingSpinner } from './ui/LoadingSpinner';
 export { default as MenuBar, MenuBarProps } from './ui/MenuBar';
+export { default as OutlinedButton } from './ui/OutlinedButton';
 export { default as Placeholder } from './ui/Placeholder';
+export { default as ProfileCard } from './ui/ProfileCard';
 export { default as Prompt } from './ui/Prompt';
 export { default as Toast, useToast, ToastProvider } from './ui/Toast';
 /** Styles **/

package/lib/typescript/src/types.d.ts

@@ -26,7 +26,7 @@ export interface UIKitTheme {
     colors: UIKitColors;
     typography: UIKitTypography;
 }
-export declare type Component = 'Header' | 'Button' | 'Dialog' | 'Input' | 'Badge' | 'Placeholder' | 'Message' | 'DateSeparator' | 'GroupChannelPreview';
+export declare type Component = 'Header' | 'Button' | 'Dialog' | 'Input' | 'Badge' | 'Placeholder' | 'Message' | 'DateSeparator' | 'GroupChannelPreview' | 'ProfileCard';
 export declare type GetColorTree<Tree extends {
     Variant: {
         [key in Component]: string;
@@ -49,6 +49,7 @@ export declare type ComponentColorTree = GetColorTree<{
         Message: 'incoming' | 'outgoing';
         DateSeparator: 'default';
         GroupChannelPreview: 'default';
+        ProfileCard: 'default';
     };
     State: {
         Header: 'none';
@@ -60,6 +61,7 @@ export declare type ComponentColorTree = GetColorTree<{
         Message: 'enabled' | 'pressed';
         DateSeparator: 'none';
         GroupChannelPreview: 'none';
+        ProfileCard: 'none';
     };
     ColorPart: {
         Header: 'background' | 'borderBottom';
@@ -71,6 +73,7 @@ export declare type ComponentColorTree = GetColorTree<{
         Message: 'textMsg' | 'textEdited' | 'textSenderName' | 'textTime' | 'background';
         DateSeparator: 'text' | 'background';
         GroupChannelPreview: 'textTitle' | 'textTitleCaption' | 'textBody' | 'memberCount' | 'bodyIcon' | 'background' | 'coverBackground' | 'bodyIconBackground' | 'separator';
+        ProfileCard: 'textUsername' | 'textBodyLabel' | 'textBody' | 'background';
     };
 }>;
 export declare type ComponentColors<T extends Component> = {
@@ -113,6 +116,7 @@ export interface UIKitColors {
         message: ComponentColors<'Message'>;
         dateSeparator: ComponentColors<'DateSeparator'>;
         groupChannelPreview: ComponentColors<'GroupChannelPreview'>;
+        profileCard: ComponentColors<'ProfileCard'>;
     };
 }
 export declare type HeaderElement = string | ReactElement | null;