@storybook/web-components 10.4.0-alpha.2 → 10.4.0-alpha.3

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.
Files changed (6) hide show
  1. package/dist/index.d.ts +2 -2
  2. package/dist/preset.js +6 -6
  3. package/package.json +2 -2
  4. package/template/cli/js/Header.js +10 -8
  5. package/template/cli/ts/Header.ts +10 -8
  6. package/template/stories/demo-wc-card/DemoWcCard.js +6 -4
package/dist/index.d.ts CHANGED
@@ -1,7 +1,7 @@
1
- import { WebRenderer, StrictArgs, DecoratorFunction, LoaderFunction, Args, ComponentAnnotations, ProjectAnnotations, StoryContext as StoryContext$1, AnnotatedStoryFn, StoryAnnotations, NamedOrDefaultProjectAnnotations, NormalizedProjectAnnotations, Renderer, ArgsStoryFn } from 'storybook/internal/types';
1
+ import { WebRenderer, Args, ComponentAnnotations, AnnotatedStoryFn, StoryAnnotations, StrictArgs, DecoratorFunction, LoaderFunction, StoryContext as StoryContext$1, ProjectAnnotations, NamedOrDefaultProjectAnnotations, NormalizedProjectAnnotations, Renderer, ArgsStoryFn } from 'storybook/internal/types';
2
2
  export { ArgTypes, Args, Parameters, StrictArgs } from 'storybook/internal/types';
3
3
  import { TemplateResult, SVGTemplateResult } from 'lit';
4
- import { Meta as Meta$1, Story, AddonTypes, Preview as Preview$1, PreviewAddon, InferTypes } from 'storybook/internal/csf';
4
+ import { PreviewAddon, InferTypes, AddonTypes, Preview as Preview$1, Meta as Meta$1, Story } from 'storybook/internal/csf';
5
5
 
6
6
  type StoryFnHtmlReturnType = string | Node | DocumentFragment | TemplateResult | SVGTemplateResult;
7
7
  interface WebComponentsRenderer extends WebRenderer {
package/dist/preset.js CHANGED
@@ -1,10 +1,10 @@
1
- import CJS_COMPAT_NODE_URL_vd8g1hhkme from 'node:url';
2
- import CJS_COMPAT_NODE_PATH_vd8g1hhkme from 'node:path';
3
- import CJS_COMPAT_NODE_MODULE_vd8g1hhkme from "node:module";
1
+ import CJS_COMPAT_NODE_URL_aqqd23izjv6 from 'node:url';
2
+ import CJS_COMPAT_NODE_PATH_aqqd23izjv6 from 'node:path';
3
+ import CJS_COMPAT_NODE_MODULE_aqqd23izjv6 from "node:module";
4
4
 
5
- var __filename = CJS_COMPAT_NODE_URL_vd8g1hhkme.fileURLToPath(import.meta.url);
6
- var __dirname = CJS_COMPAT_NODE_PATH_vd8g1hhkme.dirname(__filename);
7
- var require = CJS_COMPAT_NODE_MODULE_vd8g1hhkme.createRequire(import.meta.url);
5
+ var __filename = CJS_COMPAT_NODE_URL_aqqd23izjv6.fileURLToPath(import.meta.url);
6
+ var __dirname = CJS_COMPAT_NODE_PATH_aqqd23izjv6.dirname(__filename);
7
+ var require = CJS_COMPAT_NODE_MODULE_aqqd23izjv6.createRequire(import.meta.url);
8
8
 
9
9
  // ------------------------------------------------------------
10
10
  // end of CJS compatibility banner, injected by Storybook's esbuild configuration
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@storybook/web-components",
3
- "version": "10.4.0-alpha.2",
3
+ "version": "10.4.0-alpha.3",
4
4
  "description": "Storybook Web Components renderer: Develop, document, and test UI components in isolation",
5
5
  "keywords": [
6
6
  "storybook",
@@ -63,7 +63,7 @@
63
63
  },
64
64
  "peerDependencies": {
65
65
  "lit": "^2.0.0 || ^3.0.0",
66
- "storybook": "^10.4.0-alpha.2"
66
+ "storybook": "^10.4.0-alpha.3"
67
67
  },
68
68
  "publishConfig": {
69
69
  "access": "public"
package/template/cli/js/Header.js CHANGED
@@ -26,19 +26,21 @@ export const Header = ({ user, onLogin, onLogout, onCreateAccount }) => html`
26
26
  <h1>Acme</h1>
27
27
  </div>
28
28
  <div>
29
- ${user
30
- ? Button({ size: 'small', onClick: onLogout, label: 'Log out' })
31
- : html`${Button({
32
- size: 'small',
33
- onClick: onLogin,
34
- label: 'Log in',
35
- })}
29
+ ${
30
+ user
31
+ ? Button({ size: 'small', onClick: onLogout, label: 'Log out' })
32
+ : html`${Button({
33
+ size: 'small',
34
+ onClick: onLogin,
35
+ label: 'Log in',
36
+ })}
36
37
  ${Button({
37
38
  primary: true,
38
39
  size: 'small',
39
40
  onClick: onCreateAccount,
40
41
  label: 'Sign up',
41
- })}`}
42
+ })}`
43
+ }
42
44
  </div>
43
45
  </div>
44
46
  </header>
package/template/cli/ts/Header.ts CHANGED
@@ -37,19 +37,21 @@ export const Header = ({ user, onLogin, onLogout, onCreateAccount }: HeaderProps
37
37
  <h1>Acme</h1>
38
38
  </div>
39
39
  <div>
40
- ${user
41
- ? Button({ size: 'small', onClick: onLogout, label: 'Log out' })
42
- : html`${Button({
43
- size: 'small',
44
- onClick: onLogin,
45
- label: 'Log in',
46
- })}
40
+ ${
41
+ user
42
+ ? Button({ size: 'small', onClick: onLogout, label: 'Log out' })
43
+ : html`${Button({
44
+ size: 'small',
45
+ onClick: onLogin,
46
+ label: 'Log in',
47
+ })}
47
48
  ${Button({
48
49
  primary: true,
49
50
  size: 'small',
50
51
  onClick: onCreateAccount,
51
52
  label: 'Sign up',
52
- })}`}
53
+ })}`
54
+ }
53
55
  </div>
54
56
  </div>
55
57
  </header>
package/template/stories/demo-wc-card/DemoWcCard.js CHANGED
@@ -67,9 +67,10 @@ export class DemoWcCard extends LitElement {
67
67
  <div class="header"><slot name="prefix"></slot> ${this.header}</div>
68
68
 
69
69
  <div class="content">
70
- ${this.rows.length === 0
71
- ? html``
72
- : html`
70
+ ${
71
+ this.rows.length === 0
72
+ ? html``
73
+ : html`
73
74
  <dl>
74
75
  ${this.rows.map(
75
76
  (row) => html`
@@ -78,7 +79,8 @@ export class DemoWcCard extends LitElement {
78
79
  `
79
80
  )}
80
81
  </dl>
81
- `}
82
+ `
83
+ }
82
84
  </div>
83
85
  <div class="footer">
84
86
  <div class="note">B</div>