@esri/calcite-components 1.0.0-beta.64 → 1.0.0-beta.68

package/dist/collection/components/calcite-checkbox/calcite-checkbox.js

@@ -1,7 +1,12 @@
-import { Component, Element, Event, h, Listen, Method, Prop, State, Watch } from "@stencil/core";
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
+ */
+import { Component, Element, Event, h, Host, Listen, Method, Prop, State, Watch } from "@stencil/core";
 import { guid } from "../../utils/guid";
 import { focusElement, closestElementCrossShadowBoundary } from "../../utils/dom";
 import { hiddenInputStyle } from "../../utils/form";
+import { connectLabel, disconnectLabel, getLabelText } from "../../utils/label";
 export class CalciteCheckbox {
   constructor() {
     //--------------------------------------------------------------------------
@@ -56,18 +61,12 @@ export class CalciteCheckbox {
         this.calciteCheckboxChange.emit();
       }
     };
+    this.clickHandler = () => {
+      this.toggle();
+    };
     this.formResetHandler = () => {
       this.checked = this.initialChecked;
     };
-    this.nativeLabelClickHandler = ({ target }) => {
-      if (!this.el.closest("calcite-label") &&
-        target.nodeName === "LABEL" &&
-        target.parentNode.nodeName !== "CALCITE-LABEL" &&
-        this.el.id &&
-        target.htmlFor === this.el.id) {
-        this.toggle();
-      }
-    };
   }
   checkedWatcher(newChecked) {
     this.input.checked = newChecked;
@@ -92,14 +91,6 @@ export class CalciteCheckbox {
   //  Event Listeners
   //
   //--------------------------------------------------------------------------
-  onClick(event) {
-    // This line prevents double-triggering when wrapped inside either a <label> or a <calcite-label>
-    // by preventing the browser default behavior, which is to click the label's first input child element
-    if (event.target === this.el) {
-      event.preventDefault();
-    }
-    this.toggle();
-  }
   mouseenter() {
     this.hovered = true;
   }
@@ -108,11 +99,14 @@ export class CalciteCheckbox {
   }
   onInputBlur() {
     this.focused = false;
-    this.calciteCheckboxFocusedChange.emit(false);
+    this.calciteInternalCheckboxBlur.emit(false);
   }
   onInputFocus() {
     this.focused = true;
-    this.calciteCheckboxFocusedChange.emit(true);
+    this.calciteInternalCheckboxFocus.emit(true);
+  }
+  onLabelClick() {
+    this.toggle();
   }
   //--------------------------------------------------------------------------
   //
@@ -127,7 +121,10 @@ export class CalciteCheckbox {
     if (form) {
       form.addEventListener("reset", this.formResetHandler);
     }
-    document.addEventListener("click", this.nativeLabelClickHandler);
+    connectLabel(this);
+  }
+  componentDidLoad() {
+    this.input.setAttribute("aria-label", getLabelText(this));
   }
   disconnectedCallback() {
     this.input.parentNode.removeChild(this.input);
@@ -135,7 +132,7 @@ export class CalciteCheckbox {
     if (form) {
       form.removeEventListener("reset", this.formResetHandler);
     }
-    document.removeEventListener("click", this.nativeLabelClickHandler);
+    disconnectLabel(this);
   }
   // --------------------------------------------------------------------------
   //
@@ -152,22 +149,18 @@ export class CalciteCheckbox {
     this.input.onfocus = this.onInputFocus.bind(this);
     this.input.style.cssText = hiddenInputStyle;
     this.input.type = "checkbox";
-    if (this.label) {
-      this.input.setAttribute("aria-label", this.label);
-    }
-    else {
-      this.input.removeAttribute("aria-label");
-    }
+    this.input.setAttribute("aria-label", getLabelText(this));
     if (this.value) {
       this.input.value = this.value != null ? this.value.toString() : "";
     }
     this.el.appendChild(this.input);
   }
   render() {
-    return (h("div", { class: { focused: this.focused } },
-      h("svg", { class: "check-svg", viewBox: "0 0 16 16" },
-        h("path", { d: this.getPath() })),
-      h("slot", null)));
+    return (h(Host, { onClick: this.clickHandler },
+      h("div", { class: { focused: this.focused } },
+        h("svg", { class: "check-svg", viewBox: "0 0 16 16" },
+          h("path", { d: this.getPath() })),
+        h("slot", null))));
   }
   static get is() { return "calcite-checkbox"; }
   static get encapsulation() { return "shadow"; }
@@ -353,6 +346,24 @@ export class CalciteCheckbox {
     "focused": {}
   }; }
   static get events() { return [{
+      "method": "calciteInternalCheckboxBlur",
+      "name": "calciteInternalCheckboxBlur",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [{
+            "text": undefined,
+            "name": "internal"
+          }],
+        "text": "Emitted when the checkbox is blurred"
+      },
+      "complexType": {
+        "original": "any",
+        "resolved": "any",
+        "references": {}
+      }
+    }, {
       "method": "calciteCheckboxChange",
       "name": "calciteCheckboxChange",
       "bubbles": true,
@@ -368,8 +379,8 @@ export class CalciteCheckbox {
         "references": {}
       }
     }, {
-      "method": "calciteCheckboxFocusedChange",
-      "name": "calciteCheckboxFocusedChange",
+      "method": "calciteInternalCheckboxFocus",
+      "name": "calciteInternalCheckboxFocus",
       "bubbles": true,
       "cancelable": true,
       "composed": true,
@@ -378,7 +389,7 @@ export class CalciteCheckbox {
             "text": undefined,
             "name": "internal"
           }],
-        "text": "Emitted when the checkbox focused state changes"
+        "text": "Emitted when the checkbox is focused"
       },
       "complexType": {
         "original": "any",
@@ -416,12 +427,6 @@ export class CalciteCheckbox {
       "methodName": "nameChanged"
     }]; }
   static get listeners() { return [{
-      "name": "click",
-      "method": "onClick",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }, {
       "name": "mouseenter",
       "method": "mouseenter",
       "target": undefined,

package/dist/collection/components/calcite-chip/calcite-chip.js

@@ -1,10 +1,15 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
+ */
 import { Component, h, Prop, Event, Element, Method } from "@stencil/core";
 import { getElementDir, getSlotted } from "../../utils/dom";
 import { guid } from "../../utils/guid";
 import { CSS, TEXT, SLOTS, ICONS } from "./resources";
 import { CSS_UTILITY } from "../../utils/resources";
 /**
- * @slot image - a slot for adding an image
+ * @slot - A slot for adding text.
+ * @slot image - A slot for adding an image.
  */
 export class CalciteChip {
   constructor() {

package/dist/collection/components/calcite-chip/interfaces.js

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

package/dist/collection/components/calcite-chip/resources.js

@@ -1,3 +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.
+ */
 export const CSS = {
   title: "title",
   close: "close",

package/dist/collection/components/calcite-color-picker/calcite-color-picker.js

@@ -1,3 +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.
+ */
 import { Component, Element, Event, h, Listen, Method, Prop, State, Watch } from "@stencil/core";
 import Color from "color";
 import { CSS, DEFAULT_COLOR, DEFAULT_STORAGE_KEY_PREFIX, DIMENSIONS, HSV_LIMITS, RGB_LIMITS, TEXT } from "./resources";
@@ -285,13 +289,13 @@ export class CalciteColorPicker {
       }
       let samplingX;
       let samplingY;
+      const colorFieldAndSliderRect = this.activeColorFieldAndSliderRect;
+      const { clientX, clientY } = event;
       if (this.colorFieldAndSliderHovered) {
-        samplingX = event.offsetX;
-        samplingY = event.offsetY;
+        samplingX = clientX - colorFieldAndSliderRect.x;
+        samplingY = clientY - colorFieldAndSliderRect.y;
       }
       else {
-        const { clientX, clientY } = event;
-        const colorFieldAndSliderRect = this.activeColorFieldAndSliderRect;
         const colorFieldWidth = dimensions.colorField.width;
         const colorFieldHeight = dimensions.colorField.height;
         const hueSliderHeight = dimensions.slider.height;

package/dist/collection/components/calcite-color-picker/interfaces.js

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

package/dist/collection/components/calcite-color-picker/resources.js

@@ -1,3 +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.
+ */
 import Color from "color";
 export const CSS = {
   container: "container",

package/dist/collection/components/calcite-color-picker/utils.js

@@ -1,3 +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.
+ */
 export function rgbToHex(color) {
   const { r, g, b } = color;
   return `#${r.toString(16).padStart(2, "0")}${g.toString(16).padStart(2, "0")}${b

package/dist/collection/components/calcite-color-picker-hex-input/calcite-color-picker-hex-input.js

@@ -1,3 +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.
+ */
 import { Component, Element, Event, h, Listen, Method, Prop, State, Watch } from "@stencil/core";
 import { hexChar, hexToRGB, isLonghandHex, isValidHex, normalizeHex, rgbToHex } from "../calcite-color-picker/utils";
 import Color from "color";

package/dist/collection/components/calcite-color-picker-hex-input/resources.js

@@ -1,3 +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.
+ */
 export const CSS = {
   container: "container",
   preview: "preview",

package/dist/collection/components/calcite-color-picker-swatch/calcite-color-picker-swatch.js

@@ -1,3 +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.
+ */
 import { Component, Element, h, Prop, Watch } from "@stencil/core";
 import Color from "color";
 import { COLORS, CSS } from "./resources";

package/dist/collection/components/calcite-color-picker-swatch/resources.js

@@ -1,3 +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.
+ */
 export const CSS = {
   swatch: "swatch",
   noColorIcon: "no-color-icon"

package/dist/collection/components/calcite-combobox/calcite-combobox.css

@@ -127,14 +127,13 @@
 
 .wrapper {
   display: flex;
-  flex-wrap: wrap;
   background-color: var(--calcite-ui-foreground-1);
   color: var(--calcite-ui-text-1);
   outline-offset: 0;
   outline-color: transparent;
   transition: outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;
   box-shadow: inset 0 0 0 1px var(--calcite-ui-border-input);
-  padding: var(--calcite-combobox-item-spacing-unit-s) var(--calcite-combobox-item-spacing-unit-l) 0 var(--calcite-combobox-item-spacing-unit-l);
+  padding: 0 var(--calcite-combobox-item-spacing-unit-l) 0 var(--calcite-combobox-item-spacing-unit-l);
 }
 
 :host(:focus-within) .wrapper,
@@ -149,6 +148,17 @@
   flex-wrap: nowrap;
 }
 
+.grid-input {
+  display: flex;
+  flex-grow: 1;
+  flex-wrap: wrap;
+  align-items: center;
+  padding: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
 .input {
   flex-grow: 1;
   font-family: inherit;
@@ -197,6 +207,7 @@
 
 .input-wrap {
   display: flex;
+  flex-grow: 1;
 }
 
 .input-wrap--single {
@@ -206,7 +217,8 @@
 
 .label {
   padding: 0;
-  display: block;
+  display: flex;
+  font-weight: var(--calcite-font-weight-normal);
   flex: 1 1 auto;
   pointer-events: none;
   overflow: hidden;
@@ -232,6 +244,10 @@
   width: 1rem;
 }
 
+.icon-end {
+  flex: none;
+}
+
 .popper-container {
   width: 100%;
   display: block;
@@ -311,8 +327,7 @@
 }
 
 .chip {
-  margin-right: var(--calcite-combobox-item-spacing-unit-s);
-  margin-bottom: var(--calcite-combobox-item-spacing-unit-s);
+  margin: calc(var(--calcite-combobox-item-spacing-unit-s) / 2) var(--calcite-combobox-item-spacing-unit-s) calc(var(--calcite-combobox-item-spacing-unit-s) / 2) 0;
   max-width: 100%;
 }
 

package/dist/collection/components/calcite-combobox/calcite-combobox.js

@@ -1,3 +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.
+ */
 import { Component, h, Prop, State, Listen, Event, Element, Method, Watch, Host } from "@stencil/core";
 import { filter } from "../../utils/filter";
 import { getElementDir } from "../../utils/dom";
@@ -7,8 +11,12 @@ import { createPopper, updatePopper, CSS as PopperCSS } from "../../utils/popper
 import { guid } from "../../utils/guid";
 import { ComboboxChildSelector, ComboboxItem, ComboboxItemGroup, ComboboxDefaultPlacement } from "./resources";
 import { getItemAncestors, getItemChildren, hasActiveChildren } from "./utils";
+import { connectLabel, disconnectLabel, getLabelText } from "../../utils/label";
 import { createObserver } from "../../utils/observers";
 const isGroup = (el) => el.tagName === ComboboxItemGroup;
+/**
+ * @slot - A slot for adding `calcite-combobox-item`s.
+ */
 export class CalciteCombobox {
   constructor() {
     //--------------------------------------------------------------------------
@@ -32,11 +40,6 @@ export class CalciteCombobox {
     this.selectionMode = "multi";
     /** Specify the scale of the combobox, defaults to m */
     this.scale = "m";
-    //--------------------------------------------------------------------------
-    //
-    //  Private State/Props
-    //
-    //--------------------------------------------------------------------------
     this.items = [];
     this.groupItems = [];
     this.selectedItems = [];
@@ -55,11 +58,6 @@ export class CalciteCombobox {
     this.inputHeight = 0;
     this.ignoreSelectedEventsFlag = false;
     this.activeTransitionProp = "opacity";
-    // --------------------------------------------------------------------------
-    //
-    //  Private Methods
-    //
-    // --------------------------------------------------------------------------
     this.keydownHandler = (event) => {
       const key = getKey(event.key, getElementDir(this.el));
       switch (key) {
@@ -320,6 +318,7 @@ export class CalciteCombobox {
     var _a;
     (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.observe(this.el, { childList: true, subtree: true });
     this.createPopper();
+    connectLabel(this);
   }
   componentWillLoad() {
     this.updateItems();
@@ -334,11 +333,20 @@ export class CalciteCombobox {
     var _a;
     (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
     this.destroyPopper();
+    disconnectLabel(this);
   }
   /** when search text is cleared, reset active to  */
   textHandler() {
     this.updateActiveItemIndex(-1);
   }
+  // --------------------------------------------------------------------------
+  //
+  //  Private Methods
+  //
+  // --------------------------------------------------------------------------
+  onLabelClick() {
+    this.setFocus();
+  }
   getModifiers() {
     const flipModifier = {
       name: "flip",
@@ -601,7 +609,7 @@ export class CalciteCombobox {
     });
   }
   renderInput() {
-    const { active, disabled, placeholder, selectionMode, needsIcon, label, selectedItems } = this;
+    const { active, disabled, placeholder, selectionMode, needsIcon, selectedItems } = this;
     const single = selectionMode === "single";
     const selectedItem = selectedItems[0];
     const showLabel = !active && single && !!selectedItem;
@@ -613,10 +621,10 @@ export class CalciteCombobox {
           label: true,
           "label--spaced": needsIcon
         }, key: "label", onFocus: this.comboboxFocusHandler, tabindex: "0" }, selectedItem.textLabel)),
-      h("input", { "aria-activedescendant": this.activeDescendant, "aria-autocomplete": "list", "aria-controls": guid, "aria-label": label, class: {
+      h("input", { "aria-activedescendant": this.activeDescendant, "aria-autocomplete": "list", "aria-controls": guid, "aria-label": getLabelText(this), class: {
           input: true,
+          "input--single": true,
           "input--transparent": this.activeChipIndex > -1,
-          "input--single": single,
           "input--hidden": showLabel,
           "input--icon": single && needsIcon
         }, disabled: disabled, id: `${guid}-input`, key: "input", onBlur: this.comboboxBlurHandler, onFocus: this.comboboxFocusHandler, onInput: this.inputHandler, placeholder: placeholder, ref: (el) => (this.textInput = el), type: "text" })));
@@ -646,8 +654,8 @@ export class CalciteCombobox {
       needsIcon && (h("span", { class: "icon-start" }, (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.icon) && (h("calcite-icon", { class: "selected-icon", icon: selectedItem.icon, scale: "s" })))));
   }
   renderIconEnd() {
-    return (this.selectionMode === "single" && (h("span", { class: "icon-end" },
-      h("calcite-icon", { icon: "chevron-down", scale: "s" }))));
+    return (h("span", { class: "icon-end" },
+      h("calcite-icon", { icon: "chevron-down", scale: "s" })));
   }
   render() {
     const { guid, open, label } = this;
@@ -656,13 +664,14 @@ export class CalciteCombobox {
     return (h(Host, { onKeyDown: this.keydownHandler },
       h("div", { "aria-autocomplete": "list", "aria-expanded": open.toString(), "aria-haspopup": "listbox", "aria-labelledby": labelId, "aria-owns": guid, class: {
           wrapper: true,
-          "wrapper--active": open,
-          "wrapper--single": single
+          "wrapper--single": single || !this.selectedItems.length,
+          "wrapper--active": open
         }, onClick: this.setFocusClick, ref: this.setReferenceEl, role: "combobox" },
-        this.renderIconStart(),
-        !single && this.renderChips(),
-        h("label", { class: "screen-readers-only", htmlFor: `${guid}-input`, id: labelId }, label),
-        this.renderInput(),
+        h("div", { class: "grid-input" },
+          this.renderIconStart(),
+          !single && this.renderChips(),
+          h("label", { class: "screen-readers-only", htmlFor: `${guid}-input`, id: labelId }, label),
+          this.renderInput()),
         this.renderIconEnd()),
       h("ul", { "aria-labelledby": labelId, "aria-multiselectable": "true", class: "screen-readers-only", id: guid, role: "listbox", tabIndex: -1 }, this.renderListBoxOptions()),
       this.renderPopperContainer()));

package/dist/collection/components/calcite-combobox/interfaces.js

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

package/dist/collection/components/calcite-combobox/resources.js

@@ -1,3 +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.
+ */
 export const ComboboxItem = "CALCITE-COMBOBOX-ITEM";
 export const ComboboxItemGroup = "CALCITE-COMBOBOX-ITEM-GROUP";
 export const ComboboxChildSelector = `${ComboboxItem}, ${ComboboxItemGroup}`;

package/dist/collection/components/calcite-combobox/utils.js

@@ -1,3 +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.
+ */
 import { nodeListToArray } from "../../utils/dom";
 import { ComboboxChildSelector } from "./resources";
 import { Build } from "@stencil/core";

package/dist/collection/components/calcite-combobox-item/calcite-combobox-item.css

@@ -152,7 +152,7 @@ ul {
   outline-color: transparent;
   transition: outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;
   text-decoration: none;
-  padding: var(--calcite-combobox-item-spacing-unit-l);
+  padding: var(--calcite-combobox-item-spacing-unit-s) var(--calcite-combobox-item-spacing-unit-l);
 }
 
 :host([disabled]) .label {

package/dist/collection/components/calcite-combobox-item/calcite-combobox-item.js

@@ -1,9 +1,16 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
+ */
 import { Component, Element, Event, Host, Method, Prop, h, Watch } from "@stencil/core";
 import { getElementDir, getElementProp } from "../../utils/dom";
 import { CSS } from "./resources";
 import { guid } from "../../utils/guid";
 import { getAncestors, getDepth } from "../calcite-combobox/utils";
 import { CSS_UTILITY } from "../../utils/resources";
+/**
+ * @slot - A slot for adding nested `calcite-combobox-item`s.
+ */
 export class CalciteComboboxItem {
   constructor() {
     // --------------------------------------------------------------------------

package/dist/collection/components/calcite-combobox-item/resources.js

@@ -1,3 +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.
+ */
 export const CSS = {
   icon: "icon",
   iconActive: "icon--active",

package/dist/collection/components/calcite-combobox-item-group/calcite-combobox-item-group.js

@@ -1,9 +1,16 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
+ */
 import { Component, Prop, h, Element } from "@stencil/core";
 import { CSS } from "./resources";
 import { getAncestors, getDepth } from "../calcite-combobox/utils";
 import { guid } from "../../utils/guid";
 import { getElementDir, getElementProp } from "../../utils/dom";
 import { CSS_UTILITY } from "../../utils/resources";
+/**
+ * @slot - A slot for adding `calcite-combobox-item`s.
+ */
 export class CalciteComboboxItemGroup {
   constructor() {
     this.guid = guid();

package/dist/collection/components/calcite-combobox-item-group/resources.js

@@ -1,3 +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.
+ */
 export const CSS = {
   list: "list",
   label: "label",

package/dist/collection/components/calcite-date-picker/calcite-date-picker.js

@@ -1,3 +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.
+ */
 import { Component, h, Prop, Event, Element, Host, State, Watch, Build } from "@stencil/core";
 import { getLocaleData } from "./utils";
 import { getElementDir } from "../../utils/dom";

package/dist/collection/components/calcite-date-picker/interfaces.js

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

package/dist/collection/components/calcite-date-picker/resources.js

@@ -1,3 +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.
+ */
 export const HEADING_LEVEL = 2;
 export const TEXT = {
   nextMonth: "Next month",

package/dist/collection/components/calcite-date-picker/utils.js

@@ -1,3 +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.
+ */
 import { getAssetPath } from "@stencil/core";
 import { locales } from "../../utils/locale";
 /**

package/dist/collection/components/calcite-date-picker-day/calcite-date-picker-day.css

@@ -92,7 +92,7 @@
   color: var(--calcite-ui-text-3);
   cursor: pointer;
   min-width: 0;
-  width: calc(100% / 7);
+  width: 14.2857142857%;
 }
 
 .day-v-wrapper {

package/dist/collection/components/calcite-date-picker-day/calcite-date-picker-day.js

@@ -1,3 +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.
+ */
 import { Component, Element, Prop, Host, Event, Listen, h } from "@stencil/core";
 import { getKey } from "../../utils/key";
 import { getElementDir } from "../../utils/dom";

package/dist/collection/components/calcite-date-picker-month/calcite-date-picker-month.css

@@ -104,7 +104,7 @@
   color: var(--calcite-ui-text-3);
   text-align: center;
   font-weight: var(--calcite-font-weight-bold);
-  width: calc(100% / 7);
+  width: 14.2857142857%;
 }
 
 :host([scale=s]) .week-header {

package/dist/collection/components/calcite-date-picker-month/calcite-date-picker-month.js

@@ -1,3 +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.
+ */
 import { Component, Element, Prop, Host, Event, h, Listen } from "@stencil/core";
 import { inRange, sameDate, dateFromRange } from "../../utils/date";
 import { getKey } from "../../utils/key";