refactor(theme): seperate objects

Author: thetaPC

core/src/themes/ios/default.tokens.ts

@@ -87,8 +87,10 @@ export const defaultTheme: DefaultTheme = {
   components: {
     IonChip: {
       margin: '4px',
-      paddingVertical: '6px',
-      paddingHorizontal: '12px',
+      padding: {
+        vertical: '6px',
+        horizontal: '12px',
+      },
 
       // Sizes
       size: {

core/src/themes/md/default.tokens.ts

@@ -92,8 +92,10 @@ export const defaultTheme: DefaultTheme = {
   components: {
     IonChip: {
       margin: '4px',
-      paddingVertical: '6px',
-      paddingHorizontal: '12px',
+      padding: {
+        vertical: '6px',
+        horizontal: '12px',
+      },
 
       // Sizes
       size: {

core/src/themes/themes.interfaces.ts

@@ -261,8 +261,12 @@ export type DefaultTheme = BaseTheme & {
 type Components = {
   IonChip?: {
     margin: string | number;
-    paddingVertical: string | number;
-    paddingHorizontal: string | number;
+
+    padding?: {
+      vertical: string | number;
+      horizontal: string | number;
+    };
+
     gap?: string | number;
     lineHeight?: string | number;