@codecademy/gamut-icons 67.0.0-alpha.7455bb.0 → 67.0.0-alpha.ccfdc5.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/MiniCircleIcon.d.ts +3 -0
- package/dist/icons/mini/MiniCircleIcon.js +60 -0
- package/dist/icons/mini/index.d.ts +1 -0
- package/dist/icons/mini/index.js +1 -0
- package/dist/icons/regular/CloseSquareIcon.d.ts +3 -0
- package/dist/icons/regular/CloseSquareIcon.js +59 -0
- package/dist/icons/regular/FullscreenSquareIcon.d.ts +3 -0
- package/dist/icons/regular/FullscreenSquareIcon.js +59 -0
- package/dist/icons/regular/MinimizeBarIcon.d.ts +3 -0
- package/dist/icons/regular/MinimizeBarIcon.js +61 -0
- package/dist/icons/regular/index.d.ts +3 -0
- package/dist/icons/regular/index.js +3 -0
- package/dist/svg/mini/mini-circle-icon.svg +3 -0
- package/dist/svg/regular/close-square-icon.svg +4 -0
- package/dist/svg/regular/fullscreen-square-icon.svg +4 -0
- package/dist/svg/regular/minimize-bar-icon.svg +4 -0
- package/package.json +5 -5
|
@@ -0,0 +1,60 @@
|
|
|
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 MiniCircleIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
|
|
15
|
+
var _ref$title = _ref.title,
|
|
16
|
+
title = _ref$title === void 0 ? 'Mini Circle 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('MiniCircleIcon');
|
|
26
|
+
return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
|
|
27
|
+
viewBox: "0 0 24 24",
|
|
28
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
29
|
+
fill: "#fff",
|
|
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__*/_jsx("mask", {
|
|
42
|
+
id: "".concat(maskId),
|
|
43
|
+
children: /*#__PURE__*/_jsx("circle", {
|
|
44
|
+
cx: 12,
|
|
45
|
+
cy: 12,
|
|
46
|
+
r: 11.25,
|
|
47
|
+
fill: "none",
|
|
48
|
+
stroke: "#fff",
|
|
49
|
+
strokeWidth: 1.5
|
|
50
|
+
})
|
|
51
|
+
}), /*#__PURE__*/_jsx("g", {
|
|
52
|
+
mask: "url(#".concat(maskId, ")"),
|
|
53
|
+
children: /*#__PURE__*/_jsx("rect", {
|
|
54
|
+
width: "100%",
|
|
55
|
+
height: "100%",
|
|
56
|
+
fill: "currentColor"
|
|
57
|
+
})
|
|
58
|
+
})]
|
|
59
|
+
}));
|
|
60
|
+
});
|
|
@@ -8,6 +8,7 @@ export * from './MiniChevronDownIcon';
|
|
|
8
8
|
export * from './MiniChevronLeftIcon';
|
|
9
9
|
export * from './MiniChevronRightIcon';
|
|
10
10
|
export * from './MiniChevronUpIcon';
|
|
11
|
+
export * from './MiniCircleIcon';
|
|
11
12
|
export * from './MiniDeleteIcon';
|
|
12
13
|
export * from './MiniInfoCircleIcon';
|
|
13
14
|
export * from './MiniInfoOutlineIcon';
|
package/dist/icons/mini/index.js
CHANGED
|
@@ -8,6 +8,7 @@ export * from './MiniChevronDownIcon';
|
|
|
8
8
|
export * from './MiniChevronLeftIcon';
|
|
9
9
|
export * from './MiniChevronRightIcon';
|
|
10
10
|
export * from './MiniChevronUpIcon';
|
|
11
|
+
export * from './MiniCircleIcon';
|
|
11
12
|
export * from './MiniDeleteIcon';
|
|
12
13
|
export * from './MiniInfoCircleIcon';
|
|
13
14
|
export * from './MiniInfoOutlineIcon';
|
|
@@ -0,0 +1,59 @@
|
|
|
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 CloseSquareIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
|
|
15
|
+
var _ref$title = _ref.title,
|
|
16
|
+
title = _ref$title === void 0 ? 'Close Square 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('CloseSquareIcon');
|
|
26
|
+
return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
|
|
27
|
+
viewBox: "0 0 28 28",
|
|
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: "M26 .5H2A1.5 1.5 0 00.5 2v24A1.5 1.5 0 002 27.5h24a1.5 1.5 0 001.5-1.5V2A1.5 1.5 0 0026 .5z",
|
|
45
|
+
fill: "#fff"
|
|
46
|
+
}), /*#__PURE__*/_jsx("path", {
|
|
47
|
+
d: "M8 18.939l4.94-4.94L8 9.06V8h1.061L14 12.939 18.939 8H20v1.06L15.06 14 20 18.938V20h-1.06L14 15.06 9.06 20H8v-1.061z",
|
|
48
|
+
fill: "#112"
|
|
49
|
+
})]
|
|
50
|
+
}), /*#__PURE__*/_jsx("g", {
|
|
51
|
+
mask: "url(#".concat(maskId, ")"),
|
|
52
|
+
children: /*#__PURE__*/_jsx("rect", {
|
|
53
|
+
width: "100%",
|
|
54
|
+
height: "100%",
|
|
55
|
+
fill: "currentColor"
|
|
56
|
+
})
|
|
57
|
+
})]
|
|
58
|
+
}));
|
|
59
|
+
});
|
|
@@ -0,0 +1,59 @@
|
|
|
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 FullscreenSquareIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
|
|
15
|
+
var _ref$title = _ref.title,
|
|
16
|
+
title = _ref$title === void 0 ? 'Fullscreen Square 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('FullscreenSquareIcon');
|
|
26
|
+
return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
|
|
27
|
+
viewBox: "0 0 28 28",
|
|
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: "M26 .5H2A1.5 1.5 0 00.5 2v24A1.5 1.5 0 002 27.5h24a1.5 1.5 0 001.5-1.5V2A1.5 1.5 0 0026 .5z",
|
|
45
|
+
fill: "#fff"
|
|
46
|
+
}), /*#__PURE__*/_jsx("path", {
|
|
47
|
+
d: "M16.877 5a.75.75 0 00.498 1.311h3.252L6.313 20.625v-3.252A.75.75 0 005 16.878v6.055a.767.767 0 00.068.068h6.051a.75.75 0 00-.494-1.314H7.373L21.687 7.372v3.252A.75.75 0 0023 11.12V5.065A.745.745 0 0022.935 5h-6.058z",
|
|
48
|
+
fill: "#112"
|
|
49
|
+
})]
|
|
50
|
+
}), /*#__PURE__*/_jsx("g", {
|
|
51
|
+
mask: "url(#".concat(maskId, ")"),
|
|
52
|
+
children: /*#__PURE__*/_jsx("rect", {
|
|
53
|
+
width: "100%",
|
|
54
|
+
height: "100%",
|
|
55
|
+
fill: "currentColor"
|
|
56
|
+
})
|
|
57
|
+
})]
|
|
58
|
+
}));
|
|
59
|
+
});
|
|
@@ -0,0 +1,61 @@
|
|
|
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 MinimizeBarIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
|
|
15
|
+
var _ref$title = _ref.title,
|
|
16
|
+
title = _ref$title === void 0 ? 'Minimize Bar 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('MinimizeBarIcon');
|
|
26
|
+
return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
|
|
27
|
+
viewBox: "0 0 27 27",
|
|
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 === undefined ? /*#__PURE__*/_jsx("title", {
|
|
39
|
+
id: titleId,
|
|
40
|
+
children: 'minimize-bar-icon'
|
|
41
|
+
}) : title ? /*#__PURE__*/_jsx("title", {
|
|
42
|
+
id: titleId,
|
|
43
|
+
children: title
|
|
44
|
+
}) : null, /*#__PURE__*/_jsx("mask", {
|
|
45
|
+
id: "".concat(maskId),
|
|
46
|
+
children: /*#__PURE__*/_jsx("path", {
|
|
47
|
+
fillRule: "evenodd",
|
|
48
|
+
clipRule: "evenodd",
|
|
49
|
+
d: "M1.5 0h24A1.5 1.5 0 0127 1.5v24a1.5 1.5 0 01-1.5 1.5h-24A1.5 1.5 0 010 25.5v-24A1.5 1.5 0 011.5 0zm6.857 17.786a.857.857 0 000 1.714h10.286a.857.857 0 100-1.714H8.357z",
|
|
50
|
+
fill: "#fff"
|
|
51
|
+
})
|
|
52
|
+
}), /*#__PURE__*/_jsx("g", {
|
|
53
|
+
mask: "url(#".concat(maskId, ")"),
|
|
54
|
+
children: /*#__PURE__*/_jsx("rect", {
|
|
55
|
+
width: "100%",
|
|
56
|
+
height: "100%",
|
|
57
|
+
fill: "currentColor"
|
|
58
|
+
})
|
|
59
|
+
})]
|
|
60
|
+
}));
|
|
61
|
+
});
|
|
@@ -36,6 +36,7 @@ export * from './ChecklistIcon';
|
|
|
36
36
|
export * from './ClockIcon';
|
|
37
37
|
export * from './CloseCircleIcon';
|
|
38
38
|
export * from './CloseIcon';
|
|
39
|
+
export * from './CloseSquareIcon';
|
|
39
40
|
export * from './CloudCheckIcon';
|
|
40
41
|
export * from './CloudIcon';
|
|
41
42
|
export * from './CommentsIcon';
|
|
@@ -77,6 +78,7 @@ export * from './FolderIcon';
|
|
|
77
78
|
export * from './ForkIcon';
|
|
78
79
|
export * from './ForumsChatIcon';
|
|
79
80
|
export * from './FullscreenIcon';
|
|
81
|
+
export * from './FullscreenSquareIcon';
|
|
80
82
|
export * from './GearIcon';
|
|
81
83
|
export * from './GithubIcon';
|
|
82
84
|
export * from './GithubOutlineIcon';
|
|
@@ -117,6 +119,7 @@ export * from './MastercardIcon';
|
|
|
117
119
|
export * from './MediumIcon';
|
|
118
120
|
export * from './MegaphoneIcon';
|
|
119
121
|
export * from './MenuIcon';
|
|
122
|
+
export * from './MinimizeBarIcon';
|
|
120
123
|
export * from './MinimizeIcon';
|
|
121
124
|
export * from './MonitorBookIcon';
|
|
122
125
|
export * from './MultipleActionsViewIcon';
|
|
@@ -36,6 +36,7 @@ export * from './ChecklistIcon';
|
|
|
36
36
|
export * from './ClockIcon';
|
|
37
37
|
export * from './CloseCircleIcon';
|
|
38
38
|
export * from './CloseIcon';
|
|
39
|
+
export * from './CloseSquareIcon';
|
|
39
40
|
export * from './CloudCheckIcon';
|
|
40
41
|
export * from './CloudIcon';
|
|
41
42
|
export * from './CommentsIcon';
|
|
@@ -77,6 +78,7 @@ export * from './FolderIcon';
|
|
|
77
78
|
export * from './ForkIcon';
|
|
78
79
|
export * from './ForumsChatIcon';
|
|
79
80
|
export * from './FullscreenIcon';
|
|
81
|
+
export * from './FullscreenSquareIcon';
|
|
80
82
|
export * from './GearIcon';
|
|
81
83
|
export * from './GithubIcon';
|
|
82
84
|
export * from './GithubOutlineIcon';
|
|
@@ -117,6 +119,7 @@ export * from './MastercardIcon';
|
|
|
117
119
|
export * from './MediumIcon';
|
|
118
120
|
export * from './MegaphoneIcon';
|
|
119
121
|
export * from './MenuIcon';
|
|
122
|
+
export * from './MinimizeBarIcon';
|
|
120
123
|
export * from './MinimizeIcon';
|
|
121
124
|
export * from './MonitorBookIcon';
|
|
122
125
|
export * from './MultipleActionsViewIcon';
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M26 0.5H2C1.17157 0.5 0.5 1.17157 0.5 2V26C0.5 26.8284 1.17157 27.5 2 27.5H26C26.8284 27.5 27.5 26.8284 27.5 26V2C27.5 1.17157 26.8284 0.5 26 0.5Z" fill="currentColor"/>
|
|
3
|
+
<path d="M8 18.9388L12.9393 13.9995L8 9.06017V8H9.06115L14 12.9388L18.9389 8H20V9.06017L15.0607 13.9995L20 18.9388V20H18.9398L14 15.0602L9.06016 20H8V18.9388Z" fill="#112"/>
|
|
4
|
+
</svg>
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M26 0.5H2C1.17157 0.5 0.5 1.17157 0.5 2V26C0.5 26.8284 1.17157 27.5 2 27.5H26C26.8284 27.5 27.5 26.8284 27.5 26V2C27.5 1.17157 26.8284 0.5 26 0.5Z" fill="currentColor"/>
|
|
3
|
+
<path d="M16.8773 5C16.7225 5.13739 16.625 5.33782 16.625 5.56104C16.625 5.97525 16.9608 6.31104 17.375 6.31104H20.6268L6.3125 20.6253V17.3735C6.3125 16.9593 5.97671 16.6235 5.5625 16.6235C5.3385 16.6235 5.13743 16.7217 5 16.8774V22.9321C5.02124 22.9561 5.04399 22.9788 5.06812 23H11.1194C11.2761 22.8625 11.375 22.6608 11.375 22.436C11.375 22.0218 11.0392 21.686 10.625 21.686H7.37316L21.6875 7.37169V10.6235C21.6875 11.0377 22.0233 11.3735 22.4375 11.3735C22.6615 11.3735 22.8626 11.2753 23 11.1196V5.06494C22.9798 5.042 22.9581 5.02031 22.9352 5H16.8773Z" fill="#112"/>
|
|
4
|
+
</svg>
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
<svg width="27" height="27" viewBox="0 0 27 27" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<title>minimize-bar-icon</title>
|
|
3
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.5 0H25.5C26.3284 0 27 0.671573 27 1.5V25.5C27 26.3284 26.3284 27 25.5 27H1.5C0.671573 27 0 26.3284 0 25.5V1.5C0 0.671573 0.671573 0 1.5 0ZM8.35714 17.7856C7.88376 17.7856 7.5 18.1694 7.5 18.6428C7.5 19.1162 7.88376 19.4999 8.35714 19.4999H18.6429C19.1163 19.4999 19.5 19.1162 19.5 18.6428C19.5 18.1694 19.1163 17.7856 18.6429 17.7856H8.35714Z" fill="currentColor"/>
|
|
4
|
+
</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": "67.0.0-alpha.
|
|
4
|
+
"version": "67.0.0-alpha.ccfdc5.0",
|
|
5
5
|
"author": "Codecademy <dev@codecademy.com>",
|
|
6
6
|
"main": "dist/index.js",
|
|
7
7
|
"module": "dist/index.js",
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
},
|
|
21
21
|
"license": "MIT",
|
|
22
22
|
"devDependencies": {
|
|
23
|
-
"@codecademy/gamut-tests": "67.0.0-alpha.
|
|
23
|
+
"@codecademy/gamut-tests": "67.0.0-alpha.ccfdc5.0",
|
|
24
24
|
"@svgr/cli": "5.5.0",
|
|
25
25
|
"@testing-library/react": "^12.1.2",
|
|
26
26
|
"svgo": "^1.3.2",
|
|
@@ -30,8 +30,8 @@
|
|
|
30
30
|
"access": "public"
|
|
31
31
|
},
|
|
32
32
|
"dependencies": {
|
|
33
|
-
"@codecademy/gamut-styles": "67.0.0-alpha.
|
|
34
|
-
"@codecademy/variance": "67.0.0-alpha.
|
|
33
|
+
"@codecademy/gamut-styles": "67.0.0-alpha.ccfdc5.0",
|
|
34
|
+
"@codecademy/variance": "67.0.0-alpha.ccfdc5.0"
|
|
35
35
|
},
|
|
36
36
|
"peerDependencies": {
|
|
37
37
|
"@emotion/react": "^11.4.0",
|
|
@@ -39,5 +39,5 @@
|
|
|
39
39
|
"lodash": "^4.17.5",
|
|
40
40
|
"react": "^17.0.2 || ^18.2.0"
|
|
41
41
|
},
|
|
42
|
-
"gitHead": "
|
|
42
|
+
"gitHead": "201c56ccfe5460d73f27c61417e5dfa5cd5191e1"
|
|
43
43
|
}
|