@codecademy/gamut-icons 9.45.0-alpha.338bb2.0 → 9.45.0-alpha.565bbb.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/mini/MiniQuoteIcon.d.ts +3 -0
- package/dist/icons/mini/MiniQuoteIcon.js +47 -0
- package/dist/icons/mini/index.d.ts +1 -0
- package/dist/icons/mini/index.js +1 -0
- package/dist/icons/regular/index.d.ts +0 -1
- package/dist/icons/regular/index.js +0 -1
- package/dist/svg/mini/mini-quote-icon.svg +1 -0
- package/package.json +2 -2
- package/dist/icons/regular/ResizableHandleIcon.d.ts +0 -3
- package/dist/icons/regular/ResizableHandleIcon.js +0 -60
- package/dist/svg/regular/resizable-handle-icon.svg +0 -15
|
@@ -0,0 +1,47 @@
|
|
|
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 MiniQuoteIcon = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
|
|
6
|
+
let {
|
|
7
|
+
title,
|
|
8
|
+
titleId,
|
|
9
|
+
size = 16,
|
|
10
|
+
height = size,
|
|
11
|
+
width = size,
|
|
12
|
+
...props
|
|
13
|
+
} = _ref;
|
|
14
|
+
const maskId = useIconId('MiniQuoteIcon');
|
|
15
|
+
return /*#__PURE__*/_jsxs(Svg, {
|
|
16
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
17
|
+
fill: "#fff",
|
|
18
|
+
viewBox: "0 0 16 16",
|
|
19
|
+
role: "img",
|
|
20
|
+
"aria-hidden": "true",
|
|
21
|
+
"pointer-events": "none",
|
|
22
|
+
width: width,
|
|
23
|
+
height: height,
|
|
24
|
+
ref: svgRef,
|
|
25
|
+
"aria-labelledby": titleId,
|
|
26
|
+
...props,
|
|
27
|
+
children: [title ? /*#__PURE__*/_jsx("title", {
|
|
28
|
+
id: titleId,
|
|
29
|
+
children: title
|
|
30
|
+
}) : null, /*#__PURE__*/_jsx("mask", {
|
|
31
|
+
id: `${maskId}`,
|
|
32
|
+
children: /*#__PURE__*/_jsx("path", {
|
|
33
|
+
fill: "#fff",
|
|
34
|
+
fillRule: "evenodd",
|
|
35
|
+
d: "M3.426 6.752A.352.352 0 003.6 6.8 3.6 3.6 0 110 10.4c0-7.3 4.762-8.336 4.96-8.376a1.2 1.2 0 11.48 2.354 3.722 3.722 0 00-2.147 1.9.352.352 0 00.133.476zm8.8 0a.352.352 0 00.174.048 3.6 3.6 0 11-3.6 3.6c0-7.3 4.757-8.336 4.96-8.376a1.2 1.2 0 11.48 2.354 3.722 3.722 0 00-2.147 1.9.352.352 0 00.133.476z",
|
|
36
|
+
clipRule: "evenodd"
|
|
37
|
+
})
|
|
38
|
+
}), /*#__PURE__*/_jsx("g", {
|
|
39
|
+
mask: `url(#${maskId})`,
|
|
40
|
+
children: /*#__PURE__*/_jsx("rect", {
|
|
41
|
+
width: `100%`,
|
|
42
|
+
height: `100%`,
|
|
43
|
+
fill: `currentColor`
|
|
44
|
+
})
|
|
45
|
+
})]
|
|
46
|
+
});
|
|
47
|
+
});
|
|
@@ -22,6 +22,7 @@ export * from './MiniKebabMenuIcon';
|
|
|
22
22
|
export * from './MiniLiveVideoIcon';
|
|
23
23
|
export * from './MiniOpenIcon';
|
|
24
24
|
export * from './MiniPinIcon';
|
|
25
|
+
export * from './MiniQuoteIcon';
|
|
25
26
|
export * from './MiniRemoveCircleIcon';
|
|
26
27
|
export * from './MiniReorderDotsVerticalIcon';
|
|
27
28
|
export * from './MiniRibbonIcon';
|
package/dist/icons/mini/index.js
CHANGED
|
@@ -22,6 +22,7 @@ export * from './MiniKebabMenuIcon';
|
|
|
22
22
|
export * from './MiniLiveVideoIcon';
|
|
23
23
|
export * from './MiniOpenIcon';
|
|
24
24
|
export * from './MiniPinIcon';
|
|
25
|
+
export * from './MiniQuoteIcon';
|
|
25
26
|
export * from './MiniRemoveCircleIcon';
|
|
26
27
|
export * from './MiniReorderDotsVerticalIcon';
|
|
27
28
|
export * from './MiniRibbonIcon';
|
|
@@ -235,7 +235,6 @@ export * from './RedoIcon';
|
|
|
235
235
|
export * from './RefreshIcon';
|
|
236
236
|
export * from './ReportIcon';
|
|
237
237
|
export * from './ResetIcon';
|
|
238
|
-
export * from './ResizableHandleIcon';
|
|
239
238
|
export * from './ResponsiveIcon';
|
|
240
239
|
export * from './RibbonDoubleFilledIcon';
|
|
241
240
|
export * from './RibbonDoubleIcon';
|
|
@@ -235,7 +235,6 @@ export * from './RedoIcon';
|
|
|
235
235
|
export * from './RefreshIcon';
|
|
236
236
|
export * from './ReportIcon';
|
|
237
237
|
export * from './ResetIcon';
|
|
238
|
-
export * from './ResizableHandleIcon';
|
|
239
238
|
export * from './ResponsiveIcon';
|
|
240
239
|
export * from './RibbonDoubleFilledIcon';
|
|
241
240
|
export * from './RibbonDoubleIcon';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><title>quote</title><path fill="#000" fill-rule="evenodd" stroke-width="1.6" d="M3.426 6.752A.352.352 0 0 0 3.6 6.8 3.6 3.6 0 1 1 0 10.4c0-7.3 4.762-8.336 4.96-8.376a1.2 1.2 0 1 1 .48 2.354 3.722 3.722 0 0 0-2.147 1.9.352.352 0 0 0 .133.476Zm8.8 0a.352.352 0 0 0 .174.048 3.6 3.6 0 1 1-3.6 3.6c0-7.3 4.757-8.336 4.96-8.376a1.2 1.2 0 1 1 .48 2.354 3.722 3.722 0 0 0-2.147 1.9.352.352 0 0 0 .133.476Z" clip-rule="evenodd"/></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.45.0-alpha.
|
|
4
|
+
"version": "9.45.0-alpha.565bbb.0",
|
|
5
5
|
"author": "Codecademy <dev@codecademy.com>",
|
|
6
6
|
"dependencies": {
|
|
7
7
|
"@codecademy/gamut-styles": "17.6.3",
|
|
@@ -29,5 +29,5 @@
|
|
|
29
29
|
},
|
|
30
30
|
"sideEffects": false,
|
|
31
31
|
"types": "dist/index.d.ts",
|
|
32
|
-
"gitHead": "
|
|
32
|
+
"gitHead": "25f668ae49bd490f9b30af8e957c2d8b004396a2"
|
|
33
33
|
}
|
|
@@ -1,60 +0,0 @@
|
|
|
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 ResizableHandleIcon = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
|
|
6
|
-
let {
|
|
7
|
-
title,
|
|
8
|
-
titleId,
|
|
9
|
-
size = 16,
|
|
10
|
-
height = size,
|
|
11
|
-
width = size,
|
|
12
|
-
...props
|
|
13
|
-
} = _ref;
|
|
14
|
-
const maskId = useIconId('ResizableHandleIcon');
|
|
15
|
-
return /*#__PURE__*/_jsxs(Svg, {
|
|
16
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
17
|
-
viewBox: "0 0 24 24",
|
|
18
|
-
fill: "#fff",
|
|
19
|
-
role: "img",
|
|
20
|
-
"aria-hidden": "true",
|
|
21
|
-
"pointer-events": "none",
|
|
22
|
-
width: width,
|
|
23
|
-
height: height,
|
|
24
|
-
ref: svgRef,
|
|
25
|
-
"aria-labelledby": titleId,
|
|
26
|
-
...props,
|
|
27
|
-
children: [title ? /*#__PURE__*/_jsx("title", {
|
|
28
|
-
id: titleId,
|
|
29
|
-
children: title
|
|
30
|
-
}) : null, /*#__PURE__*/_jsxs("mask", {
|
|
31
|
-
id: `${maskId}`,
|
|
32
|
-
children: [/*#__PURE__*/_jsx("g", {
|
|
33
|
-
clipPath: "url(#resizable-handle-icon_svg__resizable-handle-icon_svg__clip0_3524_26990)",
|
|
34
|
-
stroke: "#fff",
|
|
35
|
-
strokeWidth: 1.5,
|
|
36
|
-
strokeLinecap: "round",
|
|
37
|
-
strokeLinejoin: "round",
|
|
38
|
-
children: /*#__PURE__*/_jsx("path", {
|
|
39
|
-
d: "M14.751.748v22.5m-4.5-22.5v22.5m-9-11.25h9m4.5 0h9m-18.75-3.75l-3.75 3.75 3.75 3.75m15-7.5l3.75 3.75-3.75 3.75"
|
|
40
|
-
})
|
|
41
|
-
}), /*#__PURE__*/_jsx("defs", {
|
|
42
|
-
children: /*#__PURE__*/_jsx("clipPath", {
|
|
43
|
-
id: "resizable-handle-icon_svg__resizable-handle-icon_svg__clip0_3524_26990",
|
|
44
|
-
children: /*#__PURE__*/_jsx("path", {
|
|
45
|
-
fill: "#fff",
|
|
46
|
-
transform: "translate(.5)",
|
|
47
|
-
d: "M0 0h24v24H0z"
|
|
48
|
-
})
|
|
49
|
-
})
|
|
50
|
-
})]
|
|
51
|
-
}), /*#__PURE__*/_jsx("g", {
|
|
52
|
-
mask: `url(#${maskId})`,
|
|
53
|
-
children: /*#__PURE__*/_jsx("rect", {
|
|
54
|
-
width: `100%`,
|
|
55
|
-
height: `100%`,
|
|
56
|
-
fill: `currentColor`
|
|
57
|
-
})
|
|
58
|
-
})]
|
|
59
|
-
});
|
|
60
|
-
});
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 24 24" fill="none">
|
|
2
|
-
<g clip-path="url(#clip0_3524_26990)">
|
|
3
|
-
<path d="M14.751 0.748047V23.248" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
4
|
-
<path d="M10.251 0.748047V23.248" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
5
|
-
<path d="M1.25098 11.998H10.251" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
6
|
-
<path d="M14.751 11.998H23.751" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
7
|
-
<path d="M5.00098 8.24805L1.25098 11.998L5.00098 15.748" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
8
|
-
<path d="M20.001 8.24805L23.751 11.998L20.001 15.748" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
9
|
-
</g>
|
|
10
|
-
<defs>
|
|
11
|
-
<clipPath id="clip0_3524_26990">
|
|
12
|
-
<rect width="24" height="24" fill="white" transform="translate(0.5)"/>
|
|
13
|
-
</clipPath>
|
|
14
|
-
</defs>
|
|
15
|
-
</svg>
|