@codecademy/gamut-icons 9.15.2-alpha.4d1583.0 → 9.15.2-alpha.c74c58.0
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/dist/icons/regular/ListeningIcon.d.ts +3 -0
- package/dist/icons/regular/ListeningIcon.js +70 -0
- package/dist/icons/regular/RecordingIcon.js +5 -22
- package/dist/icons/regular/index.d.ts +1 -0
- package/dist/icons/regular/index.js +1 -0
- package/dist/svg/regular/listening-icon.svg +13 -0
- package/dist/svg/regular/microphone-icon.svg +3 -3
- package/dist/svg/regular/recording-icon.svg +5 -12
- package/package.json +2 -2
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
2
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
3
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
4
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
5
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
6
|
+
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
7
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
8
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
9
|
+
import * as React from 'react';
|
|
10
|
+
import { Svg } from '../../props';
|
|
11
|
+
import { useIconId } from '../../useIconId';
|
|
12
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
|
+
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
14
|
+
export var ListeningIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
|
|
15
|
+
var _ref$title = _ref.title,
|
|
16
|
+
title = _ref$title === void 0 ? 'Listening Icon' : _ref$title,
|
|
17
|
+
titleId = _ref.titleId,
|
|
18
|
+
_ref$size = _ref.size,
|
|
19
|
+
size = _ref$size === void 0 ? 16 : _ref$size,
|
|
20
|
+
_ref$height = _ref.height,
|
|
21
|
+
height = _ref$height === void 0 ? size : _ref$height,
|
|
22
|
+
_ref$width = _ref.width,
|
|
23
|
+
width = _ref$width === void 0 ? size : _ref$width,
|
|
24
|
+
props = _objectWithoutProperties(_ref, ["title", "titleId", "size", "height", "width"]);
|
|
25
|
+
var maskId = useIconId('ListeningIcon');
|
|
26
|
+
return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
|
|
27
|
+
viewBox: "0 0 24 24",
|
|
28
|
+
fill: "#fff",
|
|
29
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
30
|
+
role: "img",
|
|
31
|
+
"aria-hidden": "true",
|
|
32
|
+
"pointer-events": "none",
|
|
33
|
+
width: width,
|
|
34
|
+
height: height,
|
|
35
|
+
ref: svgRef,
|
|
36
|
+
"aria-labelledby": titleId
|
|
37
|
+
}, props), {}, {
|
|
38
|
+
children: [title ? /*#__PURE__*/_jsx("title", {
|
|
39
|
+
id: titleId,
|
|
40
|
+
children: title
|
|
41
|
+
}) : null, /*#__PURE__*/_jsxs("mask", {
|
|
42
|
+
id: "".concat(maskId),
|
|
43
|
+
children: [/*#__PURE__*/_jsx("g", {
|
|
44
|
+
clipPath: "url(#listening-icon_svg__listening-icon_svg__clip0_3606_22693)",
|
|
45
|
+
stroke: "#fff",
|
|
46
|
+
strokeWidth: 1.5,
|
|
47
|
+
strokeLinecap: "round",
|
|
48
|
+
strokeLinejoin: "round",
|
|
49
|
+
children: /*#__PURE__*/_jsx("path", {
|
|
50
|
+
d: "M4.3 17.017A9.752 9.752 0 014.914 1.5m2.641 13.073a6.75 6.75 0 01-.214-9.965m15.808 2.458a6.749 6.749 0 00-13.397.972 6.75 6.75 0 002.833 5.688A3.83 3.83 0 0114.3 17.36a4.495 4.495 0 005.596 4.994A4.5 4.5 0 0023.25 18m-3.192-9.58a2.75 2.75 0 00-5.458.68"
|
|
51
|
+
})
|
|
52
|
+
}), /*#__PURE__*/_jsx("defs", {
|
|
53
|
+
children: /*#__PURE__*/_jsx("clipPath", {
|
|
54
|
+
id: "listening-icon_svg__listening-icon_svg__clip0_3606_22693",
|
|
55
|
+
children: /*#__PURE__*/_jsx("path", {
|
|
56
|
+
fill: "#fff",
|
|
57
|
+
d: "M0 0h24v24H0z"
|
|
58
|
+
})
|
|
59
|
+
})
|
|
60
|
+
})]
|
|
61
|
+
}), /*#__PURE__*/_jsx("g", {
|
|
62
|
+
mask: "url(#".concat(maskId, ")"),
|
|
63
|
+
children: /*#__PURE__*/_jsx("rect", {
|
|
64
|
+
width: "100%",
|
|
65
|
+
height: "100%",
|
|
66
|
+
fill: "currentColor"
|
|
67
|
+
})
|
|
68
|
+
})]
|
|
69
|
+
}));
|
|
70
|
+
});
|
|
@@ -38,32 +38,15 @@ export var RecordingIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef)
|
|
|
38
38
|
children: [title ? /*#__PURE__*/_jsx("title", {
|
|
39
39
|
id: titleId,
|
|
40
40
|
children: title
|
|
41
|
-
}) : null, /*#__PURE__*/
|
|
41
|
+
}) : null, /*#__PURE__*/_jsx("mask", {
|
|
42
42
|
id: "".concat(maskId),
|
|
43
|
-
children:
|
|
44
|
-
|
|
43
|
+
children: /*#__PURE__*/_jsx("path", {
|
|
44
|
+
d: "M3 9.75v4.673M7.5 5.25v13.5m13.5-9v4.673M16.5 5.25v13.5M12 .75v22.5",
|
|
45
45
|
stroke: "#fff",
|
|
46
46
|
strokeWidth: 1.5,
|
|
47
47
|
strokeLinecap: "round",
|
|
48
|
-
strokeLinejoin: "round"
|
|
49
|
-
|
|
50
|
-
d: "M12 19.22a7.218 7.218 0 100-14.44 7.22 7.22 0 000 14.439z",
|
|
51
|
-
strokeMiterlimit: 10
|
|
52
|
-
}), /*#__PURE__*/_jsx("path", {
|
|
53
|
-
d: "M1.722 12c0-1.216.211-2.383.6-3.466m0 6.931A10.279 10.279 0 0012 22.278c5.677 0 10.278-4.601 10.278-10.278a10.275 10.275 0 00-5.232-8.956M4.108 5.416a10.329 10.329 0 012.652-2.26m3.456-1.28a10.34 10.34 0 013.568 0",
|
|
54
|
-
strokeMiterlimit: 10
|
|
55
|
-
}), /*#__PURE__*/_jsx("path", {
|
|
56
|
-
d: "M12 15.521V8.48m-2.884 5.387v-3.735m5.768 3.735v-3.735"
|
|
57
|
-
})]
|
|
58
|
-
}), /*#__PURE__*/_jsx("defs", {
|
|
59
|
-
children: /*#__PURE__*/_jsx("clipPath", {
|
|
60
|
-
id: "recording-icon_svg__recording-icon_svg__clip0_3507_2647",
|
|
61
|
-
children: /*#__PURE__*/_jsx("path", {
|
|
62
|
-
fill: "#fff",
|
|
63
|
-
d: "M0 0h24v24H0z"
|
|
64
|
-
})
|
|
65
|
-
})
|
|
66
|
-
})]
|
|
48
|
+
strokeLinejoin: "round"
|
|
49
|
+
})
|
|
67
50
|
}), /*#__PURE__*/_jsx("g", {
|
|
68
51
|
mask: "url(#".concat(maskId, ")"),
|
|
69
52
|
children: /*#__PURE__*/_jsx("rect", {
|
|
@@ -112,6 +112,7 @@ export * from './LinkIcon';
|
|
|
112
112
|
export * from './LinkedinIcon';
|
|
113
113
|
export * from './LinkedinOutlineIcon';
|
|
114
114
|
export * from './ListIcon';
|
|
115
|
+
export * from './ListeningIcon';
|
|
115
116
|
export * from './LocationPinIcon';
|
|
116
117
|
export * from './Lock1Icon';
|
|
117
118
|
export * from './LockHeavyIcon';
|
|
@@ -112,6 +112,7 @@ export * from './LinkIcon';
|
|
|
112
112
|
export * from './LinkedinIcon';
|
|
113
113
|
export * from './LinkedinOutlineIcon';
|
|
114
114
|
export * from './ListIcon';
|
|
115
|
+
export * from './ListeningIcon';
|
|
115
116
|
export * from './LocationPinIcon';
|
|
116
117
|
export * from './Lock1Icon';
|
|
117
118
|
export * from './LockHeavyIcon';
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<g clip-path="url(#clip0_3606_22693)">
|
|
3
|
+
<path d="M4.29998 17.017C3.13973 16.0607 2.21634 14.849 1.60194 13.4767C0.987543 12.1044 0.698788 10.6086 0.758237 9.10621C0.817686 7.60381 1.22373 6.13551 1.94464 4.81604C2.66555 3.49657 3.6818 2.36166 4.91398 1.5" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
4
|
+
<path d="M7.55501 14.5734C6.84936 13.9558 6.28009 13.1981 5.8835 12.3483C5.48691 11.4986 5.27169 10.5756 5.25156 9.63807C5.23142 8.70056 5.40682 7.76914 5.76657 6.90317C6.12631 6.0372 6.66252 5.25568 7.34101 4.6084" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
5
|
+
<path d="M23.149 7.06648C22.9584 5.97471 22.5019 4.94667 21.8197 4.07315C21.1376 3.19963 20.2509 2.50751 19.2379 2.05791C18.2249 1.60831 17.1168 1.41506 16.0114 1.49522C14.906 1.57539 13.8374 1.9265 12.8998 2.51756C11.9623 3.10862 11.1847 3.92144 10.6358 4.88424C10.0868 5.84704 9.78341 6.93019 9.75229 8.03805C9.72118 9.14591 9.96334 10.2444 10.4574 11.2365C10.9514 12.2286 11.6821 13.0837 12.585 13.7265C13.1794 14.1139 13.6546 14.6588 13.9574 15.3005C14.2602 15.9422 14.3788 16.6553 14.3 17.3605C14.1323 18.5127 14.4183 19.6851 15.0978 20.6307C15.7774 21.5763 16.7974 22.2211 17.943 22.4295C18.5918 22.5477 19.2586 22.522 19.8963 22.354C20.5341 22.186 21.127 21.8799 21.6334 21.4573C22.1397 21.0348 22.5469 20.5061 22.8263 19.9088C23.1057 19.3114 23.2503 18.6599 23.25 18.0005" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
6
|
+
<path d="M20.058 8.41987C19.9678 7.6961 19.5938 7.03779 19.0182 6.58976C18.4427 6.14174 17.7127 5.9407 16.989 6.03087C16.2652 6.12105 15.6069 6.49505 15.1589 7.0706C14.7108 7.64615 14.5098 8.3761 14.6 9.09987" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
7
|
+
</g>
|
|
8
|
+
<defs>
|
|
9
|
+
<clipPath id="clip0_3606_22693">
|
|
10
|
+
<rect width="24" height="24" fill="white"/>
|
|
11
|
+
</clipPath>
|
|
12
|
+
</defs>
|
|
13
|
+
</svg>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<path d="M12 19.0312V22.5469" stroke="
|
|
3
|
-
<path d="M11.5312 1.45312H12.4688C12.4688 1.45312 16.2188 1.45312 16.2188 5.20312V12C16.2188 12 16.2188 15.75 12.4688 15.75H11.5312C11.5312 15.75 7.78125 15.75 7.78125 12V5.20312C7.78125 5.20312 7.78125 1.45312 11.5312 1.45312Z" stroke="
|
|
4
|
-
<path d="M4.5 9.89062V12C4.5 13.8648 5.24079 15.6532 6.55941 16.9718C7.87802 18.2905 9.66645 19.0312 11.5312 19.0312H12.4688C14.3336 19.0312 16.122 18.2905 17.4406 16.9718C18.7592 15.6532 19.5 13.8648 19.5 12V9.89062" stroke="
|
|
2
|
+
<path d="M12 19.0312V22.5469" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
3
|
+
<path d="M11.5312 1.45312H12.4688C12.4688 1.45312 16.2188 1.45312 16.2188 5.20312V12C16.2188 12 16.2188 15.75 12.4688 15.75H11.5312C11.5312 15.75 7.78125 15.75 7.78125 12V5.20312C7.78125 5.20312 7.78125 1.45312 11.5312 1.45312Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
4
|
+
<path d="M4.5 9.89062V12C4.5 13.8648 5.24079 15.6532 6.55941 16.9718C7.87802 18.2905 9.66645 19.0312 11.5312 19.0312H12.4688C14.3336 19.0312 16.122 18.2905 17.4406 16.9718C18.7592 15.6532 19.5 13.8648 19.5 12V9.89062" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
5
5
|
</svg>
|
|
@@ -1,14 +1,7 @@
|
|
|
1
1
|
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<
|
|
3
|
-
<path d="
|
|
4
|
-
<path d="
|
|
5
|
-
<path d="
|
|
6
|
-
<path d="
|
|
7
|
-
<path d="M14.8838 13.8674V10.1324" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
8
|
-
</g>
|
|
9
|
-
<defs>
|
|
10
|
-
<clipPath id="clip0_3507_2647">
|
|
11
|
-
<rect width="24" height="24" fill="white"/>
|
|
12
|
-
</clipPath>
|
|
13
|
-
</defs>
|
|
2
|
+
<path d="M3 9.75V14.423" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
3
|
+
<path d="M7.5 5.25V18.75" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
4
|
+
<path d="M21 9.75V14.423" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
5
|
+
<path d="M16.5 5.25V18.75" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
6
|
+
<path d="M12 0.75V23.25" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
14
7
|
</svg>
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@codecademy/gamut-icons",
|
|
3
3
|
"description": "Icon library for codecademy.com",
|
|
4
|
-
"version": "9.15.2-alpha.
|
|
4
|
+
"version": "9.15.2-alpha.c74c58.0",
|
|
5
5
|
"author": "Codecademy <dev@codecademy.com>",
|
|
6
6
|
"dependencies": {
|
|
7
7
|
"@codecademy/gamut-styles": "16.2.0",
|
|
@@ -29,5 +29,5 @@
|
|
|
29
29
|
},
|
|
30
30
|
"sideEffects": false,
|
|
31
31
|
"types": "dist/index.d.ts",
|
|
32
|
-
"gitHead": "
|
|
32
|
+
"gitHead": "9ce39dbdf33a6702e50cf52f930f1b3d4465fd45"
|
|
33
33
|
}
|