diff --git a/packages/tokens-studio-for-figma/package.json b/packages/tokens-studio-for-figma/package.json index 56af95110..ae10c4068 100644 --- a/packages/tokens-studio-for-figma/package.json +++ b/packages/tokens-studio-for-figma/package.json @@ -58,7 +58,7 @@ "@tokens-studio/graph-engine": "^0.17.5", "@tokens-studio/sdk": "1.1.5", "@tokens-studio/tokens": "0.1.4", - "@tokens-studio/ui": "0.6.3", + "@tokens-studio/ui": "0.6.4", "@types/chroma-js": "^2.1.4", "@types/color": "^3.0.3", "@types/file-saver": "^2.0.5", diff --git a/packages/tokens-studio-for-figma/src/app/components/ApplySelector.tsx b/packages/tokens-studio-for-figma/src/app/components/ApplySelector.tsx index c39539769..9d84ba319 100644 --- a/packages/tokens-studio-for-figma/src/app/components/ApplySelector.tsx +++ b/packages/tokens-studio-for-figma/src/app/components/ApplySelector.tsx @@ -3,7 +3,7 @@ import React from 'react'; import { DotFilledIcon } from '@radix-ui/react-icons'; import { useTranslation } from 'react-i18next'; import { - Button, DropdownMenu, Stack, Box + Button, DropdownMenu, Stack, } from '@tokens-studio/ui'; import { Dispatch } from '../store'; import IconChevronDown from '@/icons/chevrondown.svg'; @@ -50,7 +50,7 @@ export default function ApplySelector() { css={{ borderTopRightRadius: 0, borderBottomRightRadius: 0 }} onClick={handleUpdate} > - {t('applyTo.applyTo')} + {t('applyTo.button')} {' '} {updateMode} @@ -79,8 +79,7 @@ export default function ApplySelector() { - {/* TODO: Use DropdownMenu.Label - first add that to `ds` */} - {t('applyTo.applyTo')} + {t('applyTo.applyCurrentTokensTo')} {t('applyTo.selection.title')} - - {t('applyTo.selection.description')} - {t('applyTo.page.title')} - - {t('applyTo.page.description')} - - {t('applyTo.doc.title')} - - {t('applyTo.doc.description')} - + {t('applyTo.document.title')} - {/* TODO: Use DropdownMenu.Label - first add that to `ds` */} - {t('applyTo.applyAs')} + {t('applyTo.applyCurrentTokensAs')} {t('applyTo.variablesStyles.title')} - - {t('applyTo.variablesStyles.description')} - {t('applyTo.rawValues.title')} - - {t('applyTo.rawValues.description')} - diff --git a/packages/tokens-studio-for-figma/src/i18n/lang/en/tokens.json b/packages/tokens-studio-for-figma/src/i18n/lang/en/tokens.json index db7a7bb8c..034166235 100644 --- a/packages/tokens-studio-for-figma/src/i18n/lang/en/tokens.json +++ b/packages/tokens-studio-for-figma/src/i18n/lang/en/tokens.json @@ -31,27 +31,23 @@ "noThemes": "No themes", "manageThemes": "Manage themes", "applyTo": { - "applyTo": "Apply to", - "applyAs": "Apply as", + "button": "Apply to", + "applyCurrentTokensTo": "Apply current tokens to:", + "applyCurrentTokensAs": "Apply current tokens as:", "selection": { - "title": "Apply to selection", - "description": "Applies current tokens to current selection (fast!)" + "title": "Current selection (fast)" }, "page": { - "title": "Apply to page", - "description": "Applies current tokens to the current page" + "title": "Current page" }, - "doc": { - "title": "Apply to document", - "description": "Applies current tokens to the whole document (slow!)" + "document": { + "title": "Whole document (slow)" }, "variablesStyles": { - "title": "Apply as variables & styles", - "description": "If a token is connected to a variable or style, the connected variable or style will be applied to the property" + "title": "Variables & styles" }, "rawValues": { - "title": "Resolved value", - "description": "The resolved value of the token will be applied to the property" + "title": "Raw values without variables or styles" } }, "update": {