@atlaskit/panel 2.6.0 → 2.7.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 +11 -0
- package/dist/cjs/components/Panel/PanelStateless.js +1 -1
- package/dist/cjs/components/Panel/styledPanel.js +1 -1
- package/dist/es2019/components/Panel/PanelStateless.js +1 -1
- package/dist/es2019/components/Panel/styledPanel.js +1 -1
- package/dist/esm/components/Panel/PanelStateless.js +1 -1
- package/dist/esm/components/Panel/styledPanel.js +1 -1
- package/package.json +9 -8
- package/report.api.md +0 -62
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,16 @@
|
|
|
1
1
|
# @atlaskit/panel
|
|
2
2
|
|
|
3
|
+
## 2.7.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [`bd2c5b0112185`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/bd2c5b0112185) -
|
|
8
|
+
Remove stale API report artifacts from published Platform packages.
|
|
9
|
+
|
|
10
|
+
### Patch Changes
|
|
11
|
+
|
|
12
|
+
- Updated dependencies
|
|
13
|
+
|
|
3
14
|
## 2.6.0
|
|
4
15
|
|
|
5
16
|
### Minor Changes
|
|
@@ -9,7 +9,7 @@ exports.default = void 0;
|
|
|
9
9
|
var _react = _interopRequireDefault(require("react"));
|
|
10
10
|
var _reactAnimateHeight = _interopRequireDefault(require("react-animate-height"));
|
|
11
11
|
var _reactIntl = require("react-intl");
|
|
12
|
-
var _button = _interopRequireDefault(require("@atlaskit/button"));
|
|
12
|
+
var _button = _interopRequireDefault(require("@atlaskit/button/button"));
|
|
13
13
|
var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/core/chevron-down"));
|
|
14
14
|
var _chevronRight = _interopRequireDefault(require("@atlaskit/icon/core/chevron-right"));
|
|
15
15
|
var _compiled = require("@atlaskit/primitives/compiled");
|
|
@@ -41,7 +41,7 @@ transition, {
|
|
|
41
41
|
}
|
|
42
42
|
});
|
|
43
43
|
|
|
44
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @typescript-eslint/
|
|
44
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @typescript-eslint/no-restricted-types -- Ignored via go/DSP-18766
|
|
45
45
|
var PanelHeader = exports.PanelHeader = (0, _reactFocusWithin.withFocusWithin)(_styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n\talign-items: center;\n\tbackground-color: ", ";\n\tborder-radius: ", ";\n\tdisplay: flex;\n\tleft: ", ";\n\tmargin-bottom: ", ";\n\tmargin-top: ", ";\n\tpadding: ", " ", " ", " ", ";\n\tposition: relative;\n\t", ";\n\twidth: 100%;\n\n\t", " {\n\t\topacity: ", ";\n\t}\n\n\t&:hover {\n\t\tbackground-color: ", ";\n\t\tcursor: pointer;\n\n\t\t", " {\n\t\t\topacity: 1;\n\t\t}\n\t}\n"])), function (props) {
|
|
46
46
|
return props.isFocused && "var(--ds-surface-hovered, #F0F1F2)";
|
|
47
47
|
}, "var(--ds-radius-small, 3px)", "var(--ds-space-negative-300, -24px)", "var(--ds-space-100, 8px)", "var(--ds-space-200, 16px)", "var(--ds-space-025, 2px)", "var(--ds-space-0, 0px)", "var(--ds-space-025, 2px)", "var(--ds-space-300, 24px)", transition, ButtonWrapper, function (props) {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import AnimateHeight from 'react-animate-height';
|
|
3
3
|
import { defineMessages, useIntl } from 'react-intl';
|
|
4
|
-
import Button from '@atlaskit/button';
|
|
4
|
+
import Button from '@atlaskit/button/button';
|
|
5
5
|
import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
|
|
6
6
|
import ChevronRightIcon from '@atlaskit/icon/core/chevron-right';
|
|
7
7
|
import { Box } from '@atlaskit/primitives/compiled';
|
|
@@ -33,7 +33,7 @@ transition, {
|
|
|
33
33
|
}
|
|
34
34
|
});
|
|
35
35
|
|
|
36
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @typescript-eslint/
|
|
36
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @typescript-eslint/no-restricted-types -- Ignored via go/DSP-18766
|
|
37
37
|
export const PanelHeader = withFocusWithin(styled.div`
|
|
38
38
|
align-items: center;
|
|
39
39
|
background-color: ${props => props.isFocused && "var(--ds-surface-hovered, #F0F1F2)"};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import AnimateHeight from 'react-animate-height';
|
|
3
3
|
import { defineMessages, useIntl } from 'react-intl';
|
|
4
|
-
import Button from '@atlaskit/button';
|
|
4
|
+
import Button from '@atlaskit/button/button';
|
|
5
5
|
import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
|
|
6
6
|
import ChevronRightIcon from '@atlaskit/icon/core/chevron-right';
|
|
7
7
|
import { Box } from '@atlaskit/primitives/compiled';
|
|
@@ -33,7 +33,7 @@ transition, {
|
|
|
33
33
|
}
|
|
34
34
|
});
|
|
35
35
|
|
|
36
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @typescript-eslint/
|
|
36
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @typescript-eslint/no-restricted-types -- Ignored via go/DSP-18766
|
|
37
37
|
export var PanelHeader = withFocusWithin(styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n\talign-items: center;\n\tbackground-color: ", ";\n\tborder-radius: ", ";\n\tdisplay: flex;\n\tleft: ", ";\n\tmargin-bottom: ", ";\n\tmargin-top: ", ";\n\tpadding: ", " ", " ", " ", ";\n\tposition: relative;\n\t", ";\n\twidth: 100%;\n\n\t", " {\n\t\topacity: ", ";\n\t}\n\n\t&:hover {\n\t\tbackground-color: ", ";\n\t\tcursor: pointer;\n\n\t\t", " {\n\t\t\topacity: 1;\n\t\t}\n\t}\n"])), function (props) {
|
|
38
38
|
return props.isFocused && "var(--ds-surface-hovered, #F0F1F2)";
|
|
39
39
|
}, "var(--ds-radius-small, 3px)", "var(--ds-space-negative-300, -24px)", "var(--ds-space-100, 8px)", "var(--ds-space-200, 16px)", "var(--ds-space-025, 2px)", "var(--ds-space-0, 0px)", "var(--ds-space-025, 2px)", "var(--ds-space-300, 24px)", transition, ButtonWrapper, function (props) {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/panel",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.7.0",
|
|
4
4
|
"description": "A React component rendering a collapsible panel",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -21,13 +21,13 @@
|
|
|
21
21
|
},
|
|
22
22
|
"dependencies": {
|
|
23
23
|
"@atlaskit/afm-i18n-platform-bitbucket-panel": "2.209.0",
|
|
24
|
-
"@atlaskit/button": "^25.
|
|
25
|
-
"@atlaskit/icon": "^37.
|
|
26
|
-
"@atlaskit/link": "^5.
|
|
27
|
-
"@atlaskit/platform-feature-flags": "^2.
|
|
28
|
-
"@atlaskit/primitives": "^22.
|
|
29
|
-
"@atlaskit/theme": "^28.
|
|
30
|
-
"@atlaskit/tokens": "^16.
|
|
24
|
+
"@atlaskit/button": "^25.3.0",
|
|
25
|
+
"@atlaskit/icon": "^37.6.0",
|
|
26
|
+
"@atlaskit/link": "^5.1.0",
|
|
27
|
+
"@atlaskit/platform-feature-flags": "^2.2.0",
|
|
28
|
+
"@atlaskit/primitives": "^22.5.0",
|
|
29
|
+
"@atlaskit/theme": "^28.2.0",
|
|
30
|
+
"@atlaskit/tokens": "^16.10.0",
|
|
31
31
|
"@babel/runtime": "^7.0.0",
|
|
32
32
|
"react-animate-height": "^2.1.0",
|
|
33
33
|
"react-focus-within": "^2.0.1"
|
|
@@ -38,6 +38,7 @@
|
|
|
38
38
|
"styled-components": "^3.2.6"
|
|
39
39
|
},
|
|
40
40
|
"devDependencies": {
|
|
41
|
+
"@atlaskit/page": "^15.3.0",
|
|
41
42
|
"@testing-library/react": "^16.3.0",
|
|
42
43
|
"@testing-library/user-event": "^14.4.3",
|
|
43
44
|
"react": "^18.2.0",
|
package/report.api.md
DELETED
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
<!-- API Report Version: 2.3 -->
|
|
2
|
-
|
|
3
|
-
## API Report File for "@atlaskit/panel"
|
|
4
|
-
|
|
5
|
-
> Do not edit this file. This report is auto-generated using
|
|
6
|
-
> [API Extractor](https://api-extractor.com/).
|
|
7
|
-
> [Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
|
|
8
|
-
|
|
9
|
-
### Table of contents
|
|
10
|
-
|
|
11
|
-
- [Main Entry Types](#main-entry-types)
|
|
12
|
-
- [Peer Dependencies](#peer-dependencies)
|
|
13
|
-
|
|
14
|
-
### Main Entry Types
|
|
15
|
-
|
|
16
|
-
<!--SECTION START: Main Entry Types-->
|
|
17
|
-
|
|
18
|
-
```ts
|
|
19
|
-
import { FC } from 'react';
|
|
20
|
-
import { ReactNode } from 'react';
|
|
21
|
-
|
|
22
|
-
// @public (undocumented)
|
|
23
|
-
type BasePanelProps = {
|
|
24
|
-
children?: ReactNode;
|
|
25
|
-
header?: ReactNode;
|
|
26
|
-
};
|
|
27
|
-
|
|
28
|
-
// @public (undocumented)
|
|
29
|
-
const PanelState: FC<Props>;
|
|
30
|
-
export default PanelState;
|
|
31
|
-
|
|
32
|
-
// @public (undocumented)
|
|
33
|
-
type PanelState_2 = BasePanelProps & {
|
|
34
|
-
isExpanded: boolean;
|
|
35
|
-
onChange: (isExpanded: boolean) => void;
|
|
36
|
-
};
|
|
37
|
-
|
|
38
|
-
// @public (undocumented)
|
|
39
|
-
export const PanelStateless: FC<PanelState_2>;
|
|
40
|
-
|
|
41
|
-
// @public (undocumented)
|
|
42
|
-
type Props = BasePanelProps & {
|
|
43
|
-
isDefaultExpanded?: boolean;
|
|
44
|
-
};
|
|
45
|
-
|
|
46
|
-
// (No @packageDocumentation comment for this package)
|
|
47
|
-
```
|
|
48
|
-
|
|
49
|
-
<!--SECTION END: Main Entry Types-->
|
|
50
|
-
|
|
51
|
-
### Peer Dependencies
|
|
52
|
-
|
|
53
|
-
<!--SECTION START: Peer Dependencies-->
|
|
54
|
-
|
|
55
|
-
```json
|
|
56
|
-
{
|
|
57
|
-
"react": "^16.8.0",
|
|
58
|
-
"styled-components": "^3.2.6"
|
|
59
|
-
}
|
|
60
|
-
```
|
|
61
|
-
|
|
62
|
-
<!--SECTION END: Peer Dependencies-->
|