Fix a path issue in the ComponentDesignTokens component

dist/cli.js

@@ -80,7 +80,7 @@ var showHelp = function () {
  * Show the help message
  */
 var showVersion = function () {
-    cliError('Handoff App - 0.13.0', 2);
+    cliError('Handoff App - 0.13.1', 2);
 };
 /**
  * Define a CLI error

dist/transformers/integration/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="node" />
 import archiver from 'archiver';
 import * as stream from 'node:stream';
 import { DocumentationObject } from '../../types';

dist/transformers/utils.d.ts

@@ -24,14 +24,20 @@ export declare const formatComponentCodeBlockComment: (component: ComponentInsta
  * @param options
  * @returns
  */
-export declare const formatTokenName: (tokenType: TokenType, componentName: string, componentVariantProps: [string, string][], part: string, property: string, options?: IntegrationObjectComponentOptions) => string;
+export declare const formatTokenName: (tokenType: TokenType, componentName: string, componentVariantProps: [
+    string,
+    string
+][], part: string, property: string, options?: IntegrationObjectComponentOptions) => string;
 /**
  * Returns the token name segments
  * @param component
  * @param options
  * @returns
  */
-export declare const getTokenNameSegments: (componentName: string, componentVariantProps: [string, string][], part: string, property: string, options?: IntegrationObjectComponentOptions) => string[];
+export declare const getTokenNameSegments: (componentName: string, componentVariantProps: [
+    string,
+    string
+][], part: string, property: string, options?: IntegrationObjectComponentOptions) => string[];
 /**
  * Normalizes the token name variable (specifier) by considering if the value should be replaced
  * with some other value based replace rules defined in the transformer options of the component

src/app/components/AnchorNavLink.tsx

@@ -11,14 +11,25 @@ export const AnchorNavLink: React.FC<AnchorNavLinkProps> = ({ to, children }) =>
 
   useEffect(() => {
     setOffset(document.getElementById('site-header')?.clientHeight ?? 0);
-  }, [])
+  }, []);
 
   return (
-    <Link href="#" activeClass='is-selected' smooth spy to={to} offset={offset * -1.5} onClick={() => {
-      history.pushState ? history.pushState(null, '', `#${to}`) : location.hash = `#${to}`;
-    }}>
-      {children}
-    </Link>
+    <>
+      {/* @ts-ignore */}
+      <Link
+        href="#"
+        activeClass="is-selected"
+        smooth
+        spy
+        to={to}
+        offset={offset * -1.5}
+        onClick={() => {
+          history.pushState ? history.pushState(null, '', `#${to}`) : (location.hash = `#${to}`);
+        }}
+      >
+        {children}
+      </Link>
+    </>
   );
 };
 

src/app/components/ComponentDesignTokens.tsx

@@ -4,7 +4,7 @@ import React, { useEffect } from 'react';
 import Icon from './Icon';
 import { transformComponentTokensToScssVariables } from '@handoff/transformers/scss/component';
 import { ComponentInstance } from '@handoff/exporters/components/types';
-import { IntegrationObjectComponentOptions } from '../../types/config';
+import { IntegrationObjectComponentOptions } from '@handoff/types/config';
 
 const PropertyIconPathMap = {
   'border-width': 'token-border-width',

src/app/pages/_app.tsx

@@ -7,8 +7,8 @@ import '../sass/main.scss';
 function MyApp({ Component, pageProps }: AppProps) {
   return (
     <>
+      {/* @ts-ignore */}
       <Component {...pageProps} />
-
     </>
   );
 }

src/cli.ts

@@ -57,7 +57,7 @@ const showHelp = () => {
  * Show the help message
  */
 const showVersion = () => {
-  cliError('Handoff App - 0.13.0', 2);
+  cliError('Handoff App - 0.13.1', 2);
 };
 
 /**