resolve warnings for storybook and api-extractor

Author: radium-v

packages/web-components/api-extractor.json

@@ -21,35 +21,14 @@
     "tsconfigFilePath": "./tsconfig.api-extractor.json"
   },
   "messages": {
-    "tsdocMessageReporting": {
-      "tsdoc-undefined-tag": {
-        "logLevel": "none"
-      },
-      "tsdoc-unsupported-tag": {
-        "logLevel": "none"
-      },
-      "tsdoc-param-tag-with-invalid-type": {
-        "logLevel": "none"
-      },
-      "tsdoc-param-tag-missing-hyphen": {
-        "logLevel": "none"
-      }
-    },
     "extractorMessageReporting": {
-      "ae-forgotten-export": {
-        "logLevel": "none"
-      },
       "ae-missing-release-tag": {
-        "logLevel": "none"
-      },
-      "ae-unresolved-link": {
-        "logLevel": "none"
-      },
-      "ae-internal-missing-underscore": {
-        "logLevel": "none"
+        "logLevel": "none",
+        "addToApiReportFile": true
       },
       "ae-different-release-tags": {
-        "logLevel": "none"
+        "logLevel": "none",
+        "addToApiReportFile": true
       }
     }
   }

packages/web-components/docs/api-report.md

@@ -1,7 +1,7 @@
 import { ElementViewTemplate, html, ref } from '@microsoft/fast-element';
 import { endSlotTemplate, startSlotTemplate } from '../patterns/index.js';
 import { staticallyCompose } from '../utils/index.js';
-import { AccordionItem, AccordionItemOptions } from './accordion-item.js';
+import type { AccordionItem, AccordionItemOptions } from './accordion-item.js';
 
 const chevronRight20Filled = html.partial(`<svg
   width="20"

packages/web-components/src/accordion-item/accordion-item.template.ts

@@ -37,7 +37,6 @@ export class AccordionItem extends FASTElement {
    * Configures the {@link https://www.w3.org/TR/wai-aria-1.1/#aria-level | level} of the
    * heading element.
    *
-   * @defaultValue 2
    * @public
    * @remarks
    * HTML attribute: heading-level
@@ -83,7 +82,6 @@ export class AccordionItem extends FASTElement {
    * Defines accordion header font size.
    *
    * @public
-   * @default 'medium'
    * @remarks
    * HTML Attribute: size
    */
@@ -104,9 +102,8 @@ export class AccordionItem extends FASTElement {
    * Sets expand and collapsed icon position.
    *
    * @public
-   * @default 'start'
    * @remarks
-   * HTML Attribute: expandIconPosition
+   * HTML Attribute: expand-icon-position
    */
   @attr({ attribute: 'expand-icon-position' })
   public expandIconPosition?: AccordionItemExpandIconPosition;

packages/web-components/src/accordion-item/accordion-item.ts

@@ -1,4 +1,5 @@
-export { AccordionItem, AccordionItemOptions } from './accordion-item.js';
+export { AccordionItem } from './accordion-item.js';
+export type { AccordionItemOptions } from './accordion-item.js';
 export { AccordionItemSize, AccordionItemExpandIconPosition } from './accordion-item.options.js';
 export { styles as accordionItemStyles } from './accordion-item.styles.js';
 export { definition as accordionItemDefinition } from './accordion-item.definition.js';

packages/web-components/src/accordion-item/index.ts

@@ -1,7 +1,7 @@
 import type { ValuesOf } from '../utils/index.js';
 
 /**
- * Expand mode for {@link FASTAccordion}
+ * Expand mode for {@link Accordion}
  * @public
  */
 export const AccordionExpandMode = {
@@ -10,7 +10,7 @@ export const AccordionExpandMode = {
 } as const;
 
 /**
- * Type for the {@link FASTAccordion} Expand Mode
+ * Type for the {@link Accordion} Expand Mode
  * @public
  */
 export type AccordionExpandMode = ValuesOf<typeof AccordionExpandMode>;

packages/web-components/src/accordion/accordion.options.ts

@@ -1,10 +1,5 @@
+export { definition as AnchorButtonDefinition } from './anchor-button.definition.js';
 export { AnchorButton } from './anchor-button.js';
-export {
-  AnchorButtonOptions,
-  AnchorButtonAppearance,
-  AnchorButtonShape,
-  AnchorButtonSize,
-  AnchorTarget,
-} from './anchor-button.options.js';
+export { AnchorButtonAppearance, AnchorButtonShape, AnchorButtonSize, AnchorTarget } from './anchor-button.options.js';
+export type { AnchorButtonOptions } from './anchor-button.options.js';
 export { template as AnchorButtonTemplate } from './anchor-button.template.js';
-export { definition as AnchorButtonDefinition } from './anchor-button.definition.js';

packages/web-components/src/anchor-button/index.ts

@@ -1,12 +1,6 @@
+export { definition as ButtonDefinition } from './button.definition.js';
 export { Button } from './button.js';
-export {
-  ButtonAppearance,
-  ButtonFormTarget,
-  ButtonShape,
-  ButtonSize,
-  ButtonType,
-  ButtonOptions,
-} from './button.options.js';
-export { template as ButtonTemplate } from './button.template.js';
+export { ButtonAppearance, ButtonFormTarget, ButtonShape, ButtonSize, ButtonType } from './button.options.js';
+export type { ButtonOptions } from './button.options.js';
 export { styles as ButtonStyles } from './button.styles.js';
-export { definition as ButtonDefinition } from './button.definition.js';
+export { template as ButtonTemplate } from './button.template.js';

packages/web-components/src/button/index.ts

@@ -31,7 +31,6 @@ export class Checkbox extends FormAssociatedCheckbox {
    * Sets shape of the checkbox.
    *
    * @public
-   * @default 'square'
    * @remarks
    * HTML Attribute: shape
    */
@@ -42,7 +41,6 @@ export class Checkbox extends FormAssociatedCheckbox {
    * Sets size of the checkbox.
    *
    * @public
-   * @default 'medium'
    * @remarks
    * HTML Attribute: size
    */
@@ -53,7 +51,6 @@ export class Checkbox extends FormAssociatedCheckbox {
    * Sets position of the label relative to the input
    *
    * @public
-   * @default 'after'
    * @remarks
    * HTML Attribute: label-position
    */

packages/web-components/src/checkbox/checkbox.ts

@@ -1,5 +1,6 @@
-export { Checkbox, CheckboxOptions } from './checkbox.js';
-export { CheckboxLabelPosition, CheckboxShape, CheckboxSize } from './checkbox.options.js';
 export { definition as CheckboxDefinition } from './checkbox.definition.js';
-export { template as CheckboxTemplate } from './checkbox.template.js';
+export { Checkbox } from './checkbox.js';
+export type { CheckboxOptions } from './checkbox.js';
+export { CheckboxLabelPosition, CheckboxShape, CheckboxSize } from './checkbox.options.js';
 export { styles as CheckboxStyles } from './checkbox.styles.js';
+export { template as CheckboxTemplate } from './checkbox.template.js';