@sendbird/uikit-react-native-foundation 1.0.1 → 1.0.2

package/lib/module/styles/HeaderStyleContext.js

@@ -0,0 +1,29 @@
+import React from 'react';
+import { StatusBar } from 'react-native';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+export const HeaderStyleContext = /*#__PURE__*/React.createContext({
+  HeaderComponent: () => null,
+  defaultTitleAlign: 'left',
+  statusBarTranslucent: true,
+  topInset: StatusBar.currentHeight ?? 0
+});
+export const HeaderStyleProvider = _ref => {
+  let {
+    children,
+    HeaderComponent = () => null,
+    defaultTitleAlign,
+    statusBarTranslucent
+  } = _ref;
+  const {
+    top
+  } = useSafeAreaInsets();
+  return /*#__PURE__*/React.createElement(HeaderStyleContext.Provider, {
+    value: {
+      HeaderComponent,
+      defaultTitleAlign,
+      statusBarTranslucent,
+      topInset: statusBarTranslucent ? top : 0
+    }
+  }, children);
+};
+//# sourceMappingURL=HeaderStyleContext.js.map

package/lib/module/styles/HeaderStyleContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StatusBar","useSafeAreaInsets","HeaderStyleContext","createContext","HeaderComponent","defaultTitleAlign","statusBarTranslucent","topInset","currentHeight","HeaderStyleProvider","children","top"],"sources":["HeaderStyleContext.tsx"],"sourcesContent":["import React from 'react';\nimport { StatusBar } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport type { BaseHeaderProps, HeaderElement } from '../types';\n\nexport type HeaderStyleContextType = {\n  HeaderComponent: (\n    props: BaseHeaderProps<\n      {\n        title?: HeaderElement;\n        left?: HeaderElement;\n        right?: HeaderElement;\n        onPressLeft?: () => void;\n        onPressRight?: () => void;\n      },\n      { clearTitleMargin?: boolean }\n    >,\n  ) => React.ReactElement | null;\n  defaultTitleAlign: 'left' | 'center';\n  statusBarTranslucent: boolean;\n  topInset: number;\n};\nexport const HeaderStyleContext = React.createContext<HeaderStyleContextType>({\n  HeaderComponent: () => null,\n  defaultTitleAlign: 'left',\n  statusBarTranslucent: true,\n  topInset: StatusBar.currentHeight ?? 0,\n});\n\ntype Props = Pick<HeaderStyleContextType, 'statusBarTranslucent' | 'defaultTitleAlign' | 'HeaderComponent'>;\nexport const HeaderStyleProvider = ({\n  children,\n  HeaderComponent = () => null,\n  defaultTitleAlign,\n  statusBarTranslucent,\n}: React.PropsWithChildren<Props>) => {\n  const { top } = useSafeAreaInsets();\n\n  return (\n    <HeaderStyleContext.Provider\n      value={{\n        HeaderComponent,\n        defaultTitleAlign,\n        statusBarTranslucent,\n        topInset: statusBarTranslucent ? top : 0,\n      }}\n    >\n      {children}\n    </HeaderStyleContext.Provider>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,SAAT,QAA0B,cAA1B;AACA,SAASC,iBAAT,QAAkC,gCAAlC;AAqBA,OAAO,MAAMC,kBAAkB,gBAAGH,KAAK,CAACI,aAAN,CAA4C;EAC5EC,eAAe,EAAE,MAAM,IADqD;EAE5EC,iBAAiB,EAAE,MAFyD;EAG5EC,oBAAoB,EAAE,IAHsD;EAI5EC,QAAQ,EAAEP,SAAS,CAACQ,aAAV,IAA2B;AAJuC,CAA5C,CAA3B;AAQP,OAAO,MAAMC,mBAAmB,GAAG,QAKG;EAAA,IALF;IAClCC,QADkC;IAElCN,eAAe,GAAG,MAAM,IAFU;IAGlCC,iBAHkC;IAIlCC;EAJkC,CAKE;EACpC,MAAM;IAAEK;EAAF,IAAUV,iBAAiB,EAAjC;EAEA,oBACE,oBAAC,kBAAD,CAAoB,QAApB;IACE,KAAK,EAAE;MACLG,eADK;MAELC,iBAFK;MAGLC,oBAHK;MAILC,QAAQ,EAAED,oBAAoB,GAAGK,GAAH,GAAS;IAJlC;EADT,GAQGD,QARH,CADF;AAYD,CApBM"}

package/lib/module/styles/createScaleFactor.js

@@ -0,0 +1,20 @@
+import { Dimensions, PixelRatio } from 'react-native';
+const {
+  width,
+  height
+} = Dimensions.get('window');
+const DESIGNED_DEVICE_WIDTH = 360;
+
+const createScaleFactor = function () {
+  let deviceWidth = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : DESIGNED_DEVICE_WIDTH;
+  const ratio = Math.min(width, height) / deviceWidth;
+  return dp => PixelRatio.roundToNearestPixel(dp * ratio);
+};
+
+createScaleFactor.updateScaleFactor = scaleFactor => {
+  DEFAULT_SCALE_FACTOR = scaleFactor;
+};
+
+export let DEFAULT_SCALE_FACTOR = createScaleFactor();
+export default createScaleFactor;
+//# sourceMappingURL=createScaleFactor.js.map

package/lib/module/styles/createScaleFactor.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Dimensions","PixelRatio","width","height","get","DESIGNED_DEVICE_WIDTH","createScaleFactor","deviceWidth","ratio","Math","min","dp","roundToNearestPixel","updateScaleFactor","scaleFactor","DEFAULT_SCALE_FACTOR"],"sources":["createScaleFactor.ts"],"sourcesContent":["import { Dimensions, PixelRatio } from 'react-native';\n\nconst { width, height } = Dimensions.get('window');\n\nconst DESIGNED_DEVICE_WIDTH = 360;\n\nconst createScaleFactor = (deviceWidth = DESIGNED_DEVICE_WIDTH) => {\n  const ratio = Math.min(width, height) / deviceWidth;\n  return (dp: number) => PixelRatio.roundToNearestPixel(dp * ratio);\n};\n\ncreateScaleFactor.updateScaleFactor = (scaleFactor: (dp: number) => number) => {\n  DEFAULT_SCALE_FACTOR = scaleFactor;\n};\n\nexport let DEFAULT_SCALE_FACTOR = createScaleFactor();\nexport default createScaleFactor;\n"],"mappings":"AAAA,SAASA,UAAT,EAAqBC,UAArB,QAAuC,cAAvC;AAEA,MAAM;EAAEC,KAAF;EAASC;AAAT,IAAoBH,UAAU,CAACI,GAAX,CAAe,QAAf,CAA1B;AAEA,MAAMC,qBAAqB,GAAG,GAA9B;;AAEA,MAAMC,iBAAiB,GAAG,YAAyC;EAAA,IAAxCC,WAAwC,uEAA1BF,qBAA0B;EACjE,MAAMG,KAAK,GAAGC,IAAI,CAACC,GAAL,CAASR,KAAT,EAAgBC,MAAhB,IAA0BI,WAAxC;EACA,OAAQI,EAAD,IAAgBV,UAAU,CAACW,mBAAX,CAA+BD,EAAE,GAAGH,KAApC,CAAvB;AACD,CAHD;;AAKAF,iBAAiB,CAACO,iBAAlB,GAAuCC,WAAD,IAAyC;EAC7EC,oBAAoB,GAAGD,WAAvB;AACD,CAFD;;AAIA,OAAO,IAAIC,oBAAoB,GAAGT,iBAAiB,EAA5C;AACP,eAAeA,iBAAf"}

package/lib/module/styles/createSelectByColorScheme.js

@@ -0,0 +1,16 @@
+/**
+ * select method factory
+ * Select method returns the most fitting value for the color scheme you are currently running on.
+ * @param colorScheme
+ * @returns Function
+ * */
+const createSelectByColorScheme = colorScheme => {
+  return options => {
+    const value = options[colorScheme ?? 'default'] ?? options['light'] ?? options['dark'] ?? options['default'];
+    if (!value) throw Error('Not provided any selectable color scheme values');
+    return value;
+  };
+};
+
+export default createSelectByColorScheme;
+//# sourceMappingURL=createSelectByColorScheme.js.map

package/lib/module/styles/createSelectByColorScheme.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createSelectByColorScheme","colorScheme","options","value","Error"],"sources":["createSelectByColorScheme.ts"],"sourcesContent":["import type { UIKitColorScheme, UIKitTheme } from '../types';\n\n/**\n * select method factory\n * Select method returns the most fitting value for the color scheme you are currently running on.\n * @param colorScheme\n * @returns Function\n * */\nconst createSelectByColorScheme = (colorScheme: UIKitColorScheme): UIKitTheme['select'] => {\n  return (options) => {\n    const value = options[colorScheme ?? 'default'] ?? options['light'] ?? options['dark'] ?? options['default'];\n    if (!value) throw Error('Not provided any selectable color scheme values');\n    return value;\n  };\n};\n\nexport default createSelectByColorScheme;\n"],"mappings":"AAEA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMA,yBAAyB,GAAIC,WAAD,IAAyD;EACzF,OAAQC,OAAD,IAAa;IAClB,MAAMC,KAAK,GAAGD,OAAO,CAACD,WAAW,IAAI,SAAhB,CAAP,IAAqCC,OAAO,CAAC,OAAD,CAA5C,IAAyDA,OAAO,CAAC,MAAD,CAAhE,IAA4EA,OAAO,CAAC,SAAD,CAAjG;IACA,IAAI,CAACC,KAAL,EAAY,MAAMC,KAAK,CAAC,iDAAD,CAAX;IACZ,OAAOD,KAAP;EACD,CAJD;AAKD,CAND;;AAQA,eAAeH,yBAAf"}

package/lib/module/styles/createStyleSheet.js

@@ -0,0 +1,53 @@
+import { StyleSheet } from 'react-native';
+import { DEFAULT_SCALE_FACTOR } from './createScaleFactor';
+
+const SCALE_FACTOR_WITH_STR = val => typeof val === 'string' ? val : DEFAULT_SCALE_FACTOR(val);
+
+const preProcessor = {
+  'fontSize': DEFAULT_SCALE_FACTOR,
+  'lineHeight': DEFAULT_SCALE_FACTOR,
+  'borderRadius': DEFAULT_SCALE_FACTOR,
+  'minWidth': SCALE_FACTOR_WITH_STR,
+  'minHeight': SCALE_FACTOR_WITH_STR,
+  'height': SCALE_FACTOR_WITH_STR,
+  'width': SCALE_FACTOR_WITH_STR,
+  'padding': SCALE_FACTOR_WITH_STR,
+  'paddingTop': SCALE_FACTOR_WITH_STR,
+  'paddingBottom': SCALE_FACTOR_WITH_STR,
+  'paddingLeft': SCALE_FACTOR_WITH_STR,
+  'paddingRight': SCALE_FACTOR_WITH_STR,
+  'margin': SCALE_FACTOR_WITH_STR,
+  'marginTop': SCALE_FACTOR_WITH_STR,
+  'marginBottom': SCALE_FACTOR_WITH_STR,
+  'marginLeft': SCALE_FACTOR_WITH_STR,
+  'marginRight': SCALE_FACTOR_WITH_STR,
+  'left': SCALE_FACTOR_WITH_STR,
+  'right': SCALE_FACTOR_WITH_STR,
+  'top': SCALE_FACTOR_WITH_STR,
+  'bottom': SCALE_FACTOR_WITH_STR
+};
+const preProcessorKeys = Object.keys(preProcessor);
+const preProcessorLen = preProcessorKeys.length;
+/**
+ * Create StyleSheet with customized pre-processor
+ * Return a StyleSheet that pre-processed
+ * @param styles
+ * @returns StyleSheet
+ * */
+
+const createStyleSheet = styles => {
+  Object.values(styles).forEach(style => {
+    // @ts-ignore
+    const styleKeys = Object.keys(style);
+    const styleLen = styleKeys.length;
+    const keys = styleLen < preProcessorLen ? styleKeys : preProcessorKeys;
+    keys.forEach(key => {
+      // @ts-ignore
+      if (preProcessor[key] && typeof style[key] !== 'undefined') style[key] = preProcessor[key](style[key]);
+    });
+  });
+  return StyleSheet.create(styles);
+};
+
+export default createStyleSheet;
+//# sourceMappingURL=createStyleSheet.js.map

package/lib/module/styles/createStyleSheet.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","DEFAULT_SCALE_FACTOR","SCALE_FACTOR_WITH_STR","val","preProcessor","preProcessorKeys","Object","keys","preProcessorLen","length","createStyleSheet","styles","values","forEach","style","styleKeys","styleLen","key","create"],"sources":["createStyleSheet.ts"],"sourcesContent":["import { ImageStyle, StyleSheet, TextStyle, ViewStyle } from 'react-native';\n\nimport { DEFAULT_SCALE_FACTOR } from './createScaleFactor';\n\ntype Styles = ViewStyle | TextStyle | ImageStyle;\ntype StylePreprocessor<T extends Styles = Styles> = { [key in keyof T]: (val: NonNullable<T[key]>) => typeof val };\n\nconst SCALE_FACTOR_WITH_STR = (val: string | number) => (typeof val === 'string' ? val : DEFAULT_SCALE_FACTOR(val));\n\nconst preProcessor: Partial<StylePreprocessor> = {\n  'fontSize': DEFAULT_SCALE_FACTOR,\n  'lineHeight': DEFAULT_SCALE_FACTOR,\n  'borderRadius': DEFAULT_SCALE_FACTOR,\n  'minWidth': SCALE_FACTOR_WITH_STR,\n  'minHeight': SCALE_FACTOR_WITH_STR,\n  'height': SCALE_FACTOR_WITH_STR,\n  'width': SCALE_FACTOR_WITH_STR,\n  'padding': SCALE_FACTOR_WITH_STR,\n  'paddingTop': SCALE_FACTOR_WITH_STR,\n  'paddingBottom': SCALE_FACTOR_WITH_STR,\n  'paddingLeft': SCALE_FACTOR_WITH_STR,\n  'paddingRight': SCALE_FACTOR_WITH_STR,\n  'margin': SCALE_FACTOR_WITH_STR,\n  'marginTop': SCALE_FACTOR_WITH_STR,\n  'marginBottom': SCALE_FACTOR_WITH_STR,\n  'marginLeft': SCALE_FACTOR_WITH_STR,\n  'marginRight': SCALE_FACTOR_WITH_STR,\n  'left': SCALE_FACTOR_WITH_STR,\n  'right': SCALE_FACTOR_WITH_STR,\n  'top': SCALE_FACTOR_WITH_STR,\n  'bottom': SCALE_FACTOR_WITH_STR,\n};\n\nconst preProcessorKeys = Object.keys(preProcessor);\nconst preProcessorLen = preProcessorKeys.length;\n\n/**\n * Create StyleSheet with customized pre-processor\n * Return a StyleSheet that pre-processed\n * @param styles\n * @returns StyleSheet\n * */\nconst createStyleSheet = <T extends StyleSheet.NamedStyles<T>>(styles: T | StyleSheet.NamedStyles<T>): T => {\n  Object.values(styles).forEach((style) => {\n    // @ts-ignore\n    const styleKeys = Object.keys(style);\n    const styleLen = styleKeys.length;\n\n    const keys = styleLen < preProcessorLen ? styleKeys : preProcessorKeys;\n    keys.forEach((key) => {\n      // @ts-ignore\n      if (preProcessor[key] && typeof style[key] !== 'undefined') style[key] = preProcessor[key](style[key]);\n    });\n  });\n\n  return StyleSheet.create<T>(styles);\n};\n\nexport default createStyleSheet;\n"],"mappings":"AAAA,SAAqBA,UAArB,QAA6D,cAA7D;AAEA,SAASC,oBAAT,QAAqC,qBAArC;;AAKA,MAAMC,qBAAqB,GAAIC,GAAD,IAA2B,OAAOA,GAAP,KAAe,QAAf,GAA0BA,GAA1B,GAAgCF,oBAAoB,CAACE,GAAD,CAA7G;;AAEA,MAAMC,YAAwC,GAAG;EAC/C,YAAYH,oBADmC;EAE/C,cAAcA,oBAFiC;EAG/C,gBAAgBA,oBAH+B;EAI/C,YAAYC,qBAJmC;EAK/C,aAAaA,qBALkC;EAM/C,UAAUA,qBANqC;EAO/C,SAASA,qBAPsC;EAQ/C,WAAWA,qBARoC;EAS/C,cAAcA,qBATiC;EAU/C,iBAAiBA,qBAV8B;EAW/C,eAAeA,qBAXgC;EAY/C,gBAAgBA,qBAZ+B;EAa/C,UAAUA,qBAbqC;EAc/C,aAAaA,qBAdkC;EAe/C,gBAAgBA,qBAf+B;EAgB/C,cAAcA,qBAhBiC;EAiB/C,eAAeA,qBAjBgC;EAkB/C,QAAQA,qBAlBuC;EAmB/C,SAASA,qBAnBsC;EAoB/C,OAAOA,qBApBwC;EAqB/C,UAAUA;AArBqC,CAAjD;AAwBA,MAAMG,gBAAgB,GAAGC,MAAM,CAACC,IAAP,CAAYH,YAAZ,CAAzB;AACA,MAAMI,eAAe,GAAGH,gBAAgB,CAACI,MAAzC;AAEA;AACA;AACA;AACA;AACA;AACA;;AACA,MAAMC,gBAAgB,GAAyCC,MAAtC,IAAmF;EAC1GL,MAAM,CAACM,MAAP,CAAcD,MAAd,EAAsBE,OAAtB,CAA+BC,KAAD,IAAW;IACvC;IACA,MAAMC,SAAS,GAAGT,MAAM,CAACC,IAAP,CAAYO,KAAZ,CAAlB;IACA,MAAME,QAAQ,GAAGD,SAAS,CAACN,MAA3B;IAEA,MAAMF,IAAI,GAAGS,QAAQ,GAAGR,eAAX,GAA6BO,SAA7B,GAAyCV,gBAAtD;IACAE,IAAI,CAACM,OAAL,CAAcI,GAAD,IAAS;MACpB;MACA,IAAIb,YAAY,CAACa,GAAD,CAAZ,IAAqB,OAAOH,KAAK,CAACG,GAAD,CAAZ,KAAsB,WAA/C,EAA4DH,KAAK,CAACG,GAAD,CAAL,GAAab,YAAY,CAACa,GAAD,CAAZ,CAAkBH,KAAK,CAACG,GAAD,CAAvB,CAAb;IAC7D,CAHD;EAID,CAVD;EAYA,OAAOjB,UAAU,CAACkB,MAAX,CAAqBP,MAArB,CAAP;AACD,CAdD;;AAgBA,eAAeD,gBAAf"}

package/lib/module/styles/createTypography.js

@@ -0,0 +1,98 @@
+import { DEFAULT_SCALE_FACTOR } from './createScaleFactor';
+
+const createTypography = function () {
+  let overrides = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  let scaleFactor = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : DEFAULT_SCALE_FACTOR;
+  return {
+    h1: {
+      fontWeight: '500',
+      fontSize: scaleFactor(18),
+      lineHeight: scaleFactor(20),
+      ...overrides.h1,
+      ...overrides.shared
+    },
+    h2: {
+      fontWeight: 'bold',
+      fontSize: scaleFactor(16),
+      lineHeight: scaleFactor(20),
+      letterSpacing: scaleFactor(-0.2),
+      ...overrides.h2,
+      ...overrides.shared
+    },
+    subtitle1: {
+      fontWeight: '500',
+      fontSize: scaleFactor(16),
+      lineHeight: scaleFactor(22),
+      letterSpacing: scaleFactor(-0.2),
+      ...overrides.subtitle1,
+      ...overrides.shared
+    },
+    subtitle2: {
+      fontWeight: 'normal',
+      fontSize: scaleFactor(16),
+      lineHeight: scaleFactor(22),
+      ...overrides.subtitle2,
+      ...overrides.shared
+    },
+    body1: {
+      fontWeight: 'normal',
+      fontSize: scaleFactor(16),
+      lineHeight: scaleFactor(20),
+      ...overrides.body1,
+      ...overrides.shared
+    },
+    body2: {
+      fontWeight: '500',
+      fontSize: scaleFactor(14),
+      lineHeight: scaleFactor(16),
+      ...overrides.body2,
+      ...overrides.shared
+    },
+    body3: {
+      fontWeight: 'normal',
+      fontSize: scaleFactor(14),
+      lineHeight: scaleFactor(20),
+      ...overrides.body3,
+      ...overrides.shared
+    },
+    button: {
+      fontWeight: 'bold',
+      fontSize: scaleFactor(14),
+      lineHeight: scaleFactor(16),
+      letterSpacing: scaleFactor(0.4),
+      ...overrides.button,
+      ...overrides.shared
+    },
+    caption1: {
+      fontWeight: 'bold',
+      fontSize: scaleFactor(12),
+      lineHeight: scaleFactor(12),
+      ...overrides.caption1,
+      ...overrides.shared
+    },
+    caption2: {
+      fontWeight: 'normal',
+      fontSize: scaleFactor(12),
+      lineHeight: scaleFactor(12),
+      ...overrides.caption2,
+      ...overrides.shared
+    },
+    caption3: {
+      fontWeight: 'bold',
+      fontSize: scaleFactor(11),
+      lineHeight: scaleFactor(12),
+      ...overrides.caption3,
+      ...overrides.shared
+    },
+    caption4: {
+      fontWeight: 'normal',
+      fontSize: scaleFactor(11),
+      lineHeight: scaleFactor(12),
+      ...overrides.caption4,
+      ...overrides.shared
+    }
+  };
+};
+
+export default createTypography;
+//# sourceMappingURL=createTypography.js.map

package/lib/module/styles/createTypography.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DEFAULT_SCALE_FACTOR","createTypography","overrides","scaleFactor","h1","fontWeight","fontSize","lineHeight","shared","h2","letterSpacing","subtitle1","subtitle2","body1","body2","body3","button","caption1","caption2","caption3","caption4"],"sources":["createTypography.ts"],"sourcesContent":["import type { FontAttributes, UIKitTypography } from '../types';\nimport { DEFAULT_SCALE_FACTOR } from './createScaleFactor';\n\nexport type UIKitTypographyOverrides = Partial<UIKitTypography> & {\n  shared?: Partial<FontAttributes>;\n};\n\nconst createTypography = (\n  overrides: UIKitTypographyOverrides = {},\n  scaleFactor: (dp: number) => number = DEFAULT_SCALE_FACTOR,\n): UIKitTypography => {\n  return {\n    h1: {\n      fontWeight: '500',\n      fontSize: scaleFactor(18),\n      lineHeight: scaleFactor(20),\n      ...overrides.h1,\n      ...overrides.shared,\n    },\n    h2: {\n      fontWeight: 'bold',\n      fontSize: scaleFactor(16),\n      lineHeight: scaleFactor(20),\n      letterSpacing: scaleFactor(-0.2),\n      ...overrides.h2,\n      ...overrides.shared,\n    },\n    subtitle1: {\n      fontWeight: '500',\n      fontSize: scaleFactor(16),\n      lineHeight: scaleFactor(22),\n      letterSpacing: scaleFactor(-0.2),\n      ...overrides.subtitle1,\n      ...overrides.shared,\n    },\n    subtitle2: {\n      fontWeight: 'normal',\n      fontSize: scaleFactor(16),\n      lineHeight: scaleFactor(22),\n      ...overrides.subtitle2,\n      ...overrides.shared,\n    },\n    body1: {\n      fontWeight: 'normal',\n      fontSize: scaleFactor(16),\n      lineHeight: scaleFactor(20),\n      ...overrides.body1,\n      ...overrides.shared,\n    },\n    body2: {\n      fontWeight: '500',\n      fontSize: scaleFactor(14),\n      lineHeight: scaleFactor(16),\n      ...overrides.body2,\n      ...overrides.shared,\n    },\n    body3: {\n      fontWeight: 'normal',\n      fontSize: scaleFactor(14),\n      lineHeight: scaleFactor(20),\n      ...overrides.body3,\n      ...overrides.shared,\n    },\n    button: {\n      fontWeight: 'bold',\n      fontSize: scaleFactor(14),\n      lineHeight: scaleFactor(16),\n      letterSpacing: scaleFactor(0.4),\n      ...overrides.button,\n      ...overrides.shared,\n    },\n    caption1: {\n      fontWeight: 'bold',\n      fontSize: scaleFactor(12),\n      lineHeight: scaleFactor(12),\n      ...overrides.caption1,\n      ...overrides.shared,\n    },\n    caption2: {\n      fontWeight: 'normal',\n      fontSize: scaleFactor(12),\n      lineHeight: scaleFactor(12),\n      ...overrides.caption2,\n      ...overrides.shared,\n    },\n    caption3: {\n      fontWeight: 'bold',\n      fontSize: scaleFactor(11),\n      lineHeight: scaleFactor(12),\n      ...overrides.caption3,\n      ...overrides.shared,\n    },\n    caption4: {\n      fontWeight: 'normal',\n      fontSize: scaleFactor(11),\n      lineHeight: scaleFactor(12),\n      ...overrides.caption4,\n      ...overrides.shared,\n    },\n  };\n};\n\nexport default createTypography;\n"],"mappings":"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"}

package/lib/module/styles/getDefaultHeaderHeight.js

@@ -0,0 +1,10 @@
+const DEFAULT_LANDSCAPE_HEIGHT = 48;
+const DEFAULT_HEIGHT = 56;
+
+const getDefaultHeaderHeight = isLandscape => {
+  if (isLandscape) return DEFAULT_LANDSCAPE_HEIGHT;
+  return DEFAULT_HEIGHT;
+};
+
+export default getDefaultHeaderHeight;
+//# sourceMappingURL=getDefaultHeaderHeight.js.map

package/lib/module/styles/getDefaultHeaderHeight.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DEFAULT_LANDSCAPE_HEIGHT","DEFAULT_HEIGHT","getDefaultHeaderHeight","isLandscape"],"sources":["getDefaultHeaderHeight.ts"],"sourcesContent":["const DEFAULT_LANDSCAPE_HEIGHT = 48;\nconst DEFAULT_HEIGHT = 56;\n\nconst getDefaultHeaderHeight = (isLandscape: boolean) => {\n  if (isLandscape) return DEFAULT_LANDSCAPE_HEIGHT;\n  return DEFAULT_HEIGHT;\n};\n\nexport default getDefaultHeaderHeight;\n"],"mappings":"AAAA,MAAMA,wBAAwB,GAAG,EAAjC;AACA,MAAMC,cAAc,GAAG,EAAvB;;AAEA,MAAMC,sBAAsB,GAAIC,WAAD,IAA0B;EACvD,IAAIA,WAAJ,EAAiB,OAAOH,wBAAP;EACjB,OAAOC,cAAP;AACD,CAHD;;AAKA,eAAeC,sBAAf"}

package/lib/module/styles/useHeaderStyle.js

@@ -0,0 +1,9 @@
+import { useContext } from 'react';
+import { HeaderStyleContext } from './HeaderStyleContext';
+
+const useHeaderStyle = () => {
+  return useContext(HeaderStyleContext);
+};
+
+export default useHeaderStyle;
+//# sourceMappingURL=useHeaderStyle.js.map

package/lib/module/styles/useHeaderStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useContext","HeaderStyleContext","useHeaderStyle"],"sources":["useHeaderStyle.ts"],"sourcesContent":["import { useContext } from 'react';\n\nimport { HeaderStyleContext } from './HeaderStyleContext';\n\nconst useHeaderStyle = () => {\n  return useContext(HeaderStyleContext);\n};\n\nexport default useHeaderStyle;\n"],"mappings":"AAAA,SAASA,UAAT,QAA2B,OAA3B;AAEA,SAASC,kBAAT,QAAmC,sBAAnC;;AAEA,MAAMC,cAAc,GAAG,MAAM;EAC3B,OAAOF,UAAU,CAACC,kBAAD,CAAjB;AACD,CAFD;;AAIA,eAAeC,cAAf"}

package/lib/module/theme/DarkUIKitTheme.js

@@ -0,0 +1,175 @@
+import createTheme from './createTheme';
+const DarkUIKitTheme = createTheme({
+  colorScheme: 'dark',
+  colors: palette => ({
+    primary: palette.primary200,
+    secondary: palette.secondary200,
+    error: palette.error200,
+    background: palette.background600,
+    text: palette.onBackgroundDark01,
+    onBackground01: palette.onBackgroundDark01,
+    onBackground02: palette.onBackgroundDark02,
+    onBackground03: palette.onBackgroundDark03,
+    onBackground04: palette.onBackgroundDark04,
+    onBackgroundReverse01: palette.onBackgroundLight01,
+    onBackgroundReverse02: palette.onBackgroundLight02,
+    onBackgroundReverse03: palette.onBackgroundLight03,
+    onBackgroundReverse04: palette.onBackgroundLight04,
+    ui: {
+      header: {
+        nav: {
+          none: {
+            background: palette.background500,
+            borderBottom: palette.onBackgroundDark04
+          }
+        }
+      },
+      button: {
+        contained: {
+          enabled: {
+            background: palette.primary200,
+            content: palette.onBackgroundLight01
+          },
+          pressed: {
+            background: palette.primary300,
+            content: palette.onBackgroundLight01
+          },
+          disabled: {
+            background: palette.background500,
+            content: palette.onBackgroundDark04
+          }
+        },
+        text: {
+          enabled: {
+            background: palette.transparent,
+            content: palette.primary200
+          },
+          pressed: {
+            background: palette.background400,
+            content: palette.primary200
+          },
+          disabled: {
+            background: palette.transparent,
+            content: palette.onBackgroundDark04
+          }
+        }
+      },
+      dialog: {
+        default: {
+          none: {
+            background: palette.background500,
+            text: palette.onBackgroundDark01,
+            message: palette.onBackgroundDark02,
+            highlight: palette.primary200,
+            destructive: palette.error300
+          }
+        }
+      },
+      input: {
+        default: {
+          active: {
+            text: palette.onBackgroundDark01,
+            placeholder: palette.onBackgroundDark03,
+            background: palette.background400,
+            highlight: palette.primary200
+          },
+          disabled: {
+            text: palette.onBackgroundDark04,
+            placeholder: palette.onBackgroundDark04,
+            background: palette.background400,
+            highlight: palette.onBackgroundDark04
+          }
+        },
+        underline: {
+          active: {
+            text: palette.onBackgroundDark01,
+            placeholder: palette.onBackgroundDark03,
+            background: palette.transparent,
+            highlight: palette.primary200
+          },
+          disabled: {
+            text: palette.onBackgroundDark04,
+            placeholder: palette.onBackgroundDark04,
+            background: palette.transparent,
+            highlight: palette.onBackgroundDark04
+          }
+        }
+      },
+      badge: {
+        default: {
+          none: {
+            text: palette.background600,
+            background: palette.primary200
+          }
+        }
+      },
+      placeholder: {
+        default: {
+          none: {
+            content: palette.onBackgroundDark03,
+            highlight: palette.primary200
+          }
+        }
+      },
+      message: {
+        incoming: {
+          enabled: {
+            textMsg: palette.onBackgroundDark01,
+            textEdited: palette.onBackgroundDark02,
+            textTime: palette.onBackgroundDark03,
+            textSenderName: palette.onBackgroundDark02,
+            background: palette.background400
+          },
+          pressed: {
+            textMsg: palette.onBackgroundDark01,
+            textEdited: palette.onBackgroundDark02,
+            textTime: palette.onBackgroundDark03,
+            textSenderName: palette.onBackgroundDark02,
+            background: palette.primary500
+          }
+        },
+        outgoing: {
+          enabled: {
+            textMsg: palette.onBackgroundLight01,
+            textEdited: palette.onBackgroundLight02,
+            textTime: palette.onBackgroundDark03,
+            textSenderName: palette.transparent,
+            background: palette.primary200
+          },
+          pressed: {
+            textMsg: palette.onBackgroundLight01,
+            textEdited: palette.onBackgroundLight02,
+            textTime: palette.onBackgroundDark03,
+            textSenderName: palette.transparent,
+            background: palette.primary300
+          }
+        }
+      },
+      dateSeparator: {
+        default: {
+          none: {
+            text: palette.onBackgroundDark02,
+            background: palette.overlay02
+          }
+        }
+      },
+      groupChannelPreview: {
+        default: {
+          none: {
+            textTitle: palette.onBackgroundDark01,
+            textTitleCaption: palette.onBackgroundDark03,
+            textBody: palette.onBackgroundDark03,
+            bodyIcon: palette.onBackgroundDark02,
+            memberCount: palette.onBackgroundDark02,
+            background: palette.background600,
+            coverBackground: palette.onBackgroundDark04,
+            bodyIconBackground: palette.background500,
+            separator: palette.onBackgroundDark04
+          }
+        }
+      }
+    }
+  })
+});
+export default DarkUIKitTheme;
+//# sourceMappingURL=DarkUIKitTheme.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["createTheme","DarkUIKitTheme","colorScheme","colors","palette","primary","primary200","secondary","secondary200","error","error200","background","background600","text","onBackgroundDark01","onBackground01","onBackground02","onBackgroundDark02","onBackground03","onBackgroundDark03","onBackground04","onBackgroundDark04","onBackgroundReverse01","onBackgroundLight01","onBackgroundReverse02","onBackgroundLight02","onBackgroundReverse03","onBackgroundLight03","onBackgroundReverse04","onBackgroundLight04","ui","header","nav","none","background500","borderBottom","button","contained","enabled","content","pressed","primary300","disabled","transparent","background400","dialog","default","message","highlight","destructive","error300","input","active","placeholder","underline","badge","incoming","textMsg","textEdited","textTime","textSenderName","primary500","outgoing","dateSeparator","overlay02","groupChannelPreview","textTitle","textTitleCaption","textBody","bodyIcon","memberCount","coverBackground","bodyIconBackground","separator"],"sources":["DarkUIKitTheme.ts"],"sourcesContent":["import createTheme from './createTheme';\n\nconst DarkUIKitTheme = createTheme({\n  colorScheme: 'dark',\n  colors: (palette) => ({\n    primary: palette.primary200,\n    secondary: palette.secondary200,\n    error: palette.error200,\n    background: palette.background600,\n    text: palette.onBackgroundDark01,\n    onBackground01: palette.onBackgroundDark01,\n    onBackground02: palette.onBackgroundDark02,\n    onBackground03: palette.onBackgroundDark03,\n    onBackground04: palette.onBackgroundDark04,\n    onBackgroundReverse01: palette.onBackgroundLight01,\n    onBackgroundReverse02: palette.onBackgroundLight02,\n    onBackgroundReverse03: palette.onBackgroundLight03,\n    onBackgroundReverse04: palette.onBackgroundLight04,\n    ui: {\n      header: {\n        nav: {\n          none: {\n            background: palette.background500,\n            borderBottom: palette.onBackgroundDark04,\n          },\n        },\n      },\n      button: {\n        contained: {\n          enabled: {\n            background: palette.primary200,\n            content: palette.onBackgroundLight01,\n          },\n          pressed: {\n            background: palette.primary300,\n            content: palette.onBackgroundLight01,\n          },\n          disabled: {\n            background: palette.background500,\n            content: palette.onBackgroundDark04,\n          },\n        },\n        text: {\n          enabled: {\n            background: palette.transparent,\n            content: palette.primary200,\n          },\n          pressed: {\n            background: palette.background400,\n            content: palette.primary200,\n          },\n          disabled: {\n            background: palette.transparent,\n            content: palette.onBackgroundDark04,\n          },\n        },\n      },\n      dialog: {\n        default: {\n          none: {\n            background: palette.background500,\n            text: palette.onBackgroundDark01,\n            message: palette.onBackgroundDark02,\n            highlight: palette.primary200,\n            destructive: palette.error300,\n          },\n        },\n      },\n      input: {\n        default: {\n          active: {\n            text: palette.onBackgroundDark01,\n            placeholder: palette.onBackgroundDark03,\n            background: palette.background400,\n            highlight: palette.primary200,\n          },\n          disabled: {\n            text: palette.onBackgroundDark04,\n            placeholder: palette.onBackgroundDark04,\n            background: palette.background400,\n            highlight: palette.onBackgroundDark04,\n          },\n        },\n        underline: {\n          active: {\n            text: palette.onBackgroundDark01,\n            placeholder: palette.onBackgroundDark03,\n            background: palette.transparent,\n            highlight: palette.primary200,\n          },\n          disabled: {\n            text: palette.onBackgroundDark04,\n            placeholder: palette.onBackgroundDark04,\n            background: palette.transparent,\n            highlight: palette.onBackgroundDark04,\n          },\n        },\n      },\n      badge: {\n        default: {\n          none: {\n            text: palette.background600,\n            background: palette.primary200,\n          },\n        },\n      },\n      placeholder: {\n        default: {\n          none: {\n            content: palette.onBackgroundDark03,\n            highlight: palette.primary200,\n          },\n        },\n      },\n      message: {\n        incoming: {\n          enabled: {\n            textMsg: palette.onBackgroundDark01,\n            textEdited: palette.onBackgroundDark02,\n            textTime: palette.onBackgroundDark03,\n            textSenderName: palette.onBackgroundDark02,\n            background: palette.background400,\n          },\n          pressed: {\n            textMsg: palette.onBackgroundDark01,\n            textEdited: palette.onBackgroundDark02,\n            textTime: palette.onBackgroundDark03,\n            textSenderName: palette.onBackgroundDark02,\n            background: palette.primary500,\n          },\n        },\n        outgoing: {\n          enabled: {\n            textMsg: palette.onBackgroundLight01,\n            textEdited: palette.onBackgroundLight02,\n            textTime: palette.onBackgroundDark03,\n            textSenderName: palette.transparent,\n            background: palette.primary200,\n          },\n          pressed: {\n            textMsg: palette.onBackgroundLight01,\n            textEdited: palette.onBackgroundLight02,\n            textTime: palette.onBackgroundDark03,\n            textSenderName: palette.transparent,\n            background: palette.primary300,\n          },\n        },\n      },\n      dateSeparator: {\n        default: {\n          none: {\n            text: palette.onBackgroundDark02,\n            background: palette.overlay02,\n          },\n        },\n      },\n      groupChannelPreview: {\n        default: {\n          none: {\n            textTitle: palette.onBackgroundDark01,\n            textTitleCaption: palette.onBackgroundDark03,\n            textBody: palette.onBackgroundDark03,\n            bodyIcon: palette.onBackgroundDark02,\n            memberCount: palette.onBackgroundDark02,\n            background: palette.background600,\n            coverBackground: palette.onBackgroundDark04,\n            bodyIconBackground: palette.background500,\n            separator: palette.onBackgroundDark04,\n          },\n        },\n      },\n    },\n  }),\n});\n\nexport default DarkUIKitTheme;\n"],"mappings":"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"}

package/lib/module/theme/LightUIKitTheme.js

@@ -0,0 +1,175 @@
+import createTheme from './createTheme';
+const LightUIKitTheme = createTheme({
+  colorScheme: 'light',
+  colors: palette => ({
+    primary: palette.primary300,
+    secondary: palette.secondary300,
+    error: palette.error300,
+    background: palette.background50,
+    text: palette.onBackgroundLight01,
+    onBackground01: palette.onBackgroundLight01,
+    onBackground02: palette.onBackgroundLight02,
+    onBackground03: palette.onBackgroundLight03,
+    onBackground04: palette.onBackgroundLight04,
+    onBackgroundReverse01: palette.onBackgroundDark01,
+    onBackgroundReverse02: palette.onBackgroundDark02,
+    onBackgroundReverse03: palette.onBackgroundDark03,
+    onBackgroundReverse04: palette.onBackgroundDark04,
+    ui: {
+      header: {
+        nav: {
+          none: {
+            background: palette.background50,
+            borderBottom: palette.onBackgroundLight04
+          }
+        }
+      },
+      button: {
+        contained: {
+          enabled: {
+            background: palette.primary300,
+            content: palette.onBackgroundDark01
+          },
+          pressed: {
+            background: palette.primary400,
+            content: palette.onBackgroundDark01
+          },
+          disabled: {
+            background: palette.background100,
+            content: palette.onBackgroundLight04
+          }
+        },
+        text: {
+          enabled: {
+            background: palette.transparent,
+            content: palette.primary300
+          },
+          pressed: {
+            background: palette.transparent,
+            content: palette.primary300
+          },
+          disabled: {
+            background: palette.transparent,
+            content: palette.onBackgroundLight04
+          }
+        }
+      },
+      dialog: {
+        default: {
+          none: {
+            background: palette.background50,
+            text: palette.onBackgroundLight01,
+            message: palette.onBackgroundLight02,
+            highlight: palette.primary300,
+            destructive: palette.error300
+          }
+        }
+      },
+      input: {
+        default: {
+          active: {
+            text: palette.onBackgroundLight01,
+            placeholder: palette.onBackgroundLight03,
+            background: palette.background100,
+            highlight: palette.primary300
+          },
+          disabled: {
+            text: palette.onBackgroundLight04,
+            placeholder: palette.onBackgroundLight04,
+            background: palette.background100,
+            highlight: palette.onBackgroundLight04
+          }
+        },
+        underline: {
+          active: {
+            text: palette.onBackgroundLight01,
+            placeholder: palette.onBackgroundLight03,
+            background: palette.transparent,
+            highlight: palette.primary300
+          },
+          disabled: {
+            text: palette.onBackgroundLight04,
+            placeholder: palette.onBackgroundLight04,
+            background: palette.transparent,
+            highlight: palette.onBackgroundLight04
+          }
+        }
+      },
+      badge: {
+        default: {
+          none: {
+            text: palette.background50,
+            background: palette.primary300
+          }
+        }
+      },
+      placeholder: {
+        default: {
+          none: {
+            content: palette.onBackgroundLight03,
+            highlight: palette.primary300
+          }
+        }
+      },
+      message: {
+        incoming: {
+          enabled: {
+            textMsg: palette.onBackgroundLight01,
+            textEdited: palette.onBackgroundLight02,
+            textTime: palette.onBackgroundLight03,
+            textSenderName: palette.onBackgroundLight02,
+            background: palette.background100
+          },
+          pressed: {
+            textMsg: palette.onBackgroundLight01,
+            textEdited: palette.onBackgroundLight02,
+            textTime: palette.onBackgroundLight03,
+            textSenderName: palette.onBackgroundLight02,
+            background: palette.primary100
+          }
+        },
+        outgoing: {
+          enabled: {
+            textMsg: palette.onBackgroundDark01,
+            textEdited: palette.onBackgroundDark02,
+            textTime: palette.onBackgroundLight03,
+            textSenderName: palette.transparent,
+            background: palette.primary300
+          },
+          pressed: {
+            textMsg: palette.onBackgroundDark01,
+            textEdited: palette.onBackgroundDark02,
+            textTime: palette.onBackgroundLight03,
+            textSenderName: palette.transparent,
+            background: palette.primary400
+          }
+        }
+      },
+      dateSeparator: {
+        default: {
+          none: {
+            text: palette.onBackgroundDark01,
+            background: palette.overlay02
+          }
+        }
+      },
+      groupChannelPreview: {
+        default: {
+          none: {
+            textTitle: palette.onBackgroundLight01,
+            textTitleCaption: palette.onBackgroundLight03,
+            textBody: palette.onBackgroundLight03,
+            bodyIcon: palette.onBackgroundLight02,
+            memberCount: palette.onBackgroundLight02,
+            background: palette.background50,
+            coverBackground: palette.onBackgroundLight04,
+            bodyIconBackground: palette.background100,
+            separator: palette.onBackgroundLight04
+          }
+        }
+      }
+    }
+  })
+});
+export default LightUIKitTheme;
+//# sourceMappingURL=LightUIKitTheme.js.map