Merge branch 'master' into table-skeleton

Author: zvonimirfras

src/number-input/number.component.ts

@@ -60,8 +60,6 @@ export class NumberChange {
 				'bx--number--helpertext': helperText,
 				'bx--skeleton' : skeleton
 			}">
-			<label *ngIf="!skeleton && label" [for]="id" class="bx--label">{{label}}</label>
-			<div *ngIf="helperText" class="bx--form__helper-text">{{helperText}}</div>
 			<div class="bx--number__input-wrapper">
 				<input
 					type="number"

src/table/toolbar/table-toolbar.component.ts

@@ -2,6 +2,41 @@ import { TableModel } from "../table-model.class";
 import { Component, Input } from "@angular/core";
 import { I18n } from "../../i18n/i18n.module";
 
+/**
+ * The table toolbar is reserved for global table actions such as table settings, complex filter, export, or editing table data.
+ *
+ * ## Basic usage
+ *
+ * ```html
+ * <ibm-table-toolbar [model]="model">
+ *		<ibm-table-toolbar-actions>
+ *			<button ibmButton="primary">
+ *				Delete
+ *				<ibm-icon-delete16 class="bx--btn__icon"></ibm-icon-delete16>
+ *			</button>
+ *			<button ibmButton="primary">
+ *				Save
+ *				<ibm-icon-save16 class="bx--btn__icon"></ibm-icon-save16>
+ *			</button>
+ *			<button ibmButton="primary">
+ *				Download
+ *				<ibm-icon-download16 class="bx--btn__icon"></ibm-icon-download16>
+ *			</button>
+ *		</ibm-table-toolbar-actions>
+ *			<ibm-table-toolbar-content>
+ *			<ibm-table-toolbar-search [expandable]="true"></ibm-table-toolbar-search>
+ *			<button ibmButton="toolbar-action">
+ *				<ibm-icon-settings16 class="bx--toolbar-action__icon"></ibm-icon-settings16>
+ *			</button>
+ *			<button ibmButton="primary" size="sm">
+ *				Primary Button
+ *				<ibm-icon-add20 class="bx--btn__icon"></ibm-icon-add20>
+ *			</button>
+ *		</ibm-table-toolbar-content>
+ *	</ibm-table-toolbar>
+ * ```
+ *
+ */
 @Component({
 	selector: "ibm-table-toolbar",
 	template: `

src/ui-shell/header/header.component.ts

@@ -2,6 +2,18 @@ import { Component, Input, HostBinding } from "@angular/core";
 import { I18n } from "../../i18n/i18n.module";
 
 /**
+ * Carbon uses feature-flags to toggle the new ui-shell feature.
+ *
+ * To turn on this feature flag, include the feature-flag variable into your SCSS file before importing carbon-components,
+ * then set ui-shell to true.
+ *
+ * ```scss
+ * $feature-flags: (
+ * 	ui-shell: true
+ * );
+ * @import 'carbon-components/src/globals/scss/styles';
+ * ```
+ *
  * [See demo](../../?path=/story/ui-shell--header)
  *
  * <example-url>../../iframe.html?id=ui-shell--header</example-url>

src/ui-shell/panel/panel.component.ts

@@ -1,5 +1,19 @@
 import { Component, Input } from "@angular/core";
 
+/**
+ * Carbon uses feature-flags to toggle the new ui-shell feature.
+ *
+ * To turn on this feature flag, include the feature-flag variable into your SCSS file before importing carbon-components,
+ * then set ui-shell to true.
+ *
+ * ```scss
+ * $feature-flags: (
+ * 	ui-shell: true
+ * );
+ * @import 'carbon-components/src/globals/scss/styles';
+ * ```
+ *
+ */
 @Component({
 	selector: "ibm-panel",
 	template: `

src/ui-shell/sidenav/sidenav.component.ts

@@ -7,6 +7,18 @@ import {
 import { I18n } from "../../i18n/i18n.module";
 
 /**
+ * Carbon uses feature-flags to toggle the new ui-shell feature.
+ *
+ * To turn on this feature flag, include the feature-flag variable into your SCSS file before importing carbon-components,
+ * then set ui-shell to true.
+ *
+ * ```scss
+ * $feature-flags: (
+ * 	ui-shell: true
+ * );
+ * @import 'carbon-components/src/globals/scss/styles';
+ * ```
+ *
  * [See demo](../../?path=/story/ui-shell--side-navigation)
  *
  * <example-url>../../iframe.html?id=ui-shell--side-navigation</example-url>