@wise/dynamic-flow-types 3.2.0 → 3.3.1

package/build/main.js

@@ -44,6 +44,10 @@ var httpMethodSchema = import_zod.z.union([
 var iconNamedSchema = import_zod.z.object({
   name: import_zod.z.string()
 });
+var supportingValuesSchema = import_zod.z.object({
+  value: import_zod.z.string().optional(),
+  subvalue: import_zod.z.string().optional()
+});
 var contextSchema = import_zod.z.union([
   import_zod.z.literal("positive"),
   import_zod.z.literal("neutral"),
@@ -54,6 +58,10 @@ var contextSchema = import_zod.z.union([
   import_zod.z.literal("info"),
   import_zod.z.literal("primary")
 ]);
+var inlineAlertSchema = import_zod.z.object({
+  content: import_zod.z.string(),
+  context: contextSchema.optional()
+});
 var iconTextSchema = import_zod.z.object({
   text: import_zod.z.string()
 });
@@ -332,17 +340,6 @@ var actionSchema = import_zod.z.object({
   timeout: import_zod.z.number().optional(),
   skipValidation: import_zod.z.boolean().optional()
 });
-var listLayoutItemSchema = import_zod.z.object({
-  description: import_zod.z.string().optional(),
-  status: listLayoutStatusSchema.optional(),
-  icon: iconSchema.optional(),
-  image: imageSchema.optional(),
-  title: import_zod.z.string().optional(),
-  subtitle: import_zod.z.string().optional(),
-  value: import_zod.z.string().optional(),
-  subvalue: import_zod.z.string().optional(),
-  tag: import_zod.z.string().optional()
-});
 var instructionsLayoutSchema = import_zod.z.object({
   type: import_zod.z.literal("instructions"),
   title: import_zod.z.string().optional(),
@@ -350,13 +347,6 @@ var instructionsLayoutSchema = import_zod.z.object({
   control: import_zod.z.string().optional(),
   margin: sizeSchema.optional()
 });
-var reviewLayoutFieldSchema = import_zod.z.object({
-  label: import_zod.z.string(),
-  value: import_zod.z.string(),
-  rawValue: import_zod.z.string().optional(),
-  help: helpSchema.optional(),
-  tag: import_zod.z.string().optional()
-});
 var searchResultSearchSchema = import_zod.z.object({
   type: import_zod.z.literal("search"),
   title: import_zod.z.string(),
@@ -407,12 +397,11 @@ var navigationSchema = import_zod.z.object({
 var searchResponseBodySchema = import_zod.z.object({
   results: import_zod.z.array(searchResultSchema)
 });
-var reviewLayoutCallToActionSchema = import_zod.z.lazy(
+var additionalInfoSchema = import_zod.z.lazy(
   () => import_zod.z.object({
-    action: actionSchema.optional(),
-    title: import_zod.z.string(),
-    accessibilityDescription: import_zod.z.string().optional(),
-    behavior: behaviorSchema.optional()
+    text: import_zod.z.string(),
+    behavior: behaviorSchema.optional(),
+    accessibilityDescription: import_zod.z.string().optional()
   })
 );
 var behaviorSchema = import_zod.z.lazy(
@@ -424,6 +413,14 @@ var behaviorSchema = import_zod.z.lazy(
     modalBehaviorSchema
   ])
 );
+var reviewLayoutCallToActionSchema = import_zod.z.lazy(
+  () => import_zod.z.object({
+    action: actionSchema.optional(),
+    title: import_zod.z.string(),
+    accessibilityDescription: import_zod.z.string().optional(),
+    behavior: behaviorSchema.optional()
+  })
+);
 var alertLayoutSchema = import_zod.z.lazy(
   () => import_zod.z.object({
     type: import_zod.z.literal("alert"),
@@ -458,6 +455,22 @@ var listLayoutCallToActionSchema = import_zod.z.lazy(
     behavior: behaviorSchema
   })
 );
+var listLayoutItemSchema = import_zod.z.lazy(
+  () => import_zod.z.object({
+    status: listLayoutStatusSchema.optional(),
+    icon: iconSchema.optional(),
+    image: imageSchema.optional(),
+    title: import_zod.z.string().optional(),
+    subtitle: import_zod.z.string().optional(),
+    value: import_zod.z.string().optional(),
+    subvalue: import_zod.z.string().optional(),
+    tag: import_zod.z.string().optional(),
+    additionalInfo: additionalInfoSchema.optional(),
+    supportingValues: supportingValuesSchema.optional(),
+    inlineAlert: inlineAlertSchema.optional(),
+    description: import_zod.z.string().optional()
+  })
+);
 var decisionLayoutSchema = import_zod.z.lazy(
   () => import_zod.z.object({
     type: import_zod.z.literal("decision"),
@@ -476,7 +489,10 @@ var decisionLayoutOptionSchema = import_zod.z.lazy(
     icon: iconSchema.optional(),
     image: imageSchema.optional(),
     behavior: behaviorSchema.optional(),
-    tag: import_zod.z.string().optional()
+    tag: import_zod.z.string().optional(),
+    additionalText: import_zod.z.string().optional(),
+    supportingValues: supportingValuesSchema.optional(),
+    inlineAlert: inlineAlertSchema.optional()
   })
 );
 var statusListLayoutSchema = import_zod.z.lazy(
@@ -583,6 +599,20 @@ var reviewLayoutSchema = import_zod.z.lazy(
     margin: sizeSchema.optional()
   })
 );
+var reviewLayoutFieldSchema = import_zod.z.lazy(
+  () => import_zod.z.object({
+    label: import_zod.z.string(),
+    value: import_zod.z.string(),
+    rawValue: import_zod.z.string().optional(),
+    help: helpSchema.optional(),
+    tag: import_zod.z.string().optional(),
+    icon: iconSchema.optional(),
+    image: imageSchema.optional(),
+    additionalInfo: additionalInfoSchema.optional(),
+    inlineAlert: inlineAlertSchema.optional(),
+    callToAction: reviewLayoutCallToActionSchema.optional()
+  })
+);
 var modalLayoutContentSchema = import_zod.z.lazy(
   () => import_zod.z.object({
     title: import_zod.z.string().optional(),

package/build/main.mjs

@@ -16,6 +16,10 @@ var httpMethodSchema = z.union([
 var iconNamedSchema = z.object({
   name: z.string()
 });
+var supportingValuesSchema = z.object({
+  value: z.string().optional(),
+  subvalue: z.string().optional()
+});
 var contextSchema = z.union([
   z.literal("positive"),
   z.literal("neutral"),
@@ -26,6 +30,10 @@ var contextSchema = z.union([
   z.literal("info"),
   z.literal("primary")
 ]);
+var inlineAlertSchema = z.object({
+  content: z.string(),
+  context: contextSchema.optional()
+});
 var iconTextSchema = z.object({
   text: z.string()
 });
@@ -304,17 +312,6 @@ var actionSchema = z.object({
   timeout: z.number().optional(),
   skipValidation: z.boolean().optional()
 });
-var listLayoutItemSchema = z.object({
-  description: z.string().optional(),
-  status: listLayoutStatusSchema.optional(),
-  icon: iconSchema.optional(),
-  image: imageSchema.optional(),
-  title: z.string().optional(),
-  subtitle: z.string().optional(),
-  value: z.string().optional(),
-  subvalue: z.string().optional(),
-  tag: z.string().optional()
-});
 var instructionsLayoutSchema = z.object({
   type: z.literal("instructions"),
   title: z.string().optional(),
@@ -322,13 +319,6 @@ var instructionsLayoutSchema = z.object({
   control: z.string().optional(),
   margin: sizeSchema.optional()
 });
-var reviewLayoutFieldSchema = z.object({
-  label: z.string(),
-  value: z.string(),
-  rawValue: z.string().optional(),
-  help: helpSchema.optional(),
-  tag: z.string().optional()
-});
 var searchResultSearchSchema = z.object({
   type: z.literal("search"),
   title: z.string(),
@@ -379,12 +369,11 @@ var navigationSchema = z.object({
 var searchResponseBodySchema = z.object({
   results: z.array(searchResultSchema)
 });
-var reviewLayoutCallToActionSchema = z.lazy(
+var additionalInfoSchema = z.lazy(
   () => z.object({
-    action: actionSchema.optional(),
-    title: z.string(),
-    accessibilityDescription: z.string().optional(),
-    behavior: behaviorSchema.optional()
+    text: z.string(),
+    behavior: behaviorSchema.optional(),
+    accessibilityDescription: z.string().optional()
   })
 );
 var behaviorSchema = z.lazy(
@@ -396,6 +385,14 @@ var behaviorSchema = z.lazy(
     modalBehaviorSchema
   ])
 );
+var reviewLayoutCallToActionSchema = z.lazy(
+  () => z.object({
+    action: actionSchema.optional(),
+    title: z.string(),
+    accessibilityDescription: z.string().optional(),
+    behavior: behaviorSchema.optional()
+  })
+);
 var alertLayoutSchema = z.lazy(
   () => z.object({
     type: z.literal("alert"),
@@ -430,6 +427,22 @@ var listLayoutCallToActionSchema = z.lazy(
     behavior: behaviorSchema
   })
 );
+var listLayoutItemSchema = z.lazy(
+  () => z.object({
+    status: listLayoutStatusSchema.optional(),
+    icon: iconSchema.optional(),
+    image: imageSchema.optional(),
+    title: z.string().optional(),
+    subtitle: z.string().optional(),
+    value: z.string().optional(),
+    subvalue: z.string().optional(),
+    tag: z.string().optional(),
+    additionalInfo: additionalInfoSchema.optional(),
+    supportingValues: supportingValuesSchema.optional(),
+    inlineAlert: inlineAlertSchema.optional(),
+    description: z.string().optional()
+  })
+);
 var decisionLayoutSchema = z.lazy(
   () => z.object({
     type: z.literal("decision"),
@@ -448,7 +461,10 @@ var decisionLayoutOptionSchema = z.lazy(
     icon: iconSchema.optional(),
     image: imageSchema.optional(),
     behavior: behaviorSchema.optional(),
-    tag: z.string().optional()
+    tag: z.string().optional(),
+    additionalText: z.string().optional(),
+    supportingValues: supportingValuesSchema.optional(),
+    inlineAlert: inlineAlertSchema.optional()
   })
 );
 var statusListLayoutSchema = z.lazy(
@@ -555,6 +571,20 @@ var reviewLayoutSchema = z.lazy(
     margin: sizeSchema.optional()
   })
 );
+var reviewLayoutFieldSchema = z.lazy(
+  () => z.object({
+    label: z.string(),
+    value: z.string(),
+    rawValue: z.string().optional(),
+    help: helpSchema.optional(),
+    tag: z.string().optional(),
+    icon: iconSchema.optional(),
+    image: imageSchema.optional(),
+    additionalInfo: additionalInfoSchema.optional(),
+    inlineAlert: inlineAlertSchema.optional(),
+    callToAction: reviewLayoutCallToActionSchema.optional()
+  })
+);
 var modalLayoutContentSchema = z.lazy(
   () => z.object({
     title: z.string().optional(),

package/build/next/index.d.ts

@@ -1,25 +1,26 @@
-import type { FormLayout as GeneratedFormLayout } from './layout/FormLayout';
 import type { JsonElement } from './JsonElement';
+import type { FormLayout as GeneratedFormLayout } from './layout/FormLayout';
 export type { Action } from './feature/Action';
 export type { Navigation } from './feature/Navigation';
 export type { PersistAsync } from './feature/PersistAsync';
 export type { Polling } from './feature/Polling';
 export type { PollingOnError } from './feature/PollingOnError';
 export type { ValidateAsync } from './feature/ValidateAsync';
-export type { Behavior } from './feature/Behavior';
 export type { ActionBehavior } from './feature/ActionBehavior';
+export type { Behavior } from './feature/Behavior';
+export type { DismissBehavior } from './feature/DismissBehavior';
 export type { LinkBehavior } from './feature/LinkBehavior';
 export type { ModalBehavior } from './feature/ModalBehavior';
-export type { DismissBehavior } from './feature/DismissBehavior';
 export type { LinkHandler } from './feature/LinkHandler';
+export type { AdditionalInfo } from './misc/AdditionalInfo';
 export type { Align } from './misc/Align';
 export type { AutocapitalizationType } from './misc/AutocapitalizationType';
 export type { Context } from './misc/Context';
-export type { Size } from './misc/Size';
-export type { Size as Margin } from './misc/Size';
 export type { Icon } from './misc/Icon';
 export type { Image } from './misc/Image';
-export type { Layout } from './layout/Layout';
+export type { InlineAlert } from './misc/InlineAlert';
+export type { Size as Margin, Size } from './misc/Size';
+export type { SupportingValues } from './misc/SupportingValues';
 export type { AlertLayout } from './layout/AlertLayout';
 export type { AlertLayoutCallToAction } from './layout/AlertLayoutCallToAction';
 export type { BoxLayout } from './layout/BoxLayout';
@@ -28,14 +29,13 @@ export type { ColumnsLayout } from './layout/ColumnsLayout';
 export type { DecisionLayout } from './layout/DecisionLayout';
 export type { DecisionLayoutOption } from './layout/DecisionLayoutOption';
 export type { DividerLayout } from './layout/DividerLayout';
-export type FormLayout = GeneratedFormLayout & {
-    schema?: Reference;
-};
 export type { HeadingLayout } from './layout/HeadingLayout';
 export type { ImageLayout } from './layout/ImageLayout';
+export type { InfoLayout } from './layout/InfoLayout';
 export type { InstructionsLayout } from './layout/InstructionsLayout';
 export type { InstructionsLayoutItem } from './layout/InstructionsLayoutItem';
-export type { InfoLayout } from './layout/InfoLayout';
+export type { ItemCallToAction } from './layout/ItemCallToAction';
+export type { Layout } from './layout/Layout';
 export type { ListLayout } from './layout/ListLayout';
 export type { ListLayoutCallToAction } from './layout/ListLayoutCallToAction';
 export type { ListLayoutItem } from './layout/ListLayoutItem';
@@ -53,19 +53,21 @@ export type { SearchLayout } from './layout/SearchLayout';
 export type { StatusListLayout } from './layout/StatusListLayout';
 export type { StatusListLayoutItem } from './layout/StatusListLayoutItem';
 export type { StatusListLayoutStatus } from './layout/StatusListLayoutStatus';
-export type { ItemCallToAction } from './layout/ItemCallToAction';
-export type { SearchResult } from './responses/search/SearchResult';
+export type FormLayout = GeneratedFormLayout & {
+    schema?: Reference;
+};
 export type { SearchResponseBody } from './responses/search/SearchResponseBody';
-export type { Schema } from './schema/Schema';
-export type { BooleanSchema } from './schema/BooleanSchema';
+export type { SearchResult } from './responses/search/SearchResult';
+export type { AllOfSchema } from './schema/AllOfSchema';
 export type { BlobSchema } from './schema/BlobSchema';
+export type { BooleanSchema } from './schema/BooleanSchema';
 export type { ConstSchema } from './schema/ConstSchema';
+export type { IntegerSchema } from './schema/IntegerSchema';
+export type { NumberSchema } from './schema/NumberSchema';
 export type { ObjectSchema } from './schema/ObjectSchema';
-export type { AllOfSchema } from './schema/AllOfSchema';
 export type { OneOfSchema } from './schema/OneOfSchema';
+export type { Schema } from './schema/Schema';
 export type { StringSchema } from './schema/StringSchema';
-export type { NumberSchema } from './schema/NumberSchema';
-export type { IntegerSchema } from './schema/IntegerSchema';
 export type { ArraySchema } from './schema/ArraySchema';
 export type { ArraySchemaList } from './schema/ArraySchemaList';
 export type { ArraySchemaTuple } from './schema/ArraySchemaTuple';
@@ -74,7 +76,7 @@ export type { ActionResponseBody } from './responses/action/ActionResponseBody';
 export type { ErrorResponseBody } from './responses/error/ErrorResponseBody';
 export type { ModalResponseBody } from './responses/modal/ModalResponseBody';
 export type { Step } from './step/Step';
-export type { JsonElement, JsonPrimitive, JsonArray, JsonObject } from './JsonElement';
+export type { JsonArray, JsonElement, JsonObject, JsonPrimitive } from './JsonElement';
 export type Model = JsonElement;
 export type ValidationError = JsonElement;
 export type Reference = {

package/build/next/layout/DecisionLayoutOption.d.ts

@@ -2,6 +2,8 @@ import type { Action } from '../feature/Action';
 import type { Icon } from '../misc/Icon';
 import type { Image } from '../misc/Image';
 import type { Behavior } from '../feature/Behavior';
+import type { SupportingValues } from '../misc/SupportingValues';
+import type { InlineAlert } from '../misc/InlineAlert';
 /**
 * An option is a single entry in the decision that the user can choose.
 */
@@ -40,4 +42,20 @@ export type DecisionLayoutOption = {
     * @experimental This feature may be changed in the future without notice.
     */
     tag?: string;
+    /**
+    * Additional information to be displayed to the user.
+    * @experimental This feature may be changed in the future without notice.
+    */
+    additionalText?: string;
+    /**
+    * An object containing two strings representing two user-facing values.
+    * One being clearly more important than the other.
+    * @experimental This feature may be changed in the future without notice.
+    */
+    supportingValues?: SupportingValues;
+    /**
+    * An alert that will be displayed inline with the item.
+    * @experimental This feature may be changed in the future without notice.
+    */
+    inlineAlert?: InlineAlert;
 };

package/build/next/layout/ListLayoutItem.d.ts

@@ -1,15 +1,13 @@
 import type { ListLayoutStatus } from './ListLayoutStatus';
 import type { Icon } from '../misc/Icon';
 import type { Image } from '../misc/Image';
+import type { AdditionalInfo } from '../misc/AdditionalInfo';
+import type { SupportingValues } from '../misc/SupportingValues';
+import type { InlineAlert } from '../misc/InlineAlert';
 /**
 * A single entry in a [ListLayout].
 */
 export type ListLayoutItem = {
-    /**
-    * A user-facing description.
-    * @deprecated Please use 'StatusListLayout' instead
-    */
-    description?: string;
     /**
     * The status of the item, if it has one.
     * @deprecated Please use 'StatusListLayout' instead
@@ -29,14 +27,17 @@ export type ListLayoutItem = {
     title?: string;
     /**
     * A user-facing subtitle.
+    * @deprecated Please use 'description' instead
     */
     subtitle?: string;
     /**
     * A user-facing value.
+    * @deprecated Please use 'supportingValues' instead
     */
     value?: string;
     /**
     * A user-facing subvalue.
+    * @deprecated Please use 'supportingValues' instead
     */
     subvalue?: string;
     /**
@@ -44,4 +45,24 @@ export type ListLayoutItem = {
     * @experimental This feature may be changed in the future without notice.
     */
     tag?: string;
+    /**
+    * Additional information to be displayed to the user, with optional interactivity.
+    * @experimental This feature may be changed in the future without notice.
+    */
+    additionalInfo?: AdditionalInfo;
+    /**
+    * An object containing two strings representing two user-facing values.
+    * One being clearly more important than the other.
+    * @experimental This feature may be changed in the future without notice.
+    */
+    supportingValues?: SupportingValues;
+    /**
+    * An alert that will be displayed inline with the item.
+    * @experimental This feature may be changed in the future without notice.
+    */
+    inlineAlert?: InlineAlert;
+    /**
+    * A user-facing description.
+    */
+    description?: string;
 };

package/build/next/layout/ReviewLayoutField.d.ts

@@ -1,4 +1,9 @@
 import type { Help } from '../feature/Help';
+import type { Icon } from '../misc/Icon';
+import type { Image } from '../misc/Image';
+import type { AdditionalInfo } from '../misc/AdditionalInfo';
+import type { InlineAlert } from '../misc/InlineAlert';
+import type { ReviewLayoutCallToAction } from './ReviewLayoutCallToAction';
 /**
 * A single field in a [ReviewLayout]
 */
@@ -27,4 +32,29 @@ export type ReviewLayoutField = {
     * @experimental This feature may be changed in the future without notice.
     */
     tag?: string;
+    /**
+    * An icon to represent the item.
+    * @experimental This feature may be changed in the future without notice.
+    */
+    icon?: Icon;
+    /**
+    * An image to represent the option.
+    * @experimental This feature may be changed in the future without notice.
+    */
+    image?: Image;
+    /**
+    * Additional information to be displayed to the user, with optional interactivity.
+    * @experimental This feature may be changed in the future without notice.
+    */
+    additionalInfo?: AdditionalInfo;
+    /**
+    * An alert that will be displayed inline with the item.
+    * @experimental This feature may be changed in the future without notice.
+    */
+    inlineAlert?: InlineAlert;
+    /**
+    * A titled [com.wise.dynamicflow.feature.Behavior], associated with a specific field, and which can be performed by the user
+    * @experimental This feature may be changed in the future without notice.
+    */
+    callToAction?: ReviewLayoutCallToAction;
 };

package/build/next/misc/AdditionalInfo.d.ts

@@ -0,0 +1,18 @@
+import type { Behavior } from '../feature/Behavior';
+/**
+* Additional information to be displayed to the user, with optional interactivity.
+*/
+export type AdditionalInfo = {
+    /**
+    * Additional information to be displayed to the user.
+    */
+    text: string;
+    /**
+    * An optional behavior to be triggered when interacting with the text.
+    */
+    behavior?: Behavior;
+    /**
+    * A description of the behavior to be used by screen readers.
+    */
+    accessibilityDescription?: string;
+};

package/build/next/misc/InlineAlert.d.ts

@@ -0,0 +1,14 @@
+import type { Context } from './Context';
+/**
+* An alert that will be displayed inline with the item that contains it.
+*/
+export type InlineAlert = {
+    /**
+    * The content of the alert as string.
+    */
+    content: string;
+    /**
+    * The semantics of the alert. Defaults to `neutral`.
+    */
+    context?: Context;
+};

package/build/next/misc/SupportingValues.d.ts

@@ -0,0 +1,14 @@
+/**
+* An object containing two strings representing two user-facing values.
+* One being clearly more important than the other.
+*/
+export type SupportingValues = {
+    /**
+    * The more important value of the two.
+    */
+    value?: string;
+    /**
+    * The less important value of the two.
+    */
+    subvalue?: string;
+};

package/build/renderers/DecisionRendererProps.d.ts

@@ -1,7 +1,7 @@
 import { Icon } from './Icon';
 import { Image } from './Image';
 import { BaseRendererProps } from './RendererProps';
-import { Margin } from './constants';
+import { InlineAlert, Margin, SupportingValues } from './constants';
 export type DecisionRendererProps = BaseRendererProps & {
     type: 'decision';
     control?: string;
@@ -17,5 +17,11 @@ export type DecisionOption = {
     image?: Image;
     title: string;
     tag?: string;
+    /** @experimental This feature may be changed in the future without notice. */
+    additionalText?: string;
+    /** @experimental This feature may be changed in the future without notice. */
+    supportingValues?: SupportingValues;
+    /** @experimental This feature may be changed in the future without notice. */
+    inlineAlert?: InlineAlert;
     onClick: () => void;
 };

package/build/renderers/ExternalConfirmationRendererProps.d.ts

@@ -0,0 +1,9 @@
+import { BaseRendererProps } from './RendererProps';
+export type ExternalConfirmationRendererProps = BaseRendererProps & {
+    type: 'external-confirmation';
+    url: string;
+    status: 'initial' | 'success' | 'failure' | 'dismissed';
+    onSuccess: () => void;
+    onFailure: () => void;
+    onCancel: () => void;
+};

package/build/renderers/{SectionRendererProps.d.ts → FormSectionRendererProps.d.ts}

@@ -2,8 +2,8 @@ import { ReactNode } from 'react';
 import { Icon } from './Icon';
 import { Image } from './Image';
 import { BaseRendererProps, RendererProps } from './RendererProps';
-export type SectionRendererProps = BaseRendererProps & {
-    type: 'section';
+export type FormSectionRendererProps = BaseRendererProps & {
+    type: 'form-section';
     control?: string;
     title?: string;
     description?: string;

package/build/renderers/ListRendererProps.d.ts

@@ -1,7 +1,8 @@
+import { SupportingValues } from '../next';
 import { Icon } from './Icon';
 import { Image } from './Image';
 import { BaseRendererProps } from './RendererProps';
-import { Margin } from './constants';
+import { AdditionalInfo, InlineAlert, Margin } from './constants';
 export type ListRendererProps = BaseRendererProps & {
     type: 'list';
     callToAction?: ListCallToAction;
@@ -14,10 +15,20 @@ export type ListItem = {
     icon?: Icon;
     image?: Image;
     title?: string;
+    /** @deprecated Use `description` instead. */
     subtitle?: string;
+    description?: string;
+    /** @deprecated Use `supportedValues` instead. */
     value?: string;
+    /** @deprecated Use `supportedValues` instead. */
     subvalue?: string;
     tag?: string;
+    /** @experimental This feature may be changed in the future without notice. */
+    supportingValues?: SupportingValues;
+    /** @experimental This feature may be changed in the future without notice. */
+    additionalInfo?: AdditionalInfo;
+    /** @experimental This feature may be changed in the future without notice. */
+    inlineAlert?: InlineAlert;
 };
 export type ListCallToAction = {
     accessibilityDescription?: string;

package/build/renderers/RendererProps.d.ts

@@ -7,6 +7,7 @@ import { CoreContainerRendererProps } from './CoreContainerRendererProps';
 import { DateInputRendererProps } from './DateInputRendererProps';
 import { DecisionRendererProps } from './DecisionRendererProps';
 import { DividerRendererProps } from './DividerRendererProps';
+import { ExternalConfirmationRendererProps } from './ExternalConfirmationRendererProps';
 import { FormRendererProps } from './FormRendererProps';
 import { HeadingRendererProps } from './HeadingRendererProps';
 import { HiddenRendererProps } from './HiddenRendererProps';
@@ -26,13 +27,13 @@ import { RepeatableRendererProps } from './RepeatableRendererProps';
 import { ReviewRendererProps } from './ReviewRendererProps';
 import { RootRendererProps } from './RootRendererProps';
 import { SearchRendererProps } from './SearchRendererProps';
-import { SectionRendererProps } from './SectionRendererProps';
+import { FormSectionRendererProps } from './FormSectionRendererProps';
 import { SelectInputRendererProps } from './SelectInputRendererProps';
 import { StatusListRendererProps } from './StatusListRendererProps';
 import { AnalyticsEventDispatcher, LoadingState, StepRendererProps } from './StepRendererProps';
 import { TextInputRendererProps } from './TextInputRendererProps';
 import { UploadInputRendererProps } from './UploadInputRendererProps';
-export type RendererProps = AlertRendererProps | CheckboxInputRendererProps | BoxRendererProps | ButtonRendererProps | ColumnsRendererProps | CoreContainerRendererProps | DateInputRendererProps | DecisionRendererProps | DividerRendererProps | FormRendererProps | HeadingRendererProps | HiddenRendererProps | ImageRendererProps | InstructionsRendererProps | IntegerInputRendererProps | ListRendererProps | LoadingIndicatorRendererProps | MarkdownRendererProps | ModalRendererProps | ModalContentRendererProps | MultiSelectInputRendererProps | MultiUploadInputRendererProps | NumberInputRendererProps | ParagraphRendererProps | RepeatableRendererProps | ReviewRendererProps | RootRendererProps | SearchRendererProps | SectionRendererProps | SelectInputRendererProps | StatusListRendererProps | StepRendererProps | TextInputRendererProps | UploadInputRendererProps;
+export type RendererProps = AlertRendererProps | CheckboxInputRendererProps | BoxRendererProps | ButtonRendererProps | ColumnsRendererProps | CoreContainerRendererProps | DateInputRendererProps | DecisionRendererProps | DividerRendererProps | ExternalConfirmationRendererProps | FormRendererProps | HeadingRendererProps | HiddenRendererProps | ImageRendererProps | InstructionsRendererProps | IntegerInputRendererProps | ListRendererProps | LoadingIndicatorRendererProps | MarkdownRendererProps | ModalRendererProps | ModalContentRendererProps | MultiSelectInputRendererProps | MultiUploadInputRendererProps | NumberInputRendererProps | ParagraphRendererProps | RepeatableRendererProps | ReviewRendererProps | RootRendererProps | SearchRendererProps | FormSectionRendererProps | SelectInputRendererProps | StatusListRendererProps | StepRendererProps | TextInputRendererProps | UploadInputRendererProps;
 export type Renderer<P extends RendererProps> = {
     canRenderType: P['type'];
     canRender?: (props: P) => boolean;
@@ -42,7 +43,7 @@ export type RendererContext = {
     render: RenderFunction;
 };
 export type RenderFunction = (props: RendererProps | null) => JSX.Element | null;
-export type Renderers = readonly (Renderer<StepRendererProps> | Renderer<CoreContainerRendererProps> | Renderer<AlertRendererProps> | Renderer<BoxRendererProps> | Renderer<ColumnsRendererProps> | Renderer<DecisionRendererProps> | Renderer<DividerRendererProps> | Renderer<FormRendererProps> | Renderer<HeadingRendererProps> | Renderer<InstructionsRendererProps> | Renderer<ListRendererProps> | Renderer<LoadingIndicatorRendererProps> | Renderer<MarkdownRendererProps> | Renderer<ImageRendererProps> | Renderer<ModalRendererProps> | Renderer<ModalContentRendererProps> | Renderer<ParagraphRendererProps> | Renderer<ReviewRendererProps> | Renderer<SearchRendererProps> | Renderer<StatusListRendererProps> | Renderer<CheckboxInputRendererProps> | Renderer<ButtonRendererProps> | Renderer<DateInputRendererProps> | Renderer<HiddenRendererProps> | Renderer<IntegerInputRendererProps> | Renderer<NumberInputRendererProps> | Renderer<RepeatableRendererProps> | Renderer<RootRendererProps> | Renderer<SectionRendererProps> | Renderer<SelectInputRendererProps> | Renderer<MultiSelectInputRendererProps> | Renderer<TextInputRendererProps> | Renderer<UploadInputRendererProps> | Renderer<MultiUploadInputRendererProps>)[];
+export type Renderers = readonly (Renderer<StepRendererProps> | Renderer<CoreContainerRendererProps> | Renderer<AlertRendererProps> | Renderer<BoxRendererProps> | Renderer<ColumnsRendererProps> | Renderer<DecisionRendererProps> | Renderer<DividerRendererProps> | Renderer<ExternalConfirmationRendererProps> | Renderer<FormRendererProps> | Renderer<HeadingRendererProps> | Renderer<InstructionsRendererProps> | Renderer<ListRendererProps> | Renderer<LoadingIndicatorRendererProps> | Renderer<MarkdownRendererProps> | Renderer<ImageRendererProps> | Renderer<ModalRendererProps> | Renderer<ModalContentRendererProps> | Renderer<ParagraphRendererProps> | Renderer<ReviewRendererProps> | Renderer<SearchRendererProps> | Renderer<StatusListRendererProps> | Renderer<CheckboxInputRendererProps> | Renderer<ButtonRendererProps> | Renderer<DateInputRendererProps> | Renderer<HiddenRendererProps> | Renderer<IntegerInputRendererProps> | Renderer<NumberInputRendererProps> | Renderer<RepeatableRendererProps> | Renderer<RootRendererProps> | Renderer<FormSectionRendererProps> | Renderer<SelectInputRendererProps> | Renderer<MultiSelectInputRendererProps> | Renderer<TextInputRendererProps> | Renderer<UploadInputRendererProps> | Renderer<MultiUploadInputRendererProps>)[];
 export type BaseRendererProps = {
     uid: string;
     render: RenderFunction;