@primer/styled-octicons 16.3.1 → 17.2.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/CloudIcon.js +87 -0
- package/dist/icons/CloudOfflineIcon.js +87 -0
- package/dist/icons/FeedForkedIcon.js +87 -0
- package/dist/icons/FeedMergedIcon.js +87 -0
- package/dist/icons/FeedTrophyIcon.js +87 -0
- package/dist/icons/FileAddedIcon.js +87 -0
- package/dist/icons/FileDirectoryFillIcon.js +1 -1
- package/dist/icons/FileDirectoryIcon.js +1 -1
- package/dist/icons/FileDirectoryOpenFillIcon.js +87 -0
- package/dist/icons/FileIcon.js +1 -1
- package/dist/icons/FileMovedIcon.js +87 -0
- package/dist/icons/FileRemovedIcon.js +87 -0
- package/dist/icons/OrganizationIcon.js +1 -1
- package/dist/icons/RepoLockedIcon.js +87 -0
- package/dist/icons/SlidersIcon.js +87 -0
- package/dist/icons/TrophyIcon.js +87 -0
- package/dist/index.d.ts +12 -0
- package/dist/index.esm.js +12 -0
- package/dist/index.umd.js +196 -4
- package/package.json +1 -1
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { compose, space, color } from 'styled-system';
|
|
3
|
+
import css from '@styled-system/css';
|
|
4
|
+
import styled from 'styled-components';
|
|
5
|
+
|
|
6
|
+
var sizeMap = {
|
|
7
|
+
small: 16,
|
|
8
|
+
medium: 32,
|
|
9
|
+
large: 64
|
|
10
|
+
};
|
|
11
|
+
|
|
12
|
+
function getSvgProps(_ref) {
|
|
13
|
+
var ariaLabel = _ref['aria-label'],
|
|
14
|
+
className = _ref.className,
|
|
15
|
+
_ref$fill = _ref.fill,
|
|
16
|
+
fill = _ref$fill === undefined ? 'currentColor' : _ref$fill,
|
|
17
|
+
size = _ref.size,
|
|
18
|
+
verticalAlign = _ref.verticalAlign,
|
|
19
|
+
svgDataByHeight = _ref.svgDataByHeight;
|
|
20
|
+
|
|
21
|
+
var height = sizeMap[size] || size;
|
|
22
|
+
var naturalHeight = closestNaturalHeight(Object.keys(svgDataByHeight), height);
|
|
23
|
+
var naturalWidth = svgDataByHeight[naturalHeight].width;
|
|
24
|
+
var width = height * (naturalWidth / naturalHeight);
|
|
25
|
+
var path = svgDataByHeight[naturalHeight].path;
|
|
26
|
+
|
|
27
|
+
return {
|
|
28
|
+
'aria-hidden': ariaLabel ? 'false' : 'true',
|
|
29
|
+
'aria-label': ariaLabel,
|
|
30
|
+
role: 'img',
|
|
31
|
+
className: className,
|
|
32
|
+
viewBox: '0 0 ' + naturalWidth + ' ' + naturalHeight,
|
|
33
|
+
width: width,
|
|
34
|
+
height: height,
|
|
35
|
+
fill: fill,
|
|
36
|
+
style: {
|
|
37
|
+
display: 'inline-block',
|
|
38
|
+
userSelect: 'none',
|
|
39
|
+
verticalAlign: verticalAlign,
|
|
40
|
+
overflow: 'visible'
|
|
41
|
+
},
|
|
42
|
+
dangerouslySetInnerHTML: { __html: path }
|
|
43
|
+
};
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
function closestNaturalHeight(naturalHeights, height) {
|
|
47
|
+
return naturalHeights.map(function (naturalHeight) {
|
|
48
|
+
return parseInt(naturalHeight, 10);
|
|
49
|
+
}).reduce(function (acc, naturalHeight) {
|
|
50
|
+
return naturalHeight <= height ? naturalHeight : acc;
|
|
51
|
+
}, naturalHeights[0]);
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
var _extends = Object.assign || function (target) {
|
|
55
|
+
for (var i = 1; i < arguments.length; i++) {
|
|
56
|
+
var source = arguments[i];for (var key in source) {
|
|
57
|
+
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
|
58
|
+
target[key] = source[key];
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
}return target;
|
|
62
|
+
};
|
|
63
|
+
|
|
64
|
+
function CloudIcon(props) {
|
|
65
|
+
var svgDataByHeight = { "16": { "width": 16, "path": "<path fill-rule=\"evenodd\" d=\"M2 7.25A5.225 5.225 0 017.25 2a5.222 5.222 0 014.767 3.029A4.472 4.472 0 0116 9.5c0 2.505-1.995 4.5-4.5 4.5h-8A3.475 3.475 0 010 10.5c0-1.41.809-2.614 2.001-3.17L2 7.25zm1.54.482a.75.75 0 01-.556.832c-.86.22-1.484.987-1.484 1.936 0 1.124.876 2 2 2h8c1.676 0 3-1.324 3-3s-1.324-3-3-3a.75.75 0 01-.709-.504A3.72 3.72 0 007.25 3.5C5.16 3.5 3.5 5.16 3.5 7.25a3.276 3.276 0 00.035.436l.004.036.001.008v.002z\"></path>" }, "24": { "width": 24, "path": "<path fill-rule=\"evenodd\" d=\"M3.103 10.107c0-4.244 3.445-7.607 7.733-7.607 3.19 0 5.912 1.858 7.099 4.563a.634.634 0 01.01.022l.001.006C21.348 7.345 24 10.095 24 13.536 24 17.148 21.076 20 17.431 20H5.017C2.23 20 0 17.83 0 15.06a4.9 4.9 0 013.112-4.581 8.024 8.024 0 01-.009-.372zM10.836 4c-3.485 0-6.233 2.717-6.233 6.107 0 .284.022.602.052.756a.75.75 0 01-.552.869c-1.52.385-2.603 1.712-2.603 3.328 0 1.917 1.532 3.44 3.517 3.44h12.414c2.843 0 5.069-2.206 5.069-4.964 0-2.759-2.226-4.965-5.069-4.965a.75.75 0 01-.696-.47l-.179-.446C15.606 5.5 13.424 4 10.836 4z\"></path>" } };
|
|
66
|
+
return React.createElement('svg', getSvgProps(_extends({}, props, { svgDataByHeight: svgDataByHeight })));
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
CloudIcon.defaultProps = {
|
|
70
|
+
className: 'octicon octicon-cloud',
|
|
71
|
+
size: 16,
|
|
72
|
+
verticalAlign: 'text-bottom'
|
|
73
|
+
};
|
|
74
|
+
|
|
75
|
+
// eslint-disable-next-line import/no-namespace
|
|
76
|
+
|
|
77
|
+
var COMMON = compose(space, color);
|
|
78
|
+
|
|
79
|
+
var sx = function sx(props) {
|
|
80
|
+
return css(props.sx);
|
|
81
|
+
};
|
|
82
|
+
|
|
83
|
+
/* THIS FILE IS GENERATED. DO NOT EDIT IT. */
|
|
84
|
+
|
|
85
|
+
var StyledCloudIcon = styled(CloudIcon)(COMMON, sx);
|
|
86
|
+
|
|
87
|
+
export default StyledCloudIcon;
|
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { compose, space, color } from 'styled-system';
|
|
3
|
+
import css from '@styled-system/css';
|
|
4
|
+
import styled from 'styled-components';
|
|
5
|
+
|
|
6
|
+
var sizeMap = {
|
|
7
|
+
small: 16,
|
|
8
|
+
medium: 32,
|
|
9
|
+
large: 64
|
|
10
|
+
};
|
|
11
|
+
|
|
12
|
+
function getSvgProps(_ref) {
|
|
13
|
+
var ariaLabel = _ref['aria-label'],
|
|
14
|
+
className = _ref.className,
|
|
15
|
+
_ref$fill = _ref.fill,
|
|
16
|
+
fill = _ref$fill === undefined ? 'currentColor' : _ref$fill,
|
|
17
|
+
size = _ref.size,
|
|
18
|
+
verticalAlign = _ref.verticalAlign,
|
|
19
|
+
svgDataByHeight = _ref.svgDataByHeight;
|
|
20
|
+
|
|
21
|
+
var height = sizeMap[size] || size;
|
|
22
|
+
var naturalHeight = closestNaturalHeight(Object.keys(svgDataByHeight), height);
|
|
23
|
+
var naturalWidth = svgDataByHeight[naturalHeight].width;
|
|
24
|
+
var width = height * (naturalWidth / naturalHeight);
|
|
25
|
+
var path = svgDataByHeight[naturalHeight].path;
|
|
26
|
+
|
|
27
|
+
return {
|
|
28
|
+
'aria-hidden': ariaLabel ? 'false' : 'true',
|
|
29
|
+
'aria-label': ariaLabel,
|
|
30
|
+
role: 'img',
|
|
31
|
+
className: className,
|
|
32
|
+
viewBox: '0 0 ' + naturalWidth + ' ' + naturalHeight,
|
|
33
|
+
width: width,
|
|
34
|
+
height: height,
|
|
35
|
+
fill: fill,
|
|
36
|
+
style: {
|
|
37
|
+
display: 'inline-block',
|
|
38
|
+
userSelect: 'none',
|
|
39
|
+
verticalAlign: verticalAlign,
|
|
40
|
+
overflow: 'visible'
|
|
41
|
+
},
|
|
42
|
+
dangerouslySetInnerHTML: { __html: path }
|
|
43
|
+
};
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
function closestNaturalHeight(naturalHeights, height) {
|
|
47
|
+
return naturalHeights.map(function (naturalHeight) {
|
|
48
|
+
return parseInt(naturalHeight, 10);
|
|
49
|
+
}).reduce(function (acc, naturalHeight) {
|
|
50
|
+
return naturalHeight <= height ? naturalHeight : acc;
|
|
51
|
+
}, naturalHeights[0]);
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
var _extends = Object.assign || function (target) {
|
|
55
|
+
for (var i = 1; i < arguments.length; i++) {
|
|
56
|
+
var source = arguments[i];for (var key in source) {
|
|
57
|
+
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
|
58
|
+
target[key] = source[key];
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
}return target;
|
|
62
|
+
};
|
|
63
|
+
|
|
64
|
+
function CloudOfflineIcon(props) {
|
|
65
|
+
var svgDataByHeight = { "16": { "width": 16, "path": "<path d=\"M7.25 2c-.69 0-1.351.13-1.957.371a.75.75 0 10.554 1.394c.43-.17.903-.265 1.403-.265a3.72 3.72 0 013.541 2.496.75.75 0 00.709.504c1.676 0 3 1.324 3 3a3 3 0 01-.681 1.92.75.75 0 001.156.955A4.496 4.496 0 0016 9.5a4.472 4.472 0 00-3.983-4.471A5.222 5.222 0 007.25 2z\"></path><path fill-rule=\"evenodd\" d=\"M.72 1.72a.75.75 0 011.06 0l2.311 2.31c.03.025.056.052.08.08l8.531 8.532a.785.785 0 01.035.034l2.043 2.044a.75.75 0 11-1.06 1.06l-1.8-1.799a4.64 4.64 0 01-.42.019h-8A3.475 3.475 0 010 10.5c0-1.41.809-2.614 2.001-3.17a5.218 5.218 0 01.646-2.622L.72 2.78a.75.75 0 010-1.06zM3.5 7.25c0-.505.096-.983.271-1.418L10.44 12.5H3.5c-1.124 0-2-.876-2-2 0-.95.624-1.716 1.484-1.936a.75.75 0 00.557-.833A4.1 4.1 0 013.5 7.25z\"></path>" }, "24": { "width": 24, "path": "<path fill-rule=\"evenodd\" d=\"M2.78 2.22a.75.75 0 00-1.06 1.06l2.64 2.642a7.525 7.525 0 00-1.249 4.557A4.9 4.9 0 000 15.059C0 17.831 2.229 20 5.017 20h12.414a6.879 6.879 0 00.944-.065l2.845 2.845a.75.75 0 101.06-1.06L2.78 2.22zM16.94 18.5L5.448 7.01a6.03 6.03 0 00-.794 3.853.75.75 0 01-.552.869c-1.52.385-2.603 1.712-2.603 3.328 0 1.917 1.532 3.44 3.517 3.44H16.94z\"></path><path d=\"M10.836 2.5a7.865 7.865 0 00-3.638.88.75.75 0 10.692 1.331A6.365 6.365 0 0110.836 4c2.588 0 4.77 1.5 5.72 3.655l.179.445a.75.75 0 00.696.471c2.843 0 5.069 2.206 5.069 4.965a4.9 4.9 0 01-1.684 3.716.75.75 0 00.986 1.13A6.396 6.396 0 0024 13.536c0-3.44-2.652-6.191-6.054-6.445l-.002-.006a.634.634 0 00-.01-.022C16.749 4.358 14.026 2.5 10.837 2.5z\"></path>" } };
|
|
66
|
+
return React.createElement('svg', getSvgProps(_extends({}, props, { svgDataByHeight: svgDataByHeight })));
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
CloudOfflineIcon.defaultProps = {
|
|
70
|
+
className: 'octicon octicon-cloud-offline',
|
|
71
|
+
size: 16,
|
|
72
|
+
verticalAlign: 'text-bottom'
|
|
73
|
+
};
|
|
74
|
+
|
|
75
|
+
// eslint-disable-next-line import/no-namespace
|
|
76
|
+
|
|
77
|
+
var COMMON = compose(space, color);
|
|
78
|
+
|
|
79
|
+
var sx = function sx(props) {
|
|
80
|
+
return css(props.sx);
|
|
81
|
+
};
|
|
82
|
+
|
|
83
|
+
/* THIS FILE IS GENERATED. DO NOT EDIT IT. */
|
|
84
|
+
|
|
85
|
+
var StyledCloudOfflineIcon = styled(CloudOfflineIcon)(COMMON, sx);
|
|
86
|
+
|
|
87
|
+
export default StyledCloudOfflineIcon;
|
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { compose, space, color } from 'styled-system';
|
|
3
|
+
import css from '@styled-system/css';
|
|
4
|
+
import styled from 'styled-components';
|
|
5
|
+
|
|
6
|
+
var sizeMap = {
|
|
7
|
+
small: 16,
|
|
8
|
+
medium: 32,
|
|
9
|
+
large: 64
|
|
10
|
+
};
|
|
11
|
+
|
|
12
|
+
function getSvgProps(_ref) {
|
|
13
|
+
var ariaLabel = _ref['aria-label'],
|
|
14
|
+
className = _ref.className,
|
|
15
|
+
_ref$fill = _ref.fill,
|
|
16
|
+
fill = _ref$fill === undefined ? 'currentColor' : _ref$fill,
|
|
17
|
+
size = _ref.size,
|
|
18
|
+
verticalAlign = _ref.verticalAlign,
|
|
19
|
+
svgDataByHeight = _ref.svgDataByHeight;
|
|
20
|
+
|
|
21
|
+
var height = sizeMap[size] || size;
|
|
22
|
+
var naturalHeight = closestNaturalHeight(Object.keys(svgDataByHeight), height);
|
|
23
|
+
var naturalWidth = svgDataByHeight[naturalHeight].width;
|
|
24
|
+
var width = height * (naturalWidth / naturalHeight);
|
|
25
|
+
var path = svgDataByHeight[naturalHeight].path;
|
|
26
|
+
|
|
27
|
+
return {
|
|
28
|
+
'aria-hidden': ariaLabel ? 'false' : 'true',
|
|
29
|
+
'aria-label': ariaLabel,
|
|
30
|
+
role: 'img',
|
|
31
|
+
className: className,
|
|
32
|
+
viewBox: '0 0 ' + naturalWidth + ' ' + naturalHeight,
|
|
33
|
+
width: width,
|
|
34
|
+
height: height,
|
|
35
|
+
fill: fill,
|
|
36
|
+
style: {
|
|
37
|
+
display: 'inline-block',
|
|
38
|
+
userSelect: 'none',
|
|
39
|
+
verticalAlign: verticalAlign,
|
|
40
|
+
overflow: 'visible'
|
|
41
|
+
},
|
|
42
|
+
dangerouslySetInnerHTML: { __html: path }
|
|
43
|
+
};
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
function closestNaturalHeight(naturalHeights, height) {
|
|
47
|
+
return naturalHeights.map(function (naturalHeight) {
|
|
48
|
+
return parseInt(naturalHeight, 10);
|
|
49
|
+
}).reduce(function (acc, naturalHeight) {
|
|
50
|
+
return naturalHeight <= height ? naturalHeight : acc;
|
|
51
|
+
}, naturalHeights[0]);
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
var _extends = Object.assign || function (target) {
|
|
55
|
+
for (var i = 1; i < arguments.length; i++) {
|
|
56
|
+
var source = arguments[i];for (var key in source) {
|
|
57
|
+
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
|
58
|
+
target[key] = source[key];
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
}return target;
|
|
62
|
+
};
|
|
63
|
+
|
|
64
|
+
function FeedForkedIcon(props) {
|
|
65
|
+
var svgDataByHeight = { "16": { "width": 16, "path": "<path fill-rule=\"evenodd\" d=\"M8 16A8 8 0 108 0a8 8 0 000 16zM6 6.928a1.75 1.75 0 10-1 0V7.5A1.5 1.5 0 006.5 9h1v1.072a1.75 1.75 0 101 0V9h1A1.5 1.5 0 0011 7.5v-.572a1.75 1.75 0 10-1 0V7.5a.5.5 0 01-.5.5h-3a.5.5 0 01-.5-.5v-.572z\"></path>" } };
|
|
66
|
+
return React.createElement('svg', getSvgProps(_extends({}, props, { svgDataByHeight: svgDataByHeight })));
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
FeedForkedIcon.defaultProps = {
|
|
70
|
+
className: 'octicon octicon-feed-forked',
|
|
71
|
+
size: 16,
|
|
72
|
+
verticalAlign: 'text-bottom'
|
|
73
|
+
};
|
|
74
|
+
|
|
75
|
+
// eslint-disable-next-line import/no-namespace
|
|
76
|
+
|
|
77
|
+
var COMMON = compose(space, color);
|
|
78
|
+
|
|
79
|
+
var sx = function sx(props) {
|
|
80
|
+
return css(props.sx);
|
|
81
|
+
};
|
|
82
|
+
|
|
83
|
+
/* THIS FILE IS GENERATED. DO NOT EDIT IT. */
|
|
84
|
+
|
|
85
|
+
var StyledFeedForkedIcon = styled(FeedForkedIcon)(COMMON, sx);
|
|
86
|
+
|
|
87
|
+
export default StyledFeedForkedIcon;
|
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { compose, space, color } from 'styled-system';
|
|
3
|
+
import css from '@styled-system/css';
|
|
4
|
+
import styled from 'styled-components';
|
|
5
|
+
|
|
6
|
+
var sizeMap = {
|
|
7
|
+
small: 16,
|
|
8
|
+
medium: 32,
|
|
9
|
+
large: 64
|
|
10
|
+
};
|
|
11
|
+
|
|
12
|
+
function getSvgProps(_ref) {
|
|
13
|
+
var ariaLabel = _ref['aria-label'],
|
|
14
|
+
className = _ref.className,
|
|
15
|
+
_ref$fill = _ref.fill,
|
|
16
|
+
fill = _ref$fill === undefined ? 'currentColor' : _ref$fill,
|
|
17
|
+
size = _ref.size,
|
|
18
|
+
verticalAlign = _ref.verticalAlign,
|
|
19
|
+
svgDataByHeight = _ref.svgDataByHeight;
|
|
20
|
+
|
|
21
|
+
var height = sizeMap[size] || size;
|
|
22
|
+
var naturalHeight = closestNaturalHeight(Object.keys(svgDataByHeight), height);
|
|
23
|
+
var naturalWidth = svgDataByHeight[naturalHeight].width;
|
|
24
|
+
var width = height * (naturalWidth / naturalHeight);
|
|
25
|
+
var path = svgDataByHeight[naturalHeight].path;
|
|
26
|
+
|
|
27
|
+
return {
|
|
28
|
+
'aria-hidden': ariaLabel ? 'false' : 'true',
|
|
29
|
+
'aria-label': ariaLabel,
|
|
30
|
+
role: 'img',
|
|
31
|
+
className: className,
|
|
32
|
+
viewBox: '0 0 ' + naturalWidth + ' ' + naturalHeight,
|
|
33
|
+
width: width,
|
|
34
|
+
height: height,
|
|
35
|
+
fill: fill,
|
|
36
|
+
style: {
|
|
37
|
+
display: 'inline-block',
|
|
38
|
+
userSelect: 'none',
|
|
39
|
+
verticalAlign: verticalAlign,
|
|
40
|
+
overflow: 'visible'
|
|
41
|
+
},
|
|
42
|
+
dangerouslySetInnerHTML: { __html: path }
|
|
43
|
+
};
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
function closestNaturalHeight(naturalHeights, height) {
|
|
47
|
+
return naturalHeights.map(function (naturalHeight) {
|
|
48
|
+
return parseInt(naturalHeight, 10);
|
|
49
|
+
}).reduce(function (acc, naturalHeight) {
|
|
50
|
+
return naturalHeight <= height ? naturalHeight : acc;
|
|
51
|
+
}, naturalHeights[0]);
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
var _extends = Object.assign || function (target) {
|
|
55
|
+
for (var i = 1; i < arguments.length; i++) {
|
|
56
|
+
var source = arguments[i];for (var key in source) {
|
|
57
|
+
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
|
58
|
+
target[key] = source[key];
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
}return target;
|
|
62
|
+
};
|
|
63
|
+
|
|
64
|
+
function FeedMergedIcon(props) {
|
|
65
|
+
var svgDataByHeight = { "16": { "width": 16, "path": "<path fill-rule=\"evenodd\" d=\"M8 16A8 8 0 108 0a8 8 0 000 16zm.25-11.25a1.75 1.75 0 01-1.207 1.664A2 2 0 009 8h.571a1.75 1.75 0 110 1H9a2.99 2.99 0 01-2-.764v1.336a1.75 1.75 0 11-1 0V6.428A1.75 1.75 0 118.25 4.75z\"></path>" } };
|
|
66
|
+
return React.createElement('svg', getSvgProps(_extends({}, props, { svgDataByHeight: svgDataByHeight })));
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
FeedMergedIcon.defaultProps = {
|
|
70
|
+
className: 'octicon octicon-feed-merged',
|
|
71
|
+
size: 16,
|
|
72
|
+
verticalAlign: 'text-bottom'
|
|
73
|
+
};
|
|
74
|
+
|
|
75
|
+
// eslint-disable-next-line import/no-namespace
|
|
76
|
+
|
|
77
|
+
var COMMON = compose(space, color);
|
|
78
|
+
|
|
79
|
+
var sx = function sx(props) {
|
|
80
|
+
return css(props.sx);
|
|
81
|
+
};
|
|
82
|
+
|
|
83
|
+
/* THIS FILE IS GENERATED. DO NOT EDIT IT. */
|
|
84
|
+
|
|
85
|
+
var StyledFeedMergedIcon = styled(FeedMergedIcon)(COMMON, sx);
|
|
86
|
+
|
|
87
|
+
export default StyledFeedMergedIcon;
|
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { compose, space, color } from 'styled-system';
|
|
3
|
+
import css from '@styled-system/css';
|
|
4
|
+
import styled from 'styled-components';
|
|
5
|
+
|
|
6
|
+
var sizeMap = {
|
|
7
|
+
small: 16,
|
|
8
|
+
medium: 32,
|
|
9
|
+
large: 64
|
|
10
|
+
};
|
|
11
|
+
|
|
12
|
+
function getSvgProps(_ref) {
|
|
13
|
+
var ariaLabel = _ref['aria-label'],
|
|
14
|
+
className = _ref.className,
|
|
15
|
+
_ref$fill = _ref.fill,
|
|
16
|
+
fill = _ref$fill === undefined ? 'currentColor' : _ref$fill,
|
|
17
|
+
size = _ref.size,
|
|
18
|
+
verticalAlign = _ref.verticalAlign,
|
|
19
|
+
svgDataByHeight = _ref.svgDataByHeight;
|
|
20
|
+
|
|
21
|
+
var height = sizeMap[size] || size;
|
|
22
|
+
var naturalHeight = closestNaturalHeight(Object.keys(svgDataByHeight), height);
|
|
23
|
+
var naturalWidth = svgDataByHeight[naturalHeight].width;
|
|
24
|
+
var width = height * (naturalWidth / naturalHeight);
|
|
25
|
+
var path = svgDataByHeight[naturalHeight].path;
|
|
26
|
+
|
|
27
|
+
return {
|
|
28
|
+
'aria-hidden': ariaLabel ? 'false' : 'true',
|
|
29
|
+
'aria-label': ariaLabel,
|
|
30
|
+
role: 'img',
|
|
31
|
+
className: className,
|
|
32
|
+
viewBox: '0 0 ' + naturalWidth + ' ' + naturalHeight,
|
|
33
|
+
width: width,
|
|
34
|
+
height: height,
|
|
35
|
+
fill: fill,
|
|
36
|
+
style: {
|
|
37
|
+
display: 'inline-block',
|
|
38
|
+
userSelect: 'none',
|
|
39
|
+
verticalAlign: verticalAlign,
|
|
40
|
+
overflow: 'visible'
|
|
41
|
+
},
|
|
42
|
+
dangerouslySetInnerHTML: { __html: path }
|
|
43
|
+
};
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
function closestNaturalHeight(naturalHeights, height) {
|
|
47
|
+
return naturalHeights.map(function (naturalHeight) {
|
|
48
|
+
return parseInt(naturalHeight, 10);
|
|
49
|
+
}).reduce(function (acc, naturalHeight) {
|
|
50
|
+
return naturalHeight <= height ? naturalHeight : acc;
|
|
51
|
+
}, naturalHeights[0]);
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
var _extends = Object.assign || function (target) {
|
|
55
|
+
for (var i = 1; i < arguments.length; i++) {
|
|
56
|
+
var source = arguments[i];for (var key in source) {
|
|
57
|
+
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
|
58
|
+
target[key] = source[key];
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
}return target;
|
|
62
|
+
};
|
|
63
|
+
|
|
64
|
+
function FeedTrophyIcon(props) {
|
|
65
|
+
var svgDataByHeight = { "16": { "width": 16, "path": "<path d=\"M11 5h1v1.146a1 1 0 01-.629.928L11 7.223V5zM5 7.223l-.371-.149A1 1 0 014 6.146V5h1v2.223z\"></path><path fill-rule=\"evenodd\" d=\"M8 16A8 8 0 108 0a8 8 0 000 16zM3 5a1 1 0 011-1h8a1 1 0 011 1v1.146a2 2 0 01-1.257 1.857l-.865.346a3.005 3.005 0 01-2.294 2.094C8.78 11.405 9.342 12 10.5 12a.5.5 0 010 1h-5a.5.5 0 010-1h.002c1.156 0 1.718-.596 1.914-1.557A3.005 3.005 0 015.122 8.35l-.865-.346A2 2 0 013 6.146V5z\"></path>" } };
|
|
66
|
+
return React.createElement('svg', getSvgProps(_extends({}, props, { svgDataByHeight: svgDataByHeight })));
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
FeedTrophyIcon.defaultProps = {
|
|
70
|
+
className: 'octicon octicon-feed-trophy',
|
|
71
|
+
size: 16,
|
|
72
|
+
verticalAlign: 'text-bottom'
|
|
73
|
+
};
|
|
74
|
+
|
|
75
|
+
// eslint-disable-next-line import/no-namespace
|
|
76
|
+
|
|
77
|
+
var COMMON = compose(space, color);
|
|
78
|
+
|
|
79
|
+
var sx = function sx(props) {
|
|
80
|
+
return css(props.sx);
|
|
81
|
+
};
|
|
82
|
+
|
|
83
|
+
/* THIS FILE IS GENERATED. DO NOT EDIT IT. */
|
|
84
|
+
|
|
85
|
+
var StyledFeedTrophyIcon = styled(FeedTrophyIcon)(COMMON, sx);
|
|
86
|
+
|
|
87
|
+
export default StyledFeedTrophyIcon;
|
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { compose, space, color } from 'styled-system';
|
|
3
|
+
import css from '@styled-system/css';
|
|
4
|
+
import styled from 'styled-components';
|
|
5
|
+
|
|
6
|
+
var sizeMap = {
|
|
7
|
+
small: 16,
|
|
8
|
+
medium: 32,
|
|
9
|
+
large: 64
|
|
10
|
+
};
|
|
11
|
+
|
|
12
|
+
function getSvgProps(_ref) {
|
|
13
|
+
var ariaLabel = _ref['aria-label'],
|
|
14
|
+
className = _ref.className,
|
|
15
|
+
_ref$fill = _ref.fill,
|
|
16
|
+
fill = _ref$fill === undefined ? 'currentColor' : _ref$fill,
|
|
17
|
+
size = _ref.size,
|
|
18
|
+
verticalAlign = _ref.verticalAlign,
|
|
19
|
+
svgDataByHeight = _ref.svgDataByHeight;
|
|
20
|
+
|
|
21
|
+
var height = sizeMap[size] || size;
|
|
22
|
+
var naturalHeight = closestNaturalHeight(Object.keys(svgDataByHeight), height);
|
|
23
|
+
var naturalWidth = svgDataByHeight[naturalHeight].width;
|
|
24
|
+
var width = height * (naturalWidth / naturalHeight);
|
|
25
|
+
var path = svgDataByHeight[naturalHeight].path;
|
|
26
|
+
|
|
27
|
+
return {
|
|
28
|
+
'aria-hidden': ariaLabel ? 'false' : 'true',
|
|
29
|
+
'aria-label': ariaLabel,
|
|
30
|
+
role: 'img',
|
|
31
|
+
className: className,
|
|
32
|
+
viewBox: '0 0 ' + naturalWidth + ' ' + naturalHeight,
|
|
33
|
+
width: width,
|
|
34
|
+
height: height,
|
|
35
|
+
fill: fill,
|
|
36
|
+
style: {
|
|
37
|
+
display: 'inline-block',
|
|
38
|
+
userSelect: 'none',
|
|
39
|
+
verticalAlign: verticalAlign,
|
|
40
|
+
overflow: 'visible'
|
|
41
|
+
},
|
|
42
|
+
dangerouslySetInnerHTML: { __html: path }
|
|
43
|
+
};
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
function closestNaturalHeight(naturalHeights, height) {
|
|
47
|
+
return naturalHeights.map(function (naturalHeight) {
|
|
48
|
+
return parseInt(naturalHeight, 10);
|
|
49
|
+
}).reduce(function (acc, naturalHeight) {
|
|
50
|
+
return naturalHeight <= height ? naturalHeight : acc;
|
|
51
|
+
}, naturalHeights[0]);
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
var _extends = Object.assign || function (target) {
|
|
55
|
+
for (var i = 1; i < arguments.length; i++) {
|
|
56
|
+
var source = arguments[i];for (var key in source) {
|
|
57
|
+
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
|
58
|
+
target[key] = source[key];
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
}return target;
|
|
62
|
+
};
|
|
63
|
+
|
|
64
|
+
function FileAddedIcon(props) {
|
|
65
|
+
var svgDataByHeight = { "16": { "width": 16, "path": "<path fill-rule=\"evenodd\" d=\"M3.75 1.5a.25.25 0 00-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 00.25-.25V4.664a.25.25 0 00-.073-.177l-2.914-2.914a.25.25 0 00-.177-.073H3.75zM2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0113.25 16h-9.5A1.75 1.75 0 012 14.25V1.75zm6.23 3.508a.75.75 0 01.755.745l.01 1.497h1.497a.75.75 0 010 1.5H9v1.507a.75.75 0 01-1.5 0V9.005l-1.502.01a.75.75 0 11-.01-1.5l1.507-.01-.01-1.492a.75.75 0 01.745-.755z\"></path>" } };
|
|
66
|
+
return React.createElement('svg', getSvgProps(_extends({}, props, { svgDataByHeight: svgDataByHeight })));
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
FileAddedIcon.defaultProps = {
|
|
70
|
+
className: 'octicon octicon-file-added',
|
|
71
|
+
size: 16,
|
|
72
|
+
verticalAlign: 'text-bottom'
|
|
73
|
+
};
|
|
74
|
+
|
|
75
|
+
// eslint-disable-next-line import/no-namespace
|
|
76
|
+
|
|
77
|
+
var COMMON = compose(space, color);
|
|
78
|
+
|
|
79
|
+
var sx = function sx(props) {
|
|
80
|
+
return css(props.sx);
|
|
81
|
+
};
|
|
82
|
+
|
|
83
|
+
/* THIS FILE IS GENERATED. DO NOT EDIT IT. */
|
|
84
|
+
|
|
85
|
+
var StyledFileAddedIcon = styled(FileAddedIcon)(COMMON, sx);
|
|
86
|
+
|
|
87
|
+
export default StyledFileAddedIcon;
|
|
@@ -62,7 +62,7 @@ var _extends = Object.assign || function (target) {
|
|
|
62
62
|
};
|
|
63
63
|
|
|
64
64
|
function FileDirectoryFillIcon(props) {
|
|
65
|
-
var svgDataByHeight = { "24": { "width": 24, "path": "<path fill-rule=\"evenodd\" d=\"M2 4.75C2 3.784 2.784 3 3.75 3h4.971c.58 0 1.12.286 1.447.765l1.404 2.063a.25.25 0 00.207.11h8.471c.966 0 1.75.783 1.75 1.75V19.25A1.75 1.75 0 0120.25 21H3.75A1.75 1.75 0 012 19.25V4.75z\"></path>" } };
|
|
65
|
+
var svgDataByHeight = { "16": { "width": 16, "path": "<path d=\"M1.75 1A1.75 1.75 0 000 2.75v10.5C0 14.216.784 15 1.75 15h12.5A1.75 1.75 0 0016 13.25v-8.5A1.75 1.75 0 0014.25 3H7.5a.25.25 0 01-.2-.1l-.9-1.2C6.07 1.26 5.55 1 5 1H1.75z\"></path>" }, "24": { "width": 24, "path": "<path fill-rule=\"evenodd\" d=\"M2 4.75C2 3.784 2.784 3 3.75 3h4.971c.58 0 1.12.286 1.447.765l1.404 2.063a.25.25 0 00.207.11h8.471c.966 0 1.75.783 1.75 1.75V19.25A1.75 1.75 0 0120.25 21H3.75A1.75 1.75 0 012 19.25V4.75z\"></path>" } };
|
|
66
66
|
return React.createElement('svg', getSvgProps(_extends({}, props, { svgDataByHeight: svgDataByHeight })));
|
|
67
67
|
}
|
|
68
68
|
|
|
@@ -62,7 +62,7 @@ var _extends = Object.assign || function (target) {
|
|
|
62
62
|
};
|
|
63
63
|
|
|
64
64
|
function FileDirectoryIcon(props) {
|
|
65
|
-
var svgDataByHeight = { "16": { "width": 16, "path": "<path fill-rule=\"evenodd\" d=\"M1.75
|
|
65
|
+
var svgDataByHeight = { "16": { "width": 16, "path": "<path fill-rule=\"evenodd\" d=\"M1.75 2.5a.25.25 0 00-.25.25v10.5c0 .138.112.25.25.25h12.5a.25.25 0 00.25-.25v-8.5a.25.25 0 00-.25-.25H7.5c-.55 0-1.07-.26-1.4-.7l-.9-1.2a.25.25 0 00-.2-.1H1.75zM0 2.75C0 1.784.784 1 1.75 1H5c.55 0 1.07.26 1.4.7l.9 1.2a.25.25 0 00.2.1h6.75c.966 0 1.75.784 1.75 1.75v8.5A1.75 1.75 0 0114.25 15H1.75A1.75 1.75 0 010 13.25V2.75z\"></path>" }, "24": { "width": 24, "path": "<path fill-rule=\"evenodd\" d=\"M3.75 4.5a.25.25 0 00-.25.25v14.5c0 .138.112.25.25.25h16.5a.25.25 0 00.25-.25V7.687a.25.25 0 00-.25-.25h-8.471a1.75 1.75 0 01-1.447-.765L8.928 4.61a.25.25 0 00-.208-.11H3.75zM2 4.75C2 3.784 2.784 3 3.75 3h4.971c.58 0 1.12.286 1.447.765l1.404 2.063a.25.25 0 00.207.11h8.471c.966 0 1.75.783 1.75 1.75V19.25A1.75 1.75 0 0120.25 21H3.75A1.75 1.75 0 012 19.25V4.75z\"></path>" } };
|
|
66
66
|
return React.createElement('svg', getSvgProps(_extends({}, props, { svgDataByHeight: svgDataByHeight })));
|
|
67
67
|
}
|
|
68
68
|
|
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { compose, space, color } from 'styled-system';
|
|
3
|
+
import css from '@styled-system/css';
|
|
4
|
+
import styled from 'styled-components';
|
|
5
|
+
|
|
6
|
+
var sizeMap = {
|
|
7
|
+
small: 16,
|
|
8
|
+
medium: 32,
|
|
9
|
+
large: 64
|
|
10
|
+
};
|
|
11
|
+
|
|
12
|
+
function getSvgProps(_ref) {
|
|
13
|
+
var ariaLabel = _ref['aria-label'],
|
|
14
|
+
className = _ref.className,
|
|
15
|
+
_ref$fill = _ref.fill,
|
|
16
|
+
fill = _ref$fill === undefined ? 'currentColor' : _ref$fill,
|
|
17
|
+
size = _ref.size,
|
|
18
|
+
verticalAlign = _ref.verticalAlign,
|
|
19
|
+
svgDataByHeight = _ref.svgDataByHeight;
|
|
20
|
+
|
|
21
|
+
var height = sizeMap[size] || size;
|
|
22
|
+
var naturalHeight = closestNaturalHeight(Object.keys(svgDataByHeight), height);
|
|
23
|
+
var naturalWidth = svgDataByHeight[naturalHeight].width;
|
|
24
|
+
var width = height * (naturalWidth / naturalHeight);
|
|
25
|
+
var path = svgDataByHeight[naturalHeight].path;
|
|
26
|
+
|
|
27
|
+
return {
|
|
28
|
+
'aria-hidden': ariaLabel ? 'false' : 'true',
|
|
29
|
+
'aria-label': ariaLabel,
|
|
30
|
+
role: 'img',
|
|
31
|
+
className: className,
|
|
32
|
+
viewBox: '0 0 ' + naturalWidth + ' ' + naturalHeight,
|
|
33
|
+
width: width,
|
|
34
|
+
height: height,
|
|
35
|
+
fill: fill,
|
|
36
|
+
style: {
|
|
37
|
+
display: 'inline-block',
|
|
38
|
+
userSelect: 'none',
|
|
39
|
+
verticalAlign: verticalAlign,
|
|
40
|
+
overflow: 'visible'
|
|
41
|
+
},
|
|
42
|
+
dangerouslySetInnerHTML: { __html: path }
|
|
43
|
+
};
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
function closestNaturalHeight(naturalHeights, height) {
|
|
47
|
+
return naturalHeights.map(function (naturalHeight) {
|
|
48
|
+
return parseInt(naturalHeight, 10);
|
|
49
|
+
}).reduce(function (acc, naturalHeight) {
|
|
50
|
+
return naturalHeight <= height ? naturalHeight : acc;
|
|
51
|
+
}, naturalHeights[0]);
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
var _extends = Object.assign || function (target) {
|
|
55
|
+
for (var i = 1; i < arguments.length; i++) {
|
|
56
|
+
var source = arguments[i];for (var key in source) {
|
|
57
|
+
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
|
58
|
+
target[key] = source[key];
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
}return target;
|
|
62
|
+
};
|
|
63
|
+
|
|
64
|
+
function FileDirectoryOpenFillIcon(props) {
|
|
65
|
+
var svgDataByHeight = { "16": { "width": 16, "path": "<path d=\"M.513 1.513A1.75 1.75 0 011.75 1h3.5c.55 0 1.07.26 1.4.7l.9 1.2a.25.25 0 00.2.1H13a1 1 0 011 1v.5H2.75a.75.75 0 000 1.5h11.978a1 1 0 01.994 1.117L15 13.25A1.75 1.75 0 0113.25 15H1.75A1.75 1.75 0 010 13.25V2.75c0-.464.184-.91.513-1.237z\"></path>" } };
|
|
66
|
+
return React.createElement('svg', getSvgProps(_extends({}, props, { svgDataByHeight: svgDataByHeight })));
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
FileDirectoryOpenFillIcon.defaultProps = {
|
|
70
|
+
className: 'octicon octicon-file-directory-open-fill',
|
|
71
|
+
size: 16,
|
|
72
|
+
verticalAlign: 'text-bottom'
|
|
73
|
+
};
|
|
74
|
+
|
|
75
|
+
// eslint-disable-next-line import/no-namespace
|
|
76
|
+
|
|
77
|
+
var COMMON = compose(space, color);
|
|
78
|
+
|
|
79
|
+
var sx = function sx(props) {
|
|
80
|
+
return css(props.sx);
|
|
81
|
+
};
|
|
82
|
+
|
|
83
|
+
/* THIS FILE IS GENERATED. DO NOT EDIT IT. */
|
|
84
|
+
|
|
85
|
+
var StyledFileDirectoryOpenFillIcon = styled(FileDirectoryOpenFillIcon)(COMMON, sx);
|
|
86
|
+
|
|
87
|
+
export default StyledFileDirectoryOpenFillIcon;
|
package/dist/icons/FileIcon.js
CHANGED
|
@@ -62,7 +62,7 @@ var _extends = Object.assign || function (target) {
|
|
|
62
62
|
};
|
|
63
63
|
|
|
64
64
|
function FileIcon(props) {
|
|
65
|
-
var svgDataByHeight = { "16": { "width": 16, "path": "<path fill-rule=\"evenodd\" d=\"M3.75 1.5a.25.25 0 00-.25.
|
|
65
|
+
var svgDataByHeight = { "16": { "width": 16, "path": "<path fill-rule=\"evenodd\" d=\"M3.75 1.5a.25.25 0 00-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 00.25-.25V6h-2.75A1.75 1.75 0 019 4.25V1.5H3.75zm6.75.062V4.25c0 .138.112.25.25.25h2.688a.252.252 0 00-.011-.013l-2.914-2.914a.272.272 0 00-.013-.011zM2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0113.25 16h-9.5A1.75 1.75 0 012 14.25V1.75z\"></path>" }, "24": { "width": 24, "path": "<path fill-rule=\"evenodd\" d=\"M5 2.5a.5.5 0 00-.5.5v18a.5.5 0 00.5.5h14a.5.5 0 00.5-.5V8.5h-4a2 2 0 01-2-2v-4H5zm10 0v4a.5.5 0 00.5.5h4a.5.5 0 00-.146-.336l-4.018-4.018A.5.5 0 0015 2.5zM3 3a2 2 0 012-2h9.982a2 2 0 011.414.586l4.018 4.018A2 2 0 0121 7.018V21a2 2 0 01-2 2H5a2 2 0 01-2-2V3z\"></path>" } };
|
|
66
66
|
return React.createElement('svg', getSvgProps(_extends({}, props, { svgDataByHeight: svgDataByHeight })));
|
|
67
67
|
}
|
|
68
68
|
|