Skip to content

feat(icons): Add share icon #1665

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

Open
wants to merge 7 commits into
base: main
Choose a base branch
from
Open

feat(icons): Add share icon #1665

wants to merge 7 commits into from

Conversation

rapha-ld
Copy link

@rapha-ld rapha-ld commented May 5, 2025

Summary

Adding share icon for Feature Monitoring dashboard

Screenshots (if appropriate):

Screenshot 2025-05-05 at 3 06 39 PM

@rapha-ld rapha-ld requested review from a team as code owners May 5, 2025 22:07
Copy link

changeset-bot bot commented May 5, 2025

🦋 Changeset detected

Latest commit: 29f5526

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 11 packages
Name Type
@launchpad-ui/icons Patch
@launchpad-ui/button Patch
@launchpad-ui/components Patch
@launchpad-ui/drawer Patch
@launchpad-ui/dropdown Patch
@launchpad-ui/filter Patch
@launchpad-ui/form Patch
@launchpad-ui/menu Patch
@launchpad-ui/modal Patch
@launchpad-ui/navigation Patch
@launchpad-ui/core Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

Copy link

pkg-pr-new bot commented May 5, 2025

npm i https://pkg.pr.new/@launchpad-ui/components@1665
npm i https://pkg.pr.new/@launchpad-ui/icons@1665
npm i https://pkg.pr.new/@launchpad-ui/tokens@1665

commit: 29f5526

Copy link
Contributor

github-actions bot commented May 5, 2025

Size Change: 0 B

Total Size: 522 kB

ℹ️ View Unchanged
Filename Size
apps/vscode/dist/client.js 111 kB
apps/vscode/dist/server.js 258 kB
packages/box/dist/index.es.js 7.24 kB
packages/box/dist/index.js 7.82 kB
packages/box/dist/style.css 2.67 kB
packages/button/dist/index.es.js 1.95 kB
packages/button/dist/index.js 2.39 kB
packages/button/dist/style.css 3 kB
packages/components/dist/index.es.js 17.3 kB
packages/components/dist/index.js 18.2 kB
packages/components/dist/style.css 7.26 kB
packages/core/dist/index.es.js 512 B
packages/core/dist/index.js 1.28 kB
packages/drawer/dist/index.es.js 1.76 kB
packages/drawer/dist/index.js 2.23 kB
packages/drawer/dist/style.css 497 B
packages/dropdown/dist/index.es.js 1.15 kB
packages/dropdown/dist/index.js 1.59 kB
packages/filter/dist/index.es.js 2.23 kB
packages/filter/dist/index.js 2.69 kB
packages/filter/dist/style.css 881 B
packages/focus-trap/dist/index.es.js 418 B
packages/focus-trap/dist/index.js 859 B
packages/form/dist/index.es.js 4.25 kB
packages/form/dist/index.js 4.74 kB
packages/form/dist/style.css 2.21 kB
packages/icons/dist/index.es.js 1.3 kB
packages/icons/dist/index.js 1.74 kB
packages/icons/dist/style.css 532 B
packages/menu/dist/index.es.js 3.68 kB
packages/menu/dist/index.js 4.17 kB
packages/menu/dist/style.css 872 B
packages/modal/dist/index.es.js 3.06 kB
packages/modal/dist/index.js 3.55 kB
packages/modal/dist/style.css 898 B
packages/navigation/dist/index.es.js 2.75 kB
packages/navigation/dist/index.js 3.22 kB
packages/navigation/dist/style.css 874 B
packages/overlay/dist/index.es.js 1.02 kB
packages/overlay/dist/index.js 1.43 kB
packages/popover/dist/index.es.js 3.06 kB
packages/popover/dist/index.js 3.48 kB
packages/popover/dist/style.css 529 B
packages/portal/dist/index.es.js 420 B
packages/portal/dist/index.js 842 B
packages/table/dist/index.es.js 1.01 kB
packages/table/dist/index.js 1.45 kB
packages/table/dist/style.css 700 B
packages/tokens/dist/fonts.css 183 B
packages/tokens/dist/index.css 1.47 kB
packages/tokens/dist/index.es.js 3.06 kB
packages/tokens/dist/index.js 3.1 kB
packages/tokens/dist/media-queries.css 113 B
packages/tokens/dist/themes.css 2.24 kB
packages/tooltip/dist/index.es.js 598 B
packages/tooltip/dist/index.js 1.03 kB
packages/tooltip/dist/style.css 337 B
packages/vars/dist/index.es.js 2.64 kB
packages/vars/dist/index.js 2.65 kB

compressed-size-action

Copy link
Contributor

@matthewferry matthewferry left a comment

Choose a reason for hiding this comment

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

You need to add the svg paths as a symbol to the sprite. Here you've deleted the entire sprite.

</symbol>
</defs>
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M15.1611 1.75391C15.9644 1.79375 16.7264 2.13074 17.2979 2.70215C17.9073 3.31164 18.25 4.13805 18.25 5L18.2461 5.16113C18.2063 5.96442 17.8693 6.72644 17.2979 7.29785C16.6884 7.90734 15.862 8.25 15 8.25C14.138 8.25 13.3116 7.90734 12.7021 7.29785C12.6266 7.22235 12.5555 7.14334 12.4883 7.06152L8.16895 9.28613C8.22138 9.51872 8.25 9.75778 8.25 10C8.25 10.2416 8.22111 10.4799 8.16895 10.7119L12.4883 12.9375C12.5553 12.8559 12.6268 12.7775 12.7021 12.7021C13.3116 12.0927 14.138 11.75 15 11.75C15.862 11.75 16.6884 12.0927 17.2979 12.7021C17.9073 13.3116 18.25 14.138 18.25 15L18.2461 15.1611C18.2063 15.9644 17.8693 16.7264 17.2979 17.2979C16.7264 17.8693 15.9644 18.2063 15.1611 18.2461L15 18.25C14.138 18.25 13.3116 17.9073 12.7021 17.2979C12.0927 16.6884 11.75 15.862 11.75 15C11.75 14.7579 11.7777 14.5187 11.8301 14.2861L7.51074 12.0615C7.44369 12.1432 7.37321 12.2225 7.29785 12.2979C6.68836 12.9073 5.86195 13.25 5 13.25C4.13805 13.25 3.31164 12.9073 2.70215 12.2979C2.13074 11.7264 1.79375 10.9644 1.75391 10.1611L1.75 10C1.75 9.13805 2.09266 8.31164 2.70215 7.70215C3.31164 7.09266 4.13805 6.75 5 6.75C5.86195 6.75 6.68836 7.09266 7.29785 7.70215C7.37303 7.77733 7.44383 7.85606 7.51074 7.9375L11.8301 5.71191C11.7779 5.47998 11.75 5.2415 11.75 5C11.75 4.13805 12.0927 3.31164 12.7021 2.70215C13.3116 2.09266 14.138 1.75 15 1.75L15.1611 1.75391ZM15 13.25C14.5359 13.25 14.0909 13.4345 13.7627 13.7627C13.6311 13.8943 13.5232 14.0451 13.4404 14.208C13.4331 14.2253 13.4257 14.2428 13.417 14.2598C13.4158 14.2622 13.4134 14.2642 13.4121 14.2666C13.3068 14.4945 13.25 14.7441 13.25 15C13.25 15.4641 13.4345 15.9091 13.7627 16.2373C14.0909 16.5655 14.5359 16.75 15 16.75L15.1729 16.7412C15.5735 16.7015 15.9501 16.5245 16.2373 16.2373C16.5655 15.9091 16.75 15.4641 16.75 15L16.7412 14.8271C16.7015 14.4265 16.5245 14.0499 16.2373 13.7627C15.9091 13.4345 15.4641 13.25 15 13.25ZM5 8.25C4.53587 8.25 4.09088 8.43451 3.7627 8.7627C3.43451 9.09088 3.25 9.53587 3.25 10L3.25879 10.1729C3.29855 10.5735 3.47551 10.9501 3.7627 11.2373C4.09088 11.5655 4.53587 11.75 5 11.75C5.46413 11.75 5.90912 11.5655 6.2373 11.2373C6.37902 11.0956 6.4923 10.9313 6.57715 10.7539C6.57941 10.7493 6.58064 10.7439 6.58301 10.7393C6.58434 10.7367 6.58555 10.734 6.58691 10.7314C6.69184 10.5039 6.75 10.2554 6.75 10C6.75 9.74297 6.69218 9.49238 6.58594 9.26367L6.58301 9.25977C6.57427 9.24277 6.5669 9.22533 6.55957 9.20801C6.4768 9.04509 6.36894 8.89433 6.2373 8.7627C5.90912 8.43451 5.46413 8.25 5 8.25ZM15 3.25C14.5359 3.25 14.0909 3.43451 13.7627 3.7627C13.4345 4.09088 13.25 4.53587 13.25 5C13.25 5.25302 13.3061 5.49976 13.4092 5.72559C13.4117 5.73019 13.4146 5.73458 13.417 5.73926C13.4239 5.75258 13.4296 5.76675 13.4355 5.78027C13.519 5.94754 13.628 6.10263 13.7627 6.2373C14.0909 6.56549 14.5359 6.75 15 6.75C15.4641 6.75 15.9091 6.56549 16.2373 6.2373C16.5655 5.90912 16.75 5.46413 16.75 5L16.7412 4.82715C16.7015 4.4265 16.5245 4.04988 16.2373 3.7627C15.9501 3.47551 15.5735 3.29855 15.1729 3.25879L15 3.25Z" fill="#3F454C" style="fill:#3F454C;fill:color(display-p3 0.2471 0.2706 0.2980);fill-opacity:1;"/>
Copy link
Contributor

Choose a reason for hiding this comment

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

You need to add the paths here to this sprite. the current diff deletes all the icons in the sprite. instead, you want to only add your new icon (preferably in alphabetical order) to the sprite sheet:

<symbol viewBox="0 0 20 20" id="lp-icon-share">
      <path
        fill-rule="evenodd"
        d="M15.1611 1.75391C15.9644 1.79375 16.7264 2.13074 17.2979 2.70215C17.9073 3.31164 18.25 4.13805 18.25 5L18.2461 5.16113C18.2063 5.96442 17.8693 6.72644 17.2979 7.29785C16.6884 7.90734 15.862 8.25 15 8.25C14.138 8.25 13.3116 7.90734 12.7021 7.29785C12.6266 7.22235 12.5555 7.14334 12.4883 7.06152L8.16895 9.28613C8.22138 9.51872 8.25 9.75778 8.25 10C8.25 10.2416 8.22111 10.4799 8.16895 10.7119L12.4883 12.9375C12.5553 12.8559 12.6268 12.7775 12.7021 12.7021C13.3116 12.0927 14.138 11.75 15 11.75C15.862 11.75 16.6884 12.0927 17.2979 12.7021C17.9073 13.3116 18.25 14.138 18.25 15L18.2461 15.1611C18.2063 15.9644 17.8693 16.7264 17.2979 17.2979C16.7264 17.8693 15.9644 18.2063 15.1611 18.2461L15 18.25C14.138 18.25 13.3116 17.9073 12.7021 17.2979C12.0927 16.6884 11.75 15.862 11.75 15C11.75 14.7579 11.7777 14.5187 11.8301 14.2861L7.51074 12.0615C7.44369 12.1432 7.37321 12.2225 7.29785 12.2979C6.68836 12.9073 5.86195 13.25 5 13.25C4.13805 13.25 3.31164 12.9073 2.70215 12.2979C2.13074 11.7264 1.79375 10.9644 1.75391 10.1611L1.75 10C1.75 9.13805 2.09266 8.31164 2.70215 7.70215C3.31164 7.09266 4.13805 6.75 5 6.75C5.86195 6.75 6.68836 7.09266 7.29785 7.70215C7.37303 7.77733 7.44383 7.85606 7.51074 7.9375L11.8301 5.71191C11.7779 5.47998 11.75 5.2415 11.75 5C11.75 4.13805 12.0927 3.31164 12.7021 2.70215C13.3116 2.09266 14.138 1.75 15 1.75L15.1611 1.75391ZM15 13.25C14.5359 13.25 14.0909 13.4345 13.7627 13.7627C13.6311 13.8943 13.5232 14.0451 13.4404 14.208C13.4331 14.2253 13.4257 14.2428 13.417 14.2598C13.4158 14.2622 13.4134 14.2642 13.4121 14.2666C13.3068 14.4945 13.25 14.7441 13.25 15C13.25 15.4641 13.4345 15.9091 13.7627 16.2373C14.0909 16.5655 14.5359 16.75 15 16.75L15.1729 16.7412C15.5735 16.7015 15.9501 16.5245 16.2373 16.2373C16.5655 15.9091 16.75 15.4641 16.75 15L16.7412 14.8271C16.7015 14.4265 16.5245 14.0499 16.2373 13.7627C15.9091 13.4345 15.4641 13.25 15 13.25ZM5 8.25C4.53587 8.25 4.09088 8.43451 3.7627 8.7627C3.43451 9.09088 3.25 9.53587 3.25 10L3.25879 10.1729C3.29855 10.5735 3.47551 10.9501 3.7627 11.2373C4.09088 11.5655 4.53587 11.75 5 11.75C5.46413 11.75 5.90912 11.5655 6.2373 11.2373C6.37902 11.0956 6.4923 10.9313 6.57715 10.7539C6.57941 10.7493 6.58064 10.7439 6.58301 10.7393C6.58434 10.7367 6.58555 10.734 6.58691 10.7314C6.69184 10.5039 6.75 10.2554 6.75 10C6.75 9.74297 6.69218 9.49238 6.58594 9.26367L6.58301 9.25977C6.57427 9.24277 6.5669 9.22533 6.55957 9.20801C6.4768 9.04509 6.36894 8.89433 6.2373 8.7627C5.90912 8.43451 5.46413 8.25 5 8.25ZM15 3.25C14.5359 3.25 14.0909 3.43451 13.7627 3.7627C13.4345 4.09088 13.25 4.53587 13.25 5C13.25 5.25302 13.3061 5.49976 13.4092 5.72559C13.4117 5.73019 13.4146 5.73458 13.417 5.73926C13.4239 5.75258 13.4296 5.76675 13.4355 5.78027C13.519 5.94754 13.628 6.10263 13.7627 6.2373C14.0909 6.56549 14.5359 6.75 15 6.75C15.4641 6.75 15.9091 6.56549 16.2373 6.2373C16.5655 5.90912 16.75 5.46413 16.75 5L16.7412 4.82715C16.7015 4.4265 16.5245 4.04988 16.2373 3.7627C15.9501 3.47551 15.5735 3.29855 15.1729 3.25879L15 3.25Z"
      clip-rule="evenodd"
    />
</symbol>

note: all fills should be removed. only supply paths

@@ -1882,6 +1882,13 @@
clip-rule="evenodd"
/>
</symbol>
<symbol viewBox="0 0 20 20" id="lp-icon-share">
Copy link
Contributor

Choose a reason for hiding this comment

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

@rapha-ld just fyi, this is how you'd add the paths in future

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants