Skip to content

Commit

Permalink
Fix svg color (#77)
Browse files Browse the repository at this point in the history 
* Fix svg color

* Changeset

---------

Co-authored-by: Kevin Paul <[email protected]>
  • Loading branch information
@kevinp-uzi
kevinp-uzi and Kevin Paul authored Nov 28, 2023
1 parent e2f794d commit a18ab81
Show file tree
Hide file tree
Showing 10 changed files with 22 additions and 17 deletions.
5 changes: 5 additions & 0 deletions .changeset/kind-tomatoes-joke.md
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
---
'@igloo-ui/icons': patch
---

Update fill color in CollapseLeft and CollapseRight icons
2 changes: 1 addition & 1 deletion components/CollapseLeft.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@ import './styles/icon.css';
* @param {string} [props.ariaLabel] - the label for accessibility
*/
const CollapseLeft = ({size, ariaLabel, className, ...other}) => {
const svgData = {"16":"<svg width=\"16\" height=\"16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1.003 2.753a.75.75 0 1 1 1.5 0V13.25a.75.75 0 0 1-1.5 0V2.753ZM8.47 12.78a.75.75 0 0 0 1.06-1.06L6.56 8.75h7.693a.75.75 0 0 0 0-1.5H6.561l3.22-3.22A.75.75 0 1 0 8.72 2.97l-4.5 4.5a.75.75 0 0 0 0 1.06l4.25 4.25Z\" fill=\"#3C3C3C\"/></svg>","24":"<svg width=\"24\" height=\"24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M4.504 5.75a.75.75 0 0 0-1.5 0v12.5a.75.75 0 0 0 1.5 0V5.75Zm6.979.707a.75.75 0 1 1 1.034 1.086L8.625 11.25h11.623a.75.75 0 0 1 0 1.5H8.625l3.892 3.707a.75.75 0 1 1-1.034 1.086l-5.25-5a.75.75 0 0 1 0-1.086l5.25-5Z\" fill=\"#3C3C3C\"/></svg>","32":"<svg width=\"32\" height=\"32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M5 6a1 1 0 0 1 1 1v18a1 1 0 1 1-2 0V7a1 1 0 0 1 1-1ZM28 16.003a1 1 0 0 0-1-1H10a1 1 0 1 0 0 2h17a1 1 0 0 0 1-1Z\" fill=\"#3C3C3C\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M17.707 8.293a1 1 0 0 0-1.414 0l-7 7a1 1 0 1 0 1.414 1.414l7-7a1 1 0 0 0 0-1.414Z\" fill=\"#3C3C3C\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M9.293 15.293a1 1 0 0 0 0 1.414l7 7a1 1 0 0 0 1.414-1.414l-7-7a1 1 0 0 0-1.414 0Z\" fill=\"#3C3C3C\"/></svg>"}
const svgData = {"16":"<svg width=\"16\" height=\"16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1.003 2.753a.75.75 0 1 1 1.5 0V13.25a.75.75 0 0 1-1.5 0V2.753ZM8.47 12.78a.75.75 0 0 0 1.06-1.06L6.56 8.75h7.693a.75.75 0 0 0 0-1.5H6.561l3.22-3.22A.75.75 0 1 0 8.72 2.97l-4.5 4.5a.75.75 0 0 0 0 1.06l4.25 4.25Z\" fill=\"#233043\"/></svg>","24":"<svg width=\"24\" height=\"24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M4.504 5.75a.75.75 0 0 0-1.5 0v12.5a.75.75 0 0 0 1.5 0V5.75Zm6.979.707a.75.75 0 1 1 1.034 1.086L8.625 11.25h11.623a.75.75 0 0 1 0 1.5H8.625l3.892 3.707a.75.75 0 1 1-1.034 1.086l-5.25-5a.75.75 0 0 1 0-1.086l5.25-5Z\" fill=\"#233043\"/></svg>","32":"<svg width=\"32\" height=\"32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M5 6a1 1 0 0 1 1 1v18a1 1 0 1 1-2 0V7a1 1 0 0 1 1-1ZM28 16.003a1 1 0 0 0-1-1H10a1 1 0 1 0 0 2h17a1 1 0 0 0 1-1Z\" fill=\"#233043\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M17.707 8.293a1 1 0 0 0-1.414 0l-7 7a1 1 0 1 0 1.414 1.414l7-7a1 1 0 0 0 0-1.414Z\" fill=\"#233043\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M9.293 15.293a1 1 0 0 0 0 1.414l7 7a1 1 0 0 0 1.414-1.414l-7-7a1 1 0 0 0-1.414 0Z\" fill=\"#233043\"/></svg>"}
const props = getSvgProps({ size, ariaLabel, className, ...other });

if (svgData[props.iconSize] === undefined) {
Expand Down
2 changes: 1 addition & 1 deletion components/CollapseRight.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@ import './styles/icon.css';
* @param {string} [props.ariaLabel] - the label for accessibility
*/
const CollapseRight = ({size, ariaLabel, className, ...other}) => {
const svgData = {"16":"<svg width=\"16\" height=\"16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M15.003 2.753a.75.75 0 0 0-1.5 0V13.25a.75.75 0 1 0 1.5 0V2.753ZM1.753 8.75a.75.75 0 1 1 0-1.5h7.682L6.47 4.28a.75.75 0 0 1 1.062-1.06l4.245 4.251a.75.75 0 0 1 0 1.061L7.53 12.78a.75.75 0 0 1-1.06-1.06l2.968-2.97H1.753Z\" fill=\"#3C3C3C\"/></svg>","24":"<svg width=\"24\" height=\"24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M19.498 5.75a.75.75 0 0 1 1.5 0v12.5a.75.75 0 0 1-1.5 0V5.75Zm-6.98.707a.75.75 0 0 0-1.034 1.086l3.893 3.707H3.754a.75.75 0 0 0 0 1.5h11.622l-3.892 3.707a.75.75 0 1 0 1.035 1.086l5.25-5a.75.75 0 0 0 0-1.086l-5.25-5Z\" fill=\"#3C3C3C\"/></svg>","32":"<svg width=\"32\" height=\"32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M26 7a1 1 0 1 1 2 0v18a1 1 0 1 1-2 0V7ZM5 15.003a1 1 0 1 0 0 2h14.583l-5.29 5.29a1 1 0 1 0 1.414 1.414l6.953-6.953a.998.998 0 0 0 .34-.751v-.001a.997.997 0 0 0-.293-.71l-7-7a1 1 0 1 0-1.414 1.415l5.296 5.296H5Z\" fill=\"#3C3C3C\"/></svg>"}
const svgData = {"16":"<svg width=\"16\" height=\"16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M15.003 2.753a.75.75 0 0 0-1.5 0V13.25a.75.75 0 1 0 1.5 0V2.753ZM1.753 8.75a.75.75 0 1 1 0-1.5h7.682L6.47 4.28a.75.75 0 0 1 1.062-1.06l4.245 4.251a.75.75 0 0 1 0 1.061L7.53 12.78a.75.75 0 0 1-1.06-1.06l2.968-2.97H1.753Z\" fill=\"#233043\"/></svg>","24":"<svg width=\"24\" height=\"24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M19.498 5.75a.75.75 0 0 1 1.5 0v12.5a.75.75 0 0 1-1.5 0V5.75Zm-6.98.707a.75.75 0 0 0-1.034 1.086l3.893 3.707H3.754a.75.75 0 0 0 0 1.5h11.622l-3.892 3.707a.75.75 0 1 0 1.035 1.086l5.25-5a.75.75 0 0 0 0-1.086l-5.25-5Z\" fill=\"#233043\"/></svg>","32":"<svg width=\"32\" height=\"32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M26 7a1 1 0 1 1 2 0v18a1 1 0 1 1-2 0V7ZM5 15.003a1 1 0 1 0 0 2h14.583l-5.29 5.29a1 1 0 1 0 1.414 1.414l6.953-6.953a.998.998 0 0 0 .34-.751v-.001a.997.997 0 0 0-.293-.71l-7-7a1 1 0 1 0-1.414 1.415l5.296 5.296H5Z\" fill=\"#233043\"/></svg>"}
const props = getSvgProps({ size, ariaLabel, className, ...other });

if (svgData[props.iconSize] === undefined) {
Expand Down
2 changes: 1 addition & 1 deletion icon/16px/CollapseLeft.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
2 changes: 1 addition & 1 deletion icon/16px/CollapseRight.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
2 changes: 1 addition & 1 deletion icon/24px/CollapseLeft.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
2 changes: 1 addition & 1 deletion icon/24px/CollapseRight.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
8 changes: 4 additions & 4 deletions icon/32px/CollapseLeft.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
2 changes: 1 addition & 1 deletion icon/32px/CollapseRight.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading

0 comments on commit a18ab81

Please sign in to comment.