@atlaskit/panel 0.9.16 → 0.10.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.
Files changed (7) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/afm-cc/tsconfig.json +3 -0
  3. package/afm-jira/tsconfig.json +3 -0
  4. package/dist/cjs/components/Panel/PanelStateless.js +18 -7
  5. package/dist/es2019/components/Panel/PanelStateless.js +18 -7
  6. package/dist/esm/components/Panel/PanelStateless.js +18 -7
  7. package/package.json +4 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,19 @@
1
1
  # @atlaskit/panel
2
2
 
3
+ ## 0.10.1
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 0.10.0
10
+
11
+ ### Minor Changes
12
+
13
+ - [#149200](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/149200)
14
+ [`89785dceb2ecb`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/89785dceb2ecb) -
15
+ Enable new icons behind a feature flag.
16
+
3
17
  ## 0.9.16
4
18
 
5
19
  ### Patch Changes
package/afm-cc/tsconfig.json CHANGED
@@ -24,6 +24,9 @@
24
24
  {
25
25
  "path": "../../../design-system/icon/afm-cc/tsconfig.json"
26
26
  },
27
+ {
28
+ "path": "../../../design-system/primitives/afm-cc/tsconfig.json"
29
+ },
27
30
  {
28
31
  "path": "../../../design-system/theme/afm-cc/tsconfig.json"
29
32
  },
package/afm-jira/tsconfig.json CHANGED
@@ -23,6 +23,9 @@
23
23
  {
24
24
  "path": "../../../design-system/icon/afm-jira/tsconfig.json"
25
25
  },
26
+ {
27
+ "path": "../../../design-system/primitives/afm-jira/tsconfig.json"
28
+ },
26
29
  {
27
30
  "path": "../../../design-system/theme/afm-jira/tsconfig.json"
28
31
  },
package/dist/cjs/components/Panel/PanelStateless.js CHANGED
@@ -10,8 +10,9 @@ var _react = _interopRequireDefault(require("react"));
10
10
  var _reactAnimateHeight = _interopRequireDefault(require("react-animate-height"));
11
11
  var _reactIntlNext = require("react-intl-next");
12
12
  var _button = _interopRequireDefault(require("@atlaskit/button"));
13
- var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-down"));
14
- var _chevronRight = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-right"));
13
+ var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/utility/migration/chevron-down"));
14
+ var _chevronRight = _interopRequireDefault(require("@atlaskit/icon/utility/migration/chevron-right"));
15
+ var _primitives = require("@atlaskit/primitives");
15
16
  var styles = _interopRequireWildcard(require("./styledPanel"));
16
17
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
17
18
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -46,11 +47,21 @@ var PanelStateless = function PanelStateless(_ref) {
46
47
  appearance: "subtle",
47
48
  "aria-expanded": isExpanded,
48
49
  spacing: "none",
49
- iconBefore: isExpanded ? /*#__PURE__*/_react.default.createElement(_chevronDown.default, {
50
- label: i18nCollapseText
51
- }) : /*#__PURE__*/_react.default.createElement(_chevronRight.default, {
52
- label: i18nExpandText
53
- })
50
+ iconBefore: isExpanded ? /*#__PURE__*/_react.default.createElement(_primitives.Box, {
51
+ as: "span",
52
+ paddingInlineStart: "space.050"
53
+ }, /*#__PURE__*/_react.default.createElement(_chevronDown.default, {
54
+ color: "currentColor",
55
+ label: i18nCollapseText,
56
+ LEGACY_margin: "0 0 0 -4px"
57
+ })) : /*#__PURE__*/_react.default.createElement(_primitives.Box, {
58
+ as: "span",
59
+ paddingInlineStart: "space.050"
60
+ }, /*#__PURE__*/_react.default.createElement(_chevronRight.default, {
61
+ color: "currentColor",
62
+ label: i18nExpandText,
63
+ LEGACY_margin: "0 0 0 -4px"
64
+ }))
54
65
  })), /*#__PURE__*/_react.default.createElement("span", null, header)), /*#__PURE__*/_react.default.createElement(_reactAnimateHeight.default, {
55
66
  duration: 200,
56
67
  easing: "linear",
package/dist/es2019/components/Panel/PanelStateless.js CHANGED
@@ -2,8 +2,9 @@ import React from 'react';
2
2
  import AnimateHeight from 'react-animate-height';
3
3
  import { defineMessages, useIntl } from 'react-intl-next';
4
4
  import Button from '@atlaskit/button';
5
- import ChevronDownIcon from '@atlaskit/icon/glyph/chevron-down';
6
- import ChevronRightIcon from '@atlaskit/icon/glyph/chevron-right';
5
+ import ChevronDownIcon from '@atlaskit/icon/utility/migration/chevron-down';
6
+ import ChevronRightIcon from '@atlaskit/icon/utility/migration/chevron-right';
7
+ import { Box } from '@atlaskit/primitives';
7
8
  import * as styles from './styledPanel';
8
9
  const i18n = defineMessages({
9
10
  collapse: {
@@ -34,11 +35,21 @@ const PanelStateless = ({
34
35
  appearance: "subtle",
35
36
  "aria-expanded": isExpanded,
36
37
  spacing: "none",
37
- iconBefore: isExpanded ? /*#__PURE__*/React.createElement(ChevronDownIcon, {
38
- label: i18nCollapseText
39
- }) : /*#__PURE__*/React.createElement(ChevronRightIcon, {
40
- label: i18nExpandText
41
- })
38
+ iconBefore: isExpanded ? /*#__PURE__*/React.createElement(Box, {
39
+ as: "span",
40
+ paddingInlineStart: "space.050"
41
+ }, /*#__PURE__*/React.createElement(ChevronDownIcon, {
42
+ color: "currentColor",
43
+ label: i18nCollapseText,
44
+ LEGACY_margin: "0 0 0 -4px"
45
+ })) : /*#__PURE__*/React.createElement(Box, {
46
+ as: "span",
47
+ paddingInlineStart: "space.050"
48
+ }, /*#__PURE__*/React.createElement(ChevronRightIcon, {
49
+ color: "currentColor",
50
+ label: i18nExpandText,
51
+ LEGACY_margin: "0 0 0 -4px"
52
+ }))
42
53
  })), /*#__PURE__*/React.createElement("span", null, header)), /*#__PURE__*/React.createElement(AnimateHeight, {
43
54
  duration: 200,
44
55
  easing: "linear",
package/dist/esm/components/Panel/PanelStateless.js CHANGED
@@ -2,8 +2,9 @@ import React from 'react';
2
2
  import AnimateHeight from 'react-animate-height';
3
3
  import { defineMessages, useIntl } from 'react-intl-next';
4
4
  import Button from '@atlaskit/button';
5
- import ChevronDownIcon from '@atlaskit/icon/glyph/chevron-down';
6
- import ChevronRightIcon from '@atlaskit/icon/glyph/chevron-right';
5
+ import ChevronDownIcon from '@atlaskit/icon/utility/migration/chevron-down';
6
+ import ChevronRightIcon from '@atlaskit/icon/utility/migration/chevron-right';
7
+ import { Box } from '@atlaskit/primitives';
7
8
  import * as styles from './styledPanel';
8
9
  var i18n = defineMessages({
9
10
  collapse: {
@@ -36,11 +37,21 @@ var PanelStateless = function PanelStateless(_ref) {
36
37
  appearance: "subtle",
37
38
  "aria-expanded": isExpanded,
38
39
  spacing: "none",
39
- iconBefore: isExpanded ? /*#__PURE__*/React.createElement(ChevronDownIcon, {
40
- label: i18nCollapseText
41
- }) : /*#__PURE__*/React.createElement(ChevronRightIcon, {
42
- label: i18nExpandText
43
- })
40
+ iconBefore: isExpanded ? /*#__PURE__*/React.createElement(Box, {
41
+ as: "span",
42
+ paddingInlineStart: "space.050"
43
+ }, /*#__PURE__*/React.createElement(ChevronDownIcon, {
44
+ color: "currentColor",
45
+ label: i18nCollapseText,
46
+ LEGACY_margin: "0 0 0 -4px"
47
+ })) : /*#__PURE__*/React.createElement(Box, {
48
+ as: "span",
49
+ paddingInlineStart: "space.050"
50
+ }, /*#__PURE__*/React.createElement(ChevronRightIcon, {
51
+ color: "currentColor",
52
+ label: i18nExpandText,
53
+ LEGACY_margin: "0 0 0 -4px"
54
+ }))
44
55
  })), /*#__PURE__*/React.createElement("span", null, header)), /*#__PURE__*/React.createElement(AnimateHeight, {
45
56
  duration: 200,
46
57
  easing: "linear",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/panel",
3
- "version": "0.9.16",
3
+ "version": "0.10.1",
4
4
  "description": "A React component rendering a collapsible panel",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -32,8 +32,9 @@
32
32
  },
33
33
  "dependencies": {
34
34
  "@atlaskit/button": "^20.2.0",
35
- "@atlaskit/icon": "^22.18.0",
36
- "@atlaskit/theme": "^13.0.0",
35
+ "@atlaskit/icon": "^22.22.0",
36
+ "@atlaskit/primitives": "^12.2.0",
37
+ "@atlaskit/theme": "^14.0.0",
37
38
  "@atlaskit/tokens": "^2.0.0",
38
39
  "@babel/runtime": "^7.0.0",
39
40
  "react-animate-height": "^2.0.5",