@esri/calcite-components 1.0.0-beta.92 → 1.0.0-beta.94

package/dist/collection/components/action-bar/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.92
+ * v1.0.0-beta.94
  */
 export const CSS = {
   actionGroupBottom: "action-group--bottom"

package/dist/collection/components/action-bar/utils.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.92
+ * v1.0.0-beta.94
  */
 import { forceUpdate } from "@stencil/core";
 import { SLOTS as ACTION_MENU_SLOTS } from "../action-menu/resources";

package/dist/collection/components/action-group/action-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-beta.92
+ * v1.0.0-beta.94
  */
 import { Component, Element, h, Prop, Watch } from "@stencil/core";
 import { ICONS, SLOTS, TEXT } from "./resources";

package/dist/collection/components/action-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-beta.92
+ * v1.0.0-beta.94
  */
 export const SLOTS = {
   menuActions: "menu-actions",

package/dist/collection/components/action-menu/action-menu.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.92
+ * v1.0.0-beta.94
  */
 import { Component, h, Element, Event, Listen, Prop, Watch, Method, State } from "@stencil/core";
 import { CSS, SLOTS, ICONS } from "./resources";
@@ -387,7 +387,7 @@ export class ActionMenu {
         "text": "Determines the type of positioning to use for the overlaid content.\n\nUsing the \"absolute\" value will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout. The \"fixed\" value should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is \"fixed\"."
       },
       "attribute": "overlay-positioning",
-      "reflect": false,
+      "reflect": true,
       "defaultValue": "\"absolute\""
     },
     "placement": {

package/dist/collection/components/action-menu/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.92
+ * v1.0.0-beta.94
  */
 export const CSS = {
   menu: "menu",

package/dist/collection/components/action-pad/action-pad.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.92
+ * v1.0.0-beta.94
  */
 import { Component, Element, Event, Host, Prop, Watch, h, Method } from "@stencil/core";
 import { ExpandToggle, toggleChildActionText } from "../functional/ExpandToggle";

package/dist/collection/components/action-pad/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.92
+ * v1.0.0-beta.94
  */
 export const CSS = {
   actionGroupBottom: "action-group--bottom",

package/dist/collection/components/alert/alert.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.92
+ * v1.0.0-beta.94
  */
 import { Component, Element, Event, h, Host, Listen, Method, Prop, State, Watch } from "@stencil/core";
 import { getSlotted, setRequestedIcon, toAriaBoolean } from "../../utils/dom";
@@ -280,7 +280,7 @@ export class Alert {
         "text": "When true, the component closes automatically (recommended for passive, non-blocking alerts)."
       },
       "attribute": "auto-dismiss",
-      "reflect": false,
+      "reflect": true,
       "defaultValue": "false"
     },
     "autoDismissDuration": {
@@ -404,7 +404,7 @@ export class Alert {
         "text": "Specifies the placement of the component"
       },
       "attribute": "placement",
-      "reflect": false,
+      "reflect": true,
       "defaultValue": "\"bottom\""
     },
     "scale": {

package/dist/collection/components/alert/interfaces.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.92
+ * v1.0.0-beta.94
  */
 export var StatusIcons;
 (function (StatusIcons) {

package/dist/collection/components/alert/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.92
+ * v1.0.0-beta.94
  */
 export const TEXT = {
   intlClose: "Close"

package/dist/collection/components/avatar/avatar.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.92
+ * v1.0.0-beta.94
  */
 import { Component, Element, h, Prop, State } from "@stencil/core";
 import { isValidHex } from "../color-picker/utils";
@@ -126,7 +126,7 @@ export class Avatar {
         "text": "Specifies the `src` to an image (remember to add a token if the user is private)."
       },
       "attribute": "thumbnail",
-      "reflect": false
+      "reflect": true
     },
     "fullName": {
       "type": "string",
@@ -143,7 +143,7 @@ export class Avatar {
         "text": "Specifies the full name of the user."
       },
       "attribute": "full-name",
-      "reflect": false
+      "reflect": true
     },
     "username": {
       "type": "string",
@@ -160,7 +160,7 @@ export class Avatar {
         "text": "Specifies the username of the user."
       },
       "attribute": "username",
-      "reflect": false
+      "reflect": true
     },
     "userId": {
       "type": "string",
@@ -177,7 +177,7 @@ export class Avatar {
         "text": "Specifies the unique id of the user."
       },
       "attribute": "user-id",
-      "reflect": false
+      "reflect": true
     }
   }; }
   static get states() { return {

package/dist/collection/components/avatar/utils.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.92
+ * v1.0.0-beta.94
  */
 import { hexToRGB } from "../color-picker/utils";
 /**

package/dist/collection/components/block/block.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.92
+ * v1.0.0-beta.94
  */
 import { Component, Element, Event, h, Host, Prop } from "@stencil/core";
 import { CSS, HEADING_LEVEL, ICONS, SLOTS, TEXT } from "./resources";
@@ -187,7 +187,7 @@ export class Block {
         "text": "When true, this block will be collapsible."
       },
       "attribute": "collapsible",
-      "reflect": false,
+      "reflect": true,
       "defaultValue": "false"
     },
     "disabled": {
@@ -263,7 +263,7 @@ export class Block {
         "text": "Number at which section headings should start for this component."
       },
       "attribute": "heading-level",
-      "reflect": false
+      "reflect": true
     },
     "intlCollapse": {
       "type": "string",
@@ -462,7 +462,7 @@ export class Block {
         "text": "When true, removes padding for the slotted content"
       },
       "attribute": "disable-padding",
-      "reflect": false,
+      "reflect": true,
       "defaultValue": "false"
     }
   }; }

package/dist/collection/components/block/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.92
+ * v1.0.0-beta.94
  */
 export const CSS = {
   article: "article",

package/dist/collection/components/block-section/block-section.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.92
+ * v1.0.0-beta.94
  */
 import { Component, Element, Event, Prop, h, Host } from "@stencil/core";
 import { getElementDir, toAriaBoolean } from "../../utils/dom";

package/dist/collection/components/block-section/interfaces.js

@@ -1,6 +1,6 @@
 /*!
  * 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.92
+ * v1.0.0-beta.94
  */
 export {};

package/dist/collection/components/block-section/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.92
+ * v1.0.0-beta.94
  */
 export const CSS = {
   content: "content",

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

@@ -301,79 +301,79 @@
   border-color: transparent;
 }
 
-:host([appearance=solid][color=blue]) button, 
-:host([appearance=solid][color=blue]) a {
+:host([color=blue]) button, 
+:host([color=blue]) a {
   background-color: var(--calcite-ui-brand);
   color: var(--calcite-ui-text-inverse);
 }
-:host([appearance=solid][color=blue]) button:hover,  :host([appearance=solid][color=blue]) button:focus, 
-:host([appearance=solid][color=blue]) a:hover, 
-:host([appearance=solid][color=blue]) a:focus {
+:host([color=blue]) button:hover,  :host([color=blue]) button:focus, 
+:host([color=blue]) a:hover, 
+:host([color=blue]) a:focus {
   background-color: var(--calcite-ui-brand-hover);
 }
-:host([appearance=solid][color=blue]) button:active, 
-:host([appearance=solid][color=blue]) a:active {
+:host([color=blue]) button:active, 
+:host([color=blue]) a:active {
   background-color: var(--calcite-ui-brand-press);
 }
-:host([appearance=solid][color=blue]) button calcite-loader, 
-:host([appearance=solid][color=blue]) a calcite-loader {
+:host([color=blue]) button calcite-loader, 
+:host([color=blue]) a calcite-loader {
   color: var(--calcite-ui-text-inverse);
 }
 
-:host([appearance=solid][color=red]) button, 
-:host([appearance=solid][color=red]) a {
+:host([color=red]) button, 
+:host([color=red]) a {
   background-color: var(--calcite-ui-danger);
   color: var(--calcite-ui-text-inverse);
 }
-:host([appearance=solid][color=red]) button:hover,  :host([appearance=solid][color=red]) button:focus, 
-:host([appearance=solid][color=red]) a:hover, 
-:host([appearance=solid][color=red]) a:focus {
+:host([color=red]) button:hover,  :host([color=red]) button:focus, 
+:host([color=red]) a:hover, 
+:host([color=red]) a:focus {
   background-color: var(--calcite-ui-danger-hover);
 }
-:host([appearance=solid][color=red]) button:active, 
-:host([appearance=solid][color=red]) a:active {
+:host([color=red]) button:active, 
+:host([color=red]) a:active {
   background-color: var(--calcite-ui-danger-press);
 }
-:host([appearance=solid][color=red]) button calcite-loader, 
-:host([appearance=solid][color=red]) a calcite-loader {
+:host([color=red]) button calcite-loader, 
+:host([color=red]) a calcite-loader {
   color: var(--calcite-ui-text-inverse);
 }
 
-:host([appearance=solid][color=neutral]) button, 
-:host([appearance=solid][color=neutral]) a {
+:host([color=neutral]) button, 
+:host([color=neutral]) a {
   background-color: var(--calcite-ui-foreground-3);
   color: var(--calcite-ui-text-1);
 }
-:host([appearance=solid][color=neutral]) button:hover,  :host([appearance=solid][color=neutral]) button:focus, 
-:host([appearance=solid][color=neutral]) a:hover, 
-:host([appearance=solid][color=neutral]) a:focus {
+:host([color=neutral]) button:hover,  :host([color=neutral]) button:focus, 
+:host([color=neutral]) a:hover, 
+:host([color=neutral]) a:focus {
   background-color: var(--calcite-ui-foreground-2);
 }
-:host([appearance=solid][color=neutral]) button:active, 
-:host([appearance=solid][color=neutral]) a:active {
+:host([color=neutral]) button:active, 
+:host([color=neutral]) a:active {
   background-color: var(--calcite-ui-foreground-1);
 }
-:host([appearance=solid][color=neutral]) button calcite-loader, 
-:host([appearance=solid][color=neutral]) a calcite-loader {
+:host([color=neutral]) button calcite-loader, 
+:host([color=neutral]) a calcite-loader {
   color: var(--calcite-ui-text-1);
 }
 
-:host([appearance=solid][color=inverse]) button, 
-:host([appearance=solid][color=inverse]) a {
+:host([color=inverse]) button, 
+:host([color=inverse]) a {
   color: var(--calcite-ui-text-inverse);
   background-color: var(--calcite-ui-inverse);
 }
-:host([appearance=solid][color=inverse]) button:hover, :host([appearance=solid][color=inverse]) button:focus,
-:host([appearance=solid][color=inverse]) a:hover,
-:host([appearance=solid][color=inverse]) a:focus {
+:host([color=inverse]) button:hover, :host([color=inverse]) button:focus,
+:host([color=inverse]) a:hover,
+:host([color=inverse]) a:focus {
   background-color: var(--calcite-ui-inverse-hover);
 }
-:host([appearance=solid][color=inverse]) button:active,
-:host([appearance=solid][color=inverse]) a:active {
+:host([color=inverse]) button:active,
+:host([color=inverse]) a:active {
   background-color: var(--calcite-ui-inverse-press);
 }
-:host([appearance=solid][color=inverse]) button calcite-loader, 
-:host([appearance=solid][color=inverse]) a calcite-loader {
+:host([color=inverse]) button calcite-loader, 
+:host([color=inverse]) a calcite-loader {
   color: var(--calcite-ui-text-inverse);
 }
 
@@ -388,6 +388,7 @@
 :host([appearance=outline][color=blue]) button, 
 :host([appearance=outline][color=blue]) a {
   border-color: var(--calcite-ui-brand);
+  background-color: var(--calcite-ui-foreground-1);
   color: var(--calcite-ui-brand);
 }
 :host([appearance=outline][color=blue]) button:hover, 
@@ -416,6 +417,7 @@
 :host([appearance=outline][color=red]) button, 
 :host([appearance=outline][color=red]) a {
   border-color: var(--calcite-ui-danger);
+  background-color: var(--calcite-ui-foreground-1);
   color: var(--calcite-ui-danger);
 }
 :host([appearance=outline][color=red]) button:hover, 
@@ -443,6 +445,7 @@
 
 :host([appearance=outline][color=neutral]) button, 
 :host([appearance=outline][color=neutral]) a {
+  background-color: var(--calcite-ui-foreground-1);
   color: var(--calcite-ui-text-1);
   border-color: var(--calcite-ui-foreground-3);
 }
@@ -465,6 +468,7 @@
 
 :host([appearance=outline][color=inverse]) button, 
 :host([appearance=outline][color=inverse]) a {
+  background-color: var(--calcite-ui-foreground-1);
   color: var(--calcite-ui-text-1);
   border-color: var(--calcite-ui-inverse);
 }
@@ -489,7 +493,9 @@
 }
 
 :host([appearance=clear]) button, 
-:host([appearance=clear]) a {
+:host([appearance=clear]) a, 
+:host([appearance=minimal]) button, 
+:host([appearance=minimal]) a {
   border-width: 1px;
   border-style: solid;
   background-color: transparent;
@@ -497,116 +503,162 @@
 }
 
 :host([appearance=clear][color=blue]) button, 
-:host([appearance=clear][color=blue]) a {
+:host([appearance=clear][color=blue]) a, 
+:host([appearance=minimal][color=blue]) button, 
+:host([appearance=minimal][color=blue]) a {
   border-color: var(--calcite-ui-brand);
+  background-color: transparent;
   color: var(--calcite-ui-brand);
 }
 :host([appearance=clear][color=blue]) button:hover, 
-:host([appearance=clear][color=blue]) a:hover {
+:host([appearance=clear][color=blue]) a:hover, 
+:host([appearance=minimal][color=blue]) button:hover, 
+:host([appearance=minimal][color=blue]) a:hover {
   border-color: var(--calcite-ui-brand-hover);
   color: var(--calcite-ui-brand-hover);
   box-shadow: inset 0 0 0 1px var(--calcite-ui-brand-hover);
 }
 :host([appearance=clear][color=blue]) button:focus, 
-:host([appearance=clear][color=blue]) a:focus {
+:host([appearance=clear][color=blue]) a:focus, 
+:host([appearance=minimal][color=blue]) button:focus, 
+:host([appearance=minimal][color=blue]) a:focus {
   border-color: var(--calcite-ui-brand);
   color: var(--calcite-ui-brand);
   box-shadow: inset 0 0 0 2px var(--calcite-ui-brand);
 }
 :host([appearance=clear][color=blue]) button:active, 
-:host([appearance=clear][color=blue]) a:active {
+:host([appearance=clear][color=blue]) a:active, 
+:host([appearance=minimal][color=blue]) button:active, 
+:host([appearance=minimal][color=blue]) a:active {
   border-color: var(--calcite-ui-brand-press);
   color: var(--calcite-ui-brand-press);
   box-shadow: inset 0 0 0 2px var(--calcite-ui-brand-press);
 }
 :host([appearance=clear][color=blue]) button calcite-loader,
-:host([appearance=clear][color=blue]) a calcite-loader {
+:host([appearance=clear][color=blue]) a calcite-loader,
+:host([appearance=minimal][color=blue]) button calcite-loader,
+:host([appearance=minimal][color=blue]) a calcite-loader {
   color: var(--calcite-ui-brand);
 }
 
 :host([appearance=clear][color=red]) button, 
-:host([appearance=clear][color=red]) a {
+:host([appearance=clear][color=red]) a, 
+:host([appearance=minimal][color=red]) button, 
+:host([appearance=minimal][color=red]) a {
   border-color: var(--calcite-ui-danger);
+  background-color: transparent;
   color: var(--calcite-ui-danger);
 }
 :host([appearance=clear][color=red]) button:hover, 
-:host([appearance=clear][color=red]) a:hover {
+:host([appearance=clear][color=red]) a:hover, 
+:host([appearance=minimal][color=red]) button:hover, 
+:host([appearance=minimal][color=red]) a:hover {
   border-color: var(--calcite-ui-danger-hover);
   color: var(--calcite-ui-danger-hover);
   box-shadow: inset 0 0 0 1px var(--calcite-ui-danger-hover);
 }
 :host([appearance=clear][color=red]) button:focus, 
-:host([appearance=clear][color=red]) a:focus {
+:host([appearance=clear][color=red]) a:focus, 
+:host([appearance=minimal][color=red]) button:focus, 
+:host([appearance=minimal][color=red]) a:focus {
   border-color: var(--calcite-ui-danger);
   color: var(--calcite-ui-danger);
   box-shadow: inset 0 0 0 2px var(--calcite-ui-danger);
 }
 :host([appearance=clear][color=red]) button:active, 
-:host([appearance=clear][color=red]) a:active {
+:host([appearance=clear][color=red]) a:active, 
+:host([appearance=minimal][color=red]) button:active, 
+:host([appearance=minimal][color=red]) a:active {
   border-color: var(--calcite-ui-danger-press);
   color: var(--calcite-ui-danger-press);
   box-shadow: inset 0 0 0 2px var(--calcite-ui-danger-press);
 }
 :host([appearance=clear][color=red]) button calcite-loader,
-:host([appearance=clear][color=red]) a calcite-loader {
+:host([appearance=clear][color=red]) a calcite-loader,
+:host([appearance=minimal][color=red]) button calcite-loader,
+:host([appearance=minimal][color=red]) a calcite-loader {
   color: var(--calcite-ui-danger);
 }
 
 :host([appearance=clear][color=neutral]) button, 
-:host([appearance=clear][color=neutral]) a {
+:host([appearance=clear][color=neutral]) a, 
+:host([appearance=minimal][color=neutral]) button, 
+:host([appearance=minimal][color=neutral]) a {
+  background-color: transparent;
   color: var(--calcite-ui-text-1);
   border-color: var(--calcite-ui-foreground-3);
 }
 :host([appearance=clear][color=neutral]) button:hover,
-:host([appearance=clear][color=neutral]) a:hover {
+:host([appearance=clear][color=neutral]) a:hover,
+:host([appearance=minimal][color=neutral]) button:hover,
+:host([appearance=minimal][color=neutral]) a:hover {
   box-shadow: inset 0 0 0 1px var(--calcite-ui-foreground-3);
 }
 :host([appearance=clear][color=neutral]) button:focus,
-:host([appearance=clear][color=neutral]) a:focus {
+:host([appearance=clear][color=neutral]) a:focus,
+:host([appearance=minimal][color=neutral]) button:focus,
+:host([appearance=minimal][color=neutral]) a:focus {
   box-shadow: inset 0 0 0 2px var(--calcite-ui-foreground-3);
 }
 :host([appearance=clear][color=neutral]) button:active,
-:host([appearance=clear][color=neutral]) a:active {
+:host([appearance=clear][color=neutral]) a:active,
+:host([appearance=minimal][color=neutral]) button:active,
+:host([appearance=minimal][color=neutral]) a:active {
   box-shadow: inset 0 0 0 2px var(--calcite-ui-foreground-3);
 }
 :host([appearance=clear][color=neutral]) button calcite-loader, 
-:host([appearance=clear][color=neutral]) a calcite-loader {
+:host([appearance=clear][color=neutral]) a calcite-loader, 
+:host([appearance=minimal][color=neutral]) button calcite-loader, 
+:host([appearance=minimal][color=neutral]) a calcite-loader {
   color: var(--calcite-ui-text-1);
 }
 
 :host([appearance=clear][color=inverse]) button, 
-:host([appearance=clear][color=inverse]) a {
+:host([appearance=clear][color=inverse]) a, 
+:host([appearance=minimal][color=inverse]) button, 
+:host([appearance=minimal][color=inverse]) a {
+  background-color: transparent;
   color: var(--calcite-ui-text-1);
   border-color: var(--calcite-ui-inverse);
 }
 :host([appearance=clear][color=inverse]) button:hover,
-:host([appearance=clear][color=inverse]) a:hover {
+:host([appearance=clear][color=inverse]) a:hover,
+:host([appearance=minimal][color=inverse]) button:hover,
+:host([appearance=minimal][color=inverse]) a:hover {
   border-color: var(--calcite-ui-inverse-hover);
   box-shadow: inset 0 0 0 1px var(--calcite-ui-inverse-hover);
 }
 :host([appearance=clear][color=inverse]) button:focus,
-:host([appearance=clear][color=inverse]) a:focus {
+:host([appearance=clear][color=inverse]) a:focus,
+:host([appearance=minimal][color=inverse]) button:focus,
+:host([appearance=minimal][color=inverse]) a:focus {
   border-color: var(--calcite-ui-inverse);
   box-shadow: inset 0 0 0 2px var(--calcite-ui-inverse);
 }
 :host([appearance=clear][color=inverse]) button:active,
-:host([appearance=clear][color=inverse]) a:active {
+:host([appearance=clear][color=inverse]) a:active,
+:host([appearance=minimal][color=inverse]) button:active,
+:host([appearance=minimal][color=inverse]) a:active {
   border-color: var(--calcite-ui-inverse-press);
   box-shadow: inset 0 0 0 2px var(--calcite-ui-inverse-press);
 }
 :host([appearance=clear][color=inverse]) button calcite-loader, 
-:host([appearance=clear][color=inverse]) a calcite-loader {
+:host([appearance=clear][color=inverse]) a calcite-loader, 
+:host([appearance=minimal][color=inverse]) button calcite-loader, 
+:host([appearance=minimal][color=inverse]) a calcite-loader {
   color: var(--calcite-ui-text-1);
 }
 
 :host([appearance=outline][split-child=primary]) button,
-:host([appearance=clear][split-child=primary]) button {
+:host([appearance=clear][split-child=primary]) button,
+:host([appearance=minimal][split-child=primary]) button {
   border-inline-end-width: 0;
   border-inline-start-width: 1px;
 }
 
 :host([appearance=outline][split-child=secondary]) button,
-:host([appearance=clear][split-child=secondary]) button {
+:host([appearance=clear][split-child=secondary]) button,
+:host([appearance=minimal][split-child=secondary]) button {
   border-inline-start-width: 0;
   border-inline-end-width: 1px;
 }

package/dist/collection/components/button/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-beta.92
+ * v1.0.0-beta.94
  */
 import "form-request-submit-polyfill/form-request-submit-polyfill";
 import { Component, Element, h, Method, Prop, Build, State, Watch } from "@stencil/core";
@@ -190,7 +190,7 @@ export class Button {
       "mutable": false,
       "complexType": {
         "original": "ButtonAppearance",
-        "resolved": "\"clear\" | \"outline\" | \"solid\" | \"transparent\"",
+        "resolved": "\"clear\" | \"minimal\" | \"outline\" | \"solid\" | \"transparent\"",
         "references": {
           "ButtonAppearance": {
             "location": "import",
@@ -393,7 +393,7 @@ export class Button {
         "text": "The name attribute to apply to the button"
       },
       "attribute": "name",
-      "reflect": false
+      "reflect": true
     },
     "rel": {
       "type": "string",
@@ -410,7 +410,7 @@ export class Button {
         "text": "The rel attribute to apply to the hyperlink"
       },
       "attribute": "rel",
-      "reflect": false
+      "reflect": true
     },
     "form": {
       "type": "string",
@@ -506,7 +506,7 @@ export class Button {
         "text": "The target attribute to apply to the hyperlink"
       },
       "attribute": "target",
-      "reflect": false
+      "reflect": true
     },
     "type": {
       "type": "string",
@@ -523,7 +523,7 @@ export class Button {
         "text": "The type attribute to apply to the button"
       },
       "attribute": "type",
-      "reflect": false,
+      "reflect": true,
       "defaultValue": "\"button\""
     },
     "width": {