@storybook/web-components - npm Package Compare versions

Comparing version 0.0.0-pr-28882-sha-e607100a to 0.0.0-pr-28920-sha-480f404a

dist/index.d.ts

@@ -31,5 +31,3 @@ import { Args, ComponentAnnotations, AnnotatedStoryFn, StoryAnnotations, StrictArgs, DecoratorFunction, LoaderFunction, StoryContext as StoryContext$1, ProjectAnnotations } from 'storybook/internal/types';
 declare function isValidMetaData(customElements: any): boolean;
-/**
- * @param customElements any for now as spec is not super stable yet
- */
+/** @param customElements `any` for now as spec is not super stable yet */
 declare function setCustomElements(customElements: any): void;
@@ -36,0 +34,0 @@ declare function setCustomElementsManifest(customElements: any): void;

package.json

 {
   "name": "@storybook/web-components",
-  "version": "0.0.0-pr-28882-sha-e607100a",
+  "version": "0.0.0-pr-28920-sha-480f404a",
   "description": "Storybook web-components renderer",
@@ -53,7 +53,7 @@ "keywords": [
   "dependencies": {
-    "@storybook/components": "^0.0.0-pr-28882-sha-e607100a",
+    "@storybook/components": "^0.0.0-pr-28920-sha-480f404a",
     "@storybook/global": "^5.0.0",
-    "@storybook/manager-api": "^0.0.0-pr-28882-sha-e607100a",
-    "@storybook/preview-api": "^0.0.0-pr-28882-sha-e607100a",
-    "@storybook/theming": "^0.0.0-pr-28882-sha-e607100a",
+    "@storybook/manager-api": "^0.0.0-pr-28920-sha-480f404a",
+    "@storybook/preview-api": "^0.0.0-pr-28920-sha-480f404a",
+    "@storybook/theming": "^0.0.0-pr-28920-sha-480f404a",
     "tiny-invariant": "^1.3.1",
@@ -72,3 +72,3 @@ "ts-dedent": "^2.0.0"
     "lit": "^2.0.0 || ^3.0.0",
-    "storybook": "^0.0.0-pr-28882-sha-e607100a"
+    "storybook": "^0.0.0-pr-28920-sha-480f404a"
   },
@@ -75,0 +75,0 @@ "engines": {

template/cli/js/Button.js

@@ -6,5 +6,3 @@ import { html } from 'lit';
 
-/**
- * Primary UI component for user interaction
- */
+/** Primary UI component for user interaction */
 export const Button = ({ primary, backgroundColor = null, size, label, onClick }) => {
@@ -11,0 +9,0 @@ const mode = primary ? 'storybook-button--primary' : 'storybook-button--secondary';

template/cli/ts-3-8/Button.ts

@@ -7,26 +7,14 @@ import { html } from 'lit';
 export interface ButtonProps {
-  /**
-   * Is this the principal call to action on the page?
-   */
+  /** Is this the principal call to action on the page? */
   primary?: boolean;
-  /**
-   * What background color to use
-   */
+  /** What background color to use */
   backgroundColor?: string;
-  /**
-   * How large should the button be?
-   */
+  /** How large should the button be? */
   size?: 'small' | 'medium' | 'large';
-  /**
-   * Button contents
-   */
+  /** Button contents */
   label: string;
-  /**
-   * Optional click handler
-   */
+  /** Optional click handler */
   onClick?: () => void;
 }
-/**
- * Primary UI component for user interaction
- */
+/** Primary UI component for user interaction */
 export const Button = ({ primary, backgroundColor, size, label, onClick }: ButtonProps) => {
@@ -33,0 +21,0 @@ const mode = primary ? 'storybook-button--primary' : 'storybook-button--secondary';

template/cli/ts-4-9/Button.ts

@@ -7,26 +7,14 @@ import { html } from 'lit';
 export interface ButtonProps {
-  /**
-   * Is this the principal call to action on the page?
-   */
+  /** Is this the principal call to action on the page? */
   primary?: boolean;
-  /**
-   * What background color to use
-   */
+  /** What background color to use */
   backgroundColor?: string;
-  /**
-   * How large should the button be?
-   */
+  /** How large should the button be? */
   size?: 'small' | 'medium' | 'large';
-  /**
-   * Button contents
-   */
+  /** Button contents */
   label: string;
-  /**
-   * Optional click handler
-   */
+  /** Optional click handler */
   onClick?: () => void;
 }
-/**
- * Primary UI component for user interaction
- */
+/** Primary UI component for user interaction */
 export const Button = ({ primary, backgroundColor, size, label, onClick }: ButtonProps) => {
@@ -33,0 +21,0 @@ const mode = primary ? 'storybook-button--primary' : 'storybook-button--secondary';

template/components/Button.js

@@ -8,2 +8,3 @@ import { global as globalThis } from '@storybook/global';
 /**
+ * @property {boolean} primary - Set button in primary mode
  * @attr {string} label - Label of the button
@@ -13,6 +14,3 @@ * @attr {string} size - Size of the button, can be "small", "medium" or "large"; default is "medium".
  *
- * @cssprop [--sb-primary-color=#1ea7fd] - Controls the color of bar
- *
- * @prop {boolean} primary - Set button in primary mode
- *
+ * @cssprop [--sb-primary-color=#1ea7fd] - Controls the color of bar. Default is `#1ea7fd`
  * @event {CustomEvent} sb-button:click - Custom event send when the button is clicked
@@ -19,0 +17,0 @@ *

template/components/Html.js

@@ -7,6 +7,3 @@ import { global as globalThis } from '@storybook/global';
 
-/**
- *
- * @tag sb-html
- */
+/** @tag sb-html */
 export class SbHtml extends LitElement {
@@ -13,0 +10,0 @@ static get properties() {

template/components/Pre.js

@@ -8,6 +8,3 @@ import { global as globalThis } from '@storybook/global';
 
-/**
- *
- * @tag sb-pre
- */
+/** @tag sb-pre */
 export class SbPre extends LitElement {
@@ -14,0 +11,0 @@ // Currently TS decorators are not reflected so we have to use static `properties` function

template/stories/demo-wc-card/DemoWcCard.js

@@ -12,4 +12,4 @@ import { global } from '@storybook/global';
  *
+ * @fires side-changed - Fires whenever it switches between front/back
  * @slot - This is an unnamed slot (the default slot)
- * @fires side-changed - Fires whenever it switches between front/back
  * @cssprop --demo-wc-card-header-font-size - Header font size
@@ -41,15 +41,9 @@ * @cssprop --demo-wc-card-front-color - Font color for front
 
-    /**
-     * Indicates that the back of the card is shown
-     */
+    /** Indicates that the back of the card is shown */
     this.backSide = false;
 
-    /**
-     * Header message
-     */
+    /** Header message */
     this.header = 'Your Message';
 
-    /**
-     * Data rows
-     */
+    /** Data rows */
     this.rows = [];
@@ -56,0 +50,0 @@ }

template/stories/preview.js

@@ -1,2 +0,1 @@
-// eslint-disable-next-line import/no-extraneous-dependencies
 import { setCustomElementsManifest } from '@storybook/web-components';
@@ -3,0 +2,0 @@

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

58436

decreased by-0.32%

Lines of code

1256

decreased by-3.31%

Dependency changes

• Updated@storybook/components@^0.0.0-pr-28920-sha-480f404a

• Updated@storybook/manager-api@^0.0.0-pr-28920-sha-480f404a

• Updated@storybook/preview-api@^0.0.0-pr-28920-sha-480f404a

• Updated@storybook/theming@^0.0.0-pr-28920-sha-480f404a