@atlaskit/panel 0.8.0 → 0.8.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 (117) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/cjs/components/Panel/Panel.js +6 -18
  3. package/dist/cjs/components/Panel/PanelStateless.js +4 -18
  4. package/dist/cjs/components/Panel/index.js +0 -3
  5. package/dist/cjs/components/Panel/styledPanel.js +3 -17
  6. package/dist/cjs/i18n/cs.js +3 -3
  7. package/dist/cjs/i18n/da.js +3 -3
  8. package/dist/cjs/i18n/de.js +3 -3
  9. package/dist/cjs/i18n/en.js +3 -3
  10. package/dist/cjs/i18n/en_GB.js +3 -3
  11. package/dist/cjs/i18n/en_ZZ.js +3 -3
  12. package/dist/cjs/i18n/es.js +3 -3
  13. package/dist/cjs/i18n/fi.js +3 -3
  14. package/dist/cjs/i18n/fr.js +19 -0
  15. package/dist/cjs/i18n/hu.js +3 -3
  16. package/dist/cjs/i18n/it.js +3 -3
  17. package/dist/cjs/i18n/ja.js +3 -3
  18. package/dist/cjs/i18n/ko.js +3 -3
  19. package/dist/cjs/i18n/nb.js +3 -3
  20. package/dist/cjs/i18n/nl.js +3 -3
  21. package/dist/cjs/i18n/pl.js +3 -3
  22. package/dist/cjs/i18n/pt_BR.js +3 -3
  23. package/dist/cjs/i18n/ru.js +3 -3
  24. package/dist/cjs/i18n/sv.js +3 -3
  25. package/dist/cjs/i18n/th.js +3 -3
  26. package/dist/cjs/i18n/tr.js +19 -0
  27. package/dist/cjs/i18n/uk.js +19 -0
  28. package/dist/cjs/i18n/vi.js +3 -3
  29. package/dist/cjs/i18n/zh.js +3 -3
  30. package/dist/cjs/i18n/zh_TW.js +3 -3
  31. package/dist/cjs/index.js +0 -4
  32. package/dist/cjs/version.json +1 -1
  33. package/dist/es2019/components/Panel/Panel.js +0 -4
  34. package/dist/es2019/components/Panel/PanelStateless.js +0 -2
  35. package/dist/es2019/components/Panel/styledPanel.js +10 -8
  36. package/dist/es2019/i18n/cs.js +3 -2
  37. package/dist/es2019/i18n/da.js +3 -2
  38. package/dist/es2019/i18n/de.js +3 -2
  39. package/dist/es2019/i18n/en.js +3 -2
  40. package/dist/es2019/i18n/en_GB.js +3 -2
  41. package/dist/es2019/i18n/en_ZZ.js +3 -2
  42. package/dist/es2019/i18n/es.js +3 -2
  43. package/dist/es2019/i18n/fi.js +3 -2
  44. package/dist/es2019/i18n/fr.js +12 -0
  45. package/dist/es2019/i18n/hu.js +3 -2
  46. package/dist/es2019/i18n/it.js +3 -2
  47. package/dist/es2019/i18n/ja.js +3 -2
  48. package/dist/es2019/i18n/ko.js +3 -2
  49. package/dist/es2019/i18n/nb.js +3 -2
  50. package/dist/es2019/i18n/nl.js +3 -2
  51. package/dist/es2019/i18n/pl.js +3 -2
  52. package/dist/es2019/i18n/pt_BR.js +3 -2
  53. package/dist/es2019/i18n/ru.js +3 -2
  54. package/dist/es2019/i18n/sv.js +3 -2
  55. package/dist/es2019/i18n/th.js +3 -2
  56. package/dist/es2019/i18n/tr.js +12 -0
  57. package/dist/es2019/i18n/uk.js +12 -0
  58. package/dist/es2019/i18n/vi.js +3 -2
  59. package/dist/es2019/i18n/zh.js +3 -2
  60. package/dist/es2019/i18n/zh_TW.js +3 -2
  61. package/dist/es2019/version.json +1 -1
  62. package/dist/esm/components/Panel/Panel.js +6 -11
  63. package/dist/esm/components/Panel/PanelStateless.js +4 -6
  64. package/dist/esm/components/Panel/styledPanel.js +7 -8
  65. package/dist/esm/i18n/cs.js +3 -2
  66. package/dist/esm/i18n/da.js +3 -2
  67. package/dist/esm/i18n/de.js +3 -2
  68. package/dist/esm/i18n/en.js +3 -2
  69. package/dist/esm/i18n/en_GB.js +3 -2
  70. package/dist/esm/i18n/en_ZZ.js +3 -2
  71. package/dist/esm/i18n/es.js +3 -2
  72. package/dist/esm/i18n/fi.js +3 -2
  73. package/dist/esm/i18n/fr.js +12 -0
  74. package/dist/esm/i18n/hu.js +3 -2
  75. package/dist/esm/i18n/it.js +3 -2
  76. package/dist/esm/i18n/ja.js +3 -2
  77. package/dist/esm/i18n/ko.js +3 -2
  78. package/dist/esm/i18n/nb.js +3 -2
  79. package/dist/esm/i18n/nl.js +3 -2
  80. package/dist/esm/i18n/pl.js +3 -2
  81. package/dist/esm/i18n/pt_BR.js +3 -2
  82. package/dist/esm/i18n/ru.js +3 -2
  83. package/dist/esm/i18n/sv.js +3 -2
  84. package/dist/esm/i18n/th.js +3 -2
  85. package/dist/esm/i18n/tr.js +12 -0
  86. package/dist/esm/i18n/uk.js +12 -0
  87. package/dist/esm/i18n/vi.js +3 -2
  88. package/dist/esm/i18n/zh.js +3 -2
  89. package/dist/esm/i18n/zh_TW.js +3 -2
  90. package/dist/esm/version.json +1 -1
  91. package/dist/types/i18n/cs.d.ts +2 -2
  92. package/dist/types/i18n/da.d.ts +2 -2
  93. package/dist/types/i18n/de.d.ts +2 -2
  94. package/dist/types/i18n/en.d.ts +2 -2
  95. package/dist/types/i18n/en_GB.d.ts +2 -2
  96. package/dist/types/i18n/en_ZZ.d.ts +2 -2
  97. package/dist/types/i18n/es.d.ts +2 -2
  98. package/dist/types/i18n/fi.d.ts +2 -2
  99. package/dist/types/i18n/fr.d.ts +11 -0
  100. package/dist/types/i18n/hu.d.ts +2 -2
  101. package/dist/types/i18n/it.d.ts +2 -2
  102. package/dist/types/i18n/ja.d.ts +2 -2
  103. package/dist/types/i18n/ko.d.ts +2 -2
  104. package/dist/types/i18n/nb.d.ts +2 -2
  105. package/dist/types/i18n/nl.d.ts +2 -2
  106. package/dist/types/i18n/pl.d.ts +2 -2
  107. package/dist/types/i18n/pt_BR.d.ts +2 -2
  108. package/dist/types/i18n/ru.d.ts +2 -2
  109. package/dist/types/i18n/sv.d.ts +2 -2
  110. package/dist/types/i18n/th.d.ts +2 -2
  111. package/dist/types/i18n/tr.d.ts +11 -0
  112. package/dist/types/i18n/uk.d.ts +11 -0
  113. package/dist/types/i18n/vi.d.ts +2 -2
  114. package/dist/types/i18n/zh.d.ts +2 -2
  115. package/dist/types/i18n/zh_TW.d.ts +2 -2
  116. package/package.json +4 -3
  117. package/report.api.md +14 -0
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
7
+ /* prettier-ignore */
8
8
  /**
9
9
  * NOTE:
10
10
  *
@@ -13,7 +13,7 @@ exports.default = void 0;
13
13
  */
14
14
  //Chinese (Simplified)
15
15
  var _default = {
16
- 'bitbucket.panel-collapse.message': '收起',
17
- 'bitbucket.panel-expand.message': '展开'
16
+ "bitbucket.panel-collapse.message": "收起",
17
+ "bitbucket.panel-expand.message": "展开"
18
18
  };
19
19
  exports.default = _default;
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
7
+ /* prettier-ignore */
8
8
  /**
9
9
  * NOTE:
10
10
  *
@@ -13,7 +13,7 @@ exports.default = void 0;
13
13
  */
14
14
  //Chinese (Traditional)
15
15
  var _default = {
16
- 'bitbucket.panel-collapse.message': '摺疊',
17
- 'bitbucket.panel-expand.message': '展開'
16
+ "bitbucket.panel-collapse.message": "摺疊",
17
+ "bitbucket.panel-expand.message": "展開"
18
18
  };
19
19
  exports.default = _default;
package/dist/cjs/index.js CHANGED
@@ -1,7 +1,6 @@
1
1
  "use strict";
2
2
 
3
3
  var _typeof = require("@babel/runtime/helpers/typeof");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
@@ -17,9 +16,6 @@ Object.defineProperty(exports, "default", {
17
16
  return _Panel.default;
18
17
  }
19
18
  });
20
-
21
19
  var _Panel = _interopRequireWildcard(require("./components/Panel"));
22
-
23
20
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
24
-
25
21
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -1,4 +1,4 @@
1
1
  {
2
2
  "name": "@atlaskit/panel",
3
- "version": "0.8.0"
3
+ "version": "0.8.1"
4
4
  }
@@ -1,22 +1,18 @@
1
1
  import React, { useState } from 'react';
2
2
  import PanelStateless from './PanelStateless';
3
-
4
3
  const PanelState = ({
5
4
  isDefaultExpanded = false,
6
5
  children,
7
6
  header
8
7
  }) => {
9
8
  const [isExpanded, setisExpanded] = useState(isDefaultExpanded);
10
-
11
9
  const handleChange = () => {
12
10
  setisExpanded(!isExpanded);
13
11
  };
14
-
15
12
  return /*#__PURE__*/React.createElement(PanelStateless, {
16
13
  header: header,
17
14
  isExpanded: isExpanded,
18
15
  onChange: handleChange
19
16
  }, children);
20
17
  };
21
-
22
18
  export default PanelState;
@@ -17,7 +17,6 @@ const i18n = defineMessages({
17
17
  description: 'Label on the panel to signal that the user can expand the panel.'
18
18
  }
19
19
  });
20
-
21
20
  const PanelStateless = ({
22
21
  children,
23
22
  header,
@@ -47,5 +46,4 @@ const PanelStateless = ({
47
46
  className: "panel-content"
48
47
  }, children));
49
48
  };
50
-
51
49
  export default PanelStateless;
@@ -1,13 +1,14 @@
1
1
  import { withFocusWithin } from 'react-focus-within';
2
- import styled, { css } from 'styled-components'; // AFP-2532 TODO: Fix automatic suppressions below
3
- // eslint-disable-next-line @atlassian/tangerine/import/entry-points
2
+ import styled, { css } from 'styled-components';
4
3
 
5
- import { borderRadius, colors, gridSize } from '@atlaskit/theme';
4
+ // AFP-2532 TODO: Fix automatic suppressions below
5
+ // eslint-disable-next-line @atlassian/tangerine/import/entry-points
6
+ import { colors, gridSize } from '@atlaskit/theme';
6
7
  const transition = css`
7
8
  transition: all 200ms ease-in-out;
8
9
  `;
9
10
  export const PanelWrapper = styled.div`
10
- margin: 0 auto ${gridSize() * 2}px;
11
+ margin: 0 auto ${"var(--ds-space-200, 16px)"};
11
12
  `;
12
13
  export const ButtonWrapper = styled.div`
13
14
  left: 0;
@@ -31,12 +32,13 @@ export const ButtonWrapper = styled.div`
31
32
  export const PanelHeader = withFocusWithin(styled.div`
32
33
  align-items: center;
33
34
  background-color: ${props => props.isFocused && colors.N20};
34
- border-radius: ${borderRadius}px;
35
+ border-radius: ${"var(--ds-radius-100, 3px)"};
35
36
  display: flex;
36
37
  left: -${gridSize() * 3}px;
37
- margin-bottom: ${gridSize()}px;
38
- margin-top: ${gridSize() * 2}px;
39
- padding: 2px 0 2px ${gridSize() * 3}px;
38
+ margin-bottom: ${"var(--ds-space-100, 8px)"};
39
+ margin-top: ${"var(--ds-space-200, 16px)"};
40
+ padding: ${"var(--ds-space-025, 2px)"} ${"var(--ds-space-0, 0px)"}
41
+ ${"var(--ds-space-025, 2px)"} ${"var(--ds-space-300, 24px)"};
40
42
  position: relative;
41
43
  ${transition};
42
44
  width: 100%;
@@ -1,3 +1,4 @@
1
+ /* prettier-ignore */
1
2
  /**
2
3
  * NOTE:
3
4
  *
@@ -6,6 +7,6 @@
6
7
  */
7
8
  //Czech
8
9
  export default {
9
- 'bitbucket.panel-collapse.message': 'sbalit',
10
- 'bitbucket.panel-expand.message': 'rozbalit'
10
+ "bitbucket.panel-collapse.message": "sbalit",
11
+ "bitbucket.panel-expand.message": "rozbalit"
11
12
  };
@@ -1,3 +1,4 @@
1
+ /* prettier-ignore */
1
2
  /**
2
3
  * NOTE:
3
4
  *
@@ -6,6 +7,6 @@
6
7
  */
7
8
  //Danish (Denmark)
8
9
  export default {
9
- 'bitbucket.panel-collapse.message': 'skjul',
10
- 'bitbucket.panel-expand.message': 'udvid'
10
+ "bitbucket.panel-collapse.message": "skjul",
11
+ "bitbucket.panel-expand.message": "udvid"
11
12
  };
@@ -1,3 +1,4 @@
1
+ /* prettier-ignore */
1
2
  /**
2
3
  * NOTE:
3
4
  *
@@ -6,6 +7,6 @@
6
7
  */
7
8
  //German (Germany)
8
9
  export default {
9
- 'bitbucket.panel-collapse.message': 'reduzieren',
10
- 'bitbucket.panel-expand.message': 'erweitern'
10
+ "bitbucket.panel-collapse.message": "reduzieren",
11
+ "bitbucket.panel-expand.message": "erweitern"
11
12
  };
@@ -1,3 +1,4 @@
1
+ /* prettier-ignore */
1
2
  /**
2
3
  * NOTE:
3
4
  *
@@ -6,6 +7,6 @@
6
7
  */
7
8
  //
8
9
  export default {
9
- 'bitbucket.panel-collapse.message': 'collapse',
10
- 'bitbucket.panel-expand.message': 'expand'
10
+ "bitbucket.panel-collapse.message": "collapse",
11
+ "bitbucket.panel-expand.message": "expand"
11
12
  };
@@ -1,3 +1,4 @@
1
+ /* prettier-ignore */
1
2
  /**
2
3
  * NOTE:
3
4
  *
@@ -6,6 +7,6 @@
6
7
  */
7
8
  //English (United Kingdom)
8
9
  export default {
9
- 'bitbucket.panel-collapse.message': 'collapse',
10
- 'bitbucket.panel-expand.message': 'expand'
10
+ "bitbucket.panel-collapse.message": "collapse",
11
+ "bitbucket.panel-expand.message": "expand"
11
12
  };
@@ -1,3 +1,4 @@
1
+ /* prettier-ignore */
1
2
  /**
2
3
  * NOTE:
3
4
  *
@@ -6,6 +7,6 @@
6
7
  */
7
8
  //
8
9
  export default {
9
- 'bitbucket.panel-collapse.message': '⁣⁢collapse‍⁡‌‌⁠‌⁡؜‍⁡⁡⁠⁠⁣⁤',
10
- 'bitbucket.panel-expand.message': '⁣⁢expand‍؜⁡‍؜؜‍؜‌‍⁣⁤'
10
+ "bitbucket.panel-collapse.message": "⁣⁢collapse‍⁡‌‌⁠‌⁡؜‍⁡⁡⁠⁠⁣⁤",
11
+ "bitbucket.panel-expand.message": "⁣⁢expand‍؜⁡‍؜؜‍؜‌‍⁣⁤"
11
12
  };
@@ -1,3 +1,4 @@
1
+ /* prettier-ignore */
1
2
  /**
2
3
  * NOTE:
3
4
  *
@@ -6,6 +7,6 @@
6
7
  */
7
8
  //Spanish (International)
8
9
  export default {
9
- 'bitbucket.panel-collapse.message': 'contraer',
10
- 'bitbucket.panel-expand.message': 'expandir'
10
+ "bitbucket.panel-collapse.message": "contraer",
11
+ "bitbucket.panel-expand.message": "expandir"
11
12
  };
@@ -1,3 +1,4 @@
1
+ /* prettier-ignore */
1
2
  /**
2
3
  * NOTE:
3
4
  *
@@ -6,6 +7,6 @@
6
7
  */
7
8
  //Finnish
8
9
  export default {
9
- 'bitbucket.panel-collapse.message': 'pienennä',
10
- 'bitbucket.panel-expand.message': 'laajenna'
10
+ "bitbucket.panel-collapse.message": "pienennä",
11
+ "bitbucket.panel-expand.message": "laajenna"
11
12
  };
@@ -0,0 +1,12 @@
1
+ /* prettier-ignore */
2
+ /**
3
+ * NOTE:
4
+ *
5
+ * This file is automatically generated by Traduki 2.0.
6
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
7
+ */
8
+ //French (France)
9
+ export default {
10
+ "bitbucket.panel-collapse.message": "réduire",
11
+ "bitbucket.panel-expand.message": "développer"
12
+ };
@@ -1,3 +1,4 @@
1
+ /* prettier-ignore */
1
2
  /**
2
3
  * NOTE:
3
4
  *
@@ -6,6 +7,6 @@
6
7
  */
7
8
  //Hungarian
8
9
  export default {
9
- 'bitbucket.panel-collapse.message': 'összecsukás',
10
- 'bitbucket.panel-expand.message': 'kibontás'
10
+ "bitbucket.panel-collapse.message": "összecsukás",
11
+ "bitbucket.panel-expand.message": "kibontás"
11
12
  };
@@ -1,3 +1,4 @@
1
+ /* prettier-ignore */
1
2
  /**
2
3
  * NOTE:
3
4
  *
@@ -6,6 +7,6 @@
6
7
  */
7
8
  //Italian (Italy)
8
9
  export default {
9
- 'bitbucket.panel-collapse.message': 'comprimi',
10
- 'bitbucket.panel-expand.message': 'espandi'
10
+ "bitbucket.panel-collapse.message": "comprimi",
11
+ "bitbucket.panel-expand.message": "espandi"
11
12
  };
@@ -1,3 +1,4 @@
1
+ /* prettier-ignore */
1
2
  /**
2
3
  * NOTE:
3
4
  *
@@ -6,6 +7,6 @@
6
7
  */
7
8
  //Japanese
8
9
  export default {
9
- 'bitbucket.panel-collapse.message': '折りたたむ',
10
- 'bitbucket.panel-expand.message': '展開'
10
+ "bitbucket.panel-collapse.message": "折りたたむ",
11
+ "bitbucket.panel-expand.message": "展開"
11
12
  };
@@ -1,3 +1,4 @@
1
+ /* prettier-ignore */
1
2
  /**
2
3
  * NOTE:
3
4
  *
@@ -6,6 +7,6 @@
6
7
  */
7
8
  //Korean
8
9
  export default {
9
- 'bitbucket.panel-collapse.message': '축소',
10
- 'bitbucket.panel-expand.message': '확장'
10
+ "bitbucket.panel-collapse.message": "축소",
11
+ "bitbucket.panel-expand.message": "확장"
11
12
  };
@@ -1,3 +1,4 @@
1
+ /* prettier-ignore */
1
2
  /**
2
3
  * NOTE:
3
4
  *
@@ -6,6 +7,6 @@
6
7
  */
7
8
  //Norwegian (Bokmål)
8
9
  export default {
9
- 'bitbucket.panel-collapse.message': 'skjul',
10
- 'bitbucket.panel-expand.message': 'utvid'
10
+ "bitbucket.panel-collapse.message": "skjul",
11
+ "bitbucket.panel-expand.message": "utvid"
11
12
  };
@@ -1,3 +1,4 @@
1
+ /* prettier-ignore */
1
2
  /**
2
3
  * NOTE:
3
4
  *
@@ -6,6 +7,6 @@
6
7
  */
7
8
  //Dutch (Netherlands)
8
9
  export default {
9
- 'bitbucket.panel-collapse.message': 'inklappen',
10
- 'bitbucket.panel-expand.message': 'uitklappen'
10
+ "bitbucket.panel-collapse.message": "inklappen",
11
+ "bitbucket.panel-expand.message": "uitklappen"
11
12
  };
@@ -1,3 +1,4 @@
1
+ /* prettier-ignore */
1
2
  /**
2
3
  * NOTE:
3
4
  *
@@ -6,6 +7,6 @@
6
7
  */
7
8
  //Polish (Poland)
8
9
  export default {
9
- 'bitbucket.panel-collapse.message': 'zwiń',
10
- 'bitbucket.panel-expand.message': 'rozwiń'
10
+ "bitbucket.panel-collapse.message": "zwiń",
11
+ "bitbucket.panel-expand.message": "rozwiń"
11
12
  };
@@ -1,3 +1,4 @@
1
+ /* prettier-ignore */
1
2
  /**
2
3
  * NOTE:
3
4
  *
@@ -6,6 +7,6 @@
6
7
  */
7
8
  //Portuguese (Brazil)
8
9
  export default {
9
- 'bitbucket.panel-collapse.message': 'recolher',
10
- 'bitbucket.panel-expand.message': 'expandir'
10
+ "bitbucket.panel-collapse.message": "recolher",
11
+ "bitbucket.panel-expand.message": "expandir"
11
12
  };
@@ -1,3 +1,4 @@
1
+ /* prettier-ignore */
1
2
  /**
2
3
  * NOTE:
3
4
  *
@@ -6,6 +7,6 @@
6
7
  */
7
8
  //Russian
8
9
  export default {
9
- 'bitbucket.panel-collapse.message': 'свернуть',
10
- 'bitbucket.panel-expand.message': 'развернуть'
10
+ "bitbucket.panel-collapse.message": "свернуть",
11
+ "bitbucket.panel-expand.message": "развернуть"
11
12
  };
@@ -1,3 +1,4 @@
1
+ /* prettier-ignore */
1
2
  /**
2
3
  * NOTE:
3
4
  *
@@ -6,6 +7,6 @@
6
7
  */
7
8
  //Swedish
8
9
  export default {
9
- 'bitbucket.panel-collapse.message': 'komprimera',
10
- 'bitbucket.panel-expand.message': 'expandera'
10
+ "bitbucket.panel-collapse.message": "komprimera",
11
+ "bitbucket.panel-expand.message": "expandera"
11
12
  };
@@ -1,3 +1,4 @@
1
+ /* prettier-ignore */
1
2
  /**
2
3
  * NOTE:
3
4
  *
@@ -6,6 +7,6 @@
6
7
  */
7
8
  //Thai (Thailand)
8
9
  export default {
9
- 'bitbucket.panel-collapse.message': 'ยุบรวม',
10
- 'bitbucket.panel-expand.message': 'ขยาย'
10
+ "bitbucket.panel-collapse.message": "ยุบรวม",
11
+ "bitbucket.panel-expand.message": "ขยาย"
11
12
  };
@@ -0,0 +1,12 @@
1
+ /* prettier-ignore */
2
+ /**
3
+ * NOTE:
4
+ *
5
+ * This file is automatically generated by Traduki 2.0.
6
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
7
+ */
8
+ //Turkish (Turkey)
9
+ export default {
10
+ "bitbucket.panel-collapse.message": "daralt",
11
+ "bitbucket.panel-expand.message": "genişlet"
12
+ };
@@ -0,0 +1,12 @@
1
+ /* prettier-ignore */
2
+ /**
3
+ * NOTE:
4
+ *
5
+ * This file is automatically generated by Traduki 2.0.
6
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
7
+ */
8
+ //Ukrainian (Ukraine)
9
+ export default {
10
+ "bitbucket.panel-collapse.message": "згорнути",
11
+ "bitbucket.panel-expand.message": "розгорнути"
12
+ };
@@ -1,3 +1,4 @@
1
+ /* prettier-ignore */
1
2
  /**
2
3
  * NOTE:
3
4
  *
@@ -6,6 +7,6 @@
6
7
  */
7
8
  //Vietnamese (Vietnam)
8
9
  export default {
9
- 'bitbucket.panel-collapse.message': 'thu gọn',
10
- 'bitbucket.panel-expand.message': 'mở rộng'
10
+ "bitbucket.panel-collapse.message": "thu gọn",
11
+ "bitbucket.panel-expand.message": "mở rộng"
11
12
  };
@@ -1,3 +1,4 @@
1
+ /* prettier-ignore */
1
2
  /**
2
3
  * NOTE:
3
4
  *
@@ -6,6 +7,6 @@
6
7
  */
7
8
  //Chinese (Simplified)
8
9
  export default {
9
- 'bitbucket.panel-collapse.message': '收起',
10
- 'bitbucket.panel-expand.message': '展开'
10
+ "bitbucket.panel-collapse.message": "收起",
11
+ "bitbucket.panel-expand.message": "展开"
11
12
  };
@@ -1,3 +1,4 @@
1
+ /* prettier-ignore */
1
2
  /**
2
3
  * NOTE:
3
4
  *
@@ -6,6 +7,6 @@
6
7
  */
7
8
  //Chinese (Traditional)
8
9
  export default {
9
- 'bitbucket.panel-collapse.message': '摺疊',
10
- 'bitbucket.panel-expand.message': '展開'
10
+ "bitbucket.panel-collapse.message": "摺疊",
11
+ "bitbucket.panel-expand.message": "展開"
11
12
  };
@@ -1,4 +1,4 @@
1
1
  {
2
2
  "name": "@atlaskit/panel",
3
- "version": "0.8.0"
3
+ "version": "0.8.1"
4
4
  }
@@ -1,27 +1,22 @@
1
1
  import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
2
2
  import React, { useState } from 'react';
3
3
  import PanelStateless from './PanelStateless';
4
-
5
4
  var PanelState = function PanelState(_ref) {
6
5
  var _ref$isDefaultExpande = _ref.isDefaultExpanded,
7
- isDefaultExpanded = _ref$isDefaultExpande === void 0 ? false : _ref$isDefaultExpande,
8
- children = _ref.children,
9
- header = _ref.header;
10
-
6
+ isDefaultExpanded = _ref$isDefaultExpande === void 0 ? false : _ref$isDefaultExpande,
7
+ children = _ref.children,
8
+ header = _ref.header;
11
9
  var _useState = useState(isDefaultExpanded),
12
- _useState2 = _slicedToArray(_useState, 2),
13
- isExpanded = _useState2[0],
14
- setisExpanded = _useState2[1];
15
-
10
+ _useState2 = _slicedToArray(_useState, 2),
11
+ isExpanded = _useState2[0],
12
+ setisExpanded = _useState2[1];
16
13
  var handleChange = function handleChange() {
17
14
  setisExpanded(!isExpanded);
18
15
  };
19
-
20
16
  return /*#__PURE__*/React.createElement(PanelStateless, {
21
17
  header: header,
22
18
  isExpanded: isExpanded,
23
19
  onChange: handleChange
24
20
  }, children);
25
21
  };
26
-
27
22
  export default PanelState;
@@ -17,13 +17,12 @@ var i18n = defineMessages({
17
17
  description: 'Label on the panel to signal that the user can expand the panel.'
18
18
  }
19
19
  });
20
-
21
20
  var PanelStateless = function PanelStateless(_ref) {
22
21
  var children = _ref.children,
23
- header = _ref.header,
24
- _ref$isExpanded = _ref.isExpanded,
25
- isExpanded = _ref$isExpanded === void 0 ? false : _ref$isExpanded,
26
- onChange = _ref.onChange;
22
+ header = _ref.header,
23
+ _ref$isExpanded = _ref.isExpanded,
24
+ isExpanded = _ref$isExpanded === void 0 ? false : _ref$isExpanded,
25
+ onChange = _ref.onChange;
27
26
  var intl = useIntl();
28
27
  var i18nExpandText = intl.formatMessage(i18n.expand);
29
28
  var i18nCollapseText = intl.formatMessage(i18n.collapse);
@@ -49,5 +48,4 @@ var PanelStateless = function PanelStateless(_ref) {
49
48
  className: "panel-content"
50
49
  }, children));
51
50
  };
52
-
53
51
  export default PanelStateless;
@@ -1,20 +1,19 @@
1
1
  import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
2
-
3
2
  var _templateObject, _templateObject2, _templateObject3, _templateObject4;
4
-
5
3
  import { withFocusWithin } from 'react-focus-within';
6
- import styled, { css } from 'styled-components'; // AFP-2532 TODO: Fix automatic suppressions below
7
- // eslint-disable-next-line @atlassian/tangerine/import/entry-points
4
+ import styled, { css } from 'styled-components';
8
5
 
9
- import { borderRadius, colors, gridSize } from '@atlaskit/theme';
6
+ // AFP-2532 TODO: Fix automatic suppressions below
7
+ // eslint-disable-next-line @atlassian/tangerine/import/entry-points
8
+ import { colors, gridSize } from '@atlaskit/theme';
10
9
  var transition = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n transition: all 200ms ease-in-out;\n"])));
11
- export var PanelWrapper = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n margin: 0 auto ", "px;\n"])), gridSize() * 2);
10
+ export var PanelWrapper = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n margin: 0 auto ", ";\n"])), "var(--ds-space-200, 16px)");
12
11
  export var ButtonWrapper = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n left: 0;\n line-height: 0;\n opacity: ", ";\n position: absolute;\n ", ";\n\n /* IE 11 needs these vertical positioning rules - the flexbox\n behavior for absolute-positioned children is not up to spec.\n https://googlechrome.github.io/samples/css-flexbox-abspos/ */\n top: 50%;\n transform: translateY(-50%);\n\n button {\n pointer-events: none;\n }\n"])), function (_ref) {
13
12
  var isHidden = _ref.isHidden;
14
13
  return isHidden ? 0 : 1;
15
14
  }, transition);
16
- export var PanelHeader = withFocusWithin(styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n align-items: center;\n background-color: ", ";\n border-radius: ", "px;\n display: flex;\n left: -", "px;\n margin-bottom: ", "px;\n margin-top: ", "px;\n padding: 2px 0 2px ", "px;\n position: relative;\n ", ";\n width: 100%;\n\n ", " {\n opacity: ", ";\n }\n\n &:hover {\n background-color: ", ";\n cursor: pointer;\n\n ", " {\n opacity: 1;\n }\n }\n"])), function (props) {
15
+ export var PanelHeader = withFocusWithin(styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n align-items: center;\n background-color: ", ";\n border-radius: ", ";\n display: flex;\n left: -", "px;\n margin-bottom: ", ";\n margin-top: ", ";\n padding: ", " ", "\n ", " ", ";\n position: relative;\n ", ";\n width: 100%;\n\n ", " {\n opacity: ", ";\n }\n\n &:hover {\n background-color: ", ";\n cursor: pointer;\n\n ", " {\n opacity: 1;\n }\n }\n"])), function (props) {
17
16
  return props.isFocused && colors.N20;
18
- }, borderRadius, gridSize() * 3, gridSize(), gridSize() * 2, gridSize() * 3, transition, ButtonWrapper, function (props) {
17
+ }, "var(--ds-radius-100, 3px)", gridSize() * 3, "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) {
19
18
  return props.isFocused && 1;
20
19
  }, colors.N20, ButtonWrapper));
@@ -1,3 +1,4 @@
1
+ /* prettier-ignore */
1
2
  /**
2
3
  * NOTE:
3
4
  *
@@ -6,6 +7,6 @@
6
7
  */
7
8
  //Czech
8
9
  export default {
9
- 'bitbucket.panel-collapse.message': 'sbalit',
10
- 'bitbucket.panel-expand.message': 'rozbalit'
10
+ "bitbucket.panel-collapse.message": "sbalit",
11
+ "bitbucket.panel-expand.message": "rozbalit"
11
12
  };
@@ -1,3 +1,4 @@
1
+ /* prettier-ignore */
1
2
  /**
2
3
  * NOTE:
3
4
  *
@@ -6,6 +7,6 @@
6
7
  */
7
8
  //Danish (Denmark)
8
9
  export default {
9
- 'bitbucket.panel-collapse.message': 'skjul',
10
- 'bitbucket.panel-expand.message': 'udvid'
10
+ "bitbucket.panel-collapse.message": "skjul",
11
+ "bitbucket.panel-expand.message": "udvid"
11
12
  };