@kiosinc/commons-rn 0.1.97 → 0.1.98

package/lib/commonjs/utils/colorPaletteGenerator.js

@@ -0,0 +1,126 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.prepareVariant = exports.getPreviewColors = exports.getMatchingColor = exports.createColorPalette = void 0;
+var _materialColorUtilities = require("@material/material-color-utilities");
+var _camelcase = _interopRequireDefault(require("camelcase"));
+var _color = _interopRequireDefault(require("color"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const opacity = {
+  level1: 0.08,
+  level2: 0.12,
+  level3: 0.16,
+  level4: 0.38
+};
+const elevationLevels = [0.05, 0.08, 0.11, 0.12, 0.14];
+const nonMaterialCore = ['elevation', 'shadow', 'scrim', 'inverseSurface', 'inverseOnSurface', 'surfaceDisabled', 'onSurfaceDisabled', 'outlineVariant', 'backdrop', 'inversePrimary'];
+const argbThemeFromColor = (color, type = 'light') => {
+  return (0, _materialColorUtilities.themeFromSourceColor)((0, _materialColorUtilities.argbFromRgb)(color.R, color.G, color.B)).schemes[type].toJSON();
+};
+const argbThemeToRgbTheme = theme => {
+  return Object.fromEntries(
+  //@ts-ignore
+  Object.entries(theme).map(([key, value]) => [key,
+  //@ts-ignore
+  (0, _color.default)(value).rgb().string()]));
+};
+const prepareSurfaceColors = argbTheme => {
+  const {
+    palettes
+  } = (0, _materialColorUtilities.themeFromSourceColor)(argbTheme.primary);
+  const surfaceDisabled = (0, _color.default)(argbTheme.onSurface).alpha(opacity.level2).rgb().string();
+  const onSurfaceDisabled = (0, _color.default)(argbTheme.onSurface).alpha(opacity.level4).rgb().string();
+  const backdrop = (0, _color.default)(palettes.neutralVariant.tone(20)).alpha(0.4).rgb().string();
+  return {
+    surfaceDisabled,
+    onSurfaceDisabled,
+    backdrop
+  };
+};
+const prepareElevations = argbTheme => {
+  const elevations = {
+    level0: 'transparent'
+  };
+  const {
+    primary,
+    surface
+  } = argbTheme;
+  for (let i = 0; i < elevationLevels.length; i++) {
+    elevations[`level${i + 1}`] = (0, _color.default)(surface).mix((0, _color.default)(primary), Number(elevationLevels[i])).rgb().string();
+  }
+  return elevations;
+};
+const getPreviewColors = theme => {
+  const preview = {
+    ...theme
+  };
+  for (const key of nonMaterialCore) {
+    delete preview[key];
+  }
+  delete preview.elevation;
+  return Object.entries(preview);
+};
+exports.getPreviewColors = getPreviewColors;
+const getMatchingColor = (colorName, theme) => {
+  if (colorName === 'outline') {
+    return theme.surface;
+  }
+  if (colorName.startsWith('on')) {
+    const key = (0, _camelcase.default)(colorName.slice(2));
+    return theme[key];
+  }
+  const key = `on${(0, _camelcase.default)(colorName, {
+    pascalCase: true
+  })}`;
+  return theme[key];
+};
+exports.getMatchingColor = getMatchingColor;
+const prepareVariant = ({
+  primary,
+  secondary,
+  tertiary,
+  type
+}) => {
+  const baseTheme = argbThemeFromColor(primary, type);
+  if (secondary) {
+    const secondaryTheme = argbThemeFromColor(secondary, type);
+    baseTheme.secondary = secondaryTheme.primary;
+    baseTheme.onSecondary = secondaryTheme.onPrimary;
+    baseTheme.secondaryContainer = secondaryTheme.primaryContainer;
+    baseTheme.onSecondaryContainer = secondaryTheme.onPrimaryContainer;
+  }
+  if (tertiary) {
+    const tertiaryTheme = argbThemeFromColor(tertiary, type);
+    baseTheme.tertiary = tertiaryTheme.primary;
+    baseTheme.onTertiary = tertiaryTheme.onPrimary;
+    baseTheme.tertiaryContainer = tertiaryTheme.primaryContainer;
+    baseTheme.onTertiaryContainer = tertiaryTheme.onPrimaryContainer;
+  }
+  const theme = argbThemeToRgbTheme(baseTheme);
+  const elevation = prepareElevations(baseTheme);
+  const surfaceColors = prepareSurfaceColors(baseTheme);
+  return {
+    ...theme,
+    elevation,
+    ...surfaceColors
+  };
+};
+exports.prepareVariant = prepareVariant;
+const createColorPalette = colors => {
+  const light = prepareVariant({
+    ...colors,
+    type: 'light'
+  });
+  const dark = prepareVariant({
+    ...colors,
+    type: 'dark'
+  });
+  return {
+    light,
+    dark
+  };
+};
+exports.createColorPalette = createColorPalette;
+//# sourceMappingURL=colorPaletteGenerator.js.map

package/lib/commonjs/utils/colorPaletteGenerator.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_materialColorUtilities","require","_camelcase","_interopRequireDefault","_color","obj","__esModule","default","opacity","level1","level2","level3","level4","elevationLevels","nonMaterialCore","argbThemeFromColor","color","type","themeFromSourceColor","argbFromRgb","R","G","B","schemes","toJSON","argbThemeToRgbTheme","theme","Object","fromEntries","entries","map","key","value","Color","rgb","string","prepareSurfaceColors","argbTheme","palettes","primary","surfaceDisabled","onSurface","alpha","onSurfaceDisabled","backdrop","neutralVariant","tone","prepareElevations","elevations","level0","surface","i","length","mix","Number","getPreviewColors","preview","elevation","exports","getMatchingColor","colorName","startsWith","camelCase","slice","pascalCase","prepareVariant","secondary","tertiary","baseTheme","secondaryTheme","onSecondary","onPrimary","secondaryContainer","primaryContainer","onSecondaryContainer","onPrimaryContainer","tertiaryTheme","onTertiary","tertiaryContainer","onTertiaryContainer","surfaceColors","createColorPalette","colors","light","dark"],"sourceRoot":"../../../src","sources":["utils/colorPaletteGenerator.ts"],"mappings":"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"}

package/lib/commonjs/utils/index.js

@@ -21,6 +21,12 @@ Object.defineProperty(exports, "analytics", {
     return _analytics.analytics;
   }
 });
+Object.defineProperty(exports, "createColorPalette", {
+  enumerable: true,
+  get: function () {
+    return _colorPaletteGenerator.createColorPalette;
+  }
+});
 exports.getPercentageFromHeight = exports.getCurrentTimestamp = void 0;
 Object.defineProperty(exports, "useMultiSnapBottomSheetRef", {
   enumerable: true,
@@ -38,6 +44,7 @@ var _reactNative = require("react-native");
 var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
 var _firestore = _interopRequireDefault(require("@react-native-firebase/firestore"));
 var _analytics = require("./analytics");
+var _colorPaletteGenerator = require("./colorPaletteGenerator");
 var _currency = require("./currency");
 var _useMultiSnapBottomSheetRef = require("./useMultiSnapBottomSheetRef");
 var _useSingleSnapBottomSheetRef = require("./useSingleSnapBottomSheetRef");

package/lib/commonjs/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_reactNativeSafeAreaContext","_firestore","_interopRequireDefault","_analytics","_currency","_useMultiSnapBottomSheetRef","_useSingleSnapBottomSheetRef","obj","__esModule","default","getPercentageFromHeight","height","totalHeight","Dimensions","get","initialWindowMetrics","insets","top","bottom","Math","ceil","exports","getCurrentTimestamp","firestoreTimestamp","firestore","Timestamp","now","toDate","formattedTimestamp","toISOString"],"sourceRoot":"../../../src","sources":["utils/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,2BAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAC,sBAAA,CAAAH,OAAA;AAkBA,IAAAI,UAAA,GAAAJ,OAAA;AACA,IAAAK,SAAA,GAAAL,OAAA;AACA,IAAAM,2BAAA,GAAAN,OAAA;AAIA,IAAAO,4BAAA,GAAAP,OAAA;AAGuC,SAAAG,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAzBhC,MAAMG,uBAAuB,GAAIC,MAAc,IAAa;EACjE,MAAMC,WAAW,GACfC,uBAAU,CAACC,GAAG,CAAC,QAAQ,CAAC,CAACH,MAAM,IAC9BI,gDAAoB,EAAEC,MAAM,EAAEC,GAAG,IAAI,CAAC,CAAC,IACvCF,gDAAoB,EAAEC,MAAM,EAAEE,MAAM,IAAI,CAAC,CAAC;EAE7C,OAAOC,IAAI,CAACC,IAAI,CAAET,MAAM,GAAGC,WAAW,GAAI,GAAG,CAAC,GAAG,GAAG;AACtD,CAAC;AAACS,OAAA,CAAAX,uBAAA,GAAAA,uBAAA;AAEK,MAAMY,mBAAmB,GAAGA,CAAA,KAAM;EACvC,MAAMC,kBAAkB,GAAGC,kBAAS,CAACC,SAAS,CAACC,GAAG,CAAC,CAAC,CAACC,MAAM,CAAC,CAAC;EAC7D,MAAMC,kBAAkB,GAAGL,kBAAkB,CAACM,WAAW,CAAC,CAAC;EAE3D,OAAOD,kBAAkB;AAC3B,CAAC;AAACP,OAAA,CAAAC,mBAAA,GAAAA,mBAAA"}
+{"version":3,"names":["_reactNative","require","_reactNativeSafeAreaContext","_firestore","_interopRequireDefault","_analytics","_colorPaletteGenerator","_currency","_useMultiSnapBottomSheetRef","_useSingleSnapBottomSheetRef","obj","__esModule","default","getPercentageFromHeight","height","totalHeight","Dimensions","get","initialWindowMetrics","insets","top","bottom","Math","ceil","exports","getCurrentTimestamp","firestoreTimestamp","firestore","Timestamp","now","toDate","formattedTimestamp","toISOString"],"sourceRoot":"../../../src","sources":["utils/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,2BAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAC,sBAAA,CAAAH,OAAA;AAkBA,IAAAI,UAAA,GAAAJ,OAAA;AACA,IAAAK,sBAAA,GAAAL,OAAA;AACA,IAAAM,SAAA,GAAAN,OAAA;AACA,IAAAO,2BAAA,GAAAP,OAAA;AAIA,IAAAQ,4BAAA,GAAAR,OAAA;AAGuC,SAAAG,uBAAAM,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AA1BhC,MAAMG,uBAAuB,GAAIC,MAAc,IAAa;EACjE,MAAMC,WAAW,GACfC,uBAAU,CAACC,GAAG,CAAC,QAAQ,CAAC,CAACH,MAAM,IAC9BI,gDAAoB,EAAEC,MAAM,EAAEC,GAAG,IAAI,CAAC,CAAC,IACvCF,gDAAoB,EAAEC,MAAM,EAAEE,MAAM,IAAI,CAAC,CAAC;EAE7C,OAAOC,IAAI,CAACC,IAAI,CAAET,MAAM,GAAGC,WAAW,GAAI,GAAG,CAAC,GAAG,GAAG;AACtD,CAAC;AAACS,OAAA,CAAAX,uBAAA,GAAAA,uBAAA;AAEK,MAAMY,mBAAmB,GAAGA,CAAA,KAAM;EACvC,MAAMC,kBAAkB,GAAGC,kBAAS,CAACC,SAAS,CAACC,GAAG,CAAC,CAAC,CAACC,MAAM,CAAC,CAAC;EAC7D,MAAMC,kBAAkB,GAAGL,kBAAkB,CAACM,WAAW,CAAC,CAAC;EAE3D,OAAOD,kBAAkB;AAC3B,CAAC;AAACP,OAAA,CAAAC,mBAAA,GAAAA,mBAAA"}

package/lib/module/utils/colorPaletteGenerator.js

@@ -0,0 +1,117 @@
+import { argbFromRgb, themeFromSourceColor
+//@ts-ignore
+} from '@material/material-color-utilities';
+import camelCase from 'camelcase';
+import Color from 'color';
+const opacity = {
+  level1: 0.08,
+  level2: 0.12,
+  level3: 0.16,
+  level4: 0.38
+};
+const elevationLevels = [0.05, 0.08, 0.11, 0.12, 0.14];
+const nonMaterialCore = ['elevation', 'shadow', 'scrim', 'inverseSurface', 'inverseOnSurface', 'surfaceDisabled', 'onSurfaceDisabled', 'outlineVariant', 'backdrop', 'inversePrimary'];
+const argbThemeFromColor = (color, type = 'light') => {
+  return themeFromSourceColor(argbFromRgb(color.R, color.G, color.B)).schemes[type].toJSON();
+};
+const argbThemeToRgbTheme = theme => {
+  return Object.fromEntries(
+  //@ts-ignore
+  Object.entries(theme).map(([key, value]) => [key,
+  //@ts-ignore
+  Color(value).rgb().string()]));
+};
+const prepareSurfaceColors = argbTheme => {
+  const {
+    palettes
+  } = themeFromSourceColor(argbTheme.primary);
+  const surfaceDisabled = Color(argbTheme.onSurface).alpha(opacity.level2).rgb().string();
+  const onSurfaceDisabled = Color(argbTheme.onSurface).alpha(opacity.level4).rgb().string();
+  const backdrop = Color(palettes.neutralVariant.tone(20)).alpha(0.4).rgb().string();
+  return {
+    surfaceDisabled,
+    onSurfaceDisabled,
+    backdrop
+  };
+};
+const prepareElevations = argbTheme => {
+  const elevations = {
+    level0: 'transparent'
+  };
+  const {
+    primary,
+    surface
+  } = argbTheme;
+  for (let i = 0; i < elevationLevels.length; i++) {
+    elevations[`level${i + 1}`] = Color(surface).mix(Color(primary), Number(elevationLevels[i])).rgb().string();
+  }
+  return elevations;
+};
+export const getPreviewColors = theme => {
+  const preview = {
+    ...theme
+  };
+  for (const key of nonMaterialCore) {
+    delete preview[key];
+  }
+  delete preview.elevation;
+  return Object.entries(preview);
+};
+export const getMatchingColor = (colorName, theme) => {
+  if (colorName === 'outline') {
+    return theme.surface;
+  }
+  if (colorName.startsWith('on')) {
+    const key = camelCase(colorName.slice(2));
+    return theme[key];
+  }
+  const key = `on${camelCase(colorName, {
+    pascalCase: true
+  })}`;
+  return theme[key];
+};
+export const prepareVariant = ({
+  primary,
+  secondary,
+  tertiary,
+  type
+}) => {
+  const baseTheme = argbThemeFromColor(primary, type);
+  if (secondary) {
+    const secondaryTheme = argbThemeFromColor(secondary, type);
+    baseTheme.secondary = secondaryTheme.primary;
+    baseTheme.onSecondary = secondaryTheme.onPrimary;
+    baseTheme.secondaryContainer = secondaryTheme.primaryContainer;
+    baseTheme.onSecondaryContainer = secondaryTheme.onPrimaryContainer;
+  }
+  if (tertiary) {
+    const tertiaryTheme = argbThemeFromColor(tertiary, type);
+    baseTheme.tertiary = tertiaryTheme.primary;
+    baseTheme.onTertiary = tertiaryTheme.onPrimary;
+    baseTheme.tertiaryContainer = tertiaryTheme.primaryContainer;
+    baseTheme.onTertiaryContainer = tertiaryTheme.onPrimaryContainer;
+  }
+  const theme = argbThemeToRgbTheme(baseTheme);
+  const elevation = prepareElevations(baseTheme);
+  const surfaceColors = prepareSurfaceColors(baseTheme);
+  return {
+    ...theme,
+    elevation,
+    ...surfaceColors
+  };
+};
+export const createColorPalette = colors => {
+  const light = prepareVariant({
+    ...colors,
+    type: 'light'
+  });
+  const dark = prepareVariant({
+    ...colors,
+    type: 'dark'
+  });
+  return {
+    light,
+    dark
+  };
+};
+//# sourceMappingURL=colorPaletteGenerator.js.map

package/lib/module/utils/colorPaletteGenerator.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["argbFromRgb","themeFromSourceColor","camelCase","Color","opacity","level1","level2","level3","level4","elevationLevels","nonMaterialCore","argbThemeFromColor","color","type","R","G","B","schemes","toJSON","argbThemeToRgbTheme","theme","Object","fromEntries","entries","map","key","value","rgb","string","prepareSurfaceColors","argbTheme","palettes","primary","surfaceDisabled","onSurface","alpha","onSurfaceDisabled","backdrop","neutralVariant","tone","prepareElevations","elevations","level0","surface","i","length","mix","Number","getPreviewColors","preview","elevation","getMatchingColor","colorName","startsWith","slice","pascalCase","prepareVariant","secondary","tertiary","baseTheme","secondaryTheme","onSecondary","onPrimary","secondaryContainer","primaryContainer","onSecondaryContainer","onPrimaryContainer","tertiaryTheme","onTertiary","tertiaryContainer","onTertiaryContainer","surfaceColors","createColorPalette","colors","light","dark"],"sourceRoot":"../../../src","sources":["utils/colorPaletteGenerator.ts"],"mappings":"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"}

package/lib/module/utils/index.js

@@ -11,6 +11,7 @@ export const getCurrentTimestamp = () => {
   return formattedTimestamp;
 };
 export { analytics, Analytics } from './analytics';
+export { createColorPalette } from './colorPaletteGenerator';
 export { Currency } from './currency';
 export { useMultiSnapBottomSheetRef } from './useMultiSnapBottomSheetRef';
 export { useSingleSnapBottomSheetRef } from './useSingleSnapBottomSheetRef';

package/lib/module/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["Dimensions","initialWindowMetrics","firestore","getPercentageFromHeight","height","totalHeight","get","insets","top","bottom","Math","ceil","getCurrentTimestamp","firestoreTimestamp","Timestamp","now","toDate","formattedTimestamp","toISOString","analytics","Analytics","Currency","useMultiSnapBottomSheetRef","useSingleSnapBottomSheetRef"],"sourceRoot":"../../../src","sources":["utils/index.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,oBAAoB,QAAQ,gCAAgC;AACrE,OAAOC,SAAS,MAAM,kCAAkC;AAExD,OAAO,MAAMC,uBAAuB,GAAIC,MAAc,IAAa;EACjE,MAAMC,WAAW,GACfL,UAAU,CAACM,GAAG,CAAC,QAAQ,CAAC,CAACF,MAAM,IAC9BH,oBAAoB,EAAEM,MAAM,EAAEC,GAAG,IAAI,CAAC,CAAC,IACvCP,oBAAoB,EAAEM,MAAM,EAAEE,MAAM,IAAI,CAAC,CAAC;EAE7C,OAAOC,IAAI,CAACC,IAAI,CAAEP,MAAM,GAAGC,WAAW,GAAI,GAAG,CAAC,GAAG,GAAG;AACtD,CAAC;AAED,OAAO,MAAMO,mBAAmB,GAAGA,CAAA,KAAM;EACvC,MAAMC,kBAAkB,GAAGX,SAAS,CAACY,SAAS,CAACC,GAAG,CAAC,CAAC,CAACC,MAAM,CAAC,CAAC;EAC7D,MAAMC,kBAAkB,GAAGJ,kBAAkB,CAACK,WAAW,CAAC,CAAC;EAE3D,OAAOD,kBAAkB;AAC3B,CAAC;AAED,SAASE,SAAS,EAAEC,SAAS,QAAQ,aAAa;AAClD,SAASC,QAAQ,QAAQ,YAAY;AACrC,SAEEC,0BAA0B,QACrB,8BAA8B;AACrC,SAEEC,2BAA2B,QACtB,+BAA+B"}
+{"version":3,"names":["Dimensions","initialWindowMetrics","firestore","getPercentageFromHeight","height","totalHeight","get","insets","top","bottom","Math","ceil","getCurrentTimestamp","firestoreTimestamp","Timestamp","now","toDate","formattedTimestamp","toISOString","analytics","Analytics","createColorPalette","Currency","useMultiSnapBottomSheetRef","useSingleSnapBottomSheetRef"],"sourceRoot":"../../../src","sources":["utils/index.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,oBAAoB,QAAQ,gCAAgC;AACrE,OAAOC,SAAS,MAAM,kCAAkC;AAExD,OAAO,MAAMC,uBAAuB,GAAIC,MAAc,IAAa;EACjE,MAAMC,WAAW,GACfL,UAAU,CAACM,GAAG,CAAC,QAAQ,CAAC,CAACF,MAAM,IAC9BH,oBAAoB,EAAEM,MAAM,EAAEC,GAAG,IAAI,CAAC,CAAC,IACvCP,oBAAoB,EAAEM,MAAM,EAAEE,MAAM,IAAI,CAAC,CAAC;EAE7C,OAAOC,IAAI,CAACC,IAAI,CAAEP,MAAM,GAAGC,WAAW,GAAI,GAAG,CAAC,GAAG,GAAG;AACtD,CAAC;AAED,OAAO,MAAMO,mBAAmB,GAAGA,CAAA,KAAM;EACvC,MAAMC,kBAAkB,GAAGX,SAAS,CAACY,SAAS,CAACC,GAAG,CAAC,CAAC,CAACC,MAAM,CAAC,CAAC;EAC7D,MAAMC,kBAAkB,GAAGJ,kBAAkB,CAACK,WAAW,CAAC,CAAC;EAE3D,OAAOD,kBAAkB;AAC3B,CAAC;AAED,SAASE,SAAS,EAAEC,SAAS,QAAQ,aAAa;AAClD,SAASC,kBAAkB,QAAQ,yBAAyB;AAC5D,SAASC,QAAQ,QAAQ,YAAY;AACrC,SAEEC,0BAA0B,QACrB,8BAA8B;AACrC,SAEEC,2BAA2B,QACtB,+BAA+B"}

package/lib/typescript/src/utils/colorPaletteGenerator.d.ts

@@ -0,0 +1,132 @@
+type RGBColorList = {
+    primary: {
+        R: number;
+        B: number;
+        G: number;
+    };
+    secondary?: {
+        R: number;
+        B: number;
+        G: number;
+    };
+    tertiary?: {
+        R: number;
+        B: number;
+        G: number;
+    };
+    custom?: [string, string][];
+};
+type CustomTheme = RGBColorList & {
+    type: 'light' | 'dark';
+};
+export declare const getPreviewColors: (theme: Record<string, any>) => [string, any][];
+export declare const getMatchingColor: (colorName: string, theme: Record<string, any>) => any;
+export declare const prepareVariant: ({ primary, secondary, tertiary, type, }: CustomTheme) => {
+    surfaceDisabled: string;
+    onSurfaceDisabled: string;
+    backdrop: string;
+    elevation: Record<string, string>;
+    primary: string;
+    primaryContainer: string;
+    secondary: string;
+    secondaryContainer: string;
+    tertiary: string;
+    tertiaryContainer: string;
+    surface: string;
+    surfaceVariant: string;
+    background: string;
+    error: string;
+    errorContainer: string;
+    onPrimary: string;
+    onPrimaryContainer: string;
+    onSecondary: string;
+    onSecondaryContainer: string;
+    onTertiary: string;
+    onTertiaryContainer: string;
+    onSurface: string;
+    onSurfaceVariant: string;
+    onError: string;
+    onErrorContainer: string;
+    onBackground: string;
+    outline: string;
+    outlineVariant: string;
+    inverseSurface: string;
+    inverseOnSurface: string;
+    inversePrimary: string;
+    shadow: string;
+    scrim: string;
+};
+export declare const createColorPalette: (colors: RGBColorList) => {
+    light: {
+        surfaceDisabled: string;
+        onSurfaceDisabled: string;
+        backdrop: string;
+        elevation: Record<string, string>;
+        primary: string;
+        primaryContainer: string;
+        secondary: string;
+        secondaryContainer: string;
+        tertiary: string;
+        tertiaryContainer: string;
+        surface: string;
+        surfaceVariant: string;
+        background: string;
+        error: string;
+        errorContainer: string;
+        onPrimary: string;
+        onPrimaryContainer: string;
+        onSecondary: string;
+        onSecondaryContainer: string;
+        onTertiary: string;
+        onTertiaryContainer: string;
+        onSurface: string;
+        onSurfaceVariant: string;
+        onError: string;
+        onErrorContainer: string;
+        onBackground: string;
+        outline: string;
+        outlineVariant: string;
+        inverseSurface: string;
+        inverseOnSurface: string;
+        inversePrimary: string;
+        shadow: string;
+        scrim: string;
+    };
+    dark: {
+        surfaceDisabled: string;
+        onSurfaceDisabled: string;
+        backdrop: string;
+        elevation: Record<string, string>;
+        primary: string;
+        primaryContainer: string;
+        secondary: string;
+        secondaryContainer: string;
+        tertiary: string;
+        tertiaryContainer: string;
+        surface: string;
+        surfaceVariant: string;
+        background: string;
+        error: string;
+        errorContainer: string;
+        onPrimary: string;
+        onPrimaryContainer: string;
+        onSecondary: string;
+        onSecondaryContainer: string;
+        onTertiary: string;
+        onTertiaryContainer: string;
+        onSurface: string;
+        onSurfaceVariant: string;
+        onError: string;
+        onErrorContainer: string;
+        onBackground: string;
+        outline: string;
+        outlineVariant: string;
+        inverseSurface: string;
+        inverseOnSurface: string;
+        inversePrimary: string;
+        shadow: string;
+        scrim: string;
+    };
+};
+export {};
+//# sourceMappingURL=colorPaletteGenerator.d.ts.map

package/lib/typescript/src/utils/colorPaletteGenerator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"colorPaletteGenerator.d.ts","sourceRoot":"","sources":["../../../../src/utils/colorPaletteGenerator.ts"],"names":[],"mappings":"AAWA,KAAK,YAAY,GAAG;IAClB,OAAO,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC7C,SAAS,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAChD,QAAQ,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC/C,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,CAAC;CAC7B,CAAC;AAEF,KAAK,WAAW,GAAG,YAAY,GAAG;IAAE,IAAI,EAAE,OAAO,GAAG,MAAM,CAAA;CAAE,CAAC;AAsF7D,eAAO,MAAM,gBAAgB,UAAW,OAAO,MAAM,EAAE,GAAG,CAAC,oBAU1D,CAAC;AAEF,eAAO,MAAM,gBAAgB,cAChB,MAAM,SACV,OAAO,MAAM,EAAE,GAAG,CAAC,QAa3B,CAAC;AAEF,eAAO,MAAM,cAAc,4CAKxB,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4Bb,CAAC;AAEF,eAAO,MAAM,kBAAkB,WAAY,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAYtD,CAAC"}

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

@@ -1,6 +1,7 @@
 export declare const getPercentageFromHeight: (height: number) => string;
 export declare const getCurrentTimestamp: () => any;
 export { analytics, Analytics } from './analytics';
+export { createColorPalette } from './colorPaletteGenerator';
 export { Currency } from './currency';
 export { type TMultiSnapBottomSheetRef, useMultiSnapBottomSheetRef, } from './useMultiSnapBottomSheetRef';
 export { type TSingleSnapBottomSheetRef, useSingleSnapBottomSheetRef, } from './useSingleSnapBottomSheetRef';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/utils/index.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,uBAAuB,WAAY,MAAM,KAAG,MAOxD,CAAC;AAEF,eAAO,MAAM,mBAAmB,WAK/B,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EACL,KAAK,wBAAwB,EAC7B,0BAA0B,GAC3B,MAAM,8BAA8B,CAAC;AACtC,OAAO,EACL,KAAK,yBAAyB,EAC9B,2BAA2B,GAC5B,MAAM,+BAA+B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/utils/index.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,uBAAuB,WAAY,MAAM,KAAG,MAOxD,CAAC;AAEF,eAAO,MAAM,mBAAmB,WAK/B,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EACL,KAAK,wBAAwB,EAC7B,0BAA0B,GAC3B,MAAM,8BAA8B,CAAC;AACtC,OAAO,EACL,KAAK,yBAAyB,EAC9B,2BAA2B,GAC5B,MAAM,+BAA+B,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kiosinc/commons-rn",
-  "version": "0.1.97",
+  "version": "0.1.98",
   "description": "Common Code",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -189,6 +189,7 @@
     "@gorhom/bottom-sheet": "^4.6.1",
     "@hookform/resolvers": "^3.3.2",
     "@kiosinc/commons-types": "^0.0.17",
+    "@material/material-color-utilities": "^0.3.0",
     "@react-native-firebase/firestore": "^20.3.0",
     "@react-native-firebase/messaging": "^20.3.0",
     "@react-native-firebase/storage": "^20.3.0",

package/src/utils/colorPaletteGenerator.ts

@@ -0,0 +1,181 @@
+import {
+  argbFromRgb,
+  themeFromSourceColor,
+  //@ts-ignore
+} from '@material/material-color-utilities';
+import camelCase from 'camelcase';
+import Color from 'color';
+
+type ARGBTheme = ReturnType<typeof argbThemeFromColor>;
+type CSSTheme = Record<keyof ARGBTheme, string>;
+
+type RGBColorList = {
+  primary: { R: number; B: number; G: number };
+  secondary?: { R: number; B: number; G: number };
+  tertiary?: { R: number; B: number; G: number };
+  custom?: [string, string][];
+};
+
+type CustomTheme = RGBColorList & { type: 'light' | 'dark' };
+
+const opacity = {
+  level1: 0.08,
+  level2: 0.12,
+  level3: 0.16,
+  level4: 0.38,
+};
+
+const elevationLevels = [0.05, 0.08, 0.11, 0.12, 0.14];
+
+const nonMaterialCore = [
+  'elevation',
+  'shadow',
+  'scrim',
+  'inverseSurface',
+  'inverseOnSurface',
+  'surfaceDisabled',
+  'onSurfaceDisabled',
+  'outlineVariant',
+  'backdrop',
+  'inversePrimary',
+];
+
+const argbThemeFromColor = (
+  color: { R: number; B: number; G: number },
+  type: 'light' | 'dark' = 'light'
+) => {
+  return themeFromSourceColor(argbFromRgb(color.R, color.G, color.B)).schemes[
+    type
+  ].toJSON();
+};
+
+const argbThemeToRgbTheme = (theme: ARGBTheme) => {
+  return Object.fromEntries(
+    //@ts-ignore
+    Object.entries(theme).map(([key, value]) => [
+      key,
+      //@ts-ignore
+      Color(value).rgb().string(),
+    ])
+  ) as CSSTheme;
+};
+
+const prepareSurfaceColors = (argbTheme: ARGBTheme) => {
+  const { palettes } = themeFromSourceColor(argbTheme.primary);
+
+  const surfaceDisabled = Color(argbTheme.onSurface)
+    .alpha(opacity.level2)
+    .rgb()
+    .string();
+
+  const onSurfaceDisabled = Color(argbTheme.onSurface)
+    .alpha(opacity.level4)
+    .rgb()
+    .string();
+
+  const backdrop = Color(palettes.neutralVariant.tone(20))
+    .alpha(0.4)
+    .rgb()
+    .string();
+
+  return {
+    surfaceDisabled,
+    onSurfaceDisabled,
+    backdrop,
+  };
+};
+
+const prepareElevations = (argbTheme: ARGBTheme) => {
+  const elevations: Record<string, string> = {
+    level0: 'transparent',
+  };
+
+  const { primary, surface } = argbTheme;
+
+  for (let i = 0; i < elevationLevels.length; i++) {
+    elevations[`level${i + 1}`] = Color(surface)
+      .mix(Color(primary), Number(elevationLevels[i]))
+      .rgb()
+      .string();
+  }
+
+  return elevations;
+};
+
+export const getPreviewColors = (theme: Record<string, any>) => {
+  const preview = { ...theme };
+
+  for (const key of nonMaterialCore) {
+    delete preview[key];
+  }
+
+  delete preview.elevation;
+
+  return Object.entries(preview);
+};
+
+export const getMatchingColor = (
+  colorName: string,
+  theme: Record<string, any>
+) => {
+  if (colorName === 'outline') {
+    return theme.surface;
+  }
+
+  if (colorName.startsWith('on')) {
+    const key = camelCase(colorName.slice(2));
+    return theme[key];
+  }
+
+  const key = `on${camelCase(colorName, { pascalCase: true })}`;
+  return theme[key];
+};
+
+export const prepareVariant = ({
+  primary,
+  secondary,
+  tertiary,
+  type,
+}: CustomTheme) => {
+  const baseTheme = argbThemeFromColor(primary, type);
+
+  if (secondary) {
+    const secondaryTheme = argbThemeFromColor(secondary, type);
+    baseTheme.secondary = secondaryTheme.primary;
+    baseTheme.onSecondary = secondaryTheme.onPrimary;
+    baseTheme.secondaryContainer = secondaryTheme.primaryContainer;
+    baseTheme.onSecondaryContainer = secondaryTheme.onPrimaryContainer;
+  }
+
+  if (tertiary) {
+    const tertiaryTheme = argbThemeFromColor(tertiary, type);
+    baseTheme.tertiary = tertiaryTheme.primary;
+    baseTheme.onTertiary = tertiaryTheme.onPrimary;
+    baseTheme.tertiaryContainer = tertiaryTheme.primaryContainer;
+    baseTheme.onTertiaryContainer = tertiaryTheme.onPrimaryContainer;
+  }
+
+  const theme = argbThemeToRgbTheme(baseTheme);
+  const elevation = prepareElevations(baseTheme);
+  const surfaceColors = prepareSurfaceColors(baseTheme);
+
+  return {
+    ...theme,
+    elevation,
+    ...surfaceColors,
+  };
+};
+
+export const createColorPalette = (colors: RGBColorList) => {
+  const light = prepareVariant({
+    ...colors,
+    type: 'light',
+  });
+
+  const dark = prepareVariant({
+    ...colors,
+    type: 'dark',
+  });
+
+  return { light, dark };
+};

package/src/utils/index.ts

@@ -19,6 +19,7 @@ export const getCurrentTimestamp = () => {
 };
 
 export { analytics, Analytics } from './analytics';
+export { createColorPalette } from './colorPaletteGenerator';
 export { Currency } from './currency';
 export {
   type TMultiSnapBottomSheetRef,