fix(tegel-styles): renaming files and folder

packages/styles/README.md

@@ -10,11 +10,12 @@ Beside the styles, it also includes a `ag-grid-styles.css` file that serves as T
 ```
 @tegel-styles/
     ├── dist/
-        ├── ag-grid/
-        │   └── ag-grid-styles.css
+        ├── customization/
+        │   └── ag-grid/
+        │       └── quartz-theme-override.css
         └── foundations/
             ├── colors.css
-            ├── foundation.css
+            ├── main.css
             ├── grid.css
             ├── logotype.css
             ├── spacing.css
@@ -35,10 +36,10 @@ npm install @tegel-styles
 ## Usage
 
 To use the styles in your project, simply import the CSS file in your main stylesheet.
-Here is an exmaple of importing the foundation styles file:
+Here is an exmaple of importing the main foundation file:
 
 ```css
-import '@tegel-styles/dist/foundations/foundation.css';
+import '@tegel-styles/dist/foundations/main.css';
 ```
 
 ## Contributing

packages/styles/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tegel-styles",
-  "version": "1.0.0",
+  "version": "1.0.0-beta.0",
   "description": "CSS styling package for Tegel Design System.",
   "main": "dist/css/tegel-styles.css",
   "style": "main.scss",

packages/styles/scss/ag-grid/ag-grid-styles.scss → packages/styles/scss/customization/ag-grid/quartz-theme-override.scss

@@ -1,4 +1,4 @@
-/* AG-Grid General Overrides using Tegel Design System Variables */
+/* AG-Grid General Overrides of quartz theme using Tegel Design System Variables */
 
 /* Light mode variables */
 :root {