feat: APPS-2798 Create ButtonDropdown Component

[tinuola]

Connected to APPS-2798

Component Created: ButtonDropdown.vue

Stories: ~/stories/ButtonDropdown.stories.js

Spec: ~/stories/ButtonDropdown.spec.js

Component Updated: IconWithLink.vue

• Added new FTVA icons

Preview:

• Share Button: https://deploy-preview-567--ucla-library-storybook.netlify.app/?path=/story/button-dropdown--share
• Add to Calendar Button: https://deploy-preview-567--ucla-library-storybook.netlify.app/?path=/story/button-dropdown--add-to-calendar

Notes:

• Some design token values don't seem to be working (at least locally for me); annotations included in the scss files as a reminder to make updates when the tokens are available
• Facebook API will present an error page when the share button is used from a non-valid content route, such as from Storybook or local dev
• Added Microsoft 365 as an option for the professional version of Outlook:
  • https://github.com/add2cal/add-to-calendar-button/discussions/544
• The Apple/iCal option does not support rich text data such as what might come from the eventDescription field in Craft; the plugin is set up to strip out HTML tags, but it only seems to do so for the first set of tags it encounters and then deletes/ignores everything after; this somehow also impacts the location attribute whose data is omitted; none of this happens with the other calendar options/platforms
  • the incomplete parsing of rich text data and the disappearing location data are likely plugin bugs; I'll submit a bug report to the plugin owner
  • But report: https://github.com/add2cal/add-to-calendar-button/issues/614

Checklist:

• [x] I checked that it is working locally in the dev server
• [x] I checked that it is working locally in the storybook
• ~~[ ] I checked that it is working locally in the library-website-nuxt dev server~~
• [x] I added a screenshot of it working
• [x] UX has reviewed and approved this
• [x] I have a requested a PR review from the dev team
• [x] I used a conventional commit message
• [x] I assigned myself to this PR

[github-actions[bot]]

Percy Screenshots

In order to conserve our percy screenshot allowance, percy is not configured to run automatically. Please make sure the PR is ready and all other checks are passing, then start it manually:

1. Visit https://github.com/UCLALibrary/ucla-library-website-components/actions/workflows/percy.yml 2. Click the 'Run workflow' button in the blue bar. 3. Select the correct branch for this PR and click 'Run workflow' again to confirm.

[github-actions[bot]]

🚀 Deployed on https://deploy-preview-567--ucla-library-storybook.netlify.app

[pghorpade]

:tada: This issue has been resolved in version 3.6.0 :tada:

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot :package::rocket: