feat: add whitepaper format for files

src/core-v2/build.ts

@@ -1,6 +1,20 @@
 import StyleDictionaryApi from 'style-dictionary'
 
 import { createWhitepaperConfig } from './whitepaper-config'
+import { variablesWithPrefix } from './variable-with-prefix'
+import { getCssModifierWithPlatform } from './utils'
+
+const store = new Map()
+
+StyleDictionaryApi.registerFormat({
+  name: 'css/whitepaper',
+  formatter: (dictionary) => {
+    const group = dictionary.allProperties.length ? dictionary.allProperties[0].group : 'unknown'
+    const value = store.get('theme')
+    const selector = `.Theme_${group}_${value}`
+    return `${selector} {\n${variablesWithPrefix('     --', dictionary.allProperties)} \n}\n`
+  },
+})
 
 export function build(config: any): any {
   const normalizedConfig = Array.isArray(config) ? config : [config]
@@ -9,9 +23,11 @@ export function build(config: any): any {
     for (const themeFileConfig of themeConfig.files) {
       let styleDictionaryConfig: any = {}
       if (themeFileConfig.format === 'css/whitepaper') {
+        store.set('theme', getCssModifierWithPlatform(themeConfig.name))
         styleDictionaryConfig = createWhitepaperConfig({
           source: themeConfig.source,
           theme: themeConfig.name,
+          outDir: themeConfig.outDir,
         })
       }
       const StyleDictionary = StyleDictionaryApi.extend(styleDictionaryConfig)

src/core-v2/variable-with-prefix.ts

@@ -0,0 +1,20 @@
+// copy-paste from https://github.com/amzn/style-dictionary/blob/master/lib/common/formats.js
+export function variablesWithPrefix(prefix: any, properties: any): any {
+  return properties
+    .map((prop: any) => {
+      let nextProp =
+        prefix +
+        prop.name +
+        ': ' +
+        (prop.attributes.category === 'asset' ? '"' + prop.value + '"' : prop.value) +
+        ';'
+
+      if (prop.comment) {
+        nextProp = nextProp.concat(' /* ' + prop.comment + ' */')
+      }
+
+      return nextProp
+    })
+    .filter((strVal: any) => Boolean(strVal))
+    .join('\n')
+}