@admin-layout/client 1.4.0-alpha.7 → 2.0.1-alpha.13

package/lib/themes/templates/lightLayoutTheme.js

@@ -0,0 +1,217 @@
+import { blue, orange, green, yellow, red, white } from '../../colors';
+import { systemFont } from '../systemFont';
+export const colors = {
+    background: white.base400,
+    foreground: white.base,
+    text: white.base900,
+    textField: white.base400,
+    placeholder: white.base300,
+    label: white.base200,
+    separator: white.base400,
+    black: 'black',
+    white: 'white',
+    transparent: 'transparent',
+    // Main Colors
+    mainInteractiveColor100: blue.base100,
+    mainInteractiveColor200: blue.base200,
+    mainInteractiveColor300: blue.base300,
+    mainInteractiveColor400: blue.base400,
+    mainInteractiveColor: blue.base,
+    mainInteractiveColor600: blue.base600,
+    mainInteractiveColor700: blue.base700,
+    mainInteractiveColor800: blue.base800,
+    mainInteractiveColor900: blue.base900,
+    // Alternative Colors
+    alternativeInteractiveColor100: orange.base100,
+    alternativeInteractiveColor200: orange.base200,
+    alternativeInteractiveColor300: orange.base300,
+    alternativeInteractiveColor400: orange.base400,
+    alternativeInteractiveColor: orange.base,
+    alternativeInteractiveColor600: orange.base600,
+    alternativeInteractiveColor700: orange.base700,
+    alternativeInteractiveColor800: orange.base800,
+    alternativeInteractiveColor900: orange.base900,
+    // Success Colors
+    successInteractiveColor100: green.base100,
+    successInteractiveColor200: green.base200,
+    successInteractiveColor300: green.base300,
+    successInteractiveColor400: green.base400,
+    successInteractiveColor: green.base,
+    successInteractiveColor600: green.base600,
+    successInteractiveColor700: green.base700,
+    successInteractiveColor800: green.base800,
+    successInteractiveColor900: green.base900,
+    // Warning
+    warningInteractiveColor100: yellow.base100,
+    warningInteractiveColor200: yellow.base200,
+    warningInteractiveColor300: yellow.base300,
+    warningInteractiveColor400: yellow.base400,
+    warningInteractiveColor: yellow.base,
+    warningInteractiveColor600: yellow.base600,
+    warningInteractiveColor700: yellow.base700,
+    warningInteractiveColor800: yellow.base800,
+    warningInteractiveColor900: yellow.base900,
+    // Danger,
+    dangerInteractiveColor100: red.base100,
+    dangerInteractiveColor200: red.base200,
+    dangerInteractiveColor300: red.base300,
+    dangerInteractiveColor400: red.base400,
+    dangerInteractiveColor: red.base,
+    dangerInteractiveColor600: red.base600,
+    dangerInteractiveColor700: red.base700,
+    dangerInteractiveColor800: red.base800,
+    dangerInteractiveColor900: red.base900,
+    // Content
+    contentInteractiveColor100: white.base100,
+    contentInteractiveColor200: white.base200,
+    contentInteractiveColor300: white.base300,
+    contentInteractiveColor400: white.base300,
+    contentInteractiveColor: white.base400,
+    contentInteractiveColor600: white.base300,
+    contentInteractiveColor700: white.base300,
+    contentInteractiveColor800: white.base200,
+    contentInteractiveColor900: white.base100
+};
+export const spacings = {
+    xs: 8,
+    s: 12,
+    m: 16,
+    lg: 24,
+    xl: 32
+};
+export const borderRadius = {
+    xs: 4,
+    s: 8,
+    m: 12,
+    lg: 16,
+    xl: 20
+};
+export const sizes = {
+    interactiveItemHeight: 44,
+    loadingComponentHeightForButton: 24,
+    textFieldIconSize: 16,
+    textFieldHeight: 44,
+    checkBoxSize: 20,
+    radioButtonSize: 20,
+    segmentedControlSize: 32,
+    audioControlToggleButtonSize: 32,
+    audioControlToggleButtonIconSize: 16,
+    baseRowHeight: 45,
+    colorTabListItemHeight: 44
+};
+export const shadows = {
+    mainShadow: '0px 1px 2px rgba(0, 0, 0, 0.05)',
+    thumbShadow: '0px 1px 2px rgba(0, 0, 0, 0.25)'
+};
+export const textVariants = {
+    normal: {
+        fontSize: 17,
+        fontWeight: 400,
+        color: 'text',
+        fontFamily: systemFont
+    },
+    title: {
+        fontSize: 25,
+        fontWeight: 700,
+        color: 'text',
+        fontFamily: systemFont
+    },
+    title2: {
+        fontSize: 23,
+        fontWeight: 700,
+        color: 'text',
+        fontFamily: systemFont
+    },
+    title3: {
+        fontSize: 21,
+        fontWeight: 700,
+        color: 'text',
+        fontFamily: systemFont
+    },
+    subtitle: {
+        fontSize: 19,
+        fontWeight: 600,
+        color: 'text',
+        fontFamily: systemFont
+    },
+    placeholder: {
+        fontSize: 17,
+        fontWeight: 600,
+        color: 'placeholder',
+        fontFamily: systemFont
+    },
+    label: {
+        fontSize: 17,
+        fontWeight: 400,
+        color: 'label',
+        fontFamily: systemFont
+    },
+    small: {
+        fontSize: 15,
+        fontWeight: 400,
+        color: 'text',
+        fontFamily: systemFont
+    },
+    smallLabel: {
+        fontSize: 15,
+        fontWeight: 400,
+        color: 'label',
+        fontFamily: systemFont
+    },
+    button: {
+        fontSize: 17,
+        fontWeight: 'bold',
+        color: 'white',
+        fontFamily: systemFont
+    },
+    textButton: {
+        fontSize: 17,
+        fontWeight: 400,
+        color: 'mainInteractiveColor',
+        fontFamily: systemFont
+    }
+};
+export const lightNavigationBarTheme = {
+    title: {
+        fontSize: 16,
+        fontWeight: 600,
+        color: 'black'
+    },
+    height: 50,
+    shadow: '0px 1px 1px rgba(0, 0, 0, 0.05)',
+    textButton: {
+        fontSize: 16,
+        fontWeight: 400,
+        color: blue.base,
+        fontFamily: systemFont
+    },
+    iconButtonSize: 22,
+    backgroundColor: white.base
+};
+export const lightTabBarTheme = {
+    tabBarItemText: {
+        fontSize: 11,
+        fontWeight: 500,
+        color: blue.base,
+        fontFamily: systemFont
+    },
+    verticalHeight: 61,
+    horizontalWidth: 81,
+    iOSVerticalHeight: 49,
+    iOSHorizontalWidth: 81,
+    backgroundColor: white.base,
+    shadow: '0px -1px 1px rgba(0, 0, 0, 0.05)',
+    leftPositionShadow: '1px 0px 1px rgba(0, 0, 0, 0.05)',
+    rightPositionShadow: '-1px 0px 1px rgba(0, 0, 0, 0.05)'
+};
+export const lightLayoutTheme = {
+    colors,
+    spacings,
+    borderRadius,
+    sizes,
+    shadows,
+    textVariants,
+    navigationBar: lightNavigationBarTheme,
+    tabBar: lightTabBarTheme
+};
+//# sourceMappingURL=lightLayoutTheme.js.map

package/lib/themes/templates/lightLayoutTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lightLayoutTheme.js","sourceRoot":"","sources":["../../../src/themes/templates/lightLayoutTheme.ts"],"names":[],"mappings":"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"}

package/lib/utils/index.js

@@ -0,0 +1,2 @@
+export * from './seperatedMenus';
+//# sourceMappingURL=index.js.map

package/lib/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}

package/lib/utils/seperatedMenus.js

@@ -0,0 +1,15 @@
+// @sri custom function
+export const getMenuSeparation = (menus) => {
+    const upperMenus = menus.filter((menu) => menu.position === 'UPPER');
+    const middleMenus = menus.filter((menu) => menu.position === 'MIDDLE' ||
+        (menu.position !== 'UPPER' && menu.position !== 'LOWER' && menu.position !== 'BOTTOM'));
+    const lowerMenus = menus.filter((menu) => menu.position === 'LOWER');
+    const bottomMenus = menus.filter((menu) => menu.position === 'BOTTOM');
+    return {
+        upperMenus,
+        middleMenus,
+        lowerMenus,
+        bottomMenus,
+    };
+};
+//# sourceMappingURL=seperatedMenus.js.map

package/lib/utils/seperatedMenus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"seperatedMenus.js","sourceRoot":"","sources":["../../src/utils/seperatedMenus.ts"],"names":[],"mappings":"AAUA,uBAAuB;AACvB,MAAM,CAAC,MAAM,iBAAiB,GAAkD,CAAC,KAAK,EAAE,EAAE;IACtF,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,KAAK,OAAO,CAAC,CAAC;IACrE,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAC5B,CAAC,IAAI,EAAE,EAAE,CACL,IAAI,CAAC,QAAQ,KAAK,QAAQ;QAC1B,CAAC,IAAI,CAAC,QAAQ,KAAK,OAAO,IAAI,IAAI,CAAC,QAAQ,KAAK,OAAO,IAAI,IAAI,CAAC,QAAQ,KAAK,QAAQ,CAAC,CAC7F,CAAC;IACF,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,KAAK,OAAO,CAAC,CAAC;IACrE,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,KAAK,QAAQ,CAAC,CAAC;IACvE,OAAO;QACH,UAAU;QACV,WAAW;QACX,UAAU;QACV,WAAW;KACd,CAAC;AACN,CAAC,CAAC"}

package/package.json

@@ -1,15 +1,16 @@
 {
   "name": "@admin-layout/client",
-  "version": "1.4.0-alpha.7",
+  "version": "2.0.1-alpha.13",
   "description": "Sample client for higher packages to depend on",
   "license": "ISC",
   "author": "CDMBase LLC",
   "main": "lib/index.js",
   "typings": "lib/index.d.ts",
+  "react-native": "lib/index.native.js",
   "scripts": {
     "build": "yarn build:clean && yarn build:lib",
     "build:clean": "rimraf lib",
-    "build:lib": "webpack",
+    "build:lib": "tsc",
     "build:lib:watch": "yarn build:lib -- --watch",
     "jest": "./node_modules/.bin/jest",
     "prepublish": "yarn build",
@@ -33,5 +34,5 @@
   "typescript": {
     "definition": "lib/index.d.ts"
   },
-  "gitHead": "9245426b203a2ac2f2b5d320ee594ead6b7a518c"
+  "gitHead": "d155fd5da4743a8035824d98a5d02cf1a7693a60"
 }