@esri/calcite-components 1.0.0-beta.95 → 1.0.0-beta.96

package/dist/collection/components/interfaces.js

@@ -1,6 +1 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-beta.95
- */
 export {};

package/dist/collection/components/label/label.css

@@ -96,7 +96,7 @@
 *
 * These properties can be overridden using the component's tag as selector.
 *
-* @prop --calcite-label-margin-bottom: The bottom margin of `calcite-label`.
+* @prop --calcite-label-margin-bottom: The spacing below the component.
 */
 :host {
   display: inline;

package/dist/collection/components/label/label.js

@@ -1,9 +1,9 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-beta.95
+ * v1.0.0-beta.96
  */
-import { Component, Element, Event, h, Prop, Host } from "@stencil/core";
+import { h, Host } from "@stencil/core";
 import { labelDisconnectedEvent, labelConnectedEvent } from "../../utils/label";
 import { CSS } from "./resources";
 /**
@@ -16,28 +16,28 @@ export class Label {
     //  Properties
     //
     //--------------------------------------------------------------------------
-    /** specify the text alignment of the label */
+    /** Specifies the text alignment of the component. */
     this.alignment = "start";
     /**
-     * specify the status of the label and any child input / input messages
+     * Specifies the status of the component and any child input, or input messages.
      *
-     * @deprecated set directly on child element instead
+     * @deprecated Set directly on the component the label is bound to instead.
      */
     this.status = "idle";
-    /** specify the scale of the label, defaults to m */
+    /** Specifies the size of the component. */
     this.scale = "m";
-    /** is the wrapped element positioned inline with the label slotted text */
+    /** Defines the layout of the label in relation to the component. Use `"inline"` positions to wrap the label and component on the same line. */
     this.layout = "default";
     /**
-     * is the label disabled
+     * When `true`, interaction is prevented and the component is displayed with lower opacity.
      *
-     * @deprecated use the `disabled` property on the interactive components instead
+     * @deprecated Use the `disabled` property on the component the label is bound to instead.
      */
     this.disabled = false;
     /**
-     * eliminates any space around the label
+     * When `true`, disables the component's spacing.
      *
-     * @deprecated set the --calcite-label-margin-bottom css variable to 0 instead
+     * @deprecated Set the `--calcite-label-margin-bottom` css variable to `0` instead.
      */
     this.disableSpacing = false;
     //--------------------------------------------------------------------------
@@ -63,191 +63,197 @@ export class Label {
     document.dispatchEvent(new CustomEvent(labelDisconnectedEvent));
   }
   render() {
-    return (h(Host, { onClick: this.labelClickHandler },
-      h("div", { class: CSS.container },
-        h("slot", null))));
+    return (h(Host, { onClick: this.labelClickHandler }, h("div", { class: CSS.container }, h("slot", null))));
   }
   static get is() { return "calcite-label"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["label.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["label.css"]
-  }; }
-  static get properties() { return {
-    "alignment": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "Alignment",
-        "resolved": "\"center\" | \"end\" | \"start\"",
-        "references": {
-          "Alignment": {
-            "location": "import",
-            "path": "../interfaces"
+  static get originalStyleUrls() {
+    return {
+      "$": ["label.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["label.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "alignment": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "Alignment",
+          "resolved": "\"center\" | \"end\" | \"start\"",
+          "references": {
+            "Alignment": {
+              "location": "import",
+              "path": "../interfaces"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "specify the text alignment of the label"
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Specifies the text alignment of the component."
+        },
+        "attribute": "alignment",
+        "reflect": true,
+        "defaultValue": "\"start\""
       },
-      "attribute": "alignment",
-      "reflect": true,
-      "defaultValue": "\"start\""
-    },
-    "status": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "Status",
-        "resolved": "\"idle\" | \"invalid\" | \"valid\"",
-        "references": {
-          "Status": {
-            "location": "import",
-            "path": "../interfaces"
+      "status": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "Status",
+          "resolved": "\"idle\" | \"invalid\" | \"valid\"",
+          "references": {
+            "Status": {
+              "location": "import",
+              "path": "../interfaces"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "name": "deprecated",
-            "text": "set directly on child element instead"
-          }],
-        "text": "specify the status of the label and any child input / input messages"
-      },
-      "attribute": "status",
-      "reflect": true,
-      "defaultValue": "\"idle\""
-    },
-    "for": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [{
+              "name": "deprecated",
+              "text": "Set directly on the component the label is bound to instead."
+            }],
+          "text": "Specifies the status of the component and any child input, or input messages."
+        },
+        "attribute": "status",
+        "reflect": true,
+        "defaultValue": "\"idle\""
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The id of the input associated with the label"
+      "for": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Specifies the `id` of the component the label is bound to. Use when the component the label is bound to does not reside within the component."
+        },
+        "attribute": "for",
+        "reflect": true
       },
-      "attribute": "for",
-      "reflect": true
-    },
-    "scale": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "Scale",
-        "resolved": "\"l\" | \"m\" | \"s\"",
-        "references": {
-          "Scale": {
-            "location": "import",
-            "path": "../interfaces"
+      "scale": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "Scale",
+          "resolved": "\"l\" | \"m\" | \"s\"",
+          "references": {
+            "Scale": {
+              "location": "import",
+              "path": "../interfaces"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "specify the scale of the label, defaults to m"
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Specifies the size of the component."
+        },
+        "attribute": "scale",
+        "reflect": true,
+        "defaultValue": "\"m\""
       },
-      "attribute": "scale",
-      "reflect": true,
-      "defaultValue": "\"m\""
-    },
-    "layout": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "\"inline\" | \"inline-space-between\" | \"default\"",
-        "resolved": "\"default\" | \"inline\" | \"inline-space-between\"",
-        "references": {}
+      "layout": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "\"inline\" | \"inline-space-between\" | \"default\"",
+          "resolved": "\"default\" | \"inline\" | \"inline-space-between\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Defines the layout of the label in relation to the component. Use `\"inline\"` positions to wrap the label and component on the same line."
+        },
+        "attribute": "layout",
+        "reflect": true,
+        "defaultValue": "\"default\""
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "is the wrapped element positioned inline with the label slotted text"
+      "disabled": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [{
+              "name": "deprecated",
+              "text": "Use the `disabled` property on the component the label is bound to instead."
+            }],
+          "text": "When `true`, interaction is prevented and the component is displayed with lower opacity."
+        },
+        "attribute": "disabled",
+        "reflect": true,
+        "defaultValue": "false"
       },
-      "attribute": "layout",
-      "reflect": true,
-      "defaultValue": "\"default\""
-    },
-    "disabled": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "name": "deprecated",
-            "text": "use the `disabled` property on the interactive components instead"
-          }],
-        "text": "is the label disabled"
-      },
-      "attribute": "disabled",
-      "reflect": true,
-      "defaultValue": "false"
-    },
-    "disableSpacing": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "name": "deprecated",
-            "text": "set the --calcite-label-margin-bottom css variable to 0 instead"
-          }],
-        "text": "eliminates any space around the label"
-      },
-      "attribute": "disable-spacing",
-      "reflect": true,
-      "defaultValue": "false"
-    }
-  }; }
-  static get events() { return [{
-      "method": "calciteInternalLabelClick",
-      "name": "calciteInternalLabelClick",
-      "bubbles": false,
-      "cancelable": false,
-      "composed": true,
-      "docs": {
-        "tags": [{
-            "name": "internal",
-            "text": undefined
-          }],
-        "text": ""
-      },
-      "complexType": {
-        "original": "{\n    sourceEvent: MouseEvent;\n  }",
-        "resolved": "{ sourceEvent: MouseEvent; }",
-        "references": {
-          "MouseEvent": {
-            "location": "global"
+      "disableSpacing": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [{
+              "name": "deprecated",
+              "text": "Set the `--calcite-label-margin-bottom` css variable to `0` instead."
+            }],
+          "text": "When `true`, disables the component's spacing."
+        },
+        "attribute": "disable-spacing",
+        "reflect": true,
+        "defaultValue": "false"
+      }
+    };
+  }
+  static get events() {
+    return [{
+        "method": "calciteInternalLabelClick",
+        "name": "calciteInternalLabelClick",
+        "bubbles": false,
+        "cancelable": false,
+        "composed": true,
+        "docs": {
+          "tags": [{
+              "name": "internal",
+              "text": undefined
+            }],
+          "text": ""
+        },
+        "complexType": {
+          "original": "{\n    sourceEvent: MouseEvent;\n  }",
+          "resolved": "{ sourceEvent: MouseEvent; }",
+          "references": {
+            "MouseEvent": {
+              "location": "global"
+            }
           }
         }
-      }
-    }]; }
+      }];
+  }
   static get elementRef() { return "el"; }
 }

package/dist/collection/components/label/resources.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-beta.95
+ * v1.0.0-beta.96
  */
 export const CSS = {
   container: "container"