@atlaskit/ads-mcp 0.6.1 → 0.6.3

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/ads-mcp
 
+## 0.6.3
+
+### Patch Changes
+
+- [`248faa32d4835`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/248faa32d4835) -
+  Internal changes to how borders are applied.
+- Updated dependencies
+
+## 0.6.2
+
+### Patch Changes
+
+- [`28e3bab9e4314`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/28e3bab9e4314) -
+  Migrated old shape tokens to new tokens. No visual change.
+
 ## 0.6.1
 
 ### Patch Changes

package/dist/cjs/tools/search-tokens/index.js

@@ -19,7 +19,7 @@ var inputSchema = _zod.z.object({
 });
 var listSearchTokensTool = exports.listSearchTokensTool = {
   name: 'ads_search_tokens',
-  description: "You SHOULD Search for Atlassian Design System tokens based on multiple query strings (if there's multiple candidates of token names, descriptions or example values, you SHOULD pass them in a single call). You SHOULD use default `limit` value of 1 first and only set a higher limit like 5 or 10 if you can't find the token you need). Fallback to `ads_get_all_tokens` if nothing is found). This tool searches through token names, descriptions, and example values to find the most relevant design tokens.\n\nThe search will match against:\n- Token names (e.g., \"color.text\", \"space.100\", \"border.radius\")\n- Token descriptions\n- Token example values (eg. \"#2898BD\" -> \"color.icon.accent.teal\")\n\nThe results include the token's name and example value.\n\nUsage pattern for found tokens:\n```tsx\nimport { token } from '@atlaskit/tokens';\n\nconst styles = css({\ncolor: token('color.text'),\npadding: token('space.100'),\nborderRadius: token('border.radius'),\n});\n```\n",
+  description: "You SHOULD Search for Atlassian Design System tokens based on multiple query strings (if there's multiple candidates of token names, descriptions or example values, you SHOULD pass them in a single call). You SHOULD use default `limit` value of 1 first and only set a higher limit like 5 or 10 if you can't find the token you need). Fallback to `ads_get_all_tokens` if nothing is found). This tool searches through token names, descriptions, and example values to find the most relevant design tokens.\n\nThe search will match against:\n- Token names (e.g., \"color.text\", \"space.100\", \"radius.small\")\n- Token descriptions\n- Token example values (eg. \"#2898BD\" -> \"color.icon.accent.teal\")\n\nThe results include the token's name and example value.\n\nUsage pattern for found tokens:\n```tsx\nimport { token } from '@atlaskit/tokens';\n\nconst styles = css({\ncolor: token('color.text'),\npadding: token('space.100'),\nborderRadius: token('radius.small'),\n});\n```\n",
   annotations: {
     title: 'Search ADS tokens',
     readOnlyHint: true,

package/dist/cjs/tools/suggest-accessibility-fixes/fixes.js

@@ -109,7 +109,7 @@ var accessibilityFixes = exports.accessibilityFixes = {
       title: 'Custom focus styles',
       description: 'Add custom focus styles with xcss',
       before: "<button onClick={handleClick}>\n  Click me\n</button>",
-      after: "import { Focusable } from '@atlaskit/primitives/compiled';\n\n<Focusable\n  as=\"button\"\n  onClick={handleClick}\n  xcss={{\n    ':focus-visible': {\n      outline: '2px solid token(color.border.focus)',\n      outlineOffset: '2px',\n    },\n  }}\n>\n  Click me\n</Focusable>",
+      after: "import { Focusable } from '@atlaskit/primitives/compiled';\nimport { token } from '@atlaskit/tokens';\n\n<Focusable\n  as=\"button\"\n  onClick={handleClick}\n  xcss={{\n    ':focus-visible': {\n      outline: `${token('border.width.focused')} solid ${token('color.border.focused')}`,\n      outlineOffset: token('space.025'),\n    },\n  }}\n>\n  Click me\n</Focusable>",
       explanation: 'Custom focus styles ensure visibility in all themes.'
     }],
     bestPractices: ['Always provide visible focus indicators', 'Test focus indicators in all themes', 'Ensure sufficient contrast for focus indicators', 'Test with keyboard navigation']

package/dist/es2019/tools/search-tokens/index.js

@@ -13,7 +13,7 @@ export const listSearchTokensTool = {
   description: `You SHOULD Search for Atlassian Design System tokens based on multiple query strings (if there's multiple candidates of token names, descriptions or example values, you SHOULD pass them in a single call). You SHOULD use default \`limit\` value of 1 first and only set a higher limit like 5 or 10 if you can't find the token you need). Fallback to \`ads_get_all_tokens\` if nothing is found). This tool searches through token names, descriptions, and example values to find the most relevant design tokens.
 
 The search will match against:
-- Token names (e.g., "color.text", "space.100", "border.radius")
+- Token names (e.g., "color.text", "space.100", "radius.small")
 - Token descriptions
 - Token example values (eg. "#2898BD" -> "color.icon.accent.teal")
 
@@ -26,7 +26,7 @@ import { token } from '@atlaskit/tokens';
 const styles = css({
 color: token('color.text'),
 padding: token('space.100'),
-borderRadius: token('border.radius'),
+borderRadius: token('radius.small'),
 });
 \`\`\`
 `,

package/dist/es2019/tools/suggest-accessibility-fixes/fixes.js

@@ -170,14 +170,15 @@ color: token('color.text.danger')`,
   Click me
 </button>`,
       after: `import { Focusable } from '@atlaskit/primitives/compiled';
+import { token } from '@atlaskit/tokens';
 
 <Focusable
   as="button"
   onClick={handleClick}
   xcss={{
     ':focus-visible': {
-      outline: '2px solid token(color.border.focus)',
-      outlineOffset: '2px',
+      outline: \`$\{token('border.width.focused')} solid $\{token('color.border.focused')}\`,
+      outlineOffset: token('space.025'),
     },
   }}
 >

package/dist/esm/tools/search-tokens/index.js

@@ -12,7 +12,7 @@ var inputSchema = z.object({
 });
 export var listSearchTokensTool = {
   name: 'ads_search_tokens',
-  description: "You SHOULD Search for Atlassian Design System tokens based on multiple query strings (if there's multiple candidates of token names, descriptions or example values, you SHOULD pass them in a single call). You SHOULD use default `limit` value of 1 first and only set a higher limit like 5 or 10 if you can't find the token you need). Fallback to `ads_get_all_tokens` if nothing is found). This tool searches through token names, descriptions, and example values to find the most relevant design tokens.\n\nThe search will match against:\n- Token names (e.g., \"color.text\", \"space.100\", \"border.radius\")\n- Token descriptions\n- Token example values (eg. \"#2898BD\" -> \"color.icon.accent.teal\")\n\nThe results include the token's name and example value.\n\nUsage pattern for found tokens:\n```tsx\nimport { token } from '@atlaskit/tokens';\n\nconst styles = css({\ncolor: token('color.text'),\npadding: token('space.100'),\nborderRadius: token('border.radius'),\n});\n```\n",
+  description: "You SHOULD Search for Atlassian Design System tokens based on multiple query strings (if there's multiple candidates of token names, descriptions or example values, you SHOULD pass them in a single call). You SHOULD use default `limit` value of 1 first and only set a higher limit like 5 or 10 if you can't find the token you need). Fallback to `ads_get_all_tokens` if nothing is found). This tool searches through token names, descriptions, and example values to find the most relevant design tokens.\n\nThe search will match against:\n- Token names (e.g., \"color.text\", \"space.100\", \"radius.small\")\n- Token descriptions\n- Token example values (eg. \"#2898BD\" -> \"color.icon.accent.teal\")\n\nThe results include the token's name and example value.\n\nUsage pattern for found tokens:\n```tsx\nimport { token } from '@atlaskit/tokens';\n\nconst styles = css({\ncolor: token('color.text'),\npadding: token('space.100'),\nborderRadius: token('radius.small'),\n});\n```\n",
   annotations: {
     title: 'Search ADS tokens',
     readOnlyHint: true,

package/dist/esm/tools/suggest-accessibility-fixes/fixes.js

@@ -103,7 +103,7 @@ export var accessibilityFixes = {
       title: 'Custom focus styles',
       description: 'Add custom focus styles with xcss',
       before: "<button onClick={handleClick}>\n  Click me\n</button>",
-      after: "import { Focusable } from '@atlaskit/primitives/compiled';\n\n<Focusable\n  as=\"button\"\n  onClick={handleClick}\n  xcss={{\n    ':focus-visible': {\n      outline: '2px solid token(color.border.focus)',\n      outlineOffset: '2px',\n    },\n  }}\n>\n  Click me\n</Focusable>",
+      after: "import { Focusable } from '@atlaskit/primitives/compiled';\nimport { token } from '@atlaskit/tokens';\n\n<Focusable\n  as=\"button\"\n  onClick={handleClick}\n  xcss={{\n    ':focus-visible': {\n      outline: `${token('border.width.focused')} solid ${token('color.border.focused')}`,\n      outlineOffset: token('space.025'),\n    },\n  }}\n>\n  Click me\n</Focusable>",
       explanation: 'Custom focus styles ensure visibility in all themes.'
     }],
     bestPractices: ['Always provide visible focus indicators', 'Test focus indicators in all themes', 'Ensure sufficient contrast for focus indicators', 'Test with keyboard navigation']

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/ads-mcp",
-	"version": "0.6.1",
+	"version": "0.6.3",
 	"description": "The official Atlassian Design System MCP server to develop apps and user interfaces matching the Atlassian style.",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -24,10 +24,6 @@
 		}
 	},
 	"atlaskit:src": "src/index.tsx",
-	"af:exports": {
-		".": "./src/index.tsx",
-		"./package.json": "./package.json"
-	},
 	"dependencies": {
 		"@atlaskit/icon": "^28.2.0",
 		"@atlaskit/tokens": "^6.3.0",