forked from carbon-design-system/carbon-for-ibm-dotcom
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
chore(images): swapping FPO images with custom imagery (carbon-design…
…-system#4879) ### Related Ticket(s) Refs carbon-design-system#4778 ### Description This swaps out the FPO imagery used from fpoimg.com and replaces with our own custom imagery. Part of this move is to avoid false positives our automated visual regression tests are seeing when the FPO imagery loading fails, since it is an externally hosted set of assets. Using real imagery would also surface any issues our team would otherwise would not have picked up. ### Changelog **New** - Storybook imagery
- Loading branch information
1 parent
783fca2
commit f9f05ec
Showing
205 changed files
with
2,249 additions
and
2,331 deletions.
There are no files selected for viewing
3,016 changes: 1,528 additions & 1,488 deletions
3,016
packages/react/src/__tests__/__snapshots__/storyshots.test.js.snap
Large diffs are not rendered by default.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
169 changes: 169 additions & 0 deletions
169
packages/react/src/components/CardGroup/__stories__/data/cards.js
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,169 @@ | ||
| /** | ||
| * Copyright IBM Corp. 2016, 2021 | ||
| * | ||
| * This source code is licensed under the Apache-2.0 license found in the | ||
| * LICENSE file in the root directory of this source tree. | ||
| */ | ||
|
|
||
| import imgXlg16x9 from '../../../../../../storybook-images/assets/1312/fpo--16x9--1312x738--005.jpg'; | ||
| import imgXlg1x1 from '../../../../../../storybook-images/assets/1312/fpo--1x1--1312x1312--001.jpg'; | ||
| import imgXlg2x1 from '../../../../../../storybook-images/assets/1312/fpo--2x1--1312x656--003.jpg'; | ||
| import imgXlg3x2 from '../../../../../../storybook-images/assets/1312/fpo--3x2--874--004.jpg'; | ||
| import imgXlg4x3 from '../../../../../../storybook-images/assets/1312/fpo--4x3--1312x984--002.jpg'; | ||
|
|
||
| const cards = { | ||
| Simple: [ | ||
| { | ||
| heading: 'Nunc convallis lobortis Nunc convallis lobortis', | ||
| copy: | ||
| 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean et ultricies est. Mauris iaculis eget dolor nec hendrerit. Phasellus at elit sollicitudin, sodales nulla quis, consequat libero.', | ||
| cta: { | ||
| href: 'https://www.example.com', | ||
| copy: 'cta text here', | ||
| }, | ||
| }, | ||
| { | ||
| heading: 'Fusce gravida eu arcu', | ||
| copy: | ||
| 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean et ultricies est. Mauris iaculis eget dolor nec hendrerit.', | ||
| cta: { | ||
| href: 'https://www.example.com', | ||
| copy: 'cta text here', | ||
| }, | ||
| }, | ||
| { | ||
| heading: 'Interdum et malesuada', | ||
| copy: | ||
| 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean et ultricies est.', | ||
| cta: { | ||
| href: 'https://www.example.com', | ||
| copy: 'cta text here', | ||
| }, | ||
| }, | ||
| { | ||
| heading: 'Nunc convallis loborti', | ||
| copy: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.', | ||
| cta: { | ||
| href: 'https://www.example.com', | ||
| copy: 'cta text here', | ||
| }, | ||
| }, | ||
| { | ||
| heading: 'Nunc convallis lbortis', | ||
| copy: | ||
| 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean et ultricies est. Mauris iaculis eget dolor nec hendrerit. Phasellus at elit sollicitudin.', | ||
| cta: { | ||
| href: 'https://www.example.com', | ||
| copy: 'cta text here', | ||
| }, | ||
| }, | ||
| ], | ||
| Images: [ | ||
| { | ||
| image: { | ||
| defaultSrc: imgXlg1x1, | ||
| alt: 'Image alt text', | ||
| }, | ||
| eyebrow: 'Topic', | ||
| heading: 'Natural language processing.', | ||
| cta: { | ||
| href: 'https://www.example.com', | ||
| }, | ||
| }, | ||
| { | ||
| image: { | ||
| defaultSrc: imgXlg4x3, | ||
| alt: 'Image alt text', | ||
| }, | ||
| eyebrow: 'Blog', | ||
| heading: 'Natural language processing.', | ||
| cta: { | ||
| href: 'https://www.example.com', | ||
| }, | ||
| }, | ||
| { | ||
| image: { | ||
| defaultSrc: imgXlg2x1, | ||
| alt: 'Image alt text', | ||
| }, | ||
| eyebrow: 'Topic', | ||
| heading: 'Natural language processing.', | ||
| cta: { | ||
| href: 'https://www.example.com', | ||
| }, | ||
| }, | ||
| { | ||
| image: { | ||
| defaultSrc: imgXlg3x2, | ||
| alt: 'Image alt text', | ||
| }, | ||
| eyebrow: 'Blog', | ||
| heading: | ||
| 'Serving society ethically in the age of Artificial Intelligence.', | ||
| cta: { | ||
| href: 'https://www.example.com', | ||
| }, | ||
| }, | ||
| { | ||
| image: { | ||
| defaultSrc: imgXlg16x9, | ||
| alt: 'Image alt text', | ||
| }, | ||
| eyebrow: 'Topic', | ||
| heading: | ||
| 'Serving society ethically in the age of Artificial Intelligence.', | ||
| cta: { | ||
| href: 'https://www.example.com', | ||
| }, | ||
| }, | ||
| ], | ||
| Videos: [ | ||
| { | ||
| media: { | ||
| src: '1_9h94wo6b', | ||
| type: 'video', | ||
| }, | ||
| cta: { | ||
| href: 'https://www.example.com', | ||
| }, | ||
| }, | ||
| { | ||
| media: { | ||
| src: '1_9h94wo6b', | ||
| type: 'video', | ||
| }, | ||
| cta: { | ||
| href: 'https://www.example.com', | ||
| }, | ||
| }, | ||
| { | ||
| media: { | ||
| src: '1_9h94wo6b', | ||
| type: 'video', | ||
| }, | ||
| cta: { | ||
| href: 'https://www.example.com', | ||
| }, | ||
| }, | ||
| { | ||
| media: { | ||
| src: '1_9h94wo6b', | ||
| type: 'video', | ||
| }, | ||
| cta: { | ||
| href: 'https://www.example.com', | ||
| }, | ||
| }, | ||
| { | ||
| media: { | ||
| src: '1_9h94wo6b', | ||
| type: 'video', | ||
| }, | ||
| cta: { | ||
| href: 'https://www.example.com', | ||
| }, | ||
| }, | ||
| ], | ||
| }; | ||
|
|
||
| export default cards; |
Oops, something went wrong.