@atlaskit/media-ui 27.0.2 → 27.0.3
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 +6 -0
- package/dist/cjs/customMediaPlayer/index.js +1 -1
- package/dist/cjs/customMediaPlayer/styled-compiled.compiled.css +4 -2
- package/dist/cjs/customMediaPlayer/styled-compiled.js +2 -2
- package/dist/es2019/customMediaPlayer/index.js +1 -1
- package/dist/es2019/customMediaPlayer/styled-compiled.compiled.css +4 -2
- package/dist/es2019/customMediaPlayer/styled-compiled.js +2 -2
- package/dist/esm/customMediaPlayer/index.js +1 -1
- package/dist/esm/customMediaPlayer/styled-compiled.compiled.css +4 -2
- package/dist/esm/customMediaPlayer/styled-compiled.js +2 -2
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -16,7 +16,7 @@ var CustomMediaPlayerBase = exports.CustomMediaPlayerBase = function CustomMedia
|
|
|
16
16
|
return (0, _platformFeatureFlags.fg)('platform_media_compiled') ? /*#__PURE__*/_react.default.createElement(_indexCompiled.CustomMediaPlayerBase, props) : /*#__PURE__*/_react.default.createElement(_indexEmotion.CustomMediaPlayerBase, props);
|
|
17
17
|
};
|
|
18
18
|
var packageName = "@atlaskit/media-ui";
|
|
19
|
-
var packageVersion = "27.0.
|
|
19
|
+
var packageVersion = "27.0.3";
|
|
20
20
|
|
|
21
21
|
// @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
|
|
22
22
|
var CustomMediaPlayer = exports.CustomMediaPlayer = (0, _mediaCommon.withMediaAnalyticsContext)({
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
+
._11c8qk37{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
|
|
1
2
|
._11q7acks{background:linear-gradient(0deg,#101214,rgba(14,22,36,0))}
|
|
2
|
-
._19it2oc5{border:1px solid #666}
|
|
3
3
|
._19itglyw{border:none}
|
|
4
4
|
._1a37q36z{outline:var(--_k4vj5w)}
|
|
5
5
|
._1yt4necs{padding:var(--_5sw9gb)}
|
|
@@ -10,6 +10,9 @@
|
|
|
10
10
|
._v5641eho{transition:all .1s}
|
|
11
11
|
._v5641rb3{transition:width .3s}
|
|
12
12
|
._v564g17y{transition:opacity .3s}
|
|
13
|
+
._189et94y{border-width:1px}
|
|
14
|
+
._1dqonqa1{border-style:solid}
|
|
15
|
+
._1h6d16fc{border-color:#666}
|
|
13
16
|
._14hp1j2z button{width:36px!important}
|
|
14
17
|
._14lz1lpd input[type=range]::-webkit-slider-thumb{margin-top:-5px}
|
|
15
18
|
._154i1ssb{top:50%}
|
|
@@ -42,7 +45,6 @@
|
|
|
42
45
|
._1qcea6sd input[type=range]::-webkit-slider-thumb{background-color:#9fadbc}
|
|
43
46
|
._1reo15vq{overflow-x:hidden}
|
|
44
47
|
._1w9uglyw input[type=range]::-webkit-slider-runnable-track{--webkit-appearance:none}
|
|
45
|
-
._1wybutpp{font-size:var(--ds-space-150,9pt)}
|
|
46
48
|
._1xi2idpf{right:0}
|
|
47
49
|
._2hwxu2gc{margin-right:var(--ds-space-100,8px)}
|
|
48
50
|
._2hwxutpp{margin-right:var(--ds-space-150,9pt)}
|
|
@@ -73,7 +73,7 @@ var Thumb = exports.Thumb = function Thumb(_ref5) {
|
|
|
73
73
|
var children = _ref5.children,
|
|
74
74
|
props = (0, _objectWithoutProperties2.default)(_ref5, _excluded5);
|
|
75
75
|
return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, props, {
|
|
76
|
-
className: (0, _runtime.ax)(["_lcxvglyw _1bsbdlk8 _4t3idlk8 _2rko1osq _bfhku67f
|
|
76
|
+
className: (0, _runtime.ax)(["_lcxvglyw _1bsbdlk8 _4t3idlk8 _2rko1osq _bfhku67f _189et94y _1dqonqa1 _1h6d16fc _kqswstnw _1xi2idpf _154iv77o _t9ec17tb _v5641eho _1lww9cwz"])
|
|
77
77
|
}), children);
|
|
78
78
|
};
|
|
79
79
|
var currentTimeLineThumbStyles = null;
|
|
@@ -167,7 +167,7 @@ var CurrentTimeTooltip = exports.CurrentTimeTooltip = function CurrentTimeToolti
|
|
|
167
167
|
props = (0, _objectWithoutProperties2.default)(_ref14, _excluded14);
|
|
168
168
|
return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
|
|
169
169
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
170
|
-
className: (0, _runtime.ax)(["_kqswstnw _uiztglyw _154iukr8 _bfhk39qu _syaz1pcz
|
|
170
|
+
className: (0, _runtime.ax)(["_kqswstnw _uiztglyw _154iukr8 _bfhk39qu _syaz1pcz _11c8qk37 _1yt4necs _2rko1b66 _1ltv1ssb _t9eczr6s _v564g17y _1nmz16rz", isDragging && "_tzy4kb7n", !isDragging && "_tzy4idpf", timeLineThumbIsHover && "_tzy4kb7n", timeLineThumbIsFocus && "_tzy4kb7n", "current-time-tooltip"])
|
|
171
171
|
}, props, {
|
|
172
172
|
style: {
|
|
173
173
|
"--_5sw9gb": (0, _runtime.ix)("var(--ds-space-050, 4px)".concat(" ", "var(--ds-space-100, 8px)"))
|
|
@@ -7,7 +7,7 @@ import { fg } from '@atlaskit/platform-feature-flags';
|
|
|
7
7
|
import { withMediaAnalyticsContext } from '@atlaskit/media-common';
|
|
8
8
|
export const CustomMediaPlayerBase = props => fg('platform_media_compiled') ? /*#__PURE__*/React.createElement(CompiledCustomMediaPlayerBase, props) : /*#__PURE__*/React.createElement(EmotionCustomMediaPlayerBase, props);
|
|
9
9
|
const packageName = "@atlaskit/media-ui";
|
|
10
|
-
const packageVersion = "27.0.
|
|
10
|
+
const packageVersion = "27.0.3";
|
|
11
11
|
|
|
12
12
|
// @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
|
|
13
13
|
export const CustomMediaPlayer = withMediaAnalyticsContext({
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
+
._11c8qk37{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
|
|
1
2
|
._11q7acks{background:linear-gradient(0deg,#101214,rgba(14,22,36,0))}
|
|
2
|
-
._19it2oc5{border:1px solid #666}
|
|
3
3
|
._19itglyw{border:none}
|
|
4
4
|
._1a371rek{outline:2px solid var(--ds-border-focused,#85b8ff)}
|
|
5
5
|
._1yt418iy{padding:var(--ds-space-050,4px) var(--ds-space-100,8px)}
|
|
@@ -10,6 +10,9 @@
|
|
|
10
10
|
._v5641eho{transition:all .1s}
|
|
11
11
|
._v5641rb3{transition:width .3s}
|
|
12
12
|
._v564g17y{transition:opacity .3s}
|
|
13
|
+
._189et94y{border-width:1px}
|
|
14
|
+
._1dqonqa1{border-style:solid}
|
|
15
|
+
._1h6d16fc{border-color:#666}
|
|
13
16
|
._14hp1j2z button{width:36px!important}
|
|
14
17
|
._14lz1lpd input[type=range]::-webkit-slider-thumb{margin-top:-5px}
|
|
15
18
|
._154i1ssb{top:50%}
|
|
@@ -42,7 +45,6 @@
|
|
|
42
45
|
._1qcea6sd input[type=range]::-webkit-slider-thumb{background-color:#9fadbc}
|
|
43
46
|
._1reo15vq{overflow-x:hidden}
|
|
44
47
|
._1w9uglyw input[type=range]::-webkit-slider-runnable-track{--webkit-appearance:none}
|
|
45
|
-
._1wybutpp{font-size:var(--ds-space-150,9pt)}
|
|
46
48
|
._1xi2idpf{right:0}
|
|
47
49
|
._2hwxu2gc{margin-right:var(--ds-space-100,8px)}
|
|
48
50
|
._2hwxutpp{margin-right:var(--ds-space-150,9pt)}
|
|
@@ -46,7 +46,7 @@ export const Thumb = ({
|
|
|
46
46
|
children,
|
|
47
47
|
...props
|
|
48
48
|
}) => /*#__PURE__*/React.createElement("div", _extends({}, props, {
|
|
49
|
-
className: ax(["_lcxvglyw _1bsbdlk8 _4t3idlk8 _2rko1osq _bfhku67f
|
|
49
|
+
className: ax(["_lcxvglyw _1bsbdlk8 _4t3idlk8 _2rko1osq _bfhku67f _189et94y _1dqonqa1 _1h6d16fc _kqswstnw _1xi2idpf _154iv77o _t9ec17tb _v5641eho _1lww9cwz"])
|
|
50
50
|
}), children);
|
|
51
51
|
const currentTimeLineThumbStyles = null;
|
|
52
52
|
export const CurrentTimeLineThumb = /*#__PURE__*/forwardRef(({
|
|
@@ -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(["_kqswstnw _uiztglyw _154iukr8 _bfhk39qu _syaz1pcz
|
|
135
|
+
className: ax(["_kqswstnw _uiztglyw _154iukr8 _bfhk39qu _syaz1pcz _11c8qk37 _1yt418iy _2rko1b66 _1ltv1ssb _t9eczr6s _v564g17y _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(({
|
|
@@ -9,7 +9,7 @@ export var CustomMediaPlayerBase = function CustomMediaPlayerBase(props) {
|
|
|
9
9
|
return fg('platform_media_compiled') ? /*#__PURE__*/React.createElement(CompiledCustomMediaPlayerBase, props) : /*#__PURE__*/React.createElement(EmotionCustomMediaPlayerBase, props);
|
|
10
10
|
};
|
|
11
11
|
var packageName = "@atlaskit/media-ui";
|
|
12
|
-
var packageVersion = "27.0.
|
|
12
|
+
var packageVersion = "27.0.3";
|
|
13
13
|
|
|
14
14
|
// @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
|
|
15
15
|
export var CustomMediaPlayer = withMediaAnalyticsContext({
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
+
._11c8qk37{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
|
|
1
2
|
._11q7acks{background:linear-gradient(0deg,#101214,rgba(14,22,36,0))}
|
|
2
|
-
._19it2oc5{border:1px solid #666}
|
|
3
3
|
._19itglyw{border:none}
|
|
4
4
|
._1a37q36z{outline:var(--_k4vj5w)}
|
|
5
5
|
._1yt4necs{padding:var(--_5sw9gb)}
|
|
@@ -10,6 +10,9 @@
|
|
|
10
10
|
._v5641eho{transition:all .1s}
|
|
11
11
|
._v5641rb3{transition:width .3s}
|
|
12
12
|
._v564g17y{transition:opacity .3s}
|
|
13
|
+
._189et94y{border-width:1px}
|
|
14
|
+
._1dqonqa1{border-style:solid}
|
|
15
|
+
._1h6d16fc{border-color:#666}
|
|
13
16
|
._14hp1j2z button{width:36px!important}
|
|
14
17
|
._14lz1lpd input[type=range]::-webkit-slider-thumb{margin-top:-5px}
|
|
15
18
|
._154i1ssb{top:50%}
|
|
@@ -42,7 +45,6 @@
|
|
|
42
45
|
._1qcea6sd input[type=range]::-webkit-slider-thumb{background-color:#9fadbc}
|
|
43
46
|
._1reo15vq{overflow-x:hidden}
|
|
44
47
|
._1w9uglyw input[type=range]::-webkit-slider-runnable-track{--webkit-appearance:none}
|
|
45
|
-
._1wybutpp{font-size:var(--ds-space-150,9pt)}
|
|
46
48
|
._1xi2idpf{right:0}
|
|
47
49
|
._2hwxu2gc{margin-right:var(--ds-space-100,8px)}
|
|
48
50
|
._2hwxutpp{margin-right:var(--ds-space-150,9pt)}
|
|
@@ -64,7 +64,7 @@ export var Thumb = function Thumb(_ref5) {
|
|
|
64
64
|
var children = _ref5.children,
|
|
65
65
|
props = _objectWithoutProperties(_ref5, _excluded5);
|
|
66
66
|
return /*#__PURE__*/React.createElement("div", _extends({}, props, {
|
|
67
|
-
className: ax(["_lcxvglyw _1bsbdlk8 _4t3idlk8 _2rko1osq _bfhku67f
|
|
67
|
+
className: ax(["_lcxvglyw _1bsbdlk8 _4t3idlk8 _2rko1osq _bfhku67f _189et94y _1dqonqa1 _1h6d16fc _kqswstnw _1xi2idpf _154iv77o _t9ec17tb _v5641eho _1lww9cwz"])
|
|
68
68
|
}), children);
|
|
69
69
|
};
|
|
70
70
|
var currentTimeLineThumbStyles = null;
|
|
@@ -158,7 +158,7 @@ export var CurrentTimeTooltip = function CurrentTimeTooltip(_ref14) {
|
|
|
158
158
|
props = _objectWithoutProperties(_ref14, _excluded14);
|
|
159
159
|
return /*#__PURE__*/React.createElement("div", _extends({
|
|
160
160
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
161
|
-
className: ax(["_kqswstnw _uiztglyw _154iukr8 _bfhk39qu _syaz1pcz
|
|
161
|
+
className: ax(["_kqswstnw _uiztglyw _154iukr8 _bfhk39qu _syaz1pcz _11c8qk37 _1yt4necs _2rko1b66 _1ltv1ssb _t9eczr6s _v564g17y _1nmz16rz", isDragging && "_tzy4kb7n", !isDragging && "_tzy4idpf", timeLineThumbIsHover && "_tzy4kb7n", timeLineThumbIsFocus && "_tzy4kb7n", "current-time-tooltip"])
|
|
162
162
|
}, props, {
|
|
163
163
|
style: {
|
|
164
164
|
"--_5sw9gb": ix("var(--ds-space-050, 4px)".concat(" ", "var(--ds-space-100, 8px)"))
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/media-ui",
|
|
3
|
-
"version": "27.0.
|
|
3
|
+
"version": "27.0.3",
|
|
4
4
|
"description": "Includes common components and utilities used by other media packages",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -35,8 +35,8 @@
|
|
|
35
35
|
"@atlaskit/media-common": "^11.7.0",
|
|
36
36
|
"@atlaskit/platform-feature-flags": "^0.3.0",
|
|
37
37
|
"@atlaskit/primitives": "^13.3.0",
|
|
38
|
-
"@atlaskit/range": "^
|
|
39
|
-
"@atlaskit/select": "^18.
|
|
38
|
+
"@atlaskit/range": "^8.0.0",
|
|
39
|
+
"@atlaskit/select": "^18.8.0",
|
|
40
40
|
"@atlaskit/spinner": "^16.3.0",
|
|
41
41
|
"@atlaskit/theme": "^14.0.0",
|
|
42
42
|
"@atlaskit/tokens": "^2.4.0",
|