@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.
- package/CHANGELOG.md +15 -0
- package/dist/cjs/tools/get-all-components/components.codegen.js +2 -2
- package/dist/cjs/tools/migration-guides/migrations/onboarding-jira-spotlight.js +1 -1
- package/dist/cjs/tools/migration-guides/migrations/onboarding-multi-step.js +1 -1
- package/dist/cjs/tools/migration-guides/migrations/onboarding-single-step.js +1 -1
- package/dist/cjs/tools/migration-guides/migrations/onboarding-with-motion.js +1 -1
- package/dist/cjs/tools/suggest-a11y-fixes/fixes.js +2 -2
- package/dist/es2019/tools/get-all-components/components.codegen.js +2 -2
- package/dist/es2019/tools/migration-guides/migrations/onboarding-jira-spotlight.js +12 -14
- package/dist/es2019/tools/migration-guides/migrations/onboarding-multi-step.js +14 -16
- package/dist/es2019/tools/migration-guides/migrations/onboarding-single-step.js +12 -14
- package/dist/es2019/tools/migration-guides/migrations/onboarding-with-motion.js +12 -14
- package/dist/es2019/tools/suggest-a11y-fixes/fixes.js +4 -4
- package/dist/esm/tools/get-all-components/components.codegen.js +2 -2
- package/dist/esm/tools/migration-guides/migrations/onboarding-jira-spotlight.js +1 -1
- package/dist/esm/tools/migration-guides/migrations/onboarding-multi-step.js +1 -1
- package/dist/esm/tools/migration-guides/migrations/onboarding-single-step.js +1 -1
- package/dist/esm/tools/migration-guides/migrations/onboarding-with-motion.js +1 -1
- package/dist/esm/tools/suggest-a11y-fixes/fixes.js +2 -2
- package/dist/types/tools/get-all-components/components.codegen.d.ts +1 -1
- 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
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
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
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
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
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
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
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
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
|
|
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 {
|
|
547
|
+
after: `import { Inline } from '@atlaskit/primitives/compiled/inline';
|
|
548
548
|
|
|
549
|
-
<
|
|
549
|
+
<Inline space="space.100">
|
|
550
550
|
<Button>Save</Button>
|
|
551
551
|
<Button>Cancel</Button>
|
|
552
|
-
</
|
|
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']
|