fix: non prefix themes styling issue

.changeset/fuzzy-schools-warn.md

@@ -0,0 +1,7 @@
+---
+"@tokens-studio/figma-plugin": patch
+---
+
+Fixes an issue where applied styles are not displaying in Figma, when the themes have been exported as non-prefixed styles from the plugin.
+
+Fixes the issue where applied styles are not displaying in Figma, when the themes have been exported with both 'prefix styles with active theme name' and 'ignore first part of token name for styles' options have been checked

packages/tokens-studio-for-figma/src/plugin/TokenValueRetriever.ts

@@ -19,12 +19,8 @@ export class TokenValueRetriever {
 
   public createStylesWithVariableReferences;
 
-  private getAdjustedTokenName(tokenName: string, internalParent: string | undefined): string {
-    const withIgnoredFirstPart = this.ignoreFirstPartForStyles && tokenName.split('.').length > 1
-      ? tokenName.split('.').slice(1).join('.')
-      : tokenName;
-
-    const withPrefix = [internalParent || this.stylePathPrefix, withIgnoredFirstPart].filter((n) => n).join('.');
+  private getAdjustedTokenName(tokenName: string): string {
+    const withPrefix = [this.stylePathPrefix, tokenName].filter((n) => n).join('.');
 
     return withPrefix;
   }
@@ -57,8 +53,8 @@ export class TokenValueRetriever {
     this.tokens = new Map<string, any>(tokens.map((token) => {
       const variableId = variableReferences?.get(token.name);
       // For styles, we need to ignore the first part of the token name as well as consider theme prefix
-      const adjustedTokenName = this.getAdjustedTokenName(token.name, token.internal__Parent);
-      const styleId = styleReferences?.get(adjustedTokenName);
+      const adjustedTokenName = this.getAdjustedTokenName(token.name);
+      const styleId = styleReferences?.get(token.name);
       return [token.name, {
         ...token, variableId, styleId, adjustedTokenName,
       }];

packages/tokens-studio-for-figma/src/plugin/__tests__/setValuesOnNode.test.ts

@@ -333,8 +333,8 @@ describe('Can set values on node', () => {
         },
       },
     );
-    expect(setTextValuesOnTargetSpy).not.toHaveBeenCalled();
-    expect(textNodeMock).toEqual({ ...textNodeMock, textStyleId: '456' });
+    expect(setTextValuesOnTargetSpy).toHaveBeenCalled();
+    expect(textNodeMock).toEqual({ ...textNodeMock });
   });
 
   it('sets effectStyle if matching Style is found', async () => {
@@ -453,8 +453,8 @@ describe('Can set values on node', () => {
         },
       },
     );
-    expect(setEffectValuesOnTargetSpy).not.toHaveBeenCalled();
-    expect(solidNodeMock).toEqual({ ...solidNodeMock, effectStyleId: '123' });
+    expect(setEffectValuesOnTargetSpy).toHaveBeenCalled();
+    expect(solidNodeMock).toEqual({ ...solidNodeMock, effectStyleId: '' });
   });
 
   it('sets fillStyle if matching Style', async () => {

packages/tokens-studio-for-figma/src/plugin/asyncMessageHandlers/getThemeReferences.ts

@@ -15,6 +15,7 @@ export async function getThemeReferences(prefixStylesWithThemeName?: boolean) {
   const figmaVariableReferences: RawVariableReferenceMap = new Map();
 
   const activeThemes = themeInfo.themes?.filter((theme) => Object.values(themeInfo.activeTheme).some((v) => v === theme.id));
+
   const stylePathPrefix = prefixStylesWithThemeName && activeThemes.length > 0 ? activeThemes[0].name : undefined;
 
   activeThemes?.forEach((theme) => {