@cloudscape-design/components 3.0.624 → 3.0.626

package/internal/analytics/interfaces.d.ts

@@ -1,22 +1,18 @@
+export type FunnelType = 'single-page' | 'multi-page';
 export interface AnalyticsMetadata {
     instanceIdentifier?: string;
     flowType?: 'create' | 'edit';
     errorContext?: string;
 }
-export type FunnelType = 'single-page' | 'multi-page';
 export interface BaseFunnelProps {
+    funnelIdentifier?: AnalyticsMetadata['instanceIdentifier'];
     funnelInteractionId: string;
+    currentDocument?: Document;
 }
-export interface FunnelProps extends BaseFunnelProps {
-    instanceIdentifier?: AnalyticsMetadata['instanceIdentifier'];
-    flowType?: AnalyticsMetadata['flowType'];
-    totalFunnelSteps: number;
-    optionalStepNumbers: number[];
-    funnelType: FunnelType;
-    funnelNameSelector?: string;
+export interface FunnelErrorProps extends BaseFunnelProps {
+    funnelErrorContext?: AnalyticsMetadata['errorContext'];
 }
-export interface FunnelStartProps {
-    instanceIdentifier?: AnalyticsMetadata['instanceIdentifier'];
+export interface FunnelStartProps extends Omit<BaseFunnelProps, 'funnelInteractionId'> {
     flowType?: AnalyticsMetadata['flowType'];
     funnelNameSelector: string;
     totalFunnelSteps: number;
@@ -25,49 +21,49 @@ export interface FunnelStartProps {
     funnelType: FunnelType;
     funnelVersion: string;
     componentVersion: string;
-    theme: string;
+    componentTheme: string;
+    funnelInteractionId?: string;
 }
 export type FunnelMethod<T extends BaseFunnelProps> = (props: T) => void;
 export type FunnelStartMethod = (props: FunnelStartProps) => string;
 export interface FunnelStepProps extends BaseFunnelProps {
-    instanceIdentifier?: AnalyticsMetadata['instanceIdentifier'];
+    stepIdentifier?: AnalyticsMetadata['instanceIdentifier'];
     stepNumber: number;
     stepName?: string | undefined;
-    stepNameSelector: string;
+    stepNameSelector?: string;
     subStepAllSelector: string;
-}
-export interface FunnelStepStartProps extends FunnelStepProps {
     totalSubSteps?: number;
     subStepConfiguration?: SubStepConfiguration[];
 }
-export interface FunnelStepCompleteProps extends FunnelStepProps {
-    totalSubSteps?: number;
-}
 export interface FunnelStepNavigationProps extends FunnelStepProps {
     destinationStepNumber: number;
     navigationType: string;
     totalSubSteps?: number;
 }
 export interface FunnelStepErrorProps extends FunnelStepProps {
+    stepErrorContext?: AnalyticsMetadata['errorContext'];
     stepErrorSelector: string;
-    errorContext?: AnalyticsMetadata['errorContext'];
 }
 export interface FunnelSubStepProps extends FunnelStepProps {
-    instanceIdentifier?: AnalyticsMetadata['instanceIdentifier'];
+    subStepIdentifier?: AnalyticsMetadata['instanceIdentifier'];
     subStepSelector: string;
     subStepName?: string | undefined;
     subStepNameSelector: string;
     subStepNumber?: number;
 }
 export interface FunnelSubStepErrorProps extends FunnelSubStepProps {
+    subStepErrorContext?: AnalyticsMetadata['errorContext'];
+    fieldIdentifier?: AnalyticsMetadata['instanceIdentifier'];
+    fieldErrorContext?: AnalyticsMetadata['errorContext'];
     fieldLabelSelector: string;
     fieldErrorSelector: string;
-    errorContext?: AnalyticsMetadata['errorContext'];
 }
 export interface OptionalFunnelSubStepErrorProps extends FunnelSubStepProps {
+    subStepErrorContext?: AnalyticsMetadata['errorContext'];
+    fieldIdentifier?: AnalyticsMetadata['instanceIdentifier'];
+    fieldErrorContext?: AnalyticsMetadata['errorContext'];
     fieldLabelSelector?: string;
     fieldErrorSelector?: string;
-    errorContext?: AnalyticsMetadata['errorContext'];
 }
 export interface FunnelLinkInteractionProps extends FunnelSubStepProps {
     elementSelector: string;
@@ -75,26 +71,16 @@ export interface FunnelLinkInteractionProps extends FunnelSubStepProps {
 export interface FunnelChangeProps extends BaseFunnelProps {
     stepConfiguration: StepConfiguration[];
 }
-export interface FunnelStepChangeProps extends BaseFunnelProps {
-    instanceIdentifier?: AnalyticsMetadata['instanceIdentifier'];
-    stepNumber: number;
-    stepName: string;
-    stepNameSelector: string;
-    subStepAllSelector: string;
-    totalSubSteps: number;
-    subStepConfiguration: SubStepConfiguration[];
-}
 export interface StepConfiguration {
     number: number;
     name: string;
     isOptional: boolean;
+    stepIdentifier?: AnalyticsMetadata['instanceIdentifier'];
 }
 export interface SubStepConfiguration {
     number: number;
     name: string;
-}
-export interface FunnelErrorProps extends BaseFunnelProps {
-    errorContext?: AnalyticsMetadata['errorContext'];
+    subStepIdentifier?: AnalyticsMetadata['instanceIdentifier'];
 }
 export interface IFunnelMetrics {
     funnelStart: FunnelStartMethod;
@@ -103,11 +89,11 @@ export interface IFunnelMetrics {
     funnelSuccessful: FunnelMethod<BaseFunnelProps>;
     funnelCancelled: FunnelMethod<BaseFunnelProps>;
     funnelChange: FunnelMethod<FunnelChangeProps>;
-    funnelStepStart: FunnelMethod<FunnelStepStartProps>;
-    funnelStepComplete: FunnelMethod<FunnelStepCompleteProps>;
+    funnelStepStart: FunnelMethod<FunnelStepProps>;
+    funnelStepComplete: FunnelMethod<FunnelStepProps>;
     funnelStepNavigation: FunnelMethod<FunnelStepNavigationProps>;
     funnelStepError: FunnelMethod<FunnelStepErrorProps>;
-    funnelStepChange: FunnelMethod<FunnelStepChangeProps>;
+    funnelStepChange: FunnelMethod<FunnelStepProps>;
     funnelSubStepStart: FunnelMethod<FunnelSubStepProps>;
     funnelSubStepComplete: FunnelMethod<FunnelSubStepProps>;
     funnelSubStepError: FunnelMethod<OptionalFunnelSubStepErrorProps>;

package/internal/analytics/interfaces.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../../src/internal/analytics/interfaces.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../../src/internal/analytics/interfaces.ts"],"names":[],"mappings":"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"}

package/internal/analytics/interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../src/internal/analytics/interfaces.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\n// TODO: Replace with correct type from component-toolkit\nexport interface AnalyticsMetadata {\n  instanceIdentifier?: string;\n  flowType?: 'create' | 'edit';\n  errorContext?: string;\n}\n\nexport type FunnelType = 'single-page' | 'multi-page';\n\n// Common properties for all funnels\nexport interface BaseFunnelProps {\n  funnelInteractionId: string;\n}\n\nexport interface FunnelProps extends BaseFunnelProps {\n  instanceIdentifier?: AnalyticsMetadata['instanceIdentifier'];\n  flowType?: AnalyticsMetadata['flowType'];\n  totalFunnelSteps: number;\n  optionalStepNumbers: number[];\n  funnelType: FunnelType;\n  funnelNameSelector?: string;\n}\n\nexport interface FunnelStartProps {\n  instanceIdentifier?: AnalyticsMetadata['instanceIdentifier'];\n  flowType?: AnalyticsMetadata['flowType'];\n  funnelNameSelector: string;\n  totalFunnelSteps: number;\n  optionalStepNumbers: number[];\n  stepConfiguration?: StepConfiguration[];\n  funnelType: FunnelType;\n  funnelVersion: string;\n  componentVersion: string;\n  theme: string;\n}\n\n// A function type for a generic funnel method\nexport type FunnelMethod<T extends BaseFunnelProps> = (props: T) => void;\n\n// A function type specifically for funnelStart\nexport type FunnelStartMethod = (props: FunnelStartProps) => string;\n\n// Define individual method props by extending the base\nexport interface FunnelStepProps extends BaseFunnelProps {\n  instanceIdentifier?: AnalyticsMetadata['instanceIdentifier'];\n  stepNumber: number;\n  stepName?: string | undefined;\n  stepNameSelector: string;\n  subStepAllSelector: string;\n}\n\nexport interface FunnelStepStartProps extends FunnelStepProps {\n  totalSubSteps?: number;\n  subStepConfiguration?: SubStepConfiguration[];\n}\nexport interface FunnelStepCompleteProps extends FunnelStepProps {\n  totalSubSteps?: number;\n}\n\nexport interface FunnelStepNavigationProps extends FunnelStepProps {\n  destinationStepNumber: number;\n  navigationType: string;\n  totalSubSteps?: number;\n}\n\nexport interface FunnelStepErrorProps extends FunnelStepProps {\n  stepErrorSelector: string;\n  errorContext?: AnalyticsMetadata['errorContext'];\n}\n\nexport interface FunnelSubStepProps extends FunnelStepProps {\n  instanceIdentifier?: AnalyticsMetadata['instanceIdentifier'];\n  subStepSelector: string;\n  subStepName?: string | undefined;\n  subStepNameSelector: string;\n  subStepNumber?: number;\n}\n\nexport interface FunnelSubStepErrorProps extends FunnelSubStepProps {\n  fieldLabelSelector: string;\n  fieldErrorSelector: string;\n  errorContext?: AnalyticsMetadata['errorContext'];\n}\n\nexport interface OptionalFunnelSubStepErrorProps extends FunnelSubStepProps {\n  fieldLabelSelector?: string;\n  fieldErrorSelector?: string;\n  errorContext?: AnalyticsMetadata['errorContext'];\n}\n\nexport interface FunnelLinkInteractionProps extends FunnelSubStepProps {\n  elementSelector: string;\n}\n\nexport interface FunnelChangeProps extends BaseFunnelProps {\n  stepConfiguration: StepConfiguration[];\n}\n\nexport interface FunnelStepChangeProps extends BaseFunnelProps {\n  instanceIdentifier?: AnalyticsMetadata['instanceIdentifier'];\n  stepNumber: number;\n  stepName: string;\n  stepNameSelector: string;\n  subStepAllSelector: string;\n  totalSubSteps: number;\n  subStepConfiguration: SubStepConfiguration[];\n}\n\nexport interface StepConfiguration {\n  number: number;\n  name: string;\n  isOptional: boolean;\n}\n\nexport interface SubStepConfiguration {\n  number: number;\n  name: string;\n}\n\nexport interface FunnelErrorProps extends BaseFunnelProps {\n  errorContext?: AnalyticsMetadata['errorContext'];\n}\n\n// Define the interface using the method type\nexport interface IFunnelMetrics {\n  funnelStart: FunnelStartMethod;\n  funnelError: FunnelMethod<FunnelErrorProps>;\n  funnelComplete: FunnelMethod<BaseFunnelProps>;\n  funnelSuccessful: FunnelMethod<BaseFunnelProps>;\n  funnelCancelled: FunnelMethod<BaseFunnelProps>;\n  funnelChange: FunnelMethod<FunnelChangeProps>;\n\n  funnelStepStart: FunnelMethod<FunnelStepStartProps>;\n  funnelStepComplete: FunnelMethod<FunnelStepCompleteProps>;\n  funnelStepNavigation: FunnelMethod<FunnelStepNavigationProps>;\n  funnelStepError: FunnelMethod<FunnelStepErrorProps>;\n  funnelStepChange: FunnelMethod<FunnelStepChangeProps>;\n\n  funnelSubStepStart: FunnelMethod<FunnelSubStepProps>;\n  funnelSubStepComplete: FunnelMethod<FunnelSubStepProps>;\n  funnelSubStepError: FunnelMethod<OptionalFunnelSubStepErrorProps>;\n\n  helpPanelInteracted: FunnelMethod<FunnelLinkInteractionProps>;\n  externalLinkInteracted: FunnelMethod<FunnelLinkInteractionProps>;\n}\n"]}
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../src/internal/analytics/interfaces.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nexport type FunnelType = 'single-page' | 'multi-page';\nexport interface AnalyticsMetadata {\n  instanceIdentifier?: string;\n  flowType?: 'create' | 'edit';\n  errorContext?: string;\n}\n\n// Common properties for all funnels\nexport interface BaseFunnelProps {\n  funnelIdentifier?: AnalyticsMetadata['instanceIdentifier'];\n  funnelInteractionId: string;\n  currentDocument?: Document;\n}\n\nexport interface FunnelErrorProps extends BaseFunnelProps {\n  funnelErrorContext?: AnalyticsMetadata['errorContext'];\n}\n\nexport interface FunnelStartProps extends Omit<BaseFunnelProps, 'funnelInteractionId'> {\n  flowType?: AnalyticsMetadata['flowType'];\n  funnelNameSelector: string;\n  totalFunnelSteps: number;\n  optionalStepNumbers: number[];\n  stepConfiguration?: StepConfiguration[];\n  funnelType: FunnelType;\n  funnelVersion: string;\n  componentVersion: string;\n  componentTheme: string;\n  funnelInteractionId?: string;\n}\n\n// A function type for a generic funnel method\nexport type FunnelMethod<T extends BaseFunnelProps> = (props: T) => void;\n\n// A function type specifically for funnelStart\nexport type FunnelStartMethod = (props: FunnelStartProps) => string;\n\n// Define individual method props by extending the base\nexport interface FunnelStepProps extends BaseFunnelProps {\n  stepIdentifier?: AnalyticsMetadata['instanceIdentifier'];\n  stepNumber: number;\n  stepName?: string | undefined;\n  stepNameSelector?: string;\n  subStepAllSelector: string;\n  totalSubSteps?: number;\n  subStepConfiguration?: SubStepConfiguration[];\n}\n\nexport interface FunnelStepNavigationProps extends FunnelStepProps {\n  destinationStepNumber: number;\n  navigationType: string;\n  totalSubSteps?: number;\n}\n\nexport interface FunnelStepErrorProps extends FunnelStepProps {\n  stepErrorContext?: AnalyticsMetadata['errorContext'];\n  stepErrorSelector: string;\n}\n\nexport interface FunnelSubStepProps extends FunnelStepProps {\n  subStepIdentifier?: AnalyticsMetadata['instanceIdentifier'];\n  subStepSelector: string;\n  subStepName?: string | undefined;\n  subStepNameSelector: string;\n  subStepNumber?: number;\n}\n\nexport interface FunnelSubStepErrorProps extends FunnelSubStepProps {\n  subStepErrorContext?: AnalyticsMetadata['errorContext'];\n  fieldIdentifier?: AnalyticsMetadata['instanceIdentifier'];\n  fieldErrorContext?: AnalyticsMetadata['errorContext'];\n  fieldLabelSelector: string;\n  fieldErrorSelector: string;\n}\n\nexport interface OptionalFunnelSubStepErrorProps extends FunnelSubStepProps {\n  subStepErrorContext?: AnalyticsMetadata['errorContext'];\n  fieldIdentifier?: AnalyticsMetadata['instanceIdentifier'];\n  fieldErrorContext?: AnalyticsMetadata['errorContext'];\n  fieldLabelSelector?: string;\n  fieldErrorSelector?: string;\n}\n\nexport interface FunnelLinkInteractionProps extends FunnelSubStepProps {\n  elementSelector: string;\n}\n\nexport interface FunnelChangeProps extends BaseFunnelProps {\n  stepConfiguration: StepConfiguration[];\n}\n\nexport interface StepConfiguration {\n  number: number;\n  name: string;\n  isOptional: boolean;\n  stepIdentifier?: AnalyticsMetadata['instanceIdentifier'];\n}\n\nexport interface SubStepConfiguration {\n  number: number;\n  name: string;\n  subStepIdentifier?: AnalyticsMetadata['instanceIdentifier'];\n}\n\n// Define the interface using the method type\nexport interface IFunnelMetrics {\n  funnelStart: FunnelStartMethod;\n  funnelError: FunnelMethod<FunnelErrorProps>;\n  funnelComplete: FunnelMethod<BaseFunnelProps>;\n  funnelSuccessful: FunnelMethod<BaseFunnelProps>;\n  funnelCancelled: FunnelMethod<BaseFunnelProps>;\n  funnelChange: FunnelMethod<FunnelChangeProps>;\n\n  funnelStepStart: FunnelMethod<FunnelStepProps>;\n  funnelStepComplete: FunnelMethod<FunnelStepProps>;\n  funnelStepNavigation: FunnelMethod<FunnelStepNavigationProps>;\n  funnelStepError: FunnelMethod<FunnelStepErrorProps>;\n  funnelStepChange: FunnelMethod<FunnelStepProps>;\n\n  funnelSubStepStart: FunnelMethod<FunnelSubStepProps>;\n  funnelSubStepComplete: FunnelMethod<FunnelSubStepProps>;\n  funnelSubStepError: FunnelMethod<OptionalFunnelSubStepErrorProps>;\n\n  helpPanelInteracted: FunnelMethod<FunnelLinkInteractionProps>;\n  externalLinkInteracted: FunnelMethod<FunnelLinkInteractionProps>;\n}\n"]}

package/internal/base-component/index.d.ts

@@ -16,5 +16,5 @@ export declare function getBaseProps(props: BaseComponentProps): BaseComponentPr
 export interface BasePropsWithAnalyticsMetadata {
     __analyticsMetadata?: AnalyticsMetadata;
 }
-export declare function getAnalyticsMetadataProps(props: BasePropsWithAnalyticsMetadata): AnalyticsMetadata | undefined;
+export declare function getAnalyticsMetadataProps(props?: BasePropsWithAnalyticsMetadata): AnalyticsMetadata | undefined;
 //# sourceMappingURL=index.d.ts.map

package/internal/base-component/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/internal/base-component/index.ts"],"names":[],"mappings":"AAOA,OAAO,iBAAiB,CAAC;AACzB,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAI5D,MAAM,WAAW,kBAAkB;IACjC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;CAIb;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,kBAAkB,sBAQrD;AAED,MAAM,WAAW,8BAA8B;IAC7C,mBAAmB,CAAC,EAAE,iBAAiB,CAAC;CACzC;AAED,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,8BAA8B,iCAE9E"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/internal/base-component/index.ts"],"names":[],"mappings":"AAOA,OAAO,iBAAiB,CAAC;AACzB,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAI5D,MAAM,WAAW,kBAAkB;IACjC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;CAIb;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,kBAAkB,sBAQrD;AAED,MAAM,WAAW,8BAA8B;IAC7C,mBAAmB,CAAC,EAAE,iBAAiB,CAAC;CACzC;AAED,wBAAgB,yBAAyB,CAAC,KAAK,CAAC,EAAE,8BAA8B,iCAE/E"}

package/internal/base-component/index.js

@@ -15,6 +15,6 @@ export function getBaseProps(props) {
     return baseProps;
 }
 export function getAnalyticsMetadataProps(props) {
-    return props.__analyticsMetadata;
+    return props === null || props === void 0 ? void 0 : props.__analyticsMetadata;
 }
 //# sourceMappingURL=index.js.map

package/internal/base-component/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/internal/base-component/index.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,+CAA+C,CAAC;AAClF,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEjE,gEAAgE;AAChE,OAAO,iBAAiB,CAAC;AAGzB,iBAAiB,CAAC,cAAc,EAAE,eAAe,CAAC,CAAC;AAkBnD,MAAM,UAAU,YAAY,CAAC,KAAyB;IACpD,MAAM,SAAS,GAAwB,EAAE,CAAC;IAC1C,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;QAChC,IAAI,IAAI,KAAK,IAAI,IAAI,IAAI,KAAK,WAAW,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE;YACjE,SAAS,CAAC,IAAI,CAAC,GAAI,KAA6B,CAAC,IAAI,CAAC,CAAC;SACxD;IACH,CAAC,CAAC,CAAC;IACH,OAAO,SAA+B,CAAC;AACzC,CAAC;AAMD,MAAM,UAAU,yBAAyB,CAAC,KAAqC;IAC7E,OAAO,KAAK,CAAC,mBAAmB,CAAC;AACnC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { initAwsUiVersions } from '@cloudscape-design/component-toolkit/internal';\nimport { PACKAGE_SOURCE, PACKAGE_VERSION } from '../environment';\n\n// these styles needed to be imported for every public component\nimport './styles.css.js';\nimport { AnalyticsMetadata } from '../analytics/interfaces';\n\ninitAwsUiVersions(PACKAGE_SOURCE, PACKAGE_VERSION);\n\nexport interface BaseComponentProps {\n  /**\n   * Adds the specified classes to the root element of the component.\n   * @deprecated Custom CSS is not supported. For other use cases, use [data attributes](https://developer.mozilla.org/en-US/docs/Learn/HTML/Howto/Use_data_attributes).\n   */\n  className?: string;\n  /**\n   * Adds the specified ID to the root element of the component.\n   * @deprecated Custom CSS is not supported. For other use cases, use [data attributes](https://developer.mozilla.org/en-US/docs/Learn/HTML/Howto/Use_data_attributes).\n   */\n  id?: string;\n  // we also support data-* attributes, but they are always implicitly allowed by typescript\n  // http://www.typescriptlang.org/docs/handbook/jsx.html#attribute-type-checking\n  // \"Note: If an attribute name is not a valid JS identifier (like a data-* attribute), it is not considered to be an error\"\n}\n\nexport function getBaseProps(props: BaseComponentProps) {\n  const baseProps: Record<string, any> = {};\n  Object.keys(props).forEach(prop => {\n    if (prop === 'id' || prop === 'className' || prop.match(/^data-/)) {\n      baseProps[prop] = (props as Record<string, any>)[prop];\n    }\n  });\n  return baseProps as BaseComponentProps;\n}\n\nexport interface BasePropsWithAnalyticsMetadata {\n  __analyticsMetadata?: AnalyticsMetadata;\n}\n\nexport function getAnalyticsMetadataProps(props: BasePropsWithAnalyticsMetadata) {\n  return props.__analyticsMetadata;\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/internal/base-component/index.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,+CAA+C,CAAC;AAClF,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEjE,gEAAgE;AAChE,OAAO,iBAAiB,CAAC;AAGzB,iBAAiB,CAAC,cAAc,EAAE,eAAe,CAAC,CAAC;AAkBnD,MAAM,UAAU,YAAY,CAAC,KAAyB;IACpD,MAAM,SAAS,GAAwB,EAAE,CAAC;IAC1C,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;QAChC,IAAI,IAAI,KAAK,IAAI,IAAI,IAAI,KAAK,WAAW,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE;YACjE,SAAS,CAAC,IAAI,CAAC,GAAI,KAA6B,CAAC,IAAI,CAAC,CAAC;SACxD;IACH,CAAC,CAAC,CAAC;IACH,OAAO,SAA+B,CAAC;AACzC,CAAC;AAMD,MAAM,UAAU,yBAAyB,CAAC,KAAsC;IAC9E,OAAO,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,mBAAmB,CAAC;AACpC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { initAwsUiVersions } from '@cloudscape-design/component-toolkit/internal';\nimport { PACKAGE_SOURCE, PACKAGE_VERSION } from '../environment';\n\n// these styles needed to be imported for every public component\nimport './styles.css.js';\nimport { AnalyticsMetadata } from '../analytics/interfaces';\n\ninitAwsUiVersions(PACKAGE_SOURCE, PACKAGE_VERSION);\n\nexport interface BaseComponentProps {\n  /**\n   * Adds the specified classes to the root element of the component.\n   * @deprecated Custom CSS is not supported. For other use cases, use [data attributes](https://developer.mozilla.org/en-US/docs/Learn/HTML/Howto/Use_data_attributes).\n   */\n  className?: string;\n  /**\n   * Adds the specified ID to the root element of the component.\n   * @deprecated Custom CSS is not supported. For other use cases, use [data attributes](https://developer.mozilla.org/en-US/docs/Learn/HTML/Howto/Use_data_attributes).\n   */\n  id?: string;\n  // we also support data-* attributes, but they are always implicitly allowed by typescript\n  // http://www.typescriptlang.org/docs/handbook/jsx.html#attribute-type-checking\n  // \"Note: If an attribute name is not a valid JS identifier (like a data-* attribute), it is not considered to be an error\"\n}\n\nexport function getBaseProps(props: BaseComponentProps) {\n  const baseProps: Record<string, any> = {};\n  Object.keys(props).forEach(prop => {\n    if (prop === 'id' || prop === 'className' || prop.match(/^data-/)) {\n      baseProps[prop] = (props as Record<string, any>)[prop];\n    }\n  });\n  return baseProps as BaseComponentProps;\n}\n\nexport interface BasePropsWithAnalyticsMetadata {\n  __analyticsMetadata?: AnalyticsMetadata;\n}\n\nexport function getAnalyticsMetadataProps(props?: BasePropsWithAnalyticsMetadata) {\n  return props?.__analyticsMetadata;\n}\n"]}

package/internal/base-component/styles.scoped.css

@@ -266,6 +266,7 @@
   --color-border-item-selected-k00wlz:#0972d3;
   --color-border-layout-ownedw:#d1d5db;
   --color-border-notification-stack-bar-t3aws2:#232f3e;
+  --color-border-panel-header-lf0q4c:#b6bec9;
   --color-border-popover-umqvld:#9ba7b6;
   --color-border-segment-active-9ah16u:#414d5c;
   --color-border-segment-default-a5zrkd:#414d5c;
@@ -548,6 +549,10 @@
   --space-modal-content-bottom-hqahub:16px;
   --space-modal-horizontal-f89syl:20px;
   --space-option-icon-big-top-hybljv:0px;
+  --space-panel-content-bottom-7k6er3:40px;
+  --space-panel-content-top-wac3yp:20px;
+  --space-panel-divider-margin-horizontal-sbik1z:8px;
+  --space-panel-header-vertical-gv9pti:20px;
   --space-panel-nav-left-b1g0mt:28px;
   --space-panel-side-left-5t0who:28px;
   --space-panel-side-right-xofg51:24px;
@@ -857,6 +862,7 @@
     --color-border-item-placeholder-h8j85e:#539fe5;
     --color-border-item-selected-k00wlz:#539fe5;
     --color-border-layout-ownedw:#354150;
+    --color-border-panel-header-lf0q4c:#414d5c;
     --color-border-popover-umqvld:#5f6b7a;
     --color-border-segment-active-9ah16u:#d1d5db;
     --color-border-segment-default-a5zrkd:#d1d5db;
@@ -992,6 +998,9 @@
   --space-layout-content-bottom-noqzmw:24px;
   --space-layout-content-horizontal-7l52k3:16px;
   --space-modal-content-bottom-hqahub:8px;
+  --space-panel-content-bottom-7k6er3:32px;
+  --space-panel-content-top-wac3yp:16px;
+  --space-panel-header-vertical-gv9pti:16px;
   --space-panel-side-right-xofg51:20px;
   --space-panel-split-top-q1pux4:16px;
   --space-tabs-content-top-dedu0k:8px;
@@ -1039,6 +1048,9 @@
   --space-card-vertical-m591he:12px;
   --space-container-header-bottom-vj01hn:4px;
   --space-content-header-padding-bottom-y2enua:12px;
+  --space-panel-content-bottom-7k6er3:32px;
+  --space-panel-content-top-wac3yp:16px;
+  --space-panel-header-vertical-gv9pti:16px;
   --space-panel-side-right-xofg51:20px;
   --space-panel-split-top-q1pux4:16px;
   --space-tabs-content-top-dedu0k:8px;
@@ -1142,6 +1154,7 @@
   --color-border-item-placeholder-h8j85e:#539fe5;
   --color-border-item-selected-k00wlz:#539fe5;
   --color-border-layout-ownedw:#354150;
+  --color-border-panel-header-lf0q4c:#414d5c;
   --color-border-popover-umqvld:#5f6b7a;
   --color-border-segment-active-9ah16u:#d1d5db;
   --color-border-segment-default-a5zrkd:#d1d5db;
@@ -1335,6 +1348,7 @@
   --color-border-item-placeholder-h8j85e:#539fe5;
   --color-border-item-selected-k00wlz:#539fe5;
   --color-border-layout-ownedw:#354150;
+  --color-border-panel-header-lf0q4c:#414d5c;
   --color-border-popover-umqvld:#5f6b7a;
   --color-border-segment-active-9ah16u:#d1d5db;
   --color-border-segment-default-a5zrkd:#d1d5db;
@@ -1468,6 +1482,7 @@
   --color-border-dropdown-group-yakmix:#fbfbfb;
   --color-border-dropdown-item-default-k36ra7:#fbfbfb;
   --color-border-item-focused-b2ntyl:#fbfbfb;
+  --color-border-panel-header-lf0q4c:#fbfbfb;
   --color-text-body-default-at06ol:#fbfbfb;
   --color-text-button-normal-active-4it2mv:#ffffff;
   --color-text-button-normal-default-mo7k6u:#fbfbfb;
@@ -1497,6 +1512,7 @@
   --color-border-dropdown-group-yakmix:#000716;
   --color-border-dropdown-item-default-k36ra7:#000716;
   --color-border-item-focused-b2ntyl:#000716;
+  --color-border-panel-header-lf0q4c:#000716;
   --color-text-button-normal-active-4it2mv:#000716;
   --color-text-button-normal-default-mo7k6u:#414d5c;
   --color-text-button-normal-hover-04pe0y:#000716;
@@ -1525,6 +1541,7 @@
   --color-border-divider-panel-side-93n0qu:#414d5c;
   --color-border-dropdown-group-yakmix:#414d5c;
   --color-border-dropdown-item-default-k36ra7:#414d5c;
+  --color-border-panel-header-lf0q4c:#414d5c;
   --color-text-button-normal-active-4it2mv:#000716;
   --color-text-button-normal-default-mo7k6u:#414d5c;
   --color-text-button-normal-hover-04pe0y:#000716;
@@ -1623,6 +1640,7 @@
   --color-border-item-placeholder-h8j85e:#539fe5;
   --color-border-item-selected-k00wlz:#539fe5;
   --color-border-layout-ownedw:#354150;
+  --color-border-panel-header-lf0q4c:#d1d5db;
   --color-border-popover-umqvld:#5f6b7a;
   --color-border-segment-active-9ah16u:#d1d5db;
   --color-border-segment-default-a5zrkd:#d1d5db;
@@ -1754,6 +1772,7 @@
     --color-border-dropdown-group-yakmix:#d1d5db;
     --color-border-dropdown-item-default-k36ra7:#d1d5db;
     --color-border-item-focused-b2ntyl:#fbfbfb;
+    --color-border-panel-header-lf0q4c:#d1d5db;
     --color-text-button-normal-active-4it2mv:#ffffff;
     --color-text-button-normal-default-mo7k6u:#d1d5db;
     --color-text-button-normal-hover-04pe0y:#ffffff;
@@ -1777,6 +1796,7 @@
     --color-border-dropdown-group-yakmix:#d1d5db;
     --color-border-dropdown-item-default-k36ra7:#d1d5db;
     --color-border-item-focused-b2ntyl:#fbfbfb;
+    --color-border-panel-header-lf0q4c:#d1d5db;
     --color-text-button-normal-active-4it2mv:#ffffff;
     --color-text-button-normal-default-mo7k6u:#d1d5db;
     --color-text-button-normal-hover-04pe0y:#ffffff;

package/internal/components/button-trigger/index.d.ts

@@ -8,6 +8,7 @@ export interface ButtonTriggerProps extends BaseComponentProps {
     disabled?: boolean;
     readOnly?: boolean;
     invalid?: boolean;
+    warning?: boolean;
     inFilteringToken?: boolean;
     inlineTokens?: boolean;
     ariaHasPopup?: 'true' | 'listbox' | 'dialog';

package/internal/components/button-trigger/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/button-trigger/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAEpD,OAAO,EAAE,kBAAkB,EAAgB,MAAM,sBAAsB,CAAC;AAGxE,OAAO,EAA0C,sBAAsB,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE7G,MAAM,WAAW,kBAAmB,SAAQ,kBAAkB;IAC5D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC;IAC7C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,sBAAsB,CAAC,aAAa,CAAC,CAAC;IAClD,OAAO,CAAC,EAAE,sBAAsB,CAAC,aAAa,CAAC,CAAC;IAChD,WAAW,CAAC,EAAE,sBAAsB,CAAC;IACrC,OAAO,CAAC,EAAE,sBAAsB,CAAC;IACjC,OAAO,CAAC,EAAE,sBAAsB,CAAC;IACjC,MAAM,CAAC,EAAE,sBAAsB,CAAC;QAAE,aAAa,EAAE,IAAI,GAAG,IAAI,CAAA;KAAE,CAAC,CAAC;IAChE,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AA2ED,yBAAiB,kBAAkB,CAAC;IAClC,UAAiB,GAAG;QAClB,KAAK,IAAI,IAAI,CAAC;KACf;CACF;;AAED,wBAA+C"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/button-trigger/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAEpD,OAAO,EAAE,kBAAkB,EAAgB,MAAM,sBAAsB,CAAC;AAGxE,OAAO,EAA0C,sBAAsB,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE7G,MAAM,WAAW,kBAAmB,SAAQ,kBAAkB;IAC5D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC;IAC7C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,sBAAsB,CAAC,aAAa,CAAC,CAAC;IAClD,OAAO,CAAC,EAAE,sBAAsB,CAAC,aAAa,CAAC,CAAC;IAChD,WAAW,CAAC,EAAE,sBAAsB,CAAC;IACrC,OAAO,CAAC,EAAE,sBAAsB,CAAC;IACjC,OAAO,CAAC,EAAE,sBAAsB,CAAC;IACjC,MAAM,CAAC,EAAE,sBAAsB,CAAC;QAAE,aAAa,EAAE,IAAI,GAAG,IAAI,CAAA;KAAE,CAAC,CAAC;IAChE,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AA6ED,yBAAiB,kBAAkB,CAAC;IAClC,UAAiB,GAAG;QAClB,KAAK,IAAI,IAAI,CAAC;KACf;CACF;;AAED,wBAA+C"}

package/internal/components/button-trigger/index.js

@@ -8,9 +8,9 @@ import InternalIcon from '../../../icon/internal';
 import styles from './styles.css.js';
 import { fireKeyboardEvent, fireCancelableEvent } from '../../events';
 const ButtonTrigger = (_a, ref) => {
-    var { children, pressed = false, hideCaret = false, disabled = false, readOnly = false, invalid = false, inlineTokens, inFilteringToken, ariaHasPopup, ariaLabel, ariaLabelledby, ariaDescribedby, ariaControls, onKeyDown, onKeyUp, onMouseDown, onClick, onFocus, onBlur, autoFocus } = _a, restProps = __rest(_a, ["children", "pressed", "hideCaret", "disabled", "readOnly", "invalid", "inlineTokens", "inFilteringToken", "ariaHasPopup", "ariaLabel", "ariaLabelledby", "ariaDescribedby", "ariaControls", "onKeyDown", "onKeyUp", "onMouseDown", "onClick", "onFocus", "onBlur", "autoFocus"]);
+    var { children, pressed = false, hideCaret = false, disabled = false, readOnly = false, invalid = false, warning = false, inlineTokens, inFilteringToken, ariaHasPopup, ariaLabel, ariaLabelledby, ariaDescribedby, ariaControls, onKeyDown, onKeyUp, onMouseDown, onClick, onFocus, onBlur, autoFocus } = _a, restProps = __rest(_a, ["children", "pressed", "hideCaret", "disabled", "readOnly", "invalid", "warning", "inlineTokens", "inFilteringToken", "ariaHasPopup", "ariaLabel", "ariaLabelledby", "ariaDescribedby", "ariaControls", "onKeyDown", "onKeyUp", "onMouseDown", "onClick", "onFocus", "onBlur", "autoFocus"]);
     const baseProps = getBaseProps(restProps);
-    const attributes = Object.assign(Object.assign({}, baseProps), { type: 'button', className: clsx(styles['button-trigger'], baseProps.className, pressed && styles.pressed, disabled && styles.disabled, invalid && styles.invalid, !hideCaret && styles['has-caret'], readOnly && styles['read-only'], inFilteringToken && styles['in-filtering-token'], inlineTokens && styles['inline-tokens']), disabled: disabled || readOnly, 'aria-expanded': pressed, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, 'aria-haspopup': ariaHasPopup !== null && ariaHasPopup !== void 0 ? ariaHasPopup : 'listbox', 'aria-controls': ariaControls, onKeyDown: onKeyDown && (event => fireKeyboardEvent(onKeyDown, event)), onKeyUp: onKeyUp && (event => fireKeyboardEvent(onKeyUp, event)), onMouseDown: onMouseDown && (event => fireCancelableEvent(onMouseDown, {}, event)), onClick: onClick && (event => fireCancelableEvent(onClick, {}, event)), onFocus: onFocus && (event => fireCancelableEvent(onFocus, {}, event)), onBlur: onBlur && (event => fireCancelableEvent(onBlur, { relatedTarget: event.relatedTarget }, event)), autoFocus });
+    const attributes = Object.assign(Object.assign({}, baseProps), { type: 'button', className: clsx(styles['button-trigger'], baseProps.className, pressed && styles.pressed, disabled && styles.disabled, invalid && styles.invalid, warning && !invalid && styles.warning, !hideCaret && styles['has-caret'], readOnly && styles['read-only'], inFilteringToken && styles['in-filtering-token'], inlineTokens && styles['inline-tokens']), disabled: disabled || readOnly, 'aria-expanded': pressed, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, 'aria-haspopup': ariaHasPopup !== null && ariaHasPopup !== void 0 ? ariaHasPopup : 'listbox', 'aria-controls': ariaControls, onKeyDown: onKeyDown && (event => fireKeyboardEvent(onKeyDown, event)), onKeyUp: onKeyUp && (event => fireKeyboardEvent(onKeyUp, event)), onMouseDown: onMouseDown && (event => fireCancelableEvent(onMouseDown, {}, event)), onClick: onClick && (event => fireCancelableEvent(onClick, {}, event)), onFocus: onFocus && (event => fireCancelableEvent(onFocus, {}, event)), onBlur: onBlur && (event => fireCancelableEvent(onBlur, { relatedTarget: event.relatedTarget }, event)), autoFocus });
     if (invalid) {
         attributes['aria-invalid'] = invalid;
     }

package/internal/components/button-trigger/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/button-trigger/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { ButtonHTMLAttributes } from 'react';\nimport clsx from 'clsx';\nimport { BaseComponentProps, getBaseProps } from '../../base-component';\nimport InternalIcon from '../../../icon/internal';\nimport styles from './styles.css.js';\nimport { fireKeyboardEvent, fireCancelableEvent, CancelableEventHandler, BaseKeyDetail } from '../../events';\n\nexport interface ButtonTriggerProps extends BaseComponentProps {\n  children?: React.ReactNode;\n  pressed?: boolean;\n  hideCaret?: boolean;\n  disabled?: boolean;\n  readOnly?: boolean;\n  invalid?: boolean;\n  inFilteringToken?: boolean;\n  inlineTokens?: boolean;\n  ariaHasPopup?: 'true' | 'listbox' | 'dialog';\n  ariaControls?: string;\n  ariaLabel?: string;\n  ariaLabelledby?: string;\n  ariaDescribedby?: string;\n  onKeyDown?: CancelableEventHandler<BaseKeyDetail>;\n  onKeyUp?: CancelableEventHandler<BaseKeyDetail>;\n  onMouseDown?: CancelableEventHandler;\n  onClick?: CancelableEventHandler;\n  onFocus?: CancelableEventHandler;\n  onBlur?: CancelableEventHandler<{ relatedTarget: Node | null }>;\n  autoFocus?: boolean;\n}\n\nconst ButtonTrigger = (\n  {\n    children,\n    pressed = false,\n    hideCaret = false,\n    disabled = false,\n    readOnly = false,\n    invalid = false,\n    inlineTokens,\n    inFilteringToken,\n    ariaHasPopup,\n    ariaLabel,\n    ariaLabelledby,\n    ariaDescribedby,\n    ariaControls,\n    onKeyDown,\n    onKeyUp,\n    onMouseDown,\n    onClick,\n    onFocus,\n    onBlur,\n    autoFocus,\n    ...restProps\n  }: ButtonTriggerProps,\n  ref: React.Ref<HTMLButtonElement>\n) => {\n  const baseProps = getBaseProps(restProps);\n  const attributes: ButtonHTMLAttributes<HTMLButtonElement> = {\n    ...baseProps,\n    type: 'button',\n    className: clsx(\n      styles['button-trigger'],\n      baseProps.className,\n      pressed && styles.pressed,\n      disabled && styles.disabled,\n      invalid && styles.invalid,\n      !hideCaret && styles['has-caret'],\n      readOnly && styles['read-only'],\n      inFilteringToken && styles['in-filtering-token'],\n      inlineTokens && styles['inline-tokens']\n    ),\n    disabled: disabled || readOnly,\n    'aria-expanded': pressed,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledby,\n    'aria-describedby': ariaDescribedby,\n    'aria-haspopup': ariaHasPopup ?? 'listbox',\n    'aria-controls': ariaControls,\n    onKeyDown: onKeyDown && (event => fireKeyboardEvent(onKeyDown, event)),\n    onKeyUp: onKeyUp && (event => fireKeyboardEvent(onKeyUp, event)),\n    onMouseDown: onMouseDown && (event => fireCancelableEvent(onMouseDown, {}, event)),\n    onClick: onClick && (event => fireCancelableEvent(onClick, {}, event)),\n    onFocus: onFocus && (event => fireCancelableEvent(onFocus, {}, event)),\n    onBlur: onBlur && (event => fireCancelableEvent(onBlur, { relatedTarget: event.relatedTarget }, event)),\n    autoFocus,\n  };\n\n  if (invalid) {\n    attributes['aria-invalid'] = invalid;\n  }\n\n  return (\n    <button ref={ref} {...attributes}>\n      {children}\n      {!hideCaret && (\n        <span className={styles.arrow}>\n          <InternalIcon name=\"caret-down-filled\" variant={disabled ? 'disabled' : 'normal'} />\n        </span>\n      )}\n    </button>\n  );\n};\n\nexport namespace ButtonTriggerProps {\n  export interface Ref {\n    focus(): void;\n  }\n}\n\nexport default React.forwardRef(ButtonTrigger);\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/button-trigger/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { ButtonHTMLAttributes } from 'react';\nimport clsx from 'clsx';\nimport { BaseComponentProps, getBaseProps } from '../../base-component';\nimport InternalIcon from '../../../icon/internal';\nimport styles from './styles.css.js';\nimport { fireKeyboardEvent, fireCancelableEvent, CancelableEventHandler, BaseKeyDetail } from '../../events';\n\nexport interface ButtonTriggerProps extends BaseComponentProps {\n  children?: React.ReactNode;\n  pressed?: boolean;\n  hideCaret?: boolean;\n  disabled?: boolean;\n  readOnly?: boolean;\n  invalid?: boolean;\n  warning?: boolean;\n  inFilteringToken?: boolean;\n  inlineTokens?: boolean;\n  ariaHasPopup?: 'true' | 'listbox' | 'dialog';\n  ariaControls?: string;\n  ariaLabel?: string;\n  ariaLabelledby?: string;\n  ariaDescribedby?: string;\n  onKeyDown?: CancelableEventHandler<BaseKeyDetail>;\n  onKeyUp?: CancelableEventHandler<BaseKeyDetail>;\n  onMouseDown?: CancelableEventHandler;\n  onClick?: CancelableEventHandler;\n  onFocus?: CancelableEventHandler;\n  onBlur?: CancelableEventHandler<{ relatedTarget: Node | null }>;\n  autoFocus?: boolean;\n}\n\nconst ButtonTrigger = (\n  {\n    children,\n    pressed = false,\n    hideCaret = false,\n    disabled = false,\n    readOnly = false,\n    invalid = false,\n    warning = false,\n    inlineTokens,\n    inFilteringToken,\n    ariaHasPopup,\n    ariaLabel,\n    ariaLabelledby,\n    ariaDescribedby,\n    ariaControls,\n    onKeyDown,\n    onKeyUp,\n    onMouseDown,\n    onClick,\n    onFocus,\n    onBlur,\n    autoFocus,\n    ...restProps\n  }: ButtonTriggerProps,\n  ref: React.Ref<HTMLButtonElement>\n) => {\n  const baseProps = getBaseProps(restProps);\n  const attributes: ButtonHTMLAttributes<HTMLButtonElement> = {\n    ...baseProps,\n    type: 'button',\n    className: clsx(\n      styles['button-trigger'],\n      baseProps.className,\n      pressed && styles.pressed,\n      disabled && styles.disabled,\n      invalid && styles.invalid,\n      warning && !invalid && styles.warning,\n      !hideCaret && styles['has-caret'],\n      readOnly && styles['read-only'],\n      inFilteringToken && styles['in-filtering-token'],\n      inlineTokens && styles['inline-tokens']\n    ),\n    disabled: disabled || readOnly,\n    'aria-expanded': pressed,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledby,\n    'aria-describedby': ariaDescribedby,\n    'aria-haspopup': ariaHasPopup ?? 'listbox',\n    'aria-controls': ariaControls,\n    onKeyDown: onKeyDown && (event => fireKeyboardEvent(onKeyDown, event)),\n    onKeyUp: onKeyUp && (event => fireKeyboardEvent(onKeyUp, event)),\n    onMouseDown: onMouseDown && (event => fireCancelableEvent(onMouseDown, {}, event)),\n    onClick: onClick && (event => fireCancelableEvent(onClick, {}, event)),\n    onFocus: onFocus && (event => fireCancelableEvent(onFocus, {}, event)),\n    onBlur: onBlur && (event => fireCancelableEvent(onBlur, { relatedTarget: event.relatedTarget }, event)),\n    autoFocus,\n  };\n\n  if (invalid) {\n    attributes['aria-invalid'] = invalid;\n  }\n\n  return (\n    <button ref={ref} {...attributes}>\n      {children}\n      {!hideCaret && (\n        <span className={styles.arrow}>\n          <InternalIcon name=\"caret-down-filled\" variant={disabled ? 'disabled' : 'normal'} />\n        </span>\n      )}\n    </button>\n  );\n};\n\nexport namespace ButtonTriggerProps {\n  export interface Ref {\n    focus(): void;\n  }\n}\n\nexport default React.forwardRef(ButtonTrigger);\n"]}

package/internal/components/button-trigger/styles.css.js

@@ -1,15 +1,16 @@
 
     import './styles.scoped.css';
     export default {
-  "button-trigger": "awsui_button-trigger_18eso_syr88_103",
-  "arrow": "awsui_arrow_18eso_syr88_103",
-  "has-caret": "awsui_has-caret_18eso_syr88_170",
-  "placeholder": "awsui_placeholder_18eso_syr88_173",
-  "pressed": "awsui_pressed_18eso_syr88_186",
-  "disabled": "awsui_disabled_18eso_syr88_189",
-  "in-filtering-token": "awsui_in-filtering-token_18eso_syr88_199",
-  "read-only": "awsui_read-only_18eso_syr88_205",
-  "invalid": "awsui_invalid_18eso_syr88_227",
-  "inline-tokens": "awsui_inline-tokens_18eso_syr88_265"
+  "button-trigger": "awsui_button-trigger_18eso_vwec8_103",
+  "arrow": "awsui_arrow_18eso_vwec8_103",
+  "has-caret": "awsui_has-caret_18eso_vwec8_170",
+  "placeholder": "awsui_placeholder_18eso_vwec8_173",
+  "pressed": "awsui_pressed_18eso_vwec8_186",
+  "disabled": "awsui_disabled_18eso_vwec8_189",
+  "in-filtering-token": "awsui_in-filtering-token_18eso_vwec8_199",
+  "read-only": "awsui_read-only_18eso_vwec8_205",
+  "invalid": "awsui_invalid_18eso_vwec8_227",
+  "warning": "awsui_warning_18eso_vwec8_238",
+  "inline-tokens": "awsui_inline-tokens_18eso_vwec8_276"
 };
   

package/internal/components/button-trigger/styles.scoped.css

@@ -100,16 +100,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_button-trigger_18eso_syr88_103 > .awsui_arrow_18eso_syr88_103:not(#\9) {
+.awsui_button-trigger_18eso_vwec8_103 > .awsui_arrow_18eso_vwec8_103:not(#\9) {
   transition: transform var(--motion-duration-rotate-180-dpvl4m, 135ms) var(--motion-easing-rotate-180-e270ko, cubic-bezier(0.165, 0.84, 0.44, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_button-trigger_18eso_syr88_103 > .awsui_arrow_18eso_syr88_103:not(#\9) {
+  .awsui_button-trigger_18eso_vwec8_103 > .awsui_arrow_18eso_vwec8_103:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_button-trigger_18eso_syr88_103 > .awsui_arrow_18eso_syr88_103:not(#\9), .awsui-mode-entering .awsui_button-trigger_18eso_syr88_103 > .awsui_arrow_18eso_syr88_103:not(#\9) {
+.awsui-motion-disabled .awsui_button-trigger_18eso_vwec8_103 > .awsui_arrow_18eso_vwec8_103:not(#\9), .awsui-mode-entering .awsui_button-trigger_18eso_vwec8_103 > .awsui_arrow_18eso_vwec8_103:not(#\9) {
   animation: none;
   transition: none;
 }
@@ -118,7 +118,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_button-trigger_18eso_syr88_103:not(#\9) {
+.awsui_button-trigger_18eso_vwec8_103:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -168,51 +168,51 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-inline: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-default-1zl7hq, #7d8998);
   min-block-size: var(--size-vertical-input-v5iwwf, 32px);
 }
-.awsui_button-trigger_18eso_syr88_103.awsui_has-caret_18eso_syr88_170:not(#\9) {
+.awsui_button-trigger_18eso_vwec8_103.awsui_has-caret_18eso_vwec8_170:not(#\9) {
   padding-inline-end: var(--space-field-icon-offset-csk9vw, 36px);
 }
-.awsui_button-trigger_18eso_syr88_103 > .awsui_placeholder_18eso_syr88_173:not(#\9) {
+.awsui_button-trigger_18eso_vwec8_103 > .awsui_placeholder_18eso_vwec8_173:not(#\9) {
   color: var(--color-text-input-placeholder-mx1ygd, #5f6b7a);
   font-style: italic;
 }
-.awsui_button-trigger_18eso_syr88_103 > .awsui_arrow_18eso_syr88_103:not(#\9) {
+.awsui_button-trigger_18eso_vwec8_103 > .awsui_arrow_18eso_vwec8_103:not(#\9) {
   position: absolute;
   inset-inline-end: var(--space-field-horizontal-gg19kw, 12px);
   inset-block-start: calc(50% - var(--line-height-body-m-30ar75, 20px) / 2);
   color: var(--color-text-button-inline-icon-default-s3yux9, #0972d3);
 }
-.awsui_button-trigger_18eso_syr88_103:not(#\9):hover > .awsui_arrow_18eso_syr88_103 {
+.awsui_button-trigger_18eso_vwec8_103:not(#\9):hover > .awsui_arrow_18eso_vwec8_103 {
   color: var(--color-text-button-inline-icon-hover-my2daf, #033160);
 }
-.awsui_button-trigger_18eso_syr88_103.awsui_pressed_18eso_syr88_186 > .awsui_arrow_18eso_syr88_103:not(#\9) {
+.awsui_button-trigger_18eso_vwec8_103.awsui_pressed_18eso_vwec8_186 > .awsui_arrow_18eso_vwec8_103:not(#\9) {
   transform: rotate(-180deg);
 }
-.awsui_button-trigger_18eso_syr88_103.awsui_disabled_18eso_syr88_189:not(#\9) {
+.awsui_button-trigger_18eso_vwec8_103.awsui_disabled_18eso_vwec8_189:not(#\9) {
   background-color: var(--color-background-input-disabled-ab59a3, #e9ebed);
   border-block: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-disabled-rx2aau, #e9ebed);
   border-inline: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-disabled-rx2aau, #e9ebed);
   color: var(--color-text-input-disabled-f8pjm5, #9ba7b6);
   cursor: auto;
 }
-.awsui_button-trigger_18eso_syr88_103.awsui_disabled_18eso_syr88_189 > .awsui_arrow_18eso_syr88_103:not(#\9) {
+.awsui_button-trigger_18eso_vwec8_103.awsui_disabled_18eso_vwec8_189 > .awsui_arrow_18eso_vwec8_103:not(#\9) {
   color: var(--color-text-button-inline-icon-disabled-mz5gmn, #9ba7b6);
 }
-.awsui_button-trigger_18eso_syr88_103.awsui_disabled_18eso_syr88_189.awsui_in-filtering-token_18eso_syr88_199:not(#\9) {
+.awsui_button-trigger_18eso_vwec8_103.awsui_disabled_18eso_vwec8_189.awsui_in-filtering-token_18eso_vwec8_199:not(#\9) {
   border-color: var(--color-border-control-disabled-bv2kkn, #d1d5db);
 }
-.awsui_button-trigger_18eso_syr88_103.awsui_disabled_18eso_syr88_189 > .awsui_placeholder_18eso_syr88_173:not(#\9) {
+.awsui_button-trigger_18eso_vwec8_103.awsui_disabled_18eso_vwec8_189 > .awsui_placeholder_18eso_vwec8_173:not(#\9) {
   color: var(--color-text-input-placeholder-disabled-abhb0d, #9ba7b6);
 }
-.awsui_button-trigger_18eso_syr88_103.awsui_read-only_18eso_syr88_205:not(#\9) {
+.awsui_button-trigger_18eso_vwec8_103.awsui_read-only_18eso_vwec8_205:not(#\9) {
   background-color: var(--color-background-input-default-igdh5e, #ffffff);
   border-block: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-disabled-rx2aau, #e9ebed);
   border-inline: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-disabled-rx2aau, #e9ebed);
 }
-.awsui_button-trigger_18eso_syr88_103:not(#\9):focus {
+.awsui_button-trigger_18eso_vwec8_103:not(#\9):focus {
   outline: none;
   text-decoration: none;
 }
-body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_syr88_103:not(#\9):not(.awsui_in-filtering-token_18eso_syr88_199):focus {
+body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_vwec8_103:not(#\9):not(.awsui_in-filtering-token_18eso_vwec8_199):focus {
   outline: 2px dotted transparent;
   border-block: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-focused-3d15sl, #033160);
   border-inline: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-focused-3d15sl, #033160);
@@ -222,10 +222,10 @@ body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_syr88_103:not(#\
   border-end-end-radius: var(--border-radius-input-plgbrq, 8px);
   box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-0ctpjf, 0px) var(--color-border-item-focused-b2ntyl, #0972d3);
 }
-.awsui_button-trigger_18eso_syr88_103:not(#\9):not(.awsui_in-filtering-token_18eso_syr88_199):invalid {
+.awsui_button-trigger_18eso_vwec8_103:not(#\9):not(.awsui_in-filtering-token_18eso_vwec8_199):invalid {
   box-shadow: none;
 }
-.awsui_button-trigger_18eso_syr88_103:not(#\9):not(.awsui_in-filtering-token_18eso_syr88_199).awsui_invalid_18eso_syr88_227, .awsui_button-trigger_18eso_syr88_103:not(#\9):not(.awsui_in-filtering-token_18eso_syr88_199).awsui_invalid_18eso_syr88_227:focus {
+.awsui_button-trigger_18eso_vwec8_103:not(#\9):not(.awsui_in-filtering-token_18eso_vwec8_199).awsui_invalid_18eso_vwec8_227, .awsui_button-trigger_18eso_vwec8_103:not(#\9):not(.awsui_in-filtering-token_18eso_vwec8_199).awsui_invalid_18eso_vwec8_227:focus {
   color: var(--color-text-status-error-wdvepn, #d91515);
   border-color: var(--color-text-status-error-wdvepn, #d91515);
   padding-inline-start: calc(
@@ -233,23 +233,34 @@ body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_syr88_103:not(#\
 );
   border-inline-start-width: var(--border-invalid-width-5ktjp2, 8px);
 }
-.awsui_button-trigger_18eso_syr88_103:not(#\9):not(.awsui_in-filtering-token_18eso_syr88_199).awsui_invalid_18eso_syr88_227:focus, .awsui_button-trigger_18eso_syr88_103:not(#\9):not(.awsui_in-filtering-token_18eso_syr88_199).awsui_invalid_18eso_syr88_227:focus:focus {
+.awsui_button-trigger_18eso_vwec8_103:not(#\9):not(.awsui_in-filtering-token_18eso_vwec8_199).awsui_invalid_18eso_vwec8_227:focus, .awsui_button-trigger_18eso_vwec8_103:not(#\9):not(.awsui_in-filtering-token_18eso_vwec8_199).awsui_invalid_18eso_vwec8_227:focus:focus {
   box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-fhmbjn, 2px) var(--color-border-item-focused-b2ntyl, #0972d3);
 }
-.awsui_button-trigger_18eso_syr88_103.awsui_in-filtering-token_18eso_syr88_199:not(#\9) {
+.awsui_button-trigger_18eso_vwec8_103:not(#\9):not(.awsui_in-filtering-token_18eso_vwec8_199).awsui_warning_18eso_vwec8_238, .awsui_button-trigger_18eso_vwec8_103:not(#\9):not(.awsui_in-filtering-token_18eso_vwec8_199).awsui_warning_18eso_vwec8_238:focus {
+  color: var(--color-text-status-warning-yik8vi, #8d6605);
+  border-color: var(--color-text-status-warning-yik8vi, #8d6605);
+  padding-inline-start: calc(
+  var(--space-field-horizontal-gg19kw, 12px) - (var(--border-invalid-width-5ktjp2, 8px) - var(--border-field-width-09w7vk, 2px))
+);
+  border-inline-start-width: var(--border-invalid-width-5ktjp2, 8px);
+}
+.awsui_button-trigger_18eso_vwec8_103:not(#\9):not(.awsui_in-filtering-token_18eso_vwec8_199).awsui_warning_18eso_vwec8_238:focus, .awsui_button-trigger_18eso_vwec8_103:not(#\9):not(.awsui_in-filtering-token_18eso_vwec8_199).awsui_warning_18eso_vwec8_238:focus:focus {
+  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-fhmbjn, 2px) var(--color-border-item-focused-b2ntyl, #0972d3);
+}
+.awsui_button-trigger_18eso_vwec8_103.awsui_in-filtering-token_18eso_vwec8_199:not(#\9) {
   border-color: var(--color-border-item-selected-k00wlz, #0972d3);
   border-start-end-radius: 0;
   border-end-end-radius: 0;
   block-size: 100%;
 }
-body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_syr88_103.awsui_in-filtering-token_18eso_syr88_199:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_vwec8_103.awsui_in-filtering-token_18eso_vwec8_199:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_syr88_103.awsui_in-filtering-token_18eso_syr88_199:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_vwec8_103.awsui_in-filtering-token_18eso_vwec8_199:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-filtering-token-operation-select-focus-outline-gutter-0ailok, -5px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_syr88_103.awsui_in-filtering-token_18eso_syr88_199:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_vwec8_103.awsui_in-filtering-token_18eso_vwec8_199:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -263,6 +274,6 @@ body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_syr88_103.awsui_
   border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
 }
-.awsui_button-trigger_18eso_syr88_103.awsui_inline-tokens_18eso_syr88_265:not(#\9) {
+.awsui_button-trigger_18eso_vwec8_103.awsui_inline-tokens_18eso_vwec8_276:not(#\9) {
   padding-block: 0;
 }

package/internal/components/button-trigger/styles.selectors.js

@@ -2,15 +2,16 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "button-trigger": "awsui_button-trigger_18eso_syr88_103",
-  "arrow": "awsui_arrow_18eso_syr88_103",
-  "has-caret": "awsui_has-caret_18eso_syr88_170",
-  "placeholder": "awsui_placeholder_18eso_syr88_173",
-  "pressed": "awsui_pressed_18eso_syr88_186",
-  "disabled": "awsui_disabled_18eso_syr88_189",
-  "in-filtering-token": "awsui_in-filtering-token_18eso_syr88_199",
-  "read-only": "awsui_read-only_18eso_syr88_205",
-  "invalid": "awsui_invalid_18eso_syr88_227",
-  "inline-tokens": "awsui_inline-tokens_18eso_syr88_265"
+  "button-trigger": "awsui_button-trigger_18eso_vwec8_103",
+  "arrow": "awsui_arrow_18eso_vwec8_103",
+  "has-caret": "awsui_has-caret_18eso_vwec8_170",
+  "placeholder": "awsui_placeholder_18eso_vwec8_173",
+  "pressed": "awsui_pressed_18eso_vwec8_186",
+  "disabled": "awsui_disabled_18eso_vwec8_189",
+  "in-filtering-token": "awsui_in-filtering-token_18eso_vwec8_199",
+  "read-only": "awsui_read-only_18eso_vwec8_205",
+  "invalid": "awsui_invalid_18eso_vwec8_227",
+  "warning": "awsui_warning_18eso_vwec8_238",
+  "inline-tokens": "awsui_inline-tokens_18eso_vwec8_276"
 };