@sendbird/uikit-react-native-foundation 3.12.2 → 3.12.4

package/lib/commonjs/components/PressBox/index.js

@@ -17,12 +17,20 @@ const PressBox = props => {
 };
 const PressBoxWithPressable = ({
   children,
+  style,
   ...props
 }) => {
+  const [pressed, setPressed] = (0, _react.useState)(false);
+  const state = {
+    pressed
+  };
   return /*#__PURE__*/React.createElement(_reactNative.Pressable, _extends({
     disabled: !props.onPress && !props.onLongPress,
-    delayLongPress: DEFAULT_LONG_PRESS_DELAY
-  }, props), state => (0, _uikitUtils.isFunction)(children) ? children(state) : children);
+    delayLongPress: DEFAULT_LONG_PRESS_DELAY,
+    onPressIn: () => setPressed(true),
+    onPressOut: () => setPressed(false),
+    style: (0, _uikitUtils.isFunction)(style) ? style(state) : style
+  }, props), (0, _uikitUtils.isFunction)(children) ? children(state) : children);
 };
 const PressBoxWithTouchableOpacity = ({
   children,

package/lib/commonjs/components/PressBox/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","React","_reactNative","_uikitUtils","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","DEFAULT_LONG_PRESS_DELAY","exports","PressBox","props","activeOpacity","createElement","PressBoxWithTouchableOpacity","PressBoxWithPressable","children","Pressable","disabled","onPress","onLongPress","delayLongPress","state","isFunction","style","pressed","setPressed","useState","TouchableOpacity","onPressIn","onPressOut","_default"],"sources":["index.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useState } from 'react';\nimport type { GestureResponderEvent, StyleProp, ViewProps, ViewStyle } from 'react-native';\nimport { Pressable, TouchableOpacity } from 'react-native';\n\nimport { isFunction } from '@sendbird/uikit-utils';\n\ntype PressBoxStateParams = {\n  pressed: boolean;\n};\n\ntype Props = {\n  disabled?: boolean;\n  onPress?: (event: GestureResponderEvent) => void;\n  onLongPress?: (event: GestureResponderEvent) => void;\n  delayLongPress?: number;\n  activeOpacity?: number;\n  style?: StyleProp<ViewStyle> | ((state: PressBoxStateParams) => StyleProp<ViewStyle>);\n  hitSlop?: ViewProps['hitSlop'];\n  children?: React.ReactNode | ((params: PressBoxStateParams) => React.ReactNode);\n};\n\nexport const DEFAULT_LONG_PRESS_DELAY = 350;\n\nconst PressBox = (props: Props) => {\n  if (props.activeOpacity && props.activeOpacity < 1) return <PressBoxWithTouchableOpacity {...props} />;\n  return <PressBoxWithPressable {...props} />;\n};\n\nconst PressBoxWithPressable = ({ children, ...props }: Props) => {\n  return (\n    <Pressable disabled={!props.onPress && !props.onLongPress} delayLongPress={DEFAULT_LONG_PRESS_DELAY} {...props}>\n      {(state) => (isFunction(children) ? children(state) : children)}\n    </Pressable>\n  );\n};\n\nconst PressBoxWithTouchableOpacity = ({ children, style, ...props }: Props) => {\n  const [pressed, setPressed] = useState(false);\n  const state: PressBoxStateParams = { pressed };\n  return (\n    <TouchableOpacity\n      disabled={!props.onPress && !props.onLongPress}\n      delayLongPress={DEFAULT_LONG_PRESS_DELAY}\n      style={isFunction(style) ? style(state) : style}\n      onPressIn={() => setPressed(true)}\n      onPressOut={() => setPressed(false)}\n      {...props}\n    >\n      {isFunction(children) ? children(state) : children}\n    </TouchableOpacity>\n  );\n};\n\nexport default PressBox;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","React","_reactNative","_uikitUtils","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","DEFAULT_LONG_PRESS_DELAY","exports","PressBox","props","activeOpacity","createElement","PressBoxWithTouchableOpacity","PressBoxWithPressable","children","style","pressed","setPressed","useState","state","Pressable","disabled","onPress","onLongPress","delayLongPress","onPressIn","onPressOut","isFunction","TouchableOpacity","_default"],"sources":["index.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useState } from 'react';\nimport type { GestureResponderEvent, StyleProp, ViewProps, ViewStyle } from 'react-native';\nimport { Pressable, TouchableOpacity } from 'react-native';\n\nimport { isFunction } from '@sendbird/uikit-utils';\n\ntype PressBoxStateParams = {\n  pressed: boolean;\n};\n\ntype Props = {\n  disabled?: boolean;\n  onPress?: (event: GestureResponderEvent) => void;\n  onLongPress?: (event: GestureResponderEvent) => void;\n  delayLongPress?: number;\n  activeOpacity?: number;\n  style?: StyleProp<ViewStyle> | ((state: PressBoxStateParams) => StyleProp<ViewStyle>);\n  hitSlop?: ViewProps['hitSlop'];\n  children?: React.ReactNode | ((params: PressBoxStateParams) => React.ReactNode);\n};\n\nexport const DEFAULT_LONG_PRESS_DELAY = 350;\n\nconst PressBox = (props: Props) => {\n  if (props.activeOpacity && props.activeOpacity < 1) return <PressBoxWithTouchableOpacity {...props} />;\n  return <PressBoxWithPressable {...props} />;\n};\n\nconst PressBoxWithPressable = ({ children, style, ...props }: Props) => {\n  const [pressed, setPressed] = useState(false);\n  const state: PressBoxStateParams = { pressed };\n  return (\n    <Pressable\n      disabled={!props.onPress && !props.onLongPress}\n      delayLongPress={DEFAULT_LONG_PRESS_DELAY}\n      onPressIn={() => setPressed(true)}\n      onPressOut={() => setPressed(false)}\n      style={isFunction(style) ? style(state) : style}\n      {...props}\n    >\n      {isFunction(children) ? children(state) : children}\n    </Pressable>\n  );\n};\n\nconst PressBoxWithTouchableOpacity = ({ children, style, ...props }: Props) => {\n  const [pressed, setPressed] = useState(false);\n  const state: PressBoxStateParams = { pressed };\n  return (\n    <TouchableOpacity\n      disabled={!props.onPress && !props.onLongPress}\n      delayLongPress={DEFAULT_LONG_PRESS_DELAY}\n      style={isFunction(style) ? style(state) : style}\n      onPressIn={() => setPressed(true)}\n      onPressOut={() => setPressed(false)}\n      {...props}\n    >\n      {isFunction(children) ? children(state) : children}\n    </TouchableOpacity>\n  );\n};\n\nexport default PressBox;\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/theme/DarkUIKitTheme.js

@@ -193,7 +193,8 @@ const DarkUIKitTheme = (0, _createTheme.default)({
               background: palette.background600,
               coverBackground: palette.onBackgroundDark04,
               bodyIconBackground: palette.background500,
-              separator: palette.onBackgroundDark04
+              separator: palette.onBackgroundDark04,
+              frozenIcon: palette.primary200
             }
           }
         },

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

@@ -1 +1 @@
-{"version":3,"names":["_createTheme","_interopRequireDefault","require","e","__esModule","default","DarkUIKitTheme","createTheme","colorScheme","colors","palette","primary","primary200","secondary","secondary200","error","error200","background","background600","text","onBackgroundDark01","onBackground01","onBackground02","onBackgroundDark02","onBackground03","onBackgroundDark03","onBackground04","onBackgroundDark04","onBackgroundReverse01","onBackgroundLight01","onBackgroundReverse02","onBackgroundLight02","onBackgroundReverse03","onBackgroundLight03","onBackgroundReverse04","onBackgroundLight04","ui","header","nav","none","background500","borderBottom","button","contained","enabled","content","pressed","primary300","disabled","transparent","background400","dialog","message","highlight","destructive","error300","blurred","input","active","placeholder","underline","badge","dateSeparator","overlay02","groupChannelMessage","incoming","textMsg","textEdited","textTime","textSenderName","textVoicePlaytime","voiceSpinner","voiceProgressTrack","voiceActionIcon","voiceActionIconBackground","background700","primary500","outgoing","groupChannelPreview","textTitle","textTitleCaption","textBody","bodyIcon","memberCount","coverBackground","bodyIconBackground","separator","profileCard","textUsername","textBodyLabel","reaction","selected","rounded","openChannelMessage","bubbleBackground","adminBackground","textMsgPostfix","textOperator","openChannelPreview","textParticipants","frozenIcon","participantsIcon","background300","voiceMessageInput","textCancel","actionIcon","actionIconBackground","sendIcon","sendIconBackground","progressTrack","recording","inactive","_default","exports"],"sources":["DarkUIKitTheme.ts"],"sourcesContent":["import createTheme from './createTheme';\n\nconst DarkUIKitTheme = createTheme({\n  colorScheme: 'dark',\n  colors: (palette) => {\n    return {\n      primary: palette.primary200,\n      secondary: palette.secondary200,\n      error: palette.error200,\n      background: palette.background600,\n      text: palette.onBackgroundDark01,\n      onBackground01: palette.onBackgroundDark01,\n      onBackground02: palette.onBackgroundDark02,\n      onBackground03: palette.onBackgroundDark03,\n      onBackground04: palette.onBackgroundDark04,\n      onBackgroundReverse01: palette.onBackgroundLight01,\n      onBackgroundReverse02: palette.onBackgroundLight02,\n      onBackgroundReverse03: palette.onBackgroundLight03,\n      onBackgroundReverse04: palette.onBackgroundLight04,\n      ui: {\n        header: {\n          nav: {\n            none: {\n              background: palette.background500,\n              borderBottom: palette.onBackgroundDark04,\n            },\n          },\n        },\n        button: {\n          contained: {\n            enabled: {\n              background: palette.primary200,\n              content: palette.onBackgroundLight01,\n            },\n            pressed: {\n              background: palette.primary300,\n              content: palette.onBackgroundLight01,\n            },\n            disabled: {\n              background: palette.background500,\n              content: palette.onBackgroundDark04,\n            },\n          },\n          text: {\n            enabled: {\n              background: palette.transparent,\n              content: palette.primary200,\n            },\n            pressed: {\n              background: palette.background400,\n              content: palette.primary200,\n            },\n            disabled: {\n              background: palette.transparent,\n              content: palette.onBackgroundDark04,\n            },\n          },\n        },\n        dialog: {\n          default: {\n            none: {\n              background: palette.background500,\n              text: palette.onBackgroundDark01,\n              message: palette.onBackgroundDark02,\n              highlight: palette.primary200,\n              destructive: palette.error300,\n              blurred: palette.onBackgroundDark04,\n            },\n          },\n        },\n        input: {\n          default: {\n            active: {\n              text: palette.onBackgroundDark01,\n              placeholder: palette.onBackgroundDark03,\n              background: palette.background400,\n              highlight: palette.primary200,\n            },\n            disabled: {\n              text: palette.onBackgroundDark04,\n              placeholder: palette.onBackgroundDark04,\n              background: palette.background400,\n              highlight: palette.onBackgroundDark04,\n            },\n          },\n          underline: {\n            active: {\n              text: palette.onBackgroundDark01,\n              placeholder: palette.onBackgroundDark03,\n              background: palette.transparent,\n              highlight: palette.primary200,\n            },\n            disabled: {\n              text: palette.onBackgroundDark04,\n              placeholder: palette.onBackgroundDark04,\n              background: palette.transparent,\n              highlight: palette.onBackgroundDark04,\n            },\n          },\n        },\n        badge: {\n          default: {\n            none: {\n              text: palette.background600,\n              background: palette.primary200,\n            },\n          },\n        },\n        placeholder: {\n          default: {\n            none: {\n              content: palette.onBackgroundDark03,\n              highlight: palette.primary200,\n            },\n          },\n        },\n        dateSeparator: {\n          default: {\n            none: {\n              text: palette.onBackgroundDark02,\n              background: palette.overlay02,\n            },\n          },\n        },\n        groupChannelMessage: {\n          incoming: {\n            enabled: {\n              textMsg: palette.onBackgroundDark01,\n              textEdited: palette.onBackgroundDark02,\n              textTime: palette.onBackgroundDark03,\n              textSenderName: palette.onBackgroundDark02,\n              background: palette.background400,\n              textVoicePlaytime: palette.onBackgroundDark01,\n              voiceSpinner: palette.primary200,\n              voiceProgressTrack: palette.background400,\n              voiceActionIcon: palette.primary200,\n              voiceActionIconBackground: palette.background700,\n            },\n            pressed: {\n              textMsg: palette.onBackgroundDark01,\n              textEdited: palette.onBackgroundDark02,\n              textTime: palette.onBackgroundDark03,\n              textSenderName: palette.onBackgroundDark02,\n              background: palette.primary500,\n              textVoicePlaytime: palette.onBackgroundDark01,\n              voiceSpinner: palette.primary200,\n              voiceProgressTrack: palette.background400,\n              voiceActionIcon: palette.primary200,\n              voiceActionIconBackground: palette.background700,\n            },\n          },\n          outgoing: {\n            enabled: {\n              textMsg: palette.onBackgroundLight01,\n              textEdited: palette.onBackgroundLight02,\n              textTime: palette.onBackgroundDark03,\n              textSenderName: palette.transparent,\n              background: palette.primary200,\n              textVoicePlaytime: palette.onBackgroundLight01,\n              voiceSpinner: palette.primary300,\n              voiceProgressTrack: palette.primary200,\n              voiceActionIcon: palette.primary200,\n              voiceActionIconBackground: palette.background700,\n            },\n            pressed: {\n              textMsg: palette.onBackgroundLight01,\n              textEdited: palette.onBackgroundLight02,\n              textTime: palette.onBackgroundDark03,\n              textSenderName: palette.transparent,\n              background: palette.primary300,\n              textVoicePlaytime: palette.onBackgroundLight01,\n              voiceSpinner: palette.primary300,\n              voiceProgressTrack: palette.primary200,\n              voiceActionIcon: palette.primary200,\n              voiceActionIconBackground: palette.background700,\n            },\n          },\n        },\n        groupChannelPreview: {\n          default: {\n            none: {\n              textTitle: palette.onBackgroundDark01,\n              textTitleCaption: palette.onBackgroundDark03,\n              textBody: palette.onBackgroundDark03,\n              bodyIcon: palette.onBackgroundDark02,\n              memberCount: palette.onBackgroundDark02,\n              background: palette.background600,\n              coverBackground: palette.onBackgroundDark04,\n              bodyIconBackground: palette.background500,\n              separator: palette.onBackgroundDark04,\n            },\n          },\n        },\n        profileCard: {\n          default: {\n            none: {\n              textUsername: palette.onBackgroundDark01,\n              textBodyLabel: palette.onBackgroundDark02,\n              textBody: palette.onBackgroundDark01,\n              background: palette.background500,\n            },\n          },\n        },\n        reaction: {\n          default: {\n            enabled: {\n              background: palette.transparent,\n              highlight: palette.onBackgroundDark03,\n            },\n            selected: {\n              background: palette.primary500,\n              highlight: palette.primary200,\n            },\n          },\n          rounded: {\n            enabled: {\n              background: palette.background400,\n              highlight: palette.transparent,\n            },\n            selected: {\n              background: palette.primary500,\n              highlight: palette.transparent,\n            },\n          },\n        },\n        openChannelMessage: {\n          default: {\n            enabled: {\n              background: palette.transparent,\n              bubbleBackground: palette.background500,\n              adminBackground: palette.background500,\n              textMsg: palette.onBackgroundDark01,\n              textMsgPostfix: palette.onBackgroundDark02,\n              textSenderName: palette.onBackgroundDark02,\n              textTime: palette.onBackgroundDark03,\n              textOperator: palette.secondary200,\n            },\n            pressed: {\n              background: palette.background500,\n              bubbleBackground: palette.background700,\n              adminBackground: palette.background500,\n              textMsg: palette.onBackgroundDark01,\n              textMsgPostfix: palette.onBackgroundDark02,\n              textSenderName: palette.onBackgroundDark02,\n              textTime: palette.onBackgroundDark03,\n              textOperator: palette.secondary200,\n            },\n          },\n        },\n        openChannelPreview: {\n          default: {\n            none: {\n              textTitle: palette.onBackgroundDark01,\n              textParticipants: palette.onBackgroundDark02,\n              frozenIcon: palette.primary200,\n              participantsIcon: palette.onBackgroundDark02,\n              background: palette.background600,\n              coverBackground: palette.background300,\n              separator: palette.onBackgroundDark04,\n            },\n          },\n        },\n        voiceMessageInput: {\n          default: {\n            active: {\n              textCancel: palette.primary200,\n              textTime: palette.onBackgroundLight01,\n              background: palette.background600,\n              actionIcon: palette.onBackgroundDark01,\n              actionIconBackground: palette.background500,\n              sendIcon: palette.onBackgroundLight01,\n              sendIconBackground: palette.primary200,\n              progressTrack: palette.primary200,\n              recording: palette.error300,\n            },\n            inactive: {\n              textCancel: palette.primary200,\n              textTime: palette.onBackgroundDark03,\n              background: palette.background600,\n              actionIcon: palette.onBackgroundDark01,\n              actionIconBackground: palette.background500,\n              sendIcon: palette.onBackgroundDark04,\n              sendIconBackground: palette.background500,\n              progressTrack: palette.background400,\n              recording: palette.error200,\n            },\n          },\n        },\n      },\n    };\n  },\n});\n\nexport default DarkUIKitTheme;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_createTheme","_interopRequireDefault","require","e","__esModule","default","DarkUIKitTheme","createTheme","colorScheme","colors","palette","primary","primary200","secondary","secondary200","error","error200","background","background600","text","onBackgroundDark01","onBackground01","onBackground02","onBackgroundDark02","onBackground03","onBackgroundDark03","onBackground04","onBackgroundDark04","onBackgroundReverse01","onBackgroundLight01","onBackgroundReverse02","onBackgroundLight02","onBackgroundReverse03","onBackgroundLight03","onBackgroundReverse04","onBackgroundLight04","ui","header","nav","none","background500","borderBottom","button","contained","enabled","content","pressed","primary300","disabled","transparent","background400","dialog","message","highlight","destructive","error300","blurred","input","active","placeholder","underline","badge","dateSeparator","overlay02","groupChannelMessage","incoming","textMsg","textEdited","textTime","textSenderName","textVoicePlaytime","voiceSpinner","voiceProgressTrack","voiceActionIcon","voiceActionIconBackground","background700","primary500","outgoing","groupChannelPreview","textTitle","textTitleCaption","textBody","bodyIcon","memberCount","coverBackground","bodyIconBackground","separator","frozenIcon","profileCard","textUsername","textBodyLabel","reaction","selected","rounded","openChannelMessage","bubbleBackground","adminBackground","textMsgPostfix","textOperator","openChannelPreview","textParticipants","participantsIcon","background300","voiceMessageInput","textCancel","actionIcon","actionIconBackground","sendIcon","sendIconBackground","progressTrack","recording","inactive","_default","exports"],"sources":["DarkUIKitTheme.ts"],"sourcesContent":["import createTheme from './createTheme';\n\nconst DarkUIKitTheme = createTheme({\n  colorScheme: 'dark',\n  colors: (palette) => {\n    return {\n      primary: palette.primary200,\n      secondary: palette.secondary200,\n      error: palette.error200,\n      background: palette.background600,\n      text: palette.onBackgroundDark01,\n      onBackground01: palette.onBackgroundDark01,\n      onBackground02: palette.onBackgroundDark02,\n      onBackground03: palette.onBackgroundDark03,\n      onBackground04: palette.onBackgroundDark04,\n      onBackgroundReverse01: palette.onBackgroundLight01,\n      onBackgroundReverse02: palette.onBackgroundLight02,\n      onBackgroundReverse03: palette.onBackgroundLight03,\n      onBackgroundReverse04: palette.onBackgroundLight04,\n      ui: {\n        header: {\n          nav: {\n            none: {\n              background: palette.background500,\n              borderBottom: palette.onBackgroundDark04,\n            },\n          },\n        },\n        button: {\n          contained: {\n            enabled: {\n              background: palette.primary200,\n              content: palette.onBackgroundLight01,\n            },\n            pressed: {\n              background: palette.primary300,\n              content: palette.onBackgroundLight01,\n            },\n            disabled: {\n              background: palette.background500,\n              content: palette.onBackgroundDark04,\n            },\n          },\n          text: {\n            enabled: {\n              background: palette.transparent,\n              content: palette.primary200,\n            },\n            pressed: {\n              background: palette.background400,\n              content: palette.primary200,\n            },\n            disabled: {\n              background: palette.transparent,\n              content: palette.onBackgroundDark04,\n            },\n          },\n        },\n        dialog: {\n          default: {\n            none: {\n              background: palette.background500,\n              text: palette.onBackgroundDark01,\n              message: palette.onBackgroundDark02,\n              highlight: palette.primary200,\n              destructive: palette.error300,\n              blurred: palette.onBackgroundDark04,\n            },\n          },\n        },\n        input: {\n          default: {\n            active: {\n              text: palette.onBackgroundDark01,\n              placeholder: palette.onBackgroundDark03,\n              background: palette.background400,\n              highlight: palette.primary200,\n            },\n            disabled: {\n              text: palette.onBackgroundDark04,\n              placeholder: palette.onBackgroundDark04,\n              background: palette.background400,\n              highlight: palette.onBackgroundDark04,\n            },\n          },\n          underline: {\n            active: {\n              text: palette.onBackgroundDark01,\n              placeholder: palette.onBackgroundDark03,\n              background: palette.transparent,\n              highlight: palette.primary200,\n            },\n            disabled: {\n              text: palette.onBackgroundDark04,\n              placeholder: palette.onBackgroundDark04,\n              background: palette.transparent,\n              highlight: palette.onBackgroundDark04,\n            },\n          },\n        },\n        badge: {\n          default: {\n            none: {\n              text: palette.background600,\n              background: palette.primary200,\n            },\n          },\n        },\n        placeholder: {\n          default: {\n            none: {\n              content: palette.onBackgroundDark03,\n              highlight: palette.primary200,\n            },\n          },\n        },\n        dateSeparator: {\n          default: {\n            none: {\n              text: palette.onBackgroundDark02,\n              background: palette.overlay02,\n            },\n          },\n        },\n        groupChannelMessage: {\n          incoming: {\n            enabled: {\n              textMsg: palette.onBackgroundDark01,\n              textEdited: palette.onBackgroundDark02,\n              textTime: palette.onBackgroundDark03,\n              textSenderName: palette.onBackgroundDark02,\n              background: palette.background400,\n              textVoicePlaytime: palette.onBackgroundDark01,\n              voiceSpinner: palette.primary200,\n              voiceProgressTrack: palette.background400,\n              voiceActionIcon: palette.primary200,\n              voiceActionIconBackground: palette.background700,\n            },\n            pressed: {\n              textMsg: palette.onBackgroundDark01,\n              textEdited: palette.onBackgroundDark02,\n              textTime: palette.onBackgroundDark03,\n              textSenderName: palette.onBackgroundDark02,\n              background: palette.primary500,\n              textVoicePlaytime: palette.onBackgroundDark01,\n              voiceSpinner: palette.primary200,\n              voiceProgressTrack: palette.background400,\n              voiceActionIcon: palette.primary200,\n              voiceActionIconBackground: palette.background700,\n            },\n          },\n          outgoing: {\n            enabled: {\n              textMsg: palette.onBackgroundLight01,\n              textEdited: palette.onBackgroundLight02,\n              textTime: palette.onBackgroundDark03,\n              textSenderName: palette.transparent,\n              background: palette.primary200,\n              textVoicePlaytime: palette.onBackgroundLight01,\n              voiceSpinner: palette.primary300,\n              voiceProgressTrack: palette.primary200,\n              voiceActionIcon: palette.primary200,\n              voiceActionIconBackground: palette.background700,\n            },\n            pressed: {\n              textMsg: palette.onBackgroundLight01,\n              textEdited: palette.onBackgroundLight02,\n              textTime: palette.onBackgroundDark03,\n              textSenderName: palette.transparent,\n              background: palette.primary300,\n              textVoicePlaytime: palette.onBackgroundLight01,\n              voiceSpinner: palette.primary300,\n              voiceProgressTrack: palette.primary200,\n              voiceActionIcon: palette.primary200,\n              voiceActionIconBackground: palette.background700,\n            },\n          },\n        },\n        groupChannelPreview: {\n          default: {\n            none: {\n              textTitle: palette.onBackgroundDark01,\n              textTitleCaption: palette.onBackgroundDark03,\n              textBody: palette.onBackgroundDark03,\n              bodyIcon: palette.onBackgroundDark02,\n              memberCount: palette.onBackgroundDark02,\n              background: palette.background600,\n              coverBackground: palette.onBackgroundDark04,\n              bodyIconBackground: palette.background500,\n              separator: palette.onBackgroundDark04,\n              frozenIcon: palette.primary200,\n            },\n          },\n        },\n        profileCard: {\n          default: {\n            none: {\n              textUsername: palette.onBackgroundDark01,\n              textBodyLabel: palette.onBackgroundDark02,\n              textBody: palette.onBackgroundDark01,\n              background: palette.background500,\n            },\n          },\n        },\n        reaction: {\n          default: {\n            enabled: {\n              background: palette.transparent,\n              highlight: palette.onBackgroundDark03,\n            },\n            selected: {\n              background: palette.primary500,\n              highlight: palette.primary200,\n            },\n          },\n          rounded: {\n            enabled: {\n              background: palette.background400,\n              highlight: palette.transparent,\n            },\n            selected: {\n              background: palette.primary500,\n              highlight: palette.transparent,\n            },\n          },\n        },\n        openChannelMessage: {\n          default: {\n            enabled: {\n              background: palette.transparent,\n              bubbleBackground: palette.background500,\n              adminBackground: palette.background500,\n              textMsg: palette.onBackgroundDark01,\n              textMsgPostfix: palette.onBackgroundDark02,\n              textSenderName: palette.onBackgroundDark02,\n              textTime: palette.onBackgroundDark03,\n              textOperator: palette.secondary200,\n            },\n            pressed: {\n              background: palette.background500,\n              bubbleBackground: palette.background700,\n              adminBackground: palette.background500,\n              textMsg: palette.onBackgroundDark01,\n              textMsgPostfix: palette.onBackgroundDark02,\n              textSenderName: palette.onBackgroundDark02,\n              textTime: palette.onBackgroundDark03,\n              textOperator: palette.secondary200,\n            },\n          },\n        },\n        openChannelPreview: {\n          default: {\n            none: {\n              textTitle: palette.onBackgroundDark01,\n              textParticipants: palette.onBackgroundDark02,\n              frozenIcon: palette.primary200,\n              participantsIcon: palette.onBackgroundDark02,\n              background: palette.background600,\n              coverBackground: palette.background300,\n              separator: palette.onBackgroundDark04,\n            },\n          },\n        },\n        voiceMessageInput: {\n          default: {\n            active: {\n              textCancel: palette.primary200,\n              textTime: palette.onBackgroundLight01,\n              background: palette.background600,\n              actionIcon: palette.onBackgroundDark01,\n              actionIconBackground: palette.background500,\n              sendIcon: palette.onBackgroundLight01,\n              sendIconBackground: palette.primary200,\n              progressTrack: palette.primary200,\n              recording: palette.error300,\n            },\n            inactive: {\n              textCancel: palette.primary200,\n              textTime: palette.onBackgroundDark03,\n              background: palette.background600,\n              actionIcon: palette.onBackgroundDark01,\n              actionIconBackground: palette.background500,\n              sendIcon: palette.onBackgroundDark04,\n              sendIconBackground: palette.background500,\n              progressTrack: palette.background400,\n              recording: palette.error200,\n            },\n          },\n        },\n      },\n    };\n  },\n});\n\nexport default DarkUIKitTheme;\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/theme/LightUIKitTheme.js

@@ -193,7 +193,8 @@ const LightUIKitTheme = (0, _createTheme.default)({
               background: palette.background50,
               coverBackground: palette.onBackgroundLight04,
               bodyIconBackground: palette.background100,
-              separator: palette.onBackgroundLight04
+              separator: palette.onBackgroundLight04,
+              frozenIcon: palette.primary300
             }
           }
         },

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

@@ -1 +1 @@
-{"version":3,"names":["_createTheme","_interopRequireDefault","require","e","__esModule","default","LightUIKitTheme","createTheme","colorScheme","colors","palette","primary","primary300","secondary","secondary300","error","error300","background","background50","text","onBackgroundLight01","onBackground01","onBackground02","onBackgroundLight02","onBackground03","onBackgroundLight03","onBackground04","onBackgroundLight04","onBackgroundReverse01","onBackgroundDark01","onBackgroundReverse02","onBackgroundDark02","onBackgroundReverse03","onBackgroundDark03","onBackgroundReverse04","onBackgroundDark04","ui","header","nav","none","borderBottom","button","contained","enabled","content","pressed","primary400","disabled","background100","transparent","dialog","message","highlight","destructive","blurred","input","active","placeholder","underline","badge","dateSeparator","overlay02","groupChannelMessage","incoming","textMsg","textEdited","textTime","textSenderName","textVoicePlaytime","voiceSpinner","voiceProgressTrack","voiceActionIcon","voiceActionIconBackground","primary100","outgoing","primary200","groupChannelPreview","textTitle","textTitleCaption","textBody","bodyIcon","memberCount","coverBackground","bodyIconBackground","separator","profileCard","textUsername","textBodyLabel","reaction","selected","rounded","openChannelMessage","bubbleBackground","adminBackground","textMsgPostfix","textOperator","background300","openChannelPreview","textParticipants","frozenIcon","participantsIcon","voiceMessageInput","textCancel","actionIcon","actionIconBackground","sendIcon","sendIconBackground","progressTrack","recording","inactive","_default","exports"],"sources":["LightUIKitTheme.ts"],"sourcesContent":["import createTheme from './createTheme';\n\nconst LightUIKitTheme = createTheme({\n  colorScheme: 'light',\n  colors: (palette) => {\n    return {\n      primary: palette.primary300,\n      secondary: palette.secondary300,\n      error: palette.error300,\n      background: palette.background50,\n      text: palette.onBackgroundLight01,\n      onBackground01: palette.onBackgroundLight01,\n      onBackground02: palette.onBackgroundLight02,\n      onBackground03: palette.onBackgroundLight03,\n      onBackground04: palette.onBackgroundLight04,\n      onBackgroundReverse01: palette.onBackgroundDark01,\n      onBackgroundReverse02: palette.onBackgroundDark02,\n      onBackgroundReverse03: palette.onBackgroundDark03,\n      onBackgroundReverse04: palette.onBackgroundDark04,\n      ui: {\n        header: {\n          nav: {\n            none: {\n              background: palette.background50,\n              borderBottom: palette.onBackgroundLight04,\n            },\n          },\n        },\n        button: {\n          contained: {\n            enabled: {\n              background: palette.primary300,\n              content: palette.onBackgroundDark01,\n            },\n            pressed: {\n              background: palette.primary400,\n              content: palette.onBackgroundDark01,\n            },\n            disabled: {\n              background: palette.background100,\n              content: palette.onBackgroundLight04,\n            },\n          },\n          text: {\n            enabled: {\n              background: palette.transparent,\n              content: palette.primary300,\n            },\n            pressed: {\n              background: palette.transparent,\n              content: palette.primary300,\n            },\n            disabled: {\n              background: palette.transparent,\n              content: palette.onBackgroundLight04,\n            },\n          },\n        },\n        dialog: {\n          default: {\n            none: {\n              background: palette.background50,\n              text: palette.onBackgroundLight01,\n              message: palette.onBackgroundLight02,\n              highlight: palette.primary300,\n              destructive: palette.error300,\n              blurred: palette.onBackgroundLight04,\n            },\n          },\n        },\n        input: {\n          default: {\n            active: {\n              text: palette.onBackgroundLight01,\n              placeholder: palette.onBackgroundLight03,\n              background: palette.background100,\n              highlight: palette.primary300,\n            },\n            disabled: {\n              text: palette.onBackgroundLight04,\n              placeholder: palette.onBackgroundLight04,\n              background: palette.background100,\n              highlight: palette.onBackgroundLight04,\n            },\n          },\n          underline: {\n            active: {\n              text: palette.onBackgroundLight01,\n              placeholder: palette.onBackgroundLight03,\n              background: palette.transparent,\n              highlight: palette.primary300,\n            },\n            disabled: {\n              text: palette.onBackgroundLight04,\n              placeholder: palette.onBackgroundLight04,\n              background: palette.transparent,\n              highlight: palette.onBackgroundLight04,\n            },\n          },\n        },\n        badge: {\n          default: {\n            none: {\n              text: palette.background50,\n              background: palette.primary300,\n            },\n          },\n        },\n        placeholder: {\n          default: {\n            none: {\n              content: palette.onBackgroundLight03,\n              highlight: palette.primary300,\n            },\n          },\n        },\n        dateSeparator: {\n          default: {\n            none: {\n              text: palette.onBackgroundDark01,\n              background: palette.overlay02,\n            },\n          },\n        },\n        groupChannelMessage: {\n          incoming: {\n            enabled: {\n              textMsg: palette.onBackgroundLight01,\n              textEdited: palette.onBackgroundLight02,\n              textTime: palette.onBackgroundLight03,\n              textSenderName: palette.onBackgroundLight02,\n              background: palette.background100,\n              textVoicePlaytime: palette.onBackgroundLight01,\n              voiceSpinner: palette.primary300,\n              voiceProgressTrack: palette.background100,\n              voiceActionIcon: palette.primary300,\n              voiceActionIconBackground: palette.background50,\n            },\n            pressed: {\n              textMsg: palette.onBackgroundLight01,\n              textEdited: palette.onBackgroundLight02,\n              textTime: palette.onBackgroundLight03,\n              textSenderName: palette.onBackgroundLight02,\n              background: palette.primary100,\n              textVoicePlaytime: palette.onBackgroundLight01,\n              voiceSpinner: palette.primary300,\n              voiceProgressTrack: palette.background100,\n              voiceActionIcon: palette.primary300,\n              voiceActionIconBackground: palette.background50,\n            },\n          },\n          outgoing: {\n            enabled: {\n              textMsg: palette.onBackgroundDark01,\n              textEdited: palette.onBackgroundDark02,\n              textTime: palette.onBackgroundLight03,\n              textSenderName: palette.transparent,\n              background: palette.primary300,\n              textVoicePlaytime: palette.onBackgroundDark01,\n              voiceSpinner: palette.primary200,\n              voiceProgressTrack: palette.primary300,\n              voiceActionIcon: palette.primary300,\n              voiceActionIconBackground: palette.background50,\n            },\n            pressed: {\n              textMsg: palette.onBackgroundDark01,\n              textEdited: palette.onBackgroundDark02,\n              textTime: palette.onBackgroundLight03,\n              textSenderName: palette.transparent,\n              background: palette.primary400,\n              textVoicePlaytime: palette.onBackgroundDark01,\n              voiceSpinner: palette.primary200,\n              voiceProgressTrack: palette.primary300,\n              voiceActionIcon: palette.primary300,\n              voiceActionIconBackground: palette.background50,\n            },\n          },\n        },\n        groupChannelPreview: {\n          default: {\n            none: {\n              textTitle: palette.onBackgroundLight01,\n              textTitleCaption: palette.onBackgroundLight03,\n              textBody: palette.onBackgroundLight03,\n              bodyIcon: palette.onBackgroundLight02,\n              memberCount: palette.onBackgroundLight02,\n              background: palette.background50,\n              coverBackground: palette.onBackgroundLight04,\n              bodyIconBackground: palette.background100,\n              separator: palette.onBackgroundLight04,\n            },\n          },\n        },\n        profileCard: {\n          default: {\n            none: {\n              textUsername: palette.onBackgroundLight01,\n              textBodyLabel: palette.onBackgroundLight02,\n              textBody: palette.onBackgroundLight01,\n              background: palette.background50,\n            },\n          },\n        },\n        reaction: {\n          default: {\n            enabled: {\n              background: palette.transparent,\n              highlight: palette.onBackgroundLight03,\n            },\n            selected: {\n              background: palette.primary100,\n              highlight: palette.primary300,\n            },\n          },\n          rounded: {\n            enabled: {\n              background: palette.background100,\n              highlight: palette.transparent,\n            },\n            selected: {\n              background: palette.primary100,\n              highlight: palette.transparent,\n            },\n          },\n        },\n        openChannelMessage: {\n          default: {\n            enabled: {\n              background: palette.transparent,\n              bubbleBackground: palette.background100,\n              adminBackground: palette.background100,\n              textMsg: palette.onBackgroundLight01,\n              textMsgPostfix: palette.onBackgroundLight02,\n              textSenderName: palette.onBackgroundLight02,\n              textTime: palette.onBackgroundLight03,\n              textOperator: palette.secondary300,\n            },\n            pressed: {\n              background: palette.background100,\n              bubbleBackground: palette.background300,\n              adminBackground: palette.background100,\n              textMsg: palette.onBackgroundLight01,\n              textMsgPostfix: palette.onBackgroundLight02,\n              textSenderName: palette.onBackgroundLight02,\n              textTime: palette.onBackgroundLight03,\n              textOperator: palette.secondary300,\n            },\n          },\n        },\n        openChannelPreview: {\n          default: {\n            none: {\n              textTitle: palette.onBackgroundLight01,\n              textParticipants: palette.onBackgroundLight02,\n              frozenIcon: palette.primary300,\n              participantsIcon: palette.onBackgroundLight02,\n              background: palette.background50,\n              coverBackground: palette.background300,\n              separator: palette.onBackgroundLight04,\n            },\n          },\n        },\n        voiceMessageInput: {\n          default: {\n            active: {\n              textCancel: palette.primary300,\n              textTime: palette.onBackgroundDark01,\n              background: palette.background50,\n              actionIcon: palette.onBackgroundLight01,\n              actionIconBackground: palette.background100,\n              sendIcon: palette.onBackgroundDark01,\n              sendIconBackground: palette.primary300,\n              progressTrack: palette.primary300,\n              recording: palette.error300,\n            },\n            inactive: {\n              textCancel: palette.primary300,\n              textTime: palette.onBackgroundLight03,\n              background: palette.background50,\n              actionIcon: palette.onBackgroundLight01,\n              actionIconBackground: palette.background100,\n              sendIcon: palette.onBackgroundLight04,\n              sendIconBackground: palette.background100,\n              progressTrack: palette.background100,\n              recording: palette.error300,\n            },\n          },\n        },\n      },\n    };\n  },\n});\n\nexport default LightUIKitTheme;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_createTheme","_interopRequireDefault","require","e","__esModule","default","LightUIKitTheme","createTheme","colorScheme","colors","palette","primary","primary300","secondary","secondary300","error","error300","background","background50","text","onBackgroundLight01","onBackground01","onBackground02","onBackgroundLight02","onBackground03","onBackgroundLight03","onBackground04","onBackgroundLight04","onBackgroundReverse01","onBackgroundDark01","onBackgroundReverse02","onBackgroundDark02","onBackgroundReverse03","onBackgroundDark03","onBackgroundReverse04","onBackgroundDark04","ui","header","nav","none","borderBottom","button","contained","enabled","content","pressed","primary400","disabled","background100","transparent","dialog","message","highlight","destructive","blurred","input","active","placeholder","underline","badge","dateSeparator","overlay02","groupChannelMessage","incoming","textMsg","textEdited","textTime","textSenderName","textVoicePlaytime","voiceSpinner","voiceProgressTrack","voiceActionIcon","voiceActionIconBackground","primary100","outgoing","primary200","groupChannelPreview","textTitle","textTitleCaption","textBody","bodyIcon","memberCount","coverBackground","bodyIconBackground","separator","frozenIcon","profileCard","textUsername","textBodyLabel","reaction","selected","rounded","openChannelMessage","bubbleBackground","adminBackground","textMsgPostfix","textOperator","background300","openChannelPreview","textParticipants","participantsIcon","voiceMessageInput","textCancel","actionIcon","actionIconBackground","sendIcon","sendIconBackground","progressTrack","recording","inactive","_default","exports"],"sources":["LightUIKitTheme.ts"],"sourcesContent":["import createTheme from './createTheme';\n\nconst LightUIKitTheme = createTheme({\n  colorScheme: 'light',\n  colors: (palette) => {\n    return {\n      primary: palette.primary300,\n      secondary: palette.secondary300,\n      error: palette.error300,\n      background: palette.background50,\n      text: palette.onBackgroundLight01,\n      onBackground01: palette.onBackgroundLight01,\n      onBackground02: palette.onBackgroundLight02,\n      onBackground03: palette.onBackgroundLight03,\n      onBackground04: palette.onBackgroundLight04,\n      onBackgroundReverse01: palette.onBackgroundDark01,\n      onBackgroundReverse02: palette.onBackgroundDark02,\n      onBackgroundReverse03: palette.onBackgroundDark03,\n      onBackgroundReverse04: palette.onBackgroundDark04,\n      ui: {\n        header: {\n          nav: {\n            none: {\n              background: palette.background50,\n              borderBottom: palette.onBackgroundLight04,\n            },\n          },\n        },\n        button: {\n          contained: {\n            enabled: {\n              background: palette.primary300,\n              content: palette.onBackgroundDark01,\n            },\n            pressed: {\n              background: palette.primary400,\n              content: palette.onBackgroundDark01,\n            },\n            disabled: {\n              background: palette.background100,\n              content: palette.onBackgroundLight04,\n            },\n          },\n          text: {\n            enabled: {\n              background: palette.transparent,\n              content: palette.primary300,\n            },\n            pressed: {\n              background: palette.transparent,\n              content: palette.primary300,\n            },\n            disabled: {\n              background: palette.transparent,\n              content: palette.onBackgroundLight04,\n            },\n          },\n        },\n        dialog: {\n          default: {\n            none: {\n              background: palette.background50,\n              text: palette.onBackgroundLight01,\n              message: palette.onBackgroundLight02,\n              highlight: palette.primary300,\n              destructive: palette.error300,\n              blurred: palette.onBackgroundLight04,\n            },\n          },\n        },\n        input: {\n          default: {\n            active: {\n              text: palette.onBackgroundLight01,\n              placeholder: palette.onBackgroundLight03,\n              background: palette.background100,\n              highlight: palette.primary300,\n            },\n            disabled: {\n              text: palette.onBackgroundLight04,\n              placeholder: palette.onBackgroundLight04,\n              background: palette.background100,\n              highlight: palette.onBackgroundLight04,\n            },\n          },\n          underline: {\n            active: {\n              text: palette.onBackgroundLight01,\n              placeholder: palette.onBackgroundLight03,\n              background: palette.transparent,\n              highlight: palette.primary300,\n            },\n            disabled: {\n              text: palette.onBackgroundLight04,\n              placeholder: palette.onBackgroundLight04,\n              background: palette.transparent,\n              highlight: palette.onBackgroundLight04,\n            },\n          },\n        },\n        badge: {\n          default: {\n            none: {\n              text: palette.background50,\n              background: palette.primary300,\n            },\n          },\n        },\n        placeholder: {\n          default: {\n            none: {\n              content: palette.onBackgroundLight03,\n              highlight: palette.primary300,\n            },\n          },\n        },\n        dateSeparator: {\n          default: {\n            none: {\n              text: palette.onBackgroundDark01,\n              background: palette.overlay02,\n            },\n          },\n        },\n        groupChannelMessage: {\n          incoming: {\n            enabled: {\n              textMsg: palette.onBackgroundLight01,\n              textEdited: palette.onBackgroundLight02,\n              textTime: palette.onBackgroundLight03,\n              textSenderName: palette.onBackgroundLight02,\n              background: palette.background100,\n              textVoicePlaytime: palette.onBackgroundLight01,\n              voiceSpinner: palette.primary300,\n              voiceProgressTrack: palette.background100,\n              voiceActionIcon: palette.primary300,\n              voiceActionIconBackground: palette.background50,\n            },\n            pressed: {\n              textMsg: palette.onBackgroundLight01,\n              textEdited: palette.onBackgroundLight02,\n              textTime: palette.onBackgroundLight03,\n              textSenderName: palette.onBackgroundLight02,\n              background: palette.primary100,\n              textVoicePlaytime: palette.onBackgroundLight01,\n              voiceSpinner: palette.primary300,\n              voiceProgressTrack: palette.background100,\n              voiceActionIcon: palette.primary300,\n              voiceActionIconBackground: palette.background50,\n            },\n          },\n          outgoing: {\n            enabled: {\n              textMsg: palette.onBackgroundDark01,\n              textEdited: palette.onBackgroundDark02,\n              textTime: palette.onBackgroundLight03,\n              textSenderName: palette.transparent,\n              background: palette.primary300,\n              textVoicePlaytime: palette.onBackgroundDark01,\n              voiceSpinner: palette.primary200,\n              voiceProgressTrack: palette.primary300,\n              voiceActionIcon: palette.primary300,\n              voiceActionIconBackground: palette.background50,\n            },\n            pressed: {\n              textMsg: palette.onBackgroundDark01,\n              textEdited: palette.onBackgroundDark02,\n              textTime: palette.onBackgroundLight03,\n              textSenderName: palette.transparent,\n              background: palette.primary400,\n              textVoicePlaytime: palette.onBackgroundDark01,\n              voiceSpinner: palette.primary200,\n              voiceProgressTrack: palette.primary300,\n              voiceActionIcon: palette.primary300,\n              voiceActionIconBackground: palette.background50,\n            },\n          },\n        },\n        groupChannelPreview: {\n          default: {\n            none: {\n              textTitle: palette.onBackgroundLight01,\n              textTitleCaption: palette.onBackgroundLight03,\n              textBody: palette.onBackgroundLight03,\n              bodyIcon: palette.onBackgroundLight02,\n              memberCount: palette.onBackgroundLight02,\n              background: palette.background50,\n              coverBackground: palette.onBackgroundLight04,\n              bodyIconBackground: palette.background100,\n              separator: palette.onBackgroundLight04,\n              frozenIcon: palette.primary300,\n            },\n          },\n        },\n        profileCard: {\n          default: {\n            none: {\n              textUsername: palette.onBackgroundLight01,\n              textBodyLabel: palette.onBackgroundLight02,\n              textBody: palette.onBackgroundLight01,\n              background: palette.background50,\n            },\n          },\n        },\n        reaction: {\n          default: {\n            enabled: {\n              background: palette.transparent,\n              highlight: palette.onBackgroundLight03,\n            },\n            selected: {\n              background: palette.primary100,\n              highlight: palette.primary300,\n            },\n          },\n          rounded: {\n            enabled: {\n              background: palette.background100,\n              highlight: palette.transparent,\n            },\n            selected: {\n              background: palette.primary100,\n              highlight: palette.transparent,\n            },\n          },\n        },\n        openChannelMessage: {\n          default: {\n            enabled: {\n              background: palette.transparent,\n              bubbleBackground: palette.background100,\n              adminBackground: palette.background100,\n              textMsg: palette.onBackgroundLight01,\n              textMsgPostfix: palette.onBackgroundLight02,\n              textSenderName: palette.onBackgroundLight02,\n              textTime: palette.onBackgroundLight03,\n              textOperator: palette.secondary300,\n            },\n            pressed: {\n              background: palette.background100,\n              bubbleBackground: palette.background300,\n              adminBackground: palette.background100,\n              textMsg: palette.onBackgroundLight01,\n              textMsgPostfix: palette.onBackgroundLight02,\n              textSenderName: palette.onBackgroundLight02,\n              textTime: palette.onBackgroundLight03,\n              textOperator: palette.secondary300,\n            },\n          },\n        },\n        openChannelPreview: {\n          default: {\n            none: {\n              textTitle: palette.onBackgroundLight01,\n              textParticipants: palette.onBackgroundLight02,\n              frozenIcon: palette.primary300,\n              participantsIcon: palette.onBackgroundLight02,\n              background: palette.background50,\n              coverBackground: palette.background300,\n              separator: palette.onBackgroundLight04,\n            },\n          },\n        },\n        voiceMessageInput: {\n          default: {\n            active: {\n              textCancel: palette.primary300,\n              textTime: palette.onBackgroundDark01,\n              background: palette.background50,\n              actionIcon: palette.onBackgroundLight01,\n              actionIconBackground: palette.background100,\n              sendIcon: palette.onBackgroundDark01,\n              sendIconBackground: palette.primary300,\n              progressTrack: palette.primary300,\n              recording: palette.error300,\n            },\n            inactive: {\n              textCancel: palette.primary300,\n              textTime: palette.onBackgroundLight03,\n              background: palette.background50,\n              actionIcon: palette.onBackgroundLight01,\n              actionIconBackground: palette.background100,\n              sendIcon: palette.onBackgroundLight04,\n              sendIconBackground: palette.background100,\n              progressTrack: palette.background100,\n              recording: palette.error300,\n            },\n          },\n        },\n      },\n    };\n  },\n});\n\nexport default LightUIKitTheme;\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport type { ReactNode } from 'react';\nimport type { TextStyle } from 'react-native';\n\nexport interface UIKitTypography {\n  h1: FontAttributes;\n  h2: FontAttributes;\n  subtitle1: FontAttributes;\n  subtitle2: FontAttributes;\n  body1: FontAttributes;\n  body2: FontAttributes;\n  body3: FontAttributes;\n  button: FontAttributes;\n  caption1: FontAttributes;\n  caption2: FontAttributes;\n  caption3: FontAttributes;\n  caption4: FontAttributes;\n}\nexport type TypoName = keyof UIKitTypography;\nexport type FontAttributes = Pick<TextStyle, 'fontFamily' | 'fontSize' | 'lineHeight' | 'letterSpacing' | 'fontWeight'>;\n\nexport type UIKitColorScheme = 'light' | 'dark';\nexport interface UIKitTheme {\n  colorScheme: UIKitColorScheme;\n  select<V>(options: { [key in UIKitColorScheme | 'default']?: V }): V;\n\n  palette: UIKitPalette;\n  colors: UIKitColors;\n\n  typography: UIKitTypography;\n}\n\nexport type Component =\n  | 'Header'\n  | 'Button'\n  | 'Dialog'\n  | 'Input'\n  | 'Badge'\n  | 'Placeholder'\n  | 'DateSeparator'\n  | 'GroupChannelMessage'\n  | 'GroupChannelPreview'\n  | 'ProfileCard'\n  | 'Reaction'\n  | 'OpenChannelMessage'\n  | 'OpenChannelPreview'\n  | 'VoiceMessageInput';\n\nexport type GetColorTree<\n  Tree extends {\n    Variant: {\n      [key in Component]: string;\n    };\n    State: {\n      [key in Component]: string;\n    };\n    ColorPart: {\n      [key in Component]: string;\n    };\n  },\n> = Tree;\n\nexport type ComponentColorTree = GetColorTree<{\n  Variant: {\n    Header: 'nav';\n    Button: 'contained' | 'text';\n    Dialog: 'default';\n    Input: 'default' | 'underline';\n    Badge: 'default';\n    Placeholder: 'default';\n    DateSeparator: 'default';\n    GroupChannelMessage: 'incoming' | 'outgoing';\n    GroupChannelPreview: 'default';\n    ProfileCard: 'default';\n    Reaction: 'default' | 'rounded';\n    OpenChannelMessage: 'default';\n    OpenChannelPreview: 'default';\n    VoiceMessageInput: 'default';\n  };\n  State: {\n    Header: 'none';\n    Button: 'enabled' | 'pressed' | 'disabled';\n    Dialog: 'none';\n    Input: 'active' | 'disabled';\n    Badge: 'none';\n    Placeholder: 'none';\n    DateSeparator: 'none';\n    GroupChannelMessage: 'enabled' | 'pressed';\n    GroupChannelPreview: 'none';\n    ProfileCard: 'none';\n    Reaction: 'enabled' | 'selected';\n    OpenChannelMessage: 'enabled' | 'pressed';\n    OpenChannelPreview: 'none';\n    VoiceMessageInput: 'active' | 'inactive';\n  };\n  ColorPart: {\n    Header: 'background' | 'borderBottom';\n    Button: 'background' | 'content';\n    Dialog: 'background' | 'text' | 'message' | 'highlight' | 'destructive' | 'blurred';\n    Input: 'text' | 'placeholder' | 'background' | 'highlight';\n    Badge: 'text' | 'background';\n    Placeholder: 'content' | 'highlight';\n    DateSeparator: 'text' | 'background';\n    GroupChannelMessage:\n      | 'textMsg'\n      | 'textEdited'\n      | 'textSenderName'\n      | 'textTime'\n      | 'textVoicePlaytime'\n      | 'background'\n      | 'voiceSpinner'\n      | 'voiceProgressTrack'\n      | 'voiceActionIcon'\n      | 'voiceActionIconBackground';\n    GroupChannelPreview:\n      | 'textTitle'\n      | 'textTitleCaption'\n      | 'textBody'\n      | 'memberCount'\n      | 'bodyIcon'\n      | 'background'\n      | 'coverBackground'\n      | 'bodyIconBackground'\n      | 'separator';\n    ProfileCard: 'textUsername' | 'textBodyLabel' | 'textBody' | 'background';\n    Reaction: 'background' | 'highlight';\n    OpenChannelMessage:\n      | 'textMsg'\n      | 'textMsgPostfix'\n      | 'textSenderName'\n      | 'textTime'\n      | 'textOperator'\n      | 'background'\n      | 'bubbleBackground'\n      | 'adminBackground';\n    OpenChannelPreview:\n      | 'textTitle'\n      | 'textParticipants'\n      | 'frozenIcon'\n      | 'participantsIcon'\n      | 'background'\n      | 'coverBackground'\n      | 'separator';\n    VoiceMessageInput:\n      | 'textCancel'\n      | 'textTime'\n      | 'background'\n      | 'actionIcon'\n      | 'actionIconBackground'\n      | 'sendIcon'\n      | 'sendIconBackground'\n      | 'progressTrack'\n      | 'recording';\n  };\n}>;\nexport type ComponentColors<T extends Component> = {\n  [key in ComponentColorTree['Variant'][T]]: {\n    [key in ComponentColorTree['State'][T]]: {\n      [key in ComponentColorTree['ColorPart'][T]]: string;\n    };\n  };\n};\n\nexport interface UIKitColors {\n  primary: string;\n  secondary: string;\n  error: string;\n  background: string;\n  text: string;\n  onBackground01: string;\n  onBackground02: string;\n  onBackground03: string;\n  onBackground04: string;\n  onBackgroundReverse01: string;\n  onBackgroundReverse02: string;\n  onBackgroundReverse03: string;\n  onBackgroundReverse04: string;\n  /**\n   * UI Colors has below structure\n   * Component.{Variant}.{State}.{ColorPart}\n   * @example\n   * ```\n   *  const { colors } = useUIKitTheme();\n   *  colors.ui.button.contained.disabled.backgroundColor\n   * ```\n   * */\n  ui: {\n    header: ComponentColors<'Header'>;\n    button: ComponentColors<'Button'>;\n    dialog: ComponentColors<'Dialog'>;\n    input: ComponentColors<'Input'>;\n    badge: ComponentColors<'Badge'>;\n    placeholder: ComponentColors<'Placeholder'>;\n    dateSeparator: ComponentColors<'DateSeparator'>;\n    groupChannelMessage: ComponentColors<'GroupChannelMessage'>;\n    groupChannelPreview: ComponentColors<'GroupChannelPreview'>;\n    profileCard: ComponentColors<'ProfileCard'>;\n    reaction: ComponentColors<'Reaction'>;\n    openChannelMessage: ComponentColors<'OpenChannelMessage'>;\n    openChannelPreview: ComponentColors<'OpenChannelPreview'>;\n    voiceMessageInput: ComponentColors<'VoiceMessageInput'>;\n  };\n}\n\nexport type HeaderElement = ReactNode;\nexport type HeaderPartProps = {\n  title?: ReactNode;\n  right?: ReactNode;\n  left?: ReactNode;\n  onPressLeft?: (...params: any[]) => any;\n  onPressRight?: (...params: any[]) => any;\n};\nexport type BaseHeaderProps<HeaderParts extends HeaderPartProps = {}, AdditionalProps = {}> = {\n  titleAlign?: 'left' | 'center' | 'right';\n  children?: ReactNode;\n} & HeaderParts &\n  AdditionalProps;\nexport interface UIKitPalette {\n  primary100: string;\n  primary200: string;\n  primary300: string;\n  primary400: string;\n  primary500: string;\n\n  secondary100: string;\n  secondary200: string;\n  secondary300: string;\n  secondary400: string;\n  secondary500: string;\n\n  error100: string;\n  error200: string;\n  error300: string;\n  error400: string;\n  error500: string;\n\n  background50: string;\n  background100: string;\n  background200: string;\n  background300: string;\n  background400: string;\n  background500: string;\n  background600: string;\n  background700: string;\n\n  overlay01: string;\n  overlay02: string;\n\n  information: string;\n  highlight: string;\n  transparent: 'transparent';\n\n  onBackgroundLight01: string;\n  onBackgroundLight02: string;\n  onBackgroundLight03: string;\n  onBackgroundLight04: string;\n\n  onBackgroundDark01: string;\n  onBackgroundDark02: string;\n  onBackgroundDark03: string;\n  onBackgroundDark04: string;\n}\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport type { ReactNode } from 'react';\nimport type { TextStyle } from 'react-native';\n\nexport interface UIKitTypography {\n  h1: FontAttributes;\n  h2: FontAttributes;\n  subtitle1: FontAttributes;\n  subtitle2: FontAttributes;\n  body1: FontAttributes;\n  body2: FontAttributes;\n  body3: FontAttributes;\n  button: FontAttributes;\n  caption1: FontAttributes;\n  caption2: FontAttributes;\n  caption3: FontAttributes;\n  caption4: FontAttributes;\n}\nexport type TypoName = keyof UIKitTypography;\nexport type FontAttributes = Pick<TextStyle, 'fontFamily' | 'fontSize' | 'lineHeight' | 'letterSpacing' | 'fontWeight'>;\n\nexport type UIKitColorScheme = 'light' | 'dark';\nexport interface UIKitTheme {\n  colorScheme: UIKitColorScheme;\n  select<V>(options: { [key in UIKitColorScheme | 'default']?: V }): V;\n\n  palette: UIKitPalette;\n  colors: UIKitColors;\n\n  typography: UIKitTypography;\n}\n\nexport type Component =\n  | 'Header'\n  | 'Button'\n  | 'Dialog'\n  | 'Input'\n  | 'Badge'\n  | 'Placeholder'\n  | 'DateSeparator'\n  | 'GroupChannelMessage'\n  | 'GroupChannelPreview'\n  | 'ProfileCard'\n  | 'Reaction'\n  | 'OpenChannelMessage'\n  | 'OpenChannelPreview'\n  | 'VoiceMessageInput';\n\nexport type GetColorTree<\n  Tree extends {\n    Variant: {\n      [key in Component]: string;\n    };\n    State: {\n      [key in Component]: string;\n    };\n    ColorPart: {\n      [key in Component]: string;\n    };\n  },\n> = Tree;\n\nexport type ComponentColorTree = GetColorTree<{\n  Variant: {\n    Header: 'nav';\n    Button: 'contained' | 'text';\n    Dialog: 'default';\n    Input: 'default' | 'underline';\n    Badge: 'default';\n    Placeholder: 'default';\n    DateSeparator: 'default';\n    GroupChannelMessage: 'incoming' | 'outgoing';\n    GroupChannelPreview: 'default';\n    ProfileCard: 'default';\n    Reaction: 'default' | 'rounded';\n    OpenChannelMessage: 'default';\n    OpenChannelPreview: 'default';\n    VoiceMessageInput: 'default';\n  };\n  State: {\n    Header: 'none';\n    Button: 'enabled' | 'pressed' | 'disabled';\n    Dialog: 'none';\n    Input: 'active' | 'disabled';\n    Badge: 'none';\n    Placeholder: 'none';\n    DateSeparator: 'none';\n    GroupChannelMessage: 'enabled' | 'pressed';\n    GroupChannelPreview: 'none';\n    ProfileCard: 'none';\n    Reaction: 'enabled' | 'selected';\n    OpenChannelMessage: 'enabled' | 'pressed';\n    OpenChannelPreview: 'none';\n    VoiceMessageInput: 'active' | 'inactive';\n  };\n  ColorPart: {\n    Header: 'background' | 'borderBottom';\n    Button: 'background' | 'content';\n    Dialog: 'background' | 'text' | 'message' | 'highlight' | 'destructive' | 'blurred';\n    Input: 'text' | 'placeholder' | 'background' | 'highlight';\n    Badge: 'text' | 'background';\n    Placeholder: 'content' | 'highlight';\n    DateSeparator: 'text' | 'background';\n    GroupChannelMessage:\n      | 'textMsg'\n      | 'textEdited'\n      | 'textSenderName'\n      | 'textTime'\n      | 'textVoicePlaytime'\n      | 'background'\n      | 'voiceSpinner'\n      | 'voiceProgressTrack'\n      | 'voiceActionIcon'\n      | 'voiceActionIconBackground';\n    GroupChannelPreview:\n      | 'textTitle'\n      | 'textTitleCaption'\n      | 'textBody'\n      | 'memberCount'\n      | 'bodyIcon'\n      | 'background'\n      | 'coverBackground'\n      | 'bodyIconBackground'\n      | 'separator'\n      | 'frozenIcon';\n    ProfileCard: 'textUsername' | 'textBodyLabel' | 'textBody' | 'background';\n    Reaction: 'background' | 'highlight';\n    OpenChannelMessage:\n      | 'textMsg'\n      | 'textMsgPostfix'\n      | 'textSenderName'\n      | 'textTime'\n      | 'textOperator'\n      | 'background'\n      | 'bubbleBackground'\n      | 'adminBackground';\n    OpenChannelPreview:\n      | 'textTitle'\n      | 'textParticipants'\n      | 'frozenIcon'\n      | 'participantsIcon'\n      | 'background'\n      | 'coverBackground'\n      | 'separator';\n    VoiceMessageInput:\n      | 'textCancel'\n      | 'textTime'\n      | 'background'\n      | 'actionIcon'\n      | 'actionIconBackground'\n      | 'sendIcon'\n      | 'sendIconBackground'\n      | 'progressTrack'\n      | 'recording';\n  };\n}>;\nexport type ComponentColors<T extends Component> = {\n  [key in ComponentColorTree['Variant'][T]]: {\n    [key in ComponentColorTree['State'][T]]: {\n      [key in ComponentColorTree['ColorPart'][T]]: string;\n    };\n  };\n};\n\nexport interface UIKitColors {\n  primary: string;\n  secondary: string;\n  error: string;\n  background: string;\n  text: string;\n  onBackground01: string;\n  onBackground02: string;\n  onBackground03: string;\n  onBackground04: string;\n  onBackgroundReverse01: string;\n  onBackgroundReverse02: string;\n  onBackgroundReverse03: string;\n  onBackgroundReverse04: string;\n  /**\n   * UI Colors has below structure\n   * Component.{Variant}.{State}.{ColorPart}\n   * @example\n   * ```\n   *  const { colors } = useUIKitTheme();\n   *  colors.ui.button.contained.disabled.backgroundColor\n   * ```\n   * */\n  ui: {\n    header: ComponentColors<'Header'>;\n    button: ComponentColors<'Button'>;\n    dialog: ComponentColors<'Dialog'>;\n    input: ComponentColors<'Input'>;\n    badge: ComponentColors<'Badge'>;\n    placeholder: ComponentColors<'Placeholder'>;\n    dateSeparator: ComponentColors<'DateSeparator'>;\n    groupChannelMessage: ComponentColors<'GroupChannelMessage'>;\n    groupChannelPreview: ComponentColors<'GroupChannelPreview'>;\n    profileCard: ComponentColors<'ProfileCard'>;\n    reaction: ComponentColors<'Reaction'>;\n    openChannelMessage: ComponentColors<'OpenChannelMessage'>;\n    openChannelPreview: ComponentColors<'OpenChannelPreview'>;\n    voiceMessageInput: ComponentColors<'VoiceMessageInput'>;\n  };\n}\n\nexport type HeaderElement = ReactNode;\nexport type HeaderPartProps = {\n  title?: ReactNode;\n  right?: ReactNode;\n  left?: ReactNode;\n  onPressLeft?: (...params: any[]) => any;\n  onPressRight?: (...params: any[]) => any;\n};\nexport type BaseHeaderProps<HeaderParts extends HeaderPartProps = {}, AdditionalProps = {}> = {\n  titleAlign?: 'left' | 'center' | 'right';\n  children?: ReactNode;\n} & HeaderParts &\n  AdditionalProps;\nexport interface UIKitPalette {\n  primary100: string;\n  primary200: string;\n  primary300: string;\n  primary400: string;\n  primary500: string;\n\n  secondary100: string;\n  secondary200: string;\n  secondary300: string;\n  secondary400: string;\n  secondary500: string;\n\n  error100: string;\n  error200: string;\n  error300: string;\n  error400: string;\n  error500: string;\n\n  background50: string;\n  background100: string;\n  background200: string;\n  background300: string;\n  background400: string;\n  background500: string;\n  background600: string;\n  background700: string;\n\n  overlay01: string;\n  overlay02: string;\n\n  information: string;\n  highlight: string;\n  transparent: 'transparent';\n\n  onBackgroundLight01: string;\n  onBackgroundLight02: string;\n  onBackgroundLight03: string;\n  onBackgroundLight04: string;\n\n  onBackgroundDark01: string;\n  onBackgroundDark02: string;\n  onBackgroundDark03: string;\n  onBackgroundDark04: string;\n}\n"],"mappings":"","ignoreList":[]}

package/lib/commonjs/ui/Button/index.js

@@ -4,13 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _Icon = _interopRequireDefault(require("../../components/Icon"));
 var _Text = _interopRequireDefault(require("../../components/Text"));
 var _createStyleSheet = _interopRequireDefault(require("../../styles/createStyleSheet"));
 var _useUIKitTheme = _interopRequireDefault(require("../../theme/useUIKitTheme"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const Button = ({
   icon,
   variant = 'contained',
@@ -24,38 +25,32 @@ const Button = ({
   const {
     colors
   } = (0, _useUIKitTheme.default)();
+  const [pressed, setPressed] = (0, _react.useState)(false);
   const getStateColor = (pressed, disabled) => {
     const stateColors = colors.ui.button[variant];
     if (disabled) return stateColors.disabled;
     if (pressed) return stateColors.pressed;
     return stateColors.enabled;
   };
+  const stateColor = getStateColor(pressed, disabled);
   return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
     disabled: disabled,
     onPress: onPress,
-    style: ({
-      pressed
-    }) => {
-      const stateColor = getStateColor(pressed, disabled);
-      return [{
-        backgroundColor: buttonColor ?? stateColor.background
-      }, styles.container, style];
-    }
-  }, ({
-    pressed
-  }) => {
-    const stateColor = getStateColor(pressed, disabled);
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, icon && /*#__PURE__*/_react.default.createElement(_Icon.default, {
-      size: 24,
-      icon: icon,
-      color: contentColor ?? stateColor.content,
-      containerStyle: styles.icon
-    }), /*#__PURE__*/_react.default.createElement(_Text.default, {
-      button: true,
-      color: contentColor ?? stateColor.content,
-      style: styles.text
-    }, children));
-  });
+    onPressIn: () => setPressed(true),
+    onPressOut: () => setPressed(false),
+    style: [{
+      backgroundColor: buttonColor ?? stateColor.background
+    }, styles.container, style]
+  }, icon && /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    size: 24,
+    icon: icon,
+    color: contentColor ?? stateColor.content,
+    containerStyle: styles.icon
+  }), /*#__PURE__*/_react.default.createElement(_Text.default, {
+    button: true,
+    color: contentColor ?? stateColor.content,
+    style: styles.text
+  }, children));
 };
 const styles = (0, _createStyleSheet.default)({
   container: {

package/lib/commonjs/ui/Button/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_Icon","_Text","_createStyleSheet","_useUIKitTheme","e","__esModule","default","Button","icon","variant","buttonColor","contentColor","disabled","onPress","style","children","colors","useUIKitTheme","getStateColor","pressed","stateColors","ui","button","enabled","createElement","Pressable","stateColor","backgroundColor","background","styles","container","Fragment","size","color","content","containerStyle","text","createStyleSheet","flexDirection","padding","borderRadius","alignItems","justifyContent","marginVertical","marginEnd","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\nimport { Pressable, StyleProp, ViewStyle } from 'react-native';\n\nimport Icon from '../../components/Icon';\nimport Text from '../../components/Text';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\n\ntype Props = React.PropsWithChildren<{\n  style?: StyleProp<ViewStyle>;\n  icon?: keyof typeof Icon.Assets;\n  variant?: 'contained' | 'text';\n  disabled?: boolean;\n  onPress?: () => void;\n  buttonColor?: string;\n  contentColor?: string;\n}>;\nconst Button = ({\n  icon,\n  variant = 'contained',\n  buttonColor,\n  contentColor,\n  disabled,\n  onPress,\n  style,\n  children,\n}: Props) => {\n  const { colors } = useUIKitTheme();\n\n  const getStateColor = (pressed: boolean, disabled?: boolean) => {\n    const stateColors = colors.ui.button[variant];\n    if (disabled) return stateColors.disabled;\n    if (pressed) return stateColors.pressed;\n    return stateColors.enabled;\n  };\n\n  return (\n    <Pressable\n      disabled={disabled}\n      onPress={onPress}\n      style={({ pressed }) => {\n        const stateColor = getStateColor(pressed, disabled);\n        return [{ backgroundColor: buttonColor ?? stateColor.background }, styles.container, style];\n      }}\n    >\n      {({ pressed }) => {\n        const stateColor = getStateColor(pressed, disabled);\n\n        return (\n          <>\n            {icon && (\n              <Icon size={24} icon={icon} color={contentColor ?? stateColor.content} containerStyle={styles.icon} />\n            )}\n            <Text button color={contentColor ?? stateColor.content} style={styles.text}>\n              {children}\n            </Text>\n          </>\n        );\n      }}\n    </Pressable>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    flexDirection: 'row',\n    padding: 8,\n    borderRadius: 4,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  icon: { marginVertical: -4, marginEnd: 8 },\n  text: {},\n});\n\nexport default Button;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,KAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,KAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,iBAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,cAAA,GAAAN,sBAAA,CAAAC,OAAA;AAAsD,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAWtD,MAAMG,MAAM,GAAGA,CAAC;EACdC,IAAI;EACJC,OAAO,GAAG,WAAW;EACrBC,WAAW;EACXC,YAAY;EACZC,QAAQ;EACRC,OAAO;EACPC,KAAK;EACLC;AACK,CAAC,KAAK;EACX,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,sBAAa,EAAC,CAAC;EAElC,MAAMC,aAAa,GAAGA,CAACC,OAAgB,EAAEP,QAAkB,KAAK;IAC9D,MAAMQ,WAAW,GAAGJ,MAAM,CAACK,EAAE,CAACC,MAAM,CAACb,OAAO,CAAC;IAC7C,IAAIG,QAAQ,EAAE,OAAOQ,WAAW,CAACR,QAAQ;IACzC,IAAIO,OAAO,EAAE,OAAOC,WAAW,CAACD,OAAO;IACvC,OAAOC,WAAW,CAACG,OAAO;EAC5B,CAAC;EAED,oBACE3B,MAAA,CAAAU,OAAA,CAAAkB,aAAA,CAACzB,YAAA,CAAA0B,SAAS;IACRb,QAAQ,EAAEA,QAAS;IACnBC,OAAO,EAAEA,OAAQ;IACjBC,KAAK,EAAEA,CAAC;MAAEK;IAAQ,CAAC,KAAK;MACtB,MAAMO,UAAU,GAAGR,aAAa,CAACC,OAAO,EAAEP,QAAQ,CAAC;MACnD,OAAO,CAAC;QAAEe,eAAe,EAAEjB,WAAW,IAAIgB,UAAU,CAACE;MAAW,CAAC,EAAEC,MAAM,CAACC,SAAS,EAAEhB,KAAK,CAAC;IAC7F;EAAE,GAED,CAAC;IAAEK;EAAQ,CAAC,KAAK;IAChB,MAAMO,UAAU,GAAGR,aAAa,CAACC,OAAO,EAAEP,QAAQ,CAAC;IAEnD,oBACEhB,MAAA,CAAAU,OAAA,CAAAkB,aAAA,CAAA5B,MAAA,CAAAU,OAAA,CAAAyB,QAAA,QACGvB,IAAI,iBACHZ,MAAA,CAAAU,OAAA,CAAAkB,aAAA,CAACxB,KAAA,CAAAM,OAAI;MAAC0B,IAAI,EAAE,EAAG;MAACxB,IAAI,EAAEA,IAAK;MAACyB,KAAK,EAAEtB,YAAY,IAAIe,UAAU,CAACQ,OAAQ;MAACC,cAAc,EAAEN,MAAM,CAACrB;IAAK,CAAE,CACtG,eACDZ,MAAA,CAAAU,OAAA,CAAAkB,aAAA,CAACvB,KAAA,CAAAK,OAAI;MAACgB,MAAM;MAACW,KAAK,EAAEtB,YAAY,IAAIe,UAAU,CAACQ,OAAQ;MAACpB,KAAK,EAAEe,MAAM,CAACO;IAAK,GACxErB,QACG,CACN,CAAC;EAEP,CACS,CAAC;AAEhB,CAAC;AAED,MAAMc,MAAM,GAAG,IAAAQ,yBAAgB,EAAC;EAC9BP,SAAS,EAAE;IACTQ,aAAa,EAAE,KAAK;IACpBC,OAAO,EAAE,CAAC;IACVC,YAAY,EAAE,CAAC;IACfC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDlC,IAAI,EAAE;IAAEmC,cAAc,EAAE,CAAC,CAAC;IAAEC,SAAS,EAAE;EAAE,CAAC;EAC1CR,IAAI,EAAE,CAAC;AACT,CAAC,CAAC;AAAC,IAAAS,QAAA,GAAAC,OAAA,CAAAxC,OAAA,GAEYC,MAAM","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_Icon","_interopRequireDefault","_Text","_createStyleSheet","_useUIKitTheme","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Button","icon","variant","buttonColor","contentColor","disabled","onPress","style","children","colors","useUIKitTheme","pressed","setPressed","useState","getStateColor","stateColors","ui","button","enabled","stateColor","createElement","Pressable","onPressIn","onPressOut","backgroundColor","background","styles","container","size","color","content","containerStyle","text","createStyleSheet","flexDirection","padding","borderRadius","alignItems","justifyContent","marginVertical","marginEnd","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Pressable, StyleProp, ViewStyle } from 'react-native';\n\nimport Icon from '../../components/Icon';\nimport Text from '../../components/Text';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\n\ntype Props = React.PropsWithChildren<{\n  style?: StyleProp<ViewStyle>;\n  icon?: keyof typeof Icon.Assets;\n  variant?: 'contained' | 'text';\n  disabled?: boolean;\n  onPress?: () => void;\n  buttonColor?: string;\n  contentColor?: string;\n}>;\nconst Button = ({\n  icon,\n  variant = 'contained',\n  buttonColor,\n  contentColor,\n  disabled,\n  onPress,\n  style,\n  children,\n}: Props) => {\n  const { colors } = useUIKitTheme();\n  const [pressed, setPressed] = useState(false);\n\n  const getStateColor = (pressed: boolean, disabled?: boolean) => {\n    const stateColors = colors.ui.button[variant];\n    if (disabled) return stateColors.disabled;\n    if (pressed) return stateColors.pressed;\n    return stateColors.enabled;\n  };\n\n  const stateColor = getStateColor(pressed, disabled);\n\n  return (\n    <Pressable\n      disabled={disabled}\n      onPress={onPress}\n      onPressIn={() => setPressed(true)}\n      onPressOut={() => setPressed(false)}\n      style={[{ backgroundColor: buttonColor ?? stateColor.background }, styles.container, style]}\n    >\n      {icon && <Icon size={24} icon={icon} color={contentColor ?? stateColor.content} containerStyle={styles.icon} />}\n      <Text button color={contentColor ?? stateColor.content} style={styles.text}>\n        {children}\n      </Text>\n    </Pressable>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    flexDirection: 'row',\n    padding: 8,\n    borderRadius: 4,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  icon: { marginVertical: -4, marginEnd: 8 },\n  text: {},\n});\n\nexport default Button;\n"],"mappings":"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","ignoreList":[]}

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

@@ -72,7 +72,7 @@ const GroupChannelPreview = ({
   }, memberCount), frozen && /*#__PURE__*/_react.default.createElement(_Icon.default, {
     size: 16,
     icon: 'freeze',
-    color: colors.primary,
+    color: color.default.none.frozenIcon ?? colors.primary,
     containerStyle: styles.channelInfoFrozen
   }), notificationOff && /*#__PURE__*/_react.default.createElement(_Icon.default, {
     size: 16,

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_uikitUtils","_Box","_Icon","_Image","_Text","_createStyleSheet","_useUIKitTheme","_Badge","e","__esModule","default","GroupChannelPreview","customCover","coverUrl","memberCount","badgeCount","maxBadgeCount","body","bodyIcon","title","titleCaption","titleCaptionLeft","frozen","notificationOff","broadcast","mentioned","mentionTrigger","colors","useUIKitTheme","color","ui","groupChannelPreview","createElement","style","styles","container","backgroundColor","none","background","coverContainer","conditionChaining","Boolean","resizeMode","channelCover","coverBackground","source","uri","rightSection","rightTopSection","channelInfoContainer","size","icon","secondary","containerStyle","channelInfoBroadcast","numberOfLines","subtitle1","channelInfoTitle","textTitle","caption1","channelInfoMemberCount","primary","channelInfoFrozen","onBackground03","titleCaptionContainer","caption2","textTitleCaption","titleCaptionText","rightBottomSection","bodyWrapper","bodyIconBackground","flex","alignItems","body3","ellipsizeMode","textBody","unreadContainer","h2","badge","unreadMention","count","maxCount","Separator","separator","createStyleSheet","height","width","flexDirection","justifyContent","marginStart","marginEnd","borderRadius","paddingTop","paddingEnd","marginBottom","flexShrink","marginTop","position","start","end","bottom","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\n\nimport { conditionChaining } from '@sendbird/uikit-utils';\n\nimport Box from '../../components/Box';\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.ReactNode;\n  coverUrl: string;\n\n  title: string;\n\n  titleCaption: string;\n  titleCaptionLeft?: React.ReactNode;\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  mentioned?: boolean;\n  mentionTrigger?: string;\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  mentioned,\n  mentionTrigger = '@',\n}: Props) => {\n  const { colors } = useUIKitTheme();\n  const color = colors.ui.groupChannelPreview;\n\n  return (\n    <Box style={[styles.container, { backgroundColor: color.default.none.background }]}>\n      <Box 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      </Box>\n      <Box style={styles.rightSection}>\n        <Box style={styles.rightTopSection}>\n          <Box 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          </Box>\n          <Box style={styles.titleCaptionContainer}>\n            {titleCaptionLeft}\n            <Text caption2 color={color.default.none.textTitleCaption} style={styles.titleCaptionText}>\n              {titleCaption}\n            </Text>\n          </Box>\n        </Box>\n\n        <Box style={styles.rightBottomSection}>\n          <Box style={styles.body}>\n            <Box 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              <Box flex={1} alignItems={'flex-start'}>\n                <Text\n                  body3\n                  numberOfLines={1}\n                  ellipsizeMode={bodyIcon ? 'middle' : 'tail'}\n                  color={color.default.none.textBody}\n                >\n                  {body}\n                </Text>\n              </Box>\n            </Box>\n          </Box>\n          <Box style={styles.unreadContainer}>\n            {mentioned && (\n              <Text h2 color={colors.ui.badge.default.none.background} style={styles.unreadMention}>\n                {mentionTrigger}\n              </Text>\n            )}\n            {badgeCount > 0 && <Badge count={badgeCount} maxCount={maxBadgeCount} />}\n          </Box>\n        </Box>\n        <Separator color={color.default.none.separator} />\n      </Box>\n    </Box>\n  );\n};\n\ntype SeparatorProps = { color: string };\nconst Separator = ({ color }: SeparatorProps) => <Box 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    marginStart: 16,\n    marginEnd: 16,\n  },\n  channelCover: {\n    width: 56,\n    height: 56,\n    borderRadius: 28,\n  },\n  rightSection: {\n    flex: 1,\n    paddingTop: 10,\n    paddingEnd: 16,\n  },\n  rightTopSection: {\n    flexDirection: 'row',\n    marginBottom: 4,\n  },\n  channelInfoContainer: {\n    flex: 1,\n    marginEnd: 4,\n    alignItems: 'center',\n    flexDirection: 'row',\n  },\n  channelInfoBroadcast: {\n    marginEnd: 4,\n  },\n  channelInfoTitle: {\n    flexShrink: 1,\n    marginEnd: 4,\n  },\n  channelInfoMemberCount: {\n    paddingTop: 2,\n    marginEnd: 4,\n  },\n  channelInfoFrozen: {\n    marginEnd: 4,\n  },\n  titleCaptionContainer: {\n    alignItems: 'flex-start',\n    flexDirection: 'row',\n    marginStart: 4,\n  },\n  titleCaptionText: {\n    marginTop: 2,\n  },\n  rightBottomSection: {\n    flex: 1,\n    height: '100%',\n    flexDirection: 'row',\n  },\n  body: {\n    marginEnd: 4,\n    flex: 1,\n    flexDirection: 'row',\n    alignItems: 'flex-start',\n  },\n  bodyWrapper: {\n    flexDirection: 'row',\n    alignItems: 'center',\n  },\n  bodyIcon: {\n    borderRadius: 8,\n    width: 26,\n    height: 26,\n    marginEnd: 4,\n  },\n  unreadContainer: {\n    flexDirection: 'row',\n    alignItems: 'flex-start',\n  },\n  unreadMention: {\n    marginEnd: 4,\n  },\n  separator: {\n    position: 'absolute',\n    start: 0,\n    end: -16,\n    bottom: 0,\n    height: 1,\n  },\n});\n\nexport default GroupChannelPreview;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_uikitUtils","_Box","_Icon","_Image","_Text","_createStyleSheet","_useUIKitTheme","_Badge","e","__esModule","default","GroupChannelPreview","customCover","coverUrl","memberCount","badgeCount","maxBadgeCount","body","bodyIcon","title","titleCaption","titleCaptionLeft","frozen","notificationOff","broadcast","mentioned","mentionTrigger","colors","useUIKitTheme","color","ui","groupChannelPreview","createElement","style","styles","container","backgroundColor","none","background","coverContainer","conditionChaining","Boolean","resizeMode","channelCover","coverBackground","source","uri","rightSection","rightTopSection","channelInfoContainer","size","icon","secondary","containerStyle","channelInfoBroadcast","numberOfLines","subtitle1","channelInfoTitle","textTitle","caption1","channelInfoMemberCount","frozenIcon","primary","channelInfoFrozen","onBackground03","titleCaptionContainer","caption2","textTitleCaption","titleCaptionText","rightBottomSection","bodyWrapper","bodyIconBackground","flex","alignItems","body3","ellipsizeMode","textBody","unreadContainer","h2","badge","unreadMention","count","maxCount","Separator","separator","createStyleSheet","height","width","flexDirection","justifyContent","marginStart","marginEnd","borderRadius","paddingTop","paddingEnd","marginBottom","flexShrink","marginTop","position","start","end","bottom","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\n\nimport { conditionChaining } from '@sendbird/uikit-utils';\n\nimport Box from '../../components/Box';\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.ReactNode;\n  coverUrl: string;\n\n  title: string;\n\n  titleCaption: string;\n  titleCaptionLeft?: React.ReactNode;\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  mentioned?: boolean;\n  mentionTrigger?: string;\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  mentioned,\n  mentionTrigger = '@',\n}: Props) => {\n  const { colors } = useUIKitTheme();\n  const color = colors.ui.groupChannelPreview;\n\n  return (\n    <Box style={[styles.container, { backgroundColor: color.default.none.background }]}>\n      <Box 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      </Box>\n      <Box style={styles.rightSection}>\n        <Box style={styles.rightTopSection}>\n          <Box 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\n                size={16}\n                icon={'freeze'}\n                color={color.default.none.frozenIcon ?? colors.primary}\n                containerStyle={styles.channelInfoFrozen}\n              />\n            )}\n            {notificationOff && <Icon size={16} icon={'notifications-off-filled'} color={colors.onBackground03} />}\n          </Box>\n          <Box style={styles.titleCaptionContainer}>\n            {titleCaptionLeft}\n            <Text caption2 color={color.default.none.textTitleCaption} style={styles.titleCaptionText}>\n              {titleCaption}\n            </Text>\n          </Box>\n        </Box>\n\n        <Box style={styles.rightBottomSection}>\n          <Box style={styles.body}>\n            <Box 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              <Box flex={1} alignItems={'flex-start'}>\n                <Text\n                  body3\n                  numberOfLines={1}\n                  ellipsizeMode={bodyIcon ? 'middle' : 'tail'}\n                  color={color.default.none.textBody}\n                >\n                  {body}\n                </Text>\n              </Box>\n            </Box>\n          </Box>\n          <Box style={styles.unreadContainer}>\n            {mentioned && (\n              <Text h2 color={colors.ui.badge.default.none.background} style={styles.unreadMention}>\n                {mentionTrigger}\n              </Text>\n            )}\n            {badgeCount > 0 && <Badge count={badgeCount} maxCount={maxBadgeCount} />}\n          </Box>\n        </Box>\n        <Separator color={color.default.none.separator} />\n      </Box>\n    </Box>\n  );\n};\n\ntype SeparatorProps = { color: string };\nconst Separator = ({ color }: SeparatorProps) => <Box 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    marginStart: 16,\n    marginEnd: 16,\n  },\n  channelCover: {\n    width: 56,\n    height: 56,\n    borderRadius: 28,\n  },\n  rightSection: {\n    flex: 1,\n    paddingTop: 10,\n    paddingEnd: 16,\n  },\n  rightTopSection: {\n    flexDirection: 'row',\n    marginBottom: 4,\n  },\n  channelInfoContainer: {\n    flex: 1,\n    marginEnd: 4,\n    alignItems: 'center',\n    flexDirection: 'row',\n  },\n  channelInfoBroadcast: {\n    marginEnd: 4,\n  },\n  channelInfoTitle: {\n    flexShrink: 1,\n    marginEnd: 4,\n  },\n  channelInfoMemberCount: {\n    paddingTop: 2,\n    marginEnd: 4,\n  },\n  channelInfoFrozen: {\n    marginEnd: 4,\n  },\n  titleCaptionContainer: {\n    alignItems: 'flex-start',\n    flexDirection: 'row',\n    marginStart: 4,\n  },\n  titleCaptionText: {\n    marginTop: 2,\n  },\n  rightBottomSection: {\n    flex: 1,\n    height: '100%',\n    flexDirection: 'row',\n  },\n  body: {\n    marginEnd: 4,\n    flex: 1,\n    flexDirection: 'row',\n    alignItems: 'flex-start',\n  },\n  bodyWrapper: {\n    flexDirection: 'row',\n    alignItems: 'center',\n  },\n  bodyIcon: {\n    borderRadius: 8,\n    width: 26,\n    height: 26,\n    marginEnd: 4,\n  },\n  unreadContainer: {\n    flexDirection: 'row',\n    alignItems: 'flex-start',\n  },\n  unreadMention: {\n    marginEnd: 4,\n  },\n  separator: {\n    position: 'absolute',\n    start: 0,\n    end: -16,\n    bottom: 0,\n    height: 1,\n  },\n});\n\nexport default GroupChannelPreview;\n"],"mappings":"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","ignoreList":[]}

package/lib/module/components/PressBox/index.js

@@ -10,12 +10,20 @@ const PressBox = props => {
 };
 const PressBoxWithPressable = ({
   children,
+  style,
   ...props
 }) => {
+  const [pressed, setPressed] = useState(false);
+  const state = {
+    pressed
+  };
   return /*#__PURE__*/React.createElement(Pressable, _extends({
     disabled: !props.onPress && !props.onLongPress,
-    delayLongPress: DEFAULT_LONG_PRESS_DELAY
-  }, props), state => isFunction(children) ? children(state) : children);
+    delayLongPress: DEFAULT_LONG_PRESS_DELAY,
+    onPressIn: () => setPressed(true),
+    onPressOut: () => setPressed(false),
+    style: isFunction(style) ? style(state) : style
+  }, props), isFunction(children) ? children(state) : children);
 };
 const PressBoxWithTouchableOpacity = ({
   children,

package/lib/module/components/PressBox/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","Pressable","TouchableOpacity","isFunction","DEFAULT_LONG_PRESS_DELAY","PressBox","props","activeOpacity","createElement","PressBoxWithTouchableOpacity","PressBoxWithPressable","children","_extends","disabled","onPress","onLongPress","delayLongPress","state","style","pressed","setPressed","onPressIn","onPressOut"],"sources":["index.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useState } from 'react';\nimport type { GestureResponderEvent, StyleProp, ViewProps, ViewStyle } from 'react-native';\nimport { Pressable, TouchableOpacity } from 'react-native';\n\nimport { isFunction } from '@sendbird/uikit-utils';\n\ntype PressBoxStateParams = {\n  pressed: boolean;\n};\n\ntype Props = {\n  disabled?: boolean;\n  onPress?: (event: GestureResponderEvent) => void;\n  onLongPress?: (event: GestureResponderEvent) => void;\n  delayLongPress?: number;\n  activeOpacity?: number;\n  style?: StyleProp<ViewStyle> | ((state: PressBoxStateParams) => StyleProp<ViewStyle>);\n  hitSlop?: ViewProps['hitSlop'];\n  children?: React.ReactNode | ((params: PressBoxStateParams) => React.ReactNode);\n};\n\nexport const DEFAULT_LONG_PRESS_DELAY = 350;\n\nconst PressBox = (props: Props) => {\n  if (props.activeOpacity && props.activeOpacity < 1) return <PressBoxWithTouchableOpacity {...props} />;\n  return <PressBoxWithPressable {...props} />;\n};\n\nconst PressBoxWithPressable = ({ children, ...props }: Props) => {\n  return (\n    <Pressable disabled={!props.onPress && !props.onLongPress} delayLongPress={DEFAULT_LONG_PRESS_DELAY} {...props}>\n      {(state) => (isFunction(children) ? children(state) : children)}\n    </Pressable>\n  );\n};\n\nconst PressBoxWithTouchableOpacity = ({ children, style, ...props }: Props) => {\n  const [pressed, setPressed] = useState(false);\n  const state: PressBoxStateParams = { pressed };\n  return (\n    <TouchableOpacity\n      disabled={!props.onPress && !props.onLongPress}\n      delayLongPress={DEFAULT_LONG_PRESS_DELAY}\n      style={isFunction(style) ? style(state) : style}\n      onPressIn={() => setPressed(true)}\n      onPressOut={() => setPressed(false)}\n      {...props}\n    >\n      {isFunction(children) ? children(state) : children}\n    </TouchableOpacity>\n  );\n};\n\nexport default PressBox;\n"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,QAAQ,QAAQ,OAAO;AAEhC,SAASC,SAAS,EAAEC,gBAAgB,QAAQ,cAAc;AAE1D,SAASC,UAAU,QAAQ,uBAAuB;AAiBlD,OAAO,MAAMC,wBAAwB,GAAG,GAAG;AAE3C,MAAMC,QAAQ,GAAIC,KAAY,IAAK;EACjC,IAAIA,KAAK,CAACC,aAAa,IAAID,KAAK,CAACC,aAAa,GAAG,CAAC,EAAE,oBAAOR,KAAA,CAAAS,aAAA,CAACC,4BAA4B,EAAKH,KAAQ,CAAC;EACtG,oBAAOP,KAAA,CAAAS,aAAA,CAACE,qBAAqB,EAAKJ,KAAQ,CAAC;AAC7C,CAAC;AAED,MAAMI,qBAAqB,GAAGA,CAAC;EAAEC,QAAQ;EAAE,GAAGL;AAAa,CAAC,KAAK;EAC/D,oBACEP,KAAA,CAAAS,aAAA,CAACP,SAAS,EAAAW,QAAA;IAACC,QAAQ,EAAE,CAACP,KAAK,CAACQ,OAAO,IAAI,CAACR,KAAK,CAACS,WAAY;IAACC,cAAc,EAAEZ;EAAyB,GAAKE,KAAK,GAC1GW,KAAK,IAAMd,UAAU,CAACQ,QAAQ,CAAC,GAAGA,QAAQ,CAACM,KAAK,CAAC,GAAGN,QAC7C,CAAC;AAEhB,CAAC;AAED,MAAMF,4BAA4B,GAAGA,CAAC;EAAEE,QAAQ;EAAEO,KAAK;EAAE,GAAGZ;AAAa,CAAC,KAAK;EAC7E,MAAM,CAACa,OAAO,EAAEC,UAAU,CAAC,GAAGpB,QAAQ,CAAC,KAAK,CAAC;EAC7C,MAAMiB,KAA0B,GAAG;IAAEE;EAAQ,CAAC;EAC9C,oBACEpB,KAAA,CAAAS,aAAA,CAACN,gBAAgB,EAAAU,QAAA;IACfC,QAAQ,EAAE,CAACP,KAAK,CAACQ,OAAO,IAAI,CAACR,KAAK,CAACS,WAAY;IAC/CC,cAAc,EAAEZ,wBAAyB;IACzCc,KAAK,EAAEf,UAAU,CAACe,KAAK,CAAC,GAAGA,KAAK,CAACD,KAAK,CAAC,GAAGC,KAAM;IAChDG,SAAS,EAAEA,CAAA,KAAMD,UAAU,CAAC,IAAI,CAAE;IAClCE,UAAU,EAAEA,CAAA,KAAMF,UAAU,CAAC,KAAK;EAAE,GAChCd,KAAK,GAERH,UAAU,CAACQ,QAAQ,CAAC,GAAGA,QAAQ,CAACM,KAAK,CAAC,GAAGN,QAC1B,CAAC;AAEvB,CAAC;AAED,eAAeN,QAAQ","ignoreList":[]}
+{"version":3,"names":["React","useState","Pressable","TouchableOpacity","isFunction","DEFAULT_LONG_PRESS_DELAY","PressBox","props","activeOpacity","createElement","PressBoxWithTouchableOpacity","PressBoxWithPressable","children","style","pressed","setPressed","state","_extends","disabled","onPress","onLongPress","delayLongPress","onPressIn","onPressOut"],"sources":["index.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useState } from 'react';\nimport type { GestureResponderEvent, StyleProp, ViewProps, ViewStyle } from 'react-native';\nimport { Pressable, TouchableOpacity } from 'react-native';\n\nimport { isFunction } from '@sendbird/uikit-utils';\n\ntype PressBoxStateParams = {\n  pressed: boolean;\n};\n\ntype Props = {\n  disabled?: boolean;\n  onPress?: (event: GestureResponderEvent) => void;\n  onLongPress?: (event: GestureResponderEvent) => void;\n  delayLongPress?: number;\n  activeOpacity?: number;\n  style?: StyleProp<ViewStyle> | ((state: PressBoxStateParams) => StyleProp<ViewStyle>);\n  hitSlop?: ViewProps['hitSlop'];\n  children?: React.ReactNode | ((params: PressBoxStateParams) => React.ReactNode);\n};\n\nexport const DEFAULT_LONG_PRESS_DELAY = 350;\n\nconst PressBox = (props: Props) => {\n  if (props.activeOpacity && props.activeOpacity < 1) return <PressBoxWithTouchableOpacity {...props} />;\n  return <PressBoxWithPressable {...props} />;\n};\n\nconst PressBoxWithPressable = ({ children, style, ...props }: Props) => {\n  const [pressed, setPressed] = useState(false);\n  const state: PressBoxStateParams = { pressed };\n  return (\n    <Pressable\n      disabled={!props.onPress && !props.onLongPress}\n      delayLongPress={DEFAULT_LONG_PRESS_DELAY}\n      onPressIn={() => setPressed(true)}\n      onPressOut={() => setPressed(false)}\n      style={isFunction(style) ? style(state) : style}\n      {...props}\n    >\n      {isFunction(children) ? children(state) : children}\n    </Pressable>\n  );\n};\n\nconst PressBoxWithTouchableOpacity = ({ children, style, ...props }: Props) => {\n  const [pressed, setPressed] = useState(false);\n  const state: PressBoxStateParams = { pressed };\n  return (\n    <TouchableOpacity\n      disabled={!props.onPress && !props.onLongPress}\n      delayLongPress={DEFAULT_LONG_PRESS_DELAY}\n      style={isFunction(style) ? style(state) : style}\n      onPressIn={() => setPressed(true)}\n      onPressOut={() => setPressed(false)}\n      {...props}\n    >\n      {isFunction(children) ? children(state) : children}\n    </TouchableOpacity>\n  );\n};\n\nexport default PressBox;\n"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,QAAQ,QAAQ,OAAO;AAEhC,SAASC,SAAS,EAAEC,gBAAgB,QAAQ,cAAc;AAE1D,SAASC,UAAU,QAAQ,uBAAuB;AAiBlD,OAAO,MAAMC,wBAAwB,GAAG,GAAG;AAE3C,MAAMC,QAAQ,GAAIC,KAAY,IAAK;EACjC,IAAIA,KAAK,CAACC,aAAa,IAAID,KAAK,CAACC,aAAa,GAAG,CAAC,EAAE,oBAAOR,KAAA,CAAAS,aAAA,CAACC,4BAA4B,EAAKH,KAAQ,CAAC;EACtG,oBAAOP,KAAA,CAAAS,aAAA,CAACE,qBAAqB,EAAKJ,KAAQ,CAAC;AAC7C,CAAC;AAED,MAAMI,qBAAqB,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,KAAK;EAAE,GAAGN;AAAa,CAAC,KAAK;EACtE,MAAM,CAACO,OAAO,EAAEC,UAAU,CAAC,GAAGd,QAAQ,CAAC,KAAK,CAAC;EAC7C,MAAMe,KAA0B,GAAG;IAAEF;EAAQ,CAAC;EAC9C,oBACEd,KAAA,CAAAS,aAAA,CAACP,SAAS,EAAAe,QAAA;IACRC,QAAQ,EAAE,CAACX,KAAK,CAACY,OAAO,IAAI,CAACZ,KAAK,CAACa,WAAY;IAC/CC,cAAc,EAAEhB,wBAAyB;IACzCiB,SAAS,EAAEA,CAAA,KAAMP,UAAU,CAAC,IAAI,CAAE;IAClCQ,UAAU,EAAEA,CAAA,KAAMR,UAAU,CAAC,KAAK,CAAE;IACpCF,KAAK,EAAET,UAAU,CAACS,KAAK,CAAC,GAAGA,KAAK,CAACG,KAAK,CAAC,GAAGH;EAAM,GAC5CN,KAAK,GAERH,UAAU,CAACQ,QAAQ,CAAC,GAAGA,QAAQ,CAACI,KAAK,CAAC,GAAGJ,QACjC,CAAC;AAEhB,CAAC;AAED,MAAMF,4BAA4B,GAAGA,CAAC;EAAEE,QAAQ;EAAEC,KAAK;EAAE,GAAGN;AAAa,CAAC,KAAK;EAC7E,MAAM,CAACO,OAAO,EAAEC,UAAU,CAAC,GAAGd,QAAQ,CAAC,KAAK,CAAC;EAC7C,MAAMe,KAA0B,GAAG;IAAEF;EAAQ,CAAC;EAC9C,oBACEd,KAAA,CAAAS,aAAA,CAACN,gBAAgB,EAAAc,QAAA;IACfC,QAAQ,EAAE,CAACX,KAAK,CAACY,OAAO,IAAI,CAACZ,KAAK,CAACa,WAAY;IAC/CC,cAAc,EAAEhB,wBAAyB;IACzCQ,KAAK,EAAET,UAAU,CAACS,KAAK,CAAC,GAAGA,KAAK,CAACG,KAAK,CAAC,GAAGH,KAAM;IAChDS,SAAS,EAAEA,CAAA,KAAMP,UAAU,CAAC,IAAI,CAAE;IAClCQ,UAAU,EAAEA,CAAA,KAAMR,UAAU,CAAC,KAAK;EAAE,GAChCR,KAAK,GAERH,UAAU,CAACQ,QAAQ,CAAC,GAAGA,QAAQ,CAACI,KAAK,CAAC,GAAGJ,QAC1B,CAAC;AAEvB,CAAC;AAED,eAAeN,QAAQ","ignoreList":[]}

package/lib/module/theme/DarkUIKitTheme.js

@@ -186,7 +186,8 @@ const DarkUIKitTheme = createTheme({
               background: palette.background600,
               coverBackground: palette.onBackgroundDark04,
               bodyIconBackground: palette.background500,
-              separator: palette.onBackgroundDark04
+              separator: palette.onBackgroundDark04,
+              frozenIcon: palette.primary200
             }
           }
         },