@storybook/addon-docs 6.5.0-alpha.4 → 6.5.0-alpha.40
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/README.md +4 -13
- package/angular/README.md +0 -6
- package/dist/cjs/blocks/Anchor.js +1 -1
- package/dist/cjs/blocks/ArgsTable.js +13 -9
- package/dist/cjs/blocks/Canvas.js +13 -11
- package/dist/cjs/blocks/Description.js +6 -6
- package/dist/cjs/blocks/DocsContainer.js +8 -6
- package/dist/cjs/blocks/Heading.js +2 -2
- package/dist/cjs/blocks/Meta.js +8 -6
- package/dist/cjs/blocks/Primary.js +7 -7
- package/dist/cjs/blocks/Source.js +8 -8
- package/dist/cjs/blocks/SourceContainer.js +9 -7
- package/dist/cjs/blocks/Stories.js +14 -7
- package/dist/cjs/blocks/Story.js +10 -8
- package/dist/cjs/blocks/Subheading.js +2 -2
- package/dist/cjs/blocks/Subtitle.js +5 -5
- package/dist/cjs/blocks/Title.js +8 -8
- package/dist/cjs/blocks/enhanceSource.js +5 -5
- package/dist/cjs/blocks/index.js +6 -4
- package/dist/cjs/blocks/mdx.js +17 -9
- package/dist/cjs/blocks/useStory.js +8 -6
- package/dist/cjs/blocks/utils.js +3 -3
- package/dist/cjs/frameworks/angular/compodoc.js +8 -8
- package/dist/cjs/frameworks/angular/config.js +1 -1
- package/dist/cjs/frameworks/angular/index.js +2 -0
- package/dist/cjs/frameworks/angular/prepareForInline.js +2 -2
- package/dist/cjs/frameworks/angular/sourceDecorator.js +7 -7
- package/dist/cjs/frameworks/common/config.js +8 -8
- package/dist/cjs/frameworks/common/preset.js +157 -111
- package/dist/cjs/frameworks/ember/jsondoc.js +3 -1
- package/dist/cjs/frameworks/html/sourceDecorator.js +2 -2
- package/dist/cjs/frameworks/react/config.js +1 -1
- package/dist/cjs/frameworks/react/extractArgTypes.js +2 -0
- package/dist/cjs/frameworks/react/extractProps.js +2 -2
- package/dist/cjs/frameworks/react/jsxDecorator.js +12 -10
- package/dist/cjs/frameworks/react/lib/captions.js +1 -1
- package/dist/cjs/frameworks/react/lib/componentTypes.js +1 -1
- package/dist/cjs/frameworks/react/lib/defaultValues/createFromRawDefaultProp.js +7 -7
- package/dist/cjs/frameworks/react/lib/defaultValues/index.js +2 -0
- package/dist/cjs/frameworks/react/lib/defaultValues/prettyIdentifier.js +2 -2
- package/dist/cjs/frameworks/react/lib/generateCode.js +3 -3
- package/dist/cjs/frameworks/react/lib/index.js +2 -0
- package/dist/cjs/frameworks/react/lib/inspection/acornParser.js +7 -7
- package/dist/cjs/frameworks/react/lib/inspection/index.js +2 -0
- package/dist/cjs/frameworks/react/propTypes/createType.js +4 -2
- package/dist/cjs/frameworks/react/propTypes/generateFuncSignature.js +2 -2
- package/dist/cjs/frameworks/react/propTypes/sortProps.js +2 -0
- package/dist/cjs/frameworks/react/react-argtypes.stories.js +10 -8
- package/dist/cjs/frameworks/svelte/config.js +1 -1
- package/dist/cjs/frameworks/svelte/extractArgTypes.js +4 -1
- package/dist/cjs/frameworks/svelte/prepareForInline.js +1 -2
- package/dist/cjs/frameworks/svelte/preset.js +2 -2
- package/dist/cjs/frameworks/svelte/sourceDecorator.js +7 -5
- package/dist/cjs/frameworks/svelte/svelte-docgen-loader.js +7 -7
- package/dist/cjs/frameworks/vue/config.js +1 -1
- package/dist/cjs/frameworks/vue/extractArgTypes.js +6 -4
- package/dist/cjs/frameworks/vue/preset.js +2 -0
- package/dist/cjs/frameworks/vue/sourceDecorator.js +12 -12
- package/dist/cjs/frameworks/vue3/extractArgTypes.js +2 -0
- package/dist/cjs/frameworks/vue3/prepareForInline.js +5 -5
- package/dist/cjs/frameworks/vue3/preset.js +2 -0
- package/dist/cjs/frameworks/web-components/custom-elements.js +5 -3
- package/dist/cjs/frameworks/web-components/prepareForInline.js +8 -8
- package/dist/cjs/frameworks/web-components/sourceDecorator.js +2 -2
- package/dist/cjs/index.js +2 -0
- package/dist/cjs/lib/convert/flow/convert.js +3 -1
- package/dist/cjs/lib/convert/flow/index.js +2 -0
- package/dist/cjs/lib/convert/proptypes/convert.js +2 -2
- package/dist/cjs/lib/convert/proptypes/index.js +2 -0
- package/dist/cjs/lib/convert/typescript/convert.js +2 -0
- package/dist/cjs/lib/convert/typescript/index.js +2 -0
- package/dist/cjs/lib/convert/utils.js +2 -2
- package/dist/cjs/lib/docgen/createPropDef.js +3 -1
- package/dist/cjs/lib/docgen/extractDocgenProps.js +3 -1
- package/dist/cjs/lib/docgen/flow/createType.js +2 -2
- package/dist/cjs/lib/docgen/index.js +2 -0
- package/dist/cjs/lib/docgen/typeScript/createType.js +2 -2
- package/dist/cjs/lib/docgen/utils/defaultValue.js +3 -0
- package/dist/cjs/lib/docgen/utils/docgenInfo.js +2 -2
- package/dist/cjs/lib/docgen/utils/index.js +2 -0
- package/dist/cjs/lib/index.js +2 -0
- package/dist/cjs/lib/jsdocParser.js +2 -2
- package/dist/cjs/lib/utils.js +6 -5
- package/dist/esm/blocks/ArgsTable.js +5 -3
- package/dist/esm/blocks/Canvas.js +5 -3
- package/dist/esm/blocks/DocsContainer.js +3 -2
- package/dist/esm/blocks/Heading.js +1 -1
- package/dist/esm/blocks/Meta.js +3 -2
- package/dist/esm/blocks/Primary.js +1 -0
- package/dist/esm/blocks/Source.js +1 -0
- package/dist/esm/blocks/SourceContainer.js +3 -2
- package/dist/esm/blocks/Stories.js +7 -0
- package/dist/esm/blocks/Story.js +4 -3
- package/dist/esm/blocks/Subheading.js +1 -1
- package/dist/esm/blocks/Title.js +1 -1
- package/dist/esm/blocks/enhanceSource.js +3 -3
- package/dist/esm/blocks/mdx.js +15 -8
- package/dist/esm/blocks/useStory.js +15 -15
- package/dist/esm/blocks/utils.js +1 -1
- package/dist/esm/frameworks/angular/compodoc.js +4 -4
- package/dist/esm/frameworks/angular/prepareForInline.js +1 -1
- package/dist/esm/frameworks/angular/sourceDecorator.js +1 -1
- package/dist/esm/frameworks/common/config.js +1 -1
- package/dist/esm/frameworks/common/preset.js +153 -109
- package/dist/esm/frameworks/ember/jsondoc.js +1 -0
- package/dist/esm/frameworks/html/sourceDecorator.js +2 -2
- package/dist/esm/frameworks/react/extractArgTypes.js +1 -0
- package/dist/esm/frameworks/react/extractProps.js +1 -1
- package/dist/esm/frameworks/react/jsxDecorator.js +5 -4
- package/dist/esm/frameworks/react/lib/defaultValues/createFromRawDefaultProp.js +3 -3
- package/dist/esm/frameworks/react/lib/generateCode.js +1 -1
- package/dist/esm/frameworks/react/lib/inspection/acornParser.js +2 -2
- package/dist/esm/frameworks/react/propTypes/createType.js +2 -1
- package/dist/esm/frameworks/react/propTypes/generateFuncSignature.js +1 -1
- package/dist/esm/frameworks/react/propTypes/sortProps.js +1 -0
- package/dist/esm/frameworks/react/react-argtypes.stories.js +4 -3
- package/dist/esm/frameworks/svelte/extractArgTypes.js +2 -0
- package/dist/esm/frameworks/svelte/prepareForInline.js +2 -3
- package/dist/esm/frameworks/svelte/preset.js +1 -1
- package/dist/esm/frameworks/svelte/sourceDecorator.js +4 -3
- package/dist/esm/frameworks/svelte/svelte-docgen-loader.js +1 -1
- package/dist/esm/frameworks/vue/extractArgTypes.js +4 -3
- package/dist/esm/frameworks/vue/preset.js +1 -0
- package/dist/esm/frameworks/vue/sourceDecorator.js +6 -6
- package/dist/esm/frameworks/vue3/extractArgTypes.js +1 -0
- package/dist/esm/frameworks/vue3/preset.js +1 -0
- package/dist/esm/frameworks/web-components/custom-elements.js +2 -1
- package/dist/esm/frameworks/web-components/prepareForInline.js +6 -6
- package/dist/esm/frameworks/web-components/sourceDecorator.js +1 -1
- package/dist/esm/lib/convert/flow/convert.js +2 -1
- package/dist/esm/lib/convert/proptypes/convert.js +1 -1
- package/dist/esm/lib/convert/typescript/convert.js +1 -0
- package/dist/esm/lib/convert/utils.js +1 -1
- package/dist/esm/lib/docgen/createPropDef.js +1 -0
- package/dist/esm/lib/docgen/extractDocgenProps.js +1 -0
- package/dist/esm/lib/docgen/flow/createType.js +1 -1
- package/dist/esm/lib/docgen/typeScript/createType.js +1 -1
- package/dist/esm/lib/docgen/utils/defaultValue.js +1 -0
- package/dist/esm/lib/jsdocParser.js +1 -1
- package/dist/esm/lib/utils.js +1 -1
- package/dist/modern/blocks/Canvas.js +3 -1
- package/dist/modern/blocks/Stories.js +5 -0
- package/dist/modern/blocks/mdx.js +12 -7
- package/dist/modern/frameworks/common/preset.js +10 -9
- package/dist/modern/frameworks/html/sourceDecorator.js +2 -2
- package/dist/modern/frameworks/react/jsxDecorator.js +3 -1
- package/dist/modern/frameworks/react/lib/inspection/acornParser.js +1 -2
- package/dist/modern/frameworks/svelte/extractArgTypes.js +1 -0
- package/dist/modern/frameworks/svelte/prepareForInline.js +2 -3
- package/dist/modern/frameworks/vue/extractArgTypes.js +1 -1
- package/dist/ts3.4/frameworks/angular/config.d.ts +0 -1
- package/dist/ts3.4/frameworks/common/config.d.ts +0 -1
- package/dist/ts3.4/frameworks/common/preset.d.ts +12 -1
- package/dist/ts3.4/frameworks/svelte/config.d.ts +0 -1
- package/dist/ts3.4/frameworks/vue/config.d.ts +0 -1
- package/dist/ts3.4/frameworks/vue3/config.d.ts +0 -1
- package/dist/ts3.4/frameworks/web-components/config.d.ts +0 -1
- package/dist/ts3.9/frameworks/angular/config.d.ts +0 -1
- package/dist/ts3.9/frameworks/common/config.d.ts +0 -1
- package/dist/ts3.9/frameworks/common/preset.d.ts +12 -1
- package/dist/ts3.9/frameworks/svelte/config.d.ts +0 -1
- package/dist/ts3.9/frameworks/vue/config.d.ts +0 -1
- package/dist/ts3.9/frameworks/vue3/config.d.ts +0 -1
- package/dist/ts3.9/frameworks/web-components/config.d.ts +0 -1
- package/package.json +36 -39
- package/register.js +1 -0
- package/{dist/cjs/frameworks/svelte → svelte}/HOC.svelte +0 -0
- package/dist/cjs/frameworks/svelte/sample/MockButton.svelte +0 -45
- package/dist/cjs/typings.d.js +0 -1
- package/dist/esm/frameworks/svelte/HOC.svelte +0 -7
- package/dist/esm/frameworks/svelte/sample/MockButton.svelte +0 -45
- package/dist/esm/typings.d.js +0 -0
- package/dist/modern/frameworks/svelte/HOC.svelte +0 -7
- package/dist/modern/frameworks/svelte/sample/MockButton.svelte +0 -45
- package/dist/modern/typings.d.js +0 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@storybook/addon-docs",
|
|
3
|
-
"version": "6.5.0-alpha.
|
|
3
|
+
"version": "6.5.0-alpha.40",
|
|
4
4
|
"description": "Document component usage and properties in Markdown",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"addon",
|
|
@@ -40,6 +40,7 @@
|
|
|
40
40
|
"common/**/*",
|
|
41
41
|
"ember/**/*",
|
|
42
42
|
"html/**/*",
|
|
43
|
+
"svelte/**/*",
|
|
43
44
|
"postinstall/**/*",
|
|
44
45
|
"react/**/*",
|
|
45
46
|
"vue/**/*",
|
|
@@ -63,21 +64,21 @@
|
|
|
63
64
|
"@mdx-js/loader": "^1.6.22",
|
|
64
65
|
"@mdx-js/mdx": "^1.6.22",
|
|
65
66
|
"@mdx-js/react": "^1.6.22",
|
|
66
|
-
"@storybook/addons": "6.5.0-alpha.
|
|
67
|
-
"@storybook/api": "6.5.0-alpha.
|
|
68
|
-
"@storybook/builder-webpack4": "6.5.0-alpha.
|
|
69
|
-
"@storybook/client-logger": "6.5.0-alpha.
|
|
70
|
-
"@storybook/components": "6.5.0-alpha.
|
|
71
|
-
"@storybook/core": "6.5.0-alpha.
|
|
72
|
-
"@storybook/core-events": "6.5.0-alpha.
|
|
67
|
+
"@storybook/addons": "6.5.0-alpha.40",
|
|
68
|
+
"@storybook/api": "6.5.0-alpha.40",
|
|
69
|
+
"@storybook/builder-webpack4": "6.5.0-alpha.40",
|
|
70
|
+
"@storybook/client-logger": "6.5.0-alpha.40",
|
|
71
|
+
"@storybook/components": "6.5.0-alpha.40",
|
|
72
|
+
"@storybook/core": "6.5.0-alpha.40",
|
|
73
|
+
"@storybook/core-events": "6.5.0-alpha.40",
|
|
73
74
|
"@storybook/csf": "0.0.2--canary.87bc651.0",
|
|
74
|
-
"@storybook/csf-tools": "6.5.0-alpha.
|
|
75
|
-
"@storybook/node-logger": "6.5.0-alpha.
|
|
76
|
-
"@storybook/postinstall": "6.5.0-alpha.
|
|
77
|
-
"@storybook/preview-web": "6.5.0-alpha.
|
|
78
|
-
"@storybook/source-loader": "6.5.0-alpha.
|
|
79
|
-
"@storybook/store": "6.5.0-alpha.
|
|
80
|
-
"@storybook/theming": "6.5.0-alpha.
|
|
75
|
+
"@storybook/csf-tools": "6.5.0-alpha.40",
|
|
76
|
+
"@storybook/node-logger": "6.5.0-alpha.40",
|
|
77
|
+
"@storybook/postinstall": "6.5.0-alpha.40",
|
|
78
|
+
"@storybook/preview-web": "6.5.0-alpha.40",
|
|
79
|
+
"@storybook/source-loader": "6.5.0-alpha.40",
|
|
80
|
+
"@storybook/store": "6.5.0-alpha.40",
|
|
81
|
+
"@storybook/theming": "6.5.0-alpha.40",
|
|
81
82
|
"acorn": "^7.4.1",
|
|
82
83
|
"acorn-jsx": "^5.3.1",
|
|
83
84
|
"acorn-walk": "^7.2.0",
|
|
@@ -92,7 +93,7 @@
|
|
|
92
93
|
"lodash": "^4.17.21",
|
|
93
94
|
"nanoid": "^3.1.23",
|
|
94
95
|
"p-limit": "^3.1.0",
|
|
95
|
-
"prettier": "
|
|
96
|
+
"prettier": ">=2.2.1 <=2.3.0",
|
|
96
97
|
"prop-types": "^15.7.2",
|
|
97
98
|
"react-element-to-jsx-string": "^14.3.4",
|
|
98
99
|
"regenerator-runtime": "^0.13.7",
|
|
@@ -106,11 +107,11 @@
|
|
|
106
107
|
"@babel/core": "^7.12.10",
|
|
107
108
|
"@emotion/core": "^10.3.1",
|
|
108
109
|
"@emotion/styled": "^10.0.27",
|
|
109
|
-
"@storybook/angular": "6.5.0-alpha.
|
|
110
|
-
"@storybook/html": "6.5.0-alpha.
|
|
111
|
-
"@storybook/react": "6.5.0-alpha.
|
|
112
|
-
"@storybook/vue": "6.5.0-alpha.
|
|
113
|
-
"@storybook/web-components": "6.5.0-alpha.
|
|
110
|
+
"@storybook/angular": "6.5.0-alpha.40",
|
|
111
|
+
"@storybook/html": "6.5.0-alpha.40",
|
|
112
|
+
"@storybook/react": "6.5.0-alpha.40",
|
|
113
|
+
"@storybook/vue": "6.5.0-alpha.40",
|
|
114
|
+
"@storybook/web-components": "6.5.0-alpha.40",
|
|
114
115
|
"@types/cross-spawn": "^6.0.2",
|
|
115
116
|
"@types/doctrine": "^0.0.3",
|
|
116
117
|
"@types/enzyme": "^3.10.8",
|
|
@@ -131,7 +132,7 @@
|
|
|
131
132
|
"require-from-string": "^2.0.2",
|
|
132
133
|
"rxjs": "^6.6.3",
|
|
133
134
|
"styled-components": "^5.2.1",
|
|
134
|
-
"
|
|
135
|
+
"sveltedoc-parser": "4.1.0",
|
|
135
136
|
"tmp": "^0.2.1",
|
|
136
137
|
"tslib": "^2.1.0",
|
|
137
138
|
"vue": "^2.6.10",
|
|
@@ -139,29 +140,25 @@
|
|
|
139
140
|
"webpack": "4",
|
|
140
141
|
"zone.js": "^0.11.3"
|
|
141
142
|
},
|
|
142
|
-
"peerDependencies": {
|
|
143
|
-
"@storybook/angular": "6.5.0-alpha.4",
|
|
144
|
-
"@storybook/html": "6.5.0-alpha.4",
|
|
145
|
-
"@storybook/react": "6.5.0-alpha.4",
|
|
146
|
-
"@storybook/vue": "6.5.0-alpha.4",
|
|
147
|
-
"@storybook/vue3": "6.5.0-alpha.4",
|
|
148
|
-
"@storybook/web-components": "6.5.0-alpha.4",
|
|
149
|
-
"lit": "^2.0.0",
|
|
150
|
-
"lit-html": "^1.4.1 || ^2.0.0",
|
|
151
|
-
"react": "^16.8.0 || ^17.0.0",
|
|
152
|
-
"react-dom": "^16.8.0 || ^17.0.0",
|
|
153
|
-
"svelte": "^3.31.2",
|
|
154
|
-
"sveltedoc-parser": "^4.1.0",
|
|
155
|
-
"vue": "^2.6.10 || ^3.0.0",
|
|
156
|
-
"webpack": "*"
|
|
157
|
-
},
|
|
158
143
|
"peerDependenciesMeta": {
|
|
159
144
|
"@storybook/angular": {
|
|
160
145
|
"optional": true
|
|
161
146
|
},
|
|
147
|
+
"@storybook/builder-webpack4": {
|
|
148
|
+
"optional": true
|
|
149
|
+
},
|
|
150
|
+
"@storybook/builder-webpack5": {
|
|
151
|
+
"optional": true
|
|
152
|
+
},
|
|
162
153
|
"@storybook/html": {
|
|
163
154
|
"optional": true
|
|
164
155
|
},
|
|
156
|
+
"@storybook/manager-webpack4": {
|
|
157
|
+
"optional": true
|
|
158
|
+
},
|
|
159
|
+
"@storybook/manager-webpack5": {
|
|
160
|
+
"optional": true
|
|
161
|
+
},
|
|
165
162
|
"@storybook/react": {
|
|
166
163
|
"optional": true
|
|
167
164
|
},
|
|
@@ -202,7 +199,7 @@
|
|
|
202
199
|
"publishConfig": {
|
|
203
200
|
"access": "public"
|
|
204
201
|
},
|
|
205
|
-
"gitHead": "
|
|
202
|
+
"gitHead": "ffb3402ee40562579d45dbcf7870a1a8372ac0dd",
|
|
206
203
|
"sbmodern": "dist/modern/index.js",
|
|
207
204
|
"storybook": {
|
|
208
205
|
"displayName": "Docs",
|
package/register.js
CHANGED
|
File without changes
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
<script>
|
|
2
|
-
import { createEventDispatcher, afterUpdate } from 'svelte';
|
|
3
|
-
export let text = '';
|
|
4
|
-
export let rounded = true;
|
|
5
|
-
|
|
6
|
-
const dispatch = createEventDispatcher();
|
|
7
|
-
|
|
8
|
-
function onClick(event) {
|
|
9
|
-
rounded = !rounded;
|
|
10
|
-
|
|
11
|
-
/**
|
|
12
|
-
* Click Event
|
|
13
|
-
*/
|
|
14
|
-
dispatch('click', event);
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
afterUpdate(() => {
|
|
18
|
-
/**
|
|
19
|
-
* After Update
|
|
20
|
-
*/
|
|
21
|
-
dispatch('afterUpdate');
|
|
22
|
-
});
|
|
23
|
-
</script>
|
|
24
|
-
|
|
25
|
-
<style>
|
|
26
|
-
.rounded {
|
|
27
|
-
border-radius: 35px;
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
.button {
|
|
31
|
-
border: 3px solid;
|
|
32
|
-
padding: 10px 20px;
|
|
33
|
-
background-color: white;
|
|
34
|
-
outline: none;
|
|
35
|
-
}
|
|
36
|
-
</style>
|
|
37
|
-
|
|
38
|
-
<svelte:options accessors={true} />
|
|
39
|
-
<button class="button" class:rounded on:click={onClick}>
|
|
40
|
-
<strong>{rounded ? 'Round' : 'Square'} corners</strong>
|
|
41
|
-
<br />
|
|
42
|
-
{text}
|
|
43
|
-
<!-- Default Slot -->
|
|
44
|
-
<slot {rounded}/>
|
|
45
|
-
</button>
|
package/dist/cjs/typings.d.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
<script>
|
|
2
|
-
import { createEventDispatcher, afterUpdate } from 'svelte';
|
|
3
|
-
export let text = '';
|
|
4
|
-
export let rounded = true;
|
|
5
|
-
|
|
6
|
-
const dispatch = createEventDispatcher();
|
|
7
|
-
|
|
8
|
-
function onClick(event) {
|
|
9
|
-
rounded = !rounded;
|
|
10
|
-
|
|
11
|
-
/**
|
|
12
|
-
* Click Event
|
|
13
|
-
*/
|
|
14
|
-
dispatch('click', event);
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
afterUpdate(() => {
|
|
18
|
-
/**
|
|
19
|
-
* After Update
|
|
20
|
-
*/
|
|
21
|
-
dispatch('afterUpdate');
|
|
22
|
-
});
|
|
23
|
-
</script>
|
|
24
|
-
|
|
25
|
-
<style>
|
|
26
|
-
.rounded {
|
|
27
|
-
border-radius: 35px;
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
.button {
|
|
31
|
-
border: 3px solid;
|
|
32
|
-
padding: 10px 20px;
|
|
33
|
-
background-color: white;
|
|
34
|
-
outline: none;
|
|
35
|
-
}
|
|
36
|
-
</style>
|
|
37
|
-
|
|
38
|
-
<svelte:options accessors={true} />
|
|
39
|
-
<button class="button" class:rounded on:click={onClick}>
|
|
40
|
-
<strong>{rounded ? 'Round' : 'Square'} corners</strong>
|
|
41
|
-
<br />
|
|
42
|
-
{text}
|
|
43
|
-
<!-- Default Slot -->
|
|
44
|
-
<slot {rounded}/>
|
|
45
|
-
</button>
|
package/dist/esm/typings.d.js
DELETED
|
File without changes
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
<script>
|
|
2
|
-
import { createEventDispatcher, afterUpdate } from 'svelte';
|
|
3
|
-
export let text = '';
|
|
4
|
-
export let rounded = true;
|
|
5
|
-
|
|
6
|
-
const dispatch = createEventDispatcher();
|
|
7
|
-
|
|
8
|
-
function onClick(event) {
|
|
9
|
-
rounded = !rounded;
|
|
10
|
-
|
|
11
|
-
/**
|
|
12
|
-
* Click Event
|
|
13
|
-
*/
|
|
14
|
-
dispatch('click', event);
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
afterUpdate(() => {
|
|
18
|
-
/**
|
|
19
|
-
* After Update
|
|
20
|
-
*/
|
|
21
|
-
dispatch('afterUpdate');
|
|
22
|
-
});
|
|
23
|
-
</script>
|
|
24
|
-
|
|
25
|
-
<style>
|
|
26
|
-
.rounded {
|
|
27
|
-
border-radius: 35px;
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
.button {
|
|
31
|
-
border: 3px solid;
|
|
32
|
-
padding: 10px 20px;
|
|
33
|
-
background-color: white;
|
|
34
|
-
outline: none;
|
|
35
|
-
}
|
|
36
|
-
</style>
|
|
37
|
-
|
|
38
|
-
<svelte:options accessors={true} />
|
|
39
|
-
<button class="button" class:rounded on:click={onClick}>
|
|
40
|
-
<strong>{rounded ? 'Round' : 'Square'} corners</strong>
|
|
41
|
-
<br />
|
|
42
|
-
{text}
|
|
43
|
-
<!-- Default Slot -->
|
|
44
|
-
<slot {rounded}/>
|
|
45
|
-
</button>
|
package/dist/modern/typings.d.js
DELETED
|
File without changes
|