@sendbird/uikit-react-native-foundation 3.0.4 → 3.1.1

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

@@ -6,10 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
+var _uikitUtils = require("@sendbird/uikit-utils");
 var _icon = _interopRequireDefault(require("../../assets/icon"));
 var _createStyleSheet = _interopRequireDefault(require("../../styles/createStyleSheet"));
 var _useUIKitTheme = _interopRequireDefault(require("../../theme/useUIKitTheme"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 const Icon = _ref => {
   let {
     icon,
@@ -35,6 +37,15 @@ const Icon = _ref => {
     }, sizeStyle, style]
   }));
 };
+const FileIcon = _ref2 => {
+  let {
+    fileType,
+    ...props
+  } = _ref2;
+  return /*#__PURE__*/_react.default.createElement(Icon, _extends({
+    icon: (0, _uikitUtils.getFileIconFromMessageType)((0, _uikitUtils.convertFileTypeToMessageType)(fileType))
+  }, props));
+};
 const containerStyles = _reactNative.StyleSheet.create({
   container: {
     alignItems: 'center',
@@ -64,6 +75,7 @@ const sizeStyles = (0, _createStyleSheet.default)({
   }
 });
 Icon.Assets = _icon.default;
+Icon.File = FileIcon;
 var _default = Icon;
 exports.default = _default;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_icon","_createStyleSheet","_useUIKitTheme","obj","__esModule","default","Icon","_ref","icon","color","size","containerStyle","style","sizeStyle","sizeStyles","width","height","colors","useUIKitTheme","createElement","View","containerStyles","container","Image","resizeMode","source","IconAssets","tintColor","primary","StyleSheet","create","alignItems","justifyContent","createStyleSheet","Assets","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\nimport { Image, ImageStyle, StyleProp, StyleSheet, View, ViewStyle } from 'react-native';\n\nimport IconAssets from '../../assets/icon';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\n\ntype IconNames = keyof typeof IconAssets;\ntype SizeFactor = keyof typeof sizeStyles;\n\ntype Props = {\n  icon: IconNames;\n  color?: string;\n  size?: number;\n  style?: StyleProp<ImageStyle>;\n  containerStyle?: StyleProp<ViewStyle>;\n};\nconst Icon: ((props: Props) => JSX.Element) & { Assets: typeof IconAssets } = ({\n  icon,\n  color,\n  size = 24,\n  containerStyle,\n  style,\n}) => {\n  const sizeStyle = sizeStyles[size as SizeFactor] ?? { width: size, height: size };\n  const { colors } = useUIKitTheme();\n  return (\n    <View style={[containerStyle, containerStyles.container]}>\n      <Image\n        resizeMode={'contain'}\n        source={IconAssets[icon]}\n        style={[{ tintColor: color ?? colors.primary }, sizeStyle, style]}\n      />\n    </View>\n  );\n};\n\nconst containerStyles = StyleSheet.create({\n  container: {\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n});\n\nconst sizeStyles = createStyleSheet({\n  16: {\n    width: 16,\n    height: 16,\n  },\n  20: {\n    width: 20,\n    height: 20,\n  },\n  24: {\n    width: 24,\n    height: 24,\n  },\n  28: {\n    width: 28,\n    height: 28,\n  },\n  32: {\n    width: 32,\n    height: 32,\n  },\n});\n\nIcon.Assets = IconAssets;\nexport default Icon;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,KAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,iBAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,cAAA,GAAAL,sBAAA,CAAAC,OAAA;AAAsD,SAAAD,uBAAAM,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAYtD,MAAMG,IAAqE,GAAGC,IAAA,IAMxE;EAAA,IANyE;IAC7EC,IAAI;IACJC,KAAK;IACLC,IAAI,GAAG,EAAE;IACTC,cAAc;IACdC;EACF,CAAC,GAAAL,IAAA;EACC,MAAMM,SAAS,GAAGC,UAAU,CAACJ,IAAI,CAAe,IAAI;IAAEK,KAAK,EAAEL,IAAI;IAAEM,MAAM,EAAEN;EAAK,CAAC;EACjF,MAAM;IAAEO;EAAO,CAAC,GAAG,IAAAC,sBAAa,GAAE;EAClC,oBACEtB,MAAA,CAAAS,OAAA,CAAAc,aAAA,CAACpB,YAAA,CAAAqB,IAAI;IAACR,KAAK,EAAE,CAACD,cAAc,EAAEU,eAAe,CAACC,SAAS;EAAE,gBACvD1B,MAAA,CAAAS,OAAA,CAAAc,aAAA,CAACpB,YAAA,CAAAwB,KAAK;IACJC,UAAU,EAAE,SAAU;IACtBC,MAAM,EAAEC,aAAU,CAAClB,IAAI,CAAE;IACzBI,KAAK,EAAE,CAAC;MAAEe,SAAS,EAAElB,KAAK,IAAIQ,MAAM,CAACW;IAAQ,CAAC,EAAEf,SAAS,EAAED,KAAK;EAAE,EAClE,CACG;AAEX,CAAC;AAED,MAAMS,eAAe,GAAGQ,uBAAU,CAACC,MAAM,CAAC;EACxCR,SAAS,EAAE;IACTS,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC;AAEF,MAAMlB,UAAU,GAAG,IAAAmB,yBAAgB,EAAC;EAClC,EAAE,EAAE;IACFlB,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV,CAAC;EACD,EAAE,EAAE;IACFD,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV,CAAC;EACD,EAAE,EAAE;IACFD,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV,CAAC;EACD,EAAE,EAAE;IACFD,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV,CAAC;EACD,EAAE,EAAE;IACFD,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV;AACF,CAAC,CAAC;AAEFV,IAAI,CAAC4B,MAAM,GAAGR,aAAU;AAAC,IAAAS,QAAA,GACV7B,IAAI;AAAA8B,OAAA,CAAA/B,OAAA,GAAA8B,QAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_uikitUtils","_icon","_createStyleSheet","_useUIKitTheme","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","Icon","_ref","icon","color","size","containerStyle","style","sizeStyle","sizeStyles","width","height","colors","useUIKitTheme","createElement","View","containerStyles","container","Image","resizeMode","IconAssets","tintColor","primary","FileIcon","_ref2","fileType","props","getFileIconFromMessageType","convertFileTypeToMessageType","StyleSheet","create","alignItems","justifyContent","createStyleSheet","Assets","File","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\nimport { Image, ImageStyle, StyleProp, StyleSheet, View, ViewStyle } from 'react-native';\n\nimport { FileType, convertFileTypeToMessageType, getFileIconFromMessageType } from '@sendbird/uikit-utils';\n\nimport IconAssets from '../../assets/icon';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\n\ntype IconNames = keyof typeof IconAssets;\ntype SizeFactor = keyof typeof sizeStyles;\n\ntype Props = {\n  icon: IconNames;\n  color?: string;\n  size?: number;\n  style?: StyleProp<ImageStyle>;\n  containerStyle?: StyleProp<ViewStyle>;\n};\nconst Icon: ((props: Props) => JSX.Element) & {\n  Assets: typeof IconAssets;\n  File: typeof FileIcon;\n} = ({ icon, color, size = 24, containerStyle, style }) => {\n  const sizeStyle = sizeStyles[size as SizeFactor] ?? { width: size, height: size };\n  const { colors } = useUIKitTheme();\n  return (\n    <View style={[containerStyle, containerStyles.container]}>\n      <Image\n        resizeMode={'contain'}\n        source={IconAssets[icon]}\n        style={[{ tintColor: color ?? colors.primary }, sizeStyle, style]}\n      />\n    </View>\n  );\n};\n\nconst FileIcon = ({ fileType, ...props }: Omit<Props, 'icon'> & { fileType: FileType }) => {\n  return <Icon icon={getFileIconFromMessageType(convertFileTypeToMessageType(fileType))} {...props} />;\n};\n\nconst containerStyles = StyleSheet.create({\n  container: {\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n});\n\nconst sizeStyles = createStyleSheet({\n  16: {\n    width: 16,\n    height: 16,\n  },\n  20: {\n    width: 20,\n    height: 20,\n  },\n  24: {\n    width: 24,\n    height: 24,\n  },\n  28: {\n    width: 28,\n    height: 28,\n  },\n  32: {\n    width: 32,\n    height: 32,\n  },\n});\n\nIcon.Assets = IconAssets;\nIcon.File = FileIcon;\nexport default Icon;\n"],"mappings":"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"}

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

@@ -0,0 +1,115 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.VideoThumbnail = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _uikitUtils = require("@sendbird/uikit-utils");
+var _createStyleSheet = _interopRequireDefault(require("../../styles/createStyleSheet"));
+var _useUIKitTheme = _interopRequireDefault(require("../../theme/useUIKitTheme"));
+var _Box = _interopRequireDefault(require("../Box"));
+var _Icon = _interopRequireDefault(require("../Icon"));
+var _ImageWithPlaceholder = _interopRequireDefault(require("../ImageWithPlaceholder"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+const VideoThumbnail = _ref => {
+  let {
+    fetchThumbnailFromVideoSource,
+    style,
+    source,
+    videoSource,
+    iconSize = 28
+  } = _ref;
+  const {
+    palette,
+    select
+  } = (0, _useUIKitTheme.default)();
+  const {
+    thumbnail,
+    loading
+  } = useRetry(async () => {
+    if ((0, _uikitUtils.isImage)(source ?? videoSource)) return {
+      path: source ?? videoSource
+    };
+    return fetchThumbnailFromVideoSource(source ?? videoSource);
+  });
+  return /*#__PURE__*/_react.default.createElement(_Box.default, {
+    style: style
+  }, loading ? /*#__PURE__*/_react.default.createElement(_Box.default, {
+    style: _reactNative.StyleSheet.absoluteFill,
+    backgroundColor: select({
+      dark: palette.background400,
+      light: palette.background100
+    })
+  }) : /*#__PURE__*/_react.default.createElement(_ImageWithPlaceholder.default, {
+    source: {
+      uri: thumbnail ?? 'invalid-image'
+    },
+    style: _reactNative.StyleSheet.absoluteFill
+  }), (loading || thumbnail !== null) && iconSize > 0 && /*#__PURE__*/_react.default.createElement(_Box.default, {
+    style: _reactNative.StyleSheet.absoluteFill,
+    alignItems: 'center',
+    justifyContent: 'center'
+  }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    icon: 'play',
+    size: iconSize,
+    color: palette.onBackgroundLight02,
+    containerStyle: [styles.playIcon, {
+      backgroundColor: palette.onBackgroundDark01
+    }]
+  })));
+};
+exports.VideoThumbnail = VideoThumbnail;
+const useRetry = function (fetch) {
+  let retryCount = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 5;
+  const [state, setState] = (0, _react.useState)({
+    thumbnail: null,
+    loading: true
+  });
+  const retryCountRef = (0, _react.useRef)(0);
+  const fetchThumbnail = (0, _react.useRef)(fetch);
+  fetchThumbnail.current = fetch;
+  (0, _react.useEffect)(() => {
+    let _timeout;
+    let _cancelled = false;
+    if (!state.thumbnail) {
+      const tryFetchThumbnail = timeout => {
+        const retry = () => {
+          retryCountRef.current++;
+          tryFetchThumbnail(timeout + 5000);
+        };
+        const finish = path => {
+          if (!_cancelled) setState({
+            loading: false,
+            thumbnail: path
+          });
+        };
+        if (retryCountRef.current < retryCount) {
+          _timeout = setTimeout(() => {
+            fetchThumbnail.current().then(result => {
+              if (result === null) retry();else finish(result.path);
+            }).catch(() => retry());
+          }, timeout);
+        } else {
+          finish(null);
+        }
+      };
+      tryFetchThumbnail(0);
+    }
+    return () => {
+      _cancelled = true;
+      clearTimeout(_timeout);
+    };
+  }, [state.thumbnail]);
+  return state;
+};
+const styles = (0, _createStyleSheet.default)({
+  playIcon: {
+    padding: 10,
+    borderRadius: 50
+  }
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_uikitUtils","_createStyleSheet","_interopRequireDefault","_useUIKitTheme","_Box","_Icon","_ImageWithPlaceholder","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","VideoThumbnail","_ref","fetchThumbnailFromVideoSource","style","source","videoSource","iconSize","palette","select","useUIKitTheme","thumbnail","loading","useRetry","isImage","path","createElement","StyleSheet","absoluteFill","backgroundColor","dark","background400","light","background100","uri","alignItems","justifyContent","icon","size","color","onBackgroundLight02","containerStyle","styles","playIcon","onBackgroundDark01","exports","fetch","retryCount","arguments","length","undefined","state","setState","useState","retryCountRef","useRef","fetchThumbnail","current","useEffect","_timeout","_cancelled","tryFetchThumbnail","timeout","retry","finish","setTimeout","then","result","catch","clearTimeout","createStyleSheet","padding","borderRadius"],"sources":["index.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { StyleProp, StyleSheet, ViewStyle } from 'react-native';\n\nimport { isImage } from '@sendbird/uikit-utils';\n\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport Box from '../Box';\nimport Icon from '../Icon';\nimport ImageWithPlaceholder from '../ImageWithPlaceholder';\n\ntype Props = {\n  source: string;\n  fetchThumbnailFromVideoSource: (uri: string) => Promise<{ path: string } | null>;\n\n  style?: StyleProp<ViewStyle>;\n  iconSize?: number;\n  /** @deprecated please use `source` prop **/\n  videoSource?: string;\n};\n\nexport const VideoThumbnail = ({ fetchThumbnailFromVideoSource, style, source, videoSource, iconSize = 28 }: Props) => {\n  const { palette, select } = useUIKitTheme();\n  const { thumbnail, loading } = useRetry(async () => {\n    if (isImage(source ?? videoSource)) return { path: source ?? videoSource };\n    return fetchThumbnailFromVideoSource(source ?? videoSource);\n  });\n\n  return (\n    <Box style={style}>\n      {loading ? (\n        <Box\n          style={StyleSheet.absoluteFill}\n          backgroundColor={select({ dark: palette.background400, light: palette.background100 })}\n        />\n      ) : (\n        <ImageWithPlaceholder source={{ uri: thumbnail ?? 'invalid-image' }} style={StyleSheet.absoluteFill} />\n      )}\n\n      {(loading || thumbnail !== null) && iconSize > 0 && (\n        <Box style={StyleSheet.absoluteFill} alignItems={'center'} justifyContent={'center'}>\n          <Icon\n            icon={'play'}\n            size={iconSize}\n            color={palette.onBackgroundLight02}\n            containerStyle={[styles.playIcon, { backgroundColor: palette.onBackgroundDark01 }]}\n          />\n        </Box>\n      )}\n    </Box>\n  );\n};\n\nconst useRetry = (fetch: () => Promise<{ path: string } | null>, retryCount = 5) => {\n  const [state, setState] = useState({ thumbnail: null as null | string, loading: true });\n  const retryCountRef = useRef(0);\n  const fetchThumbnail = useRef(fetch);\n  fetchThumbnail.current = fetch;\n\n  useEffect(() => {\n    let _timeout: NodeJS.Timeout;\n    let _cancelled = false;\n\n    if (!state.thumbnail) {\n      const tryFetchThumbnail = (timeout: number) => {\n        const retry = () => {\n          retryCountRef.current++;\n          tryFetchThumbnail(timeout + 5000);\n        };\n\n        const finish = (path: string | null) => {\n          if (!_cancelled) setState({ loading: false, thumbnail: path });\n        };\n\n        if (retryCountRef.current < retryCount) {\n          _timeout = setTimeout(() => {\n            fetchThumbnail\n              .current()\n              .then((result) => {\n                if (result === null) retry();\n                else finish(result.path);\n              })\n              .catch(() => retry());\n          }, timeout);\n        } else {\n          finish(null);\n        }\n      };\n\n      tryFetchThumbnail(0);\n    }\n\n    return () => {\n      _cancelled = true;\n      clearTimeout(_timeout);\n    };\n  }, [state.thumbnail]);\n\n  return state;\n};\n\nconst styles = createStyleSheet({\n  playIcon: {\n    padding: 10,\n    borderRadius: 50,\n  },\n});\n"],"mappings":"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"}

package/lib/commonjs/index.js

@@ -243,6 +243,12 @@ Object.defineProperty(exports, "UIKitThemeProvider", {
     return _UIKitThemeProvider.default;
   }
 });
+Object.defineProperty(exports, "VideoThumbnail", {
+  enumerable: true,
+  get: function () {
+    return _VideoThumbnail.VideoThumbnail;
+  }
+});
 Object.defineProperty(exports, "createScaleFactor", {
   enumerable: true,
   get: function () {
@@ -333,6 +339,7 @@ var _RegexText = _interopRequireDefault(require("./components/RegexText"));
 var _Switch = _interopRequireDefault(require("./components/Switch"));
 var _Text = _interopRequireDefault(require("./components/Text"));
 var _TextInput = _interopRequireDefault(require("./components/TextInput"));
+var _VideoThumbnail = require("./components/VideoThumbnail");
 var _ActionMenu = _interopRequireDefault(require("./ui/ActionMenu"));
 var _Alert = _interopRequireDefault(require("./ui/Alert"));
 var _Avatar = _interopRequireDefault(require("./ui/Avatar"));

package/lib/commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_icon","_interopRequireDefault","require","_Box","_Divider","_Icon","_Image","_ImageWithPlaceholder","_Modal","_PressBox","_RegexText","_Switch","_Text","_TextInput","_ActionMenu","_Alert","_Avatar","_Badge","_BottomSheet","_Button","_ChannelFrozenBanner","_Dialog","_Header","_LoadingSpinner","_MenuBar","_GroupChannelMessage","_GroupChannelPreview","_OpenChannelMessage","_OpenChannelPreview","_OutlinedButton","_Placeholder","_ProfileCard","_Prompt","_Toast","_interopRequireWildcard","_createSelectByColorScheme","_createScaleFactor","_createStyleSheet","_createTypography","_getDefaultHeaderHeight","_HeaderStyleContext","_useHeaderStyle","_createTheme","_DarkUIKitTheme","_LightUIKitTheme","_Palette","_UIKitThemeContext","_UIKitThemeProvider","_useUIKitTheme","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set"],"sources":["index.ts"],"sourcesContent":["/** Assets **/\nexport { default as IconAssets } from './assets/icon';\n\n/** Component **/\nexport { default as Box } from './components/Box';\nexport { default as Divider } from './components/Divider';\nexport { default as Icon } from './components/Icon';\nexport { default as Image } from './components/Image';\nexport { default as ImageWithPlaceholder } from './components/ImageWithPlaceholder';\nexport { default as Modal } from './components/Modal';\nexport { default as PressBox } from './components/PressBox';\nexport { default as RegexText } from './components/RegexText';\nexport type { RegexTextPattern } from './components/RegexText';\nexport { default as Switch } from './components/Switch';\nexport { default as Text } from './components/Text';\nexport { default as TextInput } from './components/TextInput';\n\n/** UI **/\nexport { default as ActionMenu } from './ui/ActionMenu';\nexport { default as Alert } from './ui/Alert';\nexport { default as Avatar } from './ui/Avatar';\nexport { default as Badge } from './ui/Badge';\nexport { default as BottomSheet } from './ui/BottomSheet';\nexport { default as Button } from './ui/Button';\nexport { default as ChannelFrozenBanner } from './ui/ChannelFrozenBanner';\nexport { DialogProvider, useActionMenu, useAlert, usePrompt, useBottomSheet } from './ui/Dialog';\nexport { default as Header } from './ui/Header';\nexport { default as LoadingSpinner } from './ui/LoadingSpinner';\nexport { default as MenuBar } from './ui/MenuBar';\nexport type { MenuBarProps } from './ui/MenuBar';\nexport { default as GroupChannelMessage } from './ui/GroupChannelMessage';\nexport type { GroupChannelMessageProps } from './ui/GroupChannelMessage';\nexport { default as GroupChannelPreview } from './ui/GroupChannelPreview';\n\nexport { default as OpenChannelMessage } from './ui/OpenChannelMessage';\nexport type { OpenChannelMessageProps } from './ui/OpenChannelMessage';\nexport { default as OpenChannelPreview } from './ui/OpenChannelPreview';\nexport { default as OutlinedButton } from './ui/OutlinedButton';\nexport { default as Placeholder } from './ui/Placeholder';\nexport { default as ProfileCard } from './ui/ProfileCard';\nexport { default as Prompt } from './ui/Prompt';\nexport { default as Toast, useToast, ToastProvider } from './ui/Toast';\n\n/** Styles **/\nexport { default as createSelectByColorScheme } from './styles/createSelectByColorScheme';\nexport { default as createScaleFactor } from './styles/createScaleFactor';\nexport { default as createStyleSheet } from './styles/createStyleSheet';\nexport { default as createTypography } from './styles/createTypography';\nexport { default as getDefaultHeaderHeight } from './styles/getDefaultHeaderHeight';\nexport { HeaderStyleContext, HeaderStyleProvider } from './styles/HeaderStyleContext';\nexport { default as useHeaderStyle } from './styles/useHeaderStyle';\n\n/** Theme **/\nexport { default as createTheme } from './theme/createTheme';\nexport { default as DarkUIKitTheme } from './theme/DarkUIKitTheme';\nexport { default as LightUIKitTheme } from './theme/LightUIKitTheme';\nexport { default as Palette } from './theme/Palette';\nexport { default as UIKitThemeContext } from './theme/UIKitThemeContext';\nexport { default as UIKitThemeProvider } from './theme/UIKitThemeProvider';\nexport { default as useUIKitTheme } from './theme/useUIKitTheme';\n\n/** Types **/\nexport type {\n  TypoName,\n  UIKitTheme,\n  UIKitTypography,\n  FontAttributes,\n  BaseHeaderProps,\n  UIKitColorScheme,\n  UIKitColors,\n  ComponentColorTree,\n  UIKitPalette,\n  HeaderElement,\n  HeaderPartProps,\n  ComponentColors,\n  Component,\n  GetColorTree,\n} from './types';\nexport type { ActionMenuItem } from './ui/ActionMenu';\nexport type { BottomSheetItem } from './ui/BottomSheet';\nexport type { UIKitTypographyOverrides } from './styles/createTypography';\nexport type { HeaderStyleContextType } from './styles/HeaderStyleContext';\n"],"mappings":"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"}
+{"version":3,"names":["_icon","_interopRequireDefault","require","_Box","_Divider","_Icon","_Image","_ImageWithPlaceholder","_Modal","_PressBox","_RegexText","_Switch","_Text","_TextInput","_VideoThumbnail","_ActionMenu","_Alert","_Avatar","_Badge","_BottomSheet","_Button","_ChannelFrozenBanner","_Dialog","_Header","_LoadingSpinner","_MenuBar","_GroupChannelMessage","_GroupChannelPreview","_OpenChannelMessage","_OpenChannelPreview","_OutlinedButton","_Placeholder","_ProfileCard","_Prompt","_Toast","_interopRequireWildcard","_createSelectByColorScheme","_createScaleFactor","_createStyleSheet","_createTypography","_getDefaultHeaderHeight","_HeaderStyleContext","_useHeaderStyle","_createTheme","_DarkUIKitTheme","_LightUIKitTheme","_Palette","_UIKitThemeContext","_UIKitThemeProvider","_useUIKitTheme","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set"],"sources":["index.ts"],"sourcesContent":["/** Assets **/\nexport { default as IconAssets } from './assets/icon';\n\n/** Component **/\nexport { default as Box } from './components/Box';\nexport { default as Divider } from './components/Divider';\nexport { default as Icon } from './components/Icon';\nexport { default as Image } from './components/Image';\nexport { default as ImageWithPlaceholder } from './components/ImageWithPlaceholder';\nexport { default as Modal } from './components/Modal';\nexport { default as PressBox } from './components/PressBox';\nexport { default as RegexText } from './components/RegexText';\nexport type { RegexTextPattern } from './components/RegexText';\nexport { default as Switch } from './components/Switch';\nexport { default as Text } from './components/Text';\nexport { default as TextInput } from './components/TextInput';\nexport { VideoThumbnail } from './components/VideoThumbnail';\n\n/** UI **/\nexport { default as ActionMenu } from './ui/ActionMenu';\nexport { default as Alert } from './ui/Alert';\nexport { default as Avatar } from './ui/Avatar';\nexport { default as Badge } from './ui/Badge';\nexport { default as BottomSheet } from './ui/BottomSheet';\nexport { default as Button } from './ui/Button';\nexport { default as ChannelFrozenBanner } from './ui/ChannelFrozenBanner';\nexport { DialogProvider, useActionMenu, useAlert, usePrompt, useBottomSheet } from './ui/Dialog';\nexport { default as Header } from './ui/Header';\nexport { default as LoadingSpinner } from './ui/LoadingSpinner';\nexport { default as MenuBar } from './ui/MenuBar';\nexport type { MenuBarProps } from './ui/MenuBar';\nexport { default as GroupChannelMessage } from './ui/GroupChannelMessage';\nexport type { GroupChannelMessageProps } from './ui/GroupChannelMessage';\nexport { default as GroupChannelPreview } from './ui/GroupChannelPreview';\n\nexport { default as OpenChannelMessage } from './ui/OpenChannelMessage';\nexport type { OpenChannelMessageProps } from './ui/OpenChannelMessage';\nexport { default as OpenChannelPreview } from './ui/OpenChannelPreview';\nexport { default as OutlinedButton } from './ui/OutlinedButton';\nexport { default as Placeholder } from './ui/Placeholder';\nexport { default as ProfileCard } from './ui/ProfileCard';\nexport { default as Prompt } from './ui/Prompt';\nexport { default as Toast, useToast, ToastProvider } from './ui/Toast';\n\n/** Styles **/\nexport { default as createSelectByColorScheme } from './styles/createSelectByColorScheme';\nexport { default as createScaleFactor } from './styles/createScaleFactor';\nexport { default as createStyleSheet } from './styles/createStyleSheet';\nexport { default as createTypography } from './styles/createTypography';\nexport { default as getDefaultHeaderHeight } from './styles/getDefaultHeaderHeight';\nexport { HeaderStyleContext, HeaderStyleProvider } from './styles/HeaderStyleContext';\nexport { default as useHeaderStyle } from './styles/useHeaderStyle';\n\n/** Theme **/\nexport { default as createTheme } from './theme/createTheme';\nexport { default as DarkUIKitTheme } from './theme/DarkUIKitTheme';\nexport { default as LightUIKitTheme } from './theme/LightUIKitTheme';\nexport { default as Palette } from './theme/Palette';\nexport { default as UIKitThemeContext } from './theme/UIKitThemeContext';\nexport { default as UIKitThemeProvider } from './theme/UIKitThemeProvider';\nexport { default as useUIKitTheme } from './theme/useUIKitTheme';\n\n/** Types **/\nexport type {\n  TypoName,\n  UIKitTheme,\n  UIKitTypography,\n  FontAttributes,\n  BaseHeaderProps,\n  UIKitColorScheme,\n  UIKitColors,\n  ComponentColorTree,\n  UIKitPalette,\n  HeaderElement,\n  HeaderPartProps,\n  ComponentColors,\n  Component,\n  GetColorTree,\n} from './types';\nexport type { ActionMenuItem } from './ui/ActionMenu';\nexport type { BottomSheetItem } from './ui/BottomSheet';\nexport type { UIKitTypographyOverrides } from './styles/createTypography';\nexport type { HeaderStyleContextType } from './styles/HeaderStyleContext';\n"],"mappings":"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"}

package/lib/commonjs/theme/DarkUIKitTheme.js

@@ -103,7 +103,8 @@ const DarkUIKitTheme = (0, _createTheme.default)({
               text: palette.onBackgroundDark01,
               message: palette.onBackgroundDark02,
               highlight: palette.primary200,
-              destructive: palette.error300
+              destructive: palette.error300,
+              blurred: palette.onBackgroundDark04
             }
           }
         },

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

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

package/lib/commonjs/theme/LightUIKitTheme.js

@@ -103,7 +103,8 @@ const LightUIKitTheme = (0, _createTheme.default)({
               text: palette.onBackgroundLight01,
               message: palette.onBackgroundLight02,
               highlight: palette.primary300,
-              destructive: palette.error300
+              destructive: palette.error300,
+              blurred: palette.onBackgroundLight04
             }
           }
         },

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

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

package/lib/commonjs/types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport type { ReactElement, ReactNode } from 'react';\nimport type { TextStyle } from 'react-native';\n\nexport interface UIKitTypography {\n  h1: FontAttributes;\n  h2: FontAttributes;\n  subtitle1: FontAttributes;\n  subtitle2: FontAttributes;\n  body1: FontAttributes;\n  body2: FontAttributes;\n  body3: FontAttributes;\n  button: FontAttributes;\n  caption1: FontAttributes;\n  caption2: FontAttributes;\n  caption3: FontAttributes;\n  caption4: FontAttributes;\n}\nexport type TypoName = keyof UIKitTypography;\nexport type FontAttributes = Pick<TextStyle, 'fontFamily' | 'fontSize' | 'lineHeight' | 'letterSpacing' | 'fontWeight'>;\n\nexport type UIKitColorScheme = 'light' | 'dark';\nexport interface UIKitTheme {\n  colorScheme: UIKitColorScheme;\n  select<V>(options: { [key in UIKitColorScheme | 'default']?: V }): V;\n\n  palette: UIKitPalette;\n  colors: UIKitColors;\n\n  typography: UIKitTypography;\n}\n\nexport type Component =\n  | 'Header'\n  | 'Button'\n  | 'Dialog'\n  | 'Input'\n  | 'Badge'\n  | 'Placeholder'\n  | 'DateSeparator'\n  | 'GroupChannelMessage'\n  | 'GroupChannelPreview'\n  | 'ProfileCard'\n  | 'Reaction'\n  | 'OpenChannelMessage'\n  | 'OpenChannelPreview';\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  };\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  };\n  ColorPart: {\n    Header: 'background' | 'borderBottom';\n    Button: 'background' | 'content';\n    Dialog: 'background' | 'text' | 'message' | 'highlight' | 'destructive';\n    Input: 'text' | 'placeholder' | 'background' | 'highlight';\n    Badge: 'text' | 'background';\n    Placeholder: 'content' | 'highlight';\n    DateSeparator: 'text' | 'background';\n    GroupChannelMessage: 'textMsg' | 'textEdited' | 'textSenderName' | 'textTime' | 'background';\n    GroupChannelPreview:\n      | 'textTitle'\n      | 'textTitleCaption'\n      | 'textBody'\n      | 'memberCount'\n      | 'bodyIcon'\n      | 'background'\n      | 'coverBackground'\n      | 'bodyIconBackground'\n      | 'separator';\n    ProfileCard: 'textUsername' | 'textBodyLabel' | 'textBody' | 'background';\n    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  };\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  };\n}\n\nexport type HeaderElement = string | ReactElement | null;\nexport type HeaderPartProps = {\n  title?: HeaderElement;\n  right?: HeaderElement;\n  left?: HeaderElement;\n  onPressLeft?: (...params: any[]) => any;\n  onPressRight?: (...params: any[]) => any;\n};\nexport type BaseHeaderProps<HeaderParts extends HeaderPartProps = {}, AdditionalProps = {}> = {\n  titleAlign?: 'left' | 'center' | 'right';\n  children?: ReactNode;\n} & HeaderParts &\n  AdditionalProps;\nexport interface UIKitPalette {\n  primary100: string;\n  primary200: string;\n  primary300: string;\n  primary400: string;\n  primary500: string;\n\n  secondary100: string;\n  secondary200: string;\n  secondary300: string;\n  secondary400: string;\n  secondary500: string;\n\n  error100: string;\n  error200: string;\n  error300: string;\n  error400: string;\n  error500: string;\n\n  background50: string;\n  background100: string;\n  background200: string;\n  background300: string;\n  background400: string;\n  background500: string;\n  background600: string;\n  background700: string;\n\n  overlay01: string;\n  overlay02: string;\n\n  information: string;\n  highlight: string;\n  transparent: 'transparent';\n\n  onBackgroundLight01: string;\n  onBackgroundLight02: string;\n  onBackgroundLight03: string;\n  onBackgroundLight04: string;\n\n  onBackgroundDark01: string;\n  onBackgroundDark02: string;\n  onBackgroundDark03: string;\n  onBackgroundDark04: string;\n}\n"],"mappings":""}
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport type { ReactElement, ReactNode } from 'react';\nimport type { TextStyle } from 'react-native';\n\nexport interface UIKitTypography {\n  h1: FontAttributes;\n  h2: FontAttributes;\n  subtitle1: FontAttributes;\n  subtitle2: FontAttributes;\n  body1: FontAttributes;\n  body2: FontAttributes;\n  body3: FontAttributes;\n  button: FontAttributes;\n  caption1: FontAttributes;\n  caption2: FontAttributes;\n  caption3: FontAttributes;\n  caption4: FontAttributes;\n}\nexport type TypoName = keyof UIKitTypography;\nexport type FontAttributes = Pick<TextStyle, 'fontFamily' | 'fontSize' | 'lineHeight' | 'letterSpacing' | 'fontWeight'>;\n\nexport type UIKitColorScheme = 'light' | 'dark';\nexport interface UIKitTheme {\n  colorScheme: UIKitColorScheme;\n  select<V>(options: { [key in UIKitColorScheme | 'default']?: V }): V;\n\n  palette: UIKitPalette;\n  colors: UIKitColors;\n\n  typography: UIKitTypography;\n}\n\nexport type Component =\n  | 'Header'\n  | 'Button'\n  | 'Dialog'\n  | 'Input'\n  | 'Badge'\n  | 'Placeholder'\n  | 'DateSeparator'\n  | 'GroupChannelMessage'\n  | 'GroupChannelPreview'\n  | 'ProfileCard'\n  | 'Reaction'\n  | 'OpenChannelMessage'\n  | 'OpenChannelPreview';\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  };\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  };\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: 'textMsg' | 'textEdited' | 'textSenderName' | 'textTime' | 'background';\n    GroupChannelPreview:\n      | 'textTitle'\n      | 'textTitleCaption'\n      | 'textBody'\n      | 'memberCount'\n      | 'bodyIcon'\n      | 'background'\n      | 'coverBackground'\n      | 'bodyIconBackground'\n      | 'separator';\n    ProfileCard: 'textUsername' | 'textBodyLabel' | 'textBody' | 'background';\n    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  };\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  };\n}\n\nexport type HeaderElement = string | ReactElement | null;\nexport type HeaderPartProps = {\n  title?: HeaderElement;\n  right?: HeaderElement;\n  left?: HeaderElement;\n  onPressLeft?: (...params: any[]) => any;\n  onPressRight?: (...params: any[]) => any;\n};\nexport type BaseHeaderProps<HeaderParts extends HeaderPartProps = {}, AdditionalProps = {}> = {\n  titleAlign?: 'left' | 'center' | 'right';\n  children?: ReactNode;\n} & HeaderParts &\n  AdditionalProps;\nexport interface UIKitPalette {\n  primary100: string;\n  primary200: string;\n  primary300: string;\n  primary400: string;\n  primary500: string;\n\n  secondary100: string;\n  secondary200: string;\n  secondary300: string;\n  secondary400: string;\n  secondary500: string;\n\n  error100: string;\n  error200: string;\n  error300: string;\n  error400: string;\n  error500: string;\n\n  background50: string;\n  background100: string;\n  background200: string;\n  background300: string;\n  background400: string;\n  background500: string;\n  background600: string;\n  background700: string;\n\n  overlay01: string;\n  overlay02: string;\n\n  information: string;\n  highlight: string;\n  transparent: 'transparent';\n\n  onBackgroundLight01: string;\n  onBackgroundLight02: string;\n  onBackgroundLight03: string;\n  onBackgroundLight04: string;\n\n  onBackgroundDark01: string;\n  onBackgroundDark02: string;\n  onBackgroundDark03: string;\n  onBackgroundDark04: string;\n}\n"],"mappings":""}

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

@@ -59,6 +59,7 @@ const BottomSheet = _ref => {
         paddingLeft: left,
         paddingRight: right
       },
+      disabled: props.disabled,
       onPress: async () => {
         await onHide();
         try {

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeSafeAreaContext","_Modal","_useHeaderStyle","_DialogSheet","obj","__esModule","default","BottomSheet","_ref","onDismiss","onHide","visible","sheetItems","HeaderComponent","statusBarTranslucent","useHeaderStyle","width","useWindowDimensions","bottom","left","right","useSafeAreaInsets","createElement","type","onClose","backgroundStyle","alignItems","justifyContent","style","paddingBottom","map","_ref2","idx","onPress","props","TouchableOpacity","activeOpacity","key","title","paddingLeft","paddingRight","Item","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\nimport { TouchableOpacity, useWindowDimensions } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport type Icon from '../../components/Icon';\nimport Modal from '../../components/Modal';\nimport useHeaderStyle from '../../styles/useHeaderStyle';\nimport DialogSheet from '../Dialog/DialogSheet';\n\ntype HeaderProps = { onClose: () => Promise<void> };\nexport type BottomSheetItem = {\n  sheetItems: {\n    icon?: keyof typeof Icon.Assets;\n    iconColor?: string;\n    title: string;\n    titleColor?: string;\n    onPress: () => void;\n  }[];\n  HeaderComponent?: (props: HeaderProps) => JSX.Element;\n};\ntype Props = {\n  visible: boolean;\n  onHide: () => Promise<void>;\n  onError?: (error: unknown) => void;\n  onDismiss?: () => void;\n} & BottomSheetItem;\nconst BottomSheet = ({ onDismiss, onHide, visible, sheetItems, HeaderComponent }: Props) => {\n  const { statusBarTranslucent } = useHeaderStyle();\n  const { width } = useWindowDimensions();\n  const { bottom, left, right } = useSafeAreaInsets();\n  return (\n    <Modal\n      type={'slide'}\n      onClose={onHide}\n      onDismiss={onDismiss}\n      statusBarTranslucent={statusBarTranslucent}\n      visible={visible}\n      backgroundStyle={{ alignItems: 'center', justifyContent: 'flex-end' }}\n    >\n      <DialogSheet style={{ width, paddingBottom: bottom }}>\n        {HeaderComponent && <HeaderComponent onClose={onHide} />}\n        {sheetItems.map(({ onPress, ...props }, idx) => (\n          <TouchableOpacity\n            activeOpacity={0.75}\n            key={props.title + idx}\n            style={{ paddingLeft: left, paddingRight: right }}\n            onPress={async () => {\n              await onHide();\n              try {\n                onPress();\n              } catch {}\n            }}\n          >\n            <DialogSheet.Item {...props} />\n          </TouchableOpacity>\n        ))}\n      </DialogSheet>\n    </Modal>\n  );\n};\n\nexport default BottomSheet;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,2BAAA,GAAAF,OAAA;AAGA,IAAAG,MAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,eAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,YAAA,GAAAN,sBAAA,CAAAC,OAAA;AAAgD,SAAAD,uBAAAO,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAmBhD,MAAMG,WAAW,GAAGC,IAAA,IAAwE;EAAA,IAAvE;IAAEC,SAAS;IAAEC,MAAM;IAAEC,OAAO;IAAEC,UAAU;IAAEC;EAAuB,CAAC,GAAAL,IAAA;EACrF,MAAM;IAAEM;EAAqB,CAAC,GAAG,IAAAC,uBAAc,GAAE;EACjD,MAAM;IAAEC;EAAM,CAAC,GAAG,IAAAC,gCAAmB,GAAE;EACvC,MAAM;IAAEC,MAAM;IAAEC,IAAI;IAAEC;EAAM,CAAC,GAAG,IAAAC,6CAAiB,GAAE;EACnD,oBACEzB,MAAA,CAAAU,OAAA,CAAAgB,aAAA,CAACrB,MAAA,CAAAK,OAAK;IACJiB,IAAI,EAAE,OAAQ;IACdC,OAAO,EAAEd,MAAO;IAChBD,SAAS,EAAEA,SAAU;IACrBK,oBAAoB,EAAEA,oBAAqB;IAC3CH,OAAO,EAAEA,OAAQ;IACjBc,eAAe,EAAE;MAAEC,UAAU,EAAE,QAAQ;MAAEC,cAAc,EAAE;IAAW;EAAE,gBAEtE/B,MAAA,CAAAU,OAAA,CAAAgB,aAAA,CAACnB,YAAA,CAAAG,OAAW;IAACsB,KAAK,EAAE;MAAEZ,KAAK;MAAEa,aAAa,EAAEX;IAAO;EAAE,GAClDL,eAAe,iBAAIjB,MAAA,CAAAU,OAAA,CAAAgB,aAAA,CAACT,eAAe;IAACW,OAAO,EAAEd;EAAO,EAAG,EACvDE,UAAU,CAACkB,GAAG,CAAC,CAAAC,KAAA,EAAwBC,GAAG;IAAA,IAA1B;MAAEC,OAAO;MAAE,GAAGC;IAAM,CAAC,GAAAH,KAAA;IAAA,oBACpCnC,MAAA,CAAAU,OAAA,CAAAgB,aAAA,CAACvB,YAAA,CAAAoC,gBAAgB;MACfC,aAAa,EAAE,IAAK;MACpBC,GAAG,EAAEH,KAAK,CAACI,KAAK,GAAGN,GAAI;MACvBJ,KAAK,EAAE;QAAEW,WAAW,EAAEpB,IAAI;QAAEqB,YAAY,EAAEpB;MAAM,CAAE;MAClDa,OAAO,EAAE,MAAAA,CAAA,KAAY;QACnB,MAAMvB,MAAM,EAAE;QACd,IAAI;UACFuB,OAAO,EAAE;QACX,CAAC,CAAC,MAAM,CAAC;MACX;IAAE,gBAEFrC,MAAA,CAAAU,OAAA,CAAAgB,aAAA,CAACnB,YAAA,CAAAG,OAAW,CAACmC,IAAI,EAAKP,KAAK,CAAI,CACd;EAAA,CACpB,CAAC,CACU,CACR;AAEZ,CAAC;AAAC,IAAAQ,QAAA,GAEanC,WAAW;AAAAoC,OAAA,CAAArC,OAAA,GAAAoC,QAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeSafeAreaContext","_Modal","_useHeaderStyle","_DialogSheet","obj","__esModule","default","BottomSheet","_ref","onDismiss","onHide","visible","sheetItems","HeaderComponent","statusBarTranslucent","useHeaderStyle","width","useWindowDimensions","bottom","left","right","useSafeAreaInsets","createElement","type","onClose","backgroundStyle","alignItems","justifyContent","style","paddingBottom","map","_ref2","idx","onPress","props","TouchableOpacity","activeOpacity","key","title","paddingLeft","paddingRight","disabled","Item","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\nimport { TouchableOpacity, useWindowDimensions } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport type Icon from '../../components/Icon';\nimport Modal from '../../components/Modal';\nimport useHeaderStyle from '../../styles/useHeaderStyle';\nimport DialogSheet from '../Dialog/DialogSheet';\n\ntype HeaderProps = { onClose: () => Promise<void> };\nexport type BottomSheetItem = {\n  sheetItems: {\n    icon?: keyof typeof Icon.Assets;\n    iconColor?: string;\n    title: string;\n    titleColor?: string;\n    disabled?: boolean;\n    onPress: () => void;\n  }[];\n  HeaderComponent?: (props: HeaderProps) => JSX.Element;\n};\ntype Props = {\n  visible: boolean;\n  onHide: () => Promise<void>;\n  onError?: (error: unknown) => void;\n  onDismiss?: () => void;\n} & BottomSheetItem;\nconst BottomSheet = ({ onDismiss, onHide, visible, sheetItems, HeaderComponent }: Props) => {\n  const { statusBarTranslucent } = useHeaderStyle();\n  const { width } = useWindowDimensions();\n  const { bottom, left, right } = useSafeAreaInsets();\n  return (\n    <Modal\n      type={'slide'}\n      onClose={onHide}\n      onDismiss={onDismiss}\n      statusBarTranslucent={statusBarTranslucent}\n      visible={visible}\n      backgroundStyle={{ alignItems: 'center', justifyContent: 'flex-end' }}\n    >\n      <DialogSheet style={{ width, paddingBottom: bottom }}>\n        {HeaderComponent && <HeaderComponent onClose={onHide} />}\n        {sheetItems.map(({ onPress, ...props }, idx) => (\n          <TouchableOpacity\n            activeOpacity={0.75}\n            key={props.title + idx}\n            style={{ paddingLeft: left, paddingRight: right }}\n            disabled={props.disabled}\n            onPress={async () => {\n              await onHide();\n              try {\n                onPress();\n              } catch {}\n            }}\n          >\n            <DialogSheet.Item {...props} />\n          </TouchableOpacity>\n        ))}\n      </DialogSheet>\n    </Modal>\n  );\n};\n\nexport default BottomSheet;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,2BAAA,GAAAF,OAAA;AAGA,IAAAG,MAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,eAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,YAAA,GAAAN,sBAAA,CAAAC,OAAA;AAAgD,SAAAD,uBAAAO,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAoBhD,MAAMG,WAAW,GAAGC,IAAA,IAAwE;EAAA,IAAvE;IAAEC,SAAS;IAAEC,MAAM;IAAEC,OAAO;IAAEC,UAAU;IAAEC;EAAuB,CAAC,GAAAL,IAAA;EACrF,MAAM;IAAEM;EAAqB,CAAC,GAAG,IAAAC,uBAAc,GAAE;EACjD,MAAM;IAAEC;EAAM,CAAC,GAAG,IAAAC,gCAAmB,GAAE;EACvC,MAAM;IAAEC,MAAM;IAAEC,IAAI;IAAEC;EAAM,CAAC,GAAG,IAAAC,6CAAiB,GAAE;EACnD,oBACEzB,MAAA,CAAAU,OAAA,CAAAgB,aAAA,CAACrB,MAAA,CAAAK,OAAK;IACJiB,IAAI,EAAE,OAAQ;IACdC,OAAO,EAAEd,MAAO;IAChBD,SAAS,EAAEA,SAAU;IACrBK,oBAAoB,EAAEA,oBAAqB;IAC3CH,OAAO,EAAEA,OAAQ;IACjBc,eAAe,EAAE;MAAEC,UAAU,EAAE,QAAQ;MAAEC,cAAc,EAAE;IAAW;EAAE,gBAEtE/B,MAAA,CAAAU,OAAA,CAAAgB,aAAA,CAACnB,YAAA,CAAAG,OAAW;IAACsB,KAAK,EAAE;MAAEZ,KAAK;MAAEa,aAAa,EAAEX;IAAO;EAAE,GAClDL,eAAe,iBAAIjB,MAAA,CAAAU,OAAA,CAAAgB,aAAA,CAACT,eAAe;IAACW,OAAO,EAAEd;EAAO,EAAG,EACvDE,UAAU,CAACkB,GAAG,CAAC,CAAAC,KAAA,EAAwBC,GAAG;IAAA,IAA1B;MAAEC,OAAO;MAAE,GAAGC;IAAM,CAAC,GAAAH,KAAA;IAAA,oBACpCnC,MAAA,CAAAU,OAAA,CAAAgB,aAAA,CAACvB,YAAA,CAAAoC,gBAAgB;MACfC,aAAa,EAAE,IAAK;MACpBC,GAAG,EAAEH,KAAK,CAACI,KAAK,GAAGN,GAAI;MACvBJ,KAAK,EAAE;QAAEW,WAAW,EAAEpB,IAAI;QAAEqB,YAAY,EAAEpB;MAAM,CAAE;MAClDqB,QAAQ,EAAEP,KAAK,CAACO,QAAS;MACzBR,OAAO,EAAE,MAAAA,CAAA,KAAY;QACnB,MAAMvB,MAAM,EAAE;QACd,IAAI;UACFuB,OAAO,EAAE;QACX,CAAC,CAAC,MAAM,CAAC;MACX;IAAE,gBAEFrC,MAAA,CAAAU,OAAA,CAAAgB,aAAA,CAACnB,YAAA,CAAAG,OAAW,CAACoC,IAAI,EAAKR,KAAK,CAAI,CACd;EAAA,CACpB,CAAC,CACU,CACR;AAEZ,CAAC;AAAC,IAAAS,QAAA,GAEapC,WAAW;AAAAqC,OAAA,CAAAtC,OAAA,GAAAqC,QAAA"}

package/lib/commonjs/ui/Dialog/DialogSheet.js

@@ -30,7 +30,8 @@ const SheetItem = _ref2 => {
     icon,
     title,
     iconColor,
-    titleColor
+    titleColor,
+    disabled = false
   } = _ref2;
   const {
     colors
@@ -41,12 +42,12 @@ const SheetItem = _ref2 => {
     }]
   }, icon && /*#__PURE__*/_react.default.createElement(_Icon.default, {
     icon: icon,
-    color: iconColor ?? colors.ui.dialog.default.none.highlight,
+    color: iconColor ?? (disabled ? colors.ui.dialog.default.none.blurred : colors.ui.dialog.default.none.highlight),
     containerStyle: styles.sheetItemIcon
   }), /*#__PURE__*/_react.default.createElement(_Text.default, {
     subtitle1: true,
     numberOfLines: 1,
-    color: titleColor ?? colors.ui.dialog.default.none.text,
+    color: titleColor ?? (disabled ? colors.ui.dialog.default.none.blurred : colors.ui.dialog.default.none.text),
     style: styles.sheetItemText
   }, title));
 };

package/lib/commonjs/ui/Dialog/DialogSheet.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_Icon","_Text","_createStyleSheet","_useUIKitTheme","obj","__esModule","default","DialogSheet","_ref","style","children","colors","useUIKitTheme","createElement","View","styles","container","backgroundColor","ui","dialog","none","background","SheetItem","_ref2","icon","title","iconColor","titleColor","sheetItemContainer","color","highlight","containerStyle","sheetItemIcon","subtitle1","numberOfLines","text","sheetItemText","createStyleSheet","overflow","flexDirection","width","borderTopLeftRadius","borderTopRightRadius","alignItems","height","marginLeft","flex","marginHorizontal","Item","_default","exports"],"sources":["DialogSheet.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleProp, View, ViewStyle } from 'react-native';\n\nimport Icon from '../../components/Icon';\nimport Text from '../../components/Text';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\n\ntype Props = React.PropsWithChildren<{\n  style?: StyleProp<ViewStyle>;\n}>;\nconst DialogSheet: ((props: Props) => JSX.Element) & { Item: typeof SheetItem } = ({ style, children }) => {\n  const { colors } = useUIKitTheme();\n  return (\n    <View style={[styles.container, { backgroundColor: colors.ui.dialog.default.none.background }, style]}>\n      {children}\n    </View>\n  );\n};\n\nexport type SheetItemProps = {\n  icon?: keyof typeof Icon.Assets;\n  iconColor?: string;\n  title: string;\n  titleColor?: string;\n};\nconst SheetItem = ({ icon, title, iconColor, titleColor }: SheetItemProps) => {\n  const { colors } = useUIKitTheme();\n  return (\n    <View style={[styles.sheetItemContainer, { backgroundColor: colors.ui.dialog.default.none.background }]}>\n      {icon && (\n        <Icon\n          icon={icon}\n          color={iconColor ?? colors.ui.dialog.default.none.highlight}\n          containerStyle={styles.sheetItemIcon}\n        />\n      )}\n      <Text\n        subtitle1\n        numberOfLines={1}\n        color={titleColor ?? colors.ui.dialog.default.none.text}\n        style={styles.sheetItemText}\n      >\n        {title}\n      </Text>\n    </View>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    overflow: 'hidden',\n    flexDirection: 'column',\n    width: '100%',\n    borderTopLeftRadius: 8,\n    borderTopRightRadius: 8,\n  },\n  sheetItemContainer: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    height: 48,\n  },\n  sheetItemIcon: {\n    marginLeft: 16,\n  },\n  sheetItemText: {\n    flex: 1,\n    marginHorizontal: 24,\n  },\n});\n\nDialogSheet.Item = SheetItem;\nexport default DialogSheet;\n"],"mappings":";;;;;;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,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAKtD,MAAMG,WAAyE,GAAGC,IAAA,IAAyB;EAAA,IAAxB;IAAEC,KAAK;IAAEC;EAAS,CAAC,GAAAF,IAAA;EACpG,MAAM;IAAEG;EAAO,CAAC,GAAG,IAAAC,sBAAa,GAAE;EAClC,oBACEhB,MAAA,CAAAU,OAAA,CAAAO,aAAA,CAACd,YAAA,CAAAe,IAAI;IAACL,KAAK,EAAE,CAACM,MAAM,CAACC,SAAS,EAAE;MAAEC,eAAe,EAAEN,MAAM,CAACO,EAAE,CAACC,MAAM,CAACb,OAAO,CAACc,IAAI,CAACC;IAAW,CAAC,EAAEZ,KAAK;EAAE,GACnGC,QAAQ,CACJ;AAEX,CAAC;AAQD,MAAMY,SAAS,GAAGC,KAAA,IAA4D;EAAA,IAA3D;IAAEC,IAAI;IAAEC,KAAK;IAAEC,SAAS;IAAEC;EAA2B,CAAC,GAAAJ,KAAA;EACvE,MAAM;IAAEZ;EAAO,CAAC,GAAG,IAAAC,sBAAa,GAAE;EAClC,oBACEhB,MAAA,CAAAU,OAAA,CAAAO,aAAA,CAACd,YAAA,CAAAe,IAAI;IAACL,KAAK,EAAE,CAACM,MAAM,CAACa,kBAAkB,EAAE;MAAEX,eAAe,EAAEN,MAAM,CAACO,EAAE,CAACC,MAAM,CAACb,OAAO,CAACc,IAAI,CAACC;IAAW,CAAC;EAAE,GACrGG,IAAI,iBACH5B,MAAA,CAAAU,OAAA,CAAAO,aAAA,CAACb,KAAA,CAAAM,OAAI;IACHkB,IAAI,EAAEA,IAAK;IACXK,KAAK,EAAEH,SAAS,IAAIf,MAAM,CAACO,EAAE,CAACC,MAAM,CAACb,OAAO,CAACc,IAAI,CAACU,SAAU;IAC5DC,cAAc,EAAEhB,MAAM,CAACiB;EAAc,EAExC,eACDpC,MAAA,CAAAU,OAAA,CAAAO,aAAA,CAACZ,KAAA,CAAAK,OAAI;IACH2B,SAAS;IACTC,aAAa,EAAE,CAAE;IACjBL,KAAK,EAAEF,UAAU,IAAIhB,MAAM,CAACO,EAAE,CAACC,MAAM,CAACb,OAAO,CAACc,IAAI,CAACe,IAAK;IACxD1B,KAAK,EAAEM,MAAM,CAACqB;EAAc,GAE3BX,KAAK,CACD,CACF;AAEX,CAAC;AAED,MAAMV,MAAM,GAAG,IAAAsB,yBAAgB,EAAC;EAC9BrB,SAAS,EAAE;IACTsB,QAAQ,EAAE,QAAQ;IAClBC,aAAa,EAAE,QAAQ;IACvBC,KAAK,EAAE,MAAM;IACbC,mBAAmB,EAAE,CAAC;IACtBC,oBAAoB,EAAE;EACxB,CAAC;EACDd,kBAAkB,EAAE;IAClBW,aAAa,EAAE,KAAK;IACpBI,UAAU,EAAE,QAAQ;IACpBC,MAAM,EAAE;EACV,CAAC;EACDZ,aAAa,EAAE;IACba,UAAU,EAAE;EACd,CAAC;EACDT,aAAa,EAAE;IACbU,IAAI,EAAE,CAAC;IACPC,gBAAgB,EAAE;EACpB;AACF,CAAC,CAAC;AAEFxC,WAAW,CAACyC,IAAI,GAAG1B,SAAS;AAAC,IAAA2B,QAAA,GACd1C,WAAW;AAAA2C,OAAA,CAAA5C,OAAA,GAAA2C,QAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_Icon","_Text","_createStyleSheet","_useUIKitTheme","obj","__esModule","default","DialogSheet","_ref","style","children","colors","useUIKitTheme","createElement","View","styles","container","backgroundColor","ui","dialog","none","background","SheetItem","_ref2","icon","title","iconColor","titleColor","disabled","sheetItemContainer","color","blurred","highlight","containerStyle","sheetItemIcon","subtitle1","numberOfLines","text","sheetItemText","createStyleSheet","overflow","flexDirection","width","borderTopLeftRadius","borderTopRightRadius","alignItems","height","marginLeft","flex","marginHorizontal","Item","_default","exports"],"sources":["DialogSheet.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleProp, View, ViewStyle } from 'react-native';\n\nimport Icon from '../../components/Icon';\nimport Text from '../../components/Text';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\n\ntype Props = React.PropsWithChildren<{\n  style?: StyleProp<ViewStyle>;\n}>;\nconst DialogSheet: ((props: Props) => JSX.Element) & { Item: typeof SheetItem } = ({ style, children }) => {\n  const { colors } = useUIKitTheme();\n  return (\n    <View style={[styles.container, { backgroundColor: colors.ui.dialog.default.none.background }, style]}>\n      {children}\n    </View>\n  );\n};\n\nexport type SheetItemProps = {\n  icon?: keyof typeof Icon.Assets;\n  iconColor?: string;\n  title: string;\n  titleColor?: string;\n  disabled?: boolean;\n};\nconst SheetItem = ({ icon, title, iconColor, titleColor, disabled = false }: SheetItemProps) => {\n  const { colors } = useUIKitTheme();\n  return (\n    <View style={[styles.sheetItemContainer, { backgroundColor: colors.ui.dialog.default.none.background }]}>\n      {icon && (\n        <Icon\n          icon={icon}\n          color={\n            iconColor ?? (disabled ? colors.ui.dialog.default.none.blurred : colors.ui.dialog.default.none.highlight)\n          }\n          containerStyle={styles.sheetItemIcon}\n        />\n      )}\n      <Text\n        subtitle1\n        numberOfLines={1}\n        color={titleColor ?? (disabled ? colors.ui.dialog.default.none.blurred : colors.ui.dialog.default.none.text)}\n        style={styles.sheetItemText}\n      >\n        {title}\n      </Text>\n    </View>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    overflow: 'hidden',\n    flexDirection: 'column',\n    width: '100%',\n    borderTopLeftRadius: 8,\n    borderTopRightRadius: 8,\n  },\n  sheetItemContainer: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    height: 48,\n  },\n  sheetItemIcon: {\n    marginLeft: 16,\n  },\n  sheetItemText: {\n    flex: 1,\n    marginHorizontal: 24,\n  },\n});\n\nDialogSheet.Item = SheetItem;\nexport default DialogSheet;\n"],"mappings":"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"}

package/lib/commonjs/ui/GroupChannelMessage/Message.file.image.js

@@ -31,7 +31,7 @@ const ImageFileMessage = props => {
     onLongPress: onLongPress
   }, /*#__PURE__*/_react.default.createElement(_ImageWithPlaceholder.default, {
     source: {
-      uri: (0, _uikitUtils.getAvailableUriFromFileMessage)(props.message)
+      uri: (0, _uikitUtils.getThumbnailUriFromFileMessage)(props.message)
     },
     style: styles.image
   })), props.children));