@atlaskit/panel 0.8.0 → 0.9.0

package/dist/es2019/i18n/fr.js

@@ -0,0 +1,12 @@
+/* prettier-ignore */
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//French (France)
+export default {
+  'bitbucket.panel-collapse.message': 'réduire',
+  'bitbucket.panel-expand.message': 'développer'
+};

package/dist/es2019/i18n/hu.js

@@ -1,3 +1,4 @@
+/* prettier-ignore */
 /**
  * NOTE:
  *

package/dist/es2019/i18n/it.js

@@ -1,3 +1,4 @@
+/* prettier-ignore */
 /**
  * NOTE:
  *

package/dist/es2019/i18n/ja.js

@@ -1,3 +1,4 @@
+/* prettier-ignore */
 /**
  * NOTE:
  *

package/dist/es2019/i18n/ko.js

@@ -1,3 +1,4 @@
+/* prettier-ignore */
 /**
  * NOTE:
  *

package/dist/es2019/i18n/nb.js

@@ -1,3 +1,4 @@
+/* prettier-ignore */
 /**
  * NOTE:
  *

package/dist/es2019/i18n/nl.js

@@ -1,3 +1,4 @@
+/* prettier-ignore */
 /**
  * NOTE:
  *
@@ -7,5 +8,5 @@
 //Dutch (Netherlands)
 export default {
   'bitbucket.panel-collapse.message': 'inklappen',
-  'bitbucket.panel-expand.message': 'uitklappen'
+  'bitbucket.panel-expand.message': 'Uitvouwen'
 };

package/dist/es2019/i18n/pl.js

@@ -1,3 +1,4 @@
+/* prettier-ignore */
 /**
  * NOTE:
  *

package/dist/es2019/i18n/pt_BR.js

@@ -1,3 +1,4 @@
+/* prettier-ignore */
 /**
  * NOTE:
  *

package/dist/es2019/i18n/ru.js

@@ -1,3 +1,4 @@
+/* prettier-ignore */
 /**
  * NOTE:
  *

package/dist/es2019/i18n/sv.js

@@ -1,3 +1,4 @@
+/* prettier-ignore */
 /**
  * NOTE:
  *

package/dist/es2019/i18n/th.js

@@ -1,3 +1,4 @@
+/* prettier-ignore */
 /**
  * NOTE:
  *

package/dist/es2019/i18n/tr.js

@@ -0,0 +1,12 @@
+/* prettier-ignore */
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//Turkish (Turkey)
+export default {
+  'bitbucket.panel-collapse.message': 'daralt',
+  'bitbucket.panel-expand.message': 'genişlet'
+};

package/dist/es2019/i18n/uk.js

@@ -0,0 +1,12 @@
+/* prettier-ignore */
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//Ukrainian (Ukraine)
+export default {
+  'bitbucket.panel-collapse.message': 'згорнути',
+  'bitbucket.panel-expand.message': 'розгорнути'
+};

package/dist/es2019/i18n/vi.js

@@ -1,3 +1,4 @@
+/* prettier-ignore */
 /**
  * NOTE:
  *

package/dist/es2019/i18n/zh.js

@@ -1,3 +1,4 @@
+/* prettier-ignore */
 /**
  * NOTE:
  *

package/dist/es2019/i18n/zh_TW.js

@@ -1,3 +1,4 @@
+/* prettier-ignore */
 /**
  * NOTE:
  *

package/dist/es2019/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/panel",
-	"version": "0.8.0"
+	"version": "0.9.0"
 }

package/dist/esm/components/Panel/Panel.js

@@ -1,27 +1,22 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import React, { useState } from 'react';
 import PanelStateless from './PanelStateless';
-
 var PanelState = function PanelState(_ref) {
   var _ref$isDefaultExpande = _ref.isDefaultExpanded,
-      isDefaultExpanded = _ref$isDefaultExpande === void 0 ? false : _ref$isDefaultExpande,
-      children = _ref.children,
-      header = _ref.header;
-
+    isDefaultExpanded = _ref$isDefaultExpande === void 0 ? false : _ref$isDefaultExpande,
+    children = _ref.children,
+    header = _ref.header;
   var _useState = useState(isDefaultExpanded),
-      _useState2 = _slicedToArray(_useState, 2),
-      isExpanded = _useState2[0],
-      setisExpanded = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    isExpanded = _useState2[0],
+    setisExpanded = _useState2[1];
   var handleChange = function handleChange() {
     setisExpanded(!isExpanded);
   };
-
   return /*#__PURE__*/React.createElement(PanelStateless, {
     header: header,
     isExpanded: isExpanded,
     onChange: handleChange
   }, children);
 };
-
 export default PanelState;

package/dist/esm/components/Panel/PanelStateless.js

@@ -17,13 +17,12 @@ var i18n = defineMessages({
     description: 'Label on the panel to signal that the user can expand the panel.'
   }
 });
-
 var PanelStateless = function PanelStateless(_ref) {
   var children = _ref.children,
-      header = _ref.header,
-      _ref$isExpanded = _ref.isExpanded,
-      isExpanded = _ref$isExpanded === void 0 ? false : _ref$isExpanded,
-      onChange = _ref.onChange;
+    header = _ref.header,
+    _ref$isExpanded = _ref.isExpanded,
+    isExpanded = _ref$isExpanded === void 0 ? false : _ref$isExpanded,
+    onChange = _ref.onChange;
   var intl = useIntl();
   var i18nExpandText = intl.formatMessage(i18n.expand);
   var i18nCollapseText = intl.formatMessage(i18n.collapse);
@@ -49,5 +48,4 @@ var PanelStateless = function PanelStateless(_ref) {
     className: "panel-content"
   }, children));
 };
-
 export default PanelStateless;

package/dist/esm/components/Panel/styledPanel.js

@@ -1,20 +1,19 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-
 import { withFocusWithin } from 'react-focus-within';
-import styled, { css } from 'styled-components'; // AFP-2532 TODO: Fix automatic suppressions below
-// eslint-disable-next-line @atlassian/tangerine/import/entry-points
+import styled, { css } from 'styled-components';
 
-import { borderRadius, colors, gridSize } from '@atlaskit/theme';
+// AFP-2532 TODO: Fix automatic suppressions below
+// eslint-disable-next-line @atlassian/tangerine/import/entry-points
+import { colors, gridSize } from '@atlaskit/theme';
 var transition = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  transition: all 200ms ease-in-out;\n"])));
-export var PanelWrapper = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin: 0 auto ", "px;\n"])), gridSize() * 2);
+export var PanelWrapper = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin: 0 auto ", ";\n"])), "var(--ds-space-200, 16px)");
 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) {
   var isHidden = _ref.isHidden;
   return isHidden ? 0 : 1;
 }, transition);
-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) {
+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) {
   return props.isFocused && colors.N20;
-}, borderRadius, gridSize() * 3, gridSize(), gridSize() * 2, gridSize() * 3, transition, ButtonWrapper, function (props) {
+}, "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) {
   return props.isFocused && 1;
 }, colors.N20, ButtonWrapper));

package/dist/esm/i18n/cs.js

@@ -1,3 +1,4 @@
+/* prettier-ignore */
 /**
  * NOTE:
  *

package/dist/esm/i18n/da.js

@@ -1,3 +1,4 @@
+/* prettier-ignore */
 /**
  * NOTE:
  *

package/dist/esm/i18n/de.js

@@ -1,3 +1,4 @@
+/* prettier-ignore */
 /**
  * NOTE:
  *

package/dist/esm/i18n/en.js

@@ -1,3 +1,4 @@
+/* prettier-ignore */
 /**
  * NOTE:
  *

package/dist/esm/i18n/en_GB.js

@@ -1,3 +1,4 @@
+/* prettier-ignore */
 /**
  * NOTE:
  *

package/dist/esm/i18n/en_ZZ.js

@@ -1,3 +1,4 @@
+/* prettier-ignore */
 /**
  * NOTE:
  *

package/dist/esm/i18n/es.js

@@ -1,3 +1,4 @@
+/* prettier-ignore */
 /**
  * NOTE:
  *

package/dist/esm/i18n/fi.js

@@ -1,3 +1,4 @@
+/* prettier-ignore */
 /**
  * NOTE:
  *

package/dist/esm/i18n/fr.js

@@ -0,0 +1,12 @@
+/* prettier-ignore */
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//French (France)
+export default {
+  'bitbucket.panel-collapse.message': 'réduire',
+  'bitbucket.panel-expand.message': 'développer'
+};

package/dist/esm/i18n/hu.js

@@ -1,3 +1,4 @@
+/* prettier-ignore */
 /**
  * NOTE:
  *

package/dist/esm/i18n/it.js

@@ -1,3 +1,4 @@
+/* prettier-ignore */
 /**
  * NOTE:
  *

package/dist/esm/i18n/ja.js

@@ -1,3 +1,4 @@
+/* prettier-ignore */
 /**
  * NOTE:
  *

package/dist/esm/i18n/ko.js

@@ -1,3 +1,4 @@
+/* prettier-ignore */
 /**
  * NOTE:
  *

package/dist/esm/i18n/nb.js

@@ -1,3 +1,4 @@
+/* prettier-ignore */
 /**
  * NOTE:
  *

package/dist/esm/i18n/nl.js

@@ -1,3 +1,4 @@
+/* prettier-ignore */
 /**
  * NOTE:
  *
@@ -7,5 +8,5 @@
 //Dutch (Netherlands)
 export default {
   'bitbucket.panel-collapse.message': 'inklappen',
-  'bitbucket.panel-expand.message': 'uitklappen'
+  'bitbucket.panel-expand.message': 'Uitvouwen'
 };

package/dist/esm/i18n/pl.js

@@ -1,3 +1,4 @@
+/* prettier-ignore */
 /**
  * NOTE:
  *

package/dist/esm/i18n/pt_BR.js

@@ -1,3 +1,4 @@
+/* prettier-ignore */
 /**
  * NOTE:
  *

package/dist/esm/i18n/ru.js

@@ -1,3 +1,4 @@
+/* prettier-ignore */
 /**
  * NOTE:
  *

package/dist/esm/i18n/sv.js

@@ -1,3 +1,4 @@
+/* prettier-ignore */
 /**
  * NOTE:
  *

package/dist/esm/i18n/th.js

@@ -1,3 +1,4 @@
+/* prettier-ignore */
 /**
  * NOTE:
  *

package/dist/esm/i18n/tr.js

@@ -0,0 +1,12 @@
+/* prettier-ignore */
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//Turkish (Turkey)
+export default {
+  'bitbucket.panel-collapse.message': 'daralt',
+  'bitbucket.panel-expand.message': 'genişlet'
+};

package/dist/esm/i18n/uk.js

@@ -0,0 +1,12 @@
+/* prettier-ignore */
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//Ukrainian (Ukraine)
+export default {
+  'bitbucket.panel-collapse.message': 'згорнути',
+  'bitbucket.panel-expand.message': 'розгорнути'
+};

package/dist/esm/i18n/vi.js

@@ -1,3 +1,4 @@
+/* prettier-ignore */
 /**
  * NOTE:
  *

package/dist/esm/i18n/zh.js

@@ -1,3 +1,4 @@
+/* prettier-ignore */
 /**
  * NOTE:
  *

package/dist/esm/i18n/zh_TW.js

@@ -1,3 +1,4 @@
+/* prettier-ignore */
 /**
  * NOTE:
  *

package/dist/esm/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/panel",
-	"version": "0.8.0"
+	"version": "0.9.0"
 }

package/dist/types/i18n/fr.d.ts

@@ -0,0 +1,11 @@
+declare const _default: {
+    'bitbucket.panel-collapse.message': string;
+    'bitbucket.panel-expand.message': string;
+};
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+export default _default;

package/dist/types/i18n/tr.d.ts

@@ -0,0 +1,11 @@
+declare const _default: {
+    'bitbucket.panel-collapse.message': string;
+    'bitbucket.panel-expand.message': string;
+};
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+export default _default;

package/dist/types/i18n/uk.d.ts

@@ -0,0 +1,11 @@
+declare const _default: {
+    'bitbucket.panel-collapse.message': string;
+    'bitbucket.panel-expand.message': string;
+};
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/panel",
-  "version": "0.8.0",
+  "version": "0.9.0",
   "description": "A React component rendering a collapsible panel",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -22,9 +22,10 @@
     }
   },
   "dependencies": {
-    "@atlaskit/button": "^16.4.0",
-    "@atlaskit/icon": "^21.11.0",
-    "@atlaskit/theme": "^12.2.0",
+    "@atlaskit/button": "^16.7.0",
+    "@atlaskit/icon": "^21.12.0",
+    "@atlaskit/theme": "^12.5.0",
+    "@atlaskit/tokens": "^1.3.0",
     "@babel/runtime": "^7.0.0",
     "react-animate-height": "^2.0.5",
     "react-focus-within": "^2.0.1",
@@ -36,7 +37,7 @@
   },
   "devDependencies": {
     "@atlaskit/docs": "*",
-    "@atlaskit/page": "^12.2.0",
+    "@atlaskit/page": "^12.3.0",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
     "@testing-library/react": "^12.1.5",
     "@testing-library/user-event": "^14.4.3",

package/report.api.md

@@ -8,6 +8,7 @@
 ### Table of contents
 
 - [Main Entry Types](#main-entry-types)
+- [Peer Dependencies](#peer-dependencies)
 
 ### Main Entry Types
 
@@ -45,3 +46,16 @@ type Props = BasePanelProps & {
 ```
 
 <!--SECTION END: Main Entry Types-->
+
+### Peer Dependencies
+
+<!--SECTION START: Peer Dependencies-->
+
+```json
+{
+  "react": "^16.8.0",
+  "styled-components": "^3.2.6"
+}
+```
+
+<!--SECTION END: Peer Dependencies-->

package/tmp/api-report-tmp.d.ts

@@ -1,36 +0,0 @@
-## API Report File for "@atlaskit/panel"
-
-> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
-
-```ts
-
-import { FC } from 'react';
-import { ReactNode } from 'react';
-
-// @public (undocumented)
-type BasePanelProps = {
-    children?: ReactNode;
-    header?: ReactNode;
-};
-
-// @public (undocumented)
-const PanelState: FC<Props>;
-export default PanelState;
-
-// @public (undocumented)
-type PanelState_2 = BasePanelProps & {
-    isExpanded: boolean;
-    onChange: (isExpanded: boolean) => void;
-};
-
-// @public (undocumented)
-export const PanelStateless: FC<PanelState_2>;
-
-// @public (undocumented)
-type Props = BasePanelProps & {
-    isDefaultExpanded?: boolean;
-};
-
-// (No @packageDocumentation comment for this package)
-
-```