@esri/calcite-components 1.0.0-next.687 → 1.0.0-next.689

package/dist/types/components.d.ts

@@ -5,8 +5,8 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { AccordionAppearance, AccordionSelectionMode, RequestedItem } from "./components/accordion/interfaces";
 import { Alignment, Appearance, Columns, DeprecatedEventPayload, FlipContext, Kind, Layout, LogicalFlowPosition, Position, Scale, Status, Width } from "./components/interfaces";
+import { AccordionSelectionMode, RequestedItem } from "./components/accordion/interfaces";
 import { ItemKeyEvent, RegistryEntry, RequestedItem as RequestedItem1 } from "./components/accordion-item/interfaces";
 import { Messages } from "./components/action/assets/action/t9n";
 import { Messages as Messages1 } from "./components/action-bar/assets/action-bar/t9n";
@@ -20,12 +20,11 @@ import { HeadingLevel } from "./components/functional/Heading";
 import { Messages as Messages5 } from "./components/block/assets/block/t9n";
 import { BlockSectionToggleDisplay } from "./components/block-section/interfaces";
 import { Messages as Messages6 } from "./components/block-section/assets/block-section/t9n";
-import { ButtonAlignment, ButtonAppearance, ButtonColor, DropdownIconType } from "./components/button/interfaces";
+import { ButtonAlignment, DropdownIconType } from "./components/button/interfaces";
 import { Messages as Messages7 } from "./components/button/assets/button/t9n";
 import { Messages as Messages8 } from "./components/card/assets/card/t9n";
-import { ChipColor } from "./components/chip/interfaces";
 import { Messages as Messages9 } from "./components/chip/assets/chip/t9n";
-import { ColorAppearance, ColorValue, InternalColor } from "./components/color-picker/interfaces";
+import { ColorValue, InternalColor } from "./components/color-picker/interfaces";
 import { Format } from "./components/color-picker/utils";
 import { Messages as Messages10 } from "./components/color-picker/assets/color-picker/t9n";
 import { ComboboxChildElement, ComboboxSelectionMode } from "./components/combobox/interfaces";
@@ -57,7 +56,6 @@ import { ItemData as ItemData1, ListFocusId } from "./components/pick-list/share
 import { ICON_TYPES } from "./components/pick-list/resources";
 import { Messages as Messages24 } from "./components/pick-list-item/assets/pick-list-item/t9n";
 import { Messages as Messages25 } from "./components/popover/assets/popover/t9n";
-import { RadioAppearance } from "./components/radio-group/interfaces";
 import { Messages as Messages26 } from "./components/rating/assets/rating/t9n";
 import { Messages as Messages27 } from "./components/scrim/assets/scrim/t9n";
 import { StepperItemChangeEventDetail, StepperItemEventDetail, StepperItemKeyEventDetail } from "./components/stepper/interfaces";
@@ -74,7 +72,10 @@ export namespace Components {
         /**
           * Specifies the appearance of the component.
          */
-        "appearance": AccordionAppearance;
+        "appearance": Extract<
+    "default" | "minimal" | "solid" | "transparent",
+    Appearance
+  >;
         /**
           * Specifies the placement of the icon in the header.
          */
@@ -109,6 +110,10 @@ export namespace Components {
           * Specifies an icon to display at the end of the component.
          */
         "iconEnd": string;
+        /**
+          * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
+         */
+        "iconFlipRtl": FlipContext;
         /**
           * Specifies an icon to display at the start of the component.
          */
@@ -139,6 +144,10 @@ export namespace Components {
           * Specifies an icon to display.
          */
         "icon": string;
+        /**
+          * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
+         */
+        "iconFlipRtl": boolean;
         /**
           * When `true`, displays a visual indicator.
          */
@@ -329,6 +338,10 @@ export namespace Components {
           * When `true`, shows a default recommended icon. Alternatively, pass a Calcite UI Icon name to display a specific icon.
          */
         "icon": string | boolean;
+        /**
+          * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
+         */
+        "iconFlipRtl": boolean;
         /**
           * Specifies the kind of the component (will apply to top border and icon).
          */
@@ -468,20 +481,14 @@ export namespace Components {
         /**
           * Specifies the appearance style of the component.
          */
-        "appearance": ButtonAppearance;
-        /**
-          * Specifies the color of the component.
-         */
-        "color": ButtonColor;
+        "appearance": Extract<
+    "outline" | "outline-fill" | "solid" | "transparent",
+    Appearance
+  >;
         /**
           * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled": boolean;
-        /**
-          * The form ID to associate with the component.
-          * @deprecated – The property is no longer needed if the component is placed inside a form.
-         */
-        "form": string;
         /**
           * Specifies the URL of the linked resource, which can be set as an absolute or relative path.
          */
@@ -498,6 +505,10 @@ export namespace Components {
           * Specifies an icon to display at the start of the component.
          */
         "iconStart": string;
+        /**
+          * Specifies the kind of the component (will apply to border and background if applicable).
+         */
+        "kind": Extract<"brand" | "danger" | "inverse" | "neutral", Kind>;
         /**
           * Accessible name for the component.
          */
@@ -631,7 +642,7 @@ export namespace Components {
         /**
           * Specifies the appearance style of the component.
          */
-        "appearance": Extract<"solid" | "transparent", Appearance>;
+        "appearance": Extract<"outline" | "outline-fill" | "solid", Appearance>;
         /**
           * When `true`, a close button is added to the component.
          */
@@ -640,10 +651,6 @@ export namespace Components {
           * When `true`, hides the component.
          */
         "closed": boolean;
-        /**
-          * Specifies the color for the component.
-         */
-        "color": ChipColor;
         /**
           * Specifies an icon to display.
          */
@@ -652,6 +659,10 @@ export namespace Components {
           * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
          */
         "iconFlipRtl": boolean;
+        /**
+          * Specifies the kind of the component (will apply to border and background if applicable).
+         */
+        "kind": Extract<"brand" | "inverse" | "neutral", Kind>;
         /**
           * Use this property to override individual strings used by the component.
          */
@@ -679,9 +690,9 @@ export namespace Components {
          */
         "allowEmpty": boolean;
         /**
-          * Specifies the appearance style of the component -  `"solid"` (containing border) or `"minimal"` (no containing border).
+          * Specifies the appearance style of the component -
          */
-        "appearance": ColorAppearance;
+        "appearance": Extract<"minimal" | "solid", Appearance>;
         /**
           * Internal prop for advanced use-cases.
          */
@@ -840,6 +851,10 @@ export namespace Components {
           * Specifies the placeholder icon for the input.
          */
         "placeholderIcon": string;
+        /**
+          * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
+         */
+        "placeholderIconFlipRtl": boolean;
         /**
           * Updates the position of the component.
           * @param delayed
@@ -896,6 +911,10 @@ export namespace Components {
           * Specifies an icon to display.
          */
         "icon": string;
+        /**
+          * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
+         */
+        "iconFlipRtl": boolean;
         /**
           * When `true`, the component is selected.
          */
@@ -1228,11 +1247,7 @@ export namespace Components {
         /**
           * Specifies the appearance style of the component.
          */
-        "appearance": Extract<"solid" | "outline", Appearance>;
-        /**
-          * Specifies the color of the component.
-         */
-        "color": ButtonColor;
+        "appearance": Extract<"solid" | "outline-fill", Appearance>;
         /**
           * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
@@ -1242,6 +1257,14 @@ export namespace Components {
           * @default "plus"
          */
         "icon": string;
+        /**
+          * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
+         */
+        "iconFlipRtl": boolean;
+        /**
+          * Specifies the kind of the component (will apply to border and background).
+         */
+        "kind": Extract<"brand" | "danger" | "inverse" | "neutral", Kind>;
         /**
           * Accessible name for the component.
          */
@@ -1780,6 +1803,10 @@ export namespace Components {
           * Specifies an icon to display.
          */
         "icon": boolean | string;
+        /**
+          * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
+         */
+        "iconFlipRtl": boolean;
         /**
           * Specifies the size of the component.
          */
@@ -2416,6 +2443,10 @@ export namespace Components {
           * When `true`, shows a default recommended icon. Alternatively, pass a Calcite UI Icon name to display a specific icon.
          */
         "icon": string | boolean;
+        /**
+          * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
+         */
+        "iconFlipRtl": boolean;
         /**
           * Specifies the kind of the component (will apply to top border and icon).
          */
@@ -2657,6 +2688,10 @@ export namespace Components {
           * @see [ICON_TYPES](https://github.com/Esri/calcite-components/blob/master/src/components/pick-list/resources.ts#L5)
          */
         "icon": ICON_TYPES | null;
+        /**
+          * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
+         */
+        "iconFlipRtl": boolean;
         /**
           * Label and accessible name for the component. Appears next to the icon.
          */
@@ -2893,7 +2928,7 @@ export namespace Components {
         /**
           * Specifies the appearance style of the component.
          */
-        "appearance": RadioAppearance;
+        "appearance": Extract<"minimal" | "solid", Appearance>;
         /**
           * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
@@ -3245,11 +3280,10 @@ export namespace Components {
         /**
           * Specifies the appearance style of the component.
          */
-        "appearance": ButtonAppearance;
-        /**
-          * Specifies the color of the component.
-         */
-        "color": ButtonColor;
+        "appearance": Extract<
+    "outline" | "outline-fill" | "solid" | "transparent",
+    Appearance
+  >;
         /**
           * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
@@ -3262,6 +3296,10 @@ export namespace Components {
           * Accessible name for the dropdown menu.
          */
         "dropdownLabel": string;
+        /**
+          * Specifies the kind of the component (will apply to border and background if applicable).
+         */
+        "kind": Extract<"brand" | "danger" | "inverse" | "neutral", Kind>;
         /**
           * When `true`, a busy indicator is displayed on the primary button.
          */
@@ -3364,6 +3402,10 @@ export namespace Components {
          */
         "heading": string;
         "icon": boolean;
+        /**
+          * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
+         */
+        "iconFlipRtl": boolean;
         "layout": Extract<"horizontal" | "vertical", Layout>;
         "numbered": boolean;
         "scale": Scale;
@@ -3534,6 +3576,10 @@ export namespace Components {
           * Specifies an icon to display.
          */
         "icon": string;
+        /**
+          * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
+         */
+        "iconFlipRtl": boolean;
     }
     interface CalciteTileSelect {
         /**
@@ -3560,6 +3606,10 @@ export namespace Components {
           * Specifies an icon to display.
          */
         "icon": string;
+        /**
+          * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
+         */
+        "iconFlipRtl": boolean;
         /**
           * When `inputEnabled` is `true`, specifies the placement of the interactive input on the component.
          */
@@ -3867,6 +3917,10 @@ export namespace Components {
           * @see [ICON_TYPES](https://github.com/Esri/calcite-components/blob/master/src/components/pick-list/resources.ts#L5)
          */
         "icon"?: ICON_TYPES | null;
+        /**
+          * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
+         */
+        "iconFlipRtl": boolean;
         /**
           * Label and accessible name for the component. Appears next to the icon.
          */
@@ -4816,7 +4870,10 @@ declare namespace LocalJSX {
         /**
           * Specifies the appearance of the component.
          */
-        "appearance"?: AccordionAppearance;
+        "appearance"?: Extract<
+    "default" | "minimal" | "solid" | "transparent",
+    Appearance
+  >;
         /**
           * Specifies the placement of the icon in the header.
          */
@@ -4851,6 +4908,10 @@ declare namespace LocalJSX {
           * Specifies an icon to display at the end of the component.
          */
         "iconEnd"?: string;
+        /**
+          * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
+         */
+        "iconFlipRtl"?: FlipContext;
         /**
           * Specifies an icon to display at the start of the component.
          */
@@ -4881,6 +4942,10 @@ declare namespace LocalJSX {
           * Specifies an icon to display.
          */
         "icon"?: string;
+        /**
+          * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
+         */
+        "iconFlipRtl"?: boolean;
         /**
           * When `true`, displays a visual indicator.
          */
@@ -5047,6 +5112,10 @@ declare namespace LocalJSX {
           * When `true`, shows a default recommended icon. Alternatively, pass a Calcite UI Icon name to display a specific icon.
          */
         "icon"?: string | boolean;
+        /**
+          * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
+         */
+        "iconFlipRtl"?: boolean;
         /**
           * Specifies the kind of the component (will apply to top border and icon).
          */
@@ -5194,20 +5263,14 @@ declare namespace LocalJSX {
         /**
           * Specifies the appearance style of the component.
          */
-        "appearance"?: ButtonAppearance;
-        /**
-          * Specifies the color of the component.
-         */
-        "color"?: ButtonColor;
+        "appearance"?: Extract<
+    "outline" | "outline-fill" | "solid" | "transparent",
+    Appearance
+  >;
         /**
           * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled"?: boolean;
-        /**
-          * The form ID to associate with the component.
-          * @deprecated – The property is no longer needed if the component is placed inside a form.
-         */
-        "form"?: string;
         /**
           * Specifies the URL of the linked resource, which can be set as an absolute or relative path.
          */
@@ -5224,6 +5287,10 @@ declare namespace LocalJSX {
           * Specifies an icon to display at the start of the component.
          */
         "iconStart"?: string;
+        /**
+          * Specifies the kind of the component (will apply to border and background if applicable).
+         */
+        "kind"?: Extract<"brand" | "danger" | "inverse" | "neutral", Kind>;
         /**
           * Accessible name for the component.
          */
@@ -5337,7 +5404,7 @@ declare namespace LocalJSX {
         /**
           * Specifies the appearance style of the component.
          */
-        "appearance"?: Extract<"solid" | "transparent", Appearance>;
+        "appearance"?: Extract<"outline" | "outline-fill" | "solid", Appearance>;
         /**
           * When `true`, a close button is added to the component.
          */
@@ -5346,10 +5413,6 @@ declare namespace LocalJSX {
           * When `true`, hides the component.
          */
         "closed"?: boolean;
-        /**
-          * Specifies the color for the component.
-         */
-        "color"?: ChipColor;
         /**
           * Specifies an icon to display.
          */
@@ -5358,6 +5421,10 @@ declare namespace LocalJSX {
           * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
          */
         "iconFlipRtl"?: boolean;
+        /**
+          * Specifies the kind of the component (will apply to border and background if applicable).
+         */
+        "kind"?: Extract<"brand" | "inverse" | "neutral", Kind>;
         /**
           * Use this property to override individual strings used by the component.
          */
@@ -5381,9 +5448,9 @@ declare namespace LocalJSX {
          */
         "allowEmpty"?: boolean;
         /**
-          * Specifies the appearance style of the component -  `"solid"` (containing border) or `"minimal"` (no containing border).
+          * Specifies the appearance style of the component -
          */
-        "appearance"?: ColorAppearance;
+        "appearance"?: Extract<"minimal" | "solid", Appearance>;
         /**
           * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
@@ -5562,6 +5629,10 @@ declare namespace LocalJSX {
           * Specifies the placeholder icon for the input.
          */
         "placeholderIcon"?: string;
+        /**
+          * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
+         */
+        "placeholderIconFlipRtl"?: boolean;
         /**
           * Specifies the size of the component.
          */
@@ -5605,6 +5676,10 @@ declare namespace LocalJSX {
           * Specifies an icon to display.
          */
         "icon"?: string;
+        /**
+          * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
+         */
+        "iconFlipRtl"?: boolean;
         /**
           * Emits whenever the component is selected or unselected.
          */
@@ -5951,11 +6026,7 @@ declare namespace LocalJSX {
         /**
           * Specifies the appearance style of the component.
          */
-        "appearance"?: Extract<"solid" | "outline", Appearance>;
-        /**
-          * Specifies the color of the component.
-         */
-        "color"?: ButtonColor;
+        "appearance"?: Extract<"solid" | "outline-fill", Appearance>;
         /**
           * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
@@ -5965,6 +6036,14 @@ declare namespace LocalJSX {
           * @default "plus"
          */
         "icon"?: string;
+        /**
+          * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
+         */
+        "iconFlipRtl"?: boolean;
+        /**
+          * Specifies the kind of the component (will apply to border and background).
+         */
+        "kind"?: Extract<"brand" | "danger" | "inverse" | "neutral", Kind>;
         /**
           * Accessible name for the component.
          */
@@ -6495,6 +6574,10 @@ declare namespace LocalJSX {
           * Specifies an icon to display.
          */
         "icon"?: boolean | string;
+        /**
+          * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
+         */
+        "iconFlipRtl"?: boolean;
         /**
           * Specifies the size of the component.
          */
@@ -7075,6 +7158,10 @@ declare namespace LocalJSX {
           * When `true`, shows a default recommended icon. Alternatively, pass a Calcite UI Icon name to display a specific icon.
          */
         "icon"?: string | boolean;
+        /**
+          * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
+         */
+        "iconFlipRtl"?: boolean;
         /**
           * Specifies the kind of the component (will apply to top border and icon).
          */
@@ -7300,6 +7387,10 @@ declare namespace LocalJSX {
           * @see [ICON_TYPES](https://github.com/Esri/calcite-components/blob/master/src/components/pick-list/resources.ts#L5)
          */
         "icon"?: ICON_TYPES | null;
+        /**
+          * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
+         */
+        "iconFlipRtl"?: boolean;
         /**
           * Label and accessible name for the component. Appears next to the icon.
          */
@@ -7523,7 +7614,7 @@ declare namespace LocalJSX {
         /**
           * Specifies the appearance style of the component.
          */
-        "appearance"?: RadioAppearance;
+        "appearance"?: Extract<"minimal" | "solid", Appearance>;
         /**
           * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
@@ -7859,11 +7950,10 @@ declare namespace LocalJSX {
         /**
           * Specifies the appearance style of the component.
          */
-        "appearance"?: ButtonAppearance;
-        /**
-          * Specifies the color of the component.
-         */
-        "color"?: ButtonColor;
+        "appearance"?: Extract<
+    "outline" | "outline-fill" | "solid" | "transparent",
+    Appearance
+  >;
         /**
           * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
@@ -7876,6 +7966,10 @@ declare namespace LocalJSX {
           * Accessible name for the dropdown menu.
          */
         "dropdownLabel"?: string;
+        /**
+          * Specifies the kind of the component (will apply to border and background if applicable).
+         */
+        "kind"?: Extract<"brand" | "danger" | "inverse" | "neutral", Kind>;
         /**
           * When `true`, a busy indicator is displayed on the primary button.
          */
@@ -7968,6 +8062,10 @@ declare namespace LocalJSX {
           * The component header text.
          */
         "heading"?: string;
+        /**
+          * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
+         */
+        "iconFlipRtl"?: boolean;
         /**
           * When `true`, the component is selected.
          */
@@ -7991,7 +8089,7 @@ declare namespace LocalJSX {
          */
         "name"?: string;
         /**
-          * Fires when the `checked` value has changed.  **Note:** The event payload is deprecated, use the component's `checked` property instead.
+          * Fires when the `checked` value has changed.
          */
         "onCalciteSwitchChange"?: (event: CalciteSwitchCustomEvent<void>) => void;
         /**
@@ -8108,6 +8206,10 @@ declare namespace LocalJSX {
           * Specifies an icon to display.
          */
         "icon"?: string;
+        /**
+          * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
+         */
+        "iconFlipRtl"?: boolean;
     }
     interface CalciteTileSelect {
         /**
@@ -8134,6 +8236,10 @@ declare namespace LocalJSX {
           * Specifies an icon to display.
          */
         "icon"?: string;
+        /**
+          * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
+         */
+        "iconFlipRtl"?: boolean;
         /**
           * When `inputEnabled` is `true`, specifies the placement of the interactive input on the component.
          */
@@ -8433,6 +8539,10 @@ declare namespace LocalJSX {
           * @see [ICON_TYPES](https://github.com/Esri/calcite-components/blob/master/src/components/pick-list/resources.ts#L5)
          */
         "icon"?: ICON_TYPES | null;
+        /**
+          * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
+         */
+        "iconFlipRtl"?: boolean;
         /**
           * Label and accessible name for the component. Appears next to the icon.
          */