@storybook/addon-docs 7.0.0-beta.14 → 7.0.0-beta.16
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/angular/README.md +1 -1
- package/dist/blocks.js +1 -1
- package/ember/README.md +1 -1
- package/package.json +12 -13
- package/react/README.md +0 -1
- package/vue/README.md +1 -1
- package/web-components/README.md +0 -1
package/angular/README.md
CHANGED
|
@@ -207,7 +207,7 @@ And for `MDX` you can modify it as an attribute on the `Story` element:
|
|
|
207
207
|
|
|
208
208
|
## Inline Stories
|
|
209
209
|
|
|
210
|
-
Storybook Docs renders all Angular stories inline by default.
|
|
210
|
+
Storybook Docs renders all Angular stories inline by default.
|
|
211
211
|
|
|
212
212
|
However, you can render stories in an iframe, with a default height of `60px` (configurable using the `docs.iframeHeight` story parameter), by using the `docs.inlineStories` parameter.
|
|
213
213
|
|
package/dist/blocks.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __hasOwnProp=Object.prototype.hasOwnProperty;var __copyProps=(to,from,except,desc)=>{if(from&&typeof from=="object"||typeof from=="function")for(let key of __getOwnPropNames(from))!__hasOwnProp.call(to,key)&&key!==except&&__defProp(to,key,{get:()=>from[key],enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable});return to},__reExport=(target,mod,secondTarget)=>(__copyProps(target,mod,"default"),secondTarget&&__copyProps(secondTarget,mod,"default"))
|
|
1
|
+
var __create=Object.create;var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __getProtoOf=Object.getPrototypeOf,__hasOwnProp=Object.prototype.hasOwnProperty;var __commonJS=(cb,mod)=>function(){return mod||(0,cb[__getOwnPropNames(cb)[0]])((mod={exports:{}}).exports,mod),mod.exports};var __copyProps=(to,from,except,desc)=>{if(from&&typeof from=="object"||typeof from=="function")for(let key of __getOwnPropNames(from))!__hasOwnProp.call(to,key)&&key!==except&&__defProp(to,key,{get:()=>from[key],enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable});return to},__reExport=(target,mod,secondTarget)=>(__copyProps(target,mod,"default"),secondTarget&&__copyProps(secondTarget,mod,"default")),__toESM=(mod,isNodeMode,target)=>(target=mod!=null?__create(__getProtoOf(mod)):{},__copyProps(isNodeMode||!mod||!mod.__esModule?__defProp(target,"default",{value:mod,enumerable:!0}):target,mod)),__toCommonJS=mod=>__copyProps(__defProp({},"__esModule",{value:!0}),mod);var require_dist=__commonJS({"../../lib/client-logger/dist/index.js"(exports,module2){"use strict";var __defProp2=Object.defineProperty,__getOwnPropDesc2=Object.getOwnPropertyDescriptor,__getOwnPropNames2=Object.getOwnPropertyNames,__hasOwnProp2=Object.prototype.hasOwnProperty,__export=(target,all)=>{for(var name in all)__defProp2(target,name,{get:all[name],enumerable:!0})},__copyProps2=(to,from,except,desc)=>{if(from&&typeof from=="object"||typeof from=="function")for(let key of __getOwnPropNames2(from))!__hasOwnProp2.call(to,key)&&key!==except&&__defProp2(to,key,{get:()=>from[key],enumerable:!(desc=__getOwnPropDesc2(from,key))||desc.enumerable});return to},__toCommonJS2=mod=>__copyProps2(__defProp2({},"__esModule",{value:!0}),mod),src_exports={};__export(src_exports,{deprecate:()=>deprecate2,logger:()=>logger,once:()=>once,pretty:()=>pretty});module2.exports=__toCommonJS2(src_exports);var import_global=require("@storybook/global"),{LOGLEVEL}=import_global.global,levels={trace:1,debug:2,info:3,warn:4,error:5,silent:10},currentLogLevelString=LOGLEVEL,currentLogLevelNumber=levels[currentLogLevelString]||levels.info,logger={trace:(message,...rest)=>{currentLogLevelNumber<=levels.trace&&console.trace(message,...rest)},debug:(message,...rest)=>{currentLogLevelNumber<=levels.debug&&console.debug(message,...rest)},info:(message,...rest)=>{currentLogLevelNumber<=levels.info&&console.info(message,...rest)},warn:(message,...rest)=>{currentLogLevelNumber<=levels.warn&&console.warn(message,...rest)},error:(message,...rest)=>{currentLogLevelNumber<=levels.error&&console.error(message,...rest)},log:(message,...rest)=>{currentLogLevelNumber<levels.silent&&console.log(message,...rest)}},logged=new Set,once=type=>(message,...rest)=>{if(!logged.has(message))return logged.add(message),logger[type](message,...rest)};once.clear=()=>logged.clear();once.trace=once("trace");once.debug=once("debug");once.info=once("info");once.warn=once("warn");once.error=once("error");once.log=once("log");var deprecate2=once("warn"),pretty=type=>(...args)=>{let argArray=[];if(args.length){let startTagRe=/<span\s+style=(['"])([^'"]*)\1\s*>/gi,endTagRe=/<\/span>/gi,reResultArray;for(argArray.push(args[0].replace(startTagRe,"%c").replace(endTagRe,"%c"));reResultArray=startTagRe.exec(args[0]);)argArray.push(reResultArray[2]),argArray.push("");for(let j=1;j<args.length;j++)argArray.push(args[j])}logger[type].apply(logger,argArray)};pretty.trace=pretty("trace");pretty.debug=pretty("debug");pretty.info=pretty("info");pretty.warn=pretty("warn");pretty.error=pretty("error")}});var blocks_exports={};module.exports=__toCommonJS(blocks_exports);var import_client_logger=__toESM(require_dist());__reExport(blocks_exports,require("@storybook/blocks"),module.exports);(0,import_client_logger.deprecate)("Import from '@storybook/addon-docs/blocks' is deprecated. Please import from '@storybook/blocks' instead.");
|
package/ember/README.md
CHANGED
|
@@ -125,7 +125,7 @@ Storybook Docs renders all Ember stories inside `iframe`s, with a default height
|
|
|
125
125
|
To update the global default, modify `.storybook/preview.js`:
|
|
126
126
|
|
|
127
127
|
```ts
|
|
128
|
-
export const parameters =
|
|
128
|
+
export const parameters = { docs: { iframeHeight: 400 } };
|
|
129
129
|
```
|
|
130
130
|
|
|
131
131
|
For `DocsPage`, you need to update the parameter locally in a story:
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@storybook/addon-docs",
|
|
3
|
-
"version": "7.0.0-beta.
|
|
3
|
+
"version": "7.0.0-beta.16",
|
|
4
4
|
"description": "Document component usage and properties in Markdown",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"addon",
|
|
@@ -92,8 +92,7 @@
|
|
|
92
92
|
"lit/**/*",
|
|
93
93
|
"README.md",
|
|
94
94
|
"*.js",
|
|
95
|
-
"*.d.ts"
|
|
96
|
-
"!__testfixtures__"
|
|
95
|
+
"*.d.ts"
|
|
97
96
|
],
|
|
98
97
|
"scripts": {
|
|
99
98
|
"check": "../../../scripts/node_modules/.bin/tsc --noEmit",
|
|
@@ -104,17 +103,17 @@
|
|
|
104
103
|
"@babel/plugin-transform-react-jsx": "^7.19.0",
|
|
105
104
|
"@jest/transform": "^29.3.1",
|
|
106
105
|
"@mdx-js/react": "^2.1.5",
|
|
107
|
-
"@storybook/blocks": "7.0.0-beta.
|
|
108
|
-
"@storybook/components": "7.0.0-beta.
|
|
109
|
-
"@storybook/csf-plugin": "7.0.0-beta.
|
|
110
|
-
"@storybook/csf-tools": "7.0.0-beta.
|
|
106
|
+
"@storybook/blocks": "7.0.0-beta.16",
|
|
107
|
+
"@storybook/components": "7.0.0-beta.16",
|
|
108
|
+
"@storybook/csf-plugin": "7.0.0-beta.16",
|
|
109
|
+
"@storybook/csf-tools": "7.0.0-beta.16",
|
|
111
110
|
"@storybook/global": "^5.0.0",
|
|
112
111
|
"@storybook/mdx2-csf": "next",
|
|
113
|
-
"@storybook/node-logger": "7.0.0-beta.
|
|
114
|
-
"@storybook/postinstall": "7.0.0-beta.
|
|
115
|
-
"@storybook/preview-api": "7.0.0-beta.
|
|
116
|
-
"@storybook/theming": "7.0.0-beta.
|
|
117
|
-
"@storybook/types": "7.0.0-beta.
|
|
112
|
+
"@storybook/node-logger": "7.0.0-beta.16",
|
|
113
|
+
"@storybook/postinstall": "7.0.0-beta.16",
|
|
114
|
+
"@storybook/preview-api": "7.0.0-beta.16",
|
|
115
|
+
"@storybook/theming": "7.0.0-beta.16",
|
|
116
|
+
"@storybook/types": "7.0.0-beta.16",
|
|
118
117
|
"fs-extra": "^9.0.1",
|
|
119
118
|
"remark-external-links": "^8.0.0",
|
|
120
119
|
"remark-slug": "^6.0.0",
|
|
@@ -141,7 +140,7 @@
|
|
|
141
140
|
"./src/shims/mdx-react-shim.ts"
|
|
142
141
|
]
|
|
143
142
|
},
|
|
144
|
-
"gitHead": "
|
|
143
|
+
"gitHead": "7ca5d329ef50ec4cded3c6586761a25a8e79e67c",
|
|
145
144
|
"storybook": {
|
|
146
145
|
"displayName": "Docs",
|
|
147
146
|
"icon": "https://user-images.githubusercontent.com/263385/101991672-48355c80-3c7c-11eb-82d9-95fa12438f64.png",
|
package/react/README.md
CHANGED
|
@@ -98,7 +98,6 @@ Some **markdown** description, or whatever you want.
|
|
|
98
98
|
|
|
99
99
|
## Inline stories
|
|
100
100
|
|
|
101
|
-
|
|
102
101
|
Storybook Docs renders all React stories inline by default.
|
|
103
102
|
|
|
104
103
|
However, you can render stories in an iframe, with a default height of `60px` (configurable using the `docs.iframeHeight` story parameter), by using the `docs.inlineStories` parameter.
|
package/vue/README.md
CHANGED
|
@@ -140,7 +140,7 @@ However, you can render stories in an iframe, with a default height of `60px` (c
|
|
|
140
140
|
To do so for all stories, update `.storybook/preview.js`:
|
|
141
141
|
|
|
142
142
|
```js
|
|
143
|
-
export const parameters = { docs: { inlineStories: false
|
|
143
|
+
export const parameters = { docs: { inlineStories: false } };
|
|
144
144
|
```
|
|
145
145
|
|
|
146
146
|
## More resources
|
package/web-components/README.md
CHANGED
|
@@ -112,7 +112,6 @@ For a full example see the [web-components-kitchen-sink/custom-elements.json](..
|
|
|
112
112
|
|
|
113
113
|
## Stories not inline
|
|
114
114
|
|
|
115
|
-
|
|
116
115
|
Storybook Docs renders all web components stories inline by default.
|
|
117
116
|
|
|
118
117
|
However, you can render stories in an iframe, with a default height of `60px` (configurable using the `docs.iframeHeight` story parameter), by using the `docs.inlineStories` parameter.
|