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

Bump Storybook dependencies to v3

Browse Source
This commit is contained in:
Christophe VERCLYTTE 2017-06-30 11:04:30 +02:00 committed by Norbert de Langen
parent 802e1d6378
commit 281b32aa60
15 changed files with 24 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
addons/background/.storybook/addons.js
View File

@ -1,2 +1,2 @@
import "@kadira/storybook/addons"; import "@storybook/addons";
import "../src/register"; import "../src/register";

2
addons/background/.storybook/config.js
View File

@ -1,4 +1,4 @@
import { configure, addDecorator } from '@kadira/storybook'; import { configure, addDecorator } from '@storybook/react';
addDecorator((story) => (<div style={{padding: 20}}>{story()}</div>)); addDecorator((story) => (<div style={{padding: 20}}>{story()}</div>));

3
addons/background/README.md
View File

@ -21,7 +21,6 @@ Then create a file called `addons.js` in your storybook config.
Add following content to it: Add following content to it:
```js ```js
import '@kadira/storybook/addons';
import 'react-storybook-addon-backgrounds/register'; import 'react-storybook-addon-backgrounds/register';
``` ```
@ -29,7 +28,7 @@ Then write your stories like this:
```js ```js
import React from 'react'; import React from 'react';
import { storiesOf } from "@kadira/storybook"; import { storiesOf } from "@storybook/react";
import backgrounds from "react-storybook-addon-backgrounds"; import backgrounds from "react-storybook-addon-backgrounds";
storiesOf("Button", module) storiesOf("Button", module)

2
addons/background/docs/BackgroundPanel.tsx
View File

@ -32,7 +32,7 @@ const defaultBackground: BackgroundDetail = {
}; };
const __html = ` const __html = `
import { storiesOf } from "@kadira/storybook"; import { storiesOf } from "@storybook/react";
import backgrounds from "react-storybook-addon-backgrounds"; import backgrounds from "react-storybook-addon-backgrounds";
storiesOf("First Component", module) storiesOf("First Component", module)

4
addons/background/docs/index.story.tsx
View File

@ -1,6 +1,6 @@
import * as React from "react"; // tslint:disable-line import * as React from "react"; // tslint:disable-line
import { storiesOf } from "@kadira/storybook"; import { storiesOf } from "@storybook/react";
import centered from "@kadira/react-storybook-decorator-centered"; import centered from "@storybook/addon-centered";
import backgrounds from "./index.tsx"; import backgrounds from "./index.tsx";

2
addons/background/docs/index.tsx
View File

@ -1,5 +1,5 @@
import * as React from "react"; import * as React from "react";
import addons from "@kadira/storybook-addons"; import addons from "@storybook/addons";
import assign = require("object-assign"); // tslint:disable-line import assign = require("object-assign"); // tslint:disable-line
const style = { const style = {

2
addons/background/docs/register.tsx
View File

@ -1,5 +1,5 @@
import * as React from "react"; // tslint:disable-line import * as React from "react"; // tslint:disable-line
import addons from "@kadira/storybook-addons"; import addons from "@storybook/addons";
import BackgroundPanel from "./BackgroundPanel"; import BackgroundPanel from "./BackgroundPanel";

4
addons/background/docs/static/manager.bundle.js vendored
View File

File diff suppressed because one or more lines are too long

4
addons/background/docs/static/preview.bundle.js vendored
View File

File diff suppressed because one or more lines are too long

8
addons/background/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "react-storybook-addon-backgrounds", "name": "react-storybook-addon-backgrounds",
"version": "0.0.7", "version": "0.1.0",
"description": "A react storybook addon to show different backgrounds for your preview", "description": "A react storybook addon to show different backgrounds for your preview",
"main": "dist/index.js", "main": "dist/index.js",
"typings": "dist/index.d.ts", "typings": "dist/index.d.ts",
@ -21,7 +21,7 @@
}, },
"peerDependencies": { "peerDependencies": {
"react": "^0.14.7 || ^15.0.0", "react": "^0.14.7 || ^15.0.0",
"@kadira/storybook-addons": "^v1.3.1" "@storybook/addons": "^v3.1.6"
}, },
"keywords": [ "keywords": [
"react-storybook", "react-storybook",
@ -34,8 +34,8 @@
}, },
"homepage": "https://github.com/NewSpring/react-storybook-addon-backgrounds#readme", "homepage": "https://github.com/NewSpring/react-storybook-addon-backgrounds#readme",
"devDependencies": { "devDependencies": {
"@kadira/react-storybook-decorator-centered": "^1.0.0", "@storybook/addon-centered": "^v3.1.2",
"@kadira/storybook": "^2.5.1", "@storybook/react": "^v3.1.7",
"babel-core": "^6.4.5", "babel-core": "^6.4.5",
"babel-loader": "^6.2.1", "babel-loader": "^6.2.1",
"babel-plugin-add-module-exports": "^0.2.1", "babel-plugin-add-module-exports": "^0.2.1",

6
addons/background/shims.d.ts vendored
View File

@ -1,5 +1,5 @@
declare module "@kadira/storybook-addons" { declare module "@storybook/addons" {
interface PanelOpts { interface PanelOpts {
title: string; title: string;
@ -16,7 +16,7 @@ declare module "@kadira/storybook-addons" {
export default addon; export default addon;
} }
declare module "@kadira/storybook" { declare module "@storybook/react" {
interface Story { interface Story {
add(storyName: string, callback: Function): Story; add(storyName: string, callback: Function): Story;
addDecorator(decorator: any): Story addDecorator(decorator: any): Story
@ -27,6 +27,6 @@ declare module "@kadira/storybook" {
} }
declare module "@kadira/react-storybook-decorator-centered" { declare module "@storybook/addon-centered" {
export default function(): any; export default function(): any;
} }

2
addons/background/src/BackgroundPanel.tsx
View File

@ -33,7 +33,7 @@ const defaultBackground: BackgroundDetail = {
}; };
const __html = ` const __html = `
import { storiesOf } from "@kadira/storybook"; import { storiesOf } from "@storybook/react";
import backgrounds from "react-storybook-addon-backgrounds"; import backgrounds from "react-storybook-addon-backgrounds";
storiesOf("First Component", module) storiesOf("First Component", module)

4
addons/background/src/index.story.tsx
View File

@ -1,6 +1,6 @@
import * as React from "react"; // tslint:disable-line import * as React from "react"; // tslint:disable-line
import { storiesOf } from "@kadira/storybook"; import { storiesOf } from "@storybook/react";
import centered from "@kadira/react-storybook-decorator-centered"; import centered from "@storybook/addon-centered";
import backgrounds from "./index.tsx"; import backgrounds from "./index.tsx";

2
addons/background/src/index.tsx
View File

@ -1,5 +1,5 @@
import * as React from "react"; import * as React from "react";
import addons from "@kadira/storybook-addons"; import addons from "@storybook/addons";
import assign = require("object-assign"); // tslint:disable-line import assign = require("object-assign"); // tslint:disable-line
const style = { const style = {

2
addons/background/src/register.tsx
View File

@ -1,5 +1,5 @@
import * as React from "react"; // tslint:disable-line import * as React from "react"; // tslint:disable-line
import addons from "@kadira/storybook-addons"; import addons from "@storybook/addons";
import BackgroundPanel from "./BackgroundPanel"; import BackgroundPanel from "./BackgroundPanel";