@codecademy/gamut-icons 9.15.1 → 9.15.2-alpha.4d1583.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/MicrophoneIcon.d.ts +3 -0
- package/dist/icons/regular/MicrophoneIcon.js +65 -0
- package/dist/icons/regular/RecordingIcon.d.ts +3 -0
- package/dist/icons/regular/RecordingIcon.js +76 -0
- package/dist/icons/regular/index.d.ts +2 -0
- package/dist/icons/regular/index.js +2 -0
- package/dist/svg/regular/microphone-icon.svg +5 -0
- package/dist/svg/regular/recording-icon.svg +14 -0
- package/package.json +2 -2
|
@@ -0,0 +1,65 @@
|
|
|
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 MicrophoneIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
|
|
15
|
+
var _ref$title = _ref.title,
|
|
16
|
+
title = _ref$title === void 0 ? 'Microphone 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('MicrophoneIcon');
|
|
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("path", {
|
|
44
|
+
d: "M12 19.031v3.516m-.469-21.094h.938s3.75 0 3.75 3.75V12s0 3.75-3.75 3.75h-.938s-3.75 0-3.75-3.75V5.203s0-3.75 3.75-3.75z",
|
|
45
|
+
stroke: "#fff",
|
|
46
|
+
strokeWidth: 1.5,
|
|
47
|
+
strokeLinecap: "round",
|
|
48
|
+
strokeLinejoin: "round"
|
|
49
|
+
}), /*#__PURE__*/_jsx("path", {
|
|
50
|
+
d: "M4.5 9.89V12a7.031 7.031 0 007.031 7.031h.938A7.03 7.03 0 0019.5 12V9.89",
|
|
51
|
+
stroke: "#fff",
|
|
52
|
+
strokeWidth: 1.5,
|
|
53
|
+
strokeLinecap: "round",
|
|
54
|
+
strokeLinejoin: "round"
|
|
55
|
+
})]
|
|
56
|
+
}), /*#__PURE__*/_jsx("g", {
|
|
57
|
+
mask: "url(#".concat(maskId, ")"),
|
|
58
|
+
children: /*#__PURE__*/_jsx("rect", {
|
|
59
|
+
width: "100%",
|
|
60
|
+
height: "100%",
|
|
61
|
+
fill: "currentColor"
|
|
62
|
+
})
|
|
63
|
+
})]
|
|
64
|
+
}));
|
|
65
|
+
});
|
|
@@ -0,0 +1,76 @@
|
|
|
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 RecordingIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
|
|
15
|
+
var _ref$title = _ref.title,
|
|
16
|
+
title = _ref$title === void 0 ? 'Recording 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('RecordingIcon');
|
|
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__*/_jsxs("g", {
|
|
44
|
+
clipPath: "url(#recording-icon_svg__recording-icon_svg__clip0_3507_2647)",
|
|
45
|
+
stroke: "#fff",
|
|
46
|
+
strokeWidth: 1.5,
|
|
47
|
+
strokeLinecap: "round",
|
|
48
|
+
strokeLinejoin: "round",
|
|
49
|
+
children: [/*#__PURE__*/_jsx("path", {
|
|
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
|
+
})]
|
|
67
|
+
}), /*#__PURE__*/_jsx("g", {
|
|
68
|
+
mask: "url(#".concat(maskId, ")"),
|
|
69
|
+
children: /*#__PURE__*/_jsx("rect", {
|
|
70
|
+
width: "100%",
|
|
71
|
+
height: "100%",
|
|
72
|
+
fill: "currentColor"
|
|
73
|
+
})
|
|
74
|
+
})]
|
|
75
|
+
}));
|
|
76
|
+
});
|
|
@@ -124,6 +124,7 @@ export * from './MastercardIcon';
|
|
|
124
124
|
export * from './MediumIcon';
|
|
125
125
|
export * from './MegaphoneIcon';
|
|
126
126
|
export * from './MenuIcon';
|
|
127
|
+
export * from './MicrophoneIcon';
|
|
127
128
|
export * from './MinimizeBarIcon';
|
|
128
129
|
export * from './MinimizeIcon';
|
|
129
130
|
export * from './MonitorBookIcon';
|
|
@@ -163,6 +164,7 @@ export * from './RailsIcon';
|
|
|
163
164
|
export * from './RatingStarCircleIcon';
|
|
164
165
|
export * from './RatingStarGiveIcon';
|
|
165
166
|
export * from './ReactIcon';
|
|
167
|
+
export * from './RecordingIcon';
|
|
166
168
|
export * from './RedditIcon';
|
|
167
169
|
export * from './RefreshIcon';
|
|
168
170
|
export * from './ResetIcon';
|
|
@@ -124,6 +124,7 @@ export * from './MastercardIcon';
|
|
|
124
124
|
export * from './MediumIcon';
|
|
125
125
|
export * from './MegaphoneIcon';
|
|
126
126
|
export * from './MenuIcon';
|
|
127
|
+
export * from './MicrophoneIcon';
|
|
127
128
|
export * from './MinimizeBarIcon';
|
|
128
129
|
export * from './MinimizeIcon';
|
|
129
130
|
export * from './MonitorBookIcon';
|
|
@@ -163,6 +164,7 @@ export * from './RailsIcon';
|
|
|
163
164
|
export * from './RatingStarCircleIcon';
|
|
164
165
|
export * from './RatingStarGiveIcon';
|
|
165
166
|
export * from './ReactIcon';
|
|
167
|
+
export * from './RecordingIcon';
|
|
166
168
|
export * from './RedditIcon';
|
|
167
169
|
export * from './RefreshIcon';
|
|
168
170
|
export * from './ResetIcon';
|
|
@@ -0,0 +1,5 @@
|
|
|
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="white" 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="white" 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="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
5
|
+
</svg>
|
|
@@ -0,0 +1,14 @@
|
|
|
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_3507_2647)">
|
|
3
|
+
<path d="M11.9999 19.2197C12.9549 19.2306 13.9025 19.0519 14.788 18.6939C15.6734 18.336 16.479 17.806 17.1581 17.1345C17.8373 16.4631 18.3765 15.6636 18.7444 14.7823C19.1124 13.901 19.3019 12.9555 19.3019 12.0004C19.3019 11.0454 19.1124 10.0999 18.7444 9.2186C18.3765 8.33732 17.8373 7.5378 17.1581 6.86635C16.479 6.19491 15.6734 5.66488 14.788 5.30696C13.9025 4.94904 12.9549 4.77035 11.9999 4.78123C10.1056 4.81176 8.2991 5.58573 6.97023 6.93619C5.64137 8.28665 4.89661 10.1054 4.89661 12C4.89661 13.8946 5.64137 15.7133 6.97023 17.0638C8.2991 18.4142 10.1056 19.1891 11.9999 19.2197Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
|
4
|
+
<path d="M1.72217 12C1.72217 10.7841 1.93311 9.61687 2.32123 8.53405M2.32123 15.465C3.74342 19.4372 7.53936 22.2778 12 22.2778C17.6765 22.2778 22.2778 17.6766 22.2778 12C22.2784 10.1773 21.7942 8.38718 20.8747 6.81336C19.9553 5.23953 18.6337 3.93862 17.0456 3.04405M4.10811 5.41593C4.85785 4.51805 5.75467 3.75406 6.76029 3.15655M10.2159 1.87687C11.3963 1.67011 12.6037 1.67011 13.784 1.87687" stroke="white" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
|
5
|
+
<path d="M12 15.5213V8.47876" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
6
|
+
<path d="M9.11621 13.8674V10.1324" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
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>
|
|
14
|
+
</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.
|
|
4
|
+
"version": "9.15.2-alpha.4d1583.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": "47f1d58a22af4bd52111cc29df7d95ebfd91fedb"
|
|
33
33
|
}
|