@esri/calcite-components 3.0.0 → 3.0.2

package/dist/components/calcite-table-header/customElement.js

@@ -8,7 +8,7 @@ import { u as g } from "../../chunks/useT9n.js";
 import { css as f } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v3.0.0 */
+v3.0.2 */
 const e = {
   contentCell: "content-cell",
   numberCell: "number-cell",

package/dist/components/calcite-table-row/customElement.js

@@ -11,7 +11,7 @@ import { g } from "../../chunks/component.js";
 import { css as T } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v3.0.0 */
+v3.0.2 */
 const $ = {
   lastVisibleRow: "last-visible-row"
 }, S = T`@charset "UTF-8";:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{--calcite-internal-table-row-background: var(--calcite-table-row-background, var(--calcite-color-foreground-1));--calcite-internal-table-row-border-color: var(--calcite-table-row-border-color, transparent);display:contents}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) tr{pointer-events:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}tr{border-block-end:1px solid var(--calcite-internal-table-row-border-color);background-color:var(--calcite-internal-table-row-background)}tr.last-visible-row{border-block-end:0}@-moz-document url-prefix(){tr{box-shadow:inset 0 -1px 0 0 var(--calcite-internal-table-row-border-color)}tr.last-visible-row{box-shadow:inset 0 -1px 0 0 transparent}}:host([item-hidden]){display:none}`;

package/dist/components/calcite-tabs/customElement.js

@@ -6,7 +6,7 @@ import { s as b, e as p } from "../../chunks/dom.js";
 import { css as m } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v3.0.0 */
+v3.0.2 */
 const f = {
   titleGroup: "title-group"
 }, u = m`:host{display:flex;flex-direction:column}:host([bordered]){box-shadow:inset 0 1px 0 var(--calcite-color-border-1);background-color:var(--calcite-color-foreground-1)}:host([bordered]) section{border-width:1px;border-style:solid;border-color:var(--calcite-color-border-1)}:host([bordered][position=bottom]){box-shadow:inset 0 1px 0 var(--calcite-color-border-1),inset 0 -1px 0 var(--calcite-color-border-1)}:host([bordered]:not([position=bottom])) ::slotted(calcite-tab-nav){margin-block-end:-1px}:host([bordered][scale=s]) section{padding:.75rem}:host([bordered][scale=m]) section{padding:.5rem}:host([bordered][scale=l]) section{padding:1rem}:host([position=bottom]){flex-direction:column-reverse}section{display:flex;flex-grow:1;overflow:hidden;border-block-start-width:1px;border-block-start-color:var(--calcite-color-border-1);border-block-start-style:solid}:host([position=bottom]) section{flex-direction:column-reverse;border-block-start-width:0px;border-block-end-width:1px;border-block-end-color:var(--calcite-color-border-1)}:host([position=bottom]:not([bordered])) section{border-block-end-style:solid}@media (forced-colors: active){:host([bordered]) section{border-block-start-width:0px;border-block-end-width:1px}:host([position=bottom][bordered]) section{border-block-start-width:1px;border-block-end-width:0px}}:host([hidden]){display:none}[hidden]{display:none}`;

package/dist/components/calcite-text-area/customElement.js

@@ -19,7 +19,7 @@ import { u as j } from "../../chunks/useT9n.js";
 import { css as V } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v3.0.0 */
+v3.0.2 */
 const a = {
   assistiveText: "assistive-text",
   characterLimit: "character-limit",

package/dist/components/calcite-tile/customElement.js

@@ -8,7 +8,7 @@ import { c as A } from "../../chunks/loadable.js";
 import { css as H } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v3.0.0 */
+v3.0.2 */
 const t = {
   container: "container",
   contentContainer: "content-container",

package/dist/components/calcite-tile-group/customElement.js

@@ -8,7 +8,7 @@ import { d as i } from "../../chunks/dom.js";
 import { css as m } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v3.0.0 */
+v3.0.2 */
 const u = {
   container: "container"
 }, f = m`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{box-sizing:border-box;display:inline-block}:host ::slotted(calcite-tile){margin-block-end:var(--calcite-spacing-px);margin-inline-end:var(--calcite-spacing-px)}.container{display:grid;grid-auto-rows:minmax(auto,1fr)}:host([scale=s]) .container{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}:host([scale=m]) .container{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}:host([scale=l]) .container{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}:host([layout=vertical]) .container{display:flex;flex-direction:column}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}`;

package/dist/components/calcite-tile-select/customElement.js

@@ -8,7 +8,7 @@ import { l as w } from "../../chunks/logger.js";
 import { css as C } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v3.0.0 */
+v3.0.2 */
 const i = {
   description: "description",
   descriptionOnly: "description-only",

package/dist/components/calcite-tile-select-group/customElement.js

@@ -6,7 +6,7 @@ import { l } from "../../chunks/logger.js";
 import { css as a } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v3.0.0 */
+v3.0.2 */
 const d = a`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;flex-wrap:wrap}:host ::slotted(calcite-tile-select){margin-block-end:1px;margin-inline-end:1px}:host([layout=vertical]){flex-direction:column}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}`;
 class r extends s {
   constructor() {

package/dist/components/calcite-time-picker/customElement.js

@@ -13,7 +13,7 @@ import { u as _ } from "../../chunks/useT9n.js";
 import { css as B } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v3.0.0 */
+v3.0.2 */
 const t = {
   button: "button",
   buttonBottomLeft: "button--bottom-left",

package/dist/components/calcite-tip/customElement.js

@@ -9,7 +9,7 @@ import { u as b } from "../../chunks/useT9n.js";
 import { css as v } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v3.0.0 */
+v3.0.2 */
 const e = {
   container: "container",
   header: "header",

package/dist/components/calcite-tip-group/customElement.js

@@ -5,7 +5,7 @@ import { l as r } from "../../chunks/logger.js";
 import { css as i } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v3.0.0 */
+v3.0.2 */
 const s = i`:host{box-sizing:border-box;display:block;background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-2)}::slotted(calcite-tip){margin:0;border-style:none;max-inline-size:var(--calcite-tip-max-width)}:host([hidden]){display:none}[hidden]{display:none}`;
 class l extends t {
   static {

package/dist/components/calcite-tip-manager/customElement.js

@@ -11,7 +11,7 @@ import { u as T } from "../../chunks/useT9n.js";
 import { css as k } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v3.0.0 */
+v3.0.2 */
 const i = {
   header: "header",
   heading: "heading",

package/dist/components/calcite-tooltip/customElement.js

@@ -10,7 +10,7 @@ import { q as R, c as x } from "../../chunks/dom.js";
 import { css as A } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v3.0.0 */
+v3.0.2 */
 const f = {
   positionContainer: "position-container",
   container: "container"

package/dist/components/calcite-tree/customElement.js

@@ -5,7 +5,7 @@ import { b, n as p, s as M, t as S } from "../../chunks/dom.js";
 import { css as C } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v3.0.0 */
+v3.0.2 */
 function g(h) {
   return h?.tagName === "CALCITE-TREE-ITEM";
 }

package/dist/components/calcite-tree-item/customElement.js

@@ -9,7 +9,7 @@ import { g as h } from "../../chunks/component.js";
 import { css as F } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v3.0.0 */
+v3.0.2 */
 const i = {
   actionsEnd: "actions-end",
   bulletPointIcon: "bullet-point",

package/dist/controllers/useFocusTrap.d.ts

@@ -19,11 +19,15 @@ export interface UseFocusTrap {
      */
     overrideFocusTrapEl: (el: HTMLElement) => void;
     /**
-     * Updates focusable elements within the trap.
+     * Sets the extra containers to be used in the focus trap.
      *
      * @see https://github.com/focus-trap/focus-trap#trapupdatecontainerelements
      */
-    updateContainerElements: (extraContainers?: FocusTrapOptions["extraContainers"]) => void;
+    setExtraContainers: (extraContainers?: FocusTrapOptions["extraContainers"]) => void;
+    /**
+     * Updates focusable elements within the trap.
+     */
+    updateContainerElements: () => void;
 }
 interface UseFocusTrapOptions<T extends LitElement = LitElement> {
     /**

package/dist/docs/api.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-02-08T04:16:25",
+  "timestamp": "2025-02-14T20:01:23",
   "compiler": {
     "name": "@arcgis/lumina-compiler",
     "version": "4.32.0-next.129",
@@ -29929,7 +29929,7 @@
             {
               "kind": "field",
               "name": "inline",
-              "description": "When `true`, displays smaller and appears to the left of the text.",
+              "description": "When `true`, the component displays smaller.",
               "type": {
                 "text": "boolean",
                 "values": [
@@ -29989,7 +29989,7 @@
             {
               "kind": "field",
               "name": "text",
-              "description": "Text that displays under the component's indicator.",
+              "description": "When not `inline`, displays text under the component's indicator.",
               "type": {
                 "text": "string",
                 "values": [
@@ -30045,7 +30045,7 @@
           "attributes": [
             {
               "name": "inline",
-              "description": "When `true`, displays smaller and appears to the left of the text.",
+              "description": "When `true`, the component displays smaller.",
               "type": {
                 "text": "boolean",
                 "values": [
@@ -30095,7 +30095,7 @@
             },
             {
               "name": "text",
-              "description": "Text that displays under the component's indicator.",
+              "description": "When not `inline`, displays text under the component's indicator.",
               "type": {
                 "text": "string",
                 "values": [
@@ -30148,11 +30148,11 @@
           "cssProperties": [
             {
               "name": "--calcite-loader-font-size",
-              "description": "Specifies the font size of the loading percentage when type is `\"determinate\"`."
+              "description": "When `type` is not `\"indeterminate\"` or `inline`, specifies the font size of the loading percentage."
             },
             {
               "name": "--calcite-loader-size",
-              "description": "Specifies the width and height of the component when not set to inline."
+              "description": "When `inline` is not set, specifies the component's width and height."
             },
             {
               "name": "--calcite-loader-size-inline",
@@ -30164,23 +30164,23 @@
             },
             {
               "name": "--calcite-loader-progress-color-inline",
-              "description": "Specifies the width and height of the component when set to inline."
+              "description": "When `inline`, specifies the component's progress ring color."
             },
             {
               "name": "--calcite-loader-text-spacing",
-              "description": "Specifies the component's text margin."
+              "description": "When not `inline`, specifies the component's `text` margin."
             },
             {
               "name": "--calcite-loader-text-weight",
-              "description": "Specifies the component's font weight."
+              "description": "When not `inline` and `text` is provided, specifies the component's `text` font weight."
             },
             {
               "name": "--calcite-loader-text-color",
-              "description": "Specifies the component's text color."
+              "description": "When not `inline` and `text` is provided, specifies the component's `text` color."
             },
             {
               "name": "--calcite-loader-progress-color",
-              "description": "Specifies the component's progress ring color."
+              "description": "When not `inline`, specifies the component's progress ring color."
             },
             {
               "name": "--calcite-loader-track-color",

package/dist/docs/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-02-08T04:16:25",
+  "timestamp": "2025-02-14T20:01:23",
   "compiler": {
     "name": "@arcgis/lumina-compiler",
     "version": "4.32.0-next.129",
@@ -24899,7 +24899,7 @@
           "mutable": true,
           "attr": "inline",
           "reflectToAttr": true,
-          "docs": "When `true`, displays smaller and appears to the left of the text.",
+          "docs": "When `true`, the component displays smaller.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -24977,7 +24977,7 @@
           "mutable": true,
           "attr": "text",
           "reflectToAttr": false,
-          "docs": "Text that displays under the component's indicator.",
+          "docs": "When not `inline`, displays text under the component's indicator.",
           "docsTags": [],
           "default": "\"\"",
           "values": [
@@ -25081,12 +25081,12 @@
         {
           "name": "--calcite-loader-font-size",
           "annotation": "prop",
-          "docs": "Specifies the font size of the loading percentage when type is `\"determinate\"`."
+          "docs": "When `type` is not `\"indeterminate\"` or `inline`, specifies the font size of the loading percentage."
         },
         {
           "name": "--calcite-loader-size",
           "annotation": "prop",
-          "docs": "Specifies the width and height of the component when not set to inline."
+          "docs": "When `inline` is not set, specifies the component's width and height."
         },
         {
           "name": "--calcite-loader-size-inline",
@@ -25101,27 +25101,27 @@
         {
           "name": "--calcite-loader-progress-color-inline",
           "annotation": "prop",
-          "docs": "Specifies the width and height of the component when set to inline."
+          "docs": "When `inline`, specifies the component's progress ring color."
         },
         {
           "name": "--calcite-loader-text-spacing",
           "annotation": "prop",
-          "docs": "Specifies the component's text margin."
+          "docs": "When not `inline`, specifies the component's `text` margin."
         },
         {
           "name": "--calcite-loader-text-weight",
           "annotation": "prop",
-          "docs": "Specifies the component's font weight."
+          "docs": "When not `inline` and `text` is provided, specifies the component's `text` font weight."
         },
         {
           "name": "--calcite-loader-text-color",
           "annotation": "prop",
-          "docs": "Specifies the component's text color."
+          "docs": "When not `inline` and `text` is provided, specifies the component's `text` color."
         },
         {
           "name": "--calcite-loader-progress-color",
           "annotation": "prop",
-          "docs": "Specifies the component's progress ring color."
+          "docs": "When not `inline`, specifies the component's progress ring color."
         },
         {
           "name": "--calcite-loader-track-color",

package/dist/docs/supported-browsers.json

@@ -1 +1 @@
-["chrome 132","chrome 131","edge 132","edge 131","firefox 134","firefox 133","firefox 128","ios_saf 18.3","ios_saf 18.2","ios_saf 18.1","ios_saf 18.0","ios_saf 17.6-17.7","ios_saf 17.5","ios_saf 17.4","ios_saf 17.3","ios_saf 17.2","ios_saf 17.1","ios_saf 17.0","safari 18.3","safari 18.2","safari 18.1","safari 18.0","safari 17.6","safari 17.5","safari 17.4","safari 17.3","safari 17.2","safari 17.1","safari 17.0"]
+["chrome 133","chrome 132","edge 132","edge 131","firefox 135","firefox 134","firefox 128","ios_saf 18.3","ios_saf 18.2","ios_saf 18.1","ios_saf 18.0","ios_saf 17.6-17.7","ios_saf 17.5","ios_saf 17.4","ios_saf 17.3","ios_saf 17.2","ios_saf 17.1","ios_saf 17.0","safari 18.3","safari 18.2","safari 18.1","safari 18.0","safari 17.6","safari 17.5","safari 17.4","safari 17.3","safari 17.2","safari 17.1","safari 17.0"]

package/dist/docs/vscode.css-custom-data.json

@@ -1004,11 +1004,11 @@
     },
     {
       "name": "--calcite-loader-font-size",
-      "description": "Specifies the font size of the loading percentage when type is `\"determinate\"`."
+      "description": "When `type` is not `\"indeterminate\"` or `inline`, specifies the font size of the loading percentage."
     },
     {
       "name": "--calcite-loader-size",
-      "description": "Specifies the width and height of the component when not set to inline."
+      "description": "When `inline` is not set, specifies the component's width and height."
     },
     {
       "name": "--calcite-loader-size-inline",
@@ -1020,23 +1020,23 @@
     },
     {
       "name": "--calcite-loader-progress-color-inline",
-      "description": "Specifies the width and height of the component when set to inline."
+      "description": "When `inline`, specifies the component's progress ring color."
     },
     {
       "name": "--calcite-loader-text-spacing",
-      "description": "Specifies the component's text margin."
+      "description": "When not `inline`, specifies the component's `text` margin."
     },
     {
       "name": "--calcite-loader-text-weight",
-      "description": "Specifies the component's font weight."
+      "description": "When not `inline` and `text` is provided, specifies the component's `text` font weight."
     },
     {
       "name": "--calcite-loader-text-color",
-      "description": "Specifies the component's text color."
+      "description": "When not `inline` and `text` is provided, specifies the component's `text` color."
     },
     {
       "name": "--calcite-loader-progress-color",
-      "description": "Specifies the component's progress ring color."
+      "description": "When not `inline`, specifies the component's progress ring color."
     },
     {
       "name": "--calcite-loader-track-color",

package/dist/docs/vscode.html-custom-data.json

@@ -5138,11 +5138,11 @@
     },
     {
       "name": "calcite-loader",
-      "description": "### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n\n### CSS Properties\n- **--calcite-loader-font-size** - Specifies the font size of the loading percentage when type is `\"determinate\"`. \n- **--calcite-loader-size** - Specifies the width and height of the component when not set to inline. \n- **--calcite-loader-size-inline** - [Deprecated] Use `--calcite-loader-size`. Specifies the width and height of the component when set to inline. \n- **--calcite-loader-spacing** - Specifies the the component's padding. \n- **--calcite-loader-progress-color-inline** - Specifies the width and height of the component when set to inline. \n- **--calcite-loader-text-spacing** - Specifies the component's text margin. \n- **--calcite-loader-text-weight** - Specifies the component's font weight. \n- **--calcite-loader-text-color** - Specifies the component's text color. \n- **--calcite-loader-progress-color** - Specifies the component's progress ring color. \n- **--calcite-loader-track-color** - Specifies the component's track color. ",
+      "description": "### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n\n### CSS Properties\n- **--calcite-loader-font-size** - When `type` is not `\"indeterminate\"` or `inline`, specifies the font size of the loading percentage. \n- **--calcite-loader-size** - When `inline` is not set, specifies the component's width and height. \n- **--calcite-loader-size-inline** - [Deprecated] Use `--calcite-loader-size`. Specifies the width and height of the component when set to inline. \n- **--calcite-loader-spacing** - Specifies the the component's padding. \n- **--calcite-loader-progress-color-inline** - When `inline`, specifies the component's progress ring color. \n- **--calcite-loader-text-spacing** - When not `inline`, specifies the component's `text` margin. \n- **--calcite-loader-text-weight** - When not `inline` and `text` is provided, specifies the component's `text` font weight. \n- **--calcite-loader-text-color** - When not `inline` and `text` is provided, specifies the component's `text` color. \n- **--calcite-loader-progress-color** - When not `inline`, specifies the component's progress ring color. \n- **--calcite-loader-track-color** - Specifies the component's track color. ",
       "attributes": [
         {
           "name": "inline",
-          "description": "When `true`, displays smaller and appears to the left of the text.",
+          "description": "When `true`, the component displays smaller.",
           "values": []
         },
         {
@@ -5167,7 +5167,7 @@
         },
         {
           "name": "text",
-          "description": "Text that displays under the component's indicator.",
+          "description": "When not `inline`, displays text under the component's indicator.",
           "values": []
         },
         {

package/dist/docs/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@esri/calcite-components",
-  "version": "3.0.0",
+  "version": "3.0.2",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -10619,11 +10619,11 @@
         },
         {
           "name": "calcite-loader",
-          "description": "### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n\n### CSS Properties\n- **--calcite-loader-font-size** - Specifies the font size of the loading percentage when type is `\"determinate\"`. \n- **--calcite-loader-size** - Specifies the width and height of the component when not set to inline. \n- **--calcite-loader-size-inline** - [Deprecated] Use `--calcite-loader-size`. Specifies the width and height of the component when set to inline. \n- **--calcite-loader-spacing** - Specifies the the component's padding. \n- **--calcite-loader-progress-color-inline** - Specifies the width and height of the component when set to inline. \n- **--calcite-loader-text-spacing** - Specifies the component's text margin. \n- **--calcite-loader-text-weight** - Specifies the component's font weight. \n- **--calcite-loader-text-color** - Specifies the component's text color. \n- **--calcite-loader-progress-color** - Specifies the component's progress ring color. \n- **--calcite-loader-track-color** - Specifies the component's track color. ",
+          "description": "### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n\n### CSS Properties\n- **--calcite-loader-font-size** - When `type` is not `\"indeterminate\"` or `inline`, specifies the font size of the loading percentage. \n- **--calcite-loader-size** - When `inline` is not set, specifies the component's width and height. \n- **--calcite-loader-size-inline** - [Deprecated] Use `--calcite-loader-size`. Specifies the width and height of the component when set to inline. \n- **--calcite-loader-spacing** - Specifies the the component's padding. \n- **--calcite-loader-progress-color-inline** - When `inline`, specifies the component's progress ring color. \n- **--calcite-loader-text-spacing** - When not `inline`, specifies the component's `text` margin. \n- **--calcite-loader-text-weight** - When not `inline` and `text` is provided, specifies the component's `text` font weight. \n- **--calcite-loader-text-color** - When not `inline` and `text` is provided, specifies the component's `text` color. \n- **--calcite-loader-progress-color** - When not `inline`, specifies the component's progress ring color. \n- **--calcite-loader-track-color** - Specifies the component's track color. ",
           "attributes": [
             {
               "name": "inline",
-              "description": "When `true`, displays smaller and appears to the left of the text.",
+              "description": "When `true`, the component displays smaller.",
               "default": "false",
               "value": {
                 "type": "boolean"
@@ -10650,7 +10650,7 @@
             },
             {
               "name": "text",
-              "description": "Text that displays under the component's indicator.",
+              "description": "When not `inline`, displays text under the component's indicator.",
               "default": "\"\"",
               "value": {
                 "type": "string"
@@ -10682,7 +10682,7 @@
             "properties": [
               {
                 "name": "inline",
-                "description": "When `true`, displays smaller and appears to the left of the text.",
+                "description": "When `true`, the component displays smaller.",
                 "type": "boolean"
               },
               {
@@ -10697,7 +10697,7 @@
               },
               {
                 "name": "text",
-                "description": "Text that displays under the component's indicator.",
+                "description": "When not `inline`, displays text under the component's indicator.",
                 "type": "string"
               },
               {
@@ -19320,11 +19320,11 @@
         },
         {
           "name": "--calcite-loader-font-size",
-          "description": "Specifies the font size of the loading percentage when type is `\"determinate\"`."
+          "description": "When `type` is not `\"indeterminate\"` or `inline`, specifies the font size of the loading percentage."
         },
         {
           "name": "--calcite-loader-size",
-          "description": "Specifies the width and height of the component when not set to inline."
+          "description": "When `inline` is not set, specifies the component's width and height."
         },
         {
           "name": "--calcite-loader-size-inline",
@@ -19336,23 +19336,23 @@
         },
         {
           "name": "--calcite-loader-progress-color-inline",
-          "description": "Specifies the width and height of the component when set to inline."
+          "description": "When `inline`, specifies the component's progress ring color."
         },
         {
           "name": "--calcite-loader-text-spacing",
-          "description": "Specifies the component's text margin."
+          "description": "When not `inline`, specifies the component's `text` margin."
         },
         {
           "name": "--calcite-loader-text-weight",
-          "description": "Specifies the component's font weight."
+          "description": "When not `inline` and `text` is provided, specifies the component's `text` font weight."
         },
         {
           "name": "--calcite-loader-text-color",
-          "description": "Specifies the component's text color."
+          "description": "When not `inline` and `text` is provided, specifies the component's `text` color."
         },
         {
           "name": "--calcite-loader-progress-color",
-          "description": "Specifies the component's progress ring color."
+          "description": "When not `inline`, specifies the component's progress ring color."
         },
         {
           "name": "--calcite-loader-track-color",

package/dist/extras/vscode-data.json

@@ -5138,11 +5138,11 @@
     },
     {
       "name": "calcite-loader",
-      "description": "### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n\n### CSS Properties\n- **--calcite-loader-font-size** - Specifies the font size of the loading percentage when type is `\"determinate\"`. \n- **--calcite-loader-size** - Specifies the width and height of the component when not set to inline. \n- **--calcite-loader-size-inline** - [Deprecated] Use `--calcite-loader-size`. Specifies the width and height of the component when set to inline. \n- **--calcite-loader-spacing** - Specifies the the component's padding. \n- **--calcite-loader-progress-color-inline** - Specifies the width and height of the component when set to inline. \n- **--calcite-loader-text-spacing** - Specifies the component's text margin. \n- **--calcite-loader-text-weight** - Specifies the component's font weight. \n- **--calcite-loader-text-color** - Specifies the component's text color. \n- **--calcite-loader-progress-color** - Specifies the component's progress ring color. \n- **--calcite-loader-track-color** - Specifies the component's track color. ",
+      "description": "### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n\n### CSS Properties\n- **--calcite-loader-font-size** - When `type` is not `\"indeterminate\"` or `inline`, specifies the font size of the loading percentage. \n- **--calcite-loader-size** - When `inline` is not set, specifies the component's width and height. \n- **--calcite-loader-size-inline** - [Deprecated] Use `--calcite-loader-size`. Specifies the width and height of the component when set to inline. \n- **--calcite-loader-spacing** - Specifies the the component's padding. \n- **--calcite-loader-progress-color-inline** - When `inline`, specifies the component's progress ring color. \n- **--calcite-loader-text-spacing** - When not `inline`, specifies the component's `text` margin. \n- **--calcite-loader-text-weight** - When not `inline` and `text` is provided, specifies the component's `text` font weight. \n- **--calcite-loader-text-color** - When not `inline` and `text` is provided, specifies the component's `text` color. \n- **--calcite-loader-progress-color** - When not `inline`, specifies the component's progress ring color. \n- **--calcite-loader-track-color** - Specifies the component's track color. ",
       "attributes": [
         {
           "name": "inline",
-          "description": "When `true`, displays smaller and appears to the left of the text.",
+          "description": "When `true`, the component displays smaller.",
           "values": []
         },
         {
@@ -5167,7 +5167,7 @@
         },
         {
           "name": "text",
-          "description": "Text that displays under the component's indicator.",
+          "description": "When not `inline`, displays text under the component's indicator.",
           "values": []
         },
         {

package/dist/index.js

@@ -2,7 +2,7 @@ import { s } from "./chunks/runtime.js";
 import { g as P } from "./chunks/runtime.js";
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v3.0.0 */
+v3.0.2 */
 let e = !1;
 const o = (t) => {
   e = !0, s(t);

package/dist/loader.js

@@ -3,7 +3,7 @@ import { r as e } from "./chunks/runtime.js";
 import { makeDefineCustomElements as t } from "@arcgis/lumina";
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v3.0.0 */
+v3.0.2 */
 const o = t(e, {
   "calcite-accordion": [() => import("./components/calcite-accordion/customElement.js"), "appearance,iconPosition,iconType,scale,selectionMode"],
   "calcite-accordion-item": [() => import("./components/calcite-accordion-item/customElement.js"), "accordionParent:,description,expanded,heading,iconEnd,iconFlipRtl,iconPosition,iconStart,iconType,scale;setFocus"],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@esri/calcite-components",
-  "version": "3.0.0",
+  "version": "3.0.2",
   "description": "Web Components for Esri's Calcite Design System.",
   "homepage": "https://developers.arcgis.com/calcite-design-system/",
   "repository": {
@@ -101,5 +101,5 @@
     "dist/docs/vscode.html-custom-data.json"
   ],
   "web-types": "dist/docs/web-types.json",
-  "gitHead": "e63242f9ee599ca587df864e4f85545746c1157c"
+  "gitHead": "78f35430666a4bcd218a33c390f637608b0c9022"
 }

package/readme.md

@@ -17,12 +17,12 @@ The most common approach for loading Calcite Components is to use the version ho
 ```html
 <script
   type="module"
-  src="https://cdn.jsdelivr.net/npm/@esri/calcite-components@3.0.0/dist/calcite/calcite.esm.js"
+  src="https://cdn.jsdelivr.net/npm/@esri/calcite-components@3.0.2/dist/calcite/calcite.esm.js"
 ></script>
 <link
   rel="stylesheet"
   type="text/css"
-  href="https://cdn.jsdelivr.net/npm/@esri/calcite-components@3.0.0/dist/calcite/calcite.css"
+  href="https://cdn.jsdelivr.net/npm/@esri/calcite-components@3.0.2/dist/calcite/calcite.css"
 />
 ```