@esri/calcite-components 1.0.0-next.686 → 1.0.0-next.688

package/dist/collection/components/pick-list/shared-list-logic.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-next.686
+ * v1.0.0-next.688
  */
 import { debounce } from "lodash-es";
 import { focusElement, getSlotted } from "../../utils/dom";

package/dist/collection/components/pick-list/shared-list-render.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-next.686
+ * v1.0.0-next.688
  */
 import { h, Host } from "@stencil/core";
 import { toAriaBoolean } from "../../utils/dom";

package/dist/collection/components/pick-list-group/pick-list-group.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-next.686
+ * v1.0.0-next.688
  */
 import { h, Fragment } from "@stencil/core";
 import { CSS, SLOTS } from "./resources";

package/dist/collection/components/pick-list-group/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-next.686
+ * v1.0.0-next.688
  */
 export const CSS = {
   heading: "heading",

package/dist/collection/components/pick-list-item/pick-list-item.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-next.686
+ * v1.0.0-next.688
  */
 import { Fragment, h } from "@stencil/core";
 import { CSS, ICONS, SLOTS } from "./resources";
@@ -47,6 +47,7 @@ export class PickListItem {
     this.deselectDisabled = false;
     this.nonInteractive = false;
     this.icon = null;
+    this.iconFlipRtl = false;
     this.label = undefined;
     this.messageOverrides = undefined;
     this.messages = undefined;
@@ -134,14 +135,14 @@ export class PickListItem {
   //
   // --------------------------------------------------------------------------
   renderIcon() {
-    const { icon } = this;
+    const { icon, iconFlipRtl } = this;
     if (!icon) {
       return null;
     }
     return (h("span", { class: {
         [CSS.icon]: true,
         [CSS.iconDot]: icon === ICON_TYPES.circle
-      }, onClick: this.pickListClickHandler }, icon === ICON_TYPES.square ? h("calcite-icon", { icon: ICONS.checked, scale: "s" }) : null));
+      }, onClick: this.pickListClickHandler }, icon === ICON_TYPES.square ? (h("calcite-icon", { flipRtl: iconFlipRtl, icon: ICONS.checked, scale: "s" })) : null));
   }
   renderRemoveAction() {
     return this.removable ? (h("calcite-action", { class: CSS.remove, icon: ICONS.remove, onClick: this.removeClickHandler, slot: SLOTS.actionsEnd, text: this.messages.remove })) : null;
@@ -275,6 +276,24 @@ export class PickListItem {
         "reflect": true,
         "defaultValue": "null"
       },
+      "iconFlipRtl": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "When `true`, the icon will be flipped when the element direction is right-to-left (`\"rtl\"`)."
+        },
+        "attribute": "icon-flip-rtl",
+        "reflect": true,
+        "defaultValue": "false"
+      },
       "label": {
         "type": "string",
         "mutable": false,

package/dist/collection/components/pick-list-item/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-next.686
+ * v1.0.0-next.688
  */
 export const CSS = {
   actions: "actions",

package/dist/collection/components/popover/PopoverManager.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-next.686
+ * v1.0.0-next.688
  */
 import { isPrimaryPointerButton } from "../../utils/dom";
 import { isActivationKey } from "../../utils/key";

package/dist/collection/components/popover/popover.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-next.686
+ * v1.0.0-next.688
  */
 import { forceUpdate, Host, h } from "@stencil/core";
 import { CSS, ARIA_CONTROLS, ARIA_EXPANDED, defaultPopoverPlacement } from "./resources";

package/dist/collection/components/popover/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-next.686
+ * v1.0.0-next.688
  */
 export const CSS = {
   container: "container",

package/dist/collection/components/progress/progress.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-next.686
+ * v1.0.0-next.688
  */
 import { h } from "@stencil/core";
 export class Progress {

package/dist/collection/components/radio-button/radio-button.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-next.686
+ * v1.0.0-next.688
  */
 import { h, Host } from "@stencil/core";
 import { guid } from "../../utils/guid";

package/dist/collection/components/radio-button/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-next.686
+ * v1.0.0-next.688
  */
 export const CSS = {
   container: "container"

package/dist/collection/components/radio-button-group/radio-button-group.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-next.686
+ * v1.0.0-next.688
  */
 import { Host, h } from "@stencil/core";
 import { createObserver } from "../../utils/observers";
@@ -82,6 +82,7 @@ export class RadioButtonGroup {
   }
   static get is() { return "calcite-radio-button-group"; }
   static get encapsulation() { return "shadow"; }
+  static get delegatesFocus() { return true; }
   static get originalStyleUrls() {
     return {
       "$": ["radio-button-group.scss"]

package/dist/collection/components/radio-group/radio-group.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-next.686
+ * v1.0.0-next.688
  */
 import { Build, h, Host } from "@stencil/core";
 import { getElementDir } from "../../utils/dom";

package/dist/collection/components/radio-group-item/radio-group-item.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-next.686
+ * v1.0.0-next.688
  */
 import { h, Host } from "@stencil/core";
 import { getElementProp, toAriaBoolean } from "../../utils/dom";

package/dist/collection/components/radio-group-item/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-next.686
+ * v1.0.0-next.688
  */
 export const SLOTS = {
   input: "input"

package/dist/collection/components/rating/rating.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-next.686
+ * v1.0.0-next.688
  */
 import { Fragment, h } from "@stencil/core";
 import { guid } from "../../utils/guid";

package/dist/collection/components/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-next.686
+ * v1.0.0-next.688
  */
 export var KindIcons;
 (function (KindIcons) {

package/dist/collection/components/scrim/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-next.686
+ * v1.0.0-next.688
  */
 export const CSS = {
   scrim: "scrim",

package/dist/collection/components/scrim/scrim.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-next.686
+ * v1.0.0-next.688
  */
 import { h } from "@stencil/core";
 import { CSS } from "./resources";

package/dist/collection/components/select/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-next.686
+ * v1.0.0-next.688
  */
 export const CSS = {
   icon: "icon",

package/dist/collection/components/select/select.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-next.686
+ * v1.0.0-next.688
  */
 import { Fragment, h } from "@stencil/core";
 import { focusElement } from "../../utils/dom";

package/dist/collection/components/shell/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-next.686
+ * v1.0.0-next.688
  */
 export const CSS = {
   main: "main",

package/dist/collection/components/shell/shell.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-next.686
+ * v1.0.0-next.688
  */
 import { h, Fragment } from "@stencil/core";
 import { CSS, SLOTS } from "./resources";

package/dist/collection/components/shell-center-row/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-next.686
+ * v1.0.0-next.688
  */
 export const CSS = {
   actionBarContainer: "action-bar-container",

package/dist/collection/components/shell-center-row/shell-center-row.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-next.686
+ * v1.0.0-next.688
  */
 import { h, Fragment } from "@stencil/core";
 import { CSS, SLOTS } from "./resources";

package/dist/collection/components/shell-panel/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-next.686
+ * v1.0.0-next.688
  */
 export const CSS = {
   container: "container",

package/dist/collection/components/shell-panel/shell-panel.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-next.686
+ * v1.0.0-next.688
  */
 import { h, forceUpdate } from "@stencil/core";
 import { CSS, SLOTS, TEXT } from "./resources";

package/dist/collection/components/slider/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-next.686
+ * v1.0.0-next.688
  */
 export const CSS = {
   handleLabel: "handle__label",

package/dist/collection/components/slider/slider.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-next.686
+ * v1.0.0-next.688
  */
 import { h, Host } from "@stencil/core";
 import { guid } from "../../utils/guid";
@@ -801,6 +801,7 @@ export class Slider {
   }
   static get is() { return "calcite-slider"; }
   static get encapsulation() { return "shadow"; }
+  static get delegatesFocus() { return true; }
   static get originalStyleUrls() {
     return {
       "$": ["slider.scss"]

package/dist/collection/components/sortable-list/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-next.686
+ * v1.0.0-next.688
  */
 export const CSS = {
   sortItem: "sort-item",

package/dist/collection/components/sortable-list/sortable-list.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-next.686
+ * v1.0.0-next.688
  */
 import Sortable from "sortablejs";
 import { h } from "@stencil/core";

package/dist/collection/components/split-button/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-next.686
+ * v1.0.0-next.688
  */
 export const CSS = {
   container: "split-button__container",

package/dist/collection/components/split-button/split-button.css

@@ -105,59 +105,59 @@
   vertical-align: top;
 }
 
-:host:host([color=blue]) {
+:host:host([kind=brand]) {
   --calcite-split-button-background: var(--calcite-ui-brand);
   --calcite-split-button-divider: var(--calcite-ui-foreground-1);
 }
-:host:host([color=red]) {
+:host:host([kind=danger]) {
   --calcite-split-button-background: var(--calcite-ui-danger);
   --calcite-split-button-divider: var(--calcite-ui-foreground-1);
 }
-:host:host([color=neutral]) {
+:host:host([kind=neutral]) {
   --calcite-split-button-background: var(--calcite-ui-foreground-3);
   --calcite-split-button-divider: var(--calcite-ui-text-1);
 }
-:host:host([color=inverse]) {
+:host:host([kind=inverse]) {
   --calcite-split-button-background: var(--calcite-ui-inverse);
   --calcite-split-button-divider: var(--calcite-ui-foreground-1);
 }
 
-:host([appearance=transparent]):host([color=blue]) {
+:host([appearance=transparent]):host([kind=brand]) {
   --calcite-split-button-divider: var(--calcite-ui-brand);
 }
-:host([appearance=transparent]):host([color=red]) {
+:host([appearance=transparent]):host([kind=danger]) {
   --calcite-split-button-divider: var(--calcite-ui-danger);
 }
-:host([appearance=transparent]):host([color=neutral]) {
+:host([appearance=transparent]):host([kind=neutral]) {
   --calcite-split-button-divider: var(--calcite-ui-text-1);
 }
-:host([appearance=transparent]):host([color=inverse]) {
+:host([appearance=transparent]):host([kind=inverse]) {
   --calcite-split-button-divider: var(--calcite-ui-foreground-1);
 }
 
-:host([appearance=clear]),
+:host([appearance=outline]),
 :host([appearance=transparent]) {
   --calcite-split-button-background: transparent;
 }
 
-:host([appearance=outline]) {
+:host([appearance=outline-fill]) {
   --calcite-split-button-background: var(--calcite-ui-foreground-1);
 }
 
-:host([appearance=clear]):host([color=blue]),
-:host([appearance=outline]):host([color=blue]) {
+:host([appearance=outline]):host([kind=brand]),
+:host([appearance=outline-fill]):host([kind=brand]) {
   --calcite-split-button-divider: var(--calcite-ui-brand);
 }
-:host([appearance=clear]):host([color=red]),
-:host([appearance=outline]):host([color=red]) {
+:host([appearance=outline]):host([kind=danger]),
+:host([appearance=outline-fill]):host([kind=danger]) {
   --calcite-split-button-divider: var(--calcite-ui-danger);
 }
-:host([appearance=clear]):host([color=neutral]),
-:host([appearance=outline]):host([color=neutral]) {
+:host([appearance=outline]):host([kind=neutral]),
+:host([appearance=outline-fill]):host([kind=neutral]) {
   --calcite-split-button-divider: var(--calcite-ui-foreground-3);
 }
-:host([appearance=clear]):host([color=inverse]),
-:host([appearance=outline]):host([color=inverse]) {
+:host([appearance=outline]):host([kind=inverse]),
+:host([appearance=outline-fill]):host([kind=inverse]) {
   --calcite-split-button-divider: var(--calcite-ui-inverse);
 }
 
@@ -188,36 +188,30 @@
   background-color: var(--calcite-split-button-divider);
 }
 
-:host([appearance=outline]) .split-button__divider-container,
-:host([appearance=clear]) .split-button__divider-container,
-:host([appearance=minimal]) .split-button__divider-container {
+:host([appearance=outline-fill]) .split-button__divider-container,
+:host([appearance=outline]) .split-button__divider-container {
   border-block: 1px solid var(--calcite-split-button-divider);
 }
-:host([appearance=outline]):hover .split-button__divider-container,
-:host([appearance=clear]):hover .split-button__divider-container,
-:host([appearance=minimal]):hover .split-button__divider-container {
+:host([appearance=outline-fill]):hover .split-button__divider-container,
+:host([appearance=outline]):hover .split-button__divider-container {
   background-color: var(--calcite-split-button-divider);
 }
 
-:host([appearance=outline]:hover) .split-button__divider-container,
-:host([appearance=clear]:hover) .split-button__divider-container,
-:host([appearance=minimal]):hover .split-button__divider-container {
+:host([appearance=outline-fill]:hover) .split-button__divider-container,
+:host([appearance=outline]:hover) .split-button__divider-container {
   background-color: var(--calcite-split-button-divider);
 }
 
-:host([appearance=outline]:focus-within):host([color=blue]),
-:host([appearance=clear]:focus-within):host([color=blue]),
-:host([appearance=minimal]:focus-within):host([color=blue]) {
+:host([appearance=outline-fill]:focus-within):host([kind=brand]),
+:host([appearance=outline]:focus-within):host([kind=brand]) {
   --calcite-split-button-divider: var(--calcite-ui-brand-press);
 }
-:host([appearance=outline]:focus-within):host([color=red]),
-:host([appearance=clear]:focus-within):host([color=red]),
-:host([appearance=minimal]:focus-within):host([color=red]) {
+:host([appearance=outline-fill]:focus-within):host([kind=danger]),
+:host([appearance=outline]:focus-within):host([kind=danger]) {
   --calcite-split-button-divider: var(--calcite-ui-danger-press);
 }
-:host([appearance=outline]:focus-within) .split-button__divider-container,
-:host([appearance=clear]:focus-within) .split-button__divider-container,
-:host([appearance=minimal]:focus-within) .split-button__divider-container {
+:host([appearance=outline-fill]:focus-within) .split-button__divider-container,
+:host([appearance=outline]:focus-within) .split-button__divider-container {
   background-color: var(--calcite-split-button-divider);
 }
 

package/dist/collection/components/split-button/split-button.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-next.686
+ * v1.0.0-next.688
  */
 import { h } from "@stencil/core";
 import { CSS } from "./resources";
@@ -14,7 +14,7 @@ export class SplitButton {
     this.calciteSplitButtonPrimaryClickHandler = () => this.calciteSplitButtonPrimaryClick.emit();
     this.calciteSplitButtonSecondaryClickHandler = () => this.calciteSplitButtonSecondaryClick.emit();
     this.appearance = "solid";
-    this.color = "blue";
+    this.kind = "brand";
     this.disabled = false;
     this.active = false;
     this.dropdownIconType = "chevron";
@@ -55,7 +55,7 @@ export class SplitButton {
       [CSS.widthFull]: this.width === "full"
     };
     const buttonWidth = this.width === "auto" ? "auto" : "full";
-    return (h("div", { class: widthClasses }, h("calcite-button", { appearance: this.appearance, color: this.color, disabled: this.disabled, "icon-end": this.primaryIconEnd ? this.primaryIconEnd : null, "icon-start": this.primaryIconStart ? this.primaryIconStart : null, iconFlipRtl: this.primaryIconFlipRtl ? this.primaryIconFlipRtl : null, label: this.primaryLabel, loading: this.loading, onClick: this.calciteSplitButtonPrimaryClickHandler, scale: this.scale, splitChild: "primary", type: "button", width: buttonWidth }, this.primaryText), h("div", { class: CSS.dividerContainer }, h("div", { class: CSS.divider })), h("calcite-dropdown", { disabled: this.disabled, onClick: this.calciteSplitButtonSecondaryClickHandler, open: this.active, overlayPositioning: this.overlayPositioning, placement: "bottom-end", scale: this.scale, width: this.scale }, h("calcite-button", { appearance: this.appearance, color: this.color, disabled: this.disabled, "icon-start": this.dropdownIcon, label: this.dropdownLabel, scale: this.scale, slot: "trigger", splitChild: "secondary", type: "button" }), h("slot", null))));
+    return (h("div", { class: widthClasses }, h("calcite-button", { appearance: this.appearance, disabled: this.disabled, "icon-end": this.primaryIconEnd ? this.primaryIconEnd : null, "icon-start": this.primaryIconStart ? this.primaryIconStart : null, iconFlipRtl: this.primaryIconFlipRtl ? this.primaryIconFlipRtl : null, kind: this.kind, label: this.primaryLabel, loading: this.loading, onClick: this.calciteSplitButtonPrimaryClickHandler, scale: this.scale, splitChild: "primary", type: "button", width: buttonWidth }, this.primaryText), h("div", { class: CSS.dividerContainer }, h("div", { class: CSS.divider })), h("calcite-dropdown", { disabled: this.disabled, onClick: this.calciteSplitButtonSecondaryClickHandler, open: this.active, overlayPositioning: this.overlayPositioning, placement: "bottom-end", scale: this.scale, width: this.scale }, h("calcite-button", { appearance: this.appearance, disabled: this.disabled, "icon-start": this.dropdownIcon, kind: this.kind, label: this.dropdownLabel, scale: this.scale, slot: "trigger", splitChild: "secondary", type: "button" }), h("slot", null))));
   }
   get dropdownIcon() {
     return this.dropdownIconType === "chevron"
@@ -68,6 +68,7 @@ export class SplitButton {
   }
   static get is() { return "calcite-split-button"; }
   static get encapsulation() { return "shadow"; }
+  static get delegatesFocus() { return true; }
   static get originalStyleUrls() {
     return {
       "$": ["split-button.scss"]
@@ -84,12 +85,15 @@ export class SplitButton {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "ButtonAppearance",
-          "resolved": "\"clear\" | \"minimal\" | \"outline\" | \"solid\" | \"transparent\"",
+          "original": "Extract<\n    \"outline\" | \"outline-fill\" | \"solid\" | \"transparent\",\n    Appearance\n  >",
+          "resolved": "\"outline\" | \"outline-fill\" | \"solid\" | \"transparent\"",
           "references": {
-            "ButtonAppearance": {
+            "Extract": {
+              "location": "global"
+            },
+            "Appearance": {
               "location": "import",
-              "path": "../button/interfaces"
+              "path": "../interfaces"
             }
           }
         },
@@ -103,16 +107,19 @@ export class SplitButton {
         "reflect": true,
         "defaultValue": "\"solid\""
       },
-      "color": {
+      "kind": {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "ButtonColor",
-          "resolved": "\"blue\" | \"inverse\" | \"neutral\" | \"red\"",
+          "original": "Extract<\"brand\" | \"danger\" | \"inverse\" | \"neutral\", Kind>",
+          "resolved": "\"brand\" | \"danger\" | \"inverse\" | \"neutral\"",
           "references": {
-            "ButtonColor": {
+            "Extract": {
+              "location": "global"
+            },
+            "Kind": {
               "location": "import",
-              "path": "../button/interfaces"
+              "path": "../interfaces"
             }
           }
         },
@@ -120,11 +127,11 @@ export class SplitButton {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "Specifies the color of the component."
+          "text": "Specifies the kind of the component (will apply to border and background if applicable)."
         },
-        "attribute": "color",
+        "attribute": "kind",
         "reflect": true,
-        "defaultValue": "\"blue\""
+        "defaultValue": "\"brand\""
       },
       "disabled": {
         "type": "boolean",

package/dist/collection/components/stepper/stepper.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-next.686
+ * v1.0.0-next.688
  */
 import { h } from "@stencil/core";
 import { focusElement } from "../../utils/dom";