GitHub/storybook
1
0
Fork 0
mirror of https://github.com/storybookjs/storybook.git synced 2025-04-04 13:11:20 +08:00
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'storybookjs:next' into B2Y4N-patch-1

Browse Source
This commit is contained in:
B2Y4N 2022-08-09 09:16:20 +08:00 committed by GitHub
commit 74f8c7626c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
24 changed files with 30 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
code/examples/official-storybook/stories/addon-a11y/image.stories.js
View File

@ -2,7 +2,7 @@
import React from 'react';
const text = 'Testing the a11y addon';
const image = 'http://place-hold.it/350x150';
const image = 'https://storybook.js.org/images/placeholders/350x150.png';
export default {
title: 'Addons/A11y/Image',

2
code/examples/official-storybook/stories/addon-controls.stories.tsx
View File

@ -98,7 +98,7 @@ Action.args = {
export const ImageFileControl = (args) => <img src={args.imageUrls[0]} alt="Your Example Story" />;
ImageFileControl.args = {
imageUrls: ['http://place-hold.it/350x150'],
imageUrls: ['https://storybook.js.org/images/placeholders/350x150.png'],
};
export const CustomControls = Template.bind({});

2
code/lib/blocks/src/components/Description.stories.tsx
View File

@ -10,7 +10,7 @@ const markdownCaption = `
The group looked like tall, exotic grazing animals, swaying gracefully and unconsciously with the movement of the train, their high heels like polished hooves against the gray metal of the Flatline as a construct, a hardwired ROM cassette replicating a dead man’s skills, obsessions, kneejerk responses.
![An image](http://place-hold.it/350x150)
![An image](https://storybook.js.org/images/placeholders/350x150.png)
He stared at the clinic, Molly took him to the Tank War, mouth touched with hot gold as a gliding cursor struck sparks from the wall of a skyscraper canyon.
`;

2
code/lib/blocks/src/components/DocsPageExampleCaption.md
View File

@ -2,7 +2,7 @@
The group looked like tall, exotic grazing animals, swaying gracefully and unconsciously with the movement of the train, their high heels like polished hooves against the gray metal of the Flatline as a construct, a hardwired ROM cassette replicating a dead man’s skills, obsessions, kneejerk responses.
![An image](http://place-hold.it/350x150)
![An image](https://storybook.js.org/images/placeholders/350x150.png)
He stared at the clinic, Molly took him to the Tank War, mouth touched with hot gold as a gliding cursor struck sparks from the wall of a skyscraper canyon. Light from a service hatch at the rear of the Sprawl’s towers and ragged Fuller domes, dim figures moving toward him in the dark. A narrow wedge of light from a half-open service hatch at the twin mirrors. Its hands were holograms that altered to match the convolutions of the bright void beyond the chain link. Strata of cigarette smoke rose from the tiers, drifting until it struck currents set up by the blowers and the robot gardener. Still it was a steady pulse of pain midway down his spine. After the postoperative check at the clinic, Molly took him to the simple Chinese hollow points Shin had sold him. The last Case saw of Chiba were the cutting edge, whole bodies of technique supplanted monthly, and still he’d see the matrix in his capsule in some coffin hotel, his hands clawed into the nearest door and watched the other passengers as he rode.

2
code/lib/blocks/src/components/DocsPageExampleCaption.mdx
View File

@ -2,7 +2,7 @@
The group looked like tall, exotic grazing animals, swaying gracefully and unconsciously with the movement of the train, their high heels like polished hooves against the gray metal of the Flatline as a construct, a hardwired ROM cassette replicating a dead man’s skills, obsessions, kneejerk responses.
![An image](http://place-hold.it/350x150)
![An image](https://storybook.js.org/images/placeholders/350x150.png)
He stared at the clinic, Molly took him to the Tank War, mouth touched with hot gold as a gliding cursor struck sparks from the wall of a skyscraper canyon. Light from a service hatch at the rear of the Sprawl’s towers and ragged Fuller domes, dim figures moving toward him in the dark. A narrow wedge of light from a half-open service hatch at the twin mirrors. Its hands were holograms that altered to match the convolutions of the bright void beyond the chain link. Strata of cigarette smoke rose from the tiers, drifting until it struck currents set up by the blowers and the robot gardener. Still it was a steady pulse of pain midway down his spine. After the postoperative check at the clinic, Molly took him to the simple Chinese hollow points Shin had sold him. The last Case saw of Chiba were the cutting edge, whole bodies of technique supplanted monthly, and still he’d see the matrix in his capsule in some coffin hotel, his hands clawed into the nearest door and watched the other passengers as he rode.

4
code/lib/blocks/src/components/IconGallery.stories.tsx
View File

@ -21,10 +21,10 @@ export const DefaultStyle = () => (
<ExampleIcon icon="facehappy" />
</IconItem>
<IconItem name="bar">
<img src="https://place-hold.it/50x50" alt="example" />
<img src="https://storybook.js.org/images/placeholders/50x50.png" alt="example" />
</IconItem>
<IconItem name="bar">
<img src="https://place-hold.it/50x50" alt="example" />
<img src="https://storybook.js.org/images/placeholders/50x50.png" alt="example" />
</IconItem>
</IconGallery>
);

4
code/lib/codemod/src/transforms/__testfixtures__/update-addon-info/update-addon-info.input.js
View File

@ -98,7 +98,7 @@ storiesOf('Button').addWithInfo(
</a>
</p>
<p>
<img src="http://place-hold.it/350x150" />
<img src="https://storybook.js.org/images/placeholders/350x150.png" />
</p>
</div>,
() => (
@ -128,7 +128,7 @@ storiesOf('Button').addWithInfo(
</a>
</p>
<p>
<img src="http://place-hold.it/350x150" />
<img src="https://storybook.js.org/images/placeholders/350x150.png" />
</p>
</div>,
() => <Button label="The Button" onClick={action('onClick')} />,

4
code/lib/codemod/src/transforms/__testfixtures__/update-addon-info/update-addon-info.output.snapshot
View File

@ -98,7 +98,7 @@ storiesOf('Button').add('simple usage (JSX description)', withInfo(<div>
</a>
</p>
<p>
<img src=\\"http://place-hold.it/350x150\\" />
<img src=\\"https://storybook.js.org/images/placeholders/350x150.png\\" />
</p>
</div>)(() => (
<div>
@ -125,7 +125,7 @@ storiesOf('Button').add('simple usage (inline JSX description)', withInfo({
</a>
</p>
<p>
<img src=\\"http://place-hold.it/350x150\\" />
<img src=\\"https://storybook.js.org/images/placeholders/350x150.png\\" />
</p>
</div>,

4
code/lib/theming/src/tests/create.test.js
View File

@ -74,14 +74,14 @@ describe('create brand', () => {
it('should accept values', () => {
const result = create({
base: 'light',
brandImage: 'https://place-hold.it/350x150',
brandImage: 'https://storybook.js.org/images/placeholders/350x150.png',
brandTitle: 'my custom storybook',
brandUrl: 'https://example.com',
brandTarget: '_top',
});
expect(result).toMatchObject({
brandImage: 'https://place-hold.it/350x150',
brandImage: 'https://storybook.js.org/images/placeholders/350x150.png',
brandTitle: 'my custom storybook',
brandUrl: 'https://example.com',
brandTarget: '_top',

4
code/lib/ui/src/components/sidebar/Heading.stories.tsx
View File

@ -150,7 +150,7 @@ export const CustomBrandImage: Story = () => {
brand: {
title: 'My Title',
url: 'https://example.com',
image: 'https://via.placeholder.com/150x22',
image: 'https://storybook.js.org/images/placeholders/150x22.png',
},
}}
>
@ -168,7 +168,7 @@ export const CustomBrandImageTall: Story = () => {
brand: {
title: 'My Title',
url: 'https://example.com',
image: 'https://via.placeholder.com/100x150',
image: 'https://storybook.js.org/images/placeholders/100x150.png',
},
}}
>

2
code/lib/ui/src/components/sidebar/Menu.stories.tsx
View File

@ -21,7 +21,7 @@ const fakemenu = [
{ title: 'has icon', left: <MenuItemIcon icon="check" />, id: 'icon' },
{
title: 'has imgSrc',
left: <MenuItemIcon imgSrc="https://via.placeholder.com/20" />,
left: <MenuItemIcon imgSrc="https://storybook.js.org/images/placeholders/20x20.png" />,
id: 'img',
},
{ title: 'has neither', left: <MenuItemIcon />, id: 'non' },

4
docs/api/cli-options.md
View File

@ -5,9 +5,9 @@ title: 'CLI options'
Storybook comes with two CLI utilities: [`start-storybook`](#start-storybook) and [`build-storybook`](#build-storybook).
<div class="aside">
Storybook collects completely anonymous data to help us improve user experience. Participation is optional, and you may [opt-out](../configure/telemetry.md#how-to-opt-out) if you'd not like to share any information.
</div>
Pass these commands the following options to alter Storybook's behavior.

2
docs/snippets/angular/component-story-static-asset-cdn.mdx.mdx
View File

@ -17,6 +17,6 @@ import { MyComponent } from './MyComponent.component';
<Story
name="WithAnImage"
render={() => ({
template: `<img src="https://place-hold.it/350x150" alt="My CDN placeholder" />`,
template: `<img src="https://storybook.js.org/images/placeholders/350x150.png" alt="My CDN placeholder" />`,
})} />
```

2
docs/snippets/angular/component-story-static-asset-cdn.ts.mdx
View File

@ -22,7 +22,7 @@ export default {
export const WithAnImage: Story = {
render: () => ({
props: {
src: 'https://place-hold.it/350x150',
src: 'https://storybook.js.org/images/placeholders/350x150.png',
alt: 'My CDN placeholder',
},
}),

2
docs/snippets/common/storybook-theme-example-variables.ts.mdx
View File

@ -7,7 +7,7 @@ export default create({
base: 'light',
brandTitle: 'My custom storybook',
brandUrl: 'https://example.com',
brandImage: 'https://place-hold.it/350x150',
brandImage: 'https://storybook.js.org/images/placeholders/350x150.png',
brandTarget: '_self',
});
```

2
docs/snippets/common/your-theme.js.mdx
View File

@ -36,7 +36,7 @@ export default create({
brandTitle: 'My custom storybook',
brandUrl: 'https://example.com',
brandImage: 'https://place-hold.it/350x150',
brandImage: 'https://storybook.js.org/images/placeholders/350x150.png',
brandTarget: '_self',
});
```

2
docs/snippets/react/component-story-static-asset-cdn.js.mdx
View File

@ -17,6 +17,6 @@ export default {
* to learn how to use render functions.
*/
export const WithAnImage = {
render: () => <img src="https://place-hold.it/350x150" alt="My CDN placeholder" />,
render: () => <img src="https://storybook.js.org/images/placeholders/350x150.png" alt="My CDN placeholder" />,
};
```

2
docs/snippets/react/component-story-static-asset-cdn.mdx.mdx
View File

@ -8,6 +8,6 @@ import { MyComponent } from './MyComponent';
<Meta title="img" component={MyComponent} />
<Story name="WithAnImage">
<img src="https://place-hold.it/350x150" alt="My CDN placeholder" />}
<img src="https://storybook.js.org/images/placeholders/350x150.png" alt="My CDN placeholder" />}
</Story>
```

2
docs/snippets/react/component-story-static-asset-cdn.ts.mdx
View File

@ -14,6 +14,6 @@ export default {
} as Meta;
export const WithAnImage = {
render: () => <img src="https://place-hold.it/350x150" alt="My CDN placeholder" />,
render: () => <img src="https://storybook.js.org/images/placeholders/350x150.png" alt="My CDN placeholder" />,
};
```

2
docs/snippets/svelte/component-story-static-asset-cdn.js.mdx
View File

@ -21,7 +21,7 @@ export const WithAnImage = {
render: () => ({
Component: MyComponent,
props: {
src: 'https://place-hold.it/350x150',
src: 'https://storybook.js.org/images/placeholders/350x150.png',
alt: 'My CDN placeholder',
},
}),

2
docs/snippets/svelte/component-story-static-asset-cdn.mdx.mdx
View File

@ -18,7 +18,7 @@ import MyComponent from './MyComponent.svelte';
render={() => ({
Component: MyComponent,
props: {
src: 'https://place-hold.it/350x150',
src: 'https://storybook.js.org/images/placeholders/350x150.png',
alt: 'my image',
},
})} />

2
docs/snippets/svelte/component-story-static-asset-cdn.native-format.mdx
View File

@ -13,7 +13,7 @@
/>
<Template>
<MyComponent src="https://place-hold.it/350x150" alt="My CDN placeholder" />
<MyComponent src="https://storybook.js.org/images/placeholders/350x150.png" alt="My CDN placeholder" />
</Template>
<Story name="WithAnImage" />

2
docs/snippets/vue/component-story-static-asset-cdn.js.mdx
View File

@ -16,7 +16,7 @@ export default {
*/
export const WithAnImage = {
render: () => ({
template: '<img src="https://place-hold.it/350x150" alt="My CDN placeholder"/>',
template: '<img src="https://storybook.js.org/images/placeholders/350x150.png" alt="My CDN placeholder"/>',
}),
};
```

2
docs/snippets/vue/component-story-static-asset-cdn.mdx.mdx
View File

@ -16,6 +16,6 @@ import MyComponent from './MyComponent.vue';
<Story
name="withAnImage"
render={() => ({
template: `<img src="https://place-hold.it/350x150" alt="My CDN placeholder"/>`,
template: `<img src="https://storybook.js.org/images/placeholders/350x150.png" alt="My CDN placeholder"/>`,
})} />
```