Merge pull request #286 from TobiTRy/buildIn--globalElementSizes

Build in global element sizes
TobiTRy · May 7, 2024 · fb9881f · fb9881f
2 parents 90cdf25 + 59c02e1
commit fb9881f
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 2 deletions.
diff --git a/package.json b/package.json
@@ -5,7 +5,7 @@
     "name": "TobiTRy"
   },
   "private": false,
-  "version": "0.4.3",
+  "version": "0.4.4",
   "type": "module",
   "scripts": {
     "dev": "vite",

diff --git a/src/design/theme/themeStore/themeStore.ts b/src/design/theme/themeStore/themeStore.ts
@@ -3,6 +3,7 @@ import { updateThemeColors, uiColors, IUiColorPops } from '../generateThemeColor
 import { spacingPx, borderRadius, typography } from '../designSizes';
 import { TTheme } from '@/types/TTheme';
 import { breakpoints } from '@/design/theme/brakePoints';
+import { globalElementsizes } from '@/design/theme/globalSizes';
 
 type ThemeState = {
   theme: TTheme;
@@ -16,10 +17,11 @@ type ThemeState = {
 const themeStore = create<ThemeState>((set) => ({
   theme: {
     colors: uiColors,
-    spacing: spacingPx,
     borderRadius: borderRadius,
+    spacing: spacingPx,
     fontSizes: typography,
     breakpoints: breakpoints,
+    globalElementSizes: globalElementsizes,
   },
   isDarkTheme: true,
   switchTheme: () => {

diff --git a/src/types/TTheme.ts b/src/types/TTheme.ts
@@ -3,6 +3,7 @@ import { TUiColorsTypeObject } from './TUiColorsTypeObject';
 import { TSpacings } from './TSpacings';
 import { breakpoints } from '@/design/theme/brakePoints';
 import { TTypographyObj } from '@/components/atoms/Typography/Typography.model';
+import { globalElementsizes } from '@/design/theme/globalSizes';
 
 //the structure for the theme object
 export type TTheme = {
@@ -17,4 +18,7 @@ export type TTheme = {
   breakpoints: {
     [key in keyof typeof breakpoints]: string;
   };
+  globalElementSizes: {
+    [key in keyof typeof globalElementsizes]: string;
+  };
 };