fix: Fix type file generation to export types instead of declarations

packages/canvas-tokens/utils/formatters/formatJS.ts

@@ -36,15 +36,15 @@ export const formatToInlineES6Module: Formatter = ({dictionary, file}) => {
 
 /**
  * Style Dictionary format function that creates ts file structure.
- * This structure contains separated exports of each token with `as const`.
+ * This structure contains separated type exports of each token.
  * @param {*} FormatterArguments - Style Dictionary formatter object containing `dictionary`, `options`, `file` and `platform` properties.
  * @returns file content as a string
  */
 export const formatInlineTypes: Formatter = ({dictionary, file}) => {
   const headerContent = formatHelpers.fileHeader({file});
   return dictionary.allTokens.reduce((acc: string, {name, path}) => {
     const cssVarName = path.join('-');
-    acc += `export declare const ${name} = "--cnvs-${cssVarName}" as const;\n`;
+    acc += `export declare const ${name}: "--cnvs-${cssVarName}";\n`;
     return acc;
   }, headerContent);
 };

packages/canvas-tokens/utils/formatters/formatTypes.ts

@@ -31,7 +31,6 @@ export const formatJSToTypes: Formatter = ({dictionary, file, options}) => {
 };
 
 const startingText = 'export declare const';
-const endingText = 'as const;\n';
 
 type ReplaceFn = (pattern: string, newText: string) => string;
 
@@ -62,7 +61,7 @@ const recursivelyCreateFileStructure = ({
 
       const innerText = depth
         ? `${spaces}"${key}": "${values}",`
-        : `${startingText} ${key} = "${values}" ${endingText}`;
+        : `${startingText} ${key}: "${values}";\n`;
       const fullInnerText = jsDocText + innerText;
 
       updatedContent = replaceInContent(`**${key}**`, fullInnerText);
@@ -74,7 +73,7 @@ const recursivelyCreateFileStructure = ({
       .join('\n');
 
     const innerText = !depth
-      ? `${startingText} ${key} = {\n${placeholders}\n} ${endingText}`
+      ? `${startingText} ${key}: {\n${placeholders}\n};\n`
       : `${spaces}"${key}": {\n${placeholders}\n${spaces}},`;
 
     updatedContent = replaceInContent(`**${key}**`, innerText);

packages/canvas-tokens/utils/formatters/index.ts

@@ -22,13 +22,13 @@ export const formats: Record<string, Formatter> = {
   // formatter creating the inline es6 file structure
   // with separated variables of tokens
   'js/es6': formatToInlineES6Module,
-  // formatter creating the es6 and common-js inline types including the `as const`
+  // formatter creating the es6 and common-js inline types
   'ts/inline': formatInlineTypes,
   // formatter creating the es6 file structure
   // with tokens united in objects
   'es6/objects': formatES6ToObjects,
   // formatter creating the es6 and common-js types
-  // including the `as const` and JSDoc description
+  // including types and JSDoc description
   'ts/jsdoc-object': formatJSToTypes,
   // formatter creating the common-js file structure
   // with tokens united in objects

packages/canvas-tokens/utils/spec/formats.spec.ts

@@ -113,7 +113,7 @@ describe('formats', () => {
       const result = formats['ts/inline'](defaultArgs);
       const expected =
         headerContent +
-        `export declare const cinnamon100 = "--cnvs-base-palette-cinnamon-100" as const;\nexport declare const cinnamon200 = "--cnvs-base-palette-cinnamon-200" as const;\n`;
+        `export declare const cinnamon100: "--cnvs-base-palette-cinnamon-100";\nexport declare const cinnamon200: "--cnvs-base-palette-cinnamon-200";\n`;
 
       expect(result).toBe(expected);
     });
@@ -374,7 +374,7 @@ describe('formats', () => {
 
       const expected =
         headerContent +
-        'export declare const opacity = {\n  /**\n   * 0.4\n   * \n   * token: base.opacity.400\n   * \n   * Test JSDoc\n   */\n  "disabled": "--cnvs-base-opacity-300",\n} as const;\n';
+        'export declare const opacity: {\n  /**\n   * 0.4\n   * \n   * token: base.opacity.400\n   * \n   * Test JSDoc\n   */\n  "disabled": "--cnvs-base-opacity-300",\n};\n';
 
       expect(result).toBe(expected);
     });
@@ -402,7 +402,7 @@ describe('formats', () => {
 
       const expected =
         headerContent +
-        'export declare const opacity = {\n  /** 0.4 */\n  "disabled": "--cnvs-base-opacity-300",\n} as const;\n';
+        'export declare const opacity: {\n  /** 0.4 */\n  "disabled": "--cnvs-base-opacity-300",\n};\n';
 
       expect(result).toBe(expected);
     });