@atlaskit/share 6.18.9 → 6.18.10

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/share
 
+## 6.18.10
+
+### Patch Changes
+
+- [`608c375f6f9b9`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/608c375f6f9b9) -
+  Internal changes to remove unnecessary token fallbacks and imports from `@atlaskit/theme`
+- Updated dependencies
+
 ## 6.18.9
 
 ### Patch Changes

package/dist/cjs/components/CopyLinkButton.js

@@ -18,7 +18,6 @@ var _statusSuccess = _interopRequireDefault(require("@atlaskit/icon/core/status-
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _popup = _interopRequireDefault(require("@atlaskit/popup"));
 var _primitives = require("@atlaskit/primitives");
-var _colors = require("@atlaskit/theme/colors");
 var _constants = require("@atlaskit/theme/constants");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _CopyLinkButtonNext = _interopRequireDefault(require("./CopyLinkButtonNext"));
@@ -183,7 +182,7 @@ var CopyLinkButtonInner = exports.CopyLinkButtonInner = /*#__PURE__*/function (_
           }, (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(_statusSuccess.default, {
             spacing: "spacious",
             label: "",
-            color: "var(--ds-icon-success, ".concat(_colors.G300, ")")
+            color: "var(--ds-icon-success, #6A9A23)"
           }), (0, _react2.jsx)(_primitives.Box, {
             xcss: messageTextStyle
           }, copiedToClipboardText))));

package/dist/cjs/components/CopyLinkButtonNext.js

@@ -21,7 +21,6 @@ var _statusSuccess = _interopRequireDefault(require("@atlaskit/icon/core/status-
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _popup = _interopRequireDefault(require("@atlaskit/popup"));
 var _compiled = require("@atlaskit/primitives/compiled");
-var _colors = require("@atlaskit/theme/colors");
 var _constants = require("@atlaskit/theme/constants");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _compiled2 = require("./ShareFormWrapper/compiled");
@@ -172,7 +171,7 @@ var CopyLinkButton = exports.CopyLinkButton = /*#__PURE__*/function (_React$Comp
           }, /*#__PURE__*/_react.default.createElement(_statusSuccess.default, {
             spacing: "spacious",
             label: "",
-            color: "var(--ds-icon-success, ".concat(_colors.G300, ")")
+            color: "var(--ds-icon-success, #6A9A23)"
           }), /*#__PURE__*/_react.default.createElement(_compiled.Box, {
             xcss: (0, _css.cx)(styles.messageText)
           }, copiedToClipboardText)));

package/dist/cjs/components/IntegrationButton.js

@@ -11,7 +11,6 @@ var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
 var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _colors = require("@atlaskit/theme/colors");
 var _IntegrationButtonNext = _interopRequireDefault(require("./IntegrationButtonNext"));
 var _excluded = ["text", "textColor", "IntegrationIcon"];
 var _templateObject, _templateObject2;
@@ -35,7 +34,7 @@ var IntegrationButtonInner = function IntegrationButtonInner(props) {
     (0, _react2.jsx)(_customThemeButton.default, restProps, (0, _react2.jsx)("span", {
       css: integrationButtonCopyWrapperStyle,
       style: {
-        color: textColor || "var(--ds-text, ".concat(_colors.N500, ")")
+        color: textColor || "var(--ds-text, #292A2E)"
       }
     }, (0, _react2.jsx)("span", {
       css: integrationIconWrapperStyle

package/dist/cjs/components/IntegrationButtonNext.compiled.css

@@ -4,4 +4,4 @@
 ._1e0c1txw{display:flex}
 ._2hwxu2gc{margin-right:var(--ds-space-100,8px)}
 ._otyrze3t{margin-bottom:var(--ds-space-0,0)}
-._syaz10s3{color:var(--ds-text,#42526e)}
+._syazi7uo{color:var(--ds-text,#292a2e)}

package/dist/cjs/components/IntegrationButtonNext.js

@@ -12,9 +12,8 @@ var _react = _interopRequireDefault(require("react"));
 var _new = _interopRequireDefault(require("@atlaskit/button/new"));
 var _css = require("@atlaskit/css");
 var _compiled = require("@atlaskit/primitives/compiled");
-var _colors = require("@atlaskit/theme/colors");
 var styles = {
-  integrationButtonCopyWrapperStyle: "_1e0c1txw _1bah1e5h _syaz10s3",
+  integrationButtonCopyWrapperStyle: "_1e0c1txw _1bah1e5h _syazi7uo",
   integrationIconWrapperStyle: "_19pkv77o _2hwxu2gc _otyrze3t _18u0ze3t"
 };
 var IntegrationButton = function IntegrationButton(props) {

package/dist/cjs/components/ShareForm.js

@@ -24,7 +24,6 @@ var _statusError = _interopRequireDefault(require("@atlaskit/icon/core/status-er
 var _menu = require("@atlaskit/menu");
 var _primitives = require("@atlaskit/primitives");
 var _tabs = _interopRequireWildcard(require("@atlaskit/tabs"));
-var _colors = require("@atlaskit/theme/colors");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _i18n = require("../i18n");
 var _types = require("../types");
@@ -96,7 +95,7 @@ var integrationIconWrapperStyles = (0, _react2.css)({
 });
 var requiredFieldInfoStyles = (0, _react2.css)({
   marginBottom: "var(--ds-space-200, 16px)",
-  color: "var(--ds-text-subtle, ".concat(_colors.N300, ")"),
+  color: "var(--ds-text-subtle, #505258)",
   font: "var(--ds-font-body-small, normal 400 12px/16px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"
 });
 var menuGroupContainerStyles = (0, _primitives.xcss)({
@@ -273,7 +272,7 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
       }, (0, _react2.jsx)(_statusError.default, {
         spacing: "spacious",
         label: formatMessage(_i18n.messages.shareFailureIconLabel),
-        color: "var(--ds-icon-danger, ".concat(_colors.R400, ")")
+        color: "var(--ds-icon-danger, #C9372C)"
       }))), (0, _react2.jsx)(_new.default, {
         appearance: buttonAppearance,
         type: "submit",

package/dist/cjs/components/ShareFormNext.compiled.css

@@ -17,5 +17,5 @@
 ._otyr196n{margin-bottom:var(--ds-space-negative-075,-6px)}
 ._otyrpxbi{margin-bottom:var(--ds-space-200,1pc)}
 ._otyrutpp{margin-bottom:var(--ds-space-150,9pt)}
-._syaz1n3s{color:var(--ds-text-subtle,#5e6c84)}
+._syazazsu{color:var(--ds-text-subtle,#505258)}
 ._syazi7uo{color:var(--ds-text,#292a2e)}

package/dist/cjs/components/ShareFormNext.js

@@ -27,7 +27,6 @@ var _statusError = _interopRequireDefault(require("@atlaskit/icon/core/status-er
 var _menu = require("@atlaskit/menu");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _tabs = _interopRequireWildcard(require("@atlaskit/tabs"));
-var _colors = require("@atlaskit/theme/colors");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _i18n = require("../i18n");
 var _types = require("../types");
@@ -51,7 +50,7 @@ var styles = {
   formFieldStyles: "_otyrutpp",
   integrationWrapperStyles: "_1e0c1txw _4cvr1h6o",
   integrationIconWrapperStyles: "_otyr196n _2hwx1b66",
-  requiredFieldInfoStyles: "_11c8wadc _otyrpxbi _syaz1n3s",
+  requiredFieldInfoStyles: "_11c8wadc _otyrpxbi _syazazsu",
   menuGroupContainerStyles: "_2rko12b0 _1moux0bf _195g10v4 _syazi7uo _4cvr1y6m _1bsb1w81"
 };
 var integrationTabText = function integrationTabText(integrationName) {
@@ -180,7 +179,7 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
       }, /*#__PURE__*/_react.default.createElement(_statusError.default, {
         spacing: "spacious",
         label: formatMessage(_i18n.messages.shareFailureIconLabel),
-        color: "var(--ds-icon-danger, ".concat(_colors.R400, ")")
+        color: "var(--ds-icon-danger, #C9372C)"
       }))), /*#__PURE__*/_react.default.createElement(_new.default, {
         appearance: buttonAppearance,
         type: "submit",

package/dist/cjs/components/SplitButton.js

@@ -16,7 +16,6 @@ var _new = require("@atlaskit/button/new");
 var _dropdownMenu = _interopRequireWildcard(require("@atlaskit/dropdown-menu"));
 var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/core/chevron-down"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _colors = require("@atlaskit/theme/colors");
 var _i18n = require("../i18n");
 var _analytics = require("./analytics/analytics");
 var _IntegrationButton = _interopRequireDefault(require("./IntegrationButton"));
@@ -93,7 +92,7 @@ var SplitButtonDropdown = function SplitButtonDropdown(props) {
       key: integration.type,
       testId: "split-button-dropdownitem-".concat(integration.type)
     }, (0, _react2.jsx)(IntegrationButtonWrapper, null, (0, _react2.jsx)(_IntegrationButton.default, {
-      textColor: "var(--ds-text, ".concat(_colors.N800, ")"),
+      textColor: "var(--ds-text, #292A2E)",
       appearance: "subtle",
       onClick: function onClick() {
         return onIntegrationButtonClick(integration);

package/dist/es2019/components/CopyLinkButton.js

@@ -13,7 +13,6 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import Popup from '@atlaskit/popup';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Box, xcss } from '@atlaskit/primitives';
-import { G300 } from '@atlaskit/theme/colors';
 import { layers } from '@atlaskit/theme/constants';
 import Tooltip from '@atlaskit/tooltip';
 import CopyLinkButtonNext from './CopyLinkButtonNext';
@@ -159,7 +158,7 @@ export class CopyLinkButtonInner extends React.Component {
       }, jsx(React.Fragment, null, jsx(CheckCircleIcon, {
         spacing: "spacious",
         label: "",
-        color: `var(--ds-icon-success, ${G300})`
+        color: "var(--ds-icon-success, #6A9A23)"
       }), jsx(Box, {
         xcss: messageTextStyle
       }, copiedToClipboardText)))),

package/dist/es2019/components/CopyLinkButtonNext.js

@@ -9,7 +9,6 @@ import CheckCircleIcon from '@atlaskit/icon/core/status-success';
 import { fg } from '@atlaskit/platform-feature-flags';
 import Popup from '@atlaskit/popup';
 import { Box } from '@atlaskit/primitives/compiled';
-import { G300 } from '@atlaskit/theme/colors';
 import { layers } from '@atlaskit/theme/constants';
 import Tooltip from '@atlaskit/tooltip';
 import { InlineDialogContentWrapper } from './ShareFormWrapper/compiled';
@@ -144,7 +143,7 @@ export class CopyLinkButton extends React.Component {
       }, /*#__PURE__*/React.createElement(CheckCircleIcon, {
         spacing: "spacious",
         label: "",
-        color: `var(--ds-icon-success, ${G300})`
+        color: "var(--ds-icon-success, #6A9A23)"
       }), /*#__PURE__*/React.createElement(Box, {
         xcss: cx(styles.messageText)
       }, copiedToClipboardText))),

package/dist/es2019/components/IntegrationButton.js

@@ -8,7 +8,6 @@ import React from 'react';
 import { css, jsx } from '@emotion/react';
 import Button from '@atlaskit/button/custom-theme-button';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { N500 } from '@atlaskit/theme/colors';
 import IntegrationButtonNext from './IntegrationButtonNext';
 
 // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/design-system/no-css-tagged-template-expression -- Ignored via go/DSP-18766
@@ -34,7 +33,7 @@ const IntegrationButtonInner = props => {
     jsx(Button, restProps, jsx("span", {
       css: integrationButtonCopyWrapperStyle,
       style: {
-        color: textColor || `var(--ds-text, ${N500})`
+        color: textColor || "var(--ds-text, #292A2E)"
       }
     }, jsx("span", {
       css: integrationIconWrapperStyle

package/dist/es2019/components/IntegrationButtonNext.compiled.css

@@ -4,4 +4,4 @@
 ._1e0c1txw{display:flex}
 ._2hwxu2gc{margin-right:var(--ds-space-100,8px)}
 ._otyrze3t{margin-bottom:var(--ds-space-0,0)}
-._syaz10s3{color:var(--ds-text,#42526e)}
+._syazi7uo{color:var(--ds-text,#292a2e)}

package/dist/es2019/components/IntegrationButtonNext.js

@@ -5,9 +5,8 @@ import React from 'react';
 import Button from '@atlaskit/button/new';
 import { cx } from '@atlaskit/css';
 import { Box, Text } from '@atlaskit/primitives/compiled';
-import { N500 } from '@atlaskit/theme/colors';
 const styles = {
-  integrationButtonCopyWrapperStyle: "_1e0c1txw _1bah1e5h _syaz10s3",
+  integrationButtonCopyWrapperStyle: "_1e0c1txw _1bah1e5h _syazi7uo",
   integrationIconWrapperStyle: "_19pkv77o _2hwxu2gc _otyrze3t _18u0ze3t"
 };
 const IntegrationButton = props => {

package/dist/es2019/components/ShareForm.js

@@ -18,7 +18,6 @@ import { MenuGroup } from '@atlaskit/menu';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Box, Inline, xcss } from '@atlaskit/primitives';
 import Tabs, { Tab, TabList, TabPanel } from '@atlaskit/tabs';
-import { N300, R400 } from '@atlaskit/theme/colors';
 import Tooltip from '@atlaskit/tooltip';
 import { messages } from '../i18n';
 import { TabType } from '../types';
@@ -81,7 +80,7 @@ const integrationIconWrapperStyles = css({
 });
 const requiredFieldInfoStyles = css({
   marginBottom: "var(--ds-space-200, 16px)",
-  color: `var(--ds-text-subtle, ${N300})`,
+  color: "var(--ds-text-subtle, #505258)",
   font: "var(--ds-font-body-small, normal 400 12px/16px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"
 });
 const menuGroupContainerStyles = xcss({
@@ -256,7 +255,7 @@ class InternalForm extends React.PureComponent {
       }, jsx(ErrorIcon, {
         spacing: "spacious",
         label: formatMessage(messages.shareFailureIconLabel),
-        color: `var(--ds-icon-danger, ${R400})`
+        color: "var(--ds-icon-danger, #C9372C)"
       }))), jsx(Button, {
         appearance: buttonAppearance,
         type: "submit",

package/dist/es2019/components/ShareFormNext.compiled.css

@@ -17,5 +17,5 @@
 ._otyr196n{margin-bottom:var(--ds-space-negative-075,-6px)}
 ._otyrpxbi{margin-bottom:var(--ds-space-200,1pc)}
 ._otyrutpp{margin-bottom:var(--ds-space-150,9pt)}
-._syaz1n3s{color:var(--ds-text-subtle,#5e6c84)}
+._syazazsu{color:var(--ds-text-subtle,#505258)}
 ._syazi7uo{color:var(--ds-text,#292a2e)}

package/dist/es2019/components/ShareFormNext.js

@@ -14,7 +14,6 @@ import ErrorIcon from '@atlaskit/icon/core/status-error';
 import { MenuGroup } from '@atlaskit/menu';
 import { Box } from '@atlaskit/primitives/compiled';
 import Tabs, { Tab, TabList, TabPanel } from '@atlaskit/tabs';
-import { N300, R400 } from '@atlaskit/theme/colors';
 import Tooltip from '@atlaskit/tooltip';
 import { messages } from '../i18n';
 import { TabType } from '../types';
@@ -33,7 +32,7 @@ const styles = {
   formFieldStyles: "_otyrutpp",
   integrationWrapperStyles: "_1e0c1txw _4cvr1h6o",
   integrationIconWrapperStyles: "_otyr196n _2hwx1b66",
-  requiredFieldInfoStyles: "_11c8wadc _otyrpxbi _syaz1n3s",
+  requiredFieldInfoStyles: "_11c8wadc _otyrpxbi _syazazsu",
   menuGroupContainerStyles: "_2rko12b0 _1moux0bf _195g10v4 _syazi7uo _4cvr1y6m _1bsb1w81"
 };
 const integrationTabText = integrationName => /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages.shareInIntegrationButtonText, {
@@ -160,7 +159,7 @@ class InternalForm extends React.PureComponent {
       }, /*#__PURE__*/React.createElement(ErrorIcon, {
         spacing: "spacious",
         label: formatMessage(messages.shareFailureIconLabel),
-        color: `var(--ds-icon-danger, ${R400})`
+        color: "var(--ds-icon-danger, #C9372C)"
       }))), /*#__PURE__*/React.createElement(Button, {
         appearance: buttonAppearance,
         type: "submit",

package/dist/es2019/components/SplitButton.js

@@ -12,7 +12,6 @@ import { SplitButton as AKSplitButton, IconButton } from '@atlaskit/button/new';
 import DropdownMenu, { DropdownItem, DropdownItemGroup } from '@atlaskit/dropdown-menu';
 import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { N800 } from '@atlaskit/theme/colors';
 import { messages } from '../i18n';
 import { shareIntegrationButtonEvent } from './analytics/analytics';
 import IntegrationButton from './IntegrationButton';
@@ -81,7 +80,7 @@ const SplitButtonDropdown = props => {
     key: integration.type,
     testId: `split-button-dropdownitem-${integration.type}`
   }, jsx(IntegrationButtonWrapper, null, jsx(IntegrationButton, {
-    textColor: `var(--ds-text, ${N800})`,
+    textColor: "var(--ds-text, #292A2E)",
     appearance: "subtle",
     onClick: () => onIntegrationButtonClick(integration),
     shouldFitContainer: true,

package/dist/esm/components/CopyLinkButton.js

@@ -22,7 +22,6 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import Popup from '@atlaskit/popup';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Box, xcss } from '@atlaskit/primitives';
-import { G300 } from '@atlaskit/theme/colors';
 import { layers } from '@atlaskit/theme/constants';
 import Tooltip from '@atlaskit/tooltip';
 import CopyLinkButtonNext from './CopyLinkButtonNext';
@@ -179,7 +178,7 @@ export var CopyLinkButtonInner = /*#__PURE__*/function (_React$Component) {
           }, jsx(React.Fragment, null, jsx(CheckCircleIcon, {
             spacing: "spacious",
             label: "",
-            color: "var(--ds-icon-success, ".concat(G300, ")")
+            color: "var(--ds-icon-success, #6A9A23)"
           }), jsx(Box, {
             xcss: messageTextStyle
           }, copiedToClipboardText))));

package/dist/esm/components/CopyLinkButtonNext.js

@@ -18,7 +18,6 @@ import CheckCircleIcon from '@atlaskit/icon/core/status-success';
 import { fg } from '@atlaskit/platform-feature-flags';
 import Popup from '@atlaskit/popup';
 import { Box } from '@atlaskit/primitives/compiled';
-import { G300 } from '@atlaskit/theme/colors';
 import { layers } from '@atlaskit/theme/constants';
 import Tooltip from '@atlaskit/tooltip';
 import { InlineDialogContentWrapper } from './ShareFormWrapper/compiled';
@@ -165,7 +164,7 @@ export var CopyLinkButton = /*#__PURE__*/function (_React$Component) {
           }, /*#__PURE__*/React.createElement(CheckCircleIcon, {
             spacing: "spacious",
             label: "",
-            color: "var(--ds-icon-success, ".concat(G300, ")")
+            color: "var(--ds-icon-success, #6A9A23)"
           }), /*#__PURE__*/React.createElement(Box, {
             xcss: cx(styles.messageText)
           }, copiedToClipboardText)));

package/dist/esm/components/IntegrationButton.js

@@ -12,7 +12,6 @@ import React from 'react';
 import { css, jsx } from '@emotion/react';
 import Button from '@atlaskit/button/custom-theme-button';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { N500 } from '@atlaskit/theme/colors';
 import IntegrationButtonNext from './IntegrationButtonNext';
 
 // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/design-system/no-css-tagged-template-expression -- Ignored via go/DSP-18766
@@ -30,7 +29,7 @@ var IntegrationButtonInner = function IntegrationButtonInner(props) {
     jsx(Button, restProps, jsx("span", {
       css: integrationButtonCopyWrapperStyle,
       style: {
-        color: textColor || "var(--ds-text, ".concat(N500, ")")
+        color: textColor || "var(--ds-text, #292A2E)"
       }
     }, jsx("span", {
       css: integrationIconWrapperStyle

package/dist/esm/components/IntegrationButtonNext.compiled.css

@@ -4,4 +4,4 @@
 ._1e0c1txw{display:flex}
 ._2hwxu2gc{margin-right:var(--ds-space-100,8px)}
 ._otyrze3t{margin-bottom:var(--ds-space-0,0)}
-._syaz10s3{color:var(--ds-text,#42526e)}
+._syazi7uo{color:var(--ds-text,#292a2e)}

package/dist/esm/components/IntegrationButtonNext.js

@@ -5,9 +5,8 @@ import React from 'react';
 import Button from '@atlaskit/button/new';
 import { cx } from '@atlaskit/css';
 import { Box, Text } from '@atlaskit/primitives/compiled';
-import { N500 } from '@atlaskit/theme/colors';
 var styles = {
-  integrationButtonCopyWrapperStyle: "_1e0c1txw _1bah1e5h _syaz10s3",
+  integrationButtonCopyWrapperStyle: "_1e0c1txw _1bah1e5h _syazi7uo",
   integrationIconWrapperStyle: "_19pkv77o _2hwxu2gc _otyrze3t _18u0ze3t"
 };
 var IntegrationButton = function IntegrationButton(props) {

package/dist/esm/components/ShareForm.js

@@ -27,7 +27,6 @@ import { MenuGroup } from '@atlaskit/menu';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Box, Inline, xcss } from '@atlaskit/primitives';
 import Tabs, { Tab, TabList, TabPanel } from '@atlaskit/tabs';
-import { N300, R400 } from '@atlaskit/theme/colors';
 import Tooltip from '@atlaskit/tooltip';
 import { messages } from '../i18n';
 import { TabType } from '../types';
@@ -90,7 +89,7 @@ var integrationIconWrapperStyles = css({
 });
 var requiredFieldInfoStyles = css({
   marginBottom: "var(--ds-space-200, 16px)",
-  color: "var(--ds-text-subtle, ".concat(N300, ")"),
+  color: "var(--ds-text-subtle, #505258)",
   font: "var(--ds-font-body-small, normal 400 12px/16px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"
 });
 var menuGroupContainerStyles = xcss({
@@ -267,7 +266,7 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
       }, jsx(ErrorIcon, {
         spacing: "spacious",
         label: formatMessage(messages.shareFailureIconLabel),
-        color: "var(--ds-icon-danger, ".concat(R400, ")")
+        color: "var(--ds-icon-danger, #C9372C)"
       }))), jsx(Button, {
         appearance: buttonAppearance,
         type: "submit",

package/dist/esm/components/ShareFormNext.compiled.css

@@ -17,5 +17,5 @@
 ._otyr196n{margin-bottom:var(--ds-space-negative-075,-6px)}
 ._otyrpxbi{margin-bottom:var(--ds-space-200,1pc)}
 ._otyrutpp{margin-bottom:var(--ds-space-150,9pt)}
-._syaz1n3s{color:var(--ds-text-subtle,#5e6c84)}
+._syazazsu{color:var(--ds-text-subtle,#505258)}
 ._syazi7uo{color:var(--ds-text,#292a2e)}

package/dist/esm/components/ShareFormNext.js

@@ -23,7 +23,6 @@ import ErrorIcon from '@atlaskit/icon/core/status-error';
 import { MenuGroup } from '@atlaskit/menu';
 import { Box } from '@atlaskit/primitives/compiled';
 import Tabs, { Tab, TabList, TabPanel } from '@atlaskit/tabs';
-import { N300, R400 } from '@atlaskit/theme/colors';
 import Tooltip from '@atlaskit/tooltip';
 import { messages } from '../i18n';
 import { TabType } from '../types';
@@ -42,7 +41,7 @@ var styles = {
   formFieldStyles: "_otyrutpp",
   integrationWrapperStyles: "_1e0c1txw _4cvr1h6o",
   integrationIconWrapperStyles: "_otyr196n _2hwx1b66",
-  requiredFieldInfoStyles: "_11c8wadc _otyrpxbi _syaz1n3s",
+  requiredFieldInfoStyles: "_11c8wadc _otyrpxbi _syazazsu",
   menuGroupContainerStyles: "_2rko12b0 _1moux0bf _195g10v4 _syazi7uo _4cvr1y6m _1bsb1w81"
 };
 var integrationTabText = function integrationTabText(integrationName) {
@@ -171,7 +170,7 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
       }, /*#__PURE__*/React.createElement(ErrorIcon, {
         spacing: "spacious",
         label: formatMessage(messages.shareFailureIconLabel),
-        color: "var(--ds-icon-danger, ".concat(R400, ")")
+        color: "var(--ds-icon-danger, #C9372C)"
       }))), /*#__PURE__*/React.createElement(Button, {
         appearance: buttonAppearance,
         type: "submit",

package/dist/esm/components/SplitButton.js

@@ -15,7 +15,6 @@ import { SplitButton as AKSplitButton, IconButton } from '@atlaskit/button/new';
 import DropdownMenu, { DropdownItem, DropdownItemGroup } from '@atlaskit/dropdown-menu';
 import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { N800 } from '@atlaskit/theme/colors';
 import { messages } from '../i18n';
 import { shareIntegrationButtonEvent } from './analytics/analytics';
 import IntegrationButton from './IntegrationButton';
@@ -86,7 +85,7 @@ var SplitButtonDropdown = function SplitButtonDropdown(props) {
       key: integration.type,
       testId: "split-button-dropdownitem-".concat(integration.type)
     }, jsx(IntegrationButtonWrapper, null, jsx(IntegrationButton, {
-      textColor: "var(--ds-text, ".concat(N800, ")"),
+      textColor: "var(--ds-text, #292A2E)",
       appearance: "subtle",
       onClick: function onClick() {
         return onIntegrationButtonClick(integration);

package/docs/0-intro.tsx

@@ -13,10 +13,10 @@ import { token } from '@atlaskit/tokens';
 const _default_1: any = md`
   ${(
 		<>
-			<div style={{ marginBottom: `${token('space.100', '8px')}` }}>
+			<div style={{ marginBottom: `${token('space.100')}` }}>
 				<AtlassianInternalWarning />
 			</div>
-			<div style={{ marginTop: `${token('space.100', '8px')}` }}>
+			<div style={{ marginTop: `${token('space.100')}` }}>
 				<DevPreviewWarning />
 			</div>
 		</>

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/share",
-	"version": "6.18.9",
+	"version": "6.18.10",
 	"description": "Fabric Share Element",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -38,26 +38,26 @@
 	},
 	"dependencies": {
 		"@atlaskit/afm-i18n-platform-elements-share": "2.7.0",
-		"@atlaskit/analytics-next": "^11.1.0",
+		"@atlaskit/analytics-next": "^11.2.0",
 		"@atlaskit/button": "^23.10.0",
 		"@atlaskit/css": "^0.19.0",
-		"@atlaskit/dropdown-menu": "^16.7.0",
-		"@atlaskit/form": "^15.4.0",
+		"@atlaskit/dropdown-menu": "^16.8.0",
+		"@atlaskit/form": "^15.5.0",
 		"@atlaskit/heading": "^5.3.0",
-		"@atlaskit/icon": "^33.0.0",
+		"@atlaskit/icon": "^33.1.0",
 		"@atlaskit/link": "^3.3.0",
 		"@atlaskit/menu": "^8.4.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/popper": "^7.1.0",
-		"@atlaskit/popup": "^4.13.0",
+		"@atlaskit/popup": "^4.14.0",
 		"@atlaskit/portal": "^5.2.0",
-		"@atlaskit/primitives": "^18.0.0",
+		"@atlaskit/primitives": "^18.1.0",
 		"@atlaskit/smart-user-picker": "^9.2.0",
 		"@atlaskit/spinner": "^19.0.0",
 		"@atlaskit/tabs": "^19.0.0",
 		"@atlaskit/textarea": "^8.2.0",
 		"@atlaskit/theme": "^22.0.0",
-		"@atlaskit/tokens": "^11.1.0",
+		"@atlaskit/tokens": "^11.3.0",
 		"@atlaskit/tooltip": "^21.0.0",
 		"@atlaskit/ufo": "^0.4.0",
 		"@atlaskit/user-picker": "^11.25.0",
@@ -74,7 +74,7 @@
 	},
 	"devDependencies": {
 		"@atlaskit/editor-test-helpers": "workspace:^",
-		"@atlaskit/flag": "^17.8.0",
+		"@atlaskit/flag": "^17.9.0",
 		"@atlassian/feature-flags-test-utils": "^1.0.0",
 		"@testing-library/react": "^16.3.0",
 		"@testing-library/user-event": "^14.4.3",