@atlaskit/media-viewer 52.6.0 → 52.6.2
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 +12 -0
- package/dist/cjs/analytics/index.js +1 -1
- package/dist/cjs/analytics/ufoExperiences.js +1 -1
- package/dist/cjs/styleWrappers.compiled.css +1 -1
- package/dist/cjs/styleWrappers.js +1 -1
- package/dist/cjs/viewers/codeViewer/CodeRendererAdvanced/theme.js +4 -4
- package/dist/cjs/viewers/codeViewer/codeViewerRenderer-compiled.compiled.css +1 -1
- package/dist/cjs/viewers/codeViewer/codeViewerRenderer-compiled.js +1 -1
- package/dist/cjs/viewers/codeViewer/styles.js +1 -1
- package/dist/cjs/viewers/doc/passwordInput.compiled.css +3 -3
- package/dist/cjs/viewers/doc/passwordInput.js +2 -4
- package/dist/es2019/analytics/index.js +1 -1
- package/dist/es2019/analytics/ufoExperiences.js +1 -1
- package/dist/es2019/styleWrappers.compiled.css +1 -1
- package/dist/es2019/styleWrappers.js +1 -1
- package/dist/es2019/viewers/codeViewer/CodeRendererAdvanced/theme.js +4 -4
- package/dist/es2019/viewers/codeViewer/codeViewerRenderer-compiled.compiled.css +1 -1
- package/dist/es2019/viewers/codeViewer/codeViewerRenderer-compiled.js +1 -1
- package/dist/es2019/viewers/codeViewer/styles.js +1 -1
- package/dist/es2019/viewers/doc/passwordInput.compiled.css +3 -3
- package/dist/es2019/viewers/doc/passwordInput.js +2 -4
- package/dist/esm/analytics/index.js +1 -1
- package/dist/esm/analytics/ufoExperiences.js +1 -1
- package/dist/esm/styleWrappers.compiled.css +1 -1
- package/dist/esm/styleWrappers.js +1 -1
- package/dist/esm/viewers/codeViewer/CodeRendererAdvanced/theme.js +4 -4
- package/dist/esm/viewers/codeViewer/codeViewerRenderer-compiled.compiled.css +1 -1
- package/dist/esm/viewers/codeViewer/codeViewerRenderer-compiled.js +1 -1
- package/dist/esm/viewers/codeViewer/styles.js +1 -1
- package/dist/esm/viewers/doc/passwordInput.compiled.css +3 -3
- package/dist/esm/viewers/doc/passwordInput.js +2 -4
- package/package.json +7 -7
package/CHANGELOG.md
CHANGED
|
@@ -10,7 +10,7 @@ exports.packageVersion = exports.packageName = void 0;
|
|
|
10
10
|
var _analytics = require("@atlaskit/media-common/analytics");
|
|
11
11
|
var componentName = exports.component = exports.componentName = 'mediaViewer';
|
|
12
12
|
var packageName = exports.packageName = "@atlaskit/media-viewer";
|
|
13
|
-
var packageVersion = exports.packageVersion = "52.6.
|
|
13
|
+
var packageVersion = exports.packageVersion = "52.6.1";
|
|
14
14
|
function getFileAttributes(fileState) {
|
|
15
15
|
if (!fileState) {
|
|
16
16
|
return {
|
|
@@ -13,7 +13,7 @@ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
|
13
13
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
14
14
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
15
15
|
var packageName = "@atlaskit/media-viewer";
|
|
16
|
-
var packageVersion = "52.6.
|
|
16
|
+
var packageVersion = "52.6.1";
|
|
17
17
|
var ufoExperience;
|
|
18
18
|
var getExperience = function getExperience() {
|
|
19
19
|
if (!ufoExperience) {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
._11q75a80{background:linear-gradient(180deg,#101214,rgba(14,22,36,0)) no-repeat}
|
|
3
|
-
.
|
|
3
|
+
._12nxfhey h1{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
4
4
|
._2rkofajl{border-radius:var(--ds-radius-small,3px)}
|
|
5
5
|
._zulp1yov{gap:var(--ds-space-100,10px)}._11pt15ty svg{filter:drop-shadow(0 1px 1px rgb(9 30 66/25%)) drop-shadow(0 0 1px rgb(9 30 66/31%))}
|
|
6
6
|
._154i1ejb{top:var(--ds-space-300,24px)}
|
|
@@ -311,7 +311,7 @@ var MetadataFileName = exports.MetadataFileName = function MetadataFileName(_ref
|
|
|
311
311
|
var datatestId = _ref23['data-testid'],
|
|
312
312
|
children = _ref23.children;
|
|
313
313
|
return /*#__PURE__*/React.createElement("div", {
|
|
314
|
-
className: (0, _runtime.ax)(["_1pnf15vq _1kvn15vq
|
|
314
|
+
className: (0, _runtime.ax)(["_1pnf15vq _1kvn15vq _12nxfhey _1e8s1osq _kmu51l2s _7csf1q9c _1twl1wq8 _1nda1poe"])
|
|
315
315
|
}, /*#__PURE__*/React.createElement(_heading.default, {
|
|
316
316
|
as: "h1",
|
|
317
317
|
size: "medium",
|
|
@@ -42,7 +42,7 @@ var cmTheme = exports.cmTheme = _view.EditorView.theme({
|
|
|
42
42
|
},
|
|
43
43
|
'.cm-scroller': (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({
|
|
44
44
|
backgroundColor: "var(--ds-background-neutral, #0515240F)"
|
|
45
|
-
}, 'lineHeight', 'unset'), "fontFamily", "var(--ds-font-family-code, ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)"), "borderRadius", "var(--ds-radius-small, 4px)"), "backgroundImage", overflowShadow({
|
|
45
|
+
}, 'lineHeight', 'unset'), "fontFamily", "var(--ds-font-family-code, \"Atlassian Mono\", ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)"), "borderRadius", "var(--ds-radius-small, 4px)"), "backgroundImage", overflowShadow({
|
|
46
46
|
leftCoverWidth: "var(--ds-space-300, 24px)"
|
|
47
47
|
})), "backgroundAttachment", 'local, local, local, local, scroll, scroll, scroll, scroll'),
|
|
48
48
|
'&.cm-focused .cm-cursor': {
|
|
@@ -87,14 +87,14 @@ var highlightStyle = exports.highlightStyle = _language.HighlightStyle.define([{
|
|
|
87
87
|
tag: _highlight.tags.heading,
|
|
88
88
|
textDecoration: 'underline',
|
|
89
89
|
// Custom syntax styling to match existing styling
|
|
90
|
-
fontWeight: "var(--ds-font-weight-bold,
|
|
90
|
+
fontWeight: "var(--ds-font-weight-bold, 653)"
|
|
91
91
|
}, {
|
|
92
92
|
tag: _highlight.tags.emphasis,
|
|
93
93
|
fontStyle: 'italic'
|
|
94
94
|
}, {
|
|
95
95
|
tag: _highlight.tags.strong,
|
|
96
96
|
// Custom syntax styling to match existing styling
|
|
97
|
-
fontWeight: "var(--ds-font-weight-bold,
|
|
97
|
+
fontWeight: "var(--ds-font-weight-bold, 653)"
|
|
98
98
|
}, {
|
|
99
99
|
tag: _highlight.tags.strikethrough,
|
|
100
100
|
textDecoration: 'line-through'
|
|
@@ -102,7 +102,7 @@ var highlightStyle = exports.highlightStyle = _language.HighlightStyle.define([{
|
|
|
102
102
|
tag: _highlight.tags.keyword,
|
|
103
103
|
color: "var(--ds-text-accent-blue, #1558BC)",
|
|
104
104
|
// Custom syntax styling to match existing styling
|
|
105
|
-
fontWeight: "var(--ds-font-weight-bold,
|
|
105
|
+
fontWeight: "var(--ds-font-weight-bold, 653)"
|
|
106
106
|
}, {
|
|
107
107
|
tag: [_highlight.tags.atom, _highlight.tags.bool, _highlight.tags.url, _highlight.tags.contentSeparator, _highlight.tags.labelName],
|
|
108
108
|
color: "var(--ds-text-accent-blue, #1558BC)"
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.
|
|
1
|
+
._11c8rymc{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
2
2
|
._154iidpf{top:0}
|
|
3
3
|
._18m91wug{overflow-y:auto}
|
|
4
4
|
._19bvu2gc{padding-left:var(--ds-space-100,8px)}
|
|
@@ -125,7 +125,7 @@ var CodeViewRenderer = exports.CodeViewRenderer = /*#__PURE__*/function (_Compon
|
|
|
125
125
|
var fileSize = new Blob([src]).size;
|
|
126
126
|
var codeViewer = (0, _util.lineCount)(src) > MAX_FORMATTED_LINES || fileSize > MAX_FILE_SIZE_USE_CODE_VIEWER ? /*#__PURE__*/React.createElement("code", {
|
|
127
127
|
"data-testid": "code-block",
|
|
128
|
-
className: (0, _runtime.ax)(["
|
|
128
|
+
className: (0, _runtime.ax)(["_11c8rymc _1e0c1txw _1reo1wug _o572qvpr _ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvu2gc"])
|
|
129
129
|
}, src) : /*#__PURE__*/React.createElement(_block.default, {
|
|
130
130
|
language: language,
|
|
131
131
|
text: src,
|
|
@@ -35,6 +35,6 @@ var codeViewerHTMLStyles = exports.codeViewerHTMLStyles = (0, _react.css)({
|
|
|
35
35
|
display: 'flex',
|
|
36
36
|
overflowX: 'auto',
|
|
37
37
|
whiteSpace: 'pre',
|
|
38
|
-
font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
|
|
38
|
+
font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
|
|
39
39
|
padding: "var(--ds-space-100, 8px)"
|
|
40
40
|
});
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
.
|
|
2
|
-
.
|
|
1
|
+
._11c8rymc{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
2
|
+
._12nxfhey h1{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
3
3
|
._125x1366 p{color:#fd9891}
|
|
4
4
|
._18u01b66{margin-left:var(--ds-space-050,4px)}
|
|
5
5
|
._19pk1b66{margin-top:var(--ds-space-050,4px)}
|
|
6
6
|
._19pkidpf{margin-top:0}
|
|
7
7
|
._1e0c1txw{display:flex}
|
|
8
8
|
._1nda9txx h1{color:#b6c2cf}
|
|
9
|
-
.
|
|
9
|
+
._1twlwu06 h1{font-weight:var(--ds-font-weight-bold,653)}
|
|
10
10
|
._4cvr1h6o{align-items:center}
|
|
11
11
|
._syaz1366{color:#fd9891}
|
|
@@ -74,12 +74,11 @@ var PasswordInput = exports.PasswordInput = function PasswordInput(_ref) {
|
|
|
74
74
|
justifyContent: "center"
|
|
75
75
|
}, /*#__PURE__*/React.createElement(_lockLocked.default, {
|
|
76
76
|
label: "",
|
|
77
|
-
LEGACY_size: "xlarge",
|
|
78
77
|
color: COLOR_SHADE
|
|
79
78
|
})), /*#__PURE__*/React.createElement(_primitives.Box, {
|
|
80
79
|
xcss: headerStyles
|
|
81
80
|
}, /*#__PURE__*/React.createElement("div", {
|
|
82
|
-
className: (0, _runtime.ax)(["
|
|
81
|
+
className: (0, _runtime.ax)(["_12nxfhey _1twlwu06 _1nda9txx"])
|
|
83
82
|
}, /*#__PURE__*/React.createElement(_heading.default, {
|
|
84
83
|
as: "h1",
|
|
85
84
|
size: "medium"
|
|
@@ -103,10 +102,9 @@ var PasswordInput = exports.PasswordInput = function PasswordInput(_ref) {
|
|
|
103
102
|
}
|
|
104
103
|
})), formError && /*#__PURE__*/React.createElement("div", {
|
|
105
104
|
id: "".concat(fieldProps.id, "-error"),
|
|
106
|
-
className: (0, _runtime.ax)(["
|
|
105
|
+
className: (0, _runtime.ax)(["_11c8rymc _19pk1b66 _1e0c1txw _4cvr1h6o _syaz1366 _125x1366"])
|
|
107
106
|
}, /*#__PURE__*/React.createElement(_statusError.default, {
|
|
108
107
|
color: "currentColor",
|
|
109
|
-
LEGACY_size: "small",
|
|
110
108
|
label: "",
|
|
111
109
|
size: "small"
|
|
112
110
|
}), /*#__PURE__*/React.createElement("div", {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ANALYTICS_MEDIA_CHANNEL, sanitiseAnalyticsPayload } from '@atlaskit/media-common/analytics';
|
|
2
2
|
const componentName = 'mediaViewer';
|
|
3
3
|
const packageName = "@atlaskit/media-viewer";
|
|
4
|
-
const packageVersion = "52.6.
|
|
4
|
+
const packageVersion = "52.6.1";
|
|
5
5
|
export { packageName, packageVersion, componentName, componentName as component };
|
|
6
6
|
export function getFileAttributes(fileState) {
|
|
7
7
|
if (!fileState) {
|
|
@@ -3,7 +3,7 @@ import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
|
|
|
3
3
|
import { getFeatureFlagKeysAllProducts } from '@atlaskit/media-common';
|
|
4
4
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
5
5
|
const packageName = "@atlaskit/media-viewer";
|
|
6
|
-
const packageVersion = "52.6.
|
|
6
|
+
const packageVersion = "52.6.1";
|
|
7
7
|
let ufoExperience;
|
|
8
8
|
const getExperience = () => {
|
|
9
9
|
if (!ufoExperience) {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
._11q75a80{background:linear-gradient(180deg,#101214,rgba(14,22,36,0)) no-repeat}
|
|
3
|
-
.
|
|
3
|
+
._12nxfhey h1{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
4
4
|
._2rkofajl{border-radius:var(--ds-radius-small,3px)}
|
|
5
5
|
._zulp1yov{gap:var(--ds-space-100,10px)}._11pt15ty svg{filter:drop-shadow(0 1px 1px rgb(9 30 66/25%)) drop-shadow(0 0 1px rgb(9 30 66/31%))}
|
|
6
6
|
._154i1ejb{top:var(--ds-space-300,24px)}
|
|
@@ -283,7 +283,7 @@ export const MetadataFileName = ({
|
|
|
283
283
|
'data-testid': datatestId,
|
|
284
284
|
children
|
|
285
285
|
}) => /*#__PURE__*/React.createElement("div", {
|
|
286
|
-
className: ax(["_1pnf15vq _1kvn15vq
|
|
286
|
+
className: ax(["_1pnf15vq _1kvn15vq _12nxfhey _1e8s1osq _kmu51l2s _7csf1q9c _1twl1wq8 _1nda1poe"])
|
|
287
287
|
}, /*#__PURE__*/React.createElement(Heading, {
|
|
288
288
|
as: "h1",
|
|
289
289
|
size: "medium",
|
|
@@ -40,7 +40,7 @@ export const cmTheme = CodeMirror.theme({
|
|
|
40
40
|
backgroundColor: "var(--ds-background-neutral, #0515240F)",
|
|
41
41
|
// Custom syntax styling to match existing styling
|
|
42
42
|
['lineHeight']: 'unset',
|
|
43
|
-
fontFamily: "var(--ds-font-family-code, ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)",
|
|
43
|
+
fontFamily: "var(--ds-font-family-code, \"Atlassian Mono\", ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)",
|
|
44
44
|
borderRadius: "var(--ds-radius-small, 4px)",
|
|
45
45
|
backgroundImage: overflowShadow({
|
|
46
46
|
leftCoverWidth: "var(--ds-space-300, 24px)"
|
|
@@ -131,14 +131,14 @@ export const highlightStyle = HighlightStyle.define([{
|
|
|
131
131
|
tag: tags.heading,
|
|
132
132
|
textDecoration: 'underline',
|
|
133
133
|
// Custom syntax styling to match existing styling
|
|
134
|
-
fontWeight: "var(--ds-font-weight-bold,
|
|
134
|
+
fontWeight: "var(--ds-font-weight-bold, 653)"
|
|
135
135
|
}, {
|
|
136
136
|
tag: tags.emphasis,
|
|
137
137
|
fontStyle: 'italic'
|
|
138
138
|
}, {
|
|
139
139
|
tag: tags.strong,
|
|
140
140
|
// Custom syntax styling to match existing styling
|
|
141
|
-
fontWeight: "var(--ds-font-weight-bold,
|
|
141
|
+
fontWeight: "var(--ds-font-weight-bold, 653)"
|
|
142
142
|
}, {
|
|
143
143
|
tag: tags.strikethrough,
|
|
144
144
|
textDecoration: 'line-through'
|
|
@@ -146,7 +146,7 @@ export const highlightStyle = HighlightStyle.define([{
|
|
|
146
146
|
tag: tags.keyword,
|
|
147
147
|
color: "var(--ds-text-accent-blue, #1558BC)",
|
|
148
148
|
// Custom syntax styling to match existing styling
|
|
149
|
-
fontWeight: "var(--ds-font-weight-bold,
|
|
149
|
+
fontWeight: "var(--ds-font-weight-bold, 653)"
|
|
150
150
|
}, {
|
|
151
151
|
tag: [tags.atom, tags.bool, tags.url, tags.contentSeparator, tags.labelName],
|
|
152
152
|
color: "var(--ds-text-accent-blue, #1558BC)"
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.
|
|
1
|
+
._11c8rymc{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
2
2
|
._154iidpf{top:0}
|
|
3
3
|
._18m91wug{overflow-y:auto}
|
|
4
4
|
._19bvu2gc{padding-left:var(--ds-space-100,8px)}
|
|
@@ -85,7 +85,7 @@ export class CodeViewRenderer extends Component {
|
|
|
85
85
|
const fileSize = new Blob([src]).size;
|
|
86
86
|
const codeViewer = lineCount(src) > MAX_FORMATTED_LINES || fileSize > MAX_FILE_SIZE_USE_CODE_VIEWER ? /*#__PURE__*/React.createElement("code", {
|
|
87
87
|
"data-testid": "code-block",
|
|
88
|
-
className: ax(["
|
|
88
|
+
className: ax(["_11c8rymc _1e0c1txw _1reo1wug _o572qvpr _ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvu2gc"])
|
|
89
89
|
}, src) : /*#__PURE__*/React.createElement(CodeBlock, {
|
|
90
90
|
language: language,
|
|
91
91
|
text: src,
|
|
@@ -27,6 +27,6 @@ export const codeViewerHTMLStyles = css({
|
|
|
27
27
|
display: 'flex',
|
|
28
28
|
overflowX: 'auto',
|
|
29
29
|
whiteSpace: 'pre',
|
|
30
|
-
font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
|
|
30
|
+
font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
|
|
31
31
|
padding: "var(--ds-space-100, 8px)"
|
|
32
32
|
});
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
.
|
|
2
|
-
.
|
|
1
|
+
._11c8rymc{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
2
|
+
._12nxfhey h1{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
3
3
|
._125x1366 p{color:#fd9891}
|
|
4
4
|
._18u01b66{margin-left:var(--ds-space-050,4px)}
|
|
5
5
|
._19pk1b66{margin-top:var(--ds-space-050,4px)}
|
|
6
6
|
._19pkidpf{margin-top:0}
|
|
7
7
|
._1e0c1txw{display:flex}
|
|
8
8
|
._1nda9txx h1{color:#b6c2cf}
|
|
9
|
-
.
|
|
9
|
+
._1twlwu06 h1{font-weight:var(--ds-font-weight-bold,653)}
|
|
10
10
|
._4cvr1h6o{align-items:center}
|
|
11
11
|
._syaz1366{color:#fd9891}
|
|
@@ -62,12 +62,11 @@ export const PasswordInput = ({
|
|
|
62
62
|
justifyContent: "center"
|
|
63
63
|
}, /*#__PURE__*/React.createElement(LockIcon, {
|
|
64
64
|
label: "",
|
|
65
|
-
LEGACY_size: "xlarge",
|
|
66
65
|
color: COLOR_SHADE
|
|
67
66
|
})), /*#__PURE__*/React.createElement(Box, {
|
|
68
67
|
xcss: headerStyles
|
|
69
68
|
}, /*#__PURE__*/React.createElement("div", {
|
|
70
|
-
className: ax(["
|
|
69
|
+
className: ax(["_12nxfhey _1twlwu06 _1nda9txx"])
|
|
71
70
|
}, /*#__PURE__*/React.createElement(Heading, {
|
|
72
71
|
as: "h1",
|
|
73
72
|
size: "medium"
|
|
@@ -91,10 +90,9 @@ export const PasswordInput = ({
|
|
|
91
90
|
}
|
|
92
91
|
})), formError && /*#__PURE__*/React.createElement("div", {
|
|
93
92
|
id: `${fieldProps.id}-error`,
|
|
94
|
-
className: ax(["
|
|
93
|
+
className: ax(["_11c8rymc _19pk1b66 _1e0c1txw _4cvr1h6o _syaz1366 _125x1366"])
|
|
95
94
|
}, /*#__PURE__*/React.createElement(ErrorIcon, {
|
|
96
95
|
color: "currentColor",
|
|
97
|
-
LEGACY_size: "small",
|
|
98
96
|
label: "",
|
|
99
97
|
size: "small"
|
|
100
98
|
}), /*#__PURE__*/React.createElement("div", {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ANALYTICS_MEDIA_CHANNEL, sanitiseAnalyticsPayload } from '@atlaskit/media-common/analytics';
|
|
2
2
|
var componentName = 'mediaViewer';
|
|
3
3
|
var packageName = "@atlaskit/media-viewer";
|
|
4
|
-
var packageVersion = "52.6.
|
|
4
|
+
var packageVersion = "52.6.1";
|
|
5
5
|
export { packageName, packageVersion, componentName, componentName as component };
|
|
6
6
|
export function getFileAttributes(fileState) {
|
|
7
7
|
if (!fileState) {
|
|
@@ -6,7 +6,7 @@ import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
|
|
|
6
6
|
import { getFeatureFlagKeysAllProducts } from '@atlaskit/media-common';
|
|
7
7
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
8
8
|
var packageName = "@atlaskit/media-viewer";
|
|
9
|
-
var packageVersion = "52.6.
|
|
9
|
+
var packageVersion = "52.6.1";
|
|
10
10
|
var ufoExperience;
|
|
11
11
|
var getExperience = function getExperience() {
|
|
12
12
|
if (!ufoExperience) {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
._11q75a80{background:linear-gradient(180deg,#101214,rgba(14,22,36,0)) no-repeat}
|
|
3
|
-
.
|
|
3
|
+
._12nxfhey h1{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
4
4
|
._2rkofajl{border-radius:var(--ds-radius-small,3px)}
|
|
5
5
|
._zulp1yov{gap:var(--ds-space-100,10px)}._11pt15ty svg{filter:drop-shadow(0 1px 1px rgb(9 30 66/25%)) drop-shadow(0 0 1px rgb(9 30 66/31%))}
|
|
6
6
|
._154i1ejb{top:var(--ds-space-300,24px)}
|
|
@@ -305,7 +305,7 @@ export var MetadataFileName = function MetadataFileName(_ref23) {
|
|
|
305
305
|
var datatestId = _ref23['data-testid'],
|
|
306
306
|
children = _ref23.children;
|
|
307
307
|
return /*#__PURE__*/React.createElement("div", {
|
|
308
|
-
className: ax(["_1pnf15vq _1kvn15vq
|
|
308
|
+
className: ax(["_1pnf15vq _1kvn15vq _12nxfhey _1e8s1osq _kmu51l2s _7csf1q9c _1twl1wq8 _1nda1poe"])
|
|
309
309
|
}, /*#__PURE__*/React.createElement(Heading, {
|
|
310
310
|
as: "h1",
|
|
311
311
|
size: "medium",
|
|
@@ -36,7 +36,7 @@ export var cmTheme = CodeMirror.theme({
|
|
|
36
36
|
},
|
|
37
37
|
'.cm-scroller': _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
|
|
38
38
|
backgroundColor: "var(--ds-background-neutral, #0515240F)"
|
|
39
|
-
}, 'lineHeight', 'unset'), "fontFamily", "var(--ds-font-family-code, ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)"), "borderRadius", "var(--ds-radius-small, 4px)"), "backgroundImage", overflowShadow({
|
|
39
|
+
}, 'lineHeight', 'unset'), "fontFamily", "var(--ds-font-family-code, \"Atlassian Mono\", ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)"), "borderRadius", "var(--ds-radius-small, 4px)"), "backgroundImage", overflowShadow({
|
|
40
40
|
leftCoverWidth: "var(--ds-space-300, 24px)"
|
|
41
41
|
})), "backgroundAttachment", 'local, local, local, local, scroll, scroll, scroll, scroll'),
|
|
42
42
|
'&.cm-focused .cm-cursor': {
|
|
@@ -81,14 +81,14 @@ export var highlightStyle = HighlightStyle.define([{
|
|
|
81
81
|
tag: tags.heading,
|
|
82
82
|
textDecoration: 'underline',
|
|
83
83
|
// Custom syntax styling to match existing styling
|
|
84
|
-
fontWeight: "var(--ds-font-weight-bold,
|
|
84
|
+
fontWeight: "var(--ds-font-weight-bold, 653)"
|
|
85
85
|
}, {
|
|
86
86
|
tag: tags.emphasis,
|
|
87
87
|
fontStyle: 'italic'
|
|
88
88
|
}, {
|
|
89
89
|
tag: tags.strong,
|
|
90
90
|
// Custom syntax styling to match existing styling
|
|
91
|
-
fontWeight: "var(--ds-font-weight-bold,
|
|
91
|
+
fontWeight: "var(--ds-font-weight-bold, 653)"
|
|
92
92
|
}, {
|
|
93
93
|
tag: tags.strikethrough,
|
|
94
94
|
textDecoration: 'line-through'
|
|
@@ -96,7 +96,7 @@ export var highlightStyle = HighlightStyle.define([{
|
|
|
96
96
|
tag: tags.keyword,
|
|
97
97
|
color: "var(--ds-text-accent-blue, #1558BC)",
|
|
98
98
|
// Custom syntax styling to match existing styling
|
|
99
|
-
fontWeight: "var(--ds-font-weight-bold,
|
|
99
|
+
fontWeight: "var(--ds-font-weight-bold, 653)"
|
|
100
100
|
}, {
|
|
101
101
|
tag: [tags.atom, tags.bool, tags.url, tags.contentSeparator, tags.labelName],
|
|
102
102
|
color: "var(--ds-text-accent-blue, #1558BC)"
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.
|
|
1
|
+
._11c8rymc{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
2
2
|
._154iidpf{top:0}
|
|
3
3
|
._18m91wug{overflow-y:auto}
|
|
4
4
|
._19bvu2gc{padding-left:var(--ds-space-100,8px)}
|
|
@@ -118,7 +118,7 @@ export var CodeViewRenderer = /*#__PURE__*/function (_Component) {
|
|
|
118
118
|
var fileSize = new Blob([src]).size;
|
|
119
119
|
var codeViewer = lineCount(src) > MAX_FORMATTED_LINES || fileSize > MAX_FILE_SIZE_USE_CODE_VIEWER ? /*#__PURE__*/React.createElement("code", {
|
|
120
120
|
"data-testid": "code-block",
|
|
121
|
-
className: ax(["
|
|
121
|
+
className: ax(["_11c8rymc _1e0c1txw _1reo1wug _o572qvpr _ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvu2gc"])
|
|
122
122
|
}, src) : /*#__PURE__*/React.createElement(CodeBlock, {
|
|
123
123
|
language: language,
|
|
124
124
|
text: src,
|
|
@@ -27,6 +27,6 @@ export var codeViewerHTMLStyles = css({
|
|
|
27
27
|
display: 'flex',
|
|
28
28
|
overflowX: 'auto',
|
|
29
29
|
whiteSpace: 'pre',
|
|
30
|
-
font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
|
|
30
|
+
font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
|
|
31
31
|
padding: "var(--ds-space-100, 8px)"
|
|
32
32
|
});
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
.
|
|
2
|
-
.
|
|
1
|
+
._11c8rymc{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
2
|
+
._12nxfhey h1{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
3
3
|
._125x1366 p{color:#fd9891}
|
|
4
4
|
._18u01b66{margin-left:var(--ds-space-050,4px)}
|
|
5
5
|
._19pk1b66{margin-top:var(--ds-space-050,4px)}
|
|
6
6
|
._19pkidpf{margin-top:0}
|
|
7
7
|
._1e0c1txw{display:flex}
|
|
8
8
|
._1nda9txx h1{color:#b6c2cf}
|
|
9
|
-
.
|
|
9
|
+
._1twlwu06 h1{font-weight:var(--ds-font-weight-bold,653)}
|
|
10
10
|
._4cvr1h6o{align-items:center}
|
|
11
11
|
._syaz1366{color:#fd9891}
|
|
@@ -65,12 +65,11 @@ export var PasswordInput = function PasswordInput(_ref) {
|
|
|
65
65
|
justifyContent: "center"
|
|
66
66
|
}, /*#__PURE__*/React.createElement(LockIcon, {
|
|
67
67
|
label: "",
|
|
68
|
-
LEGACY_size: "xlarge",
|
|
69
68
|
color: COLOR_SHADE
|
|
70
69
|
})), /*#__PURE__*/React.createElement(Box, {
|
|
71
70
|
xcss: headerStyles
|
|
72
71
|
}, /*#__PURE__*/React.createElement("div", {
|
|
73
|
-
className: ax(["
|
|
72
|
+
className: ax(["_12nxfhey _1twlwu06 _1nda9txx"])
|
|
74
73
|
}, /*#__PURE__*/React.createElement(Heading, {
|
|
75
74
|
as: "h1",
|
|
76
75
|
size: "medium"
|
|
@@ -94,10 +93,9 @@ export var PasswordInput = function PasswordInput(_ref) {
|
|
|
94
93
|
}
|
|
95
94
|
})), formError && /*#__PURE__*/React.createElement("div", {
|
|
96
95
|
id: "".concat(fieldProps.id, "-error"),
|
|
97
|
-
className: ax(["
|
|
96
|
+
className: ax(["_11c8rymc _19pk1b66 _1e0c1txw _4cvr1h6o _syaz1366 _125x1366"])
|
|
98
97
|
}, /*#__PURE__*/React.createElement(ErrorIcon, {
|
|
99
98
|
color: "currentColor",
|
|
100
|
-
LEGACY_size: "small",
|
|
101
99
|
label: "",
|
|
102
100
|
size: "small"
|
|
103
101
|
}), /*#__PURE__*/React.createElement("div", {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/media-viewer",
|
|
3
|
-
"version": "52.6.
|
|
3
|
+
"version": "52.6.2",
|
|
4
4
|
"description": "MediaViewer is Atlassian's powerful solution for viewing files on the web. It's both powerful and extendable yet easy-to-integrate",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
"@atlaskit/css": "^0.19.0",
|
|
38
38
|
"@atlaskit/form": "^15.3.0",
|
|
39
39
|
"@atlaskit/heading": "^5.2.0",
|
|
40
|
-
"@atlaskit/icon": "^
|
|
40
|
+
"@atlaskit/icon": "^30.0.0",
|
|
41
41
|
"@atlaskit/icon-file-type": "^7.0.0",
|
|
42
42
|
"@atlaskit/icon-lab": "^5.14.0",
|
|
43
43
|
"@atlaskit/media-client": "^35.7.0",
|
|
@@ -47,14 +47,14 @@
|
|
|
47
47
|
"@atlaskit/media-svg": "^2.1.0",
|
|
48
48
|
"@atlaskit/media-ui": "^28.7.0",
|
|
49
49
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
50
|
-
"@atlaskit/portal": "^5.
|
|
51
|
-
"@atlaskit/primitives": "^17.
|
|
50
|
+
"@atlaskit/portal": "^5.2.0",
|
|
51
|
+
"@atlaskit/primitives": "^17.1.0",
|
|
52
52
|
"@atlaskit/side-navigation": "^11.1.0",
|
|
53
53
|
"@atlaskit/spinner": "^19.0.0",
|
|
54
54
|
"@atlaskit/textfield": "^8.2.0",
|
|
55
55
|
"@atlaskit/theme": "^21.0.0",
|
|
56
|
-
"@atlaskit/tokens": "^
|
|
57
|
-
"@atlaskit/tooltip": "^20.
|
|
56
|
+
"@atlaskit/tokens": "^10.1.0",
|
|
57
|
+
"@atlaskit/tooltip": "^20.14.0",
|
|
58
58
|
"@atlaskit/ufo": "^0.4.0",
|
|
59
59
|
"@babel/runtime": "^7.0.0",
|
|
60
60
|
"@codemirror/language": "6.10.8",
|
|
@@ -94,7 +94,7 @@
|
|
|
94
94
|
"@atlassian/feature-flags-test-utils": "^1.0.0",
|
|
95
95
|
"@atlassian/ufo": "^0.7.0",
|
|
96
96
|
"@testing-library/dom": "^10.1.0",
|
|
97
|
-
"@testing-library/react": "^
|
|
97
|
+
"@testing-library/react": "^16.3.0",
|
|
98
98
|
"@testing-library/user-event": "^14.4.3",
|
|
99
99
|
"@types/deep-equal": "^1.0.1",
|
|
100
100
|
"@types/enzyme": "3.1.15",
|