feat: add whitepaper format for config

src/core-v2/utils.ts

@@ -0,0 +1,15 @@
+export function getCssModifierWithPlatform(value: string): string {
+  const [name, platform] = value.split('@')
+  if (platform === undefined) {
+    return name
+  }
+  return `${name}-${platform}`
+}
+
+export function getFolderWithPlatform(fileName: string): string {
+  const [name, platform] = fileName.split('@')
+  if (platform === undefined) {
+    return name
+  }
+  return `${name}/${platform}`
+}

src/core-v2/whitepaper-config.ts

@@ -1,3 +1,5 @@
+import { getFolderWithPlatform } from './utils'
+
 const whitepaper = {
   space: '',
   size: '',
@@ -6,16 +8,16 @@ const whitepaper = {
   color: '',
 }
 
-export function createWhitepaperConfig({ source, theme }: any): any {
+export function createWhitepaperConfig({ source, theme, outDir }: any): any {
   return {
     source,
     platforms: {
       css: {
-        buildPath: 'build/',
+        buildPath: outDir.endsWith('/') ? outDir : `${outDir}/`,
         transformGroup: 'css',
         files: Object.keys(whitepaper).map((file: any) => ({
-          destination: `${theme}/${file}.css`,
-          format: 'css/variables',
+          destination: `${getFolderWithPlatform(theme)}/${file}.css`,
+          format: 'css/whitepaper',
           filter: (token: any) => token.group === file,
         })),
       },