@atlaskit/panel 0.9.11 → 0.9.13

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 (8) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/dist/cjs/components/Panel/PanelStateless.js +2 -2
  3. package/dist/cjs/components/Panel/styledPanel.js +1 -1
  4. package/dist/es2019/components/Panel/PanelStateless.js +1 -1
  5. package/dist/es2019/components/Panel/styledPanel.js +1 -1
  6. package/dist/esm/components/Panel/PanelStateless.js +1 -1
  7. package/dist/esm/components/Panel/styledPanel.js +1 -1
  8. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,20 @@
1
1
  # @atlaskit/panel
2
2
 
3
+ ## 0.9.13
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 0.9.12
10
+
11
+ ### Patch Changes
12
+
13
+ - [#114683](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/114683)
14
+ [`ff0815316ab38`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/ff0815316ab38) -
15
+ Removes usage of custom theme button in places where its API is not being used and the default
16
+ button is able to be used instead. This should give a slight performance (runtime) improvement.
17
+
3
18
  ## 0.9.11
4
19
 
5
20
  ### Patch Changes
package/dist/cjs/components/Panel/PanelStateless.js CHANGED
@@ -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 _reactIntlNext = require("react-intl-next");
12
- var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
12
+ var _button = _interopRequireDefault(require("@atlaskit/button"));
13
13
  var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-down"));
14
14
  var _chevronRight = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-right"));
15
15
  var styles = _interopRequireWildcard(require("./styledPanel"));
@@ -42,7 +42,7 @@ var PanelStateless = function PanelStateless(_ref) {
42
42
  }
43
43
  }, /*#__PURE__*/_react.default.createElement(styles.ButtonWrapper, {
44
44
  isHidden: isExpanded
45
- }, /*#__PURE__*/_react.default.createElement(_customThemeButton.default, {
45
+ }, /*#__PURE__*/_react.default.createElement(_button.default, {
46
46
  appearance: "subtle",
47
47
  "aria-expanded": isExpanded,
48
48
  spacing: "none",
package/dist/cjs/components/Panel/styledPanel.js CHANGED
@@ -28,7 +28,7 @@ var ButtonWrapper = exports.ButtonWrapper = _styledComponents.default.div(_templ
28
28
  return isHidden ? 0 : 1;
29
29
  }, transition);
30
30
 
31
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
31
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
32
32
  var PanelHeader = exports.PanelHeader = (0, _reactFocusWithin.withFocusWithin)(_styledComponents.default.div(_templateObject4 || (_templateObject4 = (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\t\t", ";\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) {
33
33
  return props.isFocused && "var(--ds-surface-hovered, ".concat(_theme.colors.N20, ")");
34
34
  }, "var(--ds-border-radius-100, 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/dist/es2019/components/Panel/PanelStateless.js CHANGED
@@ -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-next';
4
- import Button from '@atlaskit/button/custom-theme-button';
4
+ import Button from '@atlaskit/button';
5
5
  import ChevronDownIcon from '@atlaskit/icon/glyph/chevron-down';
6
6
  import ChevronRightIcon from '@atlaskit/icon/glyph/chevron-right';
7
7
  import * as styles from './styledPanel';
package/dist/es2019/components/Panel/styledPanel.js CHANGED
@@ -37,7 +37,7 @@ export const ButtonWrapper = styled.div`
37
37
  }
38
38
  `;
39
39
 
40
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
40
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
41
41
  export const PanelHeader = withFocusWithin(styled.div`
42
42
  align-items: center;
43
43
  background-color: ${props => props.isFocused && `var(--ds-surface-hovered, ${colors.N20})`};
package/dist/esm/components/Panel/PanelStateless.js CHANGED
@@ -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-next';
4
- import Button from '@atlaskit/button/custom-theme-button';
4
+ import Button from '@atlaskit/button';
5
5
  import ChevronDownIcon from '@atlaskit/icon/glyph/chevron-down';
6
6
  import ChevronRightIcon from '@atlaskit/icon/glyph/chevron-right';
7
7
  import * as styles from './styledPanel';
package/dist/esm/components/Panel/styledPanel.js CHANGED
@@ -20,7 +20,7 @@ export var ButtonWrapper = styled.div(_templateObject3 || (_templateObject3 = _t
20
20
  return isHidden ? 0 : 1;
21
21
  }, transition);
22
22
 
23
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
23
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
24
24
  export var PanelHeader = withFocusWithin(styled.div(_templateObject4 || (_templateObject4 = _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\t\t", ";\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) {
25
25
  return props.isFocused && "var(--ds-surface-hovered, ".concat(colors.N20, ")");
26
26
  }, "var(--ds-border-radius-100, 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": "0.9.11",
3
+ "version": "0.9.13",
4
4
  "description": "A React component rendering a collapsible panel",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -32,10 +32,10 @@
32
32
  }
33
33
  },
34
34
  "dependencies": {
35
- "@atlaskit/button": "^18.0.0",
36
- "@atlaskit/icon": "^22.4.0",
35
+ "@atlaskit/button": "^19.0.0",
36
+ "@atlaskit/icon": "^22.6.0",
37
37
  "@atlaskit/theme": "^12.11.0",
38
- "@atlaskit/tokens": "^1.52.0",
38
+ "@atlaskit/tokens": "^1.56.0",
39
39
  "@babel/runtime": "^7.0.0",
40
40
  "react-animate-height": "^2.0.5",
41
41
  "react-focus-within": "^2.0.1",