@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.
@@ -0,0 +1,3 @@
1
+ import * as React from 'react';
2
+ import { GamutIconProps } from '../../props';
3
+ export declare const MicrophoneIcon: React.ForwardRefExoticComponent<GamutIconProps & React.RefAttributes<SVGSVGElement>>;
@@ -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,3 @@
1
+ import * as React from 'react';
2
+ import { GamutIconProps } from '../../props';
3
+ export declare const RecordingIcon: React.ForwardRefExoticComponent<GamutIconProps & React.RefAttributes<SVGSVGElement>>;
@@ -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.1",
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": "cc1585dbd24d0b55a92aba39586f336684e43cb0"
32
+ "gitHead": "47f1d58a22af4bd52111cc29df7d95ebfd91fedb"
33
33
  }