docs(storybook): remove name of default slot to support custom-elements.json schema

iOvergaard · iOvergaard · commit b1a434625535 · 2022-03-16T12:20:50.000+01:00
diff --git a/packages/uui-avatar-group/lib/uui-avatar-group.element.ts b/packages/uui-avatar-group/lib/uui-avatar-group.element.ts
@@ -6,7 +6,7 @@ import { property, queryAssignedElements, state } from 'lit/decorators.js';
 /**
  * Group a set of avatars, set a limit to minimize the visual space.
  * @element uui-avatar-group
- * @slot default - Insert the uui-avatar elements in the default slot
+ * @slot - Insert the uui-avatar elements in the default slot
  */
 @defineElement('uui-avatar-group')
 export class UUIAvatarGroupElement extends LitElement {
diff --git a/packages/uui-avatar/lib/uui-avatar.element.ts b/packages/uui-avatar/lib/uui-avatar.element.ts
@@ -5,7 +5,7 @@ import { property, state } from 'lit/decorators.js';
 /**
  *  Avatar for displaying users
  *  @element uui-avatar
- *  @slot default - For anything other than initials (no more than 2-3 characters)
+ *  @slot - For anything other than initials (no more than 2-3 characters)
  */
 @defineElement('uui-avatar')
 export class UUIAvatarElement extends LitElement {
diff --git a/packages/uui-badge/lib/uui-badge.element.ts b/packages/uui-badge/lib/uui-badge.element.ts
@@ -6,7 +6,7 @@ import { property } from 'lit/decorators.js';
 /**
  *  A badge to notify that there is something that requires attention of the user. The badge is positioned with `position: absolute`. It will determine its position against the first ancestor with `position: relative`.
  *  @element uui-badge
- *  @slot default - The slot for badge contents
+ *  @slot - The slot for badge contents
  */
 @defineElement('uui-badge')
 export class UUIBadgeElement extends LitElement {
diff --git a/packages/uui-base/lib/mixins/LabelMixin.ts b/packages/uui-base/lib/mixins/LabelMixin.ts
@@ -22,7 +22,7 @@ export const LabelMixin = <T extends Constructor<LitElement>>(
   /**
    * Label mixin class containing the label functionality.
    *
-   * @slot default - Override the default label
+   * @slot - Override the default label
    */
   class LabelMixinClass extends superClass {
     /**
diff --git a/packages/uui-box/lib/uui-box.element.ts b/packages/uui-box/lib/uui-box.element.ts
@@ -6,7 +6,7 @@ import { css, html, LitElement } from 'lit';
  *  @element uui-box
  *  @slot header - header area for title
  *  @slot main - main content area
- *  @slot default - area with no padding
+ *  @slot - area with no padding
  *
  */
 @defineElement('uui-box')
diff --git a/packages/uui-breadcrumbs/lib/uui-breadcrumb-item.element.ts b/packages/uui-breadcrumbs/lib/uui-breadcrumb-item.element.ts
@@ -5,7 +5,7 @@ import { property } from 'lit/decorators.js';
 /**
  * A breadcrumb-item to be used with the breadcrumbs component.
  *  @element uui-breadcrumb-item
- *  @slot default - This slot displays elements inside the breadcrumb
+ *  @slot - This slot displays elements inside the breadcrumb
  *  @csspart separator - change the content of the after element of this part to change the separator
  */
 @defineElement('uui-breadcrumb-item')
diff --git a/packages/uui-breadcrumbs/lib/uui-breadcrumbs.element.ts b/packages/uui-breadcrumbs/lib/uui-breadcrumbs.element.ts
@@ -7,7 +7,7 @@ import { UUIBreadcrumbItemElement } from './uui-breadcrumb-item.element';
 /**
  * A breadcrumbs component to be used in combination with the uui-breadcrumb-item.
  *  @element uui-breadcrumbs
- *  @slot default - Slot to display nested breadcrumb items. It supports `<uui-breadcrumb-item>` elements or elements containing the `role="listitem"` attribute
+ *  @slot - Slot to display nested breadcrumb items. It supports `<uui-breadcrumb-item>` elements or elements containing the `role="listitem"` attribute
  */
 @defineElement('uui-breadcrumbs')
 export class UUIBreadcrumbsElement extends LitElement {
diff --git a/packages/uui-button-group/lib/uui-button-group.element.ts b/packages/uui-button-group/lib/uui-button-group.element.ts
@@ -4,7 +4,7 @@ import { css, html, LitElement } from 'lit';
 /**
  *  Place <uui-button> elements in the slot. They will be nicely displayed.
  *  @element uui-button-group
- *  @slot default - The slot for buttons. It supports `<uui-button>` elements out of the box.
+ *  @slot - The slot for buttons. It supports `<uui-button>` elements out of the box.
  */
 @defineElement('uui-button-group')
 export class UUIButtonGroupElement extends LitElement {
diff --git a/packages/uui-card-media/lib/uui-card-media.element.ts b/packages/uui-card-media/lib/uui-card-media.element.ts
@@ -10,7 +10,7 @@ import { property, state } from 'lit/decorators.js';
  *  @description - Card component for displaying a media item.
  *  @slot tag - slot for the tag with support for `<uui-tag>` elements
  *  @slot actions - slot for the actions with support for the `<uui-action-bar>` element
- *  @slot default - slot for the default content area
+ *  @slot - slot for the default content area
  */
 
 @defineElement('uui-card-media')
diff --git a/packages/uui-dialog-layout/lib/uui-dialog-layout.element.ts b/packages/uui-dialog-layout/lib/uui-dialog-layout.element.ts
@@ -1,10 +1,10 @@
-import { LitElement, html, css } from 'lit';
-import { property, state } from 'lit/decorators.js';
 import { defineElement } from '@umbraco-ui/uui-base/lib/registration';
+import { css, html, LitElement } from 'lit';
+import { property, state } from 'lit/decorators.js';
 
 /**
  * @element uui-dialog-layout
- * @slot default - Use this for the text content
+ * @slot - Use this for the text content
  * @slot headline - Use this for slotted headline
  * @slot actions - Use this for actions
  * @description - Default dialog layout
diff --git a/packages/uui-dialog/lib/uui-dialog.element.ts b/packages/uui-dialog/lib/uui-dialog.element.ts
@@ -3,7 +3,7 @@ import { css, html, LitElement } from 'lit';
 
 /**
  *  @element uui-dialog
- *  @slot default - The slot for dialog content
+ *  @slot - The slot for dialog content
  *  @description - All-round dialog
  */
 @defineElement('uui-dialog')
diff --git a/packages/uui-form-layout-item/lib/uui-form-layout-item.element.ts b/packages/uui-form-layout-item/lib/uui-form-layout-item.element.ts
@@ -7,7 +7,7 @@ import { property, state } from 'lit/decorators.js';
 /**
  * @element uui-form-layout-item
  * @description - Form item composes label, input and validation-messages in a proper layout.
- * @slot default - for button contents
+ * @slot - for button contents
  * @slot message - for extras in the messages container
  * @slot description - for extras in the description container
  * @slot label - for label contents
diff --git a/packages/uui-form-validation-message/lib/uui-form-validation-message.element.ts b/packages/uui-form-validation-message/lib/uui-form-validation-message.element.ts
@@ -8,7 +8,7 @@ import { repeat } from 'lit/directives/repeat.js';
 /**
  * @element uui-form-validation-message
  * @description - Component for displaying one or more validation messages from Form Control within the given scope. Notice: Only supports components that build on the FormControlMixing.
- * @slot default - for button contents
+ * @slot - for button contents
  * @slot message - for extras in the messages container
  */
 
diff --git a/packages/uui-keyboard-shortcut/lib/uui-key.element.ts b/packages/uui-keyboard-shortcut/lib/uui-key.element.ts
@@ -4,7 +4,7 @@ import { queryAssignedNodes } from 'lit/decorators.js';
 /**
  *  A visual representation of a key on you keyboard. use inside `<uui-keyboard-shortcut></uui-keyboard-shortcut>`
  *  @element uui-key
- *  @slot default - for the key name. Anything you put in here will be lowercase.
+ *  @slot - for the key name. Anything you put in here will be lowercase.
  */
 export class UUIKeyElement extends LitElement {
   static styles = [
diff --git a/packages/uui-keyboard-shortcut/lib/uui-keyboard-shortcut.element.ts b/packages/uui-keyboard-shortcut/lib/uui-keyboard-shortcut.element.ts
@@ -4,7 +4,7 @@ import { css, html, LitElement } from 'lit';
 /**
  *  A visual representation of a keyboard shortcut.
  *  @element uui-keyboard-shortcut
- *  @slot default - for `<uui-key></uui-key>` elements
+ *  @slot - for `<uui-key></uui-key>` elements
  */
 @defineElement('uui-keyboard-shortcut')
 export class UUIKeyboardShortcutElement extends LitElement {
diff --git a/packages/uui-label/lib/uui-label.element.ts b/packages/uui-label/lib/uui-label.element.ts
@@ -5,7 +5,7 @@ import { property } from 'lit/decorators.js';
 /**
  * Label element for Custom Element
  * @element uui-label
- * @slot default - for the label text.
+ * @slot - for the label text.
  */
 @defineElement('uui-label')
 export class UUILabelElement extends LitElement {
diff --git a/packages/uui-menu-item/lib/uui-menu-item.element.ts b/packages/uui-menu-item/lib/uui-menu-item.element.ts
@@ -17,7 +17,7 @@ import { UUIMenuItemEvent } from './UUIMenuItemEvent';
  *  @fires {UUIMenuItemEvent} show-children - fires when the expand icon is clicked to show nested menu items
  *  @fires {UUIMenuItemEvent} hide-children - fires when the expend icon is clicked to hide nested menu items
  *  @fires {UUIMenuItemEvent} click-label - fires when the label is clicked
- *  @slot default - nested menu items go here
+ *  @slot - nested menu items go here
  *  @slot icon - icon area
  *  @slot actions - actions area
  *  @slot label-slot - area to place the label (name: label)
diff --git a/packages/uui-radio/lib/uui-radio-group.element.ts b/packages/uui-radio/lib/uui-radio-group.element.ts
@@ -15,7 +15,7 @@ const SPACE = ' ';
 
 /**
  *  @element uui-radio-group
- *  @slot default - slot for `<uui-radio>` elements or custom elements that extend from `UUIRadioElement`
+ *  @slot - slot for `<uui-radio>` elements or custom elements that extend from `UUIRadioElement`
  */
 @defineElement('uui-radio-group')
 export class UUIRadioGroupElement extends FormControlMixin(LitElement) {
diff --git a/packages/uui-radio/lib/uui-radio.element.ts b/packages/uui-radio/lib/uui-radio.element.ts
@@ -11,7 +11,7 @@ import { UUIRadioEvent } from './UUIRadioEvent';
 /**
  *  @element uui-radio
  *  @description - a single radio, should never be use as a stand-alone. Must be wrapped in `<uui-radio-group></uui-radio-group>` element.
- *  @slot default - slot to set the label if no `label` attribute is set.
+ *  @slot - slot to set the label if no `label` attribute is set.
  *  @cssprop --uui-radio-button-size - Sets the size of the radio button.
  *  @fires change - on input change
  */
diff --git a/packages/uui-ref-node/lib/uui-ref-node.element.ts b/packages/uui-ref-node/lib/uui-ref-node.element.ts
@@ -9,7 +9,7 @@ import { property, state } from 'lit/decorators.js';
  *  @fires {UUIRefEvent} selected - fires when the ref is selected
  *  @fires {UUIRefEvent} unselected - fires when the ref is unselected
  *  @description - Component for displaying a reference to a generic node.
- *  @slot default - for content
+ *  @slot - for content
  *  @slot icon - for an icon
  *  @slot tag - for a tag
  *  @slot actions - for actions
diff --git a/packages/uui-scroll-container/lib/uui-scroll-container.element.ts b/packages/uui-scroll-container/lib/uui-scroll-container.element.ts
@@ -3,7 +3,7 @@ import { css, html, LitElement } from 'lit';
 
 /**
  *  @element uui-scroll-container
- *  @slot default - for content
+ *  @slot - for content
  *  @description - Component for displaying a larger amount of .
  */
 @defineElement('uui-scroll-container')
diff --git a/packages/uui-table/lib/uui-table-cell.element.ts b/packages/uui-table/lib/uui-table-cell.element.ts
@@ -5,7 +5,7 @@ import { property } from 'lit/decorators.js';
 /**
  *  Table cell that detects if it has overflow and if so it'll add a title attribute to itself to display full text. Must be a child of uui-table-row
  *  @element uui-table-cell
- *  @slot default - slot for table cell content
+ *  @slot - slot for table cell content
  */
 @defineElement('uui-table-cell')
 export class UUITableCellElement extends LitElement {
diff --git a/packages/uui-table/lib/uui-table-head.element.ts b/packages/uui-table/lib/uui-table-head.element.ts
@@ -4,7 +4,7 @@ import { css, html, LitElement } from 'lit';
 /**
  *  Table head element. Holds the styles for table head. Parent to uui-table-head-cell.
  *  @element uui-table-head
- *  @slot default - slot for uui-table-head-cell elements.
+ *  @slot - slot for uui-table-head-cell elements.
  */
 @defineElement('uui-table-head')
 export class UUITableHeadElement extends LitElement {
diff --git a/packages/uui-table/lib/uui-table.element.ts b/packages/uui-table/lib/uui-table.element.ts
@@ -4,7 +4,7 @@ import { css, html, LitElement } from 'lit';
 /**
  *  Recreation of native table and it's child elements. `<uui-table>` is a parent element to `<uui-table-head>` `<and uui-table-row>`. To make it fully accessible remember to add aria-label and aria-describedby.
  *  @element uui-table
- *  @slot default - slot for `<uui-table-head>` and `<uui-table-row>` elements. Make a table out of them.
+ *  @slot - slot for `<uui-table-head>` and `<uui-table-row>` elements. Make a table out of them.
  */
 @defineElement('uui-table')
 export class UUITableElement extends LitElement {
diff --git a/packages/uui-tabs/lib/uui-tab-group.element.ts b/packages/uui-tabs/lib/uui-tab-group.element.ts
@@ -6,7 +6,7 @@ import { UUITabElement } from './uui-tab.element';
 
 /**
  *  @element uui-tab-group
- *  @slot default - Default slot for the tab group
+ *  @slot - Default slot for the tab group
  */
 @defineElement('uui-tab-group')
 export class UUITabGroupElement extends LitElement {
diff --git a/packages/uui-tag/lib/uui-tag.element.ts b/packages/uui-tag/lib/uui-tag.element.ts
@@ -10,7 +10,7 @@ import { property } from 'lit/decorators.js';
  *
  *  @element uui-tag
  *  @description Tag component from Umbraco UI components library. Comes in one shape, but different looks and sizes
- *  @slot default - slot for tag contents
+ *  @slot - slot for tag contents
  *  @cssprop --uui-tag-font-size - overwrite the default font-size for the tag.
  */
 @defineElement('uui-tag')
diff --git a/packages/uui-toast-notification-container/lib/uui-toast-notification-container.element.ts b/packages/uui-toast-notification-container/lib/uui-toast-notification-container.element.ts
@@ -8,7 +8,7 @@ import { property } from 'lit/decorators.js';
 
 /**
  * @element uui-toast-notification-container
- * @slot default - slot for toast layout/content
+ * @slot - slot for toast layout/content
  */
 @defineElement('uui-toast-notification-container')
 export class UUIToastNotificationContainerElement extends LitElement {
diff --git a/packages/uui-toast-notification-layout/lib/uui-toast-notification-layout.element.ts b/packages/uui-toast-notification-layout/lib/uui-toast-notification-layout.element.ts
@@ -6,7 +6,7 @@ import { property, state } from 'lit/decorators.js';
 /**
  *  @element uui-toast-notification-layout
  *  @description - Component for setting the layout for a toast notification, to be used within toast-notification.
- *  @slot default - for content
+ *  @slot - for content
  *  @slot headline - for headline
  *  @slot actions - for actions
  */
diff --git a/packages/uui-toast-notification/lib/uui-toast-notification.element.ts b/packages/uui-toast-notification/lib/uui-toast-notification.element.ts
@@ -18,7 +18,7 @@ import { UUIToastNotificationEvent } from './UUIToastNotificationEvent';
  *  @fires {UUIToastNotificationEvent} closing - fires when the toast is starting to close
  *  @fires {UUIToastNotificationEvent} closed - fires when the toast is closed
  *  @description - Component for displaying a toast notification, preferably used in toast-notification-container.
- *  @slot default - slot for dialog layout/content
+ *  @slot - slot for dialog layout/content
  */
 @defineElement('uui-toast-notification')
 export class UUIToastNotificationElement extends LitElement {

Original file line number	Diff line number	Diff line change
`@@ -22,7 +22,7 @@ export const LabelMixin = <T extends Constructor<LitElement>>(`
`22`	`22`	`/**`
`23`	`23`	`* Label mixin class containing the label functionality.`
`24`	`24`	`*`
`25`		`- * @slot default - Override the default label`
	`25`	`+ * @slot - Override the default label`
`26`	`26`	`*/`
`27`	`27`	`class LabelMixinClass extends superClass {`
`28`	`28`	`/**`
Original file line number	Diff line number	Diff line change
`@@ -6,7 +6,7 @@ import { css, html, LitElement } from 'lit';`
`6`	`6`	`* @element uui-box`
`7`	`7`	`* @slot header - header area for title`
`8`	`8`	`* @slot main - main content area`
`9`		`- * @slot default - area with no padding`
	`9`	`+ * @slot - area with no padding`
`10`	`10`	`*`
`11`	`11`	`*/`
`12`	`12`	`@defineElement('uui-box')`