@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.
Files changed (32) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/cjs/analytics/index.js +1 -1
  3. package/dist/cjs/analytics/ufoExperiences.js +1 -1
  4. package/dist/cjs/styleWrappers.compiled.css +1 -1
  5. package/dist/cjs/styleWrappers.js +1 -1
  6. package/dist/cjs/viewers/codeViewer/CodeRendererAdvanced/theme.js +4 -4
  7. package/dist/cjs/viewers/codeViewer/codeViewerRenderer-compiled.compiled.css +1 -1
  8. package/dist/cjs/viewers/codeViewer/codeViewerRenderer-compiled.js +1 -1
  9. package/dist/cjs/viewers/codeViewer/styles.js +1 -1
  10. package/dist/cjs/viewers/doc/passwordInput.compiled.css +3 -3
  11. package/dist/cjs/viewers/doc/passwordInput.js +2 -4
  12. package/dist/es2019/analytics/index.js +1 -1
  13. package/dist/es2019/analytics/ufoExperiences.js +1 -1
  14. package/dist/es2019/styleWrappers.compiled.css +1 -1
  15. package/dist/es2019/styleWrappers.js +1 -1
  16. package/dist/es2019/viewers/codeViewer/CodeRendererAdvanced/theme.js +4 -4
  17. package/dist/es2019/viewers/codeViewer/codeViewerRenderer-compiled.compiled.css +1 -1
  18. package/dist/es2019/viewers/codeViewer/codeViewerRenderer-compiled.js +1 -1
  19. package/dist/es2019/viewers/codeViewer/styles.js +1 -1
  20. package/dist/es2019/viewers/doc/passwordInput.compiled.css +3 -3
  21. package/dist/es2019/viewers/doc/passwordInput.js +2 -4
  22. package/dist/esm/analytics/index.js +1 -1
  23. package/dist/esm/analytics/ufoExperiences.js +1 -1
  24. package/dist/esm/styleWrappers.compiled.css +1 -1
  25. package/dist/esm/styleWrappers.js +1 -1
  26. package/dist/esm/viewers/codeViewer/CodeRendererAdvanced/theme.js +4 -4
  27. package/dist/esm/viewers/codeViewer/codeViewerRenderer-compiled.compiled.css +1 -1
  28. package/dist/esm/viewers/codeViewer/codeViewerRenderer-compiled.js +1 -1
  29. package/dist/esm/viewers/codeViewer/styles.js +1 -1
  30. package/dist/esm/viewers/doc/passwordInput.compiled.css +3 -3
  31. package/dist/esm/viewers/doc/passwordInput.js +2 -4
  32. package/package.json +7 -7
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # @atlaskit/media-viewer
2
2
 
3
+ ## 52.6.2
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 52.6.1
10
+
11
+ ### Patch Changes
12
+
13
+ - Updated dependencies
14
+
3
15
  ## 52.6.0
4
16
 
5
17
  ### Minor Changes
@@ -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.0";
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.0";
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
- ._12nx2smr h1{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
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 _12nx2smr _1e8s1osq _kmu51l2s _7csf1q9c _1twl1wq8 _1nda1poe"])
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, 700)"
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, 700)"
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, 700)"
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
- ._11c8dcr7{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
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)(["_11c8dcr7 _1e0c1txw _1reo1wug _o572qvpr _ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvu2gc"])
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
- ._11c8dcr7{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
2
- ._12nx2smr h1{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
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
- ._1twlmoej h1{font-weight:var(--ds-font-weight-bold,700)}
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)(["_12nx2smr _1twlmoej _1nda9txx"])
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)(["_11c8dcr7 _19pk1b66 _1e0c1txw _4cvr1h6o _syaz1366 _125x1366"])
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.0";
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.0";
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
- ._12nx2smr h1{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
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 _12nx2smr _1e8s1osq _kmu51l2s _7csf1q9c _1twl1wq8 _1nda1poe"])
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, 700)"
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, 700)"
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, 700)"
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
- ._11c8dcr7{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
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(["_11c8dcr7 _1e0c1txw _1reo1wug _o572qvpr _ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvu2gc"])
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
- ._11c8dcr7{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
2
- ._12nx2smr h1{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
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
- ._1twlmoej h1{font-weight:var(--ds-font-weight-bold,700)}
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(["_12nx2smr _1twlmoej _1nda9txx"])
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(["_11c8dcr7 _19pk1b66 _1e0c1txw _4cvr1h6o _syaz1366 _125x1366"])
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.0";
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.0";
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
- ._12nx2smr h1{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
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 _12nx2smr _1e8s1osq _kmu51l2s _7csf1q9c _1twl1wq8 _1nda1poe"])
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, 700)"
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, 700)"
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, 700)"
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
- ._11c8dcr7{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
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(["_11c8dcr7 _1e0c1txw _1reo1wug _o572qvpr _ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvu2gc"])
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
- ._11c8dcr7{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
2
- ._12nx2smr h1{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
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
- ._1twlmoej h1{font-weight:var(--ds-font-weight-bold,700)}
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(["_12nx2smr _1twlmoej _1nda9txx"])
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(["_11c8dcr7 _19pk1b66 _1e0c1txw _4cvr1h6o _syaz1366 _125x1366"])
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.0",
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": "^29.4.0",
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.1.0",
51
- "@atlaskit/primitives": "^17.0.0",
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": "^9.1.0",
57
- "@atlaskit/tooltip": "^20.12.0",
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": "^13.4.0",
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",