Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix: ensure circle elements in SVGs get currentColor fill #2687

Merged
merged 1 commit into from
Dec 13, 2023
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion icons/.svgrrc.js
Original file line number Diff line number Diff line change
Expand Up @@ -56,7 +56,7 @@ module.exports = {
[
"@svgr/babel-plugin-add-jsx-attribute",
{
"elements": ["path"],
"elements": ["path", "circle"],
Copy link
Member Author

@adamstankiewicz adamstankiewicz Oct 4, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is the actual fix here :) All other files changed are the result of running npm run build in Paragon's icons folder.

"attributes": [
{
"name": "fill",
Expand Down
3 changes: 2 additions & 1 deletion icons/es5/Accessible.js
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,8 @@ const SvgAccessible = props => /*#__PURE__*/React.createElement("svg", _extends(
}, props), /*#__PURE__*/React.createElement("circle", {
cx: 12,
cy: 4,
r: 2
r: 2,
fill: "currentColor"
}), /*#__PURE__*/React.createElement("path", {
d: "M19 13v-2c-1.54.02-3.09-.75-4.07-1.83l-1.29-1.43c-.17-.19-.38-.34-.61-.45-.01 0-.01-.01-.02-.01H13c-.37-.21-.78-.31-1.25-.25C10.73 7.15 10 8.07 10 9.1V17h7v5h2v-7.5h-5v-3.45c1.29 1.07 3.25 1.94 5 1.95zm-6.17 5c-.41 1.16-1.52 2-2.83 2-1.66 0-3-1.34-3-3 0-1.31.84-2.41 2-2.83V12.1a5 5 0 1 0 5.9 5.9h-2.07z",
fill: "currentColor"
Expand Down
3 changes: 2 additions & 1 deletion icons/es5/AccessibleForward.js
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,8 @@ const SvgAccessibleForward = props => /*#__PURE__*/React.createElement("svg", _e
}, props), /*#__PURE__*/React.createElement("circle", {
cx: 18,
cy: 4.54,
r: 2
r: 2,
fill: "currentColor"
}), /*#__PURE__*/React.createElement("path", {
d: "M15 17h-2c0 1.65-1.35 3-3 3s-3-1.35-3-3 1.35-3 3-3v-2c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5zm5-3.5h-3.86l1.67-3.67C18.42 8.5 17.44 7 15.96 7h-5.2c-.81 0-1.54.47-1.87 1.2L8.22 10l1.92.53.65-1.53H13l-3.12 7H18v5h2v-7.5z",
fill: "currentColor"
Expand Down
3 changes: 2 additions & 1 deletion icons/es5/AssistWalker.js
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,8 @@ const SvgAssistWalker = props => /*#__PURE__*/React.createElement("svg", _extend
}, props), /*#__PURE__*/React.createElement("circle", {
cx: 12.5,
cy: 4.5,
r: 2
r: 2,
fill: "currentColor"
}), /*#__PURE__*/React.createElement("path", {
d: "M19.77 17.72 19 10h-3c-1.5-.02-2.86-.54-3.76-1.44l-2-1.98A1.95 1.95 0 0 0 8.83 6c-.51 0-1.02.2-1.41.59l-4.2 4.17 2.08 4.07-3.15 4.05 1.57 1.24 3.68-4.73-.17-1.36.77.72V20h2v-6.12l-2.12-2.12 2.36-2.36c.94.94 1.72 1.82 3.59 2.32L13 20h1.5l.41-3.5h3.18l.14 1.22c-.44.26-.73.74-.73 1.28 0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5c0-.54-.29-1.02-.73-1.28zM15.09 15l.41-3.5h2l.41 3.5h-2.82z",
fill: "currentColor"
Expand Down
3 changes: 2 additions & 1 deletion icons/es5/Attribution.js
Original file line number Diff line number Diff line change
Expand Up @@ -12,6 +12,7 @@ const SvgAttribution = props => /*#__PURE__*/React.createElement("svg", _extends
}), /*#__PURE__*/React.createElement("circle", {
cx: 12,
cy: 6.5,
r: 1.5
r: 1.5,
fill: "currentColor"
}));
export default SvgAttribution;
3 changes: 2 additions & 1 deletion icons/es5/Bathtub.js
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,8 @@ const SvgBathtub = props => /*#__PURE__*/React.createElement("svg", _extends({
}, props), /*#__PURE__*/React.createElement("circle", {
cx: 7,
cy: 7,
r: 2
r: 2,
fill: "currentColor"
}), /*#__PURE__*/React.createElement("path", {
d: "M20 13V4.83C20 3.27 18.73 2 17.17 2c-.75 0-1.47.3-2 .83l-1.25 1.25c-.16-.05-.33-.08-.51-.08-.4 0-.77.12-1.08.32l2.76 2.76c.2-.31.32-.68.32-1.08 0-.18-.03-.34-.07-.51l1.25-1.25a.828.828 0 0 1 1.41.59V13h-6.85c-.3-.21-.57-.45-.82-.72l-1.4-1.55c-.19-.21-.43-.38-.69-.5A2.251 2.251 0 0 0 5 12.25V13H2v8h2v1h16v-1h2v-8h-2z",
fill: "currentColor"
Expand Down
3 changes: 2 additions & 1 deletion icons/es5/Biotech.js
Original file line number Diff line number Diff line change
Expand Up @@ -15,6 +15,7 @@ const SvgBiotech = props => /*#__PURE__*/React.createElement("svg", _extends({
}), /*#__PURE__*/React.createElement("circle", {
cx: 10.5,
cy: 8,
r: 1.5
r: 1.5,
fill: "currentColor"
}));
export default SvgBiotech;
3 changes: 2 additions & 1 deletion icons/es5/Blind.js
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,8 @@ const SvgBlind = props => /*#__PURE__*/React.createElement("svg", _extends({
}, props), /*#__PURE__*/React.createElement("circle", {
cx: 11.5,
cy: 3.5,
r: 2
r: 2,
fill: "currentColor"
}), /*#__PURE__*/React.createElement("path", {
d: "M12.13 7.12c-.17-.35-.44-.65-.8-.85a1.98 1.98 0 0 0-1.93-.03v-.01L4 9.3V14h2v-3.54l1.5-.85C7.18 10.71 7 11.85 7 13v5.33L4.4 21.8 6 23l3-4 .22-3.54L11 18v5h2v-6.5l-1.97-2.81c-.04-.52-.14-1.76.45-3.4.75 1.14 1.88 1.98 3.2 2.41L20.63 23l.87-.5-5.48-9.5H17v-2c-.49 0-2.88.17-4.08-2.21",
fill: "currentColor"
Expand Down
24 changes: 16 additions & 8 deletions icons/es5/BlurOff.js
Original file line number Diff line number Diff line change
Expand Up @@ -9,47 +9,55 @@ const SvgBlurOff = props => /*#__PURE__*/React.createElement("svg", _extends({
}, props), /*#__PURE__*/React.createElement("circle", {
cx: 14,
cy: 6,
r: 1
r: 1,
fill: "currentColor"
}), /*#__PURE__*/React.createElement("path", {
d: "m13.8 11.48.2.02c.83 0 1.5-.67 1.5-1.5s-.67-1.5-1.5-1.5-1.5.67-1.5 1.5l.02.2c.09.67.61 1.19 1.28 1.28zM14 3.5c.28 0 .5-.22.5-.5s-.22-.5-.5-.5-.5.22-.5.5.22.5.5.5zm-4 0c.28 0 .5-.22.5-.5s-.22-.5-.5-.5-.5.22-.5.5.22.5.5.5z",
fill: "currentColor"
}), /*#__PURE__*/React.createElement("circle", {
cx: 18,
cy: 10,
r: 1
r: 1,
fill: "currentColor"
}), /*#__PURE__*/React.createElement("circle", {
cx: 18,
cy: 6,
r: 1
r: 1,
fill: "currentColor"
}), /*#__PURE__*/React.createElement("path", {
d: "M21 10.5c.28 0 .5-.22.5-.5s-.22-.5-.5-.5-.5.22-.5.5.22.5.5.5z",
fill: "currentColor"
}), /*#__PURE__*/React.createElement("circle", {
cx: 10,
cy: 6,
r: 1
r: 1,
fill: "currentColor"
}), /*#__PURE__*/React.createElement("circle", {
cx: 18,
cy: 14,
r: 1
r: 1,
fill: "currentColor"
}), /*#__PURE__*/React.createElement("circle", {
cx: 6,
cy: 18,
r: 1
r: 1,
fill: "currentColor"
}), /*#__PURE__*/React.createElement("path", {
d: "M14 20.5c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.22-.5-.5-.5zm7-7c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.22-.5-.5-.5zm-18 0c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.22-.5-.5-.5z",
fill: "currentColor"
}), /*#__PURE__*/React.createElement("circle", {
cx: 10,
cy: 18,
r: 1
r: 1,
fill: "currentColor"
}), /*#__PURE__*/React.createElement("path", {
d: "M3 9.5c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.22-.5-.5-.5zm7 11c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.22-.5-.5-.5z",
fill: "currentColor"
}), /*#__PURE__*/React.createElement("circle", {
cx: 6,
cy: 14,
r: 1
r: 1,
fill: "currentColor"
}), /*#__PURE__*/React.createElement("path", {
d: "M2.5 5.27 6 8.77l.28.28L6 9c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1c0-.1-.03-.19-.06-.28l2.81 2.81c-.71.11-1.25.73-1.25 1.47 0 .83.67 1.5 1.5 1.5.74 0 1.36-.54 1.47-1.25l2.81 2.81A.875.875 0 0 0 14 17c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1c0-.1-.03-.19-.06-.28l3.78 3.78h.01l1.41-1.41L3.91 3.86 2.5 5.27z",
fill: "currentColor"
Expand Down
3 changes: 2 additions & 1 deletion icons/es5/Brightness1.js
Original file line number Diff line number Diff line change
Expand Up @@ -9,6 +9,7 @@ const SvgBrightness1 = props => /*#__PURE__*/React.createElement("svg", _extends
}, props), /*#__PURE__*/React.createElement("circle", {
cx: 12,
cy: 12,
r: 10
r: 10,
fill: "currentColor"
}));
export default SvgBrightness1;
9 changes: 6 additions & 3 deletions icons/es5/BubbleChart.js
Original file line number Diff line number Diff line change
Expand Up @@ -9,14 +9,17 @@ const SvgBubbleChart = props => /*#__PURE__*/React.createElement("svg", _extends
}, props), /*#__PURE__*/React.createElement("circle", {
cx: 7.2,
cy: 14.4,
r: 3.2
r: 3.2,
fill: "currentColor"
}), /*#__PURE__*/React.createElement("circle", {
cx: 14.8,
cy: 18,
r: 2
r: 2,
fill: "currentColor"
}), /*#__PURE__*/React.createElement("circle", {
cx: 15.2,
cy: 8.8,
r: 4.8
r: 4.8,
fill: "currentColor"
}));
export default SvgBubbleChart;
3 changes: 2 additions & 1 deletion icons/es5/CameraAlt.js
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,8 @@ const SvgCameraAlt = props => /*#__PURE__*/React.createElement("svg", _extends({
}, props), /*#__PURE__*/React.createElement("circle", {
cx: 12,
cy: 12,
r: 3
r: 3,
fill: "currentColor"
}), /*#__PURE__*/React.createElement("path", {
d: "M16.83 4 15 2H9L7.17 4H2v16h20V4h-5.17zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5z",
fill: "currentColor"
Expand Down
3 changes: 2 additions & 1 deletion icons/es5/Category.js
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,8 @@ const SvgCategory = props => /*#__PURE__*/React.createElement("svg", _extends({
}), /*#__PURE__*/React.createElement("circle", {
cx: 17.5,
cy: 17.5,
r: 4.5
r: 4.5,
fill: "currentColor"
}), /*#__PURE__*/React.createElement("path", {
d: "M3 13.5h8v8H3z",
fill: "currentColor"
Expand Down
6 changes: 4 additions & 2 deletions icons/es5/ChildCare.js
Original file line number Diff line number Diff line change
Expand Up @@ -9,11 +9,13 @@ const SvgChildCare = props => /*#__PURE__*/React.createElement("svg", _extends({
}, props), /*#__PURE__*/React.createElement("circle", {
cx: 14.5,
cy: 10.5,
r: 1.25
r: 1.25,
fill: "currentColor"
}), /*#__PURE__*/React.createElement("circle", {
cx: 9.5,
cy: 10.5,
r: 1.25
r: 1.25,
fill: "currentColor"
}), /*#__PURE__*/React.createElement("path", {
d: "M12 17c2.01 0 3.74-1.23 4.5-3h-9c.76 1.77 2.49 3 4.5 3zm10.94-5.66a4.008 4.008 0 0 0-2.81-3.17 9.114 9.114 0 0 0-2.19-2.91C16.36 3.85 14.28 3 12 3s-4.36.85-5.94 2.26c-.92.81-1.67 1.8-2.19 2.91a3.994 3.994 0 0 0-2.81 3.17c-.04.21-.06.43-.06.66 0 .23.02.45.06.66a4.008 4.008 0 0 0 2.81 3.17 8.977 8.977 0 0 0 2.17 2.89C7.62 20.14 9.71 21 12 21s4.38-.86 5.97-2.28c.9-.8 1.65-1.79 2.17-2.89a3.998 3.998 0 0 0 2.8-3.17c.04-.21.06-.43.06-.66 0-.23-.02-.45-.06-.66zM19 14c-.1 0-.19-.02-.29-.03-.2.67-.49 1.29-.86 1.86C16.6 17.74 14.45 19 12 19s-4.6-1.26-5.85-3.17c-.37-.57-.66-1.19-.86-1.86-.1.01-.19.03-.29.03-1.1 0-2-.9-2-2s.9-2 2-2c.1 0 .19.02.29.03.2-.67.49-1.29.86-1.86C7.4 6.26 9.55 5 12 5s4.6 1.26 5.85 3.17c.37.57.66 1.19.86 1.86.1-.01.19-.03.29-.03 1.1 0 2 .9 2 2s-.9 2-2 2z",
fill: "currentColor"
Expand Down
3 changes: 2 additions & 1 deletion icons/es5/CoPresent.js
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,8 @@ const SvgCoPresent = props => /*#__PURE__*/React.createElement("svg", _extends({
}), /*#__PURE__*/React.createElement("circle", {
cx: 9,
cy: 10,
r: 4
r: 4,
fill: "currentColor"
}), /*#__PURE__*/React.createElement("path", {
d: "M15.39 16.56C13.71 15.7 11.53 15 9 15s-4.71.7-6.39 1.56A2.97 2.97 0 0 0 1 19.22V22h16v-2.78c0-1.12-.61-2.15-1.61-2.66z",
fill: "currentColor"
Expand Down
3 changes: 2 additions & 1 deletion icons/es5/CoffeeMaker.js
Original file line number Diff line number Diff line change
Expand Up @@ -12,6 +12,7 @@ const SvgCoffeeMaker = props => /*#__PURE__*/React.createElement("svg", _extends
}), /*#__PURE__*/React.createElement("circle", {
cx: 13,
cy: 9,
r: 1
r: 1,
fill: "currentColor"
}));
export default SvgCoffeeMaker;
3 changes: 2 additions & 1 deletion icons/es5/CompassCalibration.js
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,8 @@ const SvgCompassCalibration = props => /*#__PURE__*/React.createElement("svg", _
}, props), /*#__PURE__*/React.createElement("circle", {
cx: 12,
cy: 17,
r: 4
r: 4,
fill: "currentColor"
}), /*#__PURE__*/React.createElement("path", {
d: "M12 3C8.1 3 4.56 4.59 2 7.15l5 5a7.06 7.06 0 0 1 10-.01l5-5C19.44 4.59 15.9 3 12 3z",
fill: "currentColor"
Expand Down
3 changes: 2 additions & 1 deletion icons/es5/ControlCamera.js
Original file line number Diff line number Diff line change
Expand Up @@ -12,6 +12,7 @@ const SvgControlCamera = props => /*#__PURE__*/React.createElement("svg", _exten
}), /*#__PURE__*/React.createElement("circle", {
cx: 12,
cy: 12,
r: 3
r: 3,
fill: "currentColor"
}));
export default SvgControlCamera;
36 changes: 24 additions & 12 deletions icons/es5/Deblur.js
Original file line number Diff line number Diff line change
Expand Up @@ -12,50 +12,62 @@ const SvgDeblur = props => /*#__PURE__*/React.createElement("svg", _extends({
}), /*#__PURE__*/React.createElement("circle", {
cx: 6,
cy: 14,
r: 1
r: 1,
fill: "currentColor"
}), /*#__PURE__*/React.createElement("circle", {
cx: 6,
cy: 18,
r: 1
r: 1,
fill: "currentColor"
}), /*#__PURE__*/React.createElement("circle", {
cx: 6,
cy: 10,
r: 1
r: 1,
fill: "currentColor"
}), /*#__PURE__*/React.createElement("circle", {
cx: 3,
cy: 10,
r: 0.5
r: 0.5,
fill: "currentColor"
}), /*#__PURE__*/React.createElement("circle", {
cx: 6,
cy: 6,
r: 1
r: 1,
fill: "currentColor"
}), /*#__PURE__*/React.createElement("circle", {
cx: 3,
cy: 14,
r: 0.5
r: 0.5,
fill: "currentColor"
}), /*#__PURE__*/React.createElement("circle", {
cx: 10,
cy: 21,
r: 0.5
r: 0.5,
fill: "currentColor"
}), /*#__PURE__*/React.createElement("circle", {
cx: 10,
cy: 3,
r: 0.5
r: 0.5,
fill: "currentColor"
}), /*#__PURE__*/React.createElement("circle", {
cx: 10,
cy: 6,
r: 1
r: 1,
fill: "currentColor"
}), /*#__PURE__*/React.createElement("circle", {
cx: 10,
cy: 14,
r: 1.5
r: 1.5,
fill: "currentColor"
}), /*#__PURE__*/React.createElement("circle", {
cx: 10,
cy: 10,
r: 1.5
r: 1.5,
fill: "currentColor"
}), /*#__PURE__*/React.createElement("circle", {
cx: 10,
cy: 18,
r: 1
r: 1,
fill: "currentColor"
}));
export default SvgDeblur;
6 changes: 4 additions & 2 deletions icons/es5/Diversity1.js
Original file line number Diff line number Diff line change
Expand Up @@ -9,14 +9,16 @@ const SvgDiversity1 = props => /*#__PURE__*/React.createElement("svg", _extends(
}, props), /*#__PURE__*/React.createElement("circle", {
cx: 4,
cy: 14,
r: 2
r: 2,
fill: "currentColor"
}), /*#__PURE__*/React.createElement("path", {
d: "M1.22 17.58A2.01 2.01 0 0 0 0 19.43V21h4.5v-1.61c0-.83.23-1.61.63-2.29-.37-.06-.74-.1-1.13-.1-.99 0-1.93.21-2.78.58z",
fill: "currentColor"
}), /*#__PURE__*/React.createElement("circle", {
cx: 20,
cy: 14,
r: 2
r: 2,
fill: "currentColor"
}), /*#__PURE__*/React.createElement("path", {
d: "M22.78 17.58A6.95 6.95 0 0 0 20 17c-.39 0-.76.04-1.13.1.4.68.63 1.46.63 2.29V21H24v-1.57c0-.81-.48-1.53-1.22-1.85zm-6.54-.93c-1.17-.52-2.61-.9-4.24-.9-1.63 0-3.07.39-4.24.9A2.988 2.988 0 0 0 6 19.39V21h12v-1.61c0-1.18-.68-2.26-1.76-2.74zM9 12c0 1.66 1.34 3 3 3s3-1.34 3-3-1.34-3-3-3-3 1.34-3 3z",
fill: "currentColor"
Expand Down
3 changes: 2 additions & 1 deletion icons/es5/EmojiPeople.js
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,8 @@ const SvgEmojiPeople = props => /*#__PURE__*/React.createElement("svg", _extends
}, props), /*#__PURE__*/React.createElement("circle", {
cx: 12,
cy: 4,
r: 2
r: 2,
fill: "currentColor"
}), /*#__PURE__*/React.createElement("path", {
d: "M15.89 8.11C15.5 7.72 14.83 7 13.53 7h-2.54C8.24 6.99 6 4.75 6 2H4c0 3.16 2.11 5.84 5 6.71V22h2v-6h2v6h2V10.05L18.95 14l1.41-1.41-4.47-4.48z",
fill: "currentColor"
Expand Down
6 changes: 4 additions & 2 deletions icons/es5/EmojiSymbols.js
Original file line number Diff line number Diff line change
Expand Up @@ -12,11 +12,13 @@ const SvgEmojiSymbols = props => /*#__PURE__*/React.createElement("svg", _extend
}), /*#__PURE__*/React.createElement("circle", {
cx: 14.5,
cy: 14.5,
r: 1.5
r: 1.5,
fill: "currentColor"
}), /*#__PURE__*/React.createElement("circle", {
cx: 19.5,
cy: 19.5,
r: 1.5
r: 1.5,
fill: "currentColor"
}), /*#__PURE__*/React.createElement("path", {
d: "M15.5 11A2.5 2.5 0 0 0 18 8.5V4h3V2h-4v4.51c-.42-.32-.93-.51-1.5-.51a2.5 2.5 0 0 0 0 5zm-5.76 4.96-1.41 1.41-.71-.71.35-.35a2.499 2.499 0 0 0-1.77-4.27 2.499 2.499 0 0 0-1.77 4.27l.35.35-1.06 1.06c-.98.98-.98 2.56 0 3.54.5.5 1.14.74 1.78.74s1.28-.24 1.77-.73l1.06-1.06 1.41 1.41 1.41-1.41-1.41-1.41 1.41-1.41-1.41-1.43zM5.85 14.2c.12-.12.26-.15.35-.15s.23.03.35.15c.19.2.19.51 0 .71l-.35.35-.35-.36a.501.501 0 0 1 0-.7zm0 5.65c-.12.12-.26.15-.35.15s-.23-.03-.35-.15a.513.513 0 0 1 0-.71l1.06-1.06.71.71-1.07 1.06z",
fill: "currentColor"
Expand Down
6 changes: 4 additions & 2 deletions icons/es5/Face2.js
Original file line number Diff line number Diff line change
Expand Up @@ -12,10 +12,12 @@ const SvgFace2 = props => /*#__PURE__*/React.createElement("svg", _extends({
}), /*#__PURE__*/React.createElement("circle", {
cx: 9,
cy: 14,
r: 1.25
r: 1.25,
fill: "currentColor"
}), /*#__PURE__*/React.createElement("circle", {
cx: 15,
cy: 14,
r: 1.25
r: 1.25,
fill: "currentColor"
}));
export default SvgFace2;
Loading