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

package/lib/commonjs/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;;eAQeH,yB"}

package/lib/commonjs/styles/createStyleSheet.js

@@ -0,0 +1,62 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _reactNative = require("react-native");
+
+var _createScaleFactor = require("./createScaleFactor");
+
+const SCALE_FACTOR_WITH_STR = val => typeof val === 'string' ? val : (0, _createScaleFactor.DEFAULT_SCALE_FACTOR)(val);
+
+const preProcessor = {
+  'fontSize': _createScaleFactor.DEFAULT_SCALE_FACTOR,
+  'lineHeight': _createScaleFactor.DEFAULT_SCALE_FACTOR,
+  'borderRadius': _createScaleFactor.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 _reactNative.StyleSheet.create(styles);
+};
+
+var _default = createStyleSheet;
+exports.default = _default;
+//# sourceMappingURL=createStyleSheet.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["SCALE_FACTOR_WITH_STR","val","DEFAULT_SCALE_FACTOR","preProcessor","preProcessorKeys","Object","keys","preProcessorLen","length","createStyleSheet","styles","values","forEach","style","styleKeys","styleLen","key","StyleSheet","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;;AAEA;;AAKA,MAAMA,qBAAqB,GAAIC,GAAD,IAA2B,OAAOA,GAAP,KAAe,QAAf,GAA0BA,GAA1B,GAAgC,IAAAC,uCAAA,EAAqBD,GAArB,CAAzF;;AAEA,MAAME,YAAwC,GAAG;EAC/C,YAAYD,uCADmC;EAE/C,cAAcA,uCAFiC;EAG/C,gBAAgBA,uCAH+B;EAI/C,YAAYF,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,MAAMI,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,OAAOC,uBAAA,CAAWC,MAAX,CAAqBR,MAArB,CAAP;AACD,CAdD;;eAgBeD,gB"}

package/lib/commonjs/styles/createTypography.js

@@ -0,0 +1,106 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _createScaleFactor = require("./createScaleFactor");
+
+const createTypography = function () {
+  let overrides = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  let scaleFactor = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _createScaleFactor.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
+    }
+  };
+};
+
+var _default = createTypography;
+exports.default = _default;
+//# sourceMappingURL=createTypography.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["createTypography","overrides","scaleFactor","DEFAULT_SCALE_FACTOR","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/commonjs/styles/getDefaultHeaderHeight.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+const DEFAULT_LANDSCAPE_HEIGHT = 48;
+const DEFAULT_HEIGHT = 56;
+
+const getDefaultHeaderHeight = isLandscape => {
+  if (isLandscape) return DEFAULT_LANDSCAPE_HEIGHT;
+  return DEFAULT_HEIGHT;
+};
+
+var _default = getDefaultHeaderHeight;
+exports.default = _default;
+//# sourceMappingURL=getDefaultHeaderHeight.js.map

package/lib/commonjs/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;;eAKeC,sB"}

package/lib/commonjs/styles/useHeaderStyle.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = require("react");
+
+var _HeaderStyleContext = require("./HeaderStyleContext");
+
+const useHeaderStyle = () => {
+  return (0, _react.useContext)(_HeaderStyleContext.HeaderStyleContext);
+};
+
+var _default = useHeaderStyle;
+exports.default = _default;
+//# sourceMappingURL=useHeaderStyle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useHeaderStyle","useContext","HeaderStyleContext"],"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;;AAEA;;AAEA,MAAMA,cAAc,GAAG,MAAM;EAC3B,OAAO,IAAAC,iBAAA,EAAWC,sCAAX,CAAP;AACD,CAFD;;eAIeF,c"}

package/lib/commonjs/theme/DarkUIKitTheme.js

@@ -0,0 +1,186 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _createTheme = _interopRequireDefault(require("./createTheme"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const DarkUIKitTheme = (0, _createTheme.default)({
+  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
+          }
+        }
+      }
+    }
+  })
+});
+var _default = DarkUIKitTheme;
+exports.default = _default;
+//# sourceMappingURL=DarkUIKitTheme.js.map

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

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

package/lib/commonjs/theme/LightUIKitTheme.js

@@ -0,0 +1,186 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _createTheme = _interopRequireDefault(require("./createTheme"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const LightUIKitTheme = (0, _createTheme.default)({
+  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
+          }
+        }
+      }
+    }
+  })
+});
+var _default = LightUIKitTheme;
+exports.default = _default;
+//# sourceMappingURL=LightUIKitTheme.js.map

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

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