@atlaskit/share 3.4.2 → 3.5.2

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/share
 
+## 3.5.2
+
+### Patch Changes
+
+- [`e9a46954c0f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e9a46954c0f) - added examples of copy link button
+
+## 3.5.1
+
+### Patch Changes
+
+- [`99ba33da55f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/99ba33da55f) - Removed styled components from tests and examples
+
+## 3.5.0
+
+### Minor Changes
+
+- [`76c73df383f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/76c73df383f) - Exposed CopyLinkButton from share component and made it generic.
+
 ## 3.4.2
 
 ### Patch Changes

package/copy-link-button/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "@atlaskit/share/copy-link-button",
+  "main": "../dist/cjs/components/CopyLinkButton.js",
+  "module": "../dist/esm/components/CopyLinkButton.js",
+  "module:es2019": "../dist/es2019/components/CopyLinkButton.js",
+  "types": "../dist/types/components/CopyLinkButton.d.ts"
+}

package/dist/cjs/components/CopyLinkButton.js

@@ -29,8 +29,6 @@ var _react = _interopRequireDefault(require("react"));
 
 var _react2 = require("@emotion/react");
 
-var _reactIntlNext = require("react-intl-next");
-
 var _checkCircle = _interopRequireDefault(require("@atlaskit/icon/glyph/check-circle"));
 
 var _linkFilled = _interopRequireDefault(require("@atlaskit/icon/glyph/link-filled"));
@@ -45,8 +43,6 @@ var _tokens = require("@atlaskit/tokens");
 
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 
-var _i18n = require("../i18n");
-
 var _styled = require("./ShareFormWrapper/styled");
 
 var _styles = _interopRequireDefault(require("./styles"));
@@ -64,8 +60,8 @@ var AUTO_DISMISS_MS = AUTO_DISMISS_SECONDS * 1000;
 exports.AUTO_DISMISS_MS = AUTO_DISMISS_MS;
 var messageContainerStyle = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-items: center;\n  margin: -8px -16px;\n"])));
 exports.messageContainerStyle = messageContainerStyle;
-var isSafari = navigator.userAgent.indexOf('Safari');
 var messageTextStyle = (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  text-indent: 6px;\n"])));
+var isSafari = navigator.userAgent.indexOf('Safari');
 
 var HiddenInput = /*#__PURE__*/_react.default.forwardRef( // we need a hidden input to reliably copy to clipboard across all browsers.
 function (props, ref) {
@@ -140,19 +136,20 @@ var CopyLinkButton = /*#__PURE__*/function (_React$Component) {
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderTriggerButton", function (triggerProps) {
       var _this$props = _this.props,
-          formatMessage = _this$props.intl.formatMessage,
           isDisabled = _this$props.isDisabled,
-          isPublicLink = _this$props.isPublicLink;
+          copyLinkButtonText = _this$props.copyLinkButtonText,
+          children = _this$props.children,
+          iconBefore = _this$props.iconBefore;
       return (0, _react2.jsx)(_styles.default, (0, _extends2.default)({
-        "aria-label": formatMessage(isPublicLink ? _i18n.messages.copyPublicLinkButtonText : _i18n.messages.copyLinkButtonText),
+        "aria-label": copyLinkButtonText,
         isDisabled: isDisabled,
         appearance: "subtle-link",
-        iconBefore: (0, _react2.jsx)(_linkFilled.default, {
+        iconBefore: iconBefore || (0, _react2.jsx)(_linkFilled.default, {
           label: "",
           size: "medium"
         }),
         onClick: _this.handleClick
-      }, triggerProps), (0, _react2.jsx)(_reactIntlNext.FormattedMessage, isPublicLink ? _i18n.messages.copyPublicLinkButtonText : _i18n.messages.copyLinkButtonText));
+      }, triggerProps), children || copyLinkButtonText);
     });
     return _this;
   }
@@ -169,12 +166,12 @@ var CopyLinkButton = /*#__PURE__*/function (_React$Component) {
 
       var shouldShowCopiedMessage = this.state.shouldShowCopiedMessage;
       var _this$props2 = this.props,
-          formatMessage = _this$props2.intl.formatMessage,
-          copyTooltipText = _this$props2.copyTooltipText;
+          copyTooltipText = _this$props2.copyTooltipText,
+          copiedToClipboardText = _this$props2.copiedToClipboardText;
       return (0, _react2.jsx)(_react.default.Fragment, null, isSafari && (0, _react2.jsx)("div", {
         className: "assistive",
         "aria-live": "assertive"
-      }, shouldShowCopiedMessage && formatMessage(_i18n.messages.copiedToClipboardMessage)), (0, _react2.jsx)(HiddenInput, {
+      }, shouldShowCopiedMessage && copiedToClipboardText), (0, _react2.jsx)(HiddenInput, {
         ref: this.inputRef,
         text: this.props.link
       }), (0, _react2.jsx)(_popup.default, {
@@ -183,12 +180,12 @@ var CopyLinkButton = /*#__PURE__*/function (_React$Component) {
           return (0, _react2.jsx)(_styled.InlineDialogContentWrapper, null, (0, _react2.jsx)("div", {
             css: messageContainerStyle,
             "data-testid": "message-container"
-          }, (0, _react2.jsx)(_checkCircle.default, {
+          }, (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(_checkCircle.default, {
             label: "",
             primaryColor: (0, _tokens.token)('color.icon.success', _colors.G300)
-          }), (0, _react2.jsx)("span", {
+          }), (0, _react2.jsx)("div", {
             css: messageTextStyle
-          }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _i18n.messages.copiedToClipboardMessage))));
+          }, copiedToClipboardText))));
         },
         isOpen: shouldShowCopiedMessage,
         onClose: this.handleDismissCopiedMessage,
@@ -206,7 +203,5 @@ var CopyLinkButton = /*#__PURE__*/function (_React$Component) {
 }(_react.default.Component);
 
 exports.CopyLinkButton = CopyLinkButton;
-
-var _default = (0, _reactIntlNext.injectIntl)(CopyLinkButton);
-
+var _default = CopyLinkButton;
 exports.default = _default;

package/dist/cjs/components/LazyShareForm/LazyShareForm.js

@@ -11,6 +11,8 @@ var _react = _interopRequireDefault(require("react"));
 
 var _analyticsNext = require("@atlaskit/analytics-next");
 
+var _constants = require("@atlaskit/theme/constants");
+
 var _analytics = require("../analytics/analytics");
 
 var _IntegrationForm = require("../IntegrationForm");
@@ -19,8 +21,6 @@ var _ShareForm = require("../ShareForm");
 
 var _ShareFormWrapper = require("../ShareFormWrapper");
 
-var _styled = require("./styled");
-
 /**
  * A Share form content which is lazy-loaded.
  * Make sure this component is not exported inside main entry points `src/index.ts`
@@ -60,7 +60,15 @@ function LazyShareForm(props) {
       showTitle = props.showTitle,
       orgId = props.orgId;
 
-  var footer = /*#__PURE__*/_react.default.createElement("div", null, bottomMessage ? /*#__PURE__*/_react.default.createElement(_styled.BottomMessageWrapper, null, bottomMessage) : null, customFooter && selectedIntegration === null && /*#__PURE__*/_react.default.createElement(_styled.CustomFooterWrapper, null, customFooter));
+  var footer = /*#__PURE__*/_react.default.createElement("div", null, bottomMessage ? /*#__PURE__*/_react.default.createElement("div", {
+    css: {
+      width: "".concat((0, _constants.gridSize)() * 44, "px")
+    }
+  }, bottomMessage) : null, customFooter && selectedIntegration === null && /*#__PURE__*/_react.default.createElement("div", {
+    css: {
+      margin: "0 ".concat(-(0, _constants.gridSize)() * 3, "px ").concat(-(0, _constants.gridSize)() * 2, "px ").concat(-(0, _constants.gridSize)() * 3, "px")
+    }
+  }, customFooter));
 
   _react.default.useEffect(function () {
     setIsLoading(false);

package/dist/cjs/components/LazyShareForm/lazy.js

@@ -17,8 +17,6 @@ var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
 
 var _ShareFormWrapper = require("../ShareFormWrapper");
 
-var _styled = require("./styled");
-
 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); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || (0, _typeof2.default)(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; }
@@ -44,7 +42,15 @@ var LoadingDialog = function LoadingDialog(_ref) {
     shareFormTitle: shareFormTitle // if `showTitle` is passed, we use it. Otherwise, we will show title for loading dialog.
     ,
     shouldShowTitle: typeof showTitle === 'boolean' ? showTitle : true
-  }, /*#__PURE__*/_react.default.createElement(_styled.SpinnerWrapper, null, /*#__PURE__*/_react.default.createElement(_spinner.default, null)));
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    css: {
+      width: '100%',
+      height: '100%',
+      display: 'flex',
+      justifyContent: 'center',
+      alignContent: 'center'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_spinner.default, null)));
 };
 
 var _default = function _default(props) {

package/dist/cjs/components/ShareForm.js

@@ -142,7 +142,8 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
           isPublicLink = _this$props.isPublicLink,
           copyTooltipText = _this$props.copyTooltipText,
           helperMessage = _this$props.helperMessage,
-          orgId = _this$props.orgId;
+          orgId = _this$props.orgId,
+          formatMessage = _this$props.intl.formatMessage;
       return (0, _react2.jsx)(_analyticsNext.AnalyticsContext, {
         data: {
           source: _analytics.ANALYTICS_SOURCE
@@ -177,8 +178,9 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
         isDisabled: isDisabled,
         onLinkCopy: onLinkCopy,
         link: copyLink,
-        isPublicLink: isPublicLink,
-        copyTooltipText: copyTooltipText
+        copyTooltipText: copyTooltipText,
+        copyLinkButtonText: formatMessage(isPublicLink ? _i18n.messages.copyPublicLinkButtonText : _i18n.messages.copyLinkButtonText),
+        copiedToClipboardText: formatMessage(_i18n.messages.copiedToClipboardMessage)
       }), _this.renderSubmitButton())));
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderSubmitButton", function () {

package/dist/cjs/components/ShareFormWrapper/styled.js

@@ -7,15 +7,21 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.InlineDialogFormWrapper = exports.InlineDialogContentWrapper = void 0;
 
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = _interopRequireDefault(require("react"));
 
-var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _react2 = require("@emotion/react");
 
 var _constants = require("@atlaskit/theme/constants");
 
-var _templateObject, _templateObject2;
-
-var InlineDialogFormWrapper = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: ", "px;\n"])), (0, _constants.gridSize)() * 44);
+/** @jsx jsx */
+var InlineDialogFormWrapper = function InlineDialogFormWrapper(_ref) {
+  var children = _ref.children;
+  return (0, _react2.jsx)("div", {
+    css: {
+      width: "".concat((0, _constants.gridSize)() * 44, "px")
+    }
+  }, children);
+};
 /**
  * Apply the same styling, as previous @atlaskit/inline-dialog had,
  * compared to the @atlaskit/popup we are now using.
@@ -26,6 +32,13 @@ var InlineDialogFormWrapper = _styledComponents.default.div(_templateObject || (
 
 exports.InlineDialogFormWrapper = InlineDialogFormWrapper;
 
-var InlineDialogContentWrapper = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  padding: ", "px ", "px;\n"])), (0, _constants.gridSize)() * 2, (0, _constants.gridSize)() * 3);
+var InlineDialogContentWrapper = function InlineDialogContentWrapper(_ref2) {
+  var children = _ref2.children;
+  return (0, _react2.jsx)("div", {
+    css: {
+      padding: "".concat((0, _constants.gridSize)() * 2, "px ").concat((0, _constants.gridSize)() * 3, "px")
+    }
+  }, children);
+};
 
 exports.InlineDialogContentWrapper = InlineDialogContentWrapper;

package/dist/cjs/components/analytics/analytics.js

@@ -19,7 +19,7 @@ var buildAttributes = function buildAttributes() {
   var attributes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return _objectSpread({
     packageName: "@atlaskit/share",
-    packageVersion: "3.4.2"
+    packageVersion: "3.5.2"
   }, attributes);
 };
 

package/dist/cjs/index.js

@@ -9,6 +9,12 @@ Object.defineProperty(exports, "ADMIN_NOTIFIED", {
     return _types.ADMIN_NOTIFIED;
   }
 });
+Object.defineProperty(exports, "CopyLinkButton", {
+  enumerable: true,
+  get: function get() {
+    return _CopyLinkButton.CopyLinkButton;
+  }
+});
 Object.defineProperty(exports, "OBJECT_SHARED", {
   enumerable: true,
   get: function get() {
@@ -24,4 +30,6 @@ Object.defineProperty(exports, "ShareDialogContainer", {
 
 var _ShareDialogContainer = require("./components/ShareDialogContainer");
 
+var _CopyLinkButton = require("./components/CopyLinkButton");
+
 var _types = require("./types");

package/dist/cjs/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/share",
-	"version": "3.4.2"
+	"version": "3.5.2"
 }

package/dist/es2019/components/CopyLinkButton.js

@@ -4,7 +4,6 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 /** @jsx jsx */
 import React from 'react';
 import { css, jsx } from '@emotion/react';
-import { FormattedMessage, injectIntl } from 'react-intl-next';
 import CheckCircleIcon from '@atlaskit/icon/glyph/check-circle';
 import LinkFilledIcon from '@atlaskit/icon/glyph/link-filled';
 import Popup from '@atlaskit/popup';
@@ -12,7 +11,6 @@ import { G300 } from '@atlaskit/theme/colors';
 import { layers } from '@atlaskit/theme/constants';
 import { token } from '@atlaskit/tokens';
 import Tooltip from '@atlaskit/tooltip';
-import { messages } from '../i18n';
 import { InlineDialogContentWrapper } from './ShareFormWrapper/styled';
 import Button from './styles';
 const Z_INDEX = layers.modal();
@@ -23,10 +21,10 @@ export const messageContainerStyle = css`
   align-items: center;
   margin: -8px -16px;
 `;
-const isSafari = navigator.userAgent.indexOf('Safari');
 const messageTextStyle = css`
   text-indent: 6px;
 `;
+const isSafari = navigator.userAgent.indexOf('Safari');
 export const HiddenInput = /*#__PURE__*/React.forwardRef( // we need a hidden input to reliably copy to clipboard across all browsers.
 (props, ref) => jsx("input", {
   style: {
@@ -86,22 +84,21 @@ export class CopyLinkButton extends React.Component {
 
     _defineProperty(this, "renderTriggerButton", triggerProps => {
       const {
-        intl: {
-          formatMessage
-        },
         isDisabled,
-        isPublicLink
+        copyLinkButtonText,
+        children,
+        iconBefore
       } = this.props;
       return jsx(Button, _extends({
-        "aria-label": formatMessage(isPublicLink ? messages.copyPublicLinkButtonText : messages.copyLinkButtonText),
+        "aria-label": copyLinkButtonText,
         isDisabled: isDisabled,
         appearance: "subtle-link",
-        iconBefore: jsx(LinkFilledIcon, {
+        iconBefore: iconBefore || jsx(LinkFilledIcon, {
           label: "",
           size: "medium"
         }),
         onClick: this.handleClick
-      }, triggerProps), jsx(FormattedMessage, isPublicLink ? messages.copyPublicLinkButtonText : messages.copyLinkButtonText));
+      }, triggerProps), children || copyLinkButtonText);
     });
   }
 
@@ -114,15 +111,13 @@ export class CopyLinkButton extends React.Component {
       shouldShowCopiedMessage
     } = this.state;
     const {
-      intl: {
-        formatMessage
-      },
-      copyTooltipText
+      copyTooltipText,
+      copiedToClipboardText
     } = this.props;
     return jsx(React.Fragment, null, isSafari && jsx("div", {
       className: "assistive",
       "aria-live": "assertive"
-    }, shouldShowCopiedMessage && formatMessage(messages.copiedToClipboardMessage)), jsx(HiddenInput, {
+    }, shouldShowCopiedMessage && copiedToClipboardText), jsx(HiddenInput, {
       ref: this.inputRef,
       text: this.props.link
     }), jsx(Popup, {
@@ -130,12 +125,12 @@ export class CopyLinkButton extends React.Component {
       content: () => jsx(InlineDialogContentWrapper, null, jsx("div", {
         css: messageContainerStyle,
         "data-testid": "message-container"
-      }, jsx(CheckCircleIcon, {
+      }, jsx(React.Fragment, null, jsx(CheckCircleIcon, {
         label: "",
         primaryColor: token('color.icon.success', G300)
-      }), jsx("span", {
+      }), jsx("div", {
         css: messageTextStyle
-      }, jsx(FormattedMessage, messages.copiedToClipboardMessage)))),
+      }, copiedToClipboardText)))),
       isOpen: shouldShowCopiedMessage,
       onClose: this.handleDismissCopiedMessage,
       placement: "top-start",
@@ -147,4 +142,4 @@ export class CopyLinkButton extends React.Component {
   }
 
 }
-export default injectIntl(CopyLinkButton);
+export default CopyLinkButton;

package/dist/es2019/components/LazyShareForm/LazyShareForm.js

@@ -1,10 +1,10 @@
 import React from 'react';
 import { AnalyticsContext } from '@atlaskit/analytics-next';
+import { gridSize } from '@atlaskit/theme/constants';
 import { INTEGRATION_MODAL_SOURCE } from '../analytics/analytics';
 import { IntegrationForm } from '../IntegrationForm';
 import { ShareForm } from '../ShareForm';
 import { ShareFormWrapper } from '../ShareFormWrapper';
-import { BottomMessageWrapper, CustomFooterWrapper } from './styled';
 
 /**
  * A Share form content which is lazy-loaded.
@@ -49,7 +49,15 @@ function LazyShareForm(props) {
     showTitle,
     orgId
   } = props;
-  const footer = /*#__PURE__*/React.createElement("div", null, bottomMessage ? /*#__PURE__*/React.createElement(BottomMessageWrapper, null, bottomMessage) : null, customFooter && selectedIntegration === null && /*#__PURE__*/React.createElement(CustomFooterWrapper, null, customFooter));
+  const footer = /*#__PURE__*/React.createElement("div", null, bottomMessage ? /*#__PURE__*/React.createElement("div", {
+    css: {
+      width: `${gridSize() * 44}px`
+    }
+  }, bottomMessage) : null, customFooter && selectedIntegration === null && /*#__PURE__*/React.createElement("div", {
+    css: {
+      margin: `0 ${-gridSize() * 3}px ${-gridSize() * 2}px ${-gridSize() * 3}px`
+    }
+  }, customFooter));
   React.useEffect(() => {
     setIsLoading(false);
   });

package/dist/es2019/components/LazyShareForm/lazy.js

@@ -2,7 +2,6 @@ import React from 'react';
 import { lazyForPaint, LazySuspense } from 'react-loosely-lazy';
 import Spinner from '@atlaskit/spinner';
 import { ShareFormWrapper } from '../ShareFormWrapper';
-import { SpinnerWrapper } from './styled';
 const LazyShareFormLazy = lazyForPaint(() => import(
 /* webpackChunkName: "@atlaskit-internal_share-form" */
 './LazyShareForm'), {
@@ -21,7 +20,15 @@ const LoadingDialog = ({
     shareFormTitle: shareFormTitle // if `showTitle` is passed, we use it. Otherwise, we will show title for loading dialog.
     ,
     shouldShowTitle: typeof showTitle === 'boolean' ? showTitle : true
-  }, /*#__PURE__*/React.createElement(SpinnerWrapper, null, /*#__PURE__*/React.createElement(Spinner, null)));
+  }, /*#__PURE__*/React.createElement("div", {
+    css: {
+      width: '100%',
+      height: '100%',
+      display: 'flex',
+      justifyContent: 'center',
+      alignContent: 'center'
+    }
+  }, /*#__PURE__*/React.createElement(Spinner, null)));
 };
 
 export default (props => /*#__PURE__*/React.createElement(LazySuspense, {

package/dist/es2019/components/ShareForm.js

@@ -98,7 +98,10 @@ class InternalForm extends React.PureComponent {
         isPublicLink,
         copyTooltipText,
         helperMessage,
-        orgId
+        orgId,
+        intl: {
+          formatMessage
+        }
       } = this.props;
       return jsx(AnalyticsContext, {
         data: {
@@ -134,8 +137,9 @@ class InternalForm extends React.PureComponent {
         isDisabled: isDisabled,
         onLinkCopy: onLinkCopy,
         link: copyLink,
-        isPublicLink: isPublicLink,
-        copyTooltipText: copyTooltipText
+        copyTooltipText: copyTooltipText,
+        copyLinkButtonText: formatMessage(isPublicLink ? messages.copyPublicLinkButtonText : messages.copyLinkButtonText),
+        copiedToClipboardText: formatMessage(messages.copiedToClipboardMessage)
       }), this.renderSubmitButton())));
     });
 

package/dist/es2019/components/ShareFormWrapper/styled.js

@@ -1,8 +1,14 @@
-import styled from 'styled-components';
+/** @jsx jsx */
+import React from 'react';
+import { jsx } from '@emotion/react';
 import { gridSize } from '@atlaskit/theme/constants';
-export const InlineDialogFormWrapper = styled.div`
-  width: ${gridSize() * 44}px;
-`;
+export const InlineDialogFormWrapper = ({
+  children
+}) => jsx("div", {
+  css: {
+    width: `${gridSize() * 44}px`
+  }
+}, children);
 /**
  * Apply the same styling, as previous @atlaskit/inline-dialog had,
  * compared to the @atlaskit/popup we are now using.
@@ -10,6 +16,10 @@ export const InlineDialogFormWrapper = styled.div`
  * packages/design-system/inline-dialog/src/InlineDialog/styled.ts:20:3
  */
 
-export const InlineDialogContentWrapper = styled.div`
-  padding: ${gridSize() * 2}px ${gridSize() * 3}px;
-`;
+export const InlineDialogContentWrapper = ({
+  children
+}) => jsx("div", {
+  css: {
+    padding: `${gridSize() * 2}px ${gridSize() * 3}px`
+  }
+}, children);

package/dist/es2019/components/analytics/analytics.js

@@ -2,7 +2,7 @@ import { isEmail, isTeam, isUser } from '@atlaskit/smart-user-picker';
 
 const buildAttributes = (attributes = {}) => ({
   packageName: "@atlaskit/share",
-  packageVersion: "3.4.2",
+  packageVersion: "3.5.2",
   ...attributes
 });
 

package/dist/es2019/index.js

@@ -1,3 +1,4 @@
 export { ShareDialogContainer } from './components/ShareDialogContainer';
+export { CopyLinkButton } from './components/CopyLinkButton';
 export { // Constants
 ADMIN_NOTIFIED, OBJECT_SHARED } from './types';

package/dist/es2019/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/share",
-	"version": "3.4.2"
+	"version": "3.5.2"
 }

package/dist/esm/components/CopyLinkButton.js

@@ -17,7 +17,6 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 /** @jsx jsx */
 import React from 'react';
 import { css, jsx } from '@emotion/react';
-import { FormattedMessage, injectIntl } from 'react-intl-next';
 import CheckCircleIcon from '@atlaskit/icon/glyph/check-circle';
 import LinkFilledIcon from '@atlaskit/icon/glyph/link-filled';
 import Popup from '@atlaskit/popup';
@@ -25,15 +24,14 @@ import { G300 } from '@atlaskit/theme/colors';
 import { layers } from '@atlaskit/theme/constants';
 import { token } from '@atlaskit/tokens';
 import Tooltip from '@atlaskit/tooltip';
-import { messages } from '../i18n';
 import { InlineDialogContentWrapper } from './ShareFormWrapper/styled';
 import Button from './styles';
 var Z_INDEX = layers.modal();
 var AUTO_DISMISS_SECONDS = 8;
 export var AUTO_DISMISS_MS = AUTO_DISMISS_SECONDS * 1000;
 export var messageContainerStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  margin: -8px -16px;\n"])));
-var isSafari = navigator.userAgent.indexOf('Safari');
 var messageTextStyle = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  text-indent: 6px;\n"])));
+var isSafari = navigator.userAgent.indexOf('Safari');
 export var HiddenInput = /*#__PURE__*/React.forwardRef( // we need a hidden input to reliably copy to clipboard across all browsers.
 function (props, ref) {
   return jsx("input", {
@@ -110,19 +108,20 @@ export var CopyLinkButton = /*#__PURE__*/function (_React$Component) {
 
     _defineProperty(_assertThisInitialized(_this), "renderTriggerButton", function (triggerProps) {
       var _this$props = _this.props,
-          formatMessage = _this$props.intl.formatMessage,
           isDisabled = _this$props.isDisabled,
-          isPublicLink = _this$props.isPublicLink;
+          copyLinkButtonText = _this$props.copyLinkButtonText,
+          children = _this$props.children,
+          iconBefore = _this$props.iconBefore;
       return jsx(Button, _extends({
-        "aria-label": formatMessage(isPublicLink ? messages.copyPublicLinkButtonText : messages.copyLinkButtonText),
+        "aria-label": copyLinkButtonText,
         isDisabled: isDisabled,
         appearance: "subtle-link",
-        iconBefore: jsx(LinkFilledIcon, {
+        iconBefore: iconBefore || jsx(LinkFilledIcon, {
           label: "",
           size: "medium"
         }),
         onClick: _this.handleClick
-      }, triggerProps), jsx(FormattedMessage, isPublicLink ? messages.copyPublicLinkButtonText : messages.copyLinkButtonText));
+      }, triggerProps), children || copyLinkButtonText);
     });
 
     return _this;
@@ -140,12 +139,12 @@ export var CopyLinkButton = /*#__PURE__*/function (_React$Component) {
 
       var shouldShowCopiedMessage = this.state.shouldShowCopiedMessage;
       var _this$props2 = this.props,
-          formatMessage = _this$props2.intl.formatMessage,
-          copyTooltipText = _this$props2.copyTooltipText;
+          copyTooltipText = _this$props2.copyTooltipText,
+          copiedToClipboardText = _this$props2.copiedToClipboardText;
       return jsx(React.Fragment, null, isSafari && jsx("div", {
         className: "assistive",
         "aria-live": "assertive"
-      }, shouldShowCopiedMessage && formatMessage(messages.copiedToClipboardMessage)), jsx(HiddenInput, {
+      }, shouldShowCopiedMessage && copiedToClipboardText), jsx(HiddenInput, {
         ref: this.inputRef,
         text: this.props.link
       }), jsx(Popup, {
@@ -154,12 +153,12 @@ export var CopyLinkButton = /*#__PURE__*/function (_React$Component) {
           return jsx(InlineDialogContentWrapper, null, jsx("div", {
             css: messageContainerStyle,
             "data-testid": "message-container"
-          }, jsx(CheckCircleIcon, {
+          }, jsx(React.Fragment, null, jsx(CheckCircleIcon, {
             label: "",
             primaryColor: token('color.icon.success', G300)
-          }), jsx("span", {
+          }), jsx("div", {
             css: messageTextStyle
-          }, jsx(FormattedMessage, messages.copiedToClipboardMessage))));
+          }, copiedToClipboardText))));
         },
         isOpen: shouldShowCopiedMessage,
         onClose: this.handleDismissCopiedMessage,
@@ -176,4 +175,4 @@ export var CopyLinkButton = /*#__PURE__*/function (_React$Component) {
 
   return CopyLinkButton;
 }(React.Component);
-export default injectIntl(CopyLinkButton);
+export default CopyLinkButton;

package/dist/esm/components/LazyShareForm/LazyShareForm.js

@@ -1,10 +1,10 @@
 import React from 'react';
 import { AnalyticsContext } from '@atlaskit/analytics-next';
+import { gridSize } from '@atlaskit/theme/constants';
 import { INTEGRATION_MODAL_SOURCE } from '../analytics/analytics';
 import { IntegrationForm } from '../IntegrationForm';
 import { ShareForm } from '../ShareForm';
 import { ShareFormWrapper } from '../ShareFormWrapper';
-import { BottomMessageWrapper, CustomFooterWrapper } from './styled';
 
 /**
  * A Share form content which is lazy-loaded.
@@ -44,7 +44,15 @@ function LazyShareForm(props) {
       defaultValue = props.defaultValue,
       showTitle = props.showTitle,
       orgId = props.orgId;
-  var footer = /*#__PURE__*/React.createElement("div", null, bottomMessage ? /*#__PURE__*/React.createElement(BottomMessageWrapper, null, bottomMessage) : null, customFooter && selectedIntegration === null && /*#__PURE__*/React.createElement(CustomFooterWrapper, null, customFooter));
+  var footer = /*#__PURE__*/React.createElement("div", null, bottomMessage ? /*#__PURE__*/React.createElement("div", {
+    css: {
+      width: "".concat(gridSize() * 44, "px")
+    }
+  }, bottomMessage) : null, customFooter && selectedIntegration === null && /*#__PURE__*/React.createElement("div", {
+    css: {
+      margin: "0 ".concat(-gridSize() * 3, "px ").concat(-gridSize() * 2, "px ").concat(-gridSize() * 3, "px")
+    }
+  }, customFooter));
   React.useEffect(function () {
     setIsLoading(false);
   });

package/dist/esm/components/LazyShareForm/lazy.js

@@ -2,7 +2,6 @@ import React from 'react';
 import { lazyForPaint, LazySuspense } from 'react-loosely-lazy';
 import Spinner from '@atlaskit/spinner';
 import { ShareFormWrapper } from '../ShareFormWrapper';
-import { SpinnerWrapper } from './styled';
 var LazyShareFormLazy = lazyForPaint(function () {
   return import(
   /* webpackChunkName: "@atlaskit-internal_share-form" */
@@ -22,7 +21,15 @@ var LoadingDialog = function LoadingDialog(_ref) {
     shareFormTitle: shareFormTitle // if `showTitle` is passed, we use it. Otherwise, we will show title for loading dialog.
     ,
     shouldShowTitle: typeof showTitle === 'boolean' ? showTitle : true
-  }, /*#__PURE__*/React.createElement(SpinnerWrapper, null, /*#__PURE__*/React.createElement(Spinner, null)));
+  }, /*#__PURE__*/React.createElement("div", {
+    css: {
+      width: '100%',
+      height: '100%',
+      display: 'flex',
+      justifyContent: 'center',
+      alignContent: 'center'
+    }
+  }, /*#__PURE__*/React.createElement(Spinner, null)));
 };
 
 export default (function (props) {

package/dist/esm/components/ShareForm.js

@@ -100,7 +100,8 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
           isPublicLink = _this$props.isPublicLink,
           copyTooltipText = _this$props.copyTooltipText,
           helperMessage = _this$props.helperMessage,
-          orgId = _this$props.orgId;
+          orgId = _this$props.orgId,
+          formatMessage = _this$props.intl.formatMessage;
       return jsx(AnalyticsContext, {
         data: {
           source: ANALYTICS_SOURCE
@@ -135,8 +136,9 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
         isDisabled: isDisabled,
         onLinkCopy: onLinkCopy,
         link: copyLink,
-        isPublicLink: isPublicLink,
-        copyTooltipText: copyTooltipText
+        copyTooltipText: copyTooltipText,
+        copyLinkButtonText: formatMessage(isPublicLink ? messages.copyPublicLinkButtonText : messages.copyLinkButtonText),
+        copiedToClipboardText: formatMessage(messages.copiedToClipboardMessage)
       }), _this.renderSubmitButton())));
     });
 

package/dist/esm/components/ShareFormWrapper/styled.js

@@ -1,10 +1,15 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
-var _templateObject, _templateObject2;
-
-import styled from 'styled-components';
+/** @jsx jsx */
+import React from 'react';
+import { jsx } from '@emotion/react';
 import { gridSize } from '@atlaskit/theme/constants';
-export var InlineDialogFormWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: ", "px;\n"])), gridSize() * 44);
+export var InlineDialogFormWrapper = function InlineDialogFormWrapper(_ref) {
+  var children = _ref.children;
+  return jsx("div", {
+    css: {
+      width: "".concat(gridSize() * 44, "px")
+    }
+  }, children);
+};
 /**
  * Apply the same styling, as previous @atlaskit/inline-dialog had,
  * compared to the @atlaskit/popup we are now using.
@@ -12,4 +17,11 @@ export var InlineDialogFormWrapper = styled.div(_templateObject || (_templateObj
  * packages/design-system/inline-dialog/src/InlineDialog/styled.ts:20:3
  */
 
-export var InlineDialogContentWrapper = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  padding: ", "px ", "px;\n"])), gridSize() * 2, gridSize() * 3);
+export var InlineDialogContentWrapper = function InlineDialogContentWrapper(_ref2) {
+  var children = _ref2.children;
+  return jsx("div", {
+    css: {
+      padding: "".concat(gridSize() * 2, "px ").concat(gridSize() * 3, "px")
+    }
+  }, children);
+};

package/dist/esm/components/analytics/analytics.js

@@ -10,7 +10,7 @@ var buildAttributes = function buildAttributes() {
   var attributes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return _objectSpread({
     packageName: "@atlaskit/share",
-    packageVersion: "3.4.2"
+    packageVersion: "3.5.2"
   }, attributes);
 };
 

package/dist/esm/index.js

@@ -1,3 +1,4 @@
 export { ShareDialogContainer } from './components/ShareDialogContainer';
+export { CopyLinkButton } from './components/CopyLinkButton';
 export { // Constants
 ADMIN_NOTIFIED, OBJECT_SHARED } from './types';

package/dist/esm/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/share",
-	"version": "3.4.2"
+	"version": "3.5.2"
 }

package/dist/types/components/CopyLinkButton.d.ts

@@ -1,7 +1,6 @@
 /** @jsx jsx */
-import React from 'react';
+import React, { ReactElement } from 'react';
 import { jsx } from '@emotion/react';
-import { WrappedComponentProps } from 'react-intl-next';
 import { TriggerProps } from '@atlaskit/popup';
 export declare const AUTO_DISMISS_MS: number;
 export declare const messageContainerStyle: import("@emotion/react").SerializedStyles;
@@ -13,13 +12,16 @@ export declare type Props = {
     onLinkCopy?: (link: string) => void;
     link: string;
     isDisabled?: boolean;
-    isPublicLink?: boolean;
     copyTooltipText?: string;
+    children?: string | ReactElement;
+    copyLinkButtonText: string;
+    copiedToClipboardText: string;
+    iconBefore?: ReactElement;
 };
 export declare type State = {
     shouldShowCopiedMessage: boolean;
 };
-export declare class CopyLinkButton extends React.Component<Props & WrappedComponentProps, State> {
+export declare class CopyLinkButton extends React.Component<Props, State> {
     private autoDismiss;
     private inputRef;
     state: {
@@ -32,7 +34,4 @@ export declare class CopyLinkButton extends React.Component<Props & WrappedCompo
     renderTriggerButton: (triggerProps: TriggerProps) => jsx.JSX.Element;
     render(): jsx.JSX.Element;
 }
-declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {
-    WrappedComponent: React.ComponentType<Props & WrappedComponentProps<"intl">>;
-};
-export default _default;
+export default CopyLinkButton;

package/dist/types/components/ShareFormWrapper/styled.d.ts

@@ -1,9 +1,10 @@
-/// <reference types="react" />
-export declare const InlineDialogFormWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
+/** @jsx jsx */
+import React from 'react';
+export declare const InlineDialogFormWrapper: React.FC;
 /**
  * Apply the same styling, as previous @atlaskit/inline-dialog had,
  * compared to the @atlaskit/popup we are now using.
  *
  * packages/design-system/inline-dialog/src/InlineDialog/styled.ts:20:3
  */
-export declare const InlineDialogContentWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
+export declare const InlineDialogContentWrapper: React.FC;

package/dist/types/index.d.ts

@@ -1,3 +1,4 @@
 export { ShareDialogContainer } from './components/ShareDialogContainer';
+export { CopyLinkButton } from './components/CopyLinkButton';
 export { ADMIN_NOTIFIED, OBJECT_SHARED, } from './types';
 export type { Comment, Content, DialogContentState, DialogPlacement, Flag, FlagType, FormChildrenArgs, KeysOfType, MessageDescriptor, MetaData, OriginAnalyticAttributes, OriginTracing, OriginTracingFactory, OriginTracingForSubSequentEvents, OriginTracingWithIdGenerated, ProductId, ProductName, RenderCustomTriggerButton, ShareButtonStyle, ShareContentState, ShareError, ShareRequest, ShareResponse, ConfigResponse, TooltipPosition, User, UserWithEmail, UserWithId, ShareDialogContainerProps, } from './types';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/share",
-  "version": "3.4.2",
+  "version": "3.5.2",
   "description": "Fabric Share Element",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -32,16 +32,16 @@
   "dependencies": {
     "@atlaskit/analytics-next": "^8.2.0",
     "@atlaskit/button": "^16.3.0",
-    "@atlaskit/dropdown-menu": "^11.3.0",
+    "@atlaskit/dropdown-menu": "^11.5.0",
     "@atlaskit/form": "^8.5.0",
     "@atlaskit/icon": "^21.10.0",
     "@atlaskit/popup": "^1.4.0",
     "@atlaskit/portal": "^4.0.0",
     "@atlaskit/smart-user-picker": "^6.0.0",
     "@atlaskit/spinner": "^15.1.4",
-    "@atlaskit/tabs": "^13.2.3",
+    "@atlaskit/tabs": "^13.3.0",
     "@atlaskit/textarea": "^4.3.0",
-    "@atlaskit/theme": "^12.1.0",
+    "@atlaskit/theme": "^12.2.0",
     "@atlaskit/tokens": "^0.10.0",
     "@atlaskit/tooltip": "^17.5.0",
     "@atlaskit/ufo": "^0.1.0",
@@ -56,16 +56,15 @@
     "tiny-invariant": "^1.2.0"
   },
   "peerDependencies": {
-    "react": "^16.8.0",
-    "styled-components": "^3.2.6"
+    "react": "^16.8.0"
   },
   "devDependencies": {
     "@atlaskit/docs": "^9.0.0",
     "@atlaskit/editor-test-helpers": "^17.1.0",
-    "@atlaskit/flag": "^14.6.0",
-    "@atlaskit/section-message": "^6.0.0",
-    "@atlaskit/select": "^15.6.0",
-    "@atlaskit/toggle": "^12.4.0",
+    "@atlaskit/flag": "^14.7.0",
+    "@atlaskit/section-message": "^6.2.0",
+    "@atlaskit/select": "^15.7.0",
+    "@atlaskit/toggle": "^12.5.0",
     "@atlaskit/util-data-test": "^17.5.0",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
     "enzyme": "^3.10.0",
@@ -104,7 +103,8 @@
   },
   "af:exports": {
     ".": "./src/index.ts",
-    "./clients": "./src/clients/index.ts"
+    "./clients": "./src/clients/index.ts",
+    "./copy-link-button": "./src/components/CopyLinkButton.tsx"
   },
   "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
 }

package/report.api.md

@@ -9,11 +9,13 @@
 
 import type { Appearance } from '@atlaskit/button/types';
 import type { IconProps } from '@atlaskit/icon';
+import { jsx } from '@emotion/react';
 import type { LoadOptions } from '@atlaskit/smart-user-picker';
 import { OptionData } from '@atlaskit/smart-user-picker';
 import type { Placement } from '@atlaskit/popper';
 import { default as React_2 } from 'react';
-import type { TriggerProps } from '@atlaskit/popup';
+import { ReactElement } from 'react';
+import { TriggerProps } from '@atlaskit/popup';
 import type { Value } from '@atlaskit/smart-user-picker';
 import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 
@@ -36,6 +38,20 @@ export declare type Content = {
   type: string;
 };
 
+export declare class CopyLinkButton extends React_2.Component<Props, State> {
+  private autoDismiss;
+  private inputRef;
+  state: {
+    shouldShowCopiedMessage: boolean;
+  };
+  componentWillUnmount(): void;
+  private clearAutoDismiss;
+  private handleClick;
+  private handleDismissCopiedMessage;
+  renderTriggerButton: (triggerProps: TriggerProps) => jsx.JSX.Element;
+  render(): jsx.JSX.Element;
+}
+
 export declare type DialogContentState = {
   users: OptionData[];
   comment: Comment_2;
@@ -130,6 +146,17 @@ export declare type ProductId =
 
 export declare type ProductName = 'jira' | 'confluence';
 
+declare type Props = {
+  onLinkCopy?: (link: string) => void;
+  link: string;
+  isDisabled?: boolean;
+  copyTooltipText?: string;
+  children?: string | ReactElement;
+  copyLinkButtonText: string;
+  copiedToClipboardText: string;
+  iconBefore?: ReactElement;
+};
+
 export declare type RenderCustomTriggerButton = (
   args: {
     error?: ShareError;
@@ -390,6 +417,10 @@ declare interface ShortenResponse {
   shortUrl: string;
 }
 
+declare type State = {
+  shouldShowCopiedMessage: boolean;
+};
+
 declare enum TabType {
   default = 0,
   Slack = 1,

package/dist/cjs/components/LazyShareForm/styled.js

@@ -1,28 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SpinnerWrapper = exports.CustomFooterWrapper = exports.BottomMessageWrapper = void 0;
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _constants = require("@atlaskit/theme/constants");
-
-var _templateObject, _templateObject2, _templateObject3;
-
-var BottomMessageWrapper = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: ", "px;\n"])), (0, _constants.gridSize)() * 44);
-
-exports.BottomMessageWrapper = BottomMessageWrapper;
-
-var CustomFooterWrapper = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  /* Must match inline dialog padding. */\n  margin: 0 ", "px ", "px ", "px;\n"])), -(0, _constants.gridSize)() * 3, -(0, _constants.gridSize)() * 2, -(0, _constants.gridSize)() * 3);
-
-exports.CustomFooterWrapper = CustomFooterWrapper;
-
-var SpinnerWrapper = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-content: center;\n"])));
-
-exports.SpinnerWrapper = SpinnerWrapper;

package/dist/es2019/components/LazyShareForm/styled.js

@@ -1,16 +0,0 @@
-import styled from 'styled-components';
-import { gridSize } from '@atlaskit/theme/constants';
-export const BottomMessageWrapper = styled.div`
-  width: ${gridSize() * 44}px;
-`;
-export const CustomFooterWrapper = styled.div`
-  /* Must match inline dialog padding. */
-  margin: 0 ${-gridSize() * 3}px ${-gridSize() * 2}px ${-gridSize() * 3}px;
-`;
-export const SpinnerWrapper = styled.div`
-  width: 100%;
-  height: 100%;
-  display: flex;
-  justify-content: center;
-  align-content: center;
-`;

package/dist/esm/components/LazyShareForm/styled.js

@@ -1,9 +0,0 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
-var _templateObject, _templateObject2, _templateObject3;
-
-import styled from 'styled-components';
-import { gridSize } from '@atlaskit/theme/constants';
-export var BottomMessageWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: ", "px;\n"])), gridSize() * 44);
-export var CustomFooterWrapper = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  /* Must match inline dialog padding. */\n  margin: 0 ", "px ", "px ", "px;\n"])), -gridSize() * 3, -gridSize() * 2, -gridSize() * 3);
-export var SpinnerWrapper = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-content: center;\n"])));

package/dist/types/components/LazyShareForm/styled.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-export declare const BottomMessageWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
-export declare const CustomFooterWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
-export declare const SpinnerWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;