@atlaskit/ads-mcp 1.10.0 → 1.10.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (21) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/dist/cjs/tools/get-all-components/components.codegen.js +2 -2
  3. package/dist/cjs/tools/migration-guides/migrations/onboarding-jira-spotlight.js +1 -1
  4. package/dist/cjs/tools/migration-guides/migrations/onboarding-multi-step.js +1 -1
  5. package/dist/cjs/tools/migration-guides/migrations/onboarding-single-step.js +1 -1
  6. package/dist/cjs/tools/migration-guides/migrations/onboarding-with-motion.js +1 -1
  7. package/dist/cjs/tools/suggest-a11y-fixes/fixes.js +2 -2
  8. package/dist/es2019/tools/get-all-components/components.codegen.js +2 -2
  9. package/dist/es2019/tools/migration-guides/migrations/onboarding-jira-spotlight.js +12 -14
  10. package/dist/es2019/tools/migration-guides/migrations/onboarding-multi-step.js +14 -16
  11. package/dist/es2019/tools/migration-guides/migrations/onboarding-single-step.js +12 -14
  12. package/dist/es2019/tools/migration-guides/migrations/onboarding-with-motion.js +12 -14
  13. package/dist/es2019/tools/suggest-a11y-fixes/fixes.js +4 -4
  14. package/dist/esm/tools/get-all-components/components.codegen.js +2 -2
  15. package/dist/esm/tools/migration-guides/migrations/onboarding-jira-spotlight.js +1 -1
  16. package/dist/esm/tools/migration-guides/migrations/onboarding-multi-step.js +1 -1
  17. package/dist/esm/tools/migration-guides/migrations/onboarding-single-step.js +1 -1
  18. package/dist/esm/tools/migration-guides/migrations/onboarding-with-motion.js +1 -1
  19. package/dist/esm/tools/suggest-a11y-fixes/fixes.js +2 -2
  20. package/dist/types/tools/get-all-components/components.codegen.d.ts +1 -1
  21. package/package.json +6 -6
@@ -157,20 +157,18 @@ export const SomeFeature = () => {
157
157
  after: `
158
158
  // file2.tsx - Spotlight code has been co-located to the targeted element
159
159
  import { Text } from '@atlaskit/primitives/compiled';
160
- import {
161
- PopoverContent,
162
- PopoverProvider,
163
- PopoverTarget,
164
- SpotlightActions,
165
- SpotlightBody,
166
- SpotlightCard,
167
- SpotlightControls,
168
- SpotlightDismissControl,
169
- SpotlightFooter,
170
- SpotlightHeader,
171
- SpotlightHeadline,
172
- SpotlightPrimaryAction,
173
- } from '@atlaskit/spotlight';
160
+ import { PopoverContent } from '@atlaskit/spotlight/popover-content';
161
+ import { PopoverProvider } from '@atlaskit/spotlight/popover-provider';
162
+ import { PopoverTarget } from '@atlaskit/spotlight/popover-target';
163
+ import { SpotlightActions } from '@atlaskit/spotlight/actions';
164
+ import { SpotlightBody } from '@atlaskit/spotlight/body';
165
+ import { SpotlightCard } from '@atlaskit/spotlight/card';
166
+ import { SpotlightControls } from '@atlaskit/spotlight/controls';
167
+ import { SpotlightDismissControl } from '@atlaskit/spotlight/dismiss-control';
168
+ import { SpotlightFooter } from '@atlaskit/spotlight/footer';
169
+ import { SpotlightHeader } from '@atlaskit/spotlight/header';
170
+ import { SpotlightHeadline } from '@atlaskit/spotlight/headline';
171
+ import { SpotlightPrimaryAction } from '@atlaskit/spotlight/primary-action';
174
172
  import Image from '@atlaskit/image';
175
173
  import { ChoreographedComponent } from '@atlassian/jira-spotlight/src/ui/ChoreographedComponent.tsx';
176
174
 
@@ -80,22 +80,20 @@ import IconButton from '@atlaskit/button/icon/button';
80
80
  import CommentAddIcon from '@atlaskit/icon/core/comment-add';
81
81
  import CopyIcon from '@atlaskit/icon/core/copy';
82
82
  import { Text } from '@atlaskit/primitives/compiled';
83
- import {
84
- PopoverContent,
85
- PopoverProvider,
86
- PopoverTarget,
87
- SpotlightActions,
88
- SpotlightBody,
89
- SpotlightCard,
90
- SpotlightControls,
91
- SpotlightDismissControl,
92
- SpotlightFooter,
93
- SpotlightHeader,
94
- SpotlightHeadline,
95
- SpotlightPrimaryAction,
96
- SpotlightSecondaryAction,
97
- SpotlightStepCount,
98
- } from '@atlaskit/spotlight';
83
+ import { PopoverContent } from '@atlaskit/spotlight/popover-content';
84
+ import { PopoverProvider } from '@atlaskit/spotlight/popover-provider';
85
+ import { PopoverTarget } from '@atlaskit/spotlight/popover-target';
86
+ import { SpotlightActions } from '@atlaskit/spotlight/actions';
87
+ import { SpotlightBody } from '@atlaskit/spotlight/body';
88
+ import { SpotlightCard } from '@atlaskit/spotlight/card';
89
+ import { SpotlightControls } from '@atlaskit/spotlight/controls';
90
+ import { SpotlightDismissControl } from '@atlaskit/spotlight/dismiss-control';
91
+ import { SpotlightFooter } from '@atlaskit/spotlight/footer';
92
+ import { SpotlightHeader } from '@atlaskit/spotlight/header';
93
+ import { SpotlightHeadline } from '@atlaskit/spotlight/headline';
94
+ import { SpotlightPrimaryAction } from '@atlaskit/spotlight/primary-action';
95
+ import { SpotlightSecondaryAction } from '@atlaskit/spotlight/secondary-action';
96
+ import { SpotlightStepCount } from '@atlaskit/spotlight/step-count';
99
97
 
100
98
  const SpotlightTour = () => {
101
99
  const [currentStep, setCurrentStep] = useState<number>(0);
@@ -57,20 +57,18 @@ const SomeFeature = () => {
57
57
  import React, { useState } from 'react';
58
58
  import Button from '@atlaskit/button/default/button';
59
59
  import { Text } from '@atlaskit/primitives/compiled';
60
- import {
61
- PopoverContent,
62
- PopoverProvider,
63
- PopoverTarget,
64
- SpotlightActions,
65
- SpotlightBody,
66
- SpotlightCard,
67
- SpotlightControls,
68
- SpotlightDismissControl,
69
- SpotlightFooter,
70
- SpotlightHeader,
71
- SpotlightHeadline,
72
- SpotlightPrimaryAction,
73
- } from '@atlaskit/spotlight';
60
+ import { PopoverContent } from '@atlaskit/spotlight/popover-content';
61
+ import { PopoverProvider } from '@atlaskit/spotlight/popover-provider';
62
+ import { PopoverTarget } from '@atlaskit/spotlight/popover-target';
63
+ import { SpotlightActions } from '@atlaskit/spotlight/actions';
64
+ import { SpotlightBody } from '@atlaskit/spotlight/body';
65
+ import { SpotlightCard } from '@atlaskit/spotlight/card';
66
+ import { SpotlightControls } from '@atlaskit/spotlight/controls';
67
+ import { SpotlightDismissControl } from '@atlaskit/spotlight/dismiss-control';
68
+ import { SpotlightFooter } from '@atlaskit/spotlight/footer';
69
+ import { SpotlightHeader } from '@atlaskit/spotlight/header';
70
+ import { SpotlightHeadline } from '@atlaskit/spotlight/headline';
71
+ import { SpotlightPrimaryAction } from '@atlaskit/spotlight/primary-action';
74
72
 
75
73
  const Spotlight = () => {
76
74
  const [isVisible, setIsVisible] = useState(false);
@@ -56,20 +56,18 @@ const OnboardingSpotlightWithTransition = () => {
56
56
  import Button from '@atlaskit/button/default/button';
57
57
  import { FadeIn } from '@atlaskit/motion';
58
58
  import { Text } from '@atlaskit/primitives/compiled';
59
- import {
60
- PopoverContent,
61
- PopoverProvider,
62
- PopoverTarget,
63
- SpotlightActions,
64
- SpotlightBody,
65
- SpotlightCard,
66
- SpotlightControls,
67
- SpotlightDismissControl,
68
- SpotlightFooter,
69
- SpotlightHeader,
70
- SpotlightHeadline,
71
- SpotlightPrimaryAction,
72
- } from '@atlaskit/spotlight';
59
+ import { PopoverContent } from '@atlaskit/spotlight/popover-content';
60
+ import { PopoverProvider } from '@atlaskit/spotlight/popover-provider';
61
+ import { PopoverTarget } from '@atlaskit/spotlight/popover-target';
62
+ import { SpotlightActions } from '@atlaskit/spotlight/actions';
63
+ import { SpotlightBody } from '@atlaskit/spotlight/body';
64
+ import { SpotlightCard } from '@atlaskit/spotlight/card';
65
+ import { SpotlightControls } from '@atlaskit/spotlight/controls';
66
+ import { SpotlightDismissControl } from '@atlaskit/spotlight/dismiss-control';
67
+ import { SpotlightFooter } from '@atlaskit/spotlight/footer';
68
+ import { SpotlightHeader } from '@atlaskit/spotlight/header';
69
+ import { SpotlightHeadline } from '@atlaskit/spotlight/headline';
70
+ import { SpotlightPrimaryAction } from '@atlaskit/spotlight/primary-action';
73
71
 
74
72
  const SpotlightWithMotion = () => {
75
73
  const [isVisible, setIsVisible] = useState(false);
@@ -9,7 +9,7 @@ export const accessibilityFixes = {
9
9
  before: `<button onClick={handleClose}>
10
10
  <CloseIcon />
11
11
  </button>`,
12
- after: `import { Button } from '@atlaskit/button';
12
+ after: `import Button from '@atlaskit/button/default/button';
13
13
 
14
14
  <Button aria-label="Close dialog" onClick={handleClose}>
15
15
  <CloseIcon />
@@ -544,12 +544,12 @@ return (
544
544
  before: `<div>
545
545
  <Button>Save</Button><Button>Cancel</Button>
546
546
  </div>`,
547
- after: `import { Stack } from '@atlaskit/stack';
547
+ after: `import { Inline } from '@atlaskit/primitives/compiled/inline';
548
548
 
549
- <Stack direction="horizontal" space="space.100">
549
+ <Inline space="space.100">
550
550
  <Button>Save</Button>
551
551
  <Button>Cancel</Button>
552
- </Stack>`,
552
+ </Inline>`,
553
553
  explanation: 'Adequate spacing prevents accidental activation of adjacent controls.'
554
554
  }],
555
555
  bestPractices: ['Minimum 24x24 CSS pixels for touch targets', 'Provide adequate spacing between targets', 'Use ADS components that meet size requirements', 'Test on actual devices']