@esri/calcite-components 1.4.0-next.16 → 1.4.0-next.18

package/dist/esm/{t9n-c6c4c747.js → t9n-a42aee6c.js}

@@ -1,10 +1,10 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.4.0-next.16
+ * v1.4.0-next.18
  */
-import { g as getAssetPath } from './index-7cd86b2f.js';
-import { g as getSupportedLocale } from './locale-2890210d.js';
+import { g as getAssetPath } from './index-762d568e.js';
+import { g as getSupportedLocale } from './locale-c51d71a0.js';
 
 const componentLangToMessageBundleCache = {};
 async function getMessageBundle(lang, component) {

package/dist/esm/{throttle-5619e039.js → throttle-7de821df.js}

@@ -1,9 +1,9 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.4.0-next.16
+ * v1.4.0-next.18
  */
-import { d as debounce, i as isObject } from './debounce-08574d11.js';
+import { d as debounce, i as isObject } from './debounce-f4ed1d9e.js';
 
 /** Error message constants. */
 var FUNC_ERROR_TEXT = 'Expected a function';

package/dist/esm/{utils-f874a9d1.js → utils-a0328a2e.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.4.0-next.16
+ * v1.4.0-next.18
  */
 const hexChar = /^[0-9A-F]$/i;
 const shorthandHex = /^#[0-9A-F]{3}$/i;

package/dist/esm/{utils-ac238ffd.js → utils-d7789409.js}

@@ -1,10 +1,10 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.4.0-next.16
+ * v1.4.0-next.18
  */
-import { g as getAssetPath } from './index-7cd86b2f.js';
-import { n as numberStringFormatter, g as getSupportedLocale } from './locale-2890210d.js';
+import { g as getAssetPath } from './index-762d568e.js';
+import { n as numberStringFormatter, g as getSupportedLocale } from './locale-c51d71a0.js';
 
 /**
  * Check if date is within a min and max
@@ -82,7 +82,9 @@ function dateFromLocalizedString(value, localeData) {
     return null;
   }
   const { separator } = localeData;
-  const { day, month, year } = parseDateString(value, localeData);
+  const parts = parseDateString(value, localeData);
+  const { day, month } = parts;
+  const year = parseCalendarYear(parts.year, localeData);
   const date = new Date(year, month, day);
   date.setFullYear(year);
   const validDay = day > 0;
@@ -95,6 +97,20 @@ function dateFromLocalizedString(value, localeData) {
   }
   return null;
 }
+function parseCalendarYear(year, localeData) {
+  return processCalendarYear(year, localeData, "read");
+}
+function formatCalendarYear(year, localeData) {
+  return processCalendarYear(year, localeData, "write");
+}
+function processCalendarYear(year, localeData, mode) {
+  if (localeData["default-calendar"] !== "buddhist") {
+    return year;
+  }
+  const BUDDHIST_CALENDAR_YEAR_OFFSET = 543;
+  const yearOffset = BUDDHIST_CALENDAR_YEAR_OFFSET * (mode === "read" ? -1 : 1);
+  return year + yearOffset;
+}
 /**
  * Retrieve day, month, and year strings from a localized string
  *
@@ -258,4 +274,4 @@ function getValueAsDateRange(value) {
   return value.map((v, index) => dateFromISO(v, index === 1));
 }
 
-export { dateFromLocalizedString as a, dateToISO as b, dateFromISO as c, datePartsFromLocalizedString as d, getLocaleData as e, dateFromRange as f, getValueAsDateRange as g, getDaysDiff as h, inRange as i, sameDate as j, getOrder as k, nextMonth as n, prevMonth as p, setEndOfDay as s };
+export { dateFromLocalizedString as a, dateToISO as b, dateFromISO as c, datePartsFromLocalizedString as d, getLocaleData as e, dateFromRange as f, getValueAsDateRange as g, getDaysDiff as h, inRange as i, sameDate as j, getOrder as k, formatCalendarYear as l, parseCalendarYear as m, nextMonth as n, prevMonth as p, setEndOfDay as s };

package/dist/extras/docs-json.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2023-05-13T17:13:32",
+  "timestamp": "2023-05-17T22:50:46",
   "compiler": {
     "name": "@stencil/core",
     "version": "2.22.3",
@@ -18544,7 +18544,7 @@
         }
       ],
       "usage": {
-        "Advanced": "Renders a shell with leading and trailing floating panels, action bar/pad, block, flow, tip manager, footer.\n\n```html\n<calcite-shell>\n  <calcite-shell-panel slot=\"panel-start\" position=\"start\" detached>\n    <calcite-action-bar slot=\"action-bar\">\n      <calcite-action-group>\n        <calcite-action text=\"Add\" icon=\"plus\"></calcite-action>\n        <calcite-action text=\"Save\" disabled icon=\"save\"></calcite-action>\n        <calcite-action text=\"Layers\" active indicator icon=\"layers\"></calcite-action>\n      </calcite-action-group>\n      <calcite-action-group>\n        <calcite-action text=\"Add\" icon=\"plus\"></calcite-action>\n        <calcite-action text=\"Layers\" indicator icon=\"layers\"></calcite-action>\n      </calcite-action-group>\n    </calcite-action-bar>\n    <calcite-block collapsible  heading=\"Primary Content\" summary=\"This is the primary.\">\n      <calcite-block-content>\n        <calcite-action text=\"Puppies\" text-enabled indicator icon=\"plus\"></calcite-action>\n        <calcite-action text=\"Kittens\" text-enabled icon=\"save\"></calcite-action>\n        <calcite-action text=\"Birds?\" text-enabled icon=\"banana\"></calcite-action>\n      </calcite-block-content>\n    </calcite-block>\n    <calcite-block collapsible  heading=\"Additional Block\" summary=\"Baby shark doo doo doo doo.\">\n      <calcite-block-content>\n          <p>Cool thing.</p>\n      </calcite-block-content>\n    </calcite-block>\n  </calcite-shell-panel>\n\n   <calcite-shell-panel slot=\"panel-end\" position=\"end\" detached height-scale=\"l\">\n      <calcite-action-bar slot=\"action-bar\">\n        <calcite-action-group>\n          <calcite-action text=\"Add\" active icon=\"plus\"></calcite-action>\n          <calcite-action text=\"Save\" disabled icon=\"save\"></calcite-action>\n          <calcite-action text=\"Layers\" icon=\"layers\"></calcite-action>\n        </calcite-action-group>\n        <calcite-action-group>\n          <calcite-action text=\"Add\" icon=\"plus\"></calcite-action>\n          <calcite-action text=\"Save\" disabled icon=\"save\"></calcite-action>\n          <calcite-action text=\"Layers\" icon=\"layers\"></calcite-action>\n        </calcite-action-group>\n        <calcite-action slot=\"bottom-actions\" text=\"Tips\" icon=\"lightbulb\"></calcite-action>\n      </calcite-action-bar>\n      <calcite-flow>\n        <calcite-flow-item heading=\"Layer settings\">\n          <calcite-block collapsible open heading=\"Contextual Content\" summary=\"Select goodness\">\n            <calcite-value-list multiple filter-enabled>\n              <calcite-value-list-item label=\"2018 Population Density (Esri)\" description=\"{POPDENS_CY}\" value=\"POPDENS_CY\">\n                <calcite-action slot=\"actions-end\" icon=\"camera-flash-on\"></calcite-action>\n              </calcite-value-list-item>\n              <calcite-value-list-item label=\"2018 Population Density [Updated]\" description=\"{POPDENS_CY}\" value=\"POPDENS_CY2\">\n                <calcite-action slot=\"actions-end\" icon=\"banana\"></calcite-action>\n              </calcite-value-list-item>\n              <calcite-value-list-item label=\"2018 Total Households (Esri)\" description=\"{TOTHH_CY}\" value=\"TOTHH_CY\">\n                <calcite-action slot=\"actions-end\" icon=\"person2\"></calcite-action>\n              </calcite-value-list-item>\n            </calcite-value-list>\n          </calcite-block>\n        </calcite-flow-item>\n      </calcite-flow>\n  </calcite-shell-panel>\n  <calcite-tip-manager slot=\"center-row\">\n    <calcite-tip heading=\"The Red Rocks and Blue Water\" thumbnail=\"https://placeimg.com/1000/600\" text-thumbnail=\"This is an image of nature.\">\n    <calcite-tip heading=\"The Long Trees\" thumbnail=\"https://placeimg.com/1000/600\" text-thumbnail=\"This is an image of trees.\">\n  </calcite-tip-manager>\n  <footer slot=\"footer\">Footer</footer>\n</calcite-shell>\n```\n",
+        "Advanced": "Renders a shell with leading and trailing floating panels, action bar/pad, block, flow, tip manager, footer.\n\n```html\n<calcite-shell>\n  <calcite-shell-panel slot=\"panel-start\" position=\"start\" display-mode=\"float\">\n    <calcite-action-bar slot=\"action-bar\">\n      <calcite-action-group>\n        <calcite-action text=\"Add\" icon=\"plus\"></calcite-action>\n        <calcite-action text=\"Save\" disabled icon=\"save\"></calcite-action>\n        <calcite-action text=\"Layers\" active indicator icon=\"layers\"></calcite-action>\n      </calcite-action-group>\n      <calcite-action-group>\n        <calcite-action text=\"Add\" icon=\"plus\"></calcite-action>\n        <calcite-action text=\"Layers\" indicator icon=\"layers\"></calcite-action>\n      </calcite-action-group>\n    </calcite-action-bar>\n    <calcite-block collapsible  heading=\"Primary Content\" summary=\"This is the primary.\">\n      <calcite-block-content>\n        <calcite-action text=\"Puppies\" text-enabled indicator icon=\"plus\"></calcite-action>\n        <calcite-action text=\"Kittens\" text-enabled icon=\"save\"></calcite-action>\n        <calcite-action text=\"Birds?\" text-enabled icon=\"banana\"></calcite-action>\n      </calcite-block-content>\n    </calcite-block>\n    <calcite-block collapsible  heading=\"Additional Block\" summary=\"Baby shark doo doo doo doo.\">\n      <calcite-block-content>\n          <p>Cool thing.</p>\n      </calcite-block-content>\n    </calcite-block>\n  </calcite-shell-panel>\n\n   <calcite-shell-panel slot=\"panel-end\" position=\"end\" display-mode=\"float\" height-scale=\"l\">\n      <calcite-action-bar slot=\"action-bar\">\n        <calcite-action-group>\n          <calcite-action text=\"Add\" active icon=\"plus\"></calcite-action>\n          <calcite-action text=\"Save\" disabled icon=\"save\"></calcite-action>\n          <calcite-action text=\"Layers\" icon=\"layers\"></calcite-action>\n        </calcite-action-group>\n        <calcite-action-group>\n          <calcite-action text=\"Add\" icon=\"plus\"></calcite-action>\n          <calcite-action text=\"Save\" disabled icon=\"save\"></calcite-action>\n          <calcite-action text=\"Layers\" icon=\"layers\"></calcite-action>\n        </calcite-action-group>\n        <calcite-action slot=\"bottom-actions\" text=\"Tips\" icon=\"lightbulb\"></calcite-action>\n      </calcite-action-bar>\n      <calcite-flow>\n        <calcite-flow-item heading=\"Layer settings\">\n          <calcite-block collapsible open heading=\"Contextual Content\" summary=\"Select goodness\">\n            <calcite-value-list multiple filter-enabled>\n              <calcite-value-list-item label=\"2018 Population Density (Esri)\" description=\"{POPDENS_CY}\" value=\"POPDENS_CY\">\n                <calcite-action slot=\"actions-end\" icon=\"camera-flash-on\"></calcite-action>\n              </calcite-value-list-item>\n              <calcite-value-list-item label=\"2018 Population Density [Updated]\" description=\"{POPDENS_CY}\" value=\"POPDENS_CY2\">\n                <calcite-action slot=\"actions-end\" icon=\"banana\"></calcite-action>\n              </calcite-value-list-item>\n              <calcite-value-list-item label=\"2018 Total Households (Esri)\" description=\"{TOTHH_CY}\" value=\"TOTHH_CY\">\n                <calcite-action slot=\"actions-end\" icon=\"person2\"></calcite-action>\n              </calcite-value-list-item>\n            </calcite-value-list>\n          </calcite-block>\n        </calcite-flow-item>\n      </calcite-flow>\n  </calcite-shell-panel>\n  <calcite-tip-manager slot=\"center-row\">\n    <calcite-tip heading=\"The Red Rocks and Blue Water\" thumbnail=\"https://placeimg.com/1000/600\" text-thumbnail=\"This is an image of nature.\">\n    <calcite-tip heading=\"The Long Trees\" thumbnail=\"https://placeimg.com/1000/600\" text-thumbnail=\"This is an image of trees.\">\n  </calcite-tip-manager>\n  <footer slot=\"footer\">Footer</footer>\n</calcite-shell>\n```\n",
         "Basic": "Renders a basic shell with a header and a footer.\n\n```html\n<calcite-shell>\n  <div slot=\"header\">\n    <header>\n      <h2>Shell Header: My App</h2>\n    </header>\n  </div>\n  <p>Shell Content</p>\n  <!-- insert map or fillable content here -->\n  <footer slot=\"footer\">Footer</footer>\n</calcite-shell>\n```\n",
         "With-panel-and-action-bar": "Renders a single panel with actions in an action bar.\n\n```html\n<calcite-shell>\n  <calcite-shell-panel slot=\"panel-start\" position=\"start\">\n    <img src=\"https://via.placeholder.com/300x200\" alt=\"placeholder\" />\n    <calcite-action-bar slot=\"action-bar\">\n      <calcite-action text=\"Add\" active icon=\"plus\"></calcite-action>\n      <calcite-action text=\"Save\" disabled icon=\"save\"></calcite-action>\n      <calcite-action text=\"Layers\" icon=\"layers\"></calcite-action>\n    </calcite-action-bar>\n  </calcite-shell-panel>\n</calcite-shell>\n```\n",
         "With-panels": "Renders a shell with a header and panels on the left and right sides of the app.\n\n```html\n<calcite-shell>\n  <calcite-shell-panel slot=\"panel-start\" position=\"start\">\n    Leading panel! (on the left side, since this is a LTR app)\n  </calcite-shell-panel>\n  <calcite-shell-panel slot=\"panel-end\" position=\"end\"> Trailing panel! (right side) </calcite-shell-panel>\n  <calcite-shell-center-row slot=\"center-row\" position=\"end\" height-scale=\"m\">\n    Center Row! (center bottom)\n  </calcite-shell-center-row>\n  <div slot=\"header\">\n    <header>\n      <h2>Shell Header: My App</h2>\n    </header>\n  </div>\n  <p>Shell Content</p>\n  <!-- insert map or fillable content here -->\n</calcite-shell>\n```\n"
@@ -18776,8 +18776,14 @@
           "attr": "detached",
           "reflectToAttr": true,
           "docs": "When `true`, the content area displays like a floating panel.",
-          "docsTags": [],
+          "docsTags": [
+            {
+              "name": "deprecated",
+              "text": "use `displayMode` instead."
+            }
+          ],
           "default": "false",
+          "deprecation": "use `displayMode` instead.",
           "values": [
             {
               "type": "boolean"
@@ -18792,9 +18798,65 @@
           "mutable": false,
           "attr": "detached-height-scale",
           "reflectToAttr": true,
-          "docs": "When `detached`, specifies the maximum height of the component.",
+          "docs": "When `displayMode` is `float`, specifies the maximum height of the component.",
+          "docsTags": [
+            {
+              "name": "deprecated",
+              "text": "use `heightScale` instead."
+            }
+          ],
+          "deprecation": "use `heightScale` instead.",
+          "values": [
+            {
+              "value": "l",
+              "type": "string"
+            },
+            {
+              "value": "m",
+              "type": "string"
+            },
+            {
+              "value": "s",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "displayMode",
+          "type": "\"dock\" | \"float\" | \"overlay\"",
+          "mutable": false,
+          "attr": "display-mode",
+          "reflectToAttr": true,
+          "docs": "Specifies the display mode - `\"dock\"` (full height, displays adjacent to center content), `\"float\"` (not full height, content is separated detached from `calcite-action-bar`, displays on top of center content),\nor `\"overlay\"` (full height, displays on top of center content).",
+          "docsTags": [],
+          "default": "\"dock\"",
+          "values": [
+            {
+              "value": "dock",
+              "type": "string"
+            },
+            {
+              "value": "float",
+              "type": "string"
+            },
+            {
+              "value": "overlay",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "heightScale",
+          "type": "\"l\" | \"m\" | \"s\"",
+          "mutable": false,
+          "attr": "height-scale",
+          "reflectToAttr": true,
+          "docs": "When `layout` is `horizontal`, or `layout` is `vertical` and `displayMode` is `float`, specifies the maximum height of the component.",
           "docsTags": [],
-          "default": "\"l\"",
           "values": [
             {
               "value": "l",
@@ -18857,6 +18919,7 @@
           "reflectToAttr": true,
           "docs": "Specifies the component's position. Will be flipped when the element direction is right-to-left (`\"rtl\"`).",
           "docsTags": [],
+          "default": "\"start\"",
           "values": [
             {
               "value": "end",
@@ -18876,7 +18939,7 @@
           "mutable": false,
           "attr": "resizable",
           "reflectToAttr": true,
-          "docs": "When `true` and not `detached`, the component's content area is resizable.",
+          "docs": "When `true` and `displayMode` is not `float`, the component's content area is resizable.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -18893,7 +18956,7 @@
           "mutable": false,
           "attr": "width-scale",
           "reflectToAttr": true,
-          "docs": "Specifies the width of the component's content area.",
+          "docs": "When `layout` is `vertical`, specifies the width of the component.",
           "docsTags": [],
           "default": "\"m\"",
           "values": [
@@ -18918,20 +18981,15 @@
       "events": [],
       "listeners": [],
       "styles": [
-        {
-          "name": "--calcite-shell-panel-detached-max-height",
-          "annotation": "prop",
-          "docs": "When `detached` is `true`, specifies the maximum height of the component."
-        },
         {
           "name": "--calcite-shell-panel-height",
           "annotation": "prop",
-          "docs": "When `layout` is `\"horizontal\"`, specifies the height of the component."
+          "docs": "When `layout` is `horizontal`, or `layout` is `vertical` and `displayMode` is `float`, specifies the height of the component."
         },
         {
           "name": "--calcite-shell-panel-max-height",
           "annotation": "prop",
-          "docs": "When `layout` is `\"horizontal\"`, specifies the maximum height of the component."
+          "docs": "When `layout` is `horizontal`, or `layout` is `vertical` and `displayMode` is `float`, specifies the maximum height of the component."
         },
         {
           "name": "--calcite-shell-panel-max-width",
@@ -18941,7 +18999,7 @@
         {
           "name": "--calcite-shell-panel-min-height",
           "annotation": "prop",
-          "docs": "When `layout` is `\"horizontal\"`, specifies the minimum height of the component."
+          "docs": "When `layout` is `horizontal`, or `layout` is `vertical` and `displayMode` is `float`, specifies the minimum height of the component."
         },
         {
           "name": "--calcite-shell-panel-min-width",

package/dist/extras/vscode-data.json

@@ -5018,7 +5018,37 @@
         },
         {
           "name": "detached-height-scale",
-          "description": "When `detached`, specifies the maximum height of the component.",
+          "description": "When `displayMode` is `float`, specifies the maximum height of the component.",
+          "values": [
+            {
+              "name": "l"
+            },
+            {
+              "name": "m"
+            },
+            {
+              "name": "s"
+            }
+          ]
+        },
+        {
+          "name": "display-mode",
+          "description": "Specifies the display mode - `\"dock\"` (full height, displays adjacent to center content), `\"float\"` (not full height, content is separated detached from `calcite-action-bar`, displays on top of center content),\nor `\"overlay\"` (full height, displays on top of center content).",
+          "values": [
+            {
+              "name": "dock"
+            },
+            {
+              "name": "float"
+            },
+            {
+              "name": "overlay"
+            }
+          ]
+        },
+        {
+          "name": "height-scale",
+          "description": "When `layout` is `horizontal`, or `layout` is `vertical` and `displayMode` is `float`, specifies the maximum height of the component.",
           "values": [
             {
               "name": "l"
@@ -5057,11 +5087,11 @@
         },
         {
           "name": "resizable",
-          "description": "When `true` and not `detached`, the component's content area is resizable."
+          "description": "When `true` and `displayMode` is not `float`, the component's content area is resizable."
         },
         {
           "name": "width-scale",
-          "description": "Specifies the width of the component's content area.",
+          "description": "When `layout` is `vertical`, specifies the width of the component.",
           "values": [
             {
               "name": "l"

package/dist/loader/cdn.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.4.0-next.16
+ * v1.4.0-next.18
  */
 module.exports = require('../cjs/loader.cjs.js');
 module.exports.applyPolyfills = function() { return Promise.resolve() };

package/dist/loader/index.cjs.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.4.0-next.16
+ * v1.4.0-next.18
  */
 module.exports = require('../cjs/loader.cjs.js');
 module.exports.applyPolyfills = function() { return Promise.resolve() };

package/dist/loader/index.es2017.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.4.0-next.16
+ * v1.4.0-next.18
  */
 export * from '../esm/polyfills/index.js';
 export * from '../esm/loader.js';

package/dist/loader/index.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.4.0-next.16
+ * v1.4.0-next.18
  */
 (function(){if("undefined"!==typeof window&&void 0!==window.Reflect&&void 0!==window.customElements){var a=HTMLElement;window.HTMLElement=function(){return Reflect.construct(a,[],this.constructor)};HTMLElement.prototype=a.prototype;HTMLElement.prototype.constructor=HTMLElement;Object.setPrototypeOf(HTMLElement,a)}})();
 export * from '../esm/polyfills/index.js';

package/dist/types/components/date-picker-month-header/resources.d.ts

@@ -1,4 +1,3 @@
-export declare const BUDDHIST_CALENDAR_YEAR_OFFSET = 543;
 export declare const CSS: {
   header: string;
   month: string;

package/dist/types/components/shell-panel/interfaces.d.ts

@@ -0,0 +1 @@
+export type DisplayMode = "dock" | "float" | "overlay";

package/dist/types/components/shell-panel/resources.d.ts

@@ -3,7 +3,8 @@ export declare const CSS: {
   content: string;
   contentHeader: string;
   contentBody: string;
-  contentDetached: string;
+  contentFloat: string;
+  contentOverlay: string;
   separator: string;
 };
 export declare const SLOTS: {

package/dist/types/components/shell-panel/shell-panel.d.ts

@@ -4,6 +4,7 @@ import { LocalizedComponent } from "../../utils/locale";
 import { T9nComponent } from "../../utils/t9n";
 import { Layout, Position, Scale } from "../interfaces";
 import { ShellPanelMessages } from "./assets/shell-panel/t9n";
+import { DisplayMode } from "./interfaces";
 /**
  * @slot - A slot for adding custom content.
  * @slot action-bar - A slot for adding a `calcite-action-bar` to the component.
@@ -15,14 +16,31 @@ export declare class ShellPanel implements ConditionalSlotComponent, LocalizedCo
   collapsed: boolean;
   /**
    * When `true`, the content area displays like a floating panel.
+   *
+   * @deprecated use `displayMode` instead.
    */
   detached: boolean;
+  handleDetached(value: boolean): void;
+  /**
+   * Specifies the display mode - `"dock"` (full height, displays adjacent to center content), `"float"` (not full height, content is separated detached from `calcite-action-bar`, displays on top of center content),
+   * or `"overlay"` (full height, displays on top of center content).
+   */
+  displayMode: DisplayMode;
+  handleDisplayMode(value: DisplayMode): void;
   /**
-   * When `detached`, specifies the maximum height of the component.
+   * When `displayMode` is `float`, specifies the maximum height of the component.
+   *
+   * @deprecated use `heightScale` instead.
    */
   detachedHeightScale: Scale;
+  handleDetachedHeightScale(value: Scale): void;
+  /**
+   * When `layout` is `horizontal`, or `layout` is `vertical` and `displayMode` is `float`, specifies the maximum height of the component.
+   */
+  heightScale: Scale;
+  handleHeightScale(value: Scale): void;
   /**
-   * Specifies the width of the component's content area.
+   * When `layout` is `vertical`, specifies the width of the component.
    */
   widthScale: Scale;
   /**
@@ -35,7 +53,7 @@ export declare class ShellPanel implements ConditionalSlotComponent, LocalizedCo
    */
   position: Position;
   /**
-   * When `true` and not `detached`, the component's content area is resizable.
+   * When `true` and `displayMode` is not `float`, the component's content area is resizable.
    */
   resizable: boolean;
   /**

package/dist/types/components.d.ts

@@ -63,6 +63,7 @@ import { PickListItemMessages } from "./components/pick-list-item/assets/pick-li
 import { PopoverMessages } from "./components/popover/assets/popover/t9n";
 import { RatingMessages } from "./components/rating/assets/rating/t9n";
 import { ScrimMessages } from "./components/scrim/assets/scrim/t9n";
+import { DisplayMode } from "./components/shell-panel/interfaces";
 import { ShellPanelMessages } from "./components/shell-panel/assets/shell-panel/t9n";
 import { StepperItemChangeEventDetail, StepperItemEventDetail, StepperItemKeyEventDetail } from "./components/stepper/interfaces";
 import { TabID, TabLayout, TabPosition } from "./components/tabs/interfaces";
@@ -3395,12 +3396,22 @@ export namespace Components {
         "collapsed": boolean;
         /**
           * When `true`, the content area displays like a floating panel.
+          * @deprecated use `displayMode` instead.
          */
         "detached": boolean;
         /**
-          * When `detached`, specifies the maximum height of the component.
+          * When `displayMode` is `float`, specifies the maximum height of the component.
+          * @deprecated use `heightScale` instead.
          */
         "detachedHeightScale": Scale;
+        /**
+          * Specifies the display mode - `"dock"` (full height, displays adjacent to center content), `"float"` (not full height, content is separated detached from `calcite-action-bar`, displays on top of center content), or `"overlay"` (full height, displays on top of center content).
+         */
+        "displayMode": DisplayMode;
+        /**
+          * When `layout` is `horizontal`, or `layout` is `vertical` and `displayMode` is `float`, specifies the maximum height of the component.
+         */
+        "heightScale": Scale;
         /**
           * The direction of the component.
          */
@@ -3418,11 +3429,11 @@ export namespace Components {
          */
         "position": Position;
         /**
-          * When `true` and not `detached`, the component's content area is resizable.
+          * When `true` and `displayMode` is not `float`, the component's content area is resizable.
          */
         "resizable": boolean;
         /**
-          * Specifies the width of the component's content area.
+          * When `layout` is `vertical`, specifies the width of the component.
          */
         "widthScale": Scale;
     }
@@ -8443,12 +8454,22 @@ declare namespace LocalJSX {
         "collapsed"?: boolean;
         /**
           * When `true`, the content area displays like a floating panel.
+          * @deprecated use `displayMode` instead.
          */
         "detached"?: boolean;
         /**
-          * When `detached`, specifies the maximum height of the component.
+          * When `displayMode` is `float`, specifies the maximum height of the component.
+          * @deprecated use `heightScale` instead.
          */
         "detachedHeightScale"?: Scale;
+        /**
+          * Specifies the display mode - `"dock"` (full height, displays adjacent to center content), `"float"` (not full height, content is separated detached from `calcite-action-bar`, displays on top of center content), or `"overlay"` (full height, displays on top of center content).
+         */
+        "displayMode"?: DisplayMode;
+        /**
+          * When `layout` is `horizontal`, or `layout` is `vertical` and `displayMode` is `float`, specifies the maximum height of the component.
+         */
+        "heightScale"?: Scale;
         /**
           * The direction of the component.
          */
@@ -8462,11 +8483,11 @@ declare namespace LocalJSX {
          */
         "position"?: Position;
         /**
-          * When `true` and not `detached`, the component's content area is resizable.
+          * When `true` and `displayMode` is not `float`, the component's content area is resizable.
          */
         "resizable"?: boolean;
         /**
-          * Specifies the width of the component's content area.
+          * When `layout` is `vertical`, specifies the width of the component.
          */
         "widthScale"?: Scale;
     }

package/dist/types/utils/date.d.ts

@@ -37,6 +37,8 @@ export declare function dateFromISO(iso8601: string | Date, isEndDate?: boolean)
  * @param localeData
  */
 export declare function dateFromLocalizedString(value: string, localeData: DateLocaleData): Date;
+export declare function parseCalendarYear(year: number, localeData: DateLocaleData): number;
+export declare function formatCalendarYear(year: number, localeData: DateLocaleData): number;
 /**
  * Retrieve day, month, and year strings from a localized string
  *

package/dist/types/utils/resources.d.ts

@@ -11,6 +11,13 @@ export declare const CSS_UTILITY: {
   darkMode: string;
   lightMode: string;
   rtl: string;
+  calciteAnimate: string;
+  calciteAnimateIn: string;
+  calciteAnimateInUp: string;
+  calciteAnimateInDown: string;
+  calciteAnimateInRight: string;
+  calciteAnimateInLeft: string;
+  calciteAnimateInScale: string;
 };
 export declare const TEXT: {
   loading: string;