@codecademy/gamut-icons 9.15.2-alpha.4d1583.0 → 9.15.2-alpha.fef3ab.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 +71 -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/recording-icon.svg +5 -12
- package/package.json +2 -2
|
@@ -0,0 +1,71 @@
|
|
|
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_3173_3100)",
|
|
45
|
+
stroke: "#10162F",
|
|
46
|
+
strokeOpacity: 0.63,
|
|
47
|
+
strokeWidth: 1.5,
|
|
48
|
+
strokeLinecap: "round",
|
|
49
|
+
strokeLinejoin: "round",
|
|
50
|
+
children: /*#__PURE__*/_jsx("path", {
|
|
51
|
+
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.494 4.494 0 005.596 4.994A4.501 4.501 0 0023.25 18m-3.192-9.58a2.75 2.75 0 00-5.458.68"
|
|
52
|
+
})
|
|
53
|
+
}), /*#__PURE__*/_jsx("defs", {
|
|
54
|
+
children: /*#__PURE__*/_jsx("clipPath", {
|
|
55
|
+
id: "listening-icon_svg__listening-icon_svg__clip0_3173_3100",
|
|
56
|
+
children: /*#__PURE__*/_jsx("path", {
|
|
57
|
+
fill: "#fff",
|
|
58
|
+
d: "M0 0h24v24H0z"
|
|
59
|
+
})
|
|
60
|
+
})
|
|
61
|
+
})]
|
|
62
|
+
}), /*#__PURE__*/_jsx("g", {
|
|
63
|
+
mask: "url(#".concat(maskId, ")"),
|
|
64
|
+
children: /*#__PURE__*/_jsx("rect", {
|
|
65
|
+
width: "100%",
|
|
66
|
+
height: "100%",
|
|
67
|
+
fill: "currentColor"
|
|
68
|
+
})
|
|
69
|
+
})]
|
|
70
|
+
}));
|
|
71
|
+
});
|
|
@@ -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_3173_3100)">
|
|
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="#10162F" stroke-opacity="0.63" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
4
|
+
<path d="M7.55501 14.5729C6.84936 13.9554 6.28009 13.1976 5.8835 12.3478C5.48691 11.4981 5.27169 10.5751 5.25156 9.63758C5.23142 8.70007 5.40682 7.76866 5.76657 6.90269C6.12631 6.03672 6.66252 5.25519 7.34101 4.60791" stroke="#10162F" stroke-opacity="0.63" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
5
|
+
<path d="M23.149 7.06599C22.9584 5.97422 22.5019 4.94618 21.8197 4.07266C21.1376 3.19914 20.2509 2.50702 19.2379 2.05742C18.2249 1.60782 17.1168 1.41457 16.0114 1.49473C14.906 1.5749 13.8374 1.92602 12.8998 2.51708C11.9623 3.10814 11.1847 3.92095 10.6358 4.88375C10.0868 5.84655 9.78341 6.9297 9.75229 8.03756C9.72118 9.14542 9.96334 10.2439 10.4574 11.236C10.9514 12.2281 11.6821 13.0832 12.585 13.726C13.1794 14.1134 13.6546 14.6584 13.9574 15.3C14.2602 15.9417 14.3788 16.6549 14.3 17.36C14.1323 18.5123 14.4183 19.6847 15.0978 20.6302C15.7774 21.5758 16.7974 22.2206 17.943 22.429C18.5918 22.5473 19.2586 22.5215 19.8963 22.3535C20.5341 22.1855 21.127 21.8794 21.6334 21.4569C22.1397 21.0343 22.5469 20.5057 22.8263 19.9083C23.1057 19.3109 23.2503 18.6595 23.25 18" stroke="#10162F" stroke-opacity="0.63" 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="#10162F" stroke-opacity="0.63" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
7
|
+
</g>
|
|
8
|
+
<defs>
|
|
9
|
+
<clipPath id="clip0_3173_3100">
|
|
10
|
+
<rect width="24" height="24" fill="white"/>
|
|
11
|
+
</clipPath>
|
|
12
|
+
</defs>
|
|
13
|
+
</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="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
3
|
+
<path d="M7.5 5.25V18.75" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
4
|
+
<path d="M21 9.75V14.423" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
5
|
+
<path d="M16.5 5.25V18.75" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
6
|
+
<path d="M12 0.75V23.25" stroke="white" 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.fef3ab.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": "0d117e3bce1e950b3a6523dba41c2a1fa0102d8c"
|
|
33
33
|
}
|