@atlaskit/share 6.17.0 → 6.18.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (31) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/afm-cc/tsconfig.json +1 -1
  3. package/afm-products/tsconfig.json +1 -1
  4. package/dist/cjs/components/CopyLinkButton.js +1 -1
  5. package/dist/cjs/components/CopyLinkButtonNext.js +1 -1
  6. package/dist/cjs/components/IntegrationForm.js +1 -1
  7. package/dist/cjs/components/ShareForm.js +1 -2
  8. package/dist/cjs/components/ShareFormNext.compiled.css +1 -1
  9. package/dist/cjs/components/ShareFormNext.js +1 -2
  10. package/dist/cjs/components/ShareHeader.js +1 -4
  11. package/dist/cjs/components/analytics/analytics.js +1 -1
  12. package/dist/es2019/components/CopyLinkButton.js +1 -1
  13. package/dist/es2019/components/CopyLinkButtonNext.js +1 -1
  14. package/dist/es2019/components/IntegrationForm.js +1 -1
  15. package/dist/es2019/components/ShareForm.js +1 -2
  16. package/dist/es2019/components/ShareFormNext.compiled.css +1 -1
  17. package/dist/es2019/components/ShareFormNext.js +1 -2
  18. package/dist/es2019/components/ShareHeader.js +1 -4
  19. package/dist/es2019/components/analytics/analytics.js +1 -1
  20. package/dist/esm/components/CopyLinkButton.js +1 -1
  21. package/dist/esm/components/CopyLinkButtonNext.js +1 -1
  22. package/dist/esm/components/IntegrationForm.js +1 -1
  23. package/dist/esm/components/ShareForm.js +1 -2
  24. package/dist/esm/components/ShareFormNext.compiled.css +1 -1
  25. package/dist/esm/components/ShareFormNext.js +1 -2
  26. package/dist/esm/components/ShareHeader.js +1 -4
  27. package/dist/esm/components/analytics/analytics.js +1 -1
  28. package/docs/0-intro.tsx +2 -1
  29. package/docs/1-contributing.tsx +2 -1
  30. package/package.json +8 -11
  31. package/build/tsconfig.json +0 -23
package/CHANGELOG.md CHANGED
@@ -1,5 +1,18 @@
1
1
  # @atlaskit/share
2
2
 
3
+ ## 6.18.1
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 6.18.0
10
+
11
+ ### Minor Changes
12
+
13
+ - [`491d62b4c0ef6`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/491d62b4c0ef6) -
14
+ Cleaned up share header accessibility feature gate
15
+
3
16
  ## 6.17.0
4
17
 
5
18
  ### Minor Changes
@@ -1,5 +1,5 @@
1
1
  {
2
- "extends": "../../../../tsconfig.entry-points.confluence.json",
2
+ "extends": "../../../../tsconfig.local-consumption.json",
3
3
  "compilerOptions": {
4
4
  "declaration": true,
5
5
  "target": "es5",
@@ -1,5 +1,5 @@
1
1
  {
2
- "extends": "../../../../tsconfig.entry-points.products.json",
2
+ "extends": "../../../../tsconfig.local-consumption.json",
3
3
  "compilerOptions": {
4
4
  "declaration": true,
5
5
  "target": "es5",
@@ -139,7 +139,7 @@ var CopyLinkButtonInner = exports.CopyLinkButtonInner = /*#__PURE__*/function (_
139
139
  return {
140
140
  buttonStyles: _objectSpread(_objectSpread({}, current(themeProps).buttonStyles), {}, {
141
141
  color: "var(--ds-text, #292A2E)",
142
- font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
142
+ font: "var(--ds-font-body, normal 400 14px/20px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
143
143
  alignItems: 'center'
144
144
  }),
145
145
  spinnerStyles: current(themeProps).spinnerStyles
@@ -126,7 +126,7 @@ var CopyLinkButton = exports.CopyLinkButton = /*#__PURE__*/function (_React$Comp
126
126
  return {
127
127
  buttonStyles: _objectSpread(_objectSpread({}, current(themeProps).buttonStyles), {}, {
128
128
  color: "var(--ds-text, #292A2E)",
129
- font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
129
+ font: "var(--ds-font-body, normal 400 14px/20px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
130
130
  alignItems: 'center'
131
131
  }),
132
132
  spinnerStyles: current(themeProps).spinnerStyles
@@ -15,7 +15,7 @@ var _templateObject;
15
15
  */
16
16
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
17
17
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/design-system/no-css-tagged-template-expression -- Ignored via go/DSP-18766
18
- var formWrapperStyle = exports.formWrapperStyle = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t[class^='FormHeader__FormHeaderWrapper'] {\n\t\th1:first-child {\n\t\t\tfont: ", ";\n\t\t\tmargin-top: ", ";\n\n\t\t\t> span {\n\t\t\t\t/* jira has a class override font settings on h1 > span in gh-custom-field-pickers.css */\n\t\t\t\tfont-size: inherit !important;\n\t\t\t\tline-height: inherit !important;\n\t\t\t\tletter-spacing: inherit !important;\n\t\t\t}\n\t\t}\n\t}\n\n\t[class^='FormSection__FormSectionWrapper'] {\n\t\tmargin-top: ", ";\n\t}\n\n\t[class^='FormFooter__FormFooterWrapper'] {\n\t\tjustify-content: space-between;\n\t\tmargin-top: ", ";\n\t\tmargin-bottom: ", ";\n\t}\n\n\t[class^='Field__FieldWrapper']:not(:first-child) {\n\t\tmargin-top: ", ";\n\t}\n"])), "var(--ds-font-heading-small, normal 600 16px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)", "var(--ds-space-300, 24px)", "var(--ds-space-0, 0px)", "var(--ds-space-150, 12px)", "var(--ds-space-300, 24px)", "var(--ds-space-150, 12px)");
18
+ var formWrapperStyle = exports.formWrapperStyle = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t[class^='FormHeader__FormHeaderWrapper'] {\n\t\th1:first-child {\n\t\t\tfont: ", ";\n\t\t\tmargin-top: ", ";\n\n\t\t\t> span {\n\t\t\t\t/* jira has a class override font settings on h1 > span in gh-custom-field-pickers.css */\n\t\t\t\tfont-size: inherit !important;\n\t\t\t\tline-height: inherit !important;\n\t\t\t\tletter-spacing: inherit !important;\n\t\t\t}\n\t\t}\n\t}\n\n\t[class^='FormSection__FormSectionWrapper'] {\n\t\tmargin-top: ", ";\n\t}\n\n\t[class^='FormFooter__FormFooterWrapper'] {\n\t\tjustify-content: space-between;\n\t\tmargin-top: ", ";\n\t\tmargin-bottom: ", ";\n\t}\n\n\t[class^='Field__FieldWrapper']:not(:first-child) {\n\t\tmargin-top: ", ";\n\t}\n"])), "var(--ds-font-heading-small, normal 653 16px/20px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)", "var(--ds-space-300, 24px)", "var(--ds-space-0, 0px)", "var(--ds-space-150, 12px)", "var(--ds-space-300, 24px)", "var(--ds-space-150, 12px)");
19
19
  var IntegrationForm = exports.IntegrationForm = function IntegrationForm(_ref) {
20
20
  var Content = _ref.Content,
21
21
  _ref$onIntegrationClo = _ref.onIntegrationClose,
@@ -97,7 +97,7 @@ var integrationIconWrapperStyles = (0, _react2.css)({
97
97
  var requiredFieldInfoStyles = (0, _react2.css)({
98
98
  marginBottom: "var(--ds-space-200, 16px)",
99
99
  color: "var(--ds-text-subtle, ".concat(_colors.N300, ")"),
100
- font: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"
100
+ 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)"
101
101
  });
102
102
  var menuGroupContainerStyles = (0, _primitives.xcss)({
103
103
  color: 'color.text',
@@ -365,7 +365,6 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
365
365
  iconName: (0, _react2.jsx)(_email.default, {
366
366
  color: "currentColor",
367
367
  label: "",
368
- LEGACY_size: "medium",
369
368
  spacing: "spacious"
370
369
  }),
371
370
  labelId: _i18n.messages.emailMenuItemText,
@@ -1,4 +1,4 @@
1
- ._11c81o8v{font:var(--ds-font-body-small,normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
1
+ ._11c8wadc{font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
2
2
  ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
3
3
  ._18zrutpp{padding-inline:var(--ds-space-150,9pt)}
4
4
  ._195g10v4{margin-inline:var(--ds-space-negative-300,-24px)}
@@ -51,7 +51,7 @@ var styles = {
51
51
  formFieldStyles: "_otyrutpp",
52
52
  integrationWrapperStyles: "_1e0c1txw _4cvr1h6o",
53
53
  integrationIconWrapperStyles: "_otyr196n _2hwx1b66",
54
- requiredFieldInfoStyles: "_11c81o8v _otyrpxbi _syaz1n3s",
54
+ requiredFieldInfoStyles: "_11c8wadc _otyrpxbi _syaz1n3s",
55
55
  menuGroupContainerStyles: "_2rko12b0 _1moux0bf _195g10v4 _syazi7uo _4cvr1y6m _1bsb1w81"
56
56
  };
57
57
  var integrationTabText = function integrationTabText(integrationName) {
@@ -272,7 +272,6 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
272
272
  iconName: /*#__PURE__*/_react.default.createElement(_email.default, {
273
273
  color: "currentColor",
274
274
  label: "",
275
- LEGACY_size: "medium",
276
275
  spacing: "spacious"
277
276
  }),
278
277
  labelId: _i18n.messages.emailMenuItemText,
@@ -8,7 +8,6 @@ exports.ShareHeader = void 0;
8
8
  var _react = _interopRequireDefault(require("react"));
9
9
  var _reactIntlNext = require("react-intl-next");
10
10
  var _heading = _interopRequireDefault(require("@atlaskit/heading"));
11
- var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
12
11
  var _primitives = require("@atlaskit/primitives");
13
12
  var _i18n = require("../i18n");
14
13
  // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
@@ -32,10 +31,8 @@ var ShareHeader = exports.ShareHeader = function ShareHeader(_ref) {
32
31
  title = _ref.title;
33
32
  return /*#__PURE__*/_react.default.createElement(_primitives.Box, {
34
33
  xcss: [headerWrapperStyles, isExtendedShareDialogEnabled && headerWrapperExtraSpaceStyles]
35
- }, (0, _platformFeatureFlags.fg)('share-header-accessibility') ? /*#__PURE__*/_react.default.createElement(_heading.default, {
34
+ }, /*#__PURE__*/_react.default.createElement(_heading.default, {
36
35
  size: "small",
37
36
  as: "h2"
38
- }, title || /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _i18n.messages.formTitle)) : /*#__PURE__*/_react.default.createElement(_heading.default, {
39
- size: "small"
40
37
  }, title || /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _i18n.messages.formTitle)));
41
38
  };
@@ -13,7 +13,7 @@ var buildAttributes = function buildAttributes() {
13
13
  var attributes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
14
14
  return _objectSpread({
15
15
  packageName: "@atlaskit/share",
16
- packageVersion: "6.17.0"
16
+ packageVersion: "6.18.0"
17
17
  }, attributes);
18
18
  };
19
19
  var createEvent = function createEvent(eventType, source, action, actionSubject, actionSubjectId) {
@@ -121,7 +121,7 @@ export class CopyLinkButtonInner extends React.Component {
121
121
  buttonStyles: {
122
122
  ...current(themeProps).buttonStyles,
123
123
  color: "var(--ds-text, #292A2E)",
124
- font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
124
+ font: "var(--ds-font-body, normal 400 14px/20px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
125
125
  alignItems: 'center'
126
126
  },
127
127
  spinnerStyles: current(themeProps).spinnerStyles
@@ -104,7 +104,7 @@ export class CopyLinkButton extends React.Component {
104
104
  buttonStyles: {
105
105
  ...current(themeProps).buttonStyles,
106
106
  color: "var(--ds-text, #292A2E)",
107
- font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
107
+ font: "var(--ds-font-body, normal 400 14px/20px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
108
108
  alignItems: 'center'
109
109
  },
110
110
  spinnerStyles: current(themeProps).spinnerStyles
@@ -10,7 +10,7 @@ import { css, jsx } from '@emotion/react';
10
10
  export const formWrapperStyle = css`
11
11
  [class^='FormHeader__FormHeaderWrapper'] {
12
12
  h1:first-child {
13
- font: ${"var(--ds-font-heading-small, normal 600 16px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"};
13
+ font: ${"var(--ds-font-heading-small, normal 653 16px/20px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"};
14
14
  margin-top: ${"var(--ds-space-300, 24px)"};
15
15
 
16
16
  > span {
@@ -82,7 +82,7 @@ const integrationIconWrapperStyles = css({
82
82
  const requiredFieldInfoStyles = css({
83
83
  marginBottom: "var(--ds-space-200, 16px)",
84
84
  color: `var(--ds-text-subtle, ${N300})`,
85
- font: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"
85
+ 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)"
86
86
  });
87
87
  const menuGroupContainerStyles = xcss({
88
88
  color: 'color.text',
@@ -345,7 +345,6 @@ class InternalForm extends React.PureComponent {
345
345
  iconName: jsx(EmailIcon, {
346
346
  color: "currentColor",
347
347
  label: "",
348
- LEGACY_size: "medium",
349
348
  spacing: "spacious"
350
349
  }),
351
350
  labelId: messages.emailMenuItemText,
@@ -1,4 +1,4 @@
1
- ._11c81o8v{font:var(--ds-font-body-small,normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
1
+ ._11c8wadc{font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
2
2
  ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
3
3
  ._18zrutpp{padding-inline:var(--ds-space-150,9pt)}
4
4
  ._195g10v4{margin-inline:var(--ds-space-negative-300,-24px)}
@@ -33,7 +33,7 @@ const styles = {
33
33
  formFieldStyles: "_otyrutpp",
34
34
  integrationWrapperStyles: "_1e0c1txw _4cvr1h6o",
35
35
  integrationIconWrapperStyles: "_otyr196n _2hwx1b66",
36
- requiredFieldInfoStyles: "_11c81o8v _otyrpxbi _syaz1n3s",
36
+ requiredFieldInfoStyles: "_11c8wadc _otyrpxbi _syaz1n3s",
37
37
  menuGroupContainerStyles: "_2rko12b0 _1moux0bf _195g10v4 _syazi7uo _4cvr1y6m _1bsb1w81"
38
38
  };
39
39
  const integrationTabText = integrationName => /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages.shareInIntegrationButtonText, {
@@ -249,7 +249,6 @@ class InternalForm extends React.PureComponent {
249
249
  iconName: /*#__PURE__*/React.createElement(EmailIcon, {
250
250
  color: "currentColor",
251
251
  label: "",
252
- LEGACY_size: "medium",
253
252
  spacing: "spacious"
254
253
  }),
255
254
  labelId: messages.emailMenuItemText,
@@ -1,7 +1,6 @@
1
1
  import React from 'react';
2
2
  import { FormattedMessage } from 'react-intl-next';
3
3
  import Heading from '@atlaskit/heading';
4
- import { fg } from '@atlaskit/platform-feature-flags';
5
4
  // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
6
5
  import { Box, xcss } from '@atlaskit/primitives';
7
6
  import { messages } from '../i18n';
@@ -25,10 +24,8 @@ export const ShareHeader = ({
25
24
  }) => {
26
25
  return /*#__PURE__*/React.createElement(Box, {
27
26
  xcss: [headerWrapperStyles, isExtendedShareDialogEnabled && headerWrapperExtraSpaceStyles]
28
- }, fg('share-header-accessibility') ? /*#__PURE__*/React.createElement(Heading, {
27
+ }, /*#__PURE__*/React.createElement(Heading, {
29
28
  size: "small",
30
29
  as: "h2"
31
- }, title || /*#__PURE__*/React.createElement(FormattedMessage, messages.formTitle)) : /*#__PURE__*/React.createElement(Heading, {
32
- size: "small"
33
30
  }, title || /*#__PURE__*/React.createElement(FormattedMessage, messages.formTitle)));
34
31
  };
@@ -1,7 +1,7 @@
1
1
  import { isEmail, isExternalUser, isGroup, isTeam, isUser } from '@atlaskit/smart-user-picker';
2
2
  const buildAttributes = (attributes = {}) => ({
3
3
  packageName: "@atlaskit/share",
4
- packageVersion: "6.17.0",
4
+ packageVersion: "6.18.0",
5
5
  ...attributes
6
6
  });
7
7
  const createEvent = (eventType, source, action, actionSubject, actionSubjectId, attributes = {}) => ({
@@ -135,7 +135,7 @@ export var CopyLinkButtonInner = /*#__PURE__*/function (_React$Component) {
135
135
  return {
136
136
  buttonStyles: _objectSpread(_objectSpread({}, current(themeProps).buttonStyles), {}, {
137
137
  color: "var(--ds-text, #292A2E)",
138
- font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
138
+ font: "var(--ds-font-body, normal 400 14px/20px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
139
139
  alignItems: 'center'
140
140
  }),
141
141
  spinnerStyles: current(themeProps).spinnerStyles
@@ -119,7 +119,7 @@ export var CopyLinkButton = /*#__PURE__*/function (_React$Component) {
119
119
  return {
120
120
  buttonStyles: _objectSpread(_objectSpread({}, current(themeProps).buttonStyles), {}, {
121
121
  color: "var(--ds-text, #292A2E)",
122
- font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
122
+ font: "var(--ds-font-body, normal 400 14px/20px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
123
123
  alignItems: 'center'
124
124
  }),
125
125
  spinnerStyles: current(themeProps).spinnerStyles
@@ -9,7 +9,7 @@ import React from 'react';
9
9
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
10
10
  import { css, jsx } from '@emotion/react';
11
11
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/design-system/no-css-tagged-template-expression -- Ignored via go/DSP-18766
12
- export var formWrapperStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t[class^='FormHeader__FormHeaderWrapper'] {\n\t\th1:first-child {\n\t\t\tfont: ", ";\n\t\t\tmargin-top: ", ";\n\n\t\t\t> span {\n\t\t\t\t/* jira has a class override font settings on h1 > span in gh-custom-field-pickers.css */\n\t\t\t\tfont-size: inherit !important;\n\t\t\t\tline-height: inherit !important;\n\t\t\t\tletter-spacing: inherit !important;\n\t\t\t}\n\t\t}\n\t}\n\n\t[class^='FormSection__FormSectionWrapper'] {\n\t\tmargin-top: ", ";\n\t}\n\n\t[class^='FormFooter__FormFooterWrapper'] {\n\t\tjustify-content: space-between;\n\t\tmargin-top: ", ";\n\t\tmargin-bottom: ", ";\n\t}\n\n\t[class^='Field__FieldWrapper']:not(:first-child) {\n\t\tmargin-top: ", ";\n\t}\n"])), "var(--ds-font-heading-small, normal 600 16px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)", "var(--ds-space-300, 24px)", "var(--ds-space-0, 0px)", "var(--ds-space-150, 12px)", "var(--ds-space-300, 24px)", "var(--ds-space-150, 12px)");
12
+ export var formWrapperStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t[class^='FormHeader__FormHeaderWrapper'] {\n\t\th1:first-child {\n\t\t\tfont: ", ";\n\t\t\tmargin-top: ", ";\n\n\t\t\t> span {\n\t\t\t\t/* jira has a class override font settings on h1 > span in gh-custom-field-pickers.css */\n\t\t\t\tfont-size: inherit !important;\n\t\t\t\tline-height: inherit !important;\n\t\t\t\tletter-spacing: inherit !important;\n\t\t\t}\n\t\t}\n\t}\n\n\t[class^='FormSection__FormSectionWrapper'] {\n\t\tmargin-top: ", ";\n\t}\n\n\t[class^='FormFooter__FormFooterWrapper'] {\n\t\tjustify-content: space-between;\n\t\tmargin-top: ", ";\n\t\tmargin-bottom: ", ";\n\t}\n\n\t[class^='Field__FieldWrapper']:not(:first-child) {\n\t\tmargin-top: ", ";\n\t}\n"])), "var(--ds-font-heading-small, normal 653 16px/20px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)", "var(--ds-space-300, 24px)", "var(--ds-space-0, 0px)", "var(--ds-space-150, 12px)", "var(--ds-space-300, 24px)", "var(--ds-space-150, 12px)");
13
13
  export var IntegrationForm = function IntegrationForm(_ref) {
14
14
  var Content = _ref.Content,
15
15
  _ref$onIntegrationClo = _ref.onIntegrationClose,
@@ -91,7 +91,7 @@ var integrationIconWrapperStyles = css({
91
91
  var requiredFieldInfoStyles = css({
92
92
  marginBottom: "var(--ds-space-200, 16px)",
93
93
  color: "var(--ds-text-subtle, ".concat(N300, ")"),
94
- font: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"
94
+ 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)"
95
95
  });
96
96
  var menuGroupContainerStyles = xcss({
97
97
  color: 'color.text',
@@ -359,7 +359,6 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
359
359
  iconName: jsx(EmailIcon, {
360
360
  color: "currentColor",
361
361
  label: "",
362
- LEGACY_size: "medium",
363
362
  spacing: "spacious"
364
363
  }),
365
364
  labelId: messages.emailMenuItemText,
@@ -1,4 +1,4 @@
1
- ._11c81o8v{font:var(--ds-font-body-small,normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
1
+ ._11c8wadc{font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
2
2
  ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
3
3
  ._18zrutpp{padding-inline:var(--ds-space-150,9pt)}
4
4
  ._195g10v4{margin-inline:var(--ds-space-negative-300,-24px)}
@@ -42,7 +42,7 @@ var styles = {
42
42
  formFieldStyles: "_otyrutpp",
43
43
  integrationWrapperStyles: "_1e0c1txw _4cvr1h6o",
44
44
  integrationIconWrapperStyles: "_otyr196n _2hwx1b66",
45
- requiredFieldInfoStyles: "_11c81o8v _otyrpxbi _syaz1n3s",
45
+ requiredFieldInfoStyles: "_11c8wadc _otyrpxbi _syaz1n3s",
46
46
  menuGroupContainerStyles: "_2rko12b0 _1moux0bf _195g10v4 _syazi7uo _4cvr1y6m _1bsb1w81"
47
47
  };
48
48
  var integrationTabText = function integrationTabText(integrationName) {
@@ -263,7 +263,6 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
263
263
  iconName: /*#__PURE__*/React.createElement(EmailIcon, {
264
264
  color: "currentColor",
265
265
  label: "",
266
- LEGACY_size: "medium",
267
266
  spacing: "spacious"
268
267
  }),
269
268
  labelId: messages.emailMenuItemText,
@@ -1,7 +1,6 @@
1
1
  import React from 'react';
2
2
  import { FormattedMessage } from 'react-intl-next';
3
3
  import Heading from '@atlaskit/heading';
4
- import { fg } from '@atlaskit/platform-feature-flags';
5
4
  // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
6
5
  import { Box, xcss } from '@atlaskit/primitives';
7
6
  import { messages } from '../i18n';
@@ -24,10 +23,8 @@ export var ShareHeader = function ShareHeader(_ref) {
24
23
  title = _ref.title;
25
24
  return /*#__PURE__*/React.createElement(Box, {
26
25
  xcss: [headerWrapperStyles, isExtendedShareDialogEnabled && headerWrapperExtraSpaceStyles]
27
- }, fg('share-header-accessibility') ? /*#__PURE__*/React.createElement(Heading, {
26
+ }, /*#__PURE__*/React.createElement(Heading, {
28
27
  size: "small",
29
28
  as: "h2"
30
- }, title || /*#__PURE__*/React.createElement(FormattedMessage, messages.formTitle)) : /*#__PURE__*/React.createElement(Heading, {
31
- size: "small"
32
29
  }, title || /*#__PURE__*/React.createElement(FormattedMessage, messages.formTitle)));
33
30
  };
@@ -6,7 +6,7 @@ var buildAttributes = function buildAttributes() {
6
6
  var attributes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
7
7
  return _objectSpread({
8
8
  packageName: "@atlaskit/share",
9
- packageVersion: "6.17.0"
9
+ packageVersion: "6.18.0"
10
10
  }, attributes);
11
11
  };
12
12
  var createEvent = function createEvent(eventType, source, action, actionSubject, actionSubjectId) {
package/docs/0-intro.tsx CHANGED
@@ -10,7 +10,7 @@ import {
10
10
  } from '@atlaskit/docs';
11
11
  import { token } from '@atlaskit/tokens';
12
12
 
13
- export default md`
13
+ const _default_1: any = md`
14
14
  ${(
15
15
  <>
16
16
  <div style={{ marginBottom: `${token('space.100', '8px')}` }}>
@@ -58,3 +58,4 @@ export default md`
58
58
 
59
59
  A click outside the modal will hide it, **but the form state will be retained** (as long as the share is not cancelled).
60
60
  `;
61
+ export default _default_1;
@@ -1,6 +1,6 @@
1
1
  import { md } from '@atlaskit/docs';
2
2
 
3
- export default md`
3
+ const _default_1: any = md`
4
4
  ## Notes for contributers (Atlassian internal)
5
5
 
6
6
  ### Concepts & design
@@ -53,3 +53,4 @@ yarn eslint --fix '**/*.{js,ts,tsx}'
53
53
  yarn stylelint '**/*.{js,ts,tsx}'
54
54
  ~~~
55
55
  `;
56
+ export default _default_1;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/share",
3
- "version": "6.17.0",
3
+ "version": "6.18.1",
4
4
  "description": "Fabric Share Element",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -50,17 +50,17 @@
50
50
  "@atlaskit/platform-feature-flags": "^1.1.0",
51
51
  "@atlaskit/popper": "^7.1.0",
52
52
  "@atlaskit/popup": "^4.13.0",
53
- "@atlaskit/portal": "^5.1.0",
54
- "@atlaskit/primitives": "^17.0.0",
55
- "@atlaskit/smart-user-picker": "^8.8.0",
53
+ "@atlaskit/portal": "^5.2.0",
54
+ "@atlaskit/primitives": "^17.1.0",
55
+ "@atlaskit/smart-user-picker": "^8.9.0",
56
56
  "@atlaskit/spinner": "^19.0.0",
57
57
  "@atlaskit/tabs": "^18.3.0",
58
58
  "@atlaskit/textarea": "^8.2.0",
59
59
  "@atlaskit/theme": "^21.0.0",
60
- "@atlaskit/tokens": "^9.1.0",
61
- "@atlaskit/tooltip": "^20.12.0",
60
+ "@atlaskit/tokens": "^10.0.0",
61
+ "@atlaskit/tooltip": "^20.14.0",
62
62
  "@atlaskit/ufo": "^0.4.0",
63
- "@atlaskit/user-picker": "^11.19.0",
63
+ "@atlaskit/user-picker": "^11.20.0",
64
64
  "@atlaskit/util-service-support": "^6.3.0",
65
65
  "@babel/runtime": "^7.0.0",
66
66
  "@emotion/react": "^11.7.1",
@@ -76,7 +76,7 @@
76
76
  "@atlaskit/editor-test-helpers": "workspace:^",
77
77
  "@atlaskit/flag": "^17.8.0",
78
78
  "@atlassian/feature-flags-test-utils": "^1.0.0",
79
- "@testing-library/react": "^13.4.0",
79
+ "@testing-library/react": "^16.3.0",
80
80
  "@testing-library/user-event": "^14.4.3",
81
81
  "enzyme": "^3.10.0",
82
82
  "react": "^18.2.0",
@@ -122,9 +122,6 @@
122
122
  "share-compiled-migration": {
123
123
  "type": "boolean"
124
124
  },
125
- "share-header-accessibility": {
126
- "type": "boolean"
127
- },
128
125
  "dst-a11y__replace-anchor-with-link__people-and-tea": {
129
126
  "type": "boolean"
130
127
  },
@@ -1,23 +0,0 @@
1
- {
2
- "extends": "../tsconfig",
3
- "compilerOptions": {
4
- "declaration": true,
5
- "target": "es5",
6
- "paths": {}
7
- },
8
- "include": [
9
- "../src/**/*.ts",
10
- "../src/**/*.tsx"
11
- ],
12
- "exclude": [
13
- "../src/**/__tests__/*",
14
- "../src/**/*.test.*",
15
- "../src/**/test.*",
16
- "../src/**/examples.*",
17
- "../src/**/examples/*",
18
- "../src/**/examples/**/*",
19
- "../src/**/*.stories.*",
20
- "../src/**/stories/*",
21
- "../src/**/stories/**/*"
22
- ]
23
- }