♻️ Refactor theme structure

packages/cherry-sea/src/cherrySea.ts

@@ -0,0 +1,11 @@
+import type { Theme } from './type.js';
+import { spacing } from './cherrySea/spacing.js';
+import { typeface } from './cherrySea/typeface.js';
+
+/**
+ * Cherry sea theme configuration
+ */
+export const cherrySea = {
+  typeface,
+  spacing,
+} satisfies Theme;

packages/cherry-sea/src/spacing.ts → packages/cherry-sea/src/cherrySea/spacing.ts

@@ -1,5 +1,7 @@
 /* eslint-disable @typescript-eslint/naming-convention */
-const spacing = {
+import type { Spacing } from '../type.js';
+
+export const spacing: Spacing = {
   'space-000': '0px',
   'space-025': '4px',
   'space-050': '8px',
@@ -18,5 +20,3 @@ const spacing = {
   'space-4000': '640px',
   'space-4800': '768px',
 };
-
-export { spacing };

packages/cherry-sea/src/cherrySea/typeface.ts

@@ -0,0 +1,12 @@
+import { Typeface } from '../type.js';
+
+const fallback = ['-apple-system', 'Segoe UI', 'roboto', 'noto sans', 'ubuntu', 'cantarell', 'helvetica neue'];
+
+export const typeface = {
+  brand: Typeface({
+    fontFamily: ['Barlow', ...fallback],
+  }),
+  plain: Typeface({
+    fontFamily: ['Inter', ...fallback],
+  }),
+};

packages/cherry-sea/src/cherrySea/typescale.ts

@@ -0,0 +1 @@
+export const typescale = {};

packages/cherry-sea/src/fonts.ts

@@ -1,5 +1,8 @@
 const fallback = ['-apple-system', 'Segoe UI', 'roboto', 'noto sans', 'ubuntu', 'cantarell', 'helvetica neue'];
 
+/**
+ * @deprecated
+ */
 const fonts = {
   fallback,
   brand: ['Barlow', ...fallback],

packages/cherry-sea/src/index.ts

@@ -1,3 +1,5 @@
 export * from './colors.js';
-export * from './spacing.js';
+export * from './cherrySea/spacing.js';
 export * from './fonts.js';
+export * from './cherrySea.js';
+export * from './type.js';

packages/cherry-sea/src/type/Theme.ts

@@ -1,5 +1,7 @@
 import type { Spacing } from './Spacing.js';
+import type { Typeface } from './Typeface.js';
 
 export interface Theme {
+  typeface: Record<string, Typeface>;
   spacing: Spacing;
 }