update project structure

Author: AhmedElywa

.gitignore

@@ -7,10 +7,10 @@ node_modules
 /coverage
 
 # production
-/build
+build
 
 # npm Package
-/dist
+dist
 components.js
 svg.js
 theme.js

packages/eva-icon/LICENSE.txt packages/icons/LICENSE

@@ -1,4 +1,4 @@
-# What is `@paljs/eva-icon`?
+# What is `@paljs/icons`?
 
 Small tool to get [eva-icon](https://akveo.github.io/eva-icons) package ready to use in [@paljs/ui](https://github.com/paljs/ui) package
 

packages/eva-icon/README.md packages/icons/README.md

@@ -1,9 +1,9 @@
 {
-  "name": "@paljs/eva-icon",
+  "name": "@paljs/icons",
   "version": "1.0.0",
-  "description": "@paljs/eva-icon package for @paljs/ui package",
+  "description": "@paljs/icons package for @paljs/ui package",
   "main": "dist/index.js",
-  "module": "dist/eva-icon.esm.js",
+  "module": "dist/icons.esm.js",
   "types": "dist/index.d.ts",
   "repository": "https://github.com/paljs/ui.git",
   "author": "Ahmed Elywa  <[email protected]> (https://github.com/paljs/ui)",

packages/eva-icon/package.json packages/icons/package.json

@@ -0,0 +1,7 @@
+# What is `@paljs/icons`?
+
+Small tool to get [eva-icon](https://akveo.github.io/eva-icons) package ready to use in [@paljs/ui](https://github.com/paljs/ui) package
+
+## Have questions?
+
+Didn't find something here? Look through the [issues](https://github.com/paljs/ui/issues) or simply drop us a line at <[email protected]>.

packages/eva-icon/src/index.ts packages/icons/src/index.ts

@@ -0,0 +1,16 @@
+{
+  "name": "@paljs/theme",
+  "version": "1.0.0",
+  "main": "dist/index.js",
+  "module": "dist/theme.esm.js",
+  "types": "dist/index.d.ts",
+  "scripts": {
+    "test": "cross-env CI=1 react-scripts test --env=jsdom",
+    "test:watch": "react-scripts test --env=jsdom",
+    "build": "tsdx build --transpileOnly",
+    "prepack": "yarn build",
+    "start": "tsdx watch"
+  },
+  "dependencies": {
+  }
+}

packages/eva-icon/src/types.ts packages/icons/src/types.ts

@@ -0,0 +1,50 @@
+/*
+ * @license
+ * Copyright Ahmed Elywa. All Rights Reserved.
+ * Licensed under the MIT License. See License.txt in the project root for license information.
+ */
+
+import { ThemeObject } from "./themeTypes";
+
+const corporate: Partial<ThemeObject> = {
+  borderRadius: "0.17rem",
+  shadow: "none",
+
+  buttonHeroGlowSize: "0 0 20px 0",
+
+  cardBorderWidth: "1px",
+  cardBorderColor: "borderBasicColor4",
+
+  contextMenuBorderWidth: "1px",
+  contextMenuBorderColor: "borderBasicColor4",
+
+  popoverBorderWidth: "1px",
+  popoverBorderColor: "borderBasicColor4",
+
+  tabsetBorderRadius: "borderRadius",
+  routeTabsetBorderRadius: "borderRadius",
+  userRectangleBorderRadius: "borderRadius",
+  checkboxBorderRadius: "borderRadius",
+
+  tabsetShadow: "none",
+  routeTabsetShadow: "none",
+  buttonHeroShadow: "none",
+  alertShadow: "none",
+  accordionShadow: "none",
+
+  selectOptionsListBorderWidth: "0.0625rem",
+  selectOutlineBasicOpenBorderColor: "selectOptionsListOutlineBasicBorderColor",
+  selectOutlinePrimaryOpenBorderColor:
+    "selectOptionsListOutlinePrimaryBorderColor",
+  selectOutlineSuccessOpenBorderColor:
+    "selectOptionsListOutlineSuccessBorderColor",
+  selectOutlineInfoOpenBorderColor: "selectOptionsListOutlineInfoBorderColor",
+  selectOutlineWarningOpenBorderColor:
+    "selectOptionsListOutlineWarningBorderColor",
+  selectOutlineDangerOpenBorderColor:
+    "selectOptionsListOutlineDangerBorderColor",
+  selectOutlineControlOpenBorderColor:
+    "selectOptionsListOutlineControlBorderColor",
+};
+
+export default corporate;

packages/eva-icon/tsconfig.json packages/icons/tsconfig.json

@@ -0,0 +1,47 @@
+/*
+ * @license
+ * Copyright Ahmed Elywa. All Rights Reserved.
+ * Licensed under the MIT License. See License.txt in the project root for license information.
+ */
+
+import { ThemeObject } from "./themeTypes";
+
+const cosmic: Partial<ThemeObject> = {
+  colorPrimary100: "#faf7ff",
+  colorPrimary200: "#ece3ff",
+  colorPrimary300: "#d5bfff",
+  colorPrimary400: "#b18aff",
+  colorPrimary500: "#a16eff",
+  colorPrimary600: "#7b51db",
+  colorPrimary700: "#5a37b8",
+  colorPrimary800: "#3e2494",
+  colorPrimary900: "#29157a",
+
+  colorPrimaryTransparent100: "rgba(161, 110, 255, 0.08)",
+  colorPrimaryTransparent200: "rgba(161, 110, 255, 0.16)",
+  colorPrimaryTransparent300: "rgba(161, 110, 255, 0.24)",
+  colorPrimaryTransparent400: "rgba(161, 110, 255, 0.32)",
+  colorPrimaryTransparent500: "rgba(161, 110, 255, 0.4)",
+  colorPrimaryTransparent600: "rgba(161, 110, 255, 0.48)",
+
+  colorBasic100: "#ffffff",
+  colorBasic200: "#f7f7fc",
+  colorBasic300: "#f0f0fa",
+  colorBasic400: "#e1e1f2",
+  colorBasic500: "#ceceeb",
+  colorBasic600: "#b4b4db",
+  colorBasic700: "#6a6a94",
+  colorBasic800: "#323259",
+  colorBasic900: "#252547",
+  colorBasic1000: "#1b1b38",
+  colorBasic1100: "#13132b",
+
+  colorBasicTransparent100: "rgba(180, 180, 219, 0.08)",
+  colorBasicTransparent200: "rgba(180, 180, 219, 0.16)",
+  colorBasicTransparent300: "rgba(180, 180, 219, 0.24)",
+  colorBasicTransparent400: "rgba(180, 180, 219, 0.32)",
+  colorBasicTransparent500: "rgba(180, 180, 219, 0.4)",
+  colorBasicTransparent600: "rgba(180, 180, 219, 0.48)",
+};
+
+export default cosmic;

packages/ui/LICENSE.txt packages/theme/LICENSE

@@ -0,0 +1,42 @@
+/*
+ * @license
+ * Copyright Ahmed Elywa. All Rights Reserved.
+ * Licensed under the MIT License. See License.txt in the project root for license information.
+ */
+
+import { ThemeObject } from "./themeTypes";
+
+const dark: Partial<ThemeObject> = {
+  backgroundBasicColor1: "colorBasic800",
+  backgroundBasicColor2: "colorBasic900",
+  backgroundBasicColor3: "colorBasic1000",
+  backgroundBasicColor4: "colorBasic1100",
+
+  borderBasicColor1: "colorBasic800",
+  borderBasicColor2: "colorBasic900",
+  borderBasicColor3: "colorBasic1000",
+  borderBasicColor4: "colorBasic1100",
+  borderBasicColor5: "colorBasic1100",
+
+  backgroundAlternativeColor1: "colorBasic100",
+  backgroundAlternativeColor2: "colorBasic200",
+  backgroundAlternativeColor3: "colorBasic300",
+  backgroundAlternativeColor4: "colorBasic400",
+
+  borderAlternativeColor1: "colorBasic100",
+  borderAlternativeColor2: "colorBasic200",
+  borderAlternativeColor3: "colorBasic300",
+  borderAlternativeColor4: "colorBasic400",
+  borderAlternativeColor5: "colorBasic500",
+
+  textBasicColor: "colorBasic100",
+  textAlternateColor: "colorBasic900",
+  textControlColor: "colorBasic100",
+  textDisabledColor: "colorBasicTransparent600",
+  textHintColor: "colorBasic600",
+
+  shadow: "0 0.5rem 1rem 0 #1a1f33",
+  outlineColor: "colorBasic700",
+};
+
+export default dark;