@atlaskit/button 17.17.2 → 17.18.0
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 +56 -1
- package/__perf__/button.tsx +6 -6
- package/__perf__/custom.tsx +6 -6
- package/__perf__/customised.tsx +1 -3
- package/__perf__/utils/example-runner.tsx +32 -36
- package/__perf__/utils/interaction-tasks.tsx +65 -86
- package/codemods/15.0.0-lite-mode.tsx +32 -36
- package/codemods/15.1.1-data-testid.tsx +136 -142
- package/codemods/__tests__/15.0.0-lite-mode/optimistic.tsx +121 -121
- package/codemods/__tests__/15.0.0-lite-mode/safe.tsx +54 -54
- package/codemods/__tests__/15.0.0-lite-mode/shared.tsx +96 -97
- package/codemods/__tests__/15.1.1-data-testid/rename-data-testid.tsx +32 -32
- package/codemods/__tests__/_framework.tsx +32 -32
- package/codemods/helpers/15.0.0-runner.tsx +135 -137
- package/codemods/helpers/helpers-generic.tsx +524 -556
- package/codemods/optimistic-15.0.0-lite-mode.tsx +208 -231
- package/dist/cjs/containers/button-group.js +3 -1
- package/dist/cjs/new-button/containers/split-button/split-button.js +6 -2
- package/dist/cjs/new-button/variants/default/button.js +8 -1
- package/dist/cjs/new-button/variants/default/link.js +8 -1
- package/dist/cjs/new-button/variants/default/use-default-button.js +7 -1
- package/dist/cjs/new-button/variants/icon/button.js +6 -1
- package/dist/cjs/new-button/variants/icon/link.js +6 -1
- package/dist/cjs/new-button/variants/icon/use-icon-button.js +7 -1
- package/dist/cjs/new-button/variants/shared/constants.js +7 -0
- package/dist/cjs/new-button/variants/shared/loading-overlay.js +4 -3
- package/dist/cjs/new-button/variants/shared/use-button-base.js +54 -2
- package/dist/cjs/old-button/button.js +1 -1
- package/dist/cjs/old-button/custom-theme-button/custom-theme-button.js +1 -1
- package/dist/cjs/old-button/custom-theme-button/theme.js +1 -1
- package/dist/cjs/old-button/shared/button-base.js +9 -3
- package/dist/cjs/old-button/shared/css.js +4 -3
- package/dist/es2019/containers/button-group.js +3 -1
- package/dist/es2019/new-button/containers/split-button/split-button.js +5 -2
- package/dist/es2019/new-button/variants/default/button.js +7 -0
- package/dist/es2019/new-button/variants/default/link.js +9 -2
- package/dist/es2019/new-button/variants/default/use-default-button.js +7 -1
- package/dist/es2019/new-button/variants/icon/button.js +5 -0
- package/dist/es2019/new-button/variants/icon/link.js +8 -3
- package/dist/es2019/new-button/variants/icon/use-icon-button.js +7 -1
- package/dist/es2019/new-button/variants/shared/constants.js +1 -0
- package/dist/es2019/new-button/variants/shared/loading-overlay.js +4 -3
- package/dist/es2019/new-button/variants/shared/use-button-base.js +54 -2
- package/dist/es2019/old-button/button.js +3 -0
- package/dist/es2019/old-button/custom-theme-button/custom-theme-button.js +3 -0
- package/dist/es2019/old-button/custom-theme-button/theme.js +2 -0
- package/dist/es2019/old-button/shared/button-base.js +10 -3
- package/dist/es2019/old-button/shared/css.js +4 -2
- package/dist/esm/containers/button-group.js +3 -1
- package/dist/esm/new-button/containers/split-button/split-button.js +5 -2
- package/dist/esm/new-button/variants/default/button.js +8 -1
- package/dist/esm/new-button/variants/default/link.js +10 -3
- package/dist/esm/new-button/variants/default/use-default-button.js +7 -1
- package/dist/esm/new-button/variants/icon/button.js +6 -1
- package/dist/esm/new-button/variants/icon/link.js +9 -4
- package/dist/esm/new-button/variants/icon/use-icon-button.js +7 -1
- package/dist/esm/new-button/variants/shared/constants.js +1 -0
- package/dist/esm/new-button/variants/shared/loading-overlay.js +4 -3
- package/dist/esm/new-button/variants/shared/use-button-base.js +54 -2
- package/dist/esm/old-button/button.js +3 -0
- package/dist/esm/old-button/custom-theme-button/custom-theme-button.js +3 -0
- package/dist/esm/old-button/custom-theme-button/theme.js +2 -0
- package/dist/esm/old-button/shared/button-base.js +10 -3
- package/dist/esm/old-button/shared/css.js +4 -2
- package/dist/types/entry-points/loading-button.d.ts +1 -1
- package/dist/types/entry-points/new.d.ts +3 -3
- package/dist/types/entry-points/types.d.ts +2 -2
- package/dist/types/index.d.ts +3 -3
- package/dist/types/new-button/variants/default/link.d.ts +1 -1
- package/dist/types/new-button/variants/default/types.d.ts +1 -1
- package/dist/types/new-button/variants/default/use-default-button.d.ts +4 -3
- package/dist/types/new-button/variants/icon/link.d.ts +1 -1
- package/dist/types/new-button/variants/icon/use-icon-button.d.ts +4 -3
- package/dist/types/new-button/variants/shared/constants.d.ts +1 -0
- package/dist/types/new-button/variants/shared/loading-overlay.d.ts +2 -1
- package/dist/types/new-button/variants/shared/use-button-base.d.ts +5 -1
- package/dist/types/new.d.ts +3 -3
- package/dist/types-ts4.5/entry-points/loading-button.d.ts +1 -1
- package/dist/types-ts4.5/entry-points/new.d.ts +3 -3
- package/dist/types-ts4.5/entry-points/types.d.ts +2 -2
- package/dist/types-ts4.5/index.d.ts +3 -3
- package/dist/types-ts4.5/new-button/variants/default/link.d.ts +1 -1
- package/dist/types-ts4.5/new-button/variants/default/types.d.ts +1 -1
- package/dist/types-ts4.5/new-button/variants/default/use-default-button.d.ts +4 -3
- package/dist/types-ts4.5/new-button/variants/icon/link.d.ts +1 -1
- package/dist/types-ts4.5/new-button/variants/icon/use-icon-button.d.ts +4 -3
- package/dist/types-ts4.5/new-button/variants/shared/constants.d.ts +1 -0
- package/dist/types-ts4.5/new-button/variants/shared/loading-overlay.d.ts +2 -1
- package/dist/types-ts4.5/new-button/variants/shared/use-button-base.d.ts +5 -1
- package/dist/types-ts4.5/new.d.ts +3 -3
- package/extract-react-types/custom-theme-button-props.tsx +2 -4
- package/extract-react-types/legacy-button/custom-theme-button-props.tsx +2 -4
- package/extract-react-types/legacy-button/loading-button-props.tsx +1 -1
- package/extract-react-types/legacy-button/shared-props.tsx +1 -1
- package/extract-react-types/loading-button-props.tsx +1 -1
- package/extract-react-types/new-button/containers/split-button/split-button-props.tsx +1 -1
- package/extract-react-types/new-button/variants/default/button-props.tsx +1 -1
- package/extract-react-types/new-button/variants/default/common-default-button-props.tsx +4 -4
- package/extract-react-types/new-button/variants/default/link-button-props.tsx +4 -4
- package/extract-react-types/new-button/variants/icon-button/common-icon-button-props.tsx +4 -4
- package/extract-react-types/new-button/variants/icon-button/icon-button-props.tsx +1 -1
- package/extract-react-types/new-button/variants/icon-button/link-icon-button-props.tsx +2 -4
- package/extract-react-types/shared-props.tsx +1 -1
- package/package.json +202 -201
- package/report.api.md +78 -96
package/report.api.md
CHANGED
|
@@ -2,7 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
## API Report File for "@atlaskit/button"
|
|
4
4
|
|
|
5
|
-
> Do not edit this file. This report is auto-generated using
|
|
5
|
+
> Do not edit this file. This report is auto-generated using
|
|
6
|
+
> [API Extractor](https://api-extractor.com/).
|
|
6
7
|
> [Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
|
|
7
8
|
|
|
8
9
|
### Table of contents
|
|
@@ -29,74 +30,64 @@ import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
|
|
|
29
30
|
|
|
30
31
|
// @public (undocumented)
|
|
31
32
|
export type Appearance =
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
33
|
+
| 'danger'
|
|
34
|
+
| 'default'
|
|
35
|
+
| 'link'
|
|
36
|
+
| 'primary'
|
|
37
|
+
| 'subtle'
|
|
38
|
+
| 'subtle-link'
|
|
39
|
+
| 'warning';
|
|
39
40
|
|
|
40
41
|
// @public (undocumented)
|
|
41
42
|
export type BaseOwnProps = {
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
component?:
|
|
64
|
-
| React_2.ComponentType<React_2.AllHTMLAttributes<HTMLElement>>
|
|
65
|
-
| React_2.ElementType;
|
|
66
|
-
interactionName?: string;
|
|
67
|
-
analyticsContext?: Record<string, any>;
|
|
43
|
+
appearance?: Appearance;
|
|
44
|
+
autoFocus?: boolean;
|
|
45
|
+
className?: string;
|
|
46
|
+
overlay?: React_2.ReactNode;
|
|
47
|
+
href?: string;
|
|
48
|
+
iconAfter?: React_2.ReactChild;
|
|
49
|
+
iconBefore?: React_2.ReactChild;
|
|
50
|
+
isDisabled?: boolean;
|
|
51
|
+
isSelected?: boolean;
|
|
52
|
+
onBlur?: React_2.FocusEventHandler<HTMLElement>;
|
|
53
|
+
onClick?: (e: React_2.MouseEvent<HTMLElement>, analyticsEvent: UIAnalyticsEvent) => void;
|
|
54
|
+
onFocus?: React_2.FocusEventHandler<HTMLElement>;
|
|
55
|
+
spacing?: Spacing;
|
|
56
|
+
target?: React_2.AnchorHTMLAttributes<HTMLAnchorElement>['target'];
|
|
57
|
+
type?: React_2.ButtonHTMLAttributes<HTMLButtonElement>['type'];
|
|
58
|
+
shouldFitContainer?: boolean;
|
|
59
|
+
children?: React_2.ReactNode;
|
|
60
|
+
testId?: string;
|
|
61
|
+
component?: React_2.ComponentType<React_2.AllHTMLAttributes<HTMLElement>> | React_2.ElementType;
|
|
62
|
+
interactionName?: string;
|
|
63
|
+
analyticsContext?: Record<string, any>;
|
|
68
64
|
};
|
|
69
65
|
|
|
70
66
|
// @public (undocumented)
|
|
71
67
|
export type BaseProps = Combine<
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
68
|
+
Combine<
|
|
69
|
+
Omit<React_2.AllHTMLAttributes<HTMLElement>, 'disabled'>,
|
|
70
|
+
{
|
|
71
|
+
'data-testid'?: never;
|
|
72
|
+
'data-has-overlay'?: never;
|
|
73
|
+
}
|
|
74
|
+
>,
|
|
75
|
+
BaseOwnProps
|
|
80
76
|
>;
|
|
81
77
|
|
|
82
78
|
// @public
|
|
83
79
|
const Button: React_2.MemoExoticComponent<
|
|
84
|
-
|
|
85
|
-
ButtonProps & React_2.RefAttributes<HTMLElement>
|
|
86
|
-
>
|
|
80
|
+
React_2.ForwardRefExoticComponent<ButtonProps & React_2.RefAttributes<HTMLElement>>
|
|
87
81
|
>;
|
|
88
82
|
export default Button;
|
|
89
83
|
|
|
90
84
|
// @public (undocumented)
|
|
91
|
-
export function ButtonGroup({
|
|
92
|
-
appearance,
|
|
93
|
-
children,
|
|
94
|
-
}: ButtonGroupProps): jsx.JSX.Element;
|
|
85
|
+
export function ButtonGroup({ appearance, children }: ButtonGroupProps): jsx.JSX.Element;
|
|
95
86
|
|
|
96
87
|
// @public (undocumented)
|
|
97
88
|
type ButtonGroupProps = {
|
|
98
|
-
|
|
99
|
-
|
|
89
|
+
appearance?: Appearance;
|
|
90
|
+
children?: React_2.ReactNode;
|
|
100
91
|
};
|
|
101
92
|
|
|
102
93
|
// @public (undocumented)
|
|
@@ -107,84 +98,75 @@ type Combine<First, Second> = Omit<First, keyof Second> & Second;
|
|
|
107
98
|
|
|
108
99
|
// @public
|
|
109
100
|
export const CustomThemeButton: React_2.MemoExoticComponent<
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
React_2.RefAttributes<HTMLElement>
|
|
114
|
-
>
|
|
101
|
+
React_2.ForwardRefExoticComponent<
|
|
102
|
+
Omit<BaseProps, 'overlay'> & CustomThemeButtonOwnProps & React_2.RefAttributes<HTMLElement>
|
|
103
|
+
>
|
|
115
104
|
>;
|
|
116
105
|
|
|
117
106
|
// @public (undocumented)
|
|
118
107
|
export type CustomThemeButtonOwnProps = {
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
current: (props: ThemeProps) => ThemeTokens,
|
|
122
|
-
props: ThemeProps,
|
|
123
|
-
) => ThemeTokens;
|
|
108
|
+
isLoading?: boolean;
|
|
109
|
+
theme?: (current: (props: ThemeProps) => ThemeTokens, props: ThemeProps) => ThemeTokens;
|
|
124
110
|
};
|
|
125
111
|
|
|
126
112
|
// @public (undocumented)
|
|
127
|
-
export type CustomThemeButtonProps = Omit<BaseProps, 'overlay'> &
|
|
128
|
-
CustomThemeButtonOwnProps;
|
|
113
|
+
export type CustomThemeButtonProps = Omit<BaseProps, 'overlay'> & CustomThemeButtonOwnProps;
|
|
129
114
|
|
|
130
115
|
// @public (undocumented)
|
|
131
116
|
export type InteractionState =
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
117
|
+
| 'active'
|
|
118
|
+
| 'default'
|
|
119
|
+
| 'disabled'
|
|
120
|
+
| 'focus'
|
|
121
|
+
| 'focusSelected'
|
|
122
|
+
| 'hover'
|
|
123
|
+
| 'selected';
|
|
139
124
|
|
|
140
125
|
// @public
|
|
141
126
|
export const LoadingButton: React_2.ForwardRefExoticComponent<
|
|
142
|
-
|
|
143
|
-
LoadingButtonOwnProps &
|
|
144
|
-
React_2.RefAttributes<HTMLElement>
|
|
127
|
+
Omit<BaseProps, 'overlay'> & LoadingButtonOwnProps & React_2.RefAttributes<HTMLElement>
|
|
145
128
|
>;
|
|
146
129
|
|
|
147
130
|
// @public (undocumented)
|
|
148
131
|
export type LoadingButtonOwnProps = {
|
|
149
|
-
|
|
132
|
+
isLoading?: boolean;
|
|
150
133
|
};
|
|
151
134
|
|
|
152
135
|
// @public (undocumented)
|
|
153
|
-
export type LoadingButtonProps = Omit<BaseProps, 'overlay'> &
|
|
154
|
-
LoadingButtonOwnProps;
|
|
136
|
+
export type LoadingButtonProps = Omit<BaseProps, 'overlay'> & LoadingButtonOwnProps;
|
|
155
137
|
|
|
156
138
|
// @public (undocumented)
|
|
157
139
|
export type Spacing = 'compact' | 'default' | 'none';
|
|
158
140
|
|
|
159
141
|
// @public (undocumented)
|
|
160
142
|
export const Theme: {
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
143
|
+
Consumer: ComponentType<
|
|
144
|
+
{
|
|
145
|
+
children: (tokens: ThemeTokens) => ReactNode;
|
|
146
|
+
} & Partial<CustomThemeButtonProps> & {
|
|
147
|
+
state: InteractionState;
|
|
148
|
+
iconIsOnlyChild?: boolean | undefined;
|
|
149
|
+
mode?: ThemeModes_2 | undefined;
|
|
150
|
+
}
|
|
151
|
+
>;
|
|
152
|
+
Provider: ComponentType<{
|
|
153
|
+
children?: ReactNode;
|
|
154
|
+
value?: ThemeProp<ThemeTokens, ThemeProps> | undefined;
|
|
155
|
+
}>;
|
|
156
|
+
useTheme: (props: ThemeProps) => ThemeTokens;
|
|
175
157
|
};
|
|
176
158
|
|
|
177
159
|
// @public (undocumented)
|
|
178
160
|
export type ThemeProps = Partial<CustomThemeButtonProps> & {
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
161
|
+
state: InteractionState;
|
|
162
|
+
iconIsOnlyChild?: boolean;
|
|
163
|
+
mode?: ThemeModes;
|
|
182
164
|
};
|
|
183
165
|
|
|
184
166
|
// @public (undocumented)
|
|
185
167
|
export type ThemeTokens = {
|
|
186
|
-
|
|
187
|
-
|
|
168
|
+
buttonStyles: CSSObject;
|
|
169
|
+
spinnerStyles: CSSObject;
|
|
188
170
|
};
|
|
189
171
|
|
|
190
172
|
// (No @packageDocumentation comment for this package)
|
|
@@ -198,7 +180,7 @@ export type ThemeTokens = {
|
|
|
198
180
|
|
|
199
181
|
```json
|
|
200
182
|
{
|
|
201
|
-
|
|
183
|
+
"react": "^16.8.0"
|
|
202
184
|
}
|
|
203
185
|
```
|
|
204
186
|
|