@atlaskit/media-ui 28.7.34 → 28.7.36

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 (21) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/cjs/MediaInlineCard/ErroredView/index.compiled.css +1 -1
  3. package/dist/cjs/MediaInlineCard/ErroredView/index.js +2 -6
  4. package/dist/cjs/MediaInlineCard/Frame/styled-compiled.compiled.css +6 -6
  5. package/dist/cjs/MediaInlineCard/Frame/styled-compiled.js +1 -9
  6. package/dist/cjs/customMediaPlayer/styled-compiled.compiled.css +4 -4
  7. package/dist/cjs/customMediaPlayer/styled-compiled.js +2 -2
  8. package/dist/es2019/MediaInlineCard/ErroredView/index.compiled.css +1 -1
  9. package/dist/es2019/MediaInlineCard/ErroredView/index.js +2 -3
  10. package/dist/es2019/MediaInlineCard/Frame/styled-compiled.compiled.css +6 -6
  11. package/dist/es2019/MediaInlineCard/Frame/styled-compiled.js +1 -2
  12. package/dist/es2019/customMediaPlayer/styled-compiled.compiled.css +4 -4
  13. package/dist/es2019/customMediaPlayer/styled-compiled.js +2 -2
  14. package/dist/esm/MediaInlineCard/ErroredView/index.compiled.css +1 -1
  15. package/dist/esm/MediaInlineCard/ErroredView/index.js +2 -6
  16. package/dist/esm/MediaInlineCard/Frame/styled-compiled.compiled.css +6 -6
  17. package/dist/esm/MediaInlineCard/Frame/styled-compiled.js +1 -9
  18. package/dist/esm/customMediaPlayer/styled-compiled.compiled.css +4 -4
  19. package/dist/esm/customMediaPlayer/styled-compiled.js +2 -2
  20. package/example-helpers/styled.ts +16 -17
  21. package/package.json +11 -11
package/CHANGELOG.md CHANGED
@@ -1,5 +1,19 @@
1
1
  # @atlaskit/media-ui
2
2
 
3
+ ## 28.7.36
4
+
5
+ ### Patch Changes
6
+
7
+ - [`715629fc18fc8`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/715629fc18fc8) -
8
+ Internal changes to remove unnecessary token fallbacks and imports from `@atlaskit/theme`
9
+ - Updated dependencies
10
+
11
+ ## 28.7.35
12
+
13
+ ### Patch Changes
14
+
15
+ - Updated dependencies
16
+
3
17
  ## 28.7.34
4
18
 
5
19
  ### Patch Changes
package/dist/cjs/MediaInlineCard/ErroredView/index.compiled.css CHANGED
@@ -1 +1 @@
1
- ._syaz1ml5{color:var(--_1xw92dq)}
1
+ ._syaz1tmw{color:var(--ds-text-danger,#ae2e24)}
package/dist/cjs/MediaInlineCard/ErroredView/index.js CHANGED
@@ -14,7 +14,6 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
14
14
  var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
15
15
  var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
16
16
  var _react = _interopRequireDefault(require("react"));
17
- var _colors = require("@atlaskit/theme/colors");
18
17
  var _statusWarning = _interopRequireDefault(require("@atlaskit/icon/core/status-warning"));
19
18
  var _Frame = require("../Frame");
20
19
  var _IconAndTitleLayout = require("../IconAndTitleLayout");
@@ -47,14 +46,11 @@ var MediaInlineCardErroredView = exports.MediaInlineCardErroredView = /*#__PURE_
47
46
  }, /*#__PURE__*/_react.default.createElement(_IconAndTitleLayout.IconAndTitleLayout, {
48
47
  icon: icon || /*#__PURE__*/_react.default.createElement(_Icon.AKIconWrapper, null, /*#__PURE__*/_react.default.createElement(_statusWarning.default, {
49
48
  label: "error",
50
- color: "var(--ds-icon-danger, ".concat(_colors.R500, ")"),
49
+ color: "var(--ds-icon-danger, #C9372C)",
51
50
  size: "small"
52
51
  })),
53
52
  title: /*#__PURE__*/_react.default.createElement("span", {
54
- className: (0, _runtime.ax)(["_syaz1ml5"]),
55
- style: {
56
- "--_1xw92dq": (0, _runtime.ix)("var(--ds-text-danger, ".concat(_colors.R500, ")"))
57
- }
53
+ className: (0, _runtime.ax)(["_syaz1tmw"])
58
54
  }, this.props.message)
59
55
  }));
60
56
  }
package/dist/cjs/MediaInlineCard/Frame/styled-compiled.compiled.css CHANGED
@@ -4,7 +4,7 @@
4
4
  ._1h6d1j28{border-color:transparent}._12ji1r31{outline-color:currentColor}
5
5
  ._12y31o36{outline-width:medium}
6
6
  ._16d9qvcn{-webkit-box-decoration-break:clone;box-decoration-break:clone}
7
- ._16qs1qst{box-shadow:var(--_7nesqg)}
7
+ ._16qsr4us{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db)}
8
8
  ._19bv1b66{padding-left:var(--ds-space-050,4px)}
9
9
  ._1e0c1nu9{display:inline}
10
10
  ._1hmsglyw{text-decoration-line:none}
@@ -14,11 +14,11 @@
14
14
  ._80om73ad{cursor:default}
15
15
  ._80omtlke{cursor:pointer}
16
16
  ._ajmmnqa1{text-decoration-style:solid}
17
- ._bfhk1vqn{background-color:var(--_1ya52jx)}
18
- ._bfhkfpvg{background-color:var(--_9tzd1j)}
17
+ ._bfhk1gly{background-color:var(--ds-background-danger,#ffeceb)}
18
+ ._bfhki8nm{background-color:var(--ds-background-neutral,#0515240f)}
19
19
  ._ca0qv77o{padding-top:var(--ds-space-025,2px)}
20
20
  ._n3tdv77o{padding-bottom:var(--ds-space-025,2px)}
21
- ._syazovqm{color:var(--_5xk3r4)}
21
+ ._syazi7uo{color:var(--ds-text,#292a2e)}
22
22
  ._u5f31b66{padding-right:var(--ds-space-050,4px)}
23
23
  ._uizt1kdv{-webkit-user-select:text;-ms-user-select:text;user-select:text}
24
24
  ._uiztglyw{-webkit-user-select:none;-ms-user-select:none;user-select:none}
@@ -28,8 +28,8 @@
28
28
  ._5goinqa1:focus{text-decoration-style:solid}
29
29
  ._1bnxglyw:hover{text-decoration-line:none}
30
30
  ._9oik1r31:hover{text-decoration-color:currentColor}
31
- ._irr31vqn:hover{background-color:var(--_1ya52jx)}
32
- ._irr3l5fl:hover{background-color:var(--_138ec4y)}
31
+ ._irr31gly:hover{background-color:var(--ds-background-danger,#ffeceb)}
32
+ ._irr3plhp:hover{background-color:var(--ds-background-neutral-hovered,#0b120e24)}
33
33
  ._jf4cnqa1:hover{text-decoration-style:solid}
34
34
  ._1iohnqa1:active{text-decoration-style:solid}
35
35
  ._1nrm1r31:active{text-decoration-color:currentColor}
package/dist/cjs/MediaInlineCard/Frame/styled-compiled.js CHANGED
@@ -11,7 +11,6 @@ var _runtime = require("@compiled/react/runtime");
11
11
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
12
12
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
13
13
  var _react = _interopRequireDefault(require("react"));
14
- var _colors = require("@atlaskit/theme/colors");
15
14
  var _excluded = ["isSelected", "isError", "children"];
16
15
  var selectedStyles = null;
17
16
  var notSelectedStyles = null;
@@ -39,13 +38,6 @@ var Wrapper = exports.Wrapper = /*#__PURE__*/_react.default.forwardRef(function
39
38
  ref: ref,
40
39
  "data-testid": "frame-wrapper"
41
40
  }, props, {
42
- className: (0, _runtime.ax)(["_2rkofajl _v56415x0 _vwz47vkz _ca0qv77o _u5f31b66 _n3tdv77o _19bv1b66 _16d9qvcn _1e0c1nu9 _syazovqm _bfhkfpvg _1rkwglyw _80omtlke _irr3l5fl", isSelected && "_12ji1r31 _1qu2glyw _12y31o36 _1h6d1j28 _80omtlke _16qs1qst _uiztglyw _4bfu1r31 _1nrm1r31 _1a3b1r31 _9oik1r31 _1hmsglyw _c2waglyw _4fprglyw _1bnxglyw _ajmmnqa1 _1iohnqa1 _5goinqa1 _jf4cnqa1", !isSelected && "_uizt1kdv", isError && "_bfhk1vqn _80om73ad _irr31vqn"]),
43
- style: {
44
- "--_5xk3r4": (0, _runtime.ix)("var(--ds-text, ".concat(_colors.N900, ")")),
45
- "--_9tzd1j": (0, _runtime.ix)("var(--ds-background-neutral, ".concat(_colors.N30A, ")")),
46
- "--_138ec4y": (0, _runtime.ix)("var(--ds-background-neutral-hovered, ".concat(_colors.N40A, ")")),
47
- "--_7nesqg": (0, _runtime.ix)("0 0 0 1px ".concat("var(--ds-border-selected, ".concat(_colors.B300, ")"))),
48
- "--_1ya52jx": (0, _runtime.ix)("var(--ds-background-danger, ".concat(_colors.R50, ")"))
49
- }
41
+ className: (0, _runtime.ax)(["_2rkofajl _v56415x0 _vwz47vkz _ca0qv77o _u5f31b66 _n3tdv77o _19bv1b66 _16d9qvcn _1e0c1nu9 _syazi7uo _bfhki8nm _1rkwglyw _80omtlke _irr3plhp", isSelected && "_12ji1r31 _1qu2glyw _12y31o36 _1h6d1j28 _80omtlke _16qsr4us _uiztglyw _4bfu1r31 _1nrm1r31 _1a3b1r31 _9oik1r31 _1hmsglyw _c2waglyw _4fprglyw _1bnxglyw _ajmmnqa1 _1iohnqa1 _5goinqa1 _jf4cnqa1", !isSelected && "_uizt1kdv", isError && "_bfhk1gly _80om73ad _irr31gly"])
50
42
  }), children);
51
43
  });
package/dist/cjs/customMediaPlayer/styled-compiled.compiled.css CHANGED
@@ -1,7 +1,7 @@
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)}
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
  ._11q7acks{background:linear-gradient(0deg,#101214,rgba(14,22,36,0))}
3
3
  ._19itglyw{border:none}
4
- ._1a371kqe{outline:var(--ds-border-width-focused,2px) solid var(--ds-border-focused,#85b8ff)}
4
+ ._1a37dfik{outline:var(--ds-border-width-focused,2px) solid var(--ds-border-focused,#4688ec)}
5
5
  ._2rko1b66{border-radius:var(--ds-space-050,4px)}
6
6
  ._2rko1kw7{border-radius:inherit}
7
7
  ._2rko1rr0{border-radius:var(--ds-radius-full,9999px)}
@@ -29,8 +29,8 @@
29
29
  ._1bsb1pa9{width:29px}
30
30
  ._1bsbdlk8{width:14px}
31
31
  ._1bsbidpf{width:0}
32
- ._1bsbk7ql{width:var(--ds-space-150,13px)}
33
32
  ._1bsbldb6{width:35px}
33
+ ._1bsbutpp{width:var(--ds-space-150,9pt)}
34
34
  ._1cwgv77o{outline-offset:var(--ds-space-025,2px)}
35
35
  ._1e0c1txw{display:flex}
36
36
  ._1e0c1ule{display:block}
@@ -54,8 +54,8 @@
54
54
  ._4t3i1kw7{height:inherit}
55
55
  ._4t3i1wug{height:auto}
56
56
  ._4t3idlk8{height:14px}
57
- ._4t3ik7ql{height:var(--ds-space-150,13px)}
58
57
  ._4t3iqslr{height:22px}
58
+ ._4t3iutpp{height:var(--ds-space-150,9pt)}
59
59
  ._4t3iyh40{height:2px}
60
60
  ._7cve9ucv input[type=range]::-webkit-slider-runnable-track{--track-bg:#596773}
61
61
  ._80omtlke{cursor:pointer}
package/dist/cjs/customMediaPlayer/styled-compiled.js CHANGED
@@ -82,7 +82,7 @@ var CurrentTimeLineThumb = exports.CurrentTimeLineThumb = /*#__PURE__*/(0, _reac
82
82
  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
83
83
  ref: ref
84
84
  }, props, {
85
- className: (0, _runtime.ax)(["_19itglyw _2rko1rr0 _1a371kqe _kqswstnw _1e0c1ule _1xi2idpf _154i1ssb _t9ec1tul _bfhk7g9i _4t3ik7ql _1bsbk7ql _lcxvglyw _tzy4idpf _1cwgv77o _1h7hkb7n"])
85
+ className: (0, _runtime.ax)(["_19itglyw _2rko1rr0 _1a37dfik _kqswstnw _1e0c1ule _1xi2idpf _154i1ssb _t9ec1tul _bfhk7g9i _4t3iutpp _1bsbutpp _lcxvglyw _tzy4idpf _1cwgv77o _1h7hkb7n"])
86
86
  }), children);
87
87
  });
88
88
  var bufferedTimeStyles = null;
@@ -163,7 +163,7 @@ var CurrentTimeTooltip = exports.CurrentTimeTooltip = function CurrentTimeToolti
163
163
  props = (0, _objectWithoutProperties2.default)(_ref12, _excluded12);
164
164
  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
165
165
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
166
- className: (0, _runtime.ax)(["_11c8rymc _2rko1b66 _v564g17y _kqswstnw _uiztglyw _154iukr8 _bfhk39qu _syaz1pcz _ca0q1b66 _u5f3u2gc _n3td1b66 _19bvu2gc _1ltv1ssb _t9eczr6s _1nmz16rz", isDragging && "_tzy4kb7n", !isDragging && "_tzy4idpf", timeLineThumbIsHover && "_tzy4kb7n", timeLineThumbIsFocus && "_tzy4kb7n", "current-time-tooltip"])
166
+ className: (0, _runtime.ax)(["_11c8wadc _2rko1b66 _v564g17y _kqswstnw _uiztglyw _154iukr8 _bfhk39qu _syaz1pcz _ca0q1b66 _u5f3u2gc _n3td1b66 _19bvu2gc _1ltv1ssb _t9eczr6s _1nmz16rz", isDragging && "_tzy4kb7n", !isDragging && "_tzy4idpf", timeLineThumbIsHover && "_tzy4kb7n", timeLineThumbIsFocus && "_tzy4kb7n", "current-time-tooltip"])
167
167
  }, props), children);
168
168
  };
169
169
  var timeRangeWrapperStyles = null;
package/dist/es2019/MediaInlineCard/ErroredView/index.compiled.css CHANGED
@@ -1 +1 @@
1
- ._syaz1gtz{color:var(--ds-text-danger,#bf2600)}
1
+ ._syaz1tmw{color:var(--ds-text-danger,#ae2e24)}
package/dist/es2019/MediaInlineCard/ErroredView/index.js CHANGED
@@ -2,7 +2,6 @@
2
2
  import "./index.compiled.css";
3
3
  import { ax, ix } from "@compiled/react/runtime";
4
4
  import React from 'react';
5
- import { R500 } from '@atlaskit/theme/colors';
6
5
  import WarningIcon from '@atlaskit/icon/core/status-warning';
7
6
  import { Frame } from '../Frame';
8
7
  import { IconAndTitleLayout } from '../IconAndTitleLayout';
@@ -26,11 +25,11 @@ export class MediaInlineCardErroredView extends React.Component {
26
25
  }, /*#__PURE__*/React.createElement(IconAndTitleLayout, {
27
26
  icon: icon || /*#__PURE__*/React.createElement(AKIconWrapper, null, /*#__PURE__*/React.createElement(WarningIcon, {
28
27
  label: "error",
29
- color: `var(--ds-icon-danger, ${R500})`,
28
+ color: "var(--ds-icon-danger, #C9372C)",
30
29
  size: "small"
31
30
  })),
32
31
  title: /*#__PURE__*/React.createElement("span", {
33
- className: ax(["_syaz1gtz"])
32
+ className: ax(["_syaz1tmw"])
34
33
  }, this.props.message)
35
34
  }));
36
35
  }
package/dist/es2019/MediaInlineCard/Frame/styled-compiled.compiled.css CHANGED
@@ -4,7 +4,7 @@
4
4
  ._1h6d1j28{border-color:transparent}._12ji1r31{outline-color:currentColor}
5
5
  ._12y31o36{outline-width:medium}
6
6
  ._16d9qvcn{-webkit-box-decoration-break:clone;box-decoration-break:clone}
7
- ._16qs1s9b{box-shadow:0 0 0 1px var(--ds-border-selected,#0065ff)}
7
+ ._16qsr4us{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db)}
8
8
  ._19bv1b66{padding-left:var(--ds-space-050,4px)}
9
9
  ._1e0c1nu9{display:inline}
10
10
  ._1hmsglyw{text-decoration-line:none}
@@ -14,11 +14,11 @@
14
14
  ._80om73ad{cursor:default}
15
15
  ._80omtlke{cursor:pointer}
16
16
  ._ajmmnqa1{text-decoration-style:solid}
17
- ._bfhkq7nr{background-color:var(--ds-background-neutral,rgba(9,30,66,.08))}
18
- ._bfhktaeo{background-color:var(--ds-background-danger,#ffebe6)}
17
+ ._bfhk1gly{background-color:var(--ds-background-danger,#ffeceb)}
18
+ ._bfhki8nm{background-color:var(--ds-background-neutral,#0515240f)}
19
19
  ._ca0qv77o{padding-top:var(--ds-space-025,2px)}
20
20
  ._n3tdv77o{padding-bottom:var(--ds-space-025,2px)}
21
- ._syazj3m3{color:var(--ds-text,#091e42)}
21
+ ._syazi7uo{color:var(--ds-text,#292a2e)}
22
22
  ._u5f31b66{padding-right:var(--ds-space-050,4px)}
23
23
  ._uizt1kdv{-webkit-user-select:text;-ms-user-select:text;user-select:text}
24
24
  ._uiztglyw{-webkit-user-select:none;-ms-user-select:none;user-select:none}
@@ -28,8 +28,8 @@
28
28
  ._5goinqa1:focus{text-decoration-style:solid}
29
29
  ._1bnxglyw:hover{text-decoration-line:none}
30
30
  ._9oik1r31:hover{text-decoration-color:currentColor}
31
- ._irr3hv1p:hover{background-color:var(--ds-background-neutral-hovered,rgba(9,30,66,.13))}
32
- ._irr3taeo:hover{background-color:var(--ds-background-danger,#ffebe6)}
31
+ ._irr31gly:hover{background-color:var(--ds-background-danger,#ffeceb)}
32
+ ._irr3plhp:hover{background-color:var(--ds-background-neutral-hovered,#0b120e24)}
33
33
  ._jf4cnqa1:hover{text-decoration-style:solid}
34
34
  ._1iohnqa1:active{text-decoration-style:solid}
35
35
  ._1nrm1r31:active{text-decoration-color:currentColor}
package/dist/es2019/MediaInlineCard/Frame/styled-compiled.js CHANGED
@@ -3,7 +3,6 @@ import _extends from "@babel/runtime/helpers/extends";
3
3
  import "./styled-compiled.compiled.css";
4
4
  import { ax, ix } from "@compiled/react/runtime";
5
5
  import React from 'react';
6
- import { B300, N30A, N40A, N900, R50 } from '@atlaskit/theme/colors';
7
6
  const selectedStyles = null;
8
7
  const notSelectedStyles = null;
9
8
  const errorStyles = null;
@@ -30,5 +29,5 @@ export const Wrapper = /*#__PURE__*/React.forwardRef(({
30
29
  ref: ref,
31
30
  "data-testid": "frame-wrapper"
32
31
  }, props, {
33
- className: ax(["_2rkofajl _v56415x0 _vwz47vkz _ca0qv77o _u5f31b66 _n3tdv77o _19bv1b66 _16d9qvcn _1e0c1nu9 _syazj3m3 _bfhkq7nr _1rkwglyw _80omtlke _irr3hv1p", isSelected && "_12ji1r31 _1qu2glyw _12y31o36 _1h6d1j28 _80omtlke _16qs1s9b _uiztglyw _4bfu1r31 _1nrm1r31 _1a3b1r31 _9oik1r31 _1hmsglyw _c2waglyw _4fprglyw _1bnxglyw _ajmmnqa1 _1iohnqa1 _5goinqa1 _jf4cnqa1", !isSelected && "_uizt1kdv", isError && "_bfhktaeo _80om73ad _irr3taeo"])
32
+ className: ax(["_2rkofajl _v56415x0 _vwz47vkz _ca0qv77o _u5f31b66 _n3tdv77o _19bv1b66 _16d9qvcn _1e0c1nu9 _syazi7uo _bfhki8nm _1rkwglyw _80omtlke _irr3plhp", isSelected && "_12ji1r31 _1qu2glyw _12y31o36 _1h6d1j28 _80omtlke _16qsr4us _uiztglyw _4bfu1r31 _1nrm1r31 _1a3b1r31 _9oik1r31 _1hmsglyw _c2waglyw _4fprglyw _1bnxglyw _ajmmnqa1 _1iohnqa1 _5goinqa1 _jf4cnqa1", !isSelected && "_uizt1kdv", isError && "_bfhk1gly _80om73ad _irr31gly"])
34
33
  }), children));
package/dist/es2019/customMediaPlayer/styled-compiled.compiled.css CHANGED
@@ -1,7 +1,7 @@
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)}
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
  ._11q7acks{background:linear-gradient(0deg,#101214,rgba(14,22,36,0))}
3
3
  ._19itglyw{border:none}
4
- ._1a371kqe{outline:var(--ds-border-width-focused,2px) solid var(--ds-border-focused,#85b8ff)}
4
+ ._1a37dfik{outline:var(--ds-border-width-focused,2px) solid var(--ds-border-focused,#4688ec)}
5
5
  ._2rko1b66{border-radius:var(--ds-space-050,4px)}
6
6
  ._2rko1kw7{border-radius:inherit}
7
7
  ._2rko1rr0{border-radius:var(--ds-radius-full,9999px)}
@@ -29,8 +29,8 @@
29
29
  ._1bsb1pa9{width:29px}
30
30
  ._1bsbdlk8{width:14px}
31
31
  ._1bsbidpf{width:0}
32
- ._1bsbk7ql{width:var(--ds-space-150,13px)}
33
32
  ._1bsbldb6{width:35px}
33
+ ._1bsbutpp{width:var(--ds-space-150,9pt)}
34
34
  ._1cwgv77o{outline-offset:var(--ds-space-025,2px)}
35
35
  ._1e0c1txw{display:flex}
36
36
  ._1e0c1ule{display:block}
@@ -54,8 +54,8 @@
54
54
  ._4t3i1kw7{height:inherit}
55
55
  ._4t3i1wug{height:auto}
56
56
  ._4t3idlk8{height:14px}
57
- ._4t3ik7ql{height:var(--ds-space-150,13px)}
58
57
  ._4t3iqslr{height:22px}
58
+ ._4t3iutpp{height:var(--ds-space-150,9pt)}
59
59
  ._4t3iyh40{height:2px}
60
60
  ._7cve9ucv input[type=range]::-webkit-slider-runnable-track{--track-bg:#596773}
61
61
  ._80omtlke{cursor:pointer}
package/dist/es2019/customMediaPlayer/styled-compiled.js CHANGED
@@ -56,7 +56,7 @@ export const CurrentTimeLineThumb = /*#__PURE__*/forwardRef(({
56
56
  return /*#__PURE__*/React.createElement("div", _extends({
57
57
  ref: ref
58
58
  }, props, {
59
- className: ax(["_19itglyw _2rko1rr0 _1a371kqe _kqswstnw _1e0c1ule _1xi2idpf _154i1ssb _t9ec1tul _bfhk7g9i _4t3ik7ql _1bsbk7ql _lcxvglyw _tzy4idpf _1cwgv77o _1h7hkb7n"])
59
+ className: ax(["_19itglyw _2rko1rr0 _1a37dfik _kqswstnw _1e0c1ule _1xi2idpf _154i1ssb _t9ec1tul _bfhk7g9i _4t3iutpp _1bsbutpp _lcxvglyw _tzy4idpf _1cwgv77o _1h7hkb7n"])
60
60
  }), children);
61
61
  });
62
62
  const bufferedTimeStyles = null;
@@ -132,7 +132,7 @@ export const CurrentTimeTooltip = ({
132
132
  ...props
133
133
  }) => /*#__PURE__*/React.createElement("div", _extends({
134
134
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
135
- className: ax(["_11c8rymc _2rko1b66 _v564g17y _kqswstnw _uiztglyw _154iukr8 _bfhk39qu _syaz1pcz _ca0q1b66 _u5f3u2gc _n3td1b66 _19bvu2gc _1ltv1ssb _t9eczr6s _1nmz16rz", isDragging && "_tzy4kb7n", !isDragging && "_tzy4idpf", timeLineThumbIsHover && "_tzy4kb7n", timeLineThumbIsFocus && "_tzy4kb7n", "current-time-tooltip"])
135
+ className: ax(["_11c8wadc _2rko1b66 _v564g17y _kqswstnw _uiztglyw _154iukr8 _bfhk39qu _syaz1pcz _ca0q1b66 _u5f3u2gc _n3td1b66 _19bvu2gc _1ltv1ssb _t9eczr6s _1nmz16rz", isDragging && "_tzy4kb7n", !isDragging && "_tzy4idpf", timeLineThumbIsHover && "_tzy4kb7n", timeLineThumbIsFocus && "_tzy4kb7n", "current-time-tooltip"])
136
136
  }, props), children);
137
137
  const timeRangeWrapperStyles = null;
138
138
  export const TimeRangeWrapper = /*#__PURE__*/forwardRef(({
package/dist/esm/MediaInlineCard/ErroredView/index.compiled.css CHANGED
@@ -1 +1 @@
1
- ._syaz1ml5{color:var(--_1xw92dq)}
1
+ ._syaz1tmw{color:var(--ds-text-danger,#ae2e24)}
package/dist/esm/MediaInlineCard/ErroredView/index.js CHANGED
@@ -9,7 +9,6 @@ import { ax, ix } from "@compiled/react/runtime";
9
9
  function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
10
10
  function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
11
11
  import React from 'react';
12
- import { R500 } from '@atlaskit/theme/colors';
13
12
  import WarningIcon from '@atlaskit/icon/core/status-warning';
14
13
  import { Frame } from '../Frame';
15
14
  import { IconAndTitleLayout } from '../IconAndTitleLayout';
@@ -40,14 +39,11 @@ export var MediaInlineCardErroredView = /*#__PURE__*/function (_React$Component)
40
39
  }, /*#__PURE__*/React.createElement(IconAndTitleLayout, {
41
40
  icon: icon || /*#__PURE__*/React.createElement(AKIconWrapper, null, /*#__PURE__*/React.createElement(WarningIcon, {
42
41
  label: "error",
43
- color: "var(--ds-icon-danger, ".concat(R500, ")"),
42
+ color: "var(--ds-icon-danger, #C9372C)",
44
43
  size: "small"
45
44
  })),
46
45
  title: /*#__PURE__*/React.createElement("span", {
47
- className: ax(["_syaz1ml5"]),
48
- style: {
49
- "--_1xw92dq": ix("var(--ds-text-danger, ".concat(R500, ")"))
50
- }
46
+ className: ax(["_syaz1tmw"])
51
47
  }, this.props.message)
52
48
  }));
53
49
  }
package/dist/esm/MediaInlineCard/Frame/styled-compiled.compiled.css CHANGED
@@ -4,7 +4,7 @@
4
4
  ._1h6d1j28{border-color:transparent}._12ji1r31{outline-color:currentColor}
5
5
  ._12y31o36{outline-width:medium}
6
6
  ._16d9qvcn{-webkit-box-decoration-break:clone;box-decoration-break:clone}
7
- ._16qs1qst{box-shadow:var(--_7nesqg)}
7
+ ._16qsr4us{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db)}
8
8
  ._19bv1b66{padding-left:var(--ds-space-050,4px)}
9
9
  ._1e0c1nu9{display:inline}
10
10
  ._1hmsglyw{text-decoration-line:none}
@@ -14,11 +14,11 @@
14
14
  ._80om73ad{cursor:default}
15
15
  ._80omtlke{cursor:pointer}
16
16
  ._ajmmnqa1{text-decoration-style:solid}
17
- ._bfhk1vqn{background-color:var(--_1ya52jx)}
18
- ._bfhkfpvg{background-color:var(--_9tzd1j)}
17
+ ._bfhk1gly{background-color:var(--ds-background-danger,#ffeceb)}
18
+ ._bfhki8nm{background-color:var(--ds-background-neutral,#0515240f)}
19
19
  ._ca0qv77o{padding-top:var(--ds-space-025,2px)}
20
20
  ._n3tdv77o{padding-bottom:var(--ds-space-025,2px)}
21
- ._syazovqm{color:var(--_5xk3r4)}
21
+ ._syazi7uo{color:var(--ds-text,#292a2e)}
22
22
  ._u5f31b66{padding-right:var(--ds-space-050,4px)}
23
23
  ._uizt1kdv{-webkit-user-select:text;-ms-user-select:text;user-select:text}
24
24
  ._uiztglyw{-webkit-user-select:none;-ms-user-select:none;user-select:none}
@@ -28,8 +28,8 @@
28
28
  ._5goinqa1:focus{text-decoration-style:solid}
29
29
  ._1bnxglyw:hover{text-decoration-line:none}
30
30
  ._9oik1r31:hover{text-decoration-color:currentColor}
31
- ._irr31vqn:hover{background-color:var(--_1ya52jx)}
32
- ._irr3l5fl:hover{background-color:var(--_138ec4y)}
31
+ ._irr31gly:hover{background-color:var(--ds-background-danger,#ffeceb)}
32
+ ._irr3plhp:hover{background-color:var(--ds-background-neutral-hovered,#0b120e24)}
33
33
  ._jf4cnqa1:hover{text-decoration-style:solid}
34
34
  ._1iohnqa1:active{text-decoration-style:solid}
35
35
  ._1nrm1r31:active{text-decoration-color:currentColor}
package/dist/esm/MediaInlineCard/Frame/styled-compiled.js CHANGED
@@ -5,7 +5,6 @@ var _excluded = ["isSelected", "isError", "children"];
5
5
  import "./styled-compiled.compiled.css";
6
6
  import { ax, ix } from "@compiled/react/runtime";
7
7
  import React from 'react';
8
- import { B300, N30A, N40A, N900, R50 } from '@atlaskit/theme/colors';
9
8
  var selectedStyles = null;
10
9
  var notSelectedStyles = null;
11
10
  var errorStyles = null;
@@ -32,13 +31,6 @@ export var Wrapper = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
32
31
  ref: ref,
33
32
  "data-testid": "frame-wrapper"
34
33
  }, props, {
35
- className: ax(["_2rkofajl _v56415x0 _vwz47vkz _ca0qv77o _u5f31b66 _n3tdv77o _19bv1b66 _16d9qvcn _1e0c1nu9 _syazovqm _bfhkfpvg _1rkwglyw _80omtlke _irr3l5fl", isSelected && "_12ji1r31 _1qu2glyw _12y31o36 _1h6d1j28 _80omtlke _16qs1qst _uiztglyw _4bfu1r31 _1nrm1r31 _1a3b1r31 _9oik1r31 _1hmsglyw _c2waglyw _4fprglyw _1bnxglyw _ajmmnqa1 _1iohnqa1 _5goinqa1 _jf4cnqa1", !isSelected && "_uizt1kdv", isError && "_bfhk1vqn _80om73ad _irr31vqn"]),
36
- style: {
37
- "--_5xk3r4": ix("var(--ds-text, ".concat(N900, ")")),
38
- "--_9tzd1j": ix("var(--ds-background-neutral, ".concat(N30A, ")")),
39
- "--_138ec4y": ix("var(--ds-background-neutral-hovered, ".concat(N40A, ")")),
40
- "--_7nesqg": ix("0 0 0 1px ".concat("var(--ds-border-selected, ".concat(B300, ")"))),
41
- "--_1ya52jx": ix("var(--ds-background-danger, ".concat(R50, ")"))
42
- }
34
+ className: ax(["_2rkofajl _v56415x0 _vwz47vkz _ca0qv77o _u5f31b66 _n3tdv77o _19bv1b66 _16d9qvcn _1e0c1nu9 _syazi7uo _bfhki8nm _1rkwglyw _80omtlke _irr3plhp", isSelected && "_12ji1r31 _1qu2glyw _12y31o36 _1h6d1j28 _80omtlke _16qsr4us _uiztglyw _4bfu1r31 _1nrm1r31 _1a3b1r31 _9oik1r31 _1hmsglyw _c2waglyw _4fprglyw _1bnxglyw _ajmmnqa1 _1iohnqa1 _5goinqa1 _jf4cnqa1", !isSelected && "_uizt1kdv", isError && "_bfhk1gly _80om73ad _irr31gly"])
43
35
  }), children);
44
36
  });
package/dist/esm/customMediaPlayer/styled-compiled.compiled.css CHANGED
@@ -1,7 +1,7 @@
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)}
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
  ._11q7acks{background:linear-gradient(0deg,#101214,rgba(14,22,36,0))}
3
3
  ._19itglyw{border:none}
4
- ._1a371kqe{outline:var(--ds-border-width-focused,2px) solid var(--ds-border-focused,#85b8ff)}
4
+ ._1a37dfik{outline:var(--ds-border-width-focused,2px) solid var(--ds-border-focused,#4688ec)}
5
5
  ._2rko1b66{border-radius:var(--ds-space-050,4px)}
6
6
  ._2rko1kw7{border-radius:inherit}
7
7
  ._2rko1rr0{border-radius:var(--ds-radius-full,9999px)}
@@ -29,8 +29,8 @@
29
29
  ._1bsb1pa9{width:29px}
30
30
  ._1bsbdlk8{width:14px}
31
31
  ._1bsbidpf{width:0}
32
- ._1bsbk7ql{width:var(--ds-space-150,13px)}
33
32
  ._1bsbldb6{width:35px}
33
+ ._1bsbutpp{width:var(--ds-space-150,9pt)}
34
34
  ._1cwgv77o{outline-offset:var(--ds-space-025,2px)}
35
35
  ._1e0c1txw{display:flex}
36
36
  ._1e0c1ule{display:block}
@@ -54,8 +54,8 @@
54
54
  ._4t3i1kw7{height:inherit}
55
55
  ._4t3i1wug{height:auto}
56
56
  ._4t3idlk8{height:14px}
57
- ._4t3ik7ql{height:var(--ds-space-150,13px)}
58
57
  ._4t3iqslr{height:22px}
58
+ ._4t3iutpp{height:var(--ds-space-150,9pt)}
59
59
  ._4t3iyh40{height:2px}
60
60
  ._7cve9ucv input[type=range]::-webkit-slider-runnable-track{--track-bg:#596773}
61
61
  ._80omtlke{cursor:pointer}
package/dist/esm/customMediaPlayer/styled-compiled.js CHANGED
@@ -74,7 +74,7 @@ export var CurrentTimeLineThumb = /*#__PURE__*/forwardRef(function (_ref6, ref)
74
74
  return /*#__PURE__*/React.createElement("div", _extends({
75
75
  ref: ref
76
76
  }, props, {
77
- className: ax(["_19itglyw _2rko1rr0 _1a371kqe _kqswstnw _1e0c1ule _1xi2idpf _154i1ssb _t9ec1tul _bfhk7g9i _4t3ik7ql _1bsbk7ql _lcxvglyw _tzy4idpf _1cwgv77o _1h7hkb7n"])
77
+ className: ax(["_19itglyw _2rko1rr0 _1a37dfik _kqswstnw _1e0c1ule _1xi2idpf _154i1ssb _t9ec1tul _bfhk7g9i _4t3iutpp _1bsbutpp _lcxvglyw _tzy4idpf _1cwgv77o _1h7hkb7n"])
78
78
  }), children);
79
79
  });
80
80
  var bufferedTimeStyles = null;
@@ -155,7 +155,7 @@ export var CurrentTimeTooltip = function CurrentTimeTooltip(_ref12) {
155
155
  props = _objectWithoutProperties(_ref12, _excluded12);
156
156
  return /*#__PURE__*/React.createElement("div", _extends({
157
157
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
158
- className: ax(["_11c8rymc _2rko1b66 _v564g17y _kqswstnw _uiztglyw _154iukr8 _bfhk39qu _syaz1pcz _ca0q1b66 _u5f3u2gc _n3td1b66 _19bvu2gc _1ltv1ssb _t9eczr6s _1nmz16rz", isDragging && "_tzy4kb7n", !isDragging && "_tzy4idpf", timeLineThumbIsHover && "_tzy4kb7n", timeLineThumbIsFocus && "_tzy4kb7n", "current-time-tooltip"])
158
+ className: ax(["_11c8wadc _2rko1b66 _v564g17y _kqswstnw _uiztglyw _154iukr8 _bfhk39qu _syaz1pcz _ca0q1b66 _u5f3u2gc _n3td1b66 _19bvu2gc _1ltv1ssb _t9eczr6s _1nmz16rz", isDragging && "_tzy4kb7n", !isDragging && "_tzy4idpf", timeLineThumbIsHover && "_tzy4kb7n", timeLineThumbIsFocus && "_tzy4kb7n", "current-time-tooltip"])
159
159
  }, props), children);
160
160
  };
161
161
  var timeRangeWrapperStyles = null;
package/example-helpers/styled.ts CHANGED
@@ -1,11 +1,10 @@
1
1
  import { token } from '@atlaskit/tokens';
2
- import { N900 } from '@atlaskit/theme/colors';
3
2
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
4
3
  import styled from '@emotion/styled';
5
4
 
6
5
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
7
6
  export const InputWrapper = styled.div({
8
- margin: `${token('space.250', '20px')} 0`,
7
+ margin: `${token('space.250')} 0`,
9
8
  });
10
9
 
11
10
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
@@ -17,47 +16,47 @@ export const PreviewList = styled.ul({
17
16
 
18
17
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
19
18
  export const PreviewItem = styled.li({
20
- borderRadius: token('space.100', '8px'),
21
- border: `1px solid ${token('color.border', '#ccc')}`,
22
- padding: token('space.100', '8px'),
19
+ borderRadius: token('space.100'),
20
+ border: `${token('border.width', '1px')} solid ${token('color.border')}`,
21
+ padding: token('space.100'),
23
22
  overflow: 'auto',
24
23
  maxHeight: '600px',
25
24
  position: 'relative',
26
- marginBottom: token('space.100', '8px'),
25
+ marginBottom: token('space.100'),
27
26
  });
28
27
 
29
28
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
30
29
  export const Code = styled.code({
31
- padding: token('space.050', '4px'),
32
- borderRadius: token('space.050', '4px'),
33
- backgroundColor: token('color.background.inverse.subtle', '#0002'),
34
- color: token('color.text', N900),
30
+ padding: token('space.050'),
31
+ borderRadius: token('space.050'),
32
+ backgroundColor: token('color.background.inverse.subtle'),
33
+ color: token('color.text'),
35
34
  font: token('font.code'),
36
35
  });
37
36
 
38
37
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
39
38
  export const CloseButton = styled.button({
40
39
  position: 'absolute',
41
- top: token('space.050', '4px'),
42
- right: token('space.050', '4px'),
40
+ top: token('space.050'),
41
+ right: token('space.050'),
43
42
  cursor: 'pointer',
44
43
  });
45
44
 
46
45
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
47
46
  export const PreviewImageContainer = styled.div({
48
- marginTop: token('space.100', '8px'),
49
- marginBottom: token('space.100', '8px'),
47
+ marginTop: token('space.100'),
48
+ marginBottom: token('space.100'),
50
49
  });
51
50
 
52
51
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
53
52
  export const OrientationSelectWrapper = styled.label({
54
- marginBottom: token('space.250', '20px'),
53
+ marginBottom: token('space.250'),
55
54
  display: 'block',
56
55
  });
57
56
 
58
57
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
59
58
  export const TimeRangeWrapper = styled.div({
60
- marginTop: token('space.500', '40px'),
59
+ marginTop: token('space.500'),
61
60
  });
62
61
 
63
62
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
@@ -70,5 +69,5 @@ export const Container = styled.div({
70
69
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
71
70
  export const Group = styled.div({
72
71
  width: '250px',
73
- padding: token('space.250', '20px'),
72
+ padding: token('space.250'),
74
73
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/media-ui",
3
- "version": "28.7.34",
3
+ "version": "28.7.36",
4
4
  "description": "Includes common components and utilities used by other media packages",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -24,29 +24,29 @@
24
24
  },
25
25
  "dependencies": {
26
26
  "@atlaskit/afm-i18n-platform-media-media-ui": "2.7.0",
27
- "@atlaskit/analytics-next": "^11.1.0",
27
+ "@atlaskit/analytics-next": "^11.2.0",
28
28
  "@atlaskit/button": "^23.10.0",
29
29
  "@atlaskit/code": "^17.4.0",
30
30
  "@atlaskit/css": "^0.19.0",
31
- "@atlaskit/flag": "^17.8.0",
32
- "@atlaskit/form": "^15.4.0",
33
- "@atlaskit/icon": "^33.0.0",
31
+ "@atlaskit/flag": "^17.9.0",
32
+ "@atlaskit/form": "^15.5.0",
33
+ "@atlaskit/icon": "^33.1.0",
34
34
  "@atlaskit/icon-file-type": "^7.0.0",
35
35
  "@atlaskit/locale": "^3.0.0",
36
36
  "@atlaskit/media-client": "^36.0.0",
37
37
  "@atlaskit/media-client-react": "^5.0.0",
38
38
  "@atlaskit/media-common": "^13.0.0",
39
39
  "@atlaskit/media-state": "^2.0.0",
40
- "@atlaskit/modal-dialog": "^14.11.0",
40
+ "@atlaskit/modal-dialog": "^14.13.0",
41
41
  "@atlaskit/platform-feature-flags": "^1.1.0",
42
- "@atlaskit/primitives": "^18.0.0",
42
+ "@atlaskit/primitives": "^18.1.0",
43
43
  "@atlaskit/range": "^10.0.0",
44
- "@atlaskit/react-ufo": "^5.4.0",
45
- "@atlaskit/select": "^21.8.0",
44
+ "@atlaskit/react-ufo": "^5.7.0",
45
+ "@atlaskit/select": "^21.9.0",
46
46
  "@atlaskit/spinner": "^19.0.0",
47
47
  "@atlaskit/theme": "^22.0.0",
48
- "@atlaskit/tokens": "^11.1.0",
49
- "@atlaskit/tooltip": "^20.14.0",
48
+ "@atlaskit/tokens": "^11.4.0",
49
+ "@atlaskit/tooltip": "^21.0.0",
50
50
  "@atlaskit/width-detector": "^5.0.0",
51
51
  "@babel/runtime": "^7.0.0",
52
52
  "@compiled/react": "^0.20.0",