@codecademy/gamut-icons 9.50.1-alpha.f41fe3.0 → 9.51.0-alpha.576212.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 LiveVideoIcon: React.ForwardRefExoticComponent<GamutIconProps & React.RefAttributes<SVGSVGElement>>;
@@ -0,0 +1,61 @@
1
+ import * as React from 'react';
2
+ import { Svg } from '../../props';
3
+ import { useIconId } from '../../useIconId';
4
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
5
+ export const LiveVideoIcon = /*#__PURE__*/React.forwardRef(({
6
+ title,
7
+ titleId,
8
+ size = 16,
9
+ height = size,
10
+ width = size,
11
+ ...props
12
+ }, svgRef) => {
13
+ const maskId = useIconId('LiveVideoIcon');
14
+ return /*#__PURE__*/_jsxs(Svg, {
15
+ viewBox: "0 0 16 16",
16
+ fill: "#fff",
17
+ xmlns: "http://www.w3.org/2000/svg",
18
+ role: "img",
19
+ "aria-hidden": "true",
20
+ "pointer-events": "none",
21
+ width: width,
22
+ height: height,
23
+ ref: svgRef,
24
+ "aria-labelledby": titleId,
25
+ ...props,
26
+ children: [title ? /*#__PURE__*/_jsx("title", {
27
+ id: titleId,
28
+ children: title
29
+ }) : null, /*#__PURE__*/_jsxs("mask", {
30
+ id: `${maskId}`,
31
+ children: [/*#__PURE__*/_jsx("path", {
32
+ d: "M8 13.313a4.813 4.813 0 100-9.626 4.813 4.813 0 000 9.627z",
33
+ stroke: "#fff",
34
+ strokeMiterlimit: 10,
35
+ strokeLinecap: "round",
36
+ strokeLinejoin: "round",
37
+ fill: "transparent"
38
+ }), /*#__PURE__*/_jsx("path", {
39
+ d: "M1.148 8.5c0-.81.141-1.588.4-2.31m0 4.62a6.852 6.852 0 109.816-8.281M2.739 4.111a6.886 6.886 0 011.768-1.506M6.81 1.75a6.894 6.894 0 012.379 0",
40
+ stroke: "#fff",
41
+ strokeMiterlimit: 10,
42
+ strokeLinecap: "round",
43
+ strokeLinejoin: "round",
44
+ fill: "transparent"
45
+ }), /*#__PURE__*/_jsx("path", {
46
+ d: "M6.458 10.253V6.748c0-.492.541-.791.957-.53l2.79 1.753c.39.245.39.813 0 1.058l-2.79 1.753a.625.625 0 01-.957-.53z",
47
+ stroke: "#fff",
48
+ strokeLinecap: "round",
49
+ strokeLinejoin: "round",
50
+ fill: "transparent"
51
+ })]
52
+ }), /*#__PURE__*/_jsx("g", {
53
+ mask: `url(#${maskId})`,
54
+ children: /*#__PURE__*/_jsx("rect", {
55
+ width: `100%`,
56
+ height: `100%`,
57
+ fill: `currentColor`
58
+ })
59
+ })]
60
+ });
61
+ });
@@ -164,6 +164,7 @@ export * from './LinkedinIcon';
164
164
  export * from './LinkedinOutlineIcon';
165
165
  export * from './ListIcon';
166
166
  export * from './ListeningIcon';
167
+ export * from './LiveVideoIcon';
167
168
  export * from './LocationPinIcon';
168
169
  export * from './LockHeavyIcon';
169
170
  export * from './LockIcon';
@@ -164,6 +164,7 @@ export * from './LinkedinIcon';
164
164
  export * from './LinkedinOutlineIcon';
165
165
  export * from './ListIcon';
166
166
  export * from './ListeningIcon';
167
+ export * from './LiveVideoIcon';
167
168
  export * from './LocationPinIcon';
168
169
  export * from './LockHeavyIcon';
169
170
  export * from './LockIcon';
@@ -0,0 +1,5 @@
1
+ <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M7.99975 13.3135C10.658 13.3135 12.813 11.1585 12.813 8.50024C12.813 5.84197 10.658 3.68701 7.99975 3.68701C5.34148 3.68701 3.18652 5.84197 3.18652 8.50024C3.18652 11.1585 5.34148 13.3135 7.99975 13.3135Z" stroke="currentColor" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" fill="transparent"/>
3
+ <path d="M1.14844 8.50024C1.14844 7.68956 1.28923 6.91173 1.54771 6.18992M1.54771 10.8106C2.49572 13.458 5.02679 15.3521 8.00024 15.3521C11.7844 15.3521 14.8521 12.2844 14.8521 8.50024C14.8521 5.93842 13.4461 3.70497 11.3637 2.52941M2.73875 4.11091C3.23706 3.51423 3.83497 3.00361 4.50693 2.6046M6.81056 1.75136C7.19693 1.68371 7.59449 1.64844 8.00024 1.64844C8.40599 1.64844 8.80356 1.68371 9.18993 1.75136" stroke="currentColor" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" fill="transparent"/>
4
+ <path d="M6.45801 10.2528V6.74758C6.45801 6.25605 6.99921 5.95688 7.41546 6.21834L10.2055 7.97095C10.5956 8.21601 10.5956 8.78445 10.2055 9.02945L7.41546 10.7821C6.99921 11.0436 6.45801 10.7444 6.45801 10.2528Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="transparent"/>
5
+ </svg>
package/package.json CHANGED
@@ -1,11 +1,11 @@
1
1
  {
2
2
  "name": "@codecademy/gamut-icons",
3
3
  "description": "Icon library for codecademy.com",
4
- "version": "9.50.1-alpha.f41fe3.0",
4
+ "version": "9.51.0-alpha.576212.0",
5
5
  "author": "Codecademy <dev@codecademy.com>",
6
6
  "dependencies": {
7
- "@codecademy/gamut-styles": "17.9.1-alpha.f41fe3.0",
8
- "@codecademy/variance": "0.24.1-alpha.f41fe3.0"
7
+ "@codecademy/gamut-styles": "17.9.0",
8
+ "@codecademy/variance": "0.24.0"
9
9
  },
10
10
  "files": [
11
11
  "dist"
@@ -29,5 +29,5 @@
29
29
  },
30
30
  "sideEffects": false,
31
31
  "types": "dist/index.d.ts",
32
- "gitHead": "4ffd8960e52207aff52b45aebc0c1b926e347211"
32
+ "gitHead": "6d19a6b1090dd1a4f079ecb19f25b0b02650e30c"
33
33
  }