@atlaskit/button 16.6.1 → 16.7.1
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 +16 -0
- package/button-group/package.json +2 -2
- package/custom-theme-button/package.json +2 -2
- package/dist/cjs/shared/button-base.js +1 -1
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/shared/button-base.js +1 -1
- package/dist/es2019/version.json +1 -1
- package/dist/esm/shared/button-base.js +1 -1
- package/dist/esm/version.json +1 -1
- package/dist/types/button-group.d.ts +1 -1
- package/dist/types/custom-theme-button/custom-theme-button-types.d.ts +5 -5
- package/dist/types/loading-button.d.ts +2 -2
- package/dist/types/shared/colors.d.ts +4 -4
- package/dist/types/shared/css.d.ts +1 -1
- package/dist/types/shared/loading-spinner.d.ts +1 -1
- package/dist/types/types.d.ts +5 -5
- package/loading-button/package.json +2 -2
- package/package.json +22 -14
- package/standard-button/package.json +2 -2
- package/types/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,21 @@
|
|
|
1
1
|
# @atlaskit/button
|
|
2
2
|
|
|
3
|
+
## 16.7.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`41fae2c6f68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/41fae2c6f68) - Upgrade Typescript from `4.5.5` to `4.9.5`
|
|
8
|
+
|
|
9
|
+
## 16.7.0
|
|
10
|
+
|
|
11
|
+
### Minor Changes
|
|
12
|
+
|
|
13
|
+
- [`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip minor dependency bump
|
|
14
|
+
|
|
15
|
+
### Patch Changes
|
|
16
|
+
|
|
17
|
+
- Updated dependencies
|
|
18
|
+
|
|
3
19
|
## 16.6.1
|
|
4
20
|
|
|
5
21
|
### Patch Changes
|
|
@@ -6,9 +6,9 @@
|
|
|
6
6
|
"sideEffects": false,
|
|
7
7
|
"types": "../dist/types/entry-points/button-group.d.ts",
|
|
8
8
|
"typesVersions": {
|
|
9
|
-
">=4.
|
|
9
|
+
">=4.5 <4.9": {
|
|
10
10
|
"*": [
|
|
11
|
-
"../dist/types-ts4.
|
|
11
|
+
"../dist/types-ts4.5/entry-points/button-group.d.ts"
|
|
12
12
|
]
|
|
13
13
|
}
|
|
14
14
|
}
|
|
@@ -6,9 +6,9 @@
|
|
|
6
6
|
"sideEffects": false,
|
|
7
7
|
"types": "../dist/types/entry-points/custom-theme-button.d.ts",
|
|
8
8
|
"typesVersions": {
|
|
9
|
-
">=4.
|
|
9
|
+
">=4.5 <4.9": {
|
|
10
10
|
"*": [
|
|
11
|
-
"../dist/types-ts4.
|
|
11
|
+
"../dist/types-ts4.5/entry-points/custom-theme-button.d.ts"
|
|
12
12
|
]
|
|
13
13
|
}
|
|
14
14
|
}
|
|
@@ -93,7 +93,7 @@ var _default = /*#__PURE__*/_react.default.forwardRef(function ButtonBase(props,
|
|
|
93
93
|
action: 'clicked',
|
|
94
94
|
componentName: 'button',
|
|
95
95
|
packageName: "@atlaskit/button",
|
|
96
|
-
packageVersion: "16.
|
|
96
|
+
packageVersion: "16.7.1",
|
|
97
97
|
analyticsData: analyticsContext
|
|
98
98
|
});
|
|
99
99
|
|
package/dist/cjs/version.json
CHANGED
|
@@ -76,7 +76,7 @@ export default /*#__PURE__*/React.forwardRef(function ButtonBase(props, ref) {
|
|
|
76
76
|
action: 'clicked',
|
|
77
77
|
componentName: 'button',
|
|
78
78
|
packageName: "@atlaskit/button",
|
|
79
|
-
packageVersion: "16.
|
|
79
|
+
packageVersion: "16.7.1",
|
|
80
80
|
analyticsData: analyticsContext
|
|
81
81
|
});
|
|
82
82
|
|
package/dist/es2019/version.json
CHANGED
|
@@ -84,7 +84,7 @@ export default /*#__PURE__*/React.forwardRef(function ButtonBase(props, ref) {
|
|
|
84
84
|
action: 'clicked',
|
|
85
85
|
componentName: 'button',
|
|
86
86
|
packageName: "@atlaskit/button",
|
|
87
|
-
packageVersion: "16.
|
|
87
|
+
packageVersion: "16.7.1",
|
|
88
88
|
analyticsData: analyticsContext
|
|
89
89
|
});
|
|
90
90
|
|
package/dist/esm/version.json
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { CSSObject } from '@emotion/react';
|
|
2
2
|
import { ThemeModes } from '@atlaskit/theme/types';
|
|
3
3
|
import { BaseProps } from '../types';
|
|
4
|
-
export
|
|
4
|
+
export type ThemeTokens = {
|
|
5
5
|
buttonStyles: CSSObject;
|
|
6
6
|
spinnerStyles: CSSObject;
|
|
7
7
|
};
|
|
8
|
-
export
|
|
9
|
-
export
|
|
8
|
+
export type InteractionState = 'disabled' | 'focusSelected' | 'selected' | 'active' | 'hover' | 'focus' | 'default';
|
|
9
|
+
export type CustomThemeButtonOwnProps = {
|
|
10
10
|
isLoading?: boolean;
|
|
11
11
|
/**
|
|
12
12
|
* Slow + discouraged custom theme API
|
|
@@ -14,8 +14,8 @@ export declare type CustomThemeButtonOwnProps = {
|
|
|
14
14
|
*/
|
|
15
15
|
theme?: (current: (props: ThemeProps) => ThemeTokens, props: ThemeProps) => ThemeTokens;
|
|
16
16
|
};
|
|
17
|
-
export
|
|
18
|
-
export
|
|
17
|
+
export type CustomThemeButtonProps = Omit<BaseProps, 'overlay'> & CustomThemeButtonOwnProps;
|
|
18
|
+
export type ThemeProps = Partial<CustomThemeButtonProps> & {
|
|
19
19
|
state: InteractionState;
|
|
20
20
|
iconIsOnlyChild?: boolean;
|
|
21
21
|
mode?: ThemeModes;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { BaseProps } from './types';
|
|
3
|
-
export
|
|
3
|
+
export type LoadingButtonOwnProps = {
|
|
4
4
|
isLoading?: boolean;
|
|
5
5
|
};
|
|
6
|
-
export
|
|
6
|
+
export type LoadingButtonProps = Omit<BaseProps, 'overlay'> & LoadingButtonOwnProps;
|
|
7
7
|
/**
|
|
8
8
|
* __Loading button__
|
|
9
9
|
*
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { ThemeModes } from '@atlaskit/theme/types';
|
|
2
2
|
import { Appearance } from '../types';
|
|
3
|
-
export
|
|
3
|
+
export type ColorRule = {
|
|
4
4
|
[key in ThemeModes]: string;
|
|
5
5
|
};
|
|
6
|
-
export
|
|
6
|
+
export type ColorGroup = {
|
|
7
7
|
default: ColorRule;
|
|
8
8
|
hover?: ColorRule;
|
|
9
9
|
active?: ColorRule;
|
|
@@ -12,10 +12,10 @@ export declare type ColorGroup = {
|
|
|
12
12
|
focus?: ColorRule;
|
|
13
13
|
focusSelected?: ColorRule;
|
|
14
14
|
};
|
|
15
|
-
export
|
|
15
|
+
export type ColorPreset = {
|
|
16
16
|
[key in Appearance]: ColorGroup;
|
|
17
17
|
};
|
|
18
|
-
|
|
18
|
+
type Values = {
|
|
19
19
|
background: ColorPreset;
|
|
20
20
|
color: ColorPreset;
|
|
21
21
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { CSSObject } from '@emotion/react';
|
|
2
2
|
import { ThemeModes } from '@atlaskit/theme/types';
|
|
3
3
|
import { Appearance, Spacing } from '../types';
|
|
4
|
-
export
|
|
4
|
+
export type GetCssArgs = {
|
|
5
5
|
appearance: Appearance;
|
|
6
6
|
spacing: Spacing;
|
|
7
7
|
mode: ThemeModes;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { BaseProps } from '../types';
|
|
3
|
-
|
|
3
|
+
type LoadingSpinnerProps = Pick<BaseProps, 'appearance' | 'isDisabled' | 'isSelected' | 'spacing'>;
|
|
4
4
|
export default function LoadingSpinner({ spacing, ...rest }: LoadingSpinnerProps): JSX.Element;
|
|
5
5
|
export {};
|
package/dist/types/types.d.ts
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
|
|
3
|
-
export
|
|
4
|
-
export
|
|
5
|
-
|
|
6
|
-
export
|
|
3
|
+
export type Appearance = 'default' | 'danger' | 'link' | 'primary' | 'subtle' | 'subtle-link' | 'warning';
|
|
4
|
+
export type Spacing = 'compact' | 'default' | 'none';
|
|
5
|
+
type Combine<First, Second> = Omit<First, keyof Second> & Second;
|
|
6
|
+
export type BaseOwnProps = {
|
|
7
7
|
/**
|
|
8
8
|
* The base styling to apply to the button
|
|
9
9
|
*/
|
|
@@ -87,7 +87,7 @@ export declare type BaseOwnProps = {
|
|
|
87
87
|
*/
|
|
88
88
|
analyticsContext?: Record<string, any>;
|
|
89
89
|
};
|
|
90
|
-
export
|
|
90
|
+
export type BaseProps = Combine<Combine<Omit<React.AllHTMLAttributes<HTMLElement>, 'disabled'>, {
|
|
91
91
|
'data-testid'?: never;
|
|
92
92
|
'data-has-overlay'?: never;
|
|
93
93
|
}>, BaseOwnProps>;
|
|
@@ -6,9 +6,9 @@
|
|
|
6
6
|
"sideEffects": false,
|
|
7
7
|
"types": "../dist/types/entry-points/loading-button.d.ts",
|
|
8
8
|
"typesVersions": {
|
|
9
|
-
">=4.
|
|
9
|
+
">=4.5 <4.9": {
|
|
10
10
|
"*": [
|
|
11
|
-
"../dist/types-ts4.
|
|
11
|
+
"../dist/types-ts4.5/entry-points/loading-button.d.ts"
|
|
12
12
|
]
|
|
13
13
|
}
|
|
14
14
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/button",
|
|
3
|
-
"version": "16.
|
|
3
|
+
"version": "16.7.1",
|
|
4
4
|
"description": "A button triggers an event or action. They let users know what will happen next.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -12,6 +12,14 @@
|
|
|
12
12
|
"module": "dist/esm/index.js",
|
|
13
13
|
"module:es2019": "dist/es2019/index.js",
|
|
14
14
|
"types": "dist/types/index.d.ts",
|
|
15
|
+
"typesVersions": {
|
|
16
|
+
">=4.5 <4.9": {
|
|
17
|
+
"*": [
|
|
18
|
+
"dist/types-ts4.5/*",
|
|
19
|
+
"dist/types-ts4.5/index.d.ts"
|
|
20
|
+
]
|
|
21
|
+
}
|
|
22
|
+
},
|
|
15
23
|
"sideEffects": false,
|
|
16
24
|
"atlaskit:src": "src/index.tsx",
|
|
17
25
|
"atlassian": {
|
|
@@ -31,13 +39,13 @@
|
|
|
31
39
|
".": "./src/index.tsx"
|
|
32
40
|
},
|
|
33
41
|
"dependencies": {
|
|
34
|
-
"@atlaskit/analytics-next": "^9.
|
|
35
|
-
"@atlaskit/ds-lib": "^2.
|
|
36
|
-
"@atlaskit/focus-ring": "^1.0
|
|
37
|
-
"@atlaskit/interaction-context": "^2.
|
|
38
|
-
"@atlaskit/spinner": "^15.
|
|
39
|
-
"@atlaskit/theme": "^12.
|
|
40
|
-
"@atlaskit/tokens": "^1.
|
|
42
|
+
"@atlaskit/analytics-next": "^9.1.0",
|
|
43
|
+
"@atlaskit/ds-lib": "^2.2.0",
|
|
44
|
+
"@atlaskit/focus-ring": "^1.3.0",
|
|
45
|
+
"@atlaskit/interaction-context": "^2.1.0",
|
|
46
|
+
"@atlaskit/spinner": "^15.5.0",
|
|
47
|
+
"@atlaskit/theme": "^12.5.0",
|
|
48
|
+
"@atlaskit/tokens": "^1.4.0",
|
|
41
49
|
"@babel/runtime": "^7.0.0",
|
|
42
50
|
"@emotion/react": "^11.7.1"
|
|
43
51
|
},
|
|
@@ -45,12 +53,12 @@
|
|
|
45
53
|
"react": "^16.8.0"
|
|
46
54
|
},
|
|
47
55
|
"devDependencies": {
|
|
48
|
-
"@atlaskit/checkbox": "^12.
|
|
56
|
+
"@atlaskit/checkbox": "^12.6.0",
|
|
49
57
|
"@atlaskit/docs": "*",
|
|
50
|
-
"@atlaskit/icon": "^21.
|
|
51
|
-
"@atlaskit/logo": "^13.
|
|
52
|
-
"@atlaskit/section-message": "^6.
|
|
53
|
-
"@atlaskit/select": "^16.
|
|
58
|
+
"@atlaskit/icon": "^21.12.0",
|
|
59
|
+
"@atlaskit/logo": "^13.14.0",
|
|
60
|
+
"@atlaskit/section-message": "^6.4.0",
|
|
61
|
+
"@atlaskit/select": "^16.2.0",
|
|
54
62
|
"@atlaskit/ssr": "*",
|
|
55
63
|
"@atlaskit/visual-regression": "*",
|
|
56
64
|
"@atlaskit/webdriver-runner": "*",
|
|
@@ -66,7 +74,7 @@
|
|
|
66
74
|
"react-router-dom": "^4.2.2",
|
|
67
75
|
"react-test-renderer": "^16.8.0",
|
|
68
76
|
"storybook-addon-performance": "^0.16.0",
|
|
69
|
-
"typescript": "4.
|
|
77
|
+
"typescript": "~4.9.5",
|
|
70
78
|
"wait-for-expect": "^1.2.0"
|
|
71
79
|
},
|
|
72
80
|
"techstack": {
|
|
@@ -6,9 +6,9 @@
|
|
|
6
6
|
"sideEffects": false,
|
|
7
7
|
"types": "../dist/types/entry-points/standard-button.d.ts",
|
|
8
8
|
"typesVersions": {
|
|
9
|
-
">=4.
|
|
9
|
+
">=4.5 <4.9": {
|
|
10
10
|
"*": [
|
|
11
|
-
"../dist/types-ts4.
|
|
11
|
+
"../dist/types-ts4.5/entry-points/standard-button.d.ts"
|
|
12
12
|
]
|
|
13
13
|
}
|
|
14
14
|
}
|
package/types/package.json
CHANGED