2051-auto-complete-broken-for-typography-tokens (#2060)

![image](https://github.com/tokens-studio/figma-plugin/assets/25951419/0e0fd844-6fc8-463c-a0e9-49b00ab9569c)
tokens-studio · Jul 12, 2023 · 0f8ed2e · 0f8ed2e
1 parent 71c151f
commit 0f8ed2e
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 13 deletions.
diff --git a/src/app/components/DownshiftInput/DownshiftInput.tsx b/src/app/components/DownshiftInput/DownshiftInput.tsx
@@ -314,7 +314,6 @@ export const DownshiftInput: React.FunctionComponent<DownShiftProps> = ({
                             <StyledItemName>{getHighlightedText(token.name, searchInput || '')}</StyledItemName>
                             <StyledItemValue>{getResolvedText(token)}</StyledItemValue>
                           </StyledItem>
-
                         );
                       }}
                     </StyledList>

diff --git a/src/app/components/TypographyInput.tsx b/src/app/components/TypographyInput.tsx
@@ -15,6 +15,18 @@ import SingleTypographyDownShiftInput from './SingleTypographyDownShiftInput';
 import DownshiftInput from './DownshiftInput';
 import Stack from './Stack';
 
+const properties = {
+  fontSize: 'fontSizes',
+  fontFamily: 'fontFamilies',
+  fontWeight: 'fontWeights',
+  letterSpacing: 'letterSpacing',
+  paragraphSpacing: 'paragraphSpacing',
+  paragraphIndent: 'paragraphIndent',
+  textDecoration: 'textDecoration',
+  lineHeight: 'lineHeights',
+  textCase: 'textCase',
+};
+
 export default function TypographyInput({
   internalEditToken,
   handleTypographyValueChange,
@@ -64,18 +76,6 @@ export default function TypographyInput({
     setAlias('');
   }, [mode, selectedToken, internalEditToken, setTypographyValue]);
 
-  const properties = {
-    fontFamily: t('font.fontFamily'),
-    fontWeight: t('font.fontWeight'),
-    fontSize: t('font.fontSize'),
-    lineHeight: t('font.lineHeight'),
-    letterSpacing: t('font.letterSpacing'),
-    paragraphSpacing: t('font.paragraphSpacing'),
-    paragraphIndent: t('font.paragraphIndent'),
-    textDecoration: t('font.textDecoration'),
-    textCase: t('font.textCase'),
-  };
-
   return (
     <Stack direction="column" gap={2}>
       <Stack direction="row" gap={2} justify="between" align="center">