feat(pie-card): DSW-2426 image opacity when disabled

[kevinrodrigues]

Please click the Preview tab and select a different PR template if your change isn't for an existing web component.

PIE Docs Template
New Web Component Template

Screenshot

═══════════════════════════════════════════════════════════

Describe your changes (can list changeset entries if preferable)

Author Checklist (complete before requesting a review)

• I have performed a self-review of my code
• I have added thorough tests where applicable (unit / component / visual)
• I have reviewed the PIE Storybook/PIE Docs PR preview

Reviewer checklists (complete before approving)

Reviewer 1 - @xander-marjoram

• I have reviewed the PIE Storybook PR preview
• If there are visual test updates, I have reviewed them

Reviewer 2 @leksaBoiko

• I have reviewed the PIE Storybook PR preview
• If there are visual test updates, I have reviewed them

[changeset-bot]

🦋 Changeset detected

Latest commit: 9ff60f6

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

This PR includes changesets to release 12 packages

Name	Type
@justeattakeaway/pie-card	Minor
pie-storybook	Patch
@justeattakeaway/pie-webc	Patch
wc-angular12	Patch
wc-next10	Patch
wc-next13	Patch
wc-nuxt2	Patch
wc-nuxt3	Patch
wc-react17	Patch
wc-react18	Patch
wc-vanilla	Patch
wc-vue3	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

[kevinrodrigues]

/snapit

[pie-design-system-bot]

Starting a new snapshot build. You can view the logs here.

[pie-design-system-bot]

@kevinrodrigues Your snapshots have been published to npm!

Test the snapshots by updating your package.json with the newly-published versions:

Note

If you have more than one of these packages installed, we suggest using the new snapshots for all of them to help avoid version conflicts.

yarn up @justeattakeaway/[email protected] --mode=update-lockfile

yarn up @justeattakeaway/[email protected] --mode=update-lockfile

Then finally:

yarn install

[kevinrodrigues]

/snapit

[pie-design-system-bot]

Starting a new snapshot build. You can view the logs here.

[pie-design-system-bot]

The build failed, please see the logs or take a look at the Workflow Tooling wiki page to make sure your PR meets the requirements.

[kevinrodrigues]

/snapit

[pie-design-system-bot]

Starting a new snapshot build. You can view the logs here.

[pie-design-system-bot]

The build failed, please see the logs or take a look at the Workflow Tooling wiki page to make sure your PR meets the requirements.

[kevinrodrigues]

/snapit

[pie-design-system-bot]

Starting a new snapshot build. You can view the logs here.

[pie-design-system-bot]

@kevinrodrigues Your snapshots have been published to npm!

Test the snapshots by updating your package.json with the newly-published versions:

Note

If you have more than one of these packages installed, we suggest using the new snapshots for all of them to help avoid version conflicts.

yarn up @justeattakeaway/[email protected] --mode=update-lockfile

yarn up @justeattakeaway/[email protected] --mode=update-lockfile

Then finally:

yarn install

[leksaBoiko]

Could you add a description of the properties instead of a colon in the visual tests?