@atlaskit/share 0.29.0 → 0.29.1

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @atlaskit/share
 
+## 0.29.1
+
+### Patch Changes
+
+- [`cf853e39278`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cf853e39278) - Internal changes to remove `@atlaskit/theme/math` usage.
+- Updated dependencies
+
 ## 0.29.0
 
 ### Minor Changes

package/dist/cjs/components/ShareForm.js

@@ -35,8 +35,6 @@ var _colors = require("@atlaskit/theme/colors");
 
 var _constants = require("@atlaskit/theme/constants");
 
-var _math = require("@atlaskit/theme/math");
-
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 
 var _react = _interopRequireDefault(require("react"));
@@ -69,7 +67,7 @@ var FormWrapper = _styledComponents.default.div(_templateObject3 || (_templateOb
 
 exports.FormWrapper = FormWrapper;
 
-var FormFooter = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  margin-bottom: ", "px;\n  display: flex;\n  justify-content: flex-start;\n"])), (0, _math.multiply)(_constants.gridSize, 1));
+var FormFooter = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  margin-bottom: ", "px;\n  display: flex;\n  justify-content: flex-start;\n"])), _constants.gridSize);
 
 exports.FormFooter = FormFooter;
 

package/dist/cjs/components/ShareHeader.js

@@ -17,8 +17,6 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 var _constants = require("@atlaskit/theme/constants");
 
-var _math = require("@atlaskit/theme/math");
-
 var _typography = require("@atlaskit/theme/typography");
 
 var _i18n = require("../i18n");
@@ -27,7 +25,7 @@ var _templateObject, _templateObject2;
 
 var HeaderWrapper = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  justify-content: space-between;\n"])));
 
-var FormHeaderTitle = _styledComponents.default.h1(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  ", ";\n  line-height: ", "px;\n  margin-right: ", "px;\n  margin-top: ", "px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  > span {\n    font-size: initial;\n  }\n"])), _typography.h500, (0, _math.multiply)(_constants.gridSize, 4), (0, _math.multiply)(_constants.gridSize, 4), (0, _math.multiply)(_constants.gridSize, 4));
+var FormHeaderTitle = _styledComponents.default.h1(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  ", ";\n  line-height: ", "px;\n  margin-right: ", "px;\n  margin-top: ", "px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  > span {\n    font-size: initial;\n  }\n"])), _typography.h500, (0, _constants.gridSize)() * 4, (0, _constants.gridSize)() * 4, (0, _constants.gridSize)() * 4);
 
 exports.FormHeaderTitle = FormHeaderTitle;
 

package/dist/cjs/components/styles.js

@@ -17,9 +17,7 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 
 var _react = _interopRequireDefault(require("react"));
 
-var _theme = require("@atlaskit/theme");
-
-var _math = require("@atlaskit/theme/math");
+var _constants = require("@atlaskit/theme/constants");
 
 var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
 
@@ -41,7 +39,7 @@ var MAX_PICKER_HEIGHT = 102;
 
 exports.MAX_PICKER_HEIGHT = MAX_PICKER_HEIGHT;
 
-var InlineDialogContentWrapper = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  padding: ", "px ", "px;\n"])), (0, _math.multiply)(_theme.gridSize, 2), (0, _math.multiply)(_theme.gridSize, 3));
+var InlineDialogContentWrapper = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  padding: ", "px ", "px;\n"])), (0, _constants.gridSize)() * 2, (0, _constants.gridSize)() * 3);
 
 exports.InlineDialogContentWrapper = InlineDialogContentWrapper;
 

package/dist/cjs/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/share",
-	"version": "0.29.0"
+	"version": "0.29.1"
 }

package/dist/es2019/components/ShareForm.js

@@ -5,7 +5,6 @@ import Form from '@atlaskit/form';
 import ErrorIcon from '@atlaskit/icon/glyph/error';
 import { R400 } from '@atlaskit/theme/colors';
 import { gridSize } from '@atlaskit/theme/constants';
-import { multiply } from '@atlaskit/theme/math';
 import Tooltip from '@atlaskit/tooltip';
 import React from 'react';
 import { FormattedMessage, injectIntl } from 'react-intl';
@@ -35,7 +34,7 @@ export const FormWrapper = styled.div`
   }
 `;
 export const FormFooter = styled.div`
-  margin-bottom: ${multiply(gridSize, 1)}px;
+  margin-bottom: ${gridSize}px;
   display: flex;
   justify-content: flex-start;
 `;

package/dist/es2019/components/ShareHeader.js

@@ -2,7 +2,6 @@ import React from 'react';
 import { FormattedMessage } from 'react-intl';
 import styled from 'styled-components';
 import { gridSize } from '@atlaskit/theme/constants';
-import { multiply } from '@atlaskit/theme/math';
 import { h500 } from '@atlaskit/theme/typography';
 import { messages } from '../i18n';
 const HeaderWrapper = styled.div`
@@ -11,9 +10,9 @@ const HeaderWrapper = styled.div`
 `;
 export const FormHeaderTitle = styled.h1`
   ${h500};
-  line-height: ${multiply(gridSize, 4)}px;
-  margin-right: ${multiply(gridSize, 4)}px;
-  margin-top: ${multiply(gridSize, 4)}px;
+  line-height: ${gridSize() * 4}px;
+  margin-right: ${gridSize() * 4}px;
+  margin-top: ${gridSize() * 4}px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;

package/dist/es2019/components/styles.js

@@ -2,8 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import React from 'react'; // AFP-2532 TODO: Fix automatic suppressions below
 // eslint-disable-next-line @atlassian/tangerine/import/entry-points
 
-import { gridSize } from '@atlaskit/theme';
-import { multiply } from '@atlaskit/theme/math';
+import { gridSize } from '@atlaskit/theme/constants';
 import Button from '@atlaskit/button/custom-theme-button';
 import styled from 'styled-components';
 export const MAX_PICKER_HEIGHT = 102;
@@ -15,7 +14,7 @@ export const MAX_PICKER_HEIGHT = 102;
  */
 
 export const InlineDialogContentWrapper = styled.div`
-  padding: ${multiply(gridSize, 2)}px ${multiply(gridSize, 3)}px;
+  padding: ${gridSize() * 2}px ${gridSize() * 3}px;
 `;
 const StyledButton = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(Button, _extends({
   ref: ref

package/dist/es2019/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/share",
-	"version": "0.29.0"
+	"version": "0.29.1"
 }

package/dist/esm/components/ShareForm.js

@@ -19,7 +19,6 @@ import Form from '@atlaskit/form';
 import ErrorIcon from '@atlaskit/icon/glyph/error';
 import { R400 } from '@atlaskit/theme/colors';
 import { gridSize } from '@atlaskit/theme/constants';
-import { multiply } from '@atlaskit/theme/math';
 import Tooltip from '@atlaskit/tooltip';
 import React from 'react';
 import { FormattedMessage, injectIntl } from 'react-intl';
@@ -32,7 +31,7 @@ import { UserPickerField } from './UserPickerField';
 var SubmitButtonWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  margin-left: auto;\n"])));
 var CenterAlignedIconWrapper = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  align-self: center;\n  padding: 0 10px;\n\n  > div {\n    line-height: 1;\n  }\n"])));
 export var FormWrapper = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  /* jira has a class override font settings on h1 in gh-custom-field-pickers.css */\n  #ghx-modes-tools #ghx-share & h1:first-child {\n    margin-top: 0;\n  }\n"])));
-export var FormFooter = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  margin-bottom: ", "px;\n  display: flex;\n  justify-content: flex-start;\n"])), multiply(gridSize, 1));
+export var FormFooter = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  margin-bottom: ", "px;\n  display: flex;\n  justify-content: flex-start;\n"])), gridSize);
 var FormField = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  margin-bottom: 12px;\n"])));
 
 var InternalForm = /*#__PURE__*/function (_React$PureComponent) {

package/dist/esm/components/ShareHeader.js

@@ -6,11 +6,10 @@ import React from 'react';
 import { FormattedMessage } from 'react-intl';
 import styled from 'styled-components';
 import { gridSize } from '@atlaskit/theme/constants';
-import { multiply } from '@atlaskit/theme/math';
 import { h500 } from '@atlaskit/theme/typography';
 import { messages } from '../i18n';
 var HeaderWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: space-between;\n"])));
-export var FormHeaderTitle = styled.h1(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", ";\n  line-height: ", "px;\n  margin-right: ", "px;\n  margin-top: ", "px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  > span {\n    font-size: initial;\n  }\n"])), h500, multiply(gridSize, 4), multiply(gridSize, 4), multiply(gridSize, 4));
+export var FormHeaderTitle = styled.h1(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", ";\n  line-height: ", "px;\n  margin-right: ", "px;\n  margin-top: ", "px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  > span {\n    font-size: initial;\n  }\n"])), h500, gridSize() * 4, gridSize() * 4, gridSize() * 4);
 export var ShareHeader = function ShareHeader(_ref) {
   var title = _ref.title,
       contentPermissions = _ref.contentPermissions;

package/dist/esm/components/styles.js

@@ -12,8 +12,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 import React from 'react'; // AFP-2532 TODO: Fix automatic suppressions below
 // eslint-disable-next-line @atlassian/tangerine/import/entry-points
 
-import { gridSize } from '@atlaskit/theme';
-import { multiply } from '@atlaskit/theme/math';
+import { gridSize } from '@atlaskit/theme/constants';
 import Button from '@atlaskit/button/custom-theme-button';
 import styled from 'styled-components';
 export var MAX_PICKER_HEIGHT = 102;
@@ -24,7 +23,7 @@ export var MAX_PICKER_HEIGHT = 102;
  * packages/design-system/inline-dialog/src/InlineDialog/styled.ts:20:3
  */
 
-export var InlineDialogContentWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  padding: ", "px ", "px;\n"])), multiply(gridSize, 2), multiply(gridSize, 3));
+export var InlineDialogContentWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  padding: ", "px ", "px;\n"])), gridSize() * 2, gridSize() * 3);
 var StyledButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
   return /*#__PURE__*/React.createElement(Button, _extends({
     ref: ref

package/dist/esm/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/share",
-	"version": "0.29.0"
+	"version": "0.29.1"
 }

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

@@ -3,7 +3,7 @@ import React from 'react';
 import { InjectedIntlProps } from 'react-intl';
 import { Comment, ConfigResponse, DialogContentState, FormChildrenArgs, ProductName } from '../types';
 export declare const FormWrapper: import("styled-components").StyledComponentClass<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-export declare const FormFooter: import("styled-components").StyledComponentClass<any, any, any>;
+export declare const FormFooter: import("styled-components").StyledComponentClass<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
 declare type ShareError = {
     message: string;
 };

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

@@ -7,6 +7,6 @@ export declare const MAX_PICKER_HEIGHT = 102;
  *
  * packages/design-system/inline-dialog/src/InlineDialog/styled.ts:20:3
  */
-export declare const InlineDialogContentWrapper: import("styled-components").StyledComponentClass<any, any, any>;
+export declare const InlineDialogContentWrapper: import("styled-components").StyledComponentClass<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
 declare const StyledButton: React.StatelessComponent<CustomThemeButtonProps>;
 export default StyledButton;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/share",
-  "version": "0.29.0",
+  "version": "0.29.1",
   "description": "Fabric Share Element",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -31,12 +31,12 @@
     "@atlaskit/button": "^16.0.0",
     "@atlaskit/dropdown-menu": "^10.0.6",
     "@atlaskit/field-text-area": "^8.0.0",
-    "@atlaskit/form": "^8.1.0",
-    "@atlaskit/icon": "^21.7.0",
+    "@atlaskit/form": "^8.4.0",
+    "@atlaskit/icon": "^21.9.0",
     "@atlaskit/popup": "^1.1.0",
     "@atlaskit/portal": "^4.0.0",
-    "@atlaskit/theme": "^11.4.0",
-    "@atlaskit/tooltip": "^17.3.0",
+    "@atlaskit/theme": "^12.0.0",
+    "@atlaskit/tooltip": "^17.5.0",
     "@atlaskit/user-picker": "^7.16.0",
     "@atlaskit/util-service-support": "^6.0.0",
     "@babel/runtime": "^7.0.0",
@@ -55,7 +55,7 @@
     "@atlaskit/flag": "^14.4.0",
     "@atlaskit/section-message": "^6.0.0",
     "@atlaskit/select": "^15.0.0",
-    "@atlaskit/toggle": "^12.2.0",
+    "@atlaskit/toggle": "^12.3.0",
     "@atlaskit/util-data-test": "^16.0.0",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
     "enzyme": "^3.10.0",