@atlaskit/ads-mcp 0.6.2 → 0.6.3

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @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

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/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/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.2",
+	"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",