@atlaskit/share 3.5.8 → 3.5.10

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/share
 
+## 3.5.10
+
+### Patch Changes
+
+- [`6455cf006b3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6455cf006b3) - Builds for this package now pass through a tokens babel plugin, removing runtime invocations of the tokens() function and improving performance.
+
+## 3.5.9
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 3.5.8
 
 ### Patch Changes

package/dist/cjs/components/CopyLinkButton.js

@@ -39,8 +39,6 @@ var _colors = require("@atlaskit/theme/colors");
 
 var _constants = require("@atlaskit/theme/constants");
 
-var _tokens = require("@atlaskit/tokens");
-
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 
 var _styled = require("./ShareFormWrapper/styled");
@@ -182,7 +180,7 @@ var CopyLinkButton = /*#__PURE__*/function (_React$Component) {
             "data-testid": "message-container"
           }, (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(_checkCircle.default, {
             label: "",
-            primaryColor: (0, _tokens.token)('color.icon.success', _colors.G300)
+            primaryColor: "var(--ds-icon-success, ".concat(_colors.G300, ")")
           }), (0, _react2.jsx)("div", {
             css: messageTextStyle
           }, copiedToClipboardText))));

package/dist/cjs/components/IntegrationButton.js

@@ -19,8 +19,6 @@ var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom
 
 var _colors = require("@atlaskit/theme/colors");
 
-var _tokens = require("@atlaskit/tokens");
-
 var _excluded = ["text", "textColor", "IntegrationIcon"];
 
 var _templateObject, _templateObject2;
@@ -36,7 +34,7 @@ var IntegrationButton = function IntegrationButton(props) {
   return (0, _react2.jsx)(_customThemeButton.default, restProps, (0, _react2.jsx)("span", {
     css: integrationButtonCopyWrapperStyle,
     style: {
-      color: textColor || (0, _tokens.token)('color.text', _colors.N500)
+      color: textColor || "var(--ds-text, ".concat(_colors.N500, ")")
     }
   }, (0, _react2.jsx)("span", {
     css: integrationIconWrapperStyle

package/dist/cjs/components/ShareForm.js

@@ -47,8 +47,6 @@ var _colors = require("@atlaskit/theme/colors");
 
 var _constants = require("@atlaskit/theme/constants");
 
-var _tokens = require("@atlaskit/tokens");
-
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 
 var _i18n = require("../i18n");
@@ -209,7 +207,7 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
         position: "top"
       }, (0, _react2.jsx)(_error.default, {
         label: formatMessage(_i18n.messages.shareFailureIconLabel),
-        primaryColor: (0, _tokens.token)('color.icon.danger', _colors.R400)
+        primaryColor: "var(--ds-icon-danger, ".concat(_colors.R400, ")")
       }))), (0, _react2.jsx)(_customThemeButton.default, {
         appearance: buttonAppearance,
         type: "submit",

package/dist/cjs/components/SplitButton.js

@@ -31,8 +31,6 @@ var _colors = require("@atlaskit/theme/colors");
 
 var _constants = require("@atlaskit/theme/constants");
 
-var _tokens = require("@atlaskit/tokens");
-
 var _i18n = require("../i18n");
 
 var _analytics = require("./analytics/analytics");
@@ -106,7 +104,7 @@ var SplitButtonDropdown = function SplitButtonDropdown(props) {
     }, (0, _react2.jsx)("span", {
       css: dropDownIntegrationButtonWrapperStyles
     }, (0, _react2.jsx)(_IntegrationButton.default, {
-      textColor: (0, _tokens.token)('color.text', _colors.N800),
+      textColor: "var(--ds-text, ".concat(_colors.N800, ")"),
       appearance: "subtle",
       onClick: function onClick() {
         return onIntegrationButtonClick(integration);

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.5.8"
+    packageVersion: "3.5.10"
   }, attributes);
 };
 

package/dist/cjs/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/share",
-	"version": "3.5.8"
+	"version": "3.5.10"
 }

package/dist/es2019/components/CopyLinkButton.js

@@ -9,7 +9,6 @@ import LinkFilledIcon from '@atlaskit/icon/glyph/link-filled';
 import Popup from '@atlaskit/popup';
 import { G300 } from '@atlaskit/theme/colors';
 import { layers } from '@atlaskit/theme/constants';
-import { token } from '@atlaskit/tokens';
 import Tooltip from '@atlaskit/tooltip';
 import { InlineDialogContentWrapper } from './ShareFormWrapper/styled';
 import Button from './styles';
@@ -127,7 +126,7 @@ export class CopyLinkButton extends React.Component {
         "data-testid": "message-container"
       }, jsx(React.Fragment, null, jsx(CheckCircleIcon, {
         label: "",
-        primaryColor: token('color.icon.success', G300)
+        primaryColor: `var(--ds-icon-success, ${G300})`
       }), jsx("div", {
         css: messageTextStyle
       }, copiedToClipboardText)))),

package/dist/es2019/components/IntegrationButton.js

@@ -3,7 +3,6 @@ import React from 'react';
 import { css, jsx } from '@emotion/react';
 import Button from '@atlaskit/button/custom-theme-button';
 import { N500 } from '@atlaskit/theme/colors';
-import { token } from '@atlaskit/tokens';
 const integrationButtonCopyWrapperStyle = css`
   display: flex;
   justify-content: left;
@@ -22,7 +21,7 @@ const IntegrationButton = props => {
   return jsx(Button, restProps, jsx("span", {
     css: integrationButtonCopyWrapperStyle,
     style: {
-      color: textColor || token('color.text', N500)
+      color: textColor || `var(--ds-text, ${N500})`
     }
   }, jsx("span", {
     css: integrationIconWrapperStyle

package/dist/es2019/components/ShareForm.js

@@ -12,7 +12,6 @@ import ErrorIcon from '@atlaskit/icon/glyph/error';
 import Tabs, { Tab, TabList, TabPanel } from '@atlaskit/tabs';
 import { R400 } from '@atlaskit/theme/colors';
 import { gridSize } from '@atlaskit/theme/constants';
-import { token } from '@atlaskit/tokens';
 import Tooltip from '@atlaskit/tooltip';
 import { messages } from '../i18n';
 import { TabType } from '../types';
@@ -172,7 +171,7 @@ class InternalForm extends React.PureComponent {
         position: "top"
       }, jsx(ErrorIcon, {
         label: formatMessage(messages.shareFailureIconLabel),
-        primaryColor: token('color.icon.danger', R400)
+        primaryColor: `var(--ds-icon-danger, ${R400})`
       }))), jsx(Button, {
         appearance: buttonAppearance,
         type: "submit",

package/dist/es2019/components/SplitButton.js

@@ -9,7 +9,6 @@ import DropdownMenu, { DropdownItem, DropdownItemGroup } from '@atlaskit/dropdow
 import ChevronDownIcon from '@atlaskit/icon/glyph/chevron-down';
 import { N800 } from '@atlaskit/theme/colors';
 import { borderRadius } from '@atlaskit/theme/constants';
-import { token } from '@atlaskit/tokens';
 import { messages } from '../i18n';
 import { shareIntegrationButtonEvent } from './analytics/analytics';
 import IntegrationButton from './IntegrationButton';
@@ -90,7 +89,7 @@ const SplitButtonDropdown = props => {
   }, jsx("span", {
     css: dropDownIntegrationButtonWrapperStyles
   }, jsx(IntegrationButton, {
-    textColor: token('color.text', N800),
+    textColor: `var(--ds-text, ${N800})`,
     appearance: "subtle",
     onClick: () => onIntegrationButtonClick(integration),
     shouldFitContainer: true,

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.5.8",
+  packageVersion: "3.5.10",
   ...attributes
 });
 

package/dist/es2019/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/share",
-	"version": "3.5.8"
+	"version": "3.5.10"
 }

package/dist/esm/components/CopyLinkButton.js

@@ -22,7 +22,6 @@ import LinkFilledIcon from '@atlaskit/icon/glyph/link-filled';
 import Popup from '@atlaskit/popup';
 import { G300 } from '@atlaskit/theme/colors';
 import { layers } from '@atlaskit/theme/constants';
-import { token } from '@atlaskit/tokens';
 import Tooltip from '@atlaskit/tooltip';
 import { InlineDialogContentWrapper } from './ShareFormWrapper/styled';
 import Button from './styles';
@@ -155,7 +154,7 @@ export var CopyLinkButton = /*#__PURE__*/function (_React$Component) {
             "data-testid": "message-container"
           }, jsx(React.Fragment, null, jsx(CheckCircleIcon, {
             label: "",
-            primaryColor: token('color.icon.success', G300)
+            primaryColor: "var(--ds-icon-success, ".concat(G300, ")")
           }), jsx("div", {
             css: messageTextStyle
           }, copiedToClipboardText))));

package/dist/esm/components/IntegrationButton.js

@@ -9,7 +9,6 @@ import React from 'react';
 import { css, jsx } from '@emotion/react';
 import Button from '@atlaskit/button/custom-theme-button';
 import { N500 } from '@atlaskit/theme/colors';
-import { token } from '@atlaskit/tokens';
 var integrationButtonCopyWrapperStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: left;\n"])));
 var integrationIconWrapperStyle = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin: 1px 8px 0 0;\n"])));
 
@@ -22,7 +21,7 @@ var IntegrationButton = function IntegrationButton(props) {
   return jsx(Button, restProps, jsx("span", {
     css: integrationButtonCopyWrapperStyle,
     style: {
-      color: textColor || token('color.text', N500)
+      color: textColor || "var(--ds-text, ".concat(N500, ")")
     }
   }, jsx("span", {
     css: integrationIconWrapperStyle

package/dist/esm/components/ShareForm.js

@@ -29,7 +29,6 @@ import ErrorIcon from '@atlaskit/icon/glyph/error';
 import Tabs, { Tab, TabList, TabPanel } from '@atlaskit/tabs';
 import { R400 } from '@atlaskit/theme/colors';
 import { gridSize } from '@atlaskit/theme/constants';
-import { token } from '@atlaskit/tokens';
 import Tooltip from '@atlaskit/tooltip';
 import { messages } from '../i18n';
 import { TabType } from '../types';
@@ -168,7 +167,7 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
         position: "top"
       }, jsx(ErrorIcon, {
         label: formatMessage(messages.shareFailureIconLabel),
-        primaryColor: token('color.icon.danger', R400)
+        primaryColor: "var(--ds-icon-danger, ".concat(R400, ")")
       }))), jsx(Button, {
         appearance: buttonAppearance,
         type: "submit",

package/dist/esm/components/SplitButton.js

@@ -14,7 +14,6 @@ import DropdownMenu, { DropdownItem, DropdownItemGroup } from '@atlaskit/dropdow
 import ChevronDownIcon from '@atlaskit/icon/glyph/chevron-down';
 import { N800 } from '@atlaskit/theme/colors';
 import { borderRadius } from '@atlaskit/theme/constants';
-import { token } from '@atlaskit/tokens';
 import { messages } from '../i18n';
 import { shareIntegrationButtonEvent } from './analytics/analytics';
 import IntegrationButton from './IntegrationButton';
@@ -78,7 +77,7 @@ var SplitButtonDropdown = function SplitButtonDropdown(props) {
     }, jsx("span", {
       css: dropDownIntegrationButtonWrapperStyles
     }, jsx(IntegrationButton, {
-      textColor: token('color.text', N800),
+      textColor: "var(--ds-text, ".concat(N800, ")"),
       appearance: "subtle",
       onClick: function onClick() {
         return onIntegrationButtonClick(integration);

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.5.8"
+    packageVersion: "3.5.10"
   }, attributes);
 };
 

package/dist/esm/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/share",
-	"version": "3.5.8"
+	"version": "3.5.10"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/share",
-  "version": "3.5.8",
+  "version": "3.5.10",
   "description": "Fabric Share Element",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -42,7 +42,7 @@
     "@atlaskit/tabs": "^13.3.0",
     "@atlaskit/textarea": "^4.5.0",
     "@atlaskit/theme": "^12.2.0",
-    "@atlaskit/tokens": "^0.12.0",
+    "@atlaskit/tokens": "^0.13.0",
     "@atlaskit/tooltip": "^17.6.0",
     "@atlaskit/ufo": "^0.1.0",
     "@atlaskit/user-picker": "^9.7.0",
@@ -61,10 +61,10 @@
   },
   "devDependencies": {
     "@atlaskit/docs": "^9.0.0",
-    "@atlaskit/editor-test-helpers": "^17.2.0",
+    "@atlaskit/editor-test-helpers": "^18.0.0",
     "@atlaskit/flag": "^15.0.0",
     "@atlaskit/section-message": "^6.3.0",
-    "@atlaskit/select": "^16.0.0",
+    "@atlaskit/select": "^16.1.0",
     "@atlaskit/toggle": "^12.5.0",
     "@atlaskit/util-data-test": "^17.6.0",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",