@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.
- package/CHANGELOG.md +13 -0
- package/afm-cc/tsconfig.json +1 -1
- package/afm-products/tsconfig.json +1 -1
- package/dist/cjs/components/CopyLinkButton.js +1 -1
- package/dist/cjs/components/CopyLinkButtonNext.js +1 -1
- package/dist/cjs/components/IntegrationForm.js +1 -1
- package/dist/cjs/components/ShareForm.js +1 -2
- package/dist/cjs/components/ShareFormNext.compiled.css +1 -1
- package/dist/cjs/components/ShareFormNext.js +1 -2
- package/dist/cjs/components/ShareHeader.js +1 -4
- package/dist/cjs/components/analytics/analytics.js +1 -1
- package/dist/es2019/components/CopyLinkButton.js +1 -1
- package/dist/es2019/components/CopyLinkButtonNext.js +1 -1
- package/dist/es2019/components/IntegrationForm.js +1 -1
- package/dist/es2019/components/ShareForm.js +1 -2
- package/dist/es2019/components/ShareFormNext.compiled.css +1 -1
- package/dist/es2019/components/ShareFormNext.js +1 -2
- package/dist/es2019/components/ShareHeader.js +1 -4
- package/dist/es2019/components/analytics/analytics.js +1 -1
- package/dist/esm/components/CopyLinkButton.js +1 -1
- package/dist/esm/components/CopyLinkButtonNext.js +1 -1
- package/dist/esm/components/IntegrationForm.js +1 -1
- package/dist/esm/components/ShareForm.js +1 -2
- package/dist/esm/components/ShareFormNext.compiled.css +1 -1
- package/dist/esm/components/ShareFormNext.js +1 -2
- package/dist/esm/components/ShareHeader.js +1 -4
- package/dist/esm/components/analytics/analytics.js +1 -1
- package/docs/0-intro.tsx +2 -1
- package/docs/1-contributing.tsx +2 -1
- package/package.json +8 -11
- 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
|
package/afm-cc/tsconfig.json
CHANGED
|
@@ -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
|
|
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
|
|
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
|
-
.
|
|
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: "
|
|
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
|
-
},
|
|
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.
|
|
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
|
|
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
|
|
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
|
-
.
|
|
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: "
|
|
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
|
-
},
|
|
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.
|
|
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
|
|
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
|
|
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
|
-
.
|
|
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: "
|
|
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
|
-
},
|
|
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.
|
|
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
|
-
|
|
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;
|
package/docs/1-contributing.tsx
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { md } from '@atlaskit/docs';
|
|
2
2
|
|
|
3
|
-
|
|
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.
|
|
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.
|
|
54
|
-
"@atlaskit/primitives": "^17.
|
|
55
|
-
"@atlaskit/smart-user-picker": "^8.
|
|
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": "^
|
|
61
|
-
"@atlaskit/tooltip": "^20.
|
|
60
|
+
"@atlaskit/tokens": "^10.0.0",
|
|
61
|
+
"@atlaskit/tooltip": "^20.14.0",
|
|
62
62
|
"@atlaskit/ufo": "^0.4.0",
|
|
63
|
-
"@atlaskit/user-picker": "^11.
|
|
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": "^
|
|
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
|
},
|
package/build/tsconfig.json
DELETED
|
@@ -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
|
-
}
|