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

feat(icons): add holdout icon #1297

Merged
merged 2 commits into from
May 16, 2024
Merged

feat(icons): add holdout icon #1297

merged 2 commits into from
May 16, 2024

Conversation

cmaija
Copy link
Contributor

@cmaija cmaija commented May 13, 2024

Summary

This PR adds the new icon 'holdout'. It will be used to represent a holdout object in the experimentation product.

Screenshots (if appropriate):

holdout-icon

Testing approaches

  • ensure existing tests pass and visual check in storybook

Copy link

changeset-bot bot commented May 13, 2024

🦋 Changeset detected

Latest commit: 0fd639b

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

This PR includes changesets to release 25 packages
Name Type
@launchpad-ui/icons Patch
@launchpad-ui/alert Patch
@launchpad-ui/avatar Patch
@launchpad-ui/banner Patch
@launchpad-ui/button Patch
@launchpad-ui/chip Patch
@launchpad-ui/clipboard Patch
@launchpad-ui/collapsible Patch
@launchpad-ui/components Patch
@launchpad-ui/drawer Patch
@launchpad-ui/dropdown Patch
@launchpad-ui/filter Patch
@launchpad-ui/form Patch
@launchpad-ui/inline-edit Patch
@launchpad-ui/menu Patch
@launchpad-ui/modal Patch
@launchpad-ui/navigation Patch
@launchpad-ui/pagination Patch
@launchpad-ui/select Patch
@launchpad-ui/snackbar Patch
@launchpad-ui/tag Patch
@launchpad-ui/toast Patch
@launchpad-ui/core Patch
@launchpad-ui/split-button Patch
@launchpad-ui/card 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

@cmaija cmaija requested a review from jahoni May 13, 2024 23:07
Copy link
Contributor

github-actions bot commented May 13, 2024

Size Change: +2.77 kB (+1.39%)

Total Size: 202 kB

Filename Size Change
packages/components/dist/index.es.js 7.29 kB +1.19 kB (+19.56%) 🚨
packages/components/dist/index.js 7.29 kB +1.21 kB (+19.89%) 🚨
packages/components/dist/style.css 5.24 kB +361 B (+7.4%) 🔍
packages/portal/dist/index.es.js 396 B +3 B (+0.76%)
packages/portal/dist/index.js 455 B +2 B (+0.44%)
packages/tokens/dist/index.es.js 3.09 kB +1 B (+0.03%)
ℹ️ View Unchanged
Filename Size
packages/alert/dist/index.es.js 1.3 kB
packages/alert/dist/index.js 1.38 kB
packages/alert/dist/style.css 1.3 kB
packages/avatar/dist/index.es.js 1.12 kB
packages/avatar/dist/index.js 1.19 kB
packages/avatar/dist/style.css 408 B
packages/banner/dist/index.es.js 623 B
packages/banner/dist/index.js 692 B
packages/banner/dist/style.css 470 B
packages/box/dist/index.es.js 6.62 kB
packages/box/dist/index.js 6.71 kB
packages/box/dist/style.css 2.26 kB
packages/button/dist/index.es.js 1.81 kB
packages/button/dist/index.js 1.88 kB
packages/button/dist/style.css 2.98 kB
packages/card/dist/index.es.js 686 B
packages/card/dist/index.js 753 B
packages/card/dist/style.css 664 B
packages/chip/dist/index.es.js 643 B
packages/chip/dist/index.js 710 B
packages/chip/dist/style.css 505 B
packages/clipboard/dist/index.es.js 1.49 kB
packages/clipboard/dist/index.js 1.57 kB
packages/clipboard/dist/style.css 801 B
packages/collapsible/dist/index.es.js 857 B
packages/collapsible/dist/index.js 923 B
packages/collapsible/dist/style.css 81 B
packages/columns/dist/index.es.js 579 B
packages/columns/dist/index.js 650 B
packages/columns/dist/style.css 282 B
packages/core/dist/index.es.js 1.14 kB
packages/core/dist/index.js 1.53 kB
packages/counter/dist/index.es.js 329 B
packages/counter/dist/index.js 391 B
packages/counter/dist/style.css 245 B
packages/data-table/dist/index.es.js 2.46 kB
packages/data-table/dist/index.js 2.53 kB
packages/data-table/dist/style.css 474 B
packages/drawer/dist/index.es.js 1.69 kB
packages/drawer/dist/index.js 2.25 kB
packages/drawer/dist/style.css 488 B
packages/dropdown/dist/index.es.js 1.15 kB
packages/dropdown/dist/index.js 1.21 kB
packages/filter/dist/index.es.js 2.28 kB
packages/filter/dist/index.js 2.35 kB
packages/filter/dist/style.css 909 B
packages/focus-trap/dist/index.es.js 270 B
packages/focus-trap/dist/index.js 333 B
packages/form/dist/index.es.js 4.13 kB
packages/form/dist/index.js 4.24 kB
packages/form/dist/style.css 2.22 kB
packages/icons/dist/index.es.js 1.3 kB
packages/icons/dist/index.js 1.37 kB
packages/icons/dist/style.css 460 B
packages/inline-edit/dist/index.es.js 1.56 kB
packages/inline-edit/dist/index.js 1.65 kB
packages/inline-edit/dist/style.css 331 B
packages/inline/dist/index.es.js 572 B
packages/inline/dist/index.js 644 B
packages/inline/dist/style.css 243 B
packages/markdown/dist/index.es.js 961 B
packages/markdown/dist/index.js 1.03 kB
packages/markdown/dist/style.css 225 B
packages/menu/dist/index.es.js 3.79 kB
packages/menu/dist/index.js 3.88 kB
packages/menu/dist/style.css 867 B
packages/modal/dist/index.es.js 2.97 kB
packages/modal/dist/index.js 3.53 kB
packages/modal/dist/style.css 907 B
packages/navigation/dist/index.es.js 2.73 kB
packages/navigation/dist/index.js 2.8 kB
packages/navigation/dist/style.css 868 B
packages/overlay/dist/index.es.js 1.04 kB
packages/overlay/dist/index.js 1.09 kB
packages/pagination/dist/index.es.js 1.15 kB
packages/pagination/dist/index.js 1.23 kB
packages/pagination/dist/style.css 300 B
packages/popover/dist/index.es.js 3.05 kB
packages/popover/dist/index.js 3.55 kB
packages/popover/dist/style.css 518 B
packages/progress-bubbles/dist/index.es.js 1.74 kB
packages/progress-bubbles/dist/index.js 1.81 kB
packages/progress-bubbles/dist/style.css 816 B
packages/progress/dist/index.es.js 1.02 kB
packages/progress/dist/index.js 1.09 kB
packages/progress/dist/style.css 268 B
packages/select/dist/index.es.js 5.85 kB
packages/select/dist/index.js 5.94 kB
packages/select/dist/style.css 1.13 kB
packages/slider/dist/index.es.js 573 B
packages/slider/dist/index.js 636 B
packages/slider/dist/style.css 615 B
packages/snackbar/dist/index.es.js 1.15 kB
packages/snackbar/dist/index.js 1.7 kB
packages/snackbar/dist/style.css 530 B
packages/split-button/dist/index.es.js 935 B
packages/split-button/dist/index.js 1 kB
packages/split-button/dist/style.css 502 B
packages/stack/dist/index.es.js 463 B
packages/stack/dist/index.js 534 B
packages/stack/dist/style.css 181 B
packages/tab-list/dist/index.es.js 722 B
packages/tab-list/dist/index.js 797 B
packages/tab-list/dist/style.css 413 B
packages/table/dist/index.es.js 929 B
packages/table/dist/index.js 1.01 kB
packages/table/dist/style.css 695 B
packages/tag/dist/index.es.js 2.86 kB
packages/tag/dist/index.js 2.94 kB
packages/tag/dist/style.css 741 B
packages/toast/dist/index.es.js 953 B
packages/toast/dist/index.js 1.51 kB
packages/toast/dist/style.css 465 B
packages/toggle/dist/index.es.js 726 B
packages/toggle/dist/index.js 805 B
packages/toggle/dist/style.css 1.1 kB
packages/tokens/dist/index.css 2.47 kB
packages/tokens/dist/index.js 3.09 kB
packages/tokens/dist/media-queries.css 114 B
packages/tokens/dist/themes.css 1.74 kB
packages/tooltip/dist/index.es.js 505 B
packages/tooltip/dist/index.js 580 B
packages/tooltip/dist/style.css 334 B
packages/vars/dist/index.es.js 2.59 kB
packages/vars/dist/index.js 2.66 kB

compressed-size-action

@@ -1983,5 +1983,10 @@
clip-rule="evenodd"
/>
</symbol>
<symbol viewBox="0 0 20 20" id="lp-icon-holdout">
Copy link
Contributor

Choose a reason for hiding this comment

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

It would be awesome if you'd be willing to put this icon in alphabetical order like the rest of them! 🙏🏻

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Oh sorry about that, I will move into the correct order!

Copy link
Contributor

@pheggeseth pheggeseth left a comment

Choose a reason for hiding this comment

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

LGTM other than moving the symbol in the sprite file to be in alphabetical order, though I don't have any context as to whether the icon itself is correct.

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.

Some nits

  • move holdout symbol to alphabetical
  • each attribute should be on its own line if there are more than 1 (wish our prettier implementation just fixed this for you 😿 )

The svg path looks to be just a touch off-center. not a huge deal, but ideally you can swap the path definition for:

<symbol viewBox="0 0 20 20" id="lp-icon-holdout">
  <path
    fill-rule="evenodd"
    d="M13.75 9.984a1.15 1.15 0 1 0 0 2.3 1.15 1.15 0 0 0 0-2.3Zm-2.65 1.15a2.65 2.65 0 1 1 5.3 0 2.65 2.65 0 0 1-5.3 0Z"
    clip-rule="evenodd"
  />
  <path d="M9.917 14.067a2.4 2.4 0 1 1-4.8 0 2.4 2.4 0 0 1 4.8 0Z"/>
  <path
    fill-rule="evenodd"
    d="M6.75 4.984a1.65 1.65 0 1 0 0 3.3 1.65 1.65 0 0 0 0-3.3ZM3.6 6.634a3.15 3.15 0 1 1 6.3 0 3.15 3.15 0 0 1-6.3 0Z"
    clip-rule="evenodd"
  />
</symbol>

@cmaija
Copy link
Contributor Author

cmaija commented May 14, 2024

@matthewferry @pheggeseth Thanks so much yall for reviewing, I moved the svg up to the correct order and swapped the path definition ✅

@cmaija cmaija requested a review from matthewferry May 14, 2024 22:00
@Niznikr Niznikr merged commit 774f300 into main May 16, 2024
21 checks passed
@Niznikr Niznikr deleted the canderson/feat/add-icon-holdout branch May 16, 2024 14:10
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.

None yet

4 participants