Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@popmenu/audio-player

Package Overview
Dependencies
Maintainers
3
Versions
72
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@popmenu/audio-player - npm Package Compare versions

Comparing version 0.28.0 to 0.29.0

117

build/index.es.js

@@ -135,107 +135,107 @@ import * as React from 'react';

var _path$1m;
var _path$V;
function _extends$1r() { _extends$1r = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1r.apply(this, arguments); }
function _extends$1n() { _extends$1n = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1n.apply(this, arguments); }
function SvgPause(props) {
return /*#__PURE__*/React.createElement("svg", _extends$1r({
return /*#__PURE__*/React.createElement("svg", _extends$1n({
viewBox: "0 0 16 16",
fill: "none",
strokeLinecap: "round",
strokeLinejoin: "round",
stroke: "currentColor",
width: "1em",
height: "1em",
fill: "none"
}, props), _path$1m || (_path$1m = /*#__PURE__*/React.createElement("path", {
d: "M6.667 2.667H4v10.666h2.667V2.666zm5.333 0H9.333v10.666H12V2.666z"
height: "1em"
}, props), _path$V || (_path$V = /*#__PURE__*/React.createElement("path", {
d: "M6.667 2.667H4v10.666h2.667V2.666zm5.333 0H9.333v10.666H12V2.666z",
stroke: "currentColor"
})));
}
var _path$1k;
var _path$T;
function _extends$1p() { _extends$1p = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1p.apply(this, arguments); }
function _extends$1l() { _extends$1l = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1l.apply(this, arguments); }
function SvgPlay(props) {
return /*#__PURE__*/React.createElement("svg", _extends$1p({
return /*#__PURE__*/React.createElement("svg", _extends$1l({
viewBox: "0 0 16 16",
fill: "none",
strokeLinecap: "round",
strokeLinejoin: "round",
stroke: "currentColor",
width: "1em",
height: "1em",
fill: "none"
}, props), _path$1k || (_path$1k = /*#__PURE__*/React.createElement("path", {
d: "M3.333 2l9.334 6-9.334 6V2z"
height: "1em"
}, props), _path$T || (_path$T = /*#__PURE__*/React.createElement("path", {
d: "M3.333 2l9.334 6-9.334 6V2z",
stroke: "currentColor"
})));
}
var _path$17;
var _path$L;
function _extends$1c() { _extends$1c = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1c.apply(this, arguments); }
function _extends$18() { _extends$18 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$18.apply(this, arguments); }
function SvgVolumeDown(props) {
return /*#__PURE__*/React.createElement("svg", _extends$1c({
return /*#__PURE__*/React.createElement("svg", _extends$18({
viewBox: "0 0 16 16",
fill: "none",
strokeLinecap: "round",
strokeLinejoin: "round",
stroke: "currentColor",
width: "1em",
height: "1em",
fill: "none"
}, props), _path$17 || (_path$17 = /*#__PURE__*/React.createElement("path", {
d: "M8.999 3.333L5.665 6H3v4h2.666L9 12.667V3.333zm3.026 2.307a3.333 3.333 0 010 4.714"
height: "1em"
}, props), _path$L || (_path$L = /*#__PURE__*/React.createElement("path", {
d: "M8.999 3.333L5.665 6H3v4h2.666L9 12.667V3.333zm3.026 2.307a3.333 3.333 0 010 4.714",
stroke: "currentColor"
})));
}
var _path$16;
var _path$K;
function _extends$1b() { _extends$1b = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1b.apply(this, arguments); }
function _extends$17() { _extends$17 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$17.apply(this, arguments); }
function SvgVolumeMute(props) {
return /*#__PURE__*/React.createElement("svg", _extends$1b({
return /*#__PURE__*/React.createElement("svg", _extends$17({
viewBox: "0 0 16 16",
fill: "none",
strokeLinecap: "round",
strokeLinejoin: "round",
stroke: "currentColor",
width: "1em",
height: "1em",
fill: "none"
}, props), _path$16 || (_path$16 = /*#__PURE__*/React.createElement("path", {
d: "M7.333 3.333L4 6H1.333v4H4l3.333 2.667V3.333z"
height: "1em"
}, props), _path$K || (_path$K = /*#__PURE__*/React.createElement("path", {
d: "M7.333 3.333L4 6H1.333v4H4l3.333 2.667V3.333z",
stroke: "currentColor"
})));
}
var _path$15;
var _path$J;
function _extends$1a() { _extends$1a = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1a.apply(this, arguments); }
function _extends$16() { _extends$16 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$16.apply(this, arguments); }
function SvgVolumeOff(props) {
return /*#__PURE__*/React.createElement("svg", _extends$1a({
return /*#__PURE__*/React.createElement("svg", _extends$16({
viewBox: "0 0 16 16",
fill: "none",
strokeLinecap: "round",
strokeLinejoin: "round",
stroke: "currentColor",
width: "1em",
height: "1em",
fill: "none"
}, props), _path$15 || (_path$15 = /*#__PURE__*/React.createElement("path", {
d: "M7.333 3.333L4 6H1.333v4H4l3.333 2.667V3.333zm8 2.667l-4 4m0-4l4 4"
height: "1em"
}, props), _path$J || (_path$J = /*#__PURE__*/React.createElement("path", {
d: "M7.333 3.333L4 6H1.333v4H4l3.333 2.667V3.333zm8 2.667l-4 4m0-4l4 4",
stroke: "currentColor"
})));
}
var _path$14;
var _path$I;
function _extends$19() { _extends$19 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$19.apply(this, arguments); }
function _extends$15() { _extends$15 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$15.apply(this, arguments); }
function SvgVolumeUp(props) {
return /*#__PURE__*/React.createElement("svg", _extends$19({
return /*#__PURE__*/React.createElement("svg", _extends$15({
viewBox: "0 0 16 16",
fill: "none",
strokeLinecap: "round",
strokeLinejoin: "round",
stroke: "currentColor",
width: "1em",
height: "1em",
fill: "none"
}, props), _path$14 || (_path$14 = /*#__PURE__*/React.createElement("path", {
d: "M7.333 3.333L4 6H1.333v4H4l3.333 2.667V3.333zm5.38-.046a6.667 6.667 0 010 9.426M10.36 5.64a3.333 3.333 0 010 4.713"
height: "1em"
}, props), _path$I || (_path$I = /*#__PURE__*/React.createElement("path", {
d: "M7.333 3.333L4 6H1.333v4H4l3.333 2.667V3.333zm5.38-.046a6.667 6.667 0 010 9.426M10.36 5.64a3.333 3.333 0 010 4.713",
stroke: "currentColor"
})));

@@ -282,17 +282,17 @@ }

var _path$2Q;
var _path$1W;
function _extends$35() { _extends$35 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$35.apply(this, arguments); }
function _extends$31() { _extends$31 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$31.apply(this, arguments); }
function SvgUser(props) {
return /*#__PURE__*/React.createElement("svg", _extends$35({
return /*#__PURE__*/React.createElement("svg", _extends$31({
viewBox: "0 0 16 16",
fill: "none",
strokeLinecap: "round",
strokeLinejoin: "round",
stroke: "currentColor",
width: "1em",
height: "1em",
fill: "none"
}, props), _path$2Q || (_path$2Q = /*#__PURE__*/React.createElement("path", {
d: "M13.333 14v-1.333A2.667 2.667 0 0010.667 10H5.333a2.667 2.667 0 00-2.666 2.667V14M8 7.333A2.667 2.667 0 108 2a2.667 2.667 0 000 5.333z"
height: "1em"
}, props), _path$1W || (_path$1W = /*#__PURE__*/React.createElement("path", {
d: "M13.333 14v-1.333A2.667 2.667 0 0010.667 10H5.333a2.667 2.667 0 00-2.666 2.667V14M8 7.333A2.667 2.667 0 108 2a2.667 2.667 0 000 5.333z",
stroke: "currentColor"
})));

@@ -627,4 +627,5 @@ }

props.weight; var _a = props.variant, variant = _a === void 0 ? 'body1' : _a; props.color; var restProps = __rest(props, ["weight", "variant", "color"]);
var classes = useTypographyStyles(props);
var component = variantMap[variant];
var validatedVariant = Object.keys(variantMap).includes(variant) ? variant : 'body1';
var classes = useTypographyStyles(__assign(__assign({}, props), { variant: validatedVariant }));
var component = variantMap[validatedVariant];
return React__default.createElement(Typography$1, __assign({ component: component, ref: ref, classes: classes }, restProps, { variant: "inherit" }));

@@ -631,0 +632,0 @@ });

@@ -174,107 +174,107 @@ 'use strict';

var _path$1m;
var _path$V;
function _extends$1r() { _extends$1r = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1r.apply(this, arguments); }
function _extends$1n() { _extends$1n = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1n.apply(this, arguments); }
function SvgPause(props) {
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1r({
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1n({
viewBox: "0 0 16 16",
fill: "none",
strokeLinecap: "round",
strokeLinejoin: "round",
stroke: "currentColor",
width: "1em",
height: "1em",
fill: "none"
}, props), _path$1m || (_path$1m = /*#__PURE__*/React__namespace.createElement("path", {
d: "M6.667 2.667H4v10.666h2.667V2.666zm5.333 0H9.333v10.666H12V2.666z"
height: "1em"
}, props), _path$V || (_path$V = /*#__PURE__*/React__namespace.createElement("path", {
d: "M6.667 2.667H4v10.666h2.667V2.666zm5.333 0H9.333v10.666H12V2.666z",
stroke: "currentColor"
})));
}
var _path$1k;
var _path$T;
function _extends$1p() { _extends$1p = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1p.apply(this, arguments); }
function _extends$1l() { _extends$1l = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1l.apply(this, arguments); }
function SvgPlay(props) {
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1p({
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1l({
viewBox: "0 0 16 16",
fill: "none",
strokeLinecap: "round",
strokeLinejoin: "round",
stroke: "currentColor",
width: "1em",
height: "1em",
fill: "none"
}, props), _path$1k || (_path$1k = /*#__PURE__*/React__namespace.createElement("path", {
d: "M3.333 2l9.334 6-9.334 6V2z"
height: "1em"
}, props), _path$T || (_path$T = /*#__PURE__*/React__namespace.createElement("path", {
d: "M3.333 2l9.334 6-9.334 6V2z",
stroke: "currentColor"
})));
}
var _path$17;
var _path$L;
function _extends$1c() { _extends$1c = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1c.apply(this, arguments); }
function _extends$18() { _extends$18 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$18.apply(this, arguments); }
function SvgVolumeDown(props) {
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1c({
return /*#__PURE__*/React__namespace.createElement("svg", _extends$18({
viewBox: "0 0 16 16",
fill: "none",
strokeLinecap: "round",
strokeLinejoin: "round",
stroke: "currentColor",
width: "1em",
height: "1em",
fill: "none"
}, props), _path$17 || (_path$17 = /*#__PURE__*/React__namespace.createElement("path", {
d: "M8.999 3.333L5.665 6H3v4h2.666L9 12.667V3.333zm3.026 2.307a3.333 3.333 0 010 4.714"
height: "1em"
}, props), _path$L || (_path$L = /*#__PURE__*/React__namespace.createElement("path", {
d: "M8.999 3.333L5.665 6H3v4h2.666L9 12.667V3.333zm3.026 2.307a3.333 3.333 0 010 4.714",
stroke: "currentColor"
})));
}
var _path$16;
var _path$K;
function _extends$1b() { _extends$1b = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1b.apply(this, arguments); }
function _extends$17() { _extends$17 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$17.apply(this, arguments); }
function SvgVolumeMute(props) {
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1b({
return /*#__PURE__*/React__namespace.createElement("svg", _extends$17({
viewBox: "0 0 16 16",
fill: "none",
strokeLinecap: "round",
strokeLinejoin: "round",
stroke: "currentColor",
width: "1em",
height: "1em",
fill: "none"
}, props), _path$16 || (_path$16 = /*#__PURE__*/React__namespace.createElement("path", {
d: "M7.333 3.333L4 6H1.333v4H4l3.333 2.667V3.333z"
height: "1em"
}, props), _path$K || (_path$K = /*#__PURE__*/React__namespace.createElement("path", {
d: "M7.333 3.333L4 6H1.333v4H4l3.333 2.667V3.333z",
stroke: "currentColor"
})));
}
var _path$15;
var _path$J;
function _extends$1a() { _extends$1a = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1a.apply(this, arguments); }
function _extends$16() { _extends$16 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$16.apply(this, arguments); }
function SvgVolumeOff(props) {
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1a({
return /*#__PURE__*/React__namespace.createElement("svg", _extends$16({
viewBox: "0 0 16 16",
fill: "none",
strokeLinecap: "round",
strokeLinejoin: "round",
stroke: "currentColor",
width: "1em",
height: "1em",
fill: "none"
}, props), _path$15 || (_path$15 = /*#__PURE__*/React__namespace.createElement("path", {
d: "M7.333 3.333L4 6H1.333v4H4l3.333 2.667V3.333zm8 2.667l-4 4m0-4l4 4"
height: "1em"
}, props), _path$J || (_path$J = /*#__PURE__*/React__namespace.createElement("path", {
d: "M7.333 3.333L4 6H1.333v4H4l3.333 2.667V3.333zm8 2.667l-4 4m0-4l4 4",
stroke: "currentColor"
})));
}
var _path$14;
var _path$I;
function _extends$19() { _extends$19 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$19.apply(this, arguments); }
function _extends$15() { _extends$15 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$15.apply(this, arguments); }
function SvgVolumeUp(props) {
return /*#__PURE__*/React__namespace.createElement("svg", _extends$19({
return /*#__PURE__*/React__namespace.createElement("svg", _extends$15({
viewBox: "0 0 16 16",
fill: "none",
strokeLinecap: "round",
strokeLinejoin: "round",
stroke: "currentColor",
width: "1em",
height: "1em",
fill: "none"
}, props), _path$14 || (_path$14 = /*#__PURE__*/React__namespace.createElement("path", {
d: "M7.333 3.333L4 6H1.333v4H4l3.333 2.667V3.333zm5.38-.046a6.667 6.667 0 010 9.426M10.36 5.64a3.333 3.333 0 010 4.713"
height: "1em"
}, props), _path$I || (_path$I = /*#__PURE__*/React__namespace.createElement("path", {
d: "M7.333 3.333L4 6H1.333v4H4l3.333 2.667V3.333zm5.38-.046a6.667 6.667 0 010 9.426M10.36 5.64a3.333 3.333 0 010 4.713",
stroke: "currentColor"
})));

@@ -321,17 +321,17 @@ }

var _path$2Q;
var _path$1W;
function _extends$35() { _extends$35 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$35.apply(this, arguments); }
function _extends$31() { _extends$31 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$31.apply(this, arguments); }
function SvgUser(props) {
return /*#__PURE__*/React__namespace.createElement("svg", _extends$35({
return /*#__PURE__*/React__namespace.createElement("svg", _extends$31({
viewBox: "0 0 16 16",
fill: "none",
strokeLinecap: "round",
strokeLinejoin: "round",
stroke: "currentColor",
width: "1em",
height: "1em",
fill: "none"
}, props), _path$2Q || (_path$2Q = /*#__PURE__*/React__namespace.createElement("path", {
d: "M13.333 14v-1.333A2.667 2.667 0 0010.667 10H5.333a2.667 2.667 0 00-2.666 2.667V14M8 7.333A2.667 2.667 0 108 2a2.667 2.667 0 000 5.333z"
height: "1em"
}, props), _path$1W || (_path$1W = /*#__PURE__*/React__namespace.createElement("path", {
d: "M13.333 14v-1.333A2.667 2.667 0 0010.667 10H5.333a2.667 2.667 0 00-2.666 2.667V14M8 7.333A2.667 2.667 0 108 2a2.667 2.667 0 000 5.333z",
stroke: "currentColor"
})));

@@ -666,4 +666,5 @@ }

props.weight; var _a = props.variant, variant = _a === void 0 ? 'body1' : _a; props.color; var restProps = __rest(props, ["weight", "variant", "color"]);
var classes = useTypographyStyles(props);
var component = variantMap[variant];
var validatedVariant = Object.keys(variantMap).includes(variant) ? variant : 'body1';
var classes = useTypographyStyles(__assign(__assign({}, props), { variant: validatedVariant }));
var component = variantMap[validatedVariant];
return React__default['default'].createElement(core.Typography, __assign({ component: component, ref: ref, classes: classes }, restProps, { variant: "inherit" }));

@@ -670,0 +671,0 @@ });

{
"name": "@popmenu/audio-player",
"version": "0.28.0",
"version": "0.29.0",
"license": "MIT",

@@ -31,3 +31,3 @@ "author": "Popmenu Design System Team",

"sideEffects": false,
"gitHead": "e94e8b2bf58e7c2767c320311051c6f50aaa8c5f"
"gitHead": "4cad872956f45ba5ca58452fc04e7188fcce6252"
}

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc