@atlaskit/panel 0.6.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 (122) hide show
  1. package/CHANGELOG.md +12 -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 +19 -0
  7. package/dist/cjs/i18n/da.js +19 -0
  8. package/dist/cjs/i18n/de.js +19 -0
  9. package/dist/cjs/i18n/en.js +19 -0
  10. package/dist/cjs/i18n/en_GB.js +19 -0
  11. package/dist/cjs/i18n/en_ZZ.js +19 -0
  12. package/dist/cjs/i18n/es.js +19 -0
  13. package/dist/cjs/i18n/fi.js +19 -0
  14. package/dist/cjs/i18n/fr.js +19 -0
  15. package/dist/cjs/i18n/hu.js +19 -0
  16. package/dist/cjs/i18n/it.js +19 -0
  17. package/dist/cjs/i18n/ja.js +19 -0
  18. package/dist/cjs/i18n/ko.js +19 -0
  19. package/dist/cjs/i18n/nb.js +19 -0
  20. package/dist/cjs/i18n/nl.js +19 -0
  21. package/dist/cjs/i18n/pl.js +19 -0
  22. package/dist/cjs/i18n/pt_BR.js +19 -0
  23. package/dist/cjs/i18n/ru.js +19 -0
  24. package/dist/cjs/i18n/sv.js +19 -0
  25. package/dist/cjs/i18n/th.js +19 -0
  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 +19 -0
  29. package/dist/cjs/i18n/zh.js +19 -0
  30. package/dist/cjs/i18n/zh_TW.js +19 -0
  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 +12 -0
  37. package/dist/es2019/i18n/da.js +12 -0
  38. package/dist/es2019/i18n/de.js +12 -0
  39. package/dist/es2019/i18n/en.js +12 -0
  40. package/dist/es2019/i18n/en_GB.js +12 -0
  41. package/dist/es2019/i18n/en_ZZ.js +12 -0
  42. package/dist/es2019/i18n/es.js +12 -0
  43. package/dist/es2019/i18n/fi.js +12 -0
  44. package/dist/es2019/i18n/fr.js +12 -0
  45. package/dist/es2019/i18n/hu.js +12 -0
  46. package/dist/es2019/i18n/it.js +12 -0
  47. package/dist/es2019/i18n/ja.js +12 -0
  48. package/dist/es2019/i18n/ko.js +12 -0
  49. package/dist/es2019/i18n/nb.js +12 -0
  50. package/dist/es2019/i18n/nl.js +12 -0
  51. package/dist/es2019/i18n/pl.js +12 -0
  52. package/dist/es2019/i18n/pt_BR.js +12 -0
  53. package/dist/es2019/i18n/ru.js +12 -0
  54. package/dist/es2019/i18n/sv.js +12 -0
  55. package/dist/es2019/i18n/th.js +12 -0
  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 +12 -0
  59. package/dist/es2019/i18n/zh.js +12 -0
  60. package/dist/es2019/i18n/zh_TW.js +12 -0
  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 +12 -0
  66. package/dist/esm/i18n/da.js +12 -0
  67. package/dist/esm/i18n/de.js +12 -0
  68. package/dist/esm/i18n/en.js +12 -0
  69. package/dist/esm/i18n/en_GB.js +12 -0
  70. package/dist/esm/i18n/en_ZZ.js +12 -0
  71. package/dist/esm/i18n/es.js +12 -0
  72. package/dist/esm/i18n/fi.js +12 -0
  73. package/dist/esm/i18n/fr.js +12 -0
  74. package/dist/esm/i18n/hu.js +12 -0
  75. package/dist/esm/i18n/it.js +12 -0
  76. package/dist/esm/i18n/ja.js +12 -0
  77. package/dist/esm/i18n/ko.js +12 -0
  78. package/dist/esm/i18n/nb.js +12 -0
  79. package/dist/esm/i18n/nl.js +12 -0
  80. package/dist/esm/i18n/pl.js +12 -0
  81. package/dist/esm/i18n/pt_BR.js +12 -0
  82. package/dist/esm/i18n/ru.js +12 -0
  83. package/dist/esm/i18n/sv.js +12 -0
  84. package/dist/esm/i18n/th.js +12 -0
  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 +12 -0
  88. package/dist/esm/i18n/zh.js +12 -0
  89. package/dist/esm/i18n/zh_TW.js +12 -0
  90. package/dist/esm/version.json +1 -1
  91. package/dist/types/i18n/cs.d.ts +11 -0
  92. package/dist/types/i18n/da.d.ts +11 -0
  93. package/dist/types/i18n/de.d.ts +11 -0
  94. package/dist/types/i18n/en.d.ts +11 -0
  95. package/dist/types/i18n/en_GB.d.ts +11 -0
  96. package/dist/types/i18n/en_ZZ.d.ts +11 -0
  97. package/dist/types/i18n/es.d.ts +11 -0
  98. package/dist/types/i18n/fi.d.ts +11 -0
  99. package/dist/types/i18n/fr.d.ts +11 -0
  100. package/dist/types/i18n/hu.d.ts +11 -0
  101. package/dist/types/i18n/it.d.ts +11 -0
  102. package/dist/types/i18n/ja.d.ts +11 -0
  103. package/dist/types/i18n/ko.d.ts +11 -0
  104. package/dist/types/i18n/nb.d.ts +11 -0
  105. package/dist/types/i18n/nl.d.ts +11 -0
  106. package/dist/types/i18n/pl.d.ts +11 -0
  107. package/dist/types/i18n/pt_BR.d.ts +11 -0
  108. package/dist/types/i18n/ru.d.ts +11 -0
  109. package/dist/types/i18n/sv.d.ts +11 -0
  110. package/dist/types/i18n/th.d.ts +11 -0
  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 +11 -0
  114. package/dist/types/i18n/zh.d.ts +11 -0
  115. package/dist/types/i18n/zh_TW.d.ts +11 -0
  116. package/package.json +4 -11
  117. package/report.api.md +14 -0
  118. package/dist/types-ts4.0/components/Panel/Panel.d.ts +0 -8
  119. package/dist/types-ts4.0/components/Panel/PanelStateless.d.ts +0 -15
  120. package/dist/types-ts4.0/components/Panel/index.d.ts +0 -2
  121. package/dist/types-ts4.0/components/Panel/styledPanel.d.ts +0 -10
  122. package/dist/types-ts4.0/index.d.ts +0 -1
@@ -0,0 +1,19 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+ /* prettier-ignore */
8
+ /**
9
+ * NOTE:
10
+ *
11
+ * This file is automatically generated by Traduki 2.0.
12
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
13
+ */
14
+ //Chinese (Simplified)
15
+ var _default = {
16
+ "bitbucket.panel-collapse.message": "收起",
17
+ "bitbucket.panel-expand.message": "展开"
18
+ };
19
+ exports.default = _default;
@@ -0,0 +1,19 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+ /* prettier-ignore */
8
+ /**
9
+ * NOTE:
10
+ *
11
+ * This file is automatically generated by Traduki 2.0.
12
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
13
+ */
14
+ //Chinese (Traditional)
15
+ var _default = {
16
+ "bitbucket.panel-collapse.message": "摺疊",
17
+ "bitbucket.panel-expand.message": "展開"
18
+ };
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.6.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%;
@@ -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
+ //Czech
9
+ export default {
10
+ "bitbucket.panel-collapse.message": "sbalit",
11
+ "bitbucket.panel-expand.message": "rozbalit"
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
+ //Danish (Denmark)
9
+ export default {
10
+ "bitbucket.panel-collapse.message": "skjul",
11
+ "bitbucket.panel-expand.message": "udvid"
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
+ //German (Germany)
9
+ export default {
10
+ "bitbucket.panel-collapse.message": "reduzieren",
11
+ "bitbucket.panel-expand.message": "erweitern"
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
+ //
9
+ export default {
10
+ "bitbucket.panel-collapse.message": "collapse",
11
+ "bitbucket.panel-expand.message": "expand"
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
+ //English (United Kingdom)
9
+ export default {
10
+ "bitbucket.panel-collapse.message": "collapse",
11
+ "bitbucket.panel-expand.message": "expand"
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
+ //
9
+ export default {
10
+ "bitbucket.panel-collapse.message": "⁣⁢collapse‍⁡‌‌⁠‌⁡؜‍⁡⁡⁠⁠⁣⁤",
11
+ "bitbucket.panel-expand.message": "⁣⁢expand‍؜⁡‍؜؜‍؜‌‍⁣⁤"
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
+ //Spanish (International)
9
+ export default {
10
+ "bitbucket.panel-collapse.message": "contraer",
11
+ "bitbucket.panel-expand.message": "expandir"
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
+ //Finnish
9
+ export default {
10
+ "bitbucket.panel-collapse.message": "pienennä",
11
+ "bitbucket.panel-expand.message": "laajenna"
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
+ };
@@ -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
+ //Hungarian
9
+ export default {
10
+ "bitbucket.panel-collapse.message": "összecsukás",
11
+ "bitbucket.panel-expand.message": "kibontás"
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
+ //Italian (Italy)
9
+ export default {
10
+ "bitbucket.panel-collapse.message": "comprimi",
11
+ "bitbucket.panel-expand.message": "espandi"
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
+ //Japanese
9
+ export default {
10
+ "bitbucket.panel-collapse.message": "折りたたむ",
11
+ "bitbucket.panel-expand.message": "展開"
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
+ //Korean
9
+ export default {
10
+ "bitbucket.panel-collapse.message": "축소",
11
+ "bitbucket.panel-expand.message": "확장"
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
+ //Norwegian (Bokmål)
9
+ export default {
10
+ "bitbucket.panel-collapse.message": "skjul",
11
+ "bitbucket.panel-expand.message": "utvid"
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
+ //Dutch (Netherlands)
9
+ export default {
10
+ "bitbucket.panel-collapse.message": "inklappen",
11
+ "bitbucket.panel-expand.message": "uitklappen"
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
+ //Polish (Poland)
9
+ export default {
10
+ "bitbucket.panel-collapse.message": "zwiń",
11
+ "bitbucket.panel-expand.message": "rozwiń"
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
+ //Portuguese (Brazil)
9
+ export default {
10
+ "bitbucket.panel-collapse.message": "recolher",
11
+ "bitbucket.panel-expand.message": "expandir"
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
+ //Russian
9
+ export default {
10
+ "bitbucket.panel-collapse.message": "свернуть",
11
+ "bitbucket.panel-expand.message": "развернуть"
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
+ //Swedish
9
+ export default {
10
+ "bitbucket.panel-collapse.message": "komprimera",
11
+ "bitbucket.panel-expand.message": "expandera"
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
+ //Thai (Thailand)
9
+ export default {
10
+ "bitbucket.panel-collapse.message": "ยุบรวม",
11
+ "bitbucket.panel-expand.message": "ขยาย"
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
+ };
@@ -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
+ //Vietnamese (Vietnam)
9
+ export default {
10
+ "bitbucket.panel-collapse.message": "thu gọn",
11
+ "bitbucket.panel-expand.message": "mở rộng"
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
+ //Chinese (Simplified)
9
+ export default {
10
+ "bitbucket.panel-collapse.message": "收起",
11
+ "bitbucket.panel-expand.message": "展开"
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
+ //Chinese (Traditional)
9
+ export default {
10
+ "bitbucket.panel-collapse.message": "摺疊",
11
+ "bitbucket.panel-expand.message": "展開"
12
+ };
@@ -1,4 +1,4 @@
1
1
  {
2
2
  "name": "@atlaskit/panel",
3
- "version": "0.6.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));
@@ -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
+ //Czech
9
+ export default {
10
+ "bitbucket.panel-collapse.message": "sbalit",
11
+ "bitbucket.panel-expand.message": "rozbalit"
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
+ //Danish (Denmark)
9
+ export default {
10
+ "bitbucket.panel-collapse.message": "skjul",
11
+ "bitbucket.panel-expand.message": "udvid"
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
+ //German (Germany)
9
+ export default {
10
+ "bitbucket.panel-collapse.message": "reduzieren",
11
+ "bitbucket.panel-expand.message": "erweitern"
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
+ //
9
+ export default {
10
+ "bitbucket.panel-collapse.message": "collapse",
11
+ "bitbucket.panel-expand.message": "expand"
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
+ //English (United Kingdom)
9
+ export default {
10
+ "bitbucket.panel-collapse.message": "collapse",
11
+ "bitbucket.panel-expand.message": "expand"
12
+ };