Skip to content

Commit

Permalink
re-import Lock and Performance icons by removing clip path (#73)
Browse files Browse the repository at this point in the history
  • Loading branch information
Franck Gaudin authored Oct 31, 2023
1 parent 4486433 commit 27df21c
Show file tree
Hide file tree
Showing 10 changed files with 36 additions and 52 deletions.
5 changes: 5 additions & 0 deletions .changeset/silent-cars-shake.md
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
---
'@igloo-ui/icons': patch
---

re-import Lock and Performance icons by removing clip path
2 changes: 1 addition & 1 deletion components/Lock.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 Lock = ({size, ariaLabel, className, ...other}) => {
const svgData = {"16":"<svg width=\"16\" height=\"16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M10.75 6v-.25A2.75 2.75 0 0 0 8 3v0a2.75 2.75 0 0 0-2.75 2.75V6\" stroke=\"#233043\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><mask id=\"a\" fill=\"#fff\"><rect x=\"3\" y=\"6\" width=\"10\" height=\"8\" rx=\".75\"/></mask><rect x=\"3\" y=\"6\" width=\"10\" height=\"8\" rx=\".75\" stroke=\"#233043\" stroke-width=\"3\" mask=\"url(#a)\"/></svg>","24":"<svg width=\"24\" height=\"24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12 3.25A4.75 4.75 0 0 0 7.25 8v1.25H5.5c-.69 0-1.25.56-1.25 1.25v9c0 .69.56 1.25 1.25 1.25h13c.69 0 1.25-.56 1.25-1.25v-9c0-.69-.56-1.25-1.25-1.25h-1.75V8A4.75 4.75 0 0 0 12 3.25Zm3.25 6V8a3.25 3.25 0 0 0-6.5 0v1.25h6.5Zm-7.205 1.5H5.75v8.5h12.5v-8.5H8.045Zm4.51 4.082A.999.999 0 0 0 12 13a1 1 0 0 0-.555 1.832l-.927 1.39a.5.5 0 0 0 .416.778h2.132a.5.5 0 0 0 .416-.777l-.927-1.39Z\" fill=\"#233043\"/></svg>","32":"<svg width=\"32\" height=\"32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><rect x=\"6.667\" y=\"13.333\" width=\"18.667\" height=\"13.333\" rx=\".667\" stroke=\"#233043\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M10.666 10.667A5.333 5.333 0 0 1 16 5.333v0a5.333 5.333 0 0 1 5.333 5.334v2.606a.06.06 0 0 1-.06.06H10.727a.06.06 0 0 1-.06-.06v-2.606Z\" stroke=\"#233043\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><circle cx=\"16\" cy=\"18.667\" r=\"1.333\" fill=\"#233043\"/><path d=\"m16 18.667 1.976 2.963a.667.667 0 0 1-.555 1.037h-2.842a.667.667 0 0 1-.555-1.037L16 18.667Z\" fill=\"#233043\"/></svg>"}
const svgData = {"16":"<svg width=\"16\" height=\"16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M10.75 6v-.25a2.75 2.75 0 0 0-5.5 0V6\" stroke=\"#233043\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M3.75 6.75h8.5v6.5h-8.5v-6.5Z\" stroke=\"#233043\" stroke-width=\"1.5\"/></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.25 10.5c0-.69.56-1.25 1.25-1.25h13c.69 0 1.25.56 1.25 1.25v9c0 .69-.56 1.25-1.25 1.25h-13c-.69 0-1.25-.56-1.25-1.25v-9Zm1.5.25v8.5h12.5v-8.5H5.75Z\" fill=\"#233043\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M7.25 8a4.75 4.75 0 0 1 9.5 0v1.955c0 .439-.356.795-.795.795h-7.91a.795.795 0 0 1-.795-.795V8ZM12 4.75A3.25 3.25 0 0 0 8.75 8v1.25h6.5V8A3.25 3.25 0 0 0 12 4.75Z\" fill=\"#233043\"/><path d=\"M13 14a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z\" fill=\"#233043\"/><path d=\"m12 14 1.482 2.223a.5.5 0 0 1-.416.777h-2.132a.5.5 0 0 1-.416-.777L12 14Z\" fill=\"#233043\"/></svg>","32":"<svg width=\"32\" height=\"32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M6.667 14c0-.368.298-.666.666-.666h17.334c.368 0 .666.298.666.666v12a.667.667 0 0 1-.666.667H7.332A.667.667 0 0 1 6.666 26V14ZM10.666 10.667a5.333 5.333 0 0 1 10.667 0v2.606a.06.06 0 0 1-.06.06H10.727a.06.06 0 0 1-.06-.06v-2.606Z\" stroke=\"#233043\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M17.333 18.667a1.333 1.333 0 1 1-2.667 0 1.333 1.333 0 0 1 2.667 0Z\" fill=\"#233043\"/><path d=\"M15.445 19.499a.667.667 0 0 1 1.11 0l1.42 2.131a.667.667 0 0 1-.554 1.037h-2.842a.667.667 0 0 1-.555-1.037l1.421-2.131Z\" fill=\"#233043\"/></svg>"}
const props = getSvgProps({ size, ariaLabel, className, ...other });

if (svgData[props.iconSize] === undefined) {
Expand Down
2 changes: 1 addition & 1 deletion components/Performance.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 Performance = ({size, ariaLabel, className, ...other}) => {
const svgData = {"16":"<svg width=\"16\" height=\"16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><g clip-path=\"url(#a)\"><path clip-rule=\"evenodd\" d=\"M11.784 8.63c1.936-1.936 2.392-5.649 2.096-5.945-.296-.296-4.009.16-5.944 2.096C6.71 6.006 5.402 8.203 5.402 8.203l2.96 2.96s2.197-1.308 3.422-2.533Z\" stroke=\"#233043\" stroke-width=\"1.5\" stroke-linejoin=\"round\"/><circle cx=\"9.848\" cy=\"6.709\" r=\".997\" transform=\"rotate(45 9.848 6.709)\" fill=\"#233043\"/><path d=\"M5.652 12.302c-.084.083-.3.234-.654.418-.334.174-.732.348-1.123.493a8.19 8.19 0 0 1-.77.247 10.133 10.133 0 0 1 .74-1.893c.184-.354.335-.57.418-.654a.982.982 0 0 1 1.389 1.389Zm-3.084 1.246.022.002a.076.076 0 0 1-.022-.002Zm.447.427.002.021s-.002-.006-.002-.021Z\" stroke=\"#233043\" stroke-width=\"1.5\"/><path d=\"m11.955 8.458-.35 3.15-2.449 2.449-.7-2.8M8.107 4.61l-3.15.35-2.449 2.449 2.8.7\" stroke=\"#233043\" stroke-width=\"1.5\" stroke-linejoin=\"round\"/></g><defs><clipPath id=\"a\"><path fill=\"#fff\" d=\"M0 0h16v16H0z\"/></clipPath></defs></svg>","24":"<svg width=\"24\" height=\"24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><g clip-path=\"url(#a)\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M16.702 5.515c-1.63.431-3.46 1.222-4.682 2.444-.807.807-1.662 1.957-2.328 2.931-.328.48-.605.909-.8 1.217l3.306 3.306c.309-.195.737-.471 1.217-.8.974-.666 2.125-1.52 2.932-2.327 1.221-1.222 2.012-3.053 2.443-4.683.213-.806.33-1.534.37-2.07.012-.158.016-.292.016-.403-.111 0-.246.004-.404.015-.536.04-1.263.157-2.07.37Zm-4.615 10.847.086.144-.086-.144Zm-4.66-3.598 4.115 4.114.93 3.716a.75.75 0 0 0 1.257.349l3.428-3.429a.75.75 0 0 0 .215-.447l.466-4.188c1.23-1.443 1.986-3.318 2.402-4.893.234-.883.368-1.702.416-2.341a5.35 5.35 0 0 0 .005-.852c-.01-.12-.03-.249-.064-.37a1.044 1.044 0 0 0-.256-.458 1.043 1.043 0 0 0-.458-.257 2.049 2.049 0 0 0-.37-.064 5.345 5.345 0 0 0-.852.006c-.64.047-1.459.182-2.342.415-1.574.416-3.45 1.172-4.893 2.403l-4.187.465a.75.75 0 0 0-.447.215l-3.429 3.429a.75.75 0 0 0 .349 1.258l3.716.928Zm.373-.63.143.084-.143-.085Zm-.154-.862c.2-.318.48-.748.808-1.229.399-.583.88-1.253 1.394-1.89l-2.182.242L5.361 10.7l2.285.571Zm6.616 4.58c.583-.4 1.253-.88 1.891-1.394l-.242 2.182-2.306 2.305-.571-2.286c.317-.2.747-.479 1.228-.807Zm-.397-5.411a.443.443 0 1 0 .627-.627.443.443 0 0 0-.627.627Zm-1.06 1.06a1.943 1.943 0 1 0 2.747-2.748 1.943 1.943 0 0 0-2.748 2.748Zm-4.83 6.136c-.066.066-.318.252-.805.505a13.75 13.75 0 0 1-1.761.754l.086-.24a13.73 13.73 0 0 1 .668-1.52c.254-.488.439-.74.505-.805a.924.924 0 0 1 1.307 1.306Zm1.06 1.061c-.946.947-4.897 2.449-5.387 1.96-.49-.49 1.012-4.442 1.96-5.388a2.424 2.424 0 1 1 3.427 3.428Z\" fill=\"#233043\"/></g><defs><clipPath id=\"a\"><path fill=\"#fff\" d=\"M0 0h24v24H0z\"/></clipPath></defs></svg>","32":"<svg width=\"32\" height=\"32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><g clip-path=\"url(#a)\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M22.914 5.953c-2.43.642-5.174 1.825-7.009 3.66-1.207 1.207-2.482 2.923-3.472 4.372-.491.717-.904 1.357-1.194 1.817l-.045.072 5.04 5.04.072-.045c.46-.29 1.1-.702 1.818-1.193 1.449-.99 3.165-2.266 4.372-3.472 1.835-1.836 3.018-4.579 3.66-7.01.318-1.203.493-2.291.553-3.096.022-.29.028-.532.022-.72-.188-.006-.43 0-.72.022-.805.06-1.893.235-3.097.553Zm4.179-.54a.078.078 0 0 1-.005-.002l.005.002Zm-.396-.393c-.004-.012-.004-.015 0-.004v.004ZM16.086 22.18l.127.213-.127-.213Zm-.707.707v.001l1.389 5.552a1 1 0 0 0 1.677.465l5.094-5.094a1 1 0 0 0 .287-.597l.695-6.257c1.826-2.13 2.95-4.91 3.569-7.251.345-1.307.543-2.517.614-3.459.035-.468.04-.895.008-1.247a2.932 2.932 0 0 0-.092-.53 1.437 1.437 0 0 0-.351-.63c-.22-.22-.486-.31-.63-.352a2.93 2.93 0 0 0-.53-.091 7.83 7.83 0 0 0-1.247.008c-.942.07-2.152.269-3.459.614-2.34.619-5.122 1.743-7.252 3.57l-6.257.695a1 1 0 0 0-.596.286l-5.094 5.094a1 1 0 0 0 .464 1.678l5.553 1.388 6.158 6.157Zm-5.664-6.991.213.127-.213-.127Zm-.175-1.148.007-.012c.3-.476.727-1.138 1.235-1.88a44.258 44.258 0 0 1 2.241-3.019l-3.56.396-3.596 3.597 3.673.918Zm9.713 6.579a44.287 44.287 0 0 0 3.02-2.242l-.396 3.56-3.598 3.597-.918-3.673.012-.008c.476-.3 1.137-.726 1.88-1.234Zm-.687-7.784a.887.887 0 1 0 1.254-1.254.887.887 0 0 0-1.254 1.254Zm-1.415 1.415a2.887 2.887 0 1 0 4.083-4.084 2.887 2.887 0 0 0-4.083 4.084Zm-7.013 9.279c-.124.124-.525.412-1.252.79A20.62 20.62 0 0 1 5.8 26.31a20.635 20.635 0 0 1 1.281-3.086c.379-.727.667-1.128.791-1.252a1.602 1.602 0 0 1 2.266 2.266ZM4.11 26.704c-.054-.006-.066-.001-.018 0h.018Zm1.294 1.312c.001.048.006.036 0-.018v.018Zm6.147-2.365c-1.407 1.407-7.277 3.639-8.005 2.91-.728-.727 1.504-6.597 2.91-8.004a3.602 3.602 0 1 1 5.095 5.094Z\" fill=\"#233043\"/></g><defs><clipPath id=\"a\"><path fill=\"#fff\" transform=\"rotate(-90 16 16)\" d=\"M0 0h32v32H0z\"/></clipPath></defs></svg>"}
const svgData = {"16":"<svg width=\"16\" height=\"16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path clip-rule=\"evenodd\" d=\"M11.785 8.63c1.936-1.936 2.392-5.649 2.096-5.945-.296-.296-4.009.16-5.945 2.096-1.225 1.225-2.533 3.422-2.533 3.422l2.96 2.96s2.197-1.308 3.422-2.533Z\" stroke=\"#233043\" stroke-width=\"1.5\" stroke-linejoin=\"round\"/><path d=\"M10.554 7.414a.997.997 0 1 1-1.41-1.41.997.997 0 0 1 1.41 1.41Z\" fill=\"#233043\"/><path d=\"M5.653 12.302c-.084.083-.301.234-.654.418-.334.174-.732.348-1.124.493-.28.104-.544.188-.77.247a10.122 10.122 0 0 1 .74-1.893c.184-.353.335-.57.419-.654a.982.982 0 1 1 1.389 1.389Zm-3.084 1.246.021.002a.076.076 0 0 1-.02-.002Zm.447.427.002.021c0 .001-.002-.006-.002-.02Z\" stroke=\"#233043\" stroke-width=\"1.5\"/><path d=\"m11.956 8.459-.35 3.149-2.45 2.449-.699-2.8M8.108 4.61l-3.15.35L2.51 7.409l2.8.7\" stroke=\"#233043\" stroke-width=\"1.5\" stroke-linejoin=\"round\"/></svg>","24":"<svg width=\"24\" height=\"24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M16.702 5.515c-1.63.43-3.46 1.222-4.682 2.444-.807.806-1.662 1.957-2.328 2.93-.328.481-.605.91-.8 1.218l3.306 3.306c.309-.195.737-.472 1.217-.8.974-.666 2.125-1.52 2.932-2.328 1.221-1.221 2.012-3.052 2.443-4.682.213-.806.33-1.534.37-2.07.012-.158.016-.293.016-.404-.111 0-.246.005-.404.016-.536.04-1.264.157-2.07.37Zm-4.615 10.847.384.645.003-.002.008-.005.027-.017a27.355 27.355 0 0 0 .485-.3c.321-.201.767-.49 1.268-.832.992-.678 2.237-1.597 3.145-2.505 1.488-1.488 2.37-3.61 2.833-5.36.234-.883.368-1.702.416-2.341a5.35 5.35 0 0 0 .005-.852c-.01-.12-.03-.249-.064-.37a1.044 1.044 0 0 0-.256-.458 1.043 1.043 0 0 0-.458-.257 2.048 2.048 0 0 0-.37-.064 5.343 5.343 0 0 0-.853.006c-.639.047-1.458.182-2.341.415-1.75.462-3.872 1.345-5.36 2.833-.908.908-1.827 2.153-2.505 3.145a40.872 40.872 0 0 0-1.132 1.753l-.017.028-.005.007v.002s-.001.001.643.385l-.644-.384a.75.75 0 0 0 .114.914l4.144 4.144a.75.75 0 0 0 .914.114l-.384-.644Z\" fill=\"#233043\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M13.865 10.44a.443.443 0 1 0 .626-.626.443.443 0 0 0-.626.627Zm-1.06 1.061a1.943 1.943 0 1 0 2.747-2.748 1.943 1.943 0 0 0-2.748 2.748ZM7.17 18.142c.487-.254.739-.439.805-.505a.924.924 0 1 0-1.307-1.307c-.066.066-.251.318-.505.805a13.731 13.731 0 0 0-.754 1.761l.24-.086a13.713 13.713 0 0 0 1.521-.668Zm-3.522 2.515c.49.49 4.44-1.012 5.387-1.959a2.424 2.424 0 1 0-3.428-3.428c-.947.946-2.449 4.897-1.959 5.387ZM17.372 17.067l.49-4.408-1.49-.166-.461 4.146-2.306 2.306-.658-2.633-1.455.364.979 3.918a.75.75 0 0 0 1.258.348l3.428-3.428a.75.75 0 0 0 .215-.447ZM7.24 6.933l4.407-.49.166 1.491-4.147.46L5.361 10.7l2.633.659-.364 1.455-3.918-.98a.75.75 0 0 1-.349-1.258l3.429-3.428a.75.75 0 0 1 .447-.215Z\" 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=\"M17.15 14.957a2.887 2.887 0 1 0 4.084-4.083 2.887 2.887 0 0 0-4.083 4.083Zm1.415-1.414a.887.887 0 1 0 1.254-1.255.887.887 0 0 0-1.254 1.255Z\" fill=\"#233043\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M15.378 22.887 9.221 16.73l-5.554-1.388a1 1 0 0 1-.464-1.677L8.297 8.57a1 1 0 0 1 .596-.287l6.257-.695c2.13-1.827 4.912-2.951 7.252-3.57 1.307-.345 2.517-.543 3.459-.613a7.83 7.83 0 0 1 1.247-.009c.174.016.357.043.53.092.144.04.41.131.63.352.22.22.31.485.352.63.048.172.075.355.091.53.032.352.027.779-.008 1.247-.07.942-.269 2.151-.614 3.458-.619 2.34-1.743 5.122-3.57 7.252l-.694 6.257a1 1 0 0 1-.287.596l-5.094 5.094a1 1 0 0 1-1.677-.464l-1.389-5.553Zm7.535-16.935c-2.43.642-5.174 1.825-7.009 3.66-1.206 1.207-2.482 2.924-3.472 4.372-.49.718-.904 1.358-1.193 1.818l-.046.072 5.04 5.04.073-.045a58.6 58.6 0 0 0 1.817-1.194c1.449-.99 3.165-2.265 4.372-3.472 1.835-1.835 3.018-4.579 3.66-7.009.318-1.204.493-2.292.553-3.096.022-.292.028-.533.023-.721-.189-.005-.43 0-.721.022-.805.06-1.893.235-3.097.553Zm4.179-.54a.08.08 0 0 1-.004-.001l.004.001Zm-.395-.392a.09.09 0 0 1-.002-.005l.002.005ZM16.085 22.18l.127.213-.127-.213Zm6.186-3.095a44.226 44.226 0 0 1-3.019 2.241c-.742.508-1.404.935-1.88 1.235l-.012.007.919 3.673 3.597-3.597.395-3.559Zm-9.249-9.249-3.56.396-3.596 3.597 3.673.918.007-.011c.3-.477.727-1.138 1.235-1.88a44.24 44.24 0 0 1 2.241-3.02Zm-3.094 6.186-.214-.127.214.127Z\" fill=\"#233043\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M3.546 28.561c.728.728 6.598-1.504 8.005-2.91a3.602 3.602 0 0 0-5.094-5.095c-1.407 1.407-3.639 7.278-2.911 8.005Zm5.339-3.534c.727-.379 1.128-.667 1.252-.79A1.602 1.602 0 0 0 7.87 21.97c-.124.123-.412.524-.791 1.251a20.627 20.627 0 0 0-1.281 3.086 20.621 20.621 0 0 0 3.086-1.281Zm-4.793 1.676c-.048 0-.036-.006.018 0H4.092Zm1.312 1.294c.006.054.001.067 0 .019v-.018Z\" fill=\"#233043\"/></svg>"}
const props = getSvgProps({ size, ariaLabel, className, ...other });

if (svgData[props.iconSize] === undefined) {
Expand Down
7 changes: 2 additions & 5 deletions icon/16px/Lock.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.
19 changes: 5 additions & 14 deletions icon/16px/Performance.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.
5 changes: 4 additions & 1 deletion icon/24px/Lock.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 27df21c

Please sign in to comment.