@esri/calcite-components 1.0.0-next.691 → 1.0.0-next.693

package/dist/types/components/color-picker/resources.d.ts

@@ -37,27 +37,6 @@ export declare const HSV_LIMITS: {
   s: number;
   v: number;
 };
-export declare const TEXT: {
-  b: string;
-  blue: string;
-  deleteColor: string;
-  g: string;
-  green: string;
-  h: string;
-  hsv: string;
-  hex: string;
-  hue: string;
-  noColor: string;
-  r: string;
-  red: string;
-  rgb: string;
-  s: string;
-  saturation: string;
-  saveColor: string;
-  saved: string;
-  v: string;
-  value: string;
-};
 export declare const DIMENSIONS: {
   s: {
     slider: {

package/dist/types/components/color-picker-hex-input/color-picker-hex-input.d.ts

@@ -5,6 +5,10 @@ import { NumberingSystem } from "../../utils/locale";
 import { LoadableComponent } from "../../utils/loadable";
 export declare class ColorPickerHexInput implements LoadableComponent {
   el: HTMLCalciteColorPickerHexInputElement;
+  /**
+   * Specifies accessible label for the input field.
+   */
+  hexLabel: string;
   connectedCallback(): void;
   componentWillLoad(): void;
   componentDidLoad(): void;
@@ -14,18 +18,6 @@ export declare class ColorPickerHexInput implements LoadableComponent {
    * When `true`, a color value is enforced, and clearing the input or blurring will restore the last valid `value`. When `false`, an empty color (`null`) will be allowed as a `value`.
    */
   allowEmpty: boolean;
-  /**
-   * Accessible name for the Hex input.
-   *
-   * @default "Hex"
-   */
-  intlHex: string;
-  /**
-   * Accessible name for the Hex input when there is no color selected.
-   *
-   * @default "No color"
-   */
-  intlNoColor: string;
   /** Specifies the size of the component. */
   scale: Scale;
   /**

package/dist/types/components/modal/modal.d.ts

@@ -55,6 +55,13 @@ export declare class Modal implements ConditionalSlotComponent, OpenCloseCompone
    */
   messageOverrides: Partial<Messages>;
   onMessagesChange(): void;
+  /**
+   * This internal property, managed by a containing calcite-shell, is used
+   * to inform the component if special configuration or styles are needed
+   *
+   * @internal
+   */
+  slottedInShell: boolean;
   componentWillLoad(): Promise<void>;
   componentDidLoad(): void;
   connectedCallback(): void;

package/dist/types/components/modal/resources.d.ts

@@ -10,6 +10,8 @@ export declare const CSS: {
   secondary: string;
   primary: string;
   overflowHidden: string;
+  container: string;
+  slottedInShell: string;
   openingIdle: string;
   openingActive: string;
   closingIdle: string;

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

@@ -3,6 +3,8 @@ export declare const CSS: {
   content: string;
   contentBehind: string;
   footer: string;
+  positionedSlotWrapper: string;
+  container: string;
 };
 export declare const SLOTS: {
   centerRow: string;
@@ -10,4 +12,6 @@ export declare const SLOTS: {
   panelEnd: string;
   header: string;
   footer: string;
+  alerts: string;
+  modals: string;
 };

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

@@ -7,6 +7,8 @@ import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
  * @slot panel-start - A slot for adding the starting `calcite-shell-panel`.
  * @slot panel-end - A slot for adding the ending `calcite-shell-panel`.
  * @slot center-row - A slot for adding content to the center row.
+ * @slot modal - A slot for adding `calcite-modal` components. When placed in this slot, the modal position will be constrained to the extent of the shell.
+ * @slot alerts - A slot for adding `calcite-alert` components. When placed in this slot, the alert position will be constrained to the extent of the shell.
  */
 export declare class Shell implements ConditionalSlotComponent {
   /**
@@ -14,11 +16,22 @@ export declare class Shell implements ConditionalSlotComponent {
    */
   contentBehind: boolean;
   el: HTMLCalciteShellElement;
+  hasHeader: boolean;
+  hasFooter: boolean;
+  hasAlerts: boolean;
+  hasModals: boolean;
   connectedCallback(): void;
   disconnectedCallback(): void;
+  handleHeaderSlotChange: (event: Event) => void;
+  handleFooterSlotChange: (event: Event) => void;
+  handleAlertsSlotChange: (event: Event) => void;
+  handleModalsSlotChange: (event: Event) => void;
   renderHeader(): VNode;
-  renderContent(): VNode[];
   renderFooter(): VNode;
+  renderAlerts(): VNode;
+  renderModals(): VNode;
+  renderContent(): VNode[];
   renderMain(): VNode;
+  renderPositionedSlots(): VNode;
   render(): VNode;
 }

package/dist/types/components.d.ts

@@ -378,6 +378,10 @@ export namespace Components {
           * Sets focus on the component.
          */
         "setFocus": () => Promise<void>;
+        /**
+          * This internal property, managed by a containing calcite-shell, is used to inform the component if special configuration or styles are needed
+         */
+        "slottedInShell": boolean;
     }
     interface CalciteAvatar {
         /**
@@ -756,15 +760,9 @@ export namespace Components {
          */
         "allowEmpty": boolean;
         /**
-          * Accessible name for the Hex input.
-          * @default "Hex"
-         */
-        "intlHex": string;
-        /**
-          * Accessible name for the Hex input when there is no color selected.
-          * @default "No color"
+          * Specifies accessible label for the input field.
          */
-        "intlNoColor": string;
+        "hexLabel": string;
         /**
           * Specifies the Unicode numeral system used by the component for localization.
          */
@@ -2409,6 +2407,10 @@ export namespace Components {
           * @param focusId
          */
         "setFocus": (focusId?: "close-button") => Promise<void>;
+        /**
+          * This internal property, managed by a containing calcite-shell, is used to inform the component if special configuration or styles are needed
+         */
+        "slottedInShell": boolean;
         /**
           * Specifies the width of the component. Can use scale sizes or pass a number (displays in pixels).
          */
@@ -5490,15 +5492,9 @@ declare namespace LocalJSX {
          */
         "allowEmpty"?: boolean;
         /**
-          * Accessible name for the Hex input.
-          * @default "Hex"
-         */
-        "intlHex"?: string;
-        /**
-          * Accessible name for the Hex input when there is no color selected.
-          * @default "No color"
+          * Specifies accessible label for the input field.
          */
-        "intlNoColor"?: string;
+        "hexLabel"?: string;
         /**
           * Specifies the Unicode numeral system used by the component for localization.
          */