@micromag/element-audio 0.4.4 → 0.4.6

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 (4) hide show
  1. package/assets/css/styles.css +3 -3
  2. package/es/index.js +3 -3
  3. package/es/styles.css +3 -3
  4. package/package.json +5 -5
package/assets/css/styles.css CHANGED
@@ -1,3 +1,3 @@
1
- .container{height:100%;position:relative;width:100%}.container .seekButton{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:inherit;cursor:pointer;display:inline-block;font-family:inherit;height:100%;left:0;padding:0;position:absolute;top:0;-ms-touch-action:none;touch-action:none;width:100%}
2
- .container .wave{height:150px}.container .wave.withAutoHeight{height:100%}
3
- .container{height:100px;position:relative;-ms-touch-action:pan-y;touch-action:pan-y}.container .button,.container .canvasBackground,.container .canvasProgress{height:100%;left:0;position:absolute;top:0;width:100%}.container .button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:inherit;cursor:pointer;display:inline-block;font-family:inherit;padding:0;position:relative}
1
+ .micromag-element-audio-audio-bars-container{height:100%;position:relative;width:100%}.micromag-element-audio-audio-bars-container .micromag-element-audio-audio-bars-seekButton{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:inherit;cursor:pointer;display:inline-block;font-family:inherit;height:100%;left:0;padding:0;position:absolute;top:0;-ms-touch-action:none;touch-action:none;width:100%}
2
+ .micromag-element-audio-container .micromag-element-audio-wave{height:150px}.micromag-element-audio-container .micromag-element-audio-wave.micromag-element-audio-withAutoHeight{height:100%}
3
+ .micromag-element-audio-audio-wave-container{height:100px;position:relative;-ms-touch-action:pan-y;touch-action:pan-y}.micromag-element-audio-audio-wave-container .micromag-element-audio-audio-wave-button,.micromag-element-audio-audio-wave-container .micromag-element-audio-audio-wave-canvasBackground,.micromag-element-audio-audio-wave-container .micromag-element-audio-audio-wave-canvasProgress{height:100%;left:0;position:absolute;top:0;width:100%}.micromag-element-audio-audio-wave-container .micromag-element-audio-audio-wave-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:inherit;cursor:pointer;display:inline-block;font-family:inherit;padding:0;position:relative}
package/es/index.js CHANGED
@@ -12,7 +12,7 @@ import { useSpring } from '@react-spring/core';
12
12
  import { animated } from '@react-spring/web';
13
13
  import { getContrastingColor } from '@micromag/core/utils';
14
14
 
15
- var styles$2 = {"container":"container","seekButton":"seekButton"};
15
+ var styles$2 = {"container":"micromag-element-audio-audio-bars-container","seekButton":"micromag-element-audio-audio-bars-seekButton"};
16
16
 
17
17
  function AudioBars(_ref) {
18
18
  var _ref$progress = _ref.progress,
@@ -159,7 +159,7 @@ function AudioBars(_ref) {
159
159
  })));
160
160
  }
161
161
 
162
- var styles$1 = {"container":"container","wave":"wave","withAutoHeight":"withAutoHeight"};
162
+ var styles$1 = {"container":"micromag-element-audio-container","wave":"micromag-element-audio-wave","withAutoHeight":"micromag-element-audio-withAutoHeight"};
163
163
 
164
164
  function Audio(_ref) {
165
165
  var _ref$media = _ref.media,
@@ -358,7 +358,7 @@ var Audio_default = /*#__PURE__*/React.forwardRef(function (props, ref) {
358
358
  }, props));
359
359
  });
360
360
 
361
- var styles = {"container":"container","canvasBackground":"canvasBackground","canvasProgress":"canvasProgress"};
361
+ var styles = {"container":"micromag-element-audio-audio-wave-container","canvasBackground":"micromag-element-audio-audio-wave-canvasBackground","canvasProgress":"micromag-element-audio-audio-wave-canvasProgress"};
362
362
 
363
363
  function AudioWave(_ref) {
364
364
  var _ref$currentTime = _ref.currentTime,
package/es/styles.css CHANGED
@@ -1,3 +1,3 @@
1
- .container{height:100%;position:relative;width:100%}.container .seekButton{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:inherit;cursor:pointer;display:inline-block;font-family:inherit;height:100%;left:0;padding:0;position:absolute;top:0;-ms-touch-action:none;touch-action:none;width:100%}
2
- .container .wave{height:150px}.container .wave.withAutoHeight{height:100%}
3
- .container{height:100px;position:relative;-ms-touch-action:pan-y;touch-action:pan-y}.container .button,.container .canvasBackground,.container .canvasProgress{height:100%;left:0;position:absolute;top:0;width:100%}.container .button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:inherit;cursor:pointer;display:inline-block;font-family:inherit;padding:0;position:relative}
1
+ .micromag-element-audio-audio-bars-container{height:100%;position:relative;width:100%}.micromag-element-audio-audio-bars-container .micromag-element-audio-audio-bars-seekButton{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:inherit;cursor:pointer;display:inline-block;font-family:inherit;height:100%;left:0;padding:0;position:absolute;top:0;-ms-touch-action:none;touch-action:none;width:100%}
2
+ .micromag-element-audio-container .micromag-element-audio-wave{height:150px}.micromag-element-audio-container .micromag-element-audio-wave.micromag-element-audio-withAutoHeight{height:100%}
3
+ .micromag-element-audio-audio-wave-container{height:100px;position:relative;-ms-touch-action:pan-y;touch-action:pan-y}.micromag-element-audio-audio-wave-container .micromag-element-audio-audio-wave-button,.micromag-element-audio-audio-wave-container .micromag-element-audio-audio-wave-canvasBackground,.micromag-element-audio-audio-wave-container .micromag-element-audio-audio-wave-canvasProgress{height:100%;left:0;position:absolute;top:0;width:100%}.micromag-element-audio-audio-wave-container .micromag-element-audio-audio-wave-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:inherit;cursor:pointer;display:inline-block;font-family:inherit;padding:0;position:relative}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/element-audio",
3
- "version": "0.4.4",
3
+ "version": "0.4.6",
4
4
  "private": false,
5
5
  "description": "",
6
6
  "keywords": [
@@ -60,9 +60,9 @@
60
60
  "react-dom": "^18.3.0 || ^19.0.0"
61
61
  },
62
62
  "dependencies": {
63
- "@babel/runtime": "^7.13.10",
64
- "@micromag/core": "^0.4.4",
65
- "@micromag/element-closed-captions": "^0.4.4",
63
+ "@babel/runtime": "^7.28.6",
64
+ "@micromag/core": "^0.4.6",
65
+ "@micromag/element-closed-captions": "^0.4.6",
66
66
  "@react-spring/core": "^10.0.3",
67
67
  "@react-spring/web": "^10.0.3",
68
68
  "@use-gesture/react": "^10.3.0",
@@ -75,5 +75,5 @@
75
75
  "access": "public",
76
76
  "registry": "https://registry.npmjs.org/"
77
77
  },
78
- "gitHead": "04b8519c3a3ddace5a21497e22faa11865d57f6d"
78
+ "gitHead": "cf8440c2851b864167a1f545aa56551d55473263"
79
79
  }