@cloudscape-design/components-themeable 3.0.539 → 3.0.541

package/lib/internal/template/button-dropdown/styles.scoped.css

@@ -90,60 +90,60 @@ 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-dropdown_sne0l_59w95_93:not(#\9) {
+.awsui_button-dropdown_sne0l_15pdl_93:not(#\9) {
   display: inline-block;
 }
 
-.awsui_items-list-container_sne0l_59w95_97:not(#\9) {
+.awsui_items-list-container_sne0l_15pdl_97:not(#\9) {
   padding-block: 0;
   padding-inline: 0;
   margin-block: 0;
   margin-inline: 0;
-  animation: awsui_awsui-motion-fade-in-0_sne0l_59w95_1 500ms var(--motion-easing-show-quick-lvi5i8, ease-out);
+  animation: awsui_awsui-motion-fade-in-0_sne0l_15pdl_1 500ms var(--motion-easing-show-quick-lvi5i8, ease-out);
   animation-fill-mode: none;
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_items-list-container_sne0l_59w95_97:not(#\9) {
+  .awsui_items-list-container_sne0l_15pdl_97:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_items-list-container_sne0l_59w95_97:not(#\9), .awsui-mode-entering .awsui_items-list-container_sne0l_59w95_97:not(#\9) {
+.awsui-motion-disabled .awsui_items-list-container_sne0l_15pdl_97:not(#\9), .awsui-mode-entering .awsui_items-list-container_sne0l_15pdl_97:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_rotate-up_sne0l_59w95_116:not(#\9) {
+.awsui_rotate-up_sne0l_15pdl_116:not(#\9) {
   transform: rotate(-180deg);
   transition: transform var(--motion-duration-rotate-180-6z1h8e, 135ms) var(--motion-easing-rotate-180-l3wboa, cubic-bezier(0.165, 0.84, 0.44, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_rotate-up_sne0l_59w95_116:not(#\9) {
+  .awsui_rotate-up_sne0l_15pdl_116:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_rotate-up_sne0l_59w95_116:not(#\9), .awsui-mode-entering .awsui_rotate-up_sne0l_59w95_116:not(#\9) {
+.awsui-motion-disabled .awsui_rotate-up_sne0l_15pdl_116:not(#\9), .awsui-mode-entering .awsui_rotate-up_sne0l_15pdl_116:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_rotate-down_sne0l_59w95_131:not(#\9) {
+.awsui_rotate-down_sne0l_15pdl_131:not(#\9) {
   transform: rotate(0deg);
   transition: transform var(--motion-duration-rotate-180-6z1h8e, 135ms) var(--motion-easing-rotate-180-l3wboa, cubic-bezier(0.165, 0.84, 0.44, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_rotate-down_sne0l_59w95_131:not(#\9) {
+  .awsui_rotate-down_sne0l_15pdl_131:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_rotate-down_sne0l_59w95_131:not(#\9), .awsui-mode-entering .awsui_rotate-down_sne0l_59w95_131:not(#\9) {
+.awsui-motion-disabled .awsui_rotate-down_sne0l_15pdl_131:not(#\9), .awsui-mode-entering .awsui_rotate-down_sne0l_15pdl_131:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_header_sne0l_59w95_146:not(#\9) {
+.awsui_header_sne0l_15pdl_146:not(#\9) {
   display: flex;
   flex-direction: column;
   list-style: none;
@@ -154,40 +154,40 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-inline: var(--border-field-width-yoy972, 1px) solid transparent;
 }
 
-.awsui_title_sne0l_59w95_157:not(#\9),
-.awsui_description_sne0l_59w95_158:not(#\9) {
-  color: var(--color-text-dropdown-header-z1le22, #16191f);
+.awsui_title_sne0l_15pdl_157:not(#\9),
+.awsui_description_sne0l_15pdl_158:not(#\9) {
+  color: var(--color-text-top-navigation-title-ow31ne, #16191f);
 }
 
-.awsui_split-trigger-wrapper_sne0l_59w95_162:not(#\9) {
+.awsui_split-trigger-wrapper_sne0l_15pdl_162:not(#\9) {
   display: flex;
 }
-.awsui_split-trigger-wrapper_sne0l_59w95_162 > .awsui_trigger-item_sne0l_59w95_165 > button:not(#\9):focus {
+.awsui_split-trigger-wrapper_sne0l_15pdl_162 > .awsui_trigger-item_sne0l_15pdl_165 > button:not(#\9):focus {
   z-index: 1;
 }
-.awsui_split-trigger-wrapper_sne0l_59w95_162 > .awsui_trigger-item_sne0l_59w95_165:not(#\9):not(:last-child) > .awsui_trigger-button_sne0l_59w95_168 {
+.awsui_split-trigger-wrapper_sne0l_15pdl_162 > .awsui_trigger-item_sne0l_15pdl_165:not(#\9):not(:last-child) > .awsui_trigger-button_sne0l_15pdl_168 {
   border-start-end-radius: 0;
   border-end-end-radius: 0;
   padding-inline-end: var(--space-m-kpg8id, 16px);
   margin-inline-end: var(--space-xxxs-z28114, 2px);
 }
-.awsui_split-trigger-wrapper_sne0l_59w95_162 > .awsui_trigger-item_sne0l_59w95_165:not(#\9):not(:first-child) > .awsui_trigger-button_sne0l_59w95_168 {
+.awsui_split-trigger-wrapper_sne0l_15pdl_162 > .awsui_trigger-item_sne0l_15pdl_165:not(#\9):not(:first-child) > .awsui_trigger-button_sne0l_15pdl_168 {
   border-start-start-radius: 0;
   border-end-start-radius: 0;
   padding-inline: calc(var(--space-xs-xf5ch3, 8px) - 2px);
 }
-.awsui_split-trigger-wrapper_sne0l_59w95_162 > .awsui_trigger-item_sne0l_59w95_165:not(#\9):not(:first-child).awsui_visual-refresh_sne0l_59w95_179 > .awsui_trigger-button_sne0l_59w95_168 {
+.awsui_split-trigger-wrapper_sne0l_15pdl_162 > .awsui_trigger-item_sne0l_15pdl_165:not(#\9):not(:first-child).awsui_visual-refresh_sne0l_15pdl_179 > .awsui_trigger-button_sne0l_15pdl_168 {
   padding-inline-end: calc(var(--space-s-2025hl, 12px) - 2px);
 }
 
-.awsui_split-trigger_sne0l_59w95_162:not(#\9) {
+.awsui_split-trigger_sne0l_15pdl_162:not(#\9) {
   display: contents;
 }
 
-.awsui_dropdown-trigger_sne0l_59w95_187:not(#\9) {
+.awsui_dropdown-trigger_sne0l_15pdl_187:not(#\9) {
   display: contents;
 }
 
-.awsui_test-utils-button-trigger_sne0l_59w95_191:not(#\9) {
+.awsui_test-utils-button-trigger_sne0l_15pdl_191:not(#\9) {
   /* used in test-utils */
 }

package/lib/internal/template/button-dropdown/styles.selectors.js

@@ -2,20 +2,20 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "button-dropdown": "awsui_button-dropdown_sne0l_59w95_93",
-  "items-list-container": "awsui_items-list-container_sne0l_59w95_97",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_sne0l_59w95_1",
-  "rotate-up": "awsui_rotate-up_sne0l_59w95_116",
-  "rotate-down": "awsui_rotate-down_sne0l_59w95_131",
-  "header": "awsui_header_sne0l_59w95_146",
-  "title": "awsui_title_sne0l_59w95_157",
-  "description": "awsui_description_sne0l_59w95_158",
-  "split-trigger-wrapper": "awsui_split-trigger-wrapper_sne0l_59w95_162",
-  "trigger-item": "awsui_trigger-item_sne0l_59w95_165",
-  "trigger-button": "awsui_trigger-button_sne0l_59w95_168",
-  "visual-refresh": "awsui_visual-refresh_sne0l_59w95_179",
-  "split-trigger": "awsui_split-trigger_sne0l_59w95_162",
-  "dropdown-trigger": "awsui_dropdown-trigger_sne0l_59w95_187",
-  "test-utils-button-trigger": "awsui_test-utils-button-trigger_sne0l_59w95_191"
+  "button-dropdown": "awsui_button-dropdown_sne0l_15pdl_93",
+  "items-list-container": "awsui_items-list-container_sne0l_15pdl_97",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_sne0l_15pdl_1",
+  "rotate-up": "awsui_rotate-up_sne0l_15pdl_116",
+  "rotate-down": "awsui_rotate-down_sne0l_15pdl_131",
+  "header": "awsui_header_sne0l_15pdl_146",
+  "title": "awsui_title_sne0l_15pdl_157",
+  "description": "awsui_description_sne0l_15pdl_158",
+  "split-trigger-wrapper": "awsui_split-trigger-wrapper_sne0l_15pdl_162",
+  "trigger-item": "awsui_trigger-item_sne0l_15pdl_165",
+  "trigger-button": "awsui_trigger-button_sne0l_15pdl_168",
+  "visual-refresh": "awsui_visual-refresh_sne0l_15pdl_179",
+  "split-trigger": "awsui_split-trigger_sne0l_15pdl_162",
+  "dropdown-trigger": "awsui_dropdown-trigger_sne0l_15pdl_187",
+  "test-utils-button-trigger": "awsui_test-utils-button-trigger_sne0l_15pdl_191"
 };
   

package/lib/internal/template/container/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { ContainerProps } from './interfaces';
 export { ContainerProps };
-export default function Container({ variant, disableHeaderPaddings, disableContentPaddings, ...props }: ContainerProps): JSX.Element;
+export default function Container({ variant, disableHeaderPaddings, disableContentPaddings, fitHeight, ...props }: ContainerProps): JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/lib/internal/template/container/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["container/index.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAM9C,OAAO,EAAE,cAAc,EAAE,CAAC;AAE1B,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,OAAmB,EACnB,qBAA6B,EAC7B,sBAA8B,EAC9B,GAAG,KAAK,EACT,EAAE,cAAc,eAgBhB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["container/index.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAM9C,OAAO,EAAE,cAAc,EAAE,CAAC;AAE1B,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,OAAmB,EACnB,qBAA6B,EAC7B,sBAA8B,EAC9B,SAAiB,EACjB,GAAG,KAAK,EACT,EAAE,cAAc,eAmBhB"}

package/lib/internal/template/container/index.js

@@ -8,11 +8,13 @@ import { applyDisplayName } from '../internal/utils/apply-display-name';
 import useBaseComponent from '../internal/hooks/use-base-component';
 import { AnalyticsFunnelSubStep } from '../internal/analytics/components/analytics-funnel';
 export default function Container(_a) {
-    var { variant = 'default', disableHeaderPaddings = false, disableContentPaddings = false } = _a, props = __rest(_a, ["variant", "disableHeaderPaddings", "disableContentPaddings"]);
-    const baseComponentProps = useBaseComponent('Container');
+    var { variant = 'default', disableHeaderPaddings = false, disableContentPaddings = false, fitHeight = false } = _a, props = __rest(_a, ["variant", "disableHeaderPaddings", "disableContentPaddings", "fitHeight"]);
+    const baseComponentProps = useBaseComponent('Container', {
+        props: { disableContentPaddings, disableHeaderPaddings, fitHeight, variant },
+    });
     const externalProps = getExternalProps(props);
     return (React.createElement(AnalyticsFunnelSubStep, null,
-        React.createElement(InternalContainerAsSubstep, Object.assign({ variant: variant, disableContentPaddings: disableContentPaddings, disableHeaderPaddings: disableHeaderPaddings }, props, externalProps, baseComponentProps))));
+        React.createElement(InternalContainerAsSubstep, Object.assign({ variant: variant, disableContentPaddings: disableContentPaddings, disableHeaderPaddings: disableHeaderPaddings, fitHeight: fitHeight }, props, externalProps, baseComponentProps))));
 }
 applyDisplayName(Container, 'Container');
 //# sourceMappingURL=index.js.map

package/lib/internal/template/container/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["container/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,0BAA0B,EAAE,MAAM,YAAY,CAAC;AAExD,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,sBAAsB,EAAE,MAAM,mDAAmD,CAAC;AAI3F,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAKjB;QALiB,EAChC,OAAO,GAAG,SAAS,EACnB,qBAAqB,GAAG,KAAK,EAC7B,sBAAsB,GAAG,KAAK,OAEf,EADZ,KAAK,cAJwB,8DAKjC,CADS;IAER,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,WAAW,CAAC,CAAC;IACzD,MAAM,aAAa,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAE9C,OAAO,CACL,oBAAC,sBAAsB;QACrB,oBAAC,0BAA0B,kBACzB,OAAO,EAAE,OAAO,EAChB,sBAAsB,EAAE,sBAAsB,EAC9C,qBAAqB,EAAE,qBAAqB,IACxC,KAAK,EACL,aAAa,EACb,kBAAkB,EACtB,CACqB,CAC1B,CAAC;AACJ,CAAC;AAED,gBAAgB,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { InternalContainerAsSubstep } from './internal';\nimport { ContainerProps } from './interfaces';\nimport { getExternalProps } from '../internal/utils/external-props';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { AnalyticsFunnelSubStep } from '../internal/analytics/components/analytics-funnel';\n\nexport { ContainerProps };\n\nexport default function Container({\n  variant = 'default',\n  disableHeaderPaddings = false,\n  disableContentPaddings = false,\n  ...props\n}: ContainerProps) {\n  const baseComponentProps = useBaseComponent('Container');\n  const externalProps = getExternalProps(props);\n\n  return (\n    <AnalyticsFunnelSubStep>\n      <InternalContainerAsSubstep\n        variant={variant}\n        disableContentPaddings={disableContentPaddings}\n        disableHeaderPaddings={disableHeaderPaddings}\n        {...props}\n        {...externalProps}\n        {...baseComponentProps}\n      />\n    </AnalyticsFunnelSubStep>\n  );\n}\n\napplyDisplayName(Container, 'Container');\n"]}
+{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["container/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,0BAA0B,EAAE,MAAM,YAAY,CAAC;AAExD,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,sBAAsB,EAAE,MAAM,mDAAmD,CAAC;AAI3F,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAMjB;QANiB,EAChC,OAAO,GAAG,SAAS,EACnB,qBAAqB,GAAG,KAAK,EAC7B,sBAAsB,GAAG,KAAK,EAC9B,SAAS,GAAG,KAAK,OAEF,EADZ,KAAK,cALwB,2EAMjC,CADS;IAER,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,WAAW,EAAE;QACvD,KAAK,EAAE,EAAE,sBAAsB,EAAE,qBAAqB,EAAE,SAAS,EAAE,OAAO,EAAE;KAC7E,CAAC,CAAC;IACH,MAAM,aAAa,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAE9C,OAAO,CACL,oBAAC,sBAAsB;QACrB,oBAAC,0BAA0B,kBACzB,OAAO,EAAE,OAAO,EAChB,sBAAsB,EAAE,sBAAsB,EAC9C,qBAAqB,EAAE,qBAAqB,EAC5C,SAAS,EAAE,SAAS,IAChB,KAAK,EACL,aAAa,EACb,kBAAkB,EACtB,CACqB,CAC1B,CAAC;AACJ,CAAC;AAED,gBAAgB,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { InternalContainerAsSubstep } from './internal';\nimport { ContainerProps } from './interfaces';\nimport { getExternalProps } from '../internal/utils/external-props';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { AnalyticsFunnelSubStep } from '../internal/analytics/components/analytics-funnel';\n\nexport { ContainerProps };\n\nexport default function Container({\n  variant = 'default',\n  disableHeaderPaddings = false,\n  disableContentPaddings = false,\n  fitHeight = false,\n  ...props\n}: ContainerProps) {\n  const baseComponentProps = useBaseComponent('Container', {\n    props: { disableContentPaddings, disableHeaderPaddings, fitHeight, variant },\n  });\n  const externalProps = getExternalProps(props);\n\n  return (\n    <AnalyticsFunnelSubStep>\n      <InternalContainerAsSubstep\n        variant={variant}\n        disableContentPaddings={disableContentPaddings}\n        disableHeaderPaddings={disableHeaderPaddings}\n        fitHeight={fitHeight}\n        {...props}\n        {...externalProps}\n        {...baseComponentProps}\n      />\n    </AnalyticsFunnelSubStep>\n  );\n}\n\napplyDisplayName(Container, 'Container');\n"]}

package/lib/internal/template/flashbar/common.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="react" />
 import { FlashbarProps } from './interfaces';
-export declare const componentName = "Flashbar";
 export declare function useFlashbar({ items, onItemsAdded, onItemsChanged, onItemsRemoved, ...restProps }: FlashbarProps & {
     onItemsAdded?: (items: FlashbarProps.MessageDefinition[]) => void;
     onItemsRemoved?: (items: FlashbarProps.MessageDefinition[]) => void;

package/lib/internal/template/flashbar/common.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"common.d.ts","sourceRoot":"lib/default/","sources":["flashbar/common.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAK7C,eAAO,MAAM,aAAa,aAAa,CAAC;AAGxC,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,YAAY,EACZ,cAAc,EACd,cAAc,EACd,GAAG,SAAS,EACb,EAAE,aAAa,GAAG;IACjB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,iBAAiB,EAAE,KAAK,IAAI,CAAC;IAClE,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,iBAAiB,EAAE,KAAK,IAAI,CAAC;IACpE,cAAc,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE;QAAE,cAAc,CAAC,EAAE,OAAO,CAAC;QAAC,eAAe,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;CAC9F;;;;;;;;EAsDA"}
+{"version":3,"file":"common.d.ts","sourceRoot":"lib/default/","sources":["flashbar/common.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAM7C,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,YAAY,EACZ,cAAc,EACd,cAAc,EACd,GAAG,SAAS,EACb,EAAE,aAAa,GAAG;IACjB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,iBAAiB,EAAE,KAAK,IAAI,CAAC;IAClE,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,iBAAiB,EAAE,KAAK,IAAI,CAAC;IACpE,cAAc,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE;QAAE,cAAc,CAAC,EAAE,OAAO,CAAC;QAAC,eAAe,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;CAC9F;;;;;;;;EAwDA"}

package/lib/internal/template/flashbar/common.js

@@ -10,11 +10,12 @@ import { getBaseProps } from '../internal/base-component';
 import { focusFlashById } from './flash';
 import { isDevelopment } from '../internal/is-development';
 import { useReducedMotion, warnOnce } from '@cloudscape-design/component-toolkit/internal';
-export const componentName = 'Flashbar';
 // Common logic for collapsible and non-collapsible Flashbar
 export function useFlashbar(_a) {
     var { items, onItemsAdded, onItemsChanged, onItemsRemoved } = _a, restProps = __rest(_a, ["items", "onItemsAdded", "onItemsChanged", "onItemsRemoved"]);
-    const { __internalRootRef } = useBaseComponent(componentName);
+    const { __internalRootRef } = useBaseComponent('Flashbar', {
+        props: { stackItems: restProps.stackItems },
+    });
     const allItemsHaveId = useMemo(() => items.every(item => 'id' in item), [items]);
     const baseProps = getBaseProps(restProps);
     const ref = useRef(null);

package/lib/internal/template/flashbar/common.js.map

@@ -1 +1 @@
-{"version":3,"file":"common.js","sourceRoot":"lib/default/","sources":["flashbar/common.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 useBaseComponent from '../internal/hooks/use-base-component';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { useEffect, useMemo, useRef, useState } from 'react';\nimport { useContainerBreakpoints } from '../internal/hooks/container-queries';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { getBaseProps } from '../internal/base-component';\nimport { FlashbarProps } from './interfaces';\nimport { focusFlashById } from './flash';\nimport { isDevelopment } from '../internal/is-development';\nimport { useReducedMotion, warnOnce } from '@cloudscape-design/component-toolkit/internal';\n\nexport const componentName = 'Flashbar';\n\n// Common logic for collapsible and non-collapsible Flashbar\nexport function useFlashbar({\n  items,\n  onItemsAdded,\n  onItemsChanged,\n  onItemsRemoved,\n  ...restProps\n}: FlashbarProps & {\n  onItemsAdded?: (items: FlashbarProps.MessageDefinition[]) => void;\n  onItemsRemoved?: (items: FlashbarProps.MessageDefinition[]) => void;\n  onItemsChanged?: (options?: { allItemsHaveId?: boolean; isReducedMotion?: boolean }) => void;\n}) {\n  const { __internalRootRef } = useBaseComponent(componentName);\n  const allItemsHaveId = useMemo(() => items.every(item => 'id' in item), [items]);\n  const baseProps = getBaseProps(restProps);\n  const ref = useRef<HTMLDivElement | null>(null);\n  const [breakpoint, breakpointRef] = useContainerBreakpoints(['xs']);\n  const mergedRef = useMergeRefs(ref, breakpointRef, __internalRootRef);\n  const isReducedMotion = useReducedMotion(ref);\n  const isVisualRefresh = useVisualRefresh();\n  const [previousItems, setPreviousItems] = useState<ReadonlyArray<FlashbarProps.MessageDefinition>>(items);\n  const [nextFocusId, setNextFocusId] = useState<string | null>(null);\n\n  if (isDevelopment) {\n    if (items?.some(item => item.ariaRole === 'alert' && !item.id)) {\n      warnOnce(\n        'Flashbar',\n        `You provided \\`ariaRole=\"alert\"\\` for a flashbar item without providing an \\`id\\`. Focus will not be moved to the newly added flash message.`\n      );\n    }\n  }\n\n  // Track new or removed item IDs in state to only trigger focus changes for newly added items.\n  // https://reactjs.org/docs/hooks-faq.html#how-do-i-implement-getderivedstatefromprops\n  if (items) {\n    const newItems = items.filter(({ id }) => id && !previousItems.some(item => item.id === id));\n    const removedItems = previousItems.filter(({ id }) => id && !items.some(item => item.id === id));\n    if (newItems.length > 0 || removedItems.length > 0) {\n      setPreviousItems(items);\n      onItemsAdded?.(newItems);\n      onItemsRemoved?.(removedItems);\n      onItemsChanged?.({ allItemsHaveId, isReducedMotion });\n\n      const newFocusItems = newItems.filter(({ ariaRole }) => ariaRole === 'alert');\n      if (newFocusItems.length > 0) {\n        setNextFocusId(newFocusItems[0].id!);\n      }\n    }\n  }\n\n  useEffect(() => {\n    if (nextFocusId) {\n      focusFlashById(ref.current, nextFocusId);\n    }\n  }, [nextFocusId, ref]);\n\n  return {\n    allItemsHaveId,\n    baseProps,\n    breakpoint,\n    isReducedMotion,\n    isVisualRefresh,\n    mergedRef,\n    ref,\n  };\n}\n"]}
+{"version":3,"file":"common.js","sourceRoot":"lib/default/","sources":["flashbar/common.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 useBaseComponent from '../internal/hooks/use-base-component';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { useEffect, useMemo, useRef, useState } from 'react';\nimport { useContainerBreakpoints } from '../internal/hooks/container-queries';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { getBaseProps } from '../internal/base-component';\nimport { FlashbarProps } from './interfaces';\nimport { focusFlashById } from './flash';\nimport { isDevelopment } from '../internal/is-development';\nimport { useReducedMotion, warnOnce } from '@cloudscape-design/component-toolkit/internal';\n\n// Common logic for collapsible and non-collapsible Flashbar\nexport function useFlashbar({\n  items,\n  onItemsAdded,\n  onItemsChanged,\n  onItemsRemoved,\n  ...restProps\n}: FlashbarProps & {\n  onItemsAdded?: (items: FlashbarProps.MessageDefinition[]) => void;\n  onItemsRemoved?: (items: FlashbarProps.MessageDefinition[]) => void;\n  onItemsChanged?: (options?: { allItemsHaveId?: boolean; isReducedMotion?: boolean }) => void;\n}) {\n  const { __internalRootRef } = useBaseComponent('Flashbar', {\n    props: { stackItems: restProps.stackItems },\n  });\n  const allItemsHaveId = useMemo(() => items.every(item => 'id' in item), [items]);\n  const baseProps = getBaseProps(restProps);\n  const ref = useRef<HTMLDivElement | null>(null);\n  const [breakpoint, breakpointRef] = useContainerBreakpoints(['xs']);\n  const mergedRef = useMergeRefs(ref, breakpointRef, __internalRootRef);\n  const isReducedMotion = useReducedMotion(ref);\n  const isVisualRefresh = useVisualRefresh();\n  const [previousItems, setPreviousItems] = useState<ReadonlyArray<FlashbarProps.MessageDefinition>>(items);\n  const [nextFocusId, setNextFocusId] = useState<string | null>(null);\n\n  if (isDevelopment) {\n    if (items?.some(item => item.ariaRole === 'alert' && !item.id)) {\n      warnOnce(\n        'Flashbar',\n        `You provided \\`ariaRole=\"alert\"\\` for a flashbar item without providing an \\`id\\`. Focus will not be moved to the newly added flash message.`\n      );\n    }\n  }\n\n  // Track new or removed item IDs in state to only trigger focus changes for newly added items.\n  // https://reactjs.org/docs/hooks-faq.html#how-do-i-implement-getderivedstatefromprops\n  if (items) {\n    const newItems = items.filter(({ id }) => id && !previousItems.some(item => item.id === id));\n    const removedItems = previousItems.filter(({ id }) => id && !items.some(item => item.id === id));\n    if (newItems.length > 0 || removedItems.length > 0) {\n      setPreviousItems(items);\n      onItemsAdded?.(newItems);\n      onItemsRemoved?.(removedItems);\n      onItemsChanged?.({ allItemsHaveId, isReducedMotion });\n\n      const newFocusItems = newItems.filter(({ ariaRole }) => ariaRole === 'alert');\n      if (newFocusItems.length > 0) {\n        setNextFocusId(newFocusItems[0].id!);\n      }\n    }\n  }\n\n  useEffect(() => {\n    if (nextFocusId) {\n      focusFlashById(ref.current, nextFocusId);\n    }\n  }, [nextFocusId, ref]);\n\n  return {\n    allItemsHaveId,\n    baseProps,\n    breakpoint,\n    isReducedMotion,\n    isVisualRefresh,\n    mergedRef,\n    ref,\n  };\n}\n"]}

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

@@ -311,7 +311,6 @@
   --color-text-disabled-inline-edit-64vc6h:#545b64;
   --color-text-dropdown-footer-rnmaph:#687078;
   --color-text-dropdown-group-label-sizd89:#545b64;
-  --color-text-dropdown-header-z1le22:#16191f;
   --color-text-dropdown-item-default-d4af6n:#16191f;
   --color-text-dropdown-item-dimmed-oru6hf:#aab7b8;
   --color-text-dropdown-item-disabled-nf1b1j:#aab7b8;
@@ -891,7 +890,6 @@
     --color-text-disabled-inline-edit-64vc6h:#95a5a6;
     --color-text-dropdown-footer-rnmaph:#95a5a6;
     --color-text-dropdown-group-label-sizd89:#95a5a6;
-    --color-text-dropdown-header-z1le22:#fafafa;
     --color-text-dropdown-item-default-d4af6n:#d5dbdb;
     --color-text-dropdown-item-dimmed-oru6hf:#687078;
     --color-text-dropdown-item-disabled-nf1b1j:#687078;
@@ -1176,7 +1174,6 @@
   --color-text-disabled-inline-edit-64vc6h:#95a5a6;
   --color-text-dropdown-footer-rnmaph:#95a5a6;
   --color-text-dropdown-group-label-sizd89:#95a5a6;
-  --color-text-dropdown-header-z1le22:#fafafa;
   --color-text-dropdown-item-default-d4af6n:#d5dbdb;
   --color-text-dropdown-item-dimmed-oru6hf:#687078;
   --color-text-dropdown-item-disabled-nf1b1j:#687078;
@@ -1474,7 +1471,6 @@
   --color-text-disabled-inline-edit-64vc6h:#414d5c;
   --color-text-dropdown-footer-rnmaph:#5f6b7a;
   --color-text-dropdown-group-label-sizd89:#414d5c;
-  --color-text-dropdown-header-z1le22:#000716;
   --color-text-dropdown-item-default-d4af6n:#000716;
   --color-text-dropdown-item-dimmed-oru6hf:#9ba7b6;
   --color-text-dropdown-item-disabled-nf1b1j:#9ba7b6;
@@ -1812,7 +1808,6 @@
     --color-text-disabled-inline-edit-64vc6h:#9ba7b6;
     --color-text-dropdown-footer-rnmaph:#8d99a8;
     --color-text-dropdown-group-label-sizd89:#b6bec9;
-    --color-text-dropdown-header-z1le22:#fbfbfb;
     --color-text-dropdown-item-default-d4af6n:#d1d5db;
     --color-text-dropdown-item-dimmed-oru6hf:#5f6b7a;
     --color-text-dropdown-item-disabled-nf1b1j:#5f6b7a;
@@ -2074,7 +2069,6 @@
   --color-text-disabled-inline-edit-64vc6h:#9ba7b6;
   --color-text-dropdown-footer-rnmaph:#8d99a8;
   --color-text-dropdown-group-label-sizd89:#b6bec9;
-  --color-text-dropdown-header-z1le22:#fbfbfb;
   --color-text-dropdown-item-default-d4af6n:#d1d5db;
   --color-text-dropdown-item-dimmed-oru6hf:#5f6b7a;
   --color-text-dropdown-item-disabled-nf1b1j:#5f6b7a;
@@ -2261,7 +2255,6 @@
   --color-text-disabled-inline-edit-64vc6h:#9ba7b6;
   --color-text-dropdown-footer-rnmaph:#8d99a8;
   --color-text-dropdown-group-label-sizd89:#b6bec9;
-  --color-text-dropdown-header-z1le22:#fbfbfb;
   --color-text-dropdown-item-default-d4af6n:#d1d5db;
   --color-text-dropdown-item-dimmed-oru6hf:#5f6b7a;
   --color-text-dropdown-item-disabled-nf1b1j:#5f6b7a;
@@ -2449,7 +2442,6 @@
   --color-text-disabled-inline-edit-64vc6h:#9ba7b6;
   --color-text-dropdown-footer-rnmaph:#8d99a8;
   --color-text-dropdown-group-label-sizd89:#b6bec9;
-  --color-text-dropdown-header-z1le22:#fbfbfb;
   --color-text-dropdown-item-default-d4af6n:#d1d5db;
   --color-text-dropdown-item-dimmed-oru6hf:#5f6b7a;
   --color-text-dropdown-item-disabled-nf1b1j:#5f6b7a;
@@ -2649,7 +2641,6 @@
   --color-text-disabled-inline-edit-64vc6h:#9ba7b6;
   --color-text-dropdown-footer-rnmaph:#8d99a8;
   --color-text-dropdown-group-label-sizd89:#b6bec9;
-  --color-text-dropdown-header-z1le22:#fbfbfb;
   --color-text-dropdown-item-default-d4af6n:#d1d5db;
   --color-text-dropdown-item-dimmed-oru6hf:#5f6b7a;
   --color-text-dropdown-item-disabled-nf1b1j:#5f6b7a;
@@ -3035,7 +3026,6 @@
   --color-text-disabled-inline-edit-64vc6h:#9ba7b6;
   --color-text-dropdown-footer-rnmaph:#8d99a8;
   --color-text-dropdown-group-label-sizd89:#b6bec9;
-  --color-text-dropdown-header-z1le22:#fbfbfb;
   --color-text-dropdown-item-default-d4af6n:#d1d5db;
   --color-text-dropdown-item-dimmed-oru6hf:#5f6b7a;
   --color-text-dropdown-item-disabled-nf1b1j:#5f6b7a;
@@ -3223,7 +3213,6 @@
   --color-text-disabled-inline-edit-64vc6h:#9ba7b6;
   --color-text-dropdown-footer-rnmaph:#8d99a8;
   --color-text-dropdown-group-label-sizd89:#b6bec9;
-  --color-text-dropdown-header-z1le22:#fbfbfb;
   --color-text-dropdown-item-default-d4af6n:#d1d5db;
   --color-text-dropdown-item-dimmed-oru6hf:#5f6b7a;
   --color-text-dropdown-item-disabled-nf1b1j:#5f6b7a;

package/lib/internal/template/internal/environment.js

@@ -1,4 +1,4 @@
 export var PACKAGE_SOURCE = "components";
-export var PACKAGE_VERSION = "3.0.0 (3f38b121)";
+export var PACKAGE_VERSION = "3.0.0 (03232b72)";
 export var THEME = "open-source-visual-refresh";
 export var ALWAYS_VISUAL_REFRESH = true;

package/lib/internal/template/internal/environment.json

@@ -1,6 +1,6 @@
 {
   "PACKAGE_SOURCE": "components",
-  "PACKAGE_VERSION": "3.0.0 (3f38b121)",
+  "PACKAGE_VERSION": "3.0.0 (03232b72)",
   "THEME": "default",
   "ALWAYS_VISUAL_REFRESH": false
 }

package/lib/internal/template/internal/generated/theming/index.cjs

@@ -1395,10 +1395,6 @@ module.exports.preset = {
         "light": "{colorTextGroupLabel}",
         "dark": "{colorTextGroupLabel}"
       },
-      "colorTextDropdownHeader": {
-        "light": "{colorGrey900}",
-        "dark": "{colorGrey100}"
-      },
       "colorTextDropdownItemDefault": {
         "light": "{colorTextFormDefault}",
         "dark": "{colorTextFormDefault}"
@@ -3437,10 +3433,6 @@ module.exports.preset = {
             "light": "{colorTextGroupLabel}",
             "dark": "{colorTextGroupLabel}"
           },
-          "colorTextDropdownHeader": {
-            "light": "{colorGrey100}",
-            "dark": "{colorGrey100}"
-          },
           "colorTextDropdownItemDefault": {
             "light": "{colorTextFormDefault}",
             "dark": "{colorTextFormDefault}"
@@ -4459,10 +4451,6 @@ module.exports.preset = {
             "light": "{colorTextGroupLabel}",
             "dark": "{colorTextGroupLabel}"
           },
-          "colorTextDropdownHeader": {
-            "light": "{colorGrey100}",
-            "dark": "{colorGrey100}"
-          },
           "colorTextDropdownItemDefault": {
             "light": "{colorTextFormDefault}",
             "dark": "{colorTextFormDefault}"
@@ -5413,10 +5401,6 @@ module.exports.preset = {
             "light": "{colorTextGroupLabel}",
             "dark": "{colorTextGroupLabel}"
           },
-          "colorTextDropdownHeader": {
-            "light": "{colorGrey900}",
-            "dark": "{colorGrey100}"
-          },
           "colorTextDropdownItemDefault": {
             "light": "{colorTextFormDefault}",
             "dark": "{colorTextFormDefault}"
@@ -6367,10 +6351,6 @@ module.exports.preset = {
             "light": "{colorTextGroupLabel}",
             "dark": "{colorTextGroupLabel}"
           },
-          "colorTextDropdownHeader": {
-            "light": "{colorGrey900}",
-            "dark": "{colorGrey100}"
-          },
           "colorTextDropdownItemDefault": {
             "light": "{colorTextFormDefault}",
             "dark": "{colorTextFormDefault}"
@@ -7321,10 +7301,6 @@ module.exports.preset = {
             "light": "{colorTextGroupLabel}",
             "dark": "{colorTextGroupLabel}"
           },
-          "colorTextDropdownHeader": {
-            "light": "{colorGrey900}",
-            "dark": "{colorGrey100}"
-          },
           "colorTextDropdownItemDefault": {
             "light": "{colorTextFormDefault}",
             "dark": "{colorTextFormDefault}"
@@ -8277,10 +8253,6 @@ module.exports.preset = {
             "light": "{colorTextGroupLabel}",
             "dark": "{colorTextGroupLabel}"
           },
-          "colorTextDropdownHeader": {
-            "light": "{colorGrey100}",
-            "dark": "{colorGrey100}"
-          },
           "colorTextDropdownItemDefault": {
             "light": "{colorTextFormDefault}",
             "dark": "{colorTextFormDefault}"
@@ -8867,7 +8839,6 @@ module.exports.preset = {
       "colorTextDisabledInlineEdit": "color",
       "colorTextDropdownFooter": "color",
       "colorTextDropdownGroupLabel": "color",
-      "colorTextDropdownHeader": "color",
       "colorTextDropdownItemDefault": "color",
       "colorTextDropdownItemDimmed": "color",
       "colorTextDropdownItemDisabled": "color",
@@ -10033,7 +10004,6 @@ module.exports.preset = {
     "colorTextDisabledInlineEdit": "color-text-disabled-inline-edit",
     "colorTextDropdownFooter": "color-text-dropdown-footer",
     "colorTextDropdownGroupLabel": "color-text-dropdown-group-label",
-    "colorTextDropdownHeader": "color-text-dropdown-header",
     "colorTextDropdownItemDefault": "color-text-dropdown-item-default",
     "colorTextDropdownItemDimmed": "color-text-dropdown-item-dimmed",
     "colorTextDropdownItemDisabled": "color-text-dropdown-item-disabled",
@@ -10720,7 +10690,6 @@ module.exports.preset = {
     "colorTextDisabledInlineEdit": "--color-text-disabled-inline-edit-zrb7bp",
     "colorTextDropdownFooter": "--color-text-dropdown-footer-7d1eld",
     "colorTextDropdownGroupLabel": "--color-text-dropdown-group-label-4x4uyw",
-    "colorTextDropdownHeader": "--color-text-dropdown-header-ga95zo",
     "colorTextDropdownItemDefault": "--color-text-dropdown-item-default-4o4hes",
     "colorTextDropdownItemDimmed": "--color-text-dropdown-item-dimmed-f2joj8",
     "colorTextDropdownItemDisabled": "--color-text-dropdown-item-disabled-6oq3n6",

package/lib/internal/template/internal/generated/theming/index.js

@@ -1395,10 +1395,6 @@ export var preset = {
         "light": "{colorTextGroupLabel}",
         "dark": "{colorTextGroupLabel}"
       },
-      "colorTextDropdownHeader": {
-        "light": "{colorGrey900}",
-        "dark": "{colorGrey100}"
-      },
       "colorTextDropdownItemDefault": {
         "light": "{colorTextFormDefault}",
         "dark": "{colorTextFormDefault}"
@@ -3437,10 +3433,6 @@ export var preset = {
             "light": "{colorTextGroupLabel}",
             "dark": "{colorTextGroupLabel}"
           },
-          "colorTextDropdownHeader": {
-            "light": "{colorGrey100}",
-            "dark": "{colorGrey100}"
-          },
           "colorTextDropdownItemDefault": {
             "light": "{colorTextFormDefault}",
             "dark": "{colorTextFormDefault}"
@@ -4459,10 +4451,6 @@ export var preset = {
             "light": "{colorTextGroupLabel}",
             "dark": "{colorTextGroupLabel}"
           },
-          "colorTextDropdownHeader": {
-            "light": "{colorGrey100}",
-            "dark": "{colorGrey100}"
-          },
           "colorTextDropdownItemDefault": {
             "light": "{colorTextFormDefault}",
             "dark": "{colorTextFormDefault}"
@@ -5413,10 +5401,6 @@ export var preset = {
             "light": "{colorTextGroupLabel}",
             "dark": "{colorTextGroupLabel}"
           },
-          "colorTextDropdownHeader": {
-            "light": "{colorGrey900}",
-            "dark": "{colorGrey100}"
-          },
           "colorTextDropdownItemDefault": {
             "light": "{colorTextFormDefault}",
             "dark": "{colorTextFormDefault}"
@@ -6367,10 +6351,6 @@ export var preset = {
             "light": "{colorTextGroupLabel}",
             "dark": "{colorTextGroupLabel}"
           },
-          "colorTextDropdownHeader": {
-            "light": "{colorGrey900}",
-            "dark": "{colorGrey100}"
-          },
           "colorTextDropdownItemDefault": {
             "light": "{colorTextFormDefault}",
             "dark": "{colorTextFormDefault}"
@@ -7321,10 +7301,6 @@ export var preset = {
             "light": "{colorTextGroupLabel}",
             "dark": "{colorTextGroupLabel}"
           },
-          "colorTextDropdownHeader": {
-            "light": "{colorGrey900}",
-            "dark": "{colorGrey100}"
-          },
           "colorTextDropdownItemDefault": {
             "light": "{colorTextFormDefault}",
             "dark": "{colorTextFormDefault}"
@@ -8277,10 +8253,6 @@ export var preset = {
             "light": "{colorTextGroupLabel}",
             "dark": "{colorTextGroupLabel}"
           },
-          "colorTextDropdownHeader": {
-            "light": "{colorGrey100}",
-            "dark": "{colorGrey100}"
-          },
           "colorTextDropdownItemDefault": {
             "light": "{colorTextFormDefault}",
             "dark": "{colorTextFormDefault}"
@@ -8867,7 +8839,6 @@ export var preset = {
       "colorTextDisabledInlineEdit": "color",
       "colorTextDropdownFooter": "color",
       "colorTextDropdownGroupLabel": "color",
-      "colorTextDropdownHeader": "color",
       "colorTextDropdownItemDefault": "color",
       "colorTextDropdownItemDimmed": "color",
       "colorTextDropdownItemDisabled": "color",
@@ -10033,7 +10004,6 @@ export var preset = {
     "colorTextDisabledInlineEdit": "color-text-disabled-inline-edit",
     "colorTextDropdownFooter": "color-text-dropdown-footer",
     "colorTextDropdownGroupLabel": "color-text-dropdown-group-label",
-    "colorTextDropdownHeader": "color-text-dropdown-header",
     "colorTextDropdownItemDefault": "color-text-dropdown-item-default",
     "colorTextDropdownItemDimmed": "color-text-dropdown-item-dimmed",
     "colorTextDropdownItemDisabled": "color-text-dropdown-item-disabled",
@@ -10720,7 +10690,6 @@ export var preset = {
     "colorTextDisabledInlineEdit": "--color-text-disabled-inline-edit-zrb7bp",
     "colorTextDropdownFooter": "--color-text-dropdown-footer-7d1eld",
     "colorTextDropdownGroupLabel": "--color-text-dropdown-group-label-4x4uyw",
-    "colorTextDropdownHeader": "--color-text-dropdown-header-ga95zo",
     "colorTextDropdownItemDefault": "--color-text-dropdown-item-default-4o4hes",
     "colorTextDropdownItemDimmed": "--color-text-dropdown-item-dimmed-f2joj8",
     "colorTextDropdownItemDisabled": "--color-text-dropdown-item-disabled-6oq3n6",

package/lib/internal/template/internal/hooks/use-base-component/index.d.ts

@@ -1,4 +1,5 @@
 import { MutableRefObject } from 'react';
+import { ComponentConfiguration } from '@cloudscape-design/component-toolkit/internal';
 export interface InternalBaseComponentProps<T = any> {
     __internalRootRef?: MutableRefObject<T | null> | null;
 }
@@ -7,7 +8,7 @@ export interface InternalBaseComponentProps<T = any> {
  * attached to the (internal) component's root DOM node. The hook takes care of attaching the metadata to this
  * root DOM node and emits the telemetry for this component.
  */
-export default function useBaseComponent<T = any>(componentName: string): {
+export default function useBaseComponent<T = any>(componentName: string, config?: ComponentConfiguration): {
     __internalRootRef: import("react").RefObject<T>;
 };
 //# sourceMappingURL=index.d.ts.map

package/lib/internal/template/internal/hooks/use-base-component/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["internal/hooks/use-base-component/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAMzC,MAAM,WAAW,0BAA0B,CAAC,CAAC,GAAG,GAAG;IACjD,iBAAiB,CAAC,EAAE,gBAAgB,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC;CACvD;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,CAAC,GAAG,GAAG,EAAE,aAAa,EAAE,MAAM;;EAKtE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["internal/hooks/use-base-component/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,sBAAsB,EAAwB,MAAM,+CAA+C,CAAC;AAK7G,MAAM,WAAW,0BAA0B,CAAC,CAAC,GAAG,GAAG;IACjD,iBAAiB,CAAC,EAAE,gBAAgB,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC;CACvD;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,CAAC,GAAG,GAAG,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,sBAAsB;;EAKvG"}

package/lib/internal/template/internal/hooks/use-base-component/index.js

@@ -7,8 +7,8 @@ import useFocusVisible from '../focus-visible';
  * attached to the (internal) component's root DOM node. The hook takes care of attaching the metadata to this
  * root DOM node and emits the telemetry for this component.
  */
-export default function useBaseComponent(componentName) {
-    useTelemetry(componentName);
+export default function useBaseComponent(componentName, config) {
+    useTelemetry(componentName, config);
     useFocusVisible();
     const elementRef = useComponentMetadata(componentName, PACKAGE_VERSION);
     return { __internalRootRef: elementRef };

package/lib/internal/template/internal/hooks/use-base-component/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["internal/hooks/use-base-component/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,MAAM,+CAA+C,CAAC;AACrF,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,eAAe,MAAM,kBAAkB,CAAC;AAM/C;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAU,aAAqB;IACrE,YAAY,CAAC,aAAa,CAAC,CAAC;IAC5B,eAAe,EAAE,CAAC;IAClB,MAAM,UAAU,GAAG,oBAAoB,CAAI,aAAa,EAAE,eAAe,CAAC,CAAC;IAC3E,OAAO,EAAE,iBAAiB,EAAE,UAAU,EAAE,CAAC;AAC3C,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { MutableRefObject } from 'react';\nimport { useComponentMetadata } from '@cloudscape-design/component-toolkit/internal';\nimport { useTelemetry } from '../use-telemetry';\nimport { PACKAGE_VERSION } from '../../environment';\nimport useFocusVisible from '../focus-visible';\n\nexport interface InternalBaseComponentProps<T = any> {\n  __internalRootRef?: MutableRefObject<T | null> | null;\n}\n\n/**\n * This hook is used for components which are exported to customers. The returned __internalRootRef needs to be\n * attached to the (internal) component's root DOM node. The hook takes care of attaching the metadata to this\n * root DOM node and emits the telemetry for this component.\n */\nexport default function useBaseComponent<T = any>(componentName: string) {\n  useTelemetry(componentName);\n  useFocusVisible();\n  const elementRef = useComponentMetadata<T>(componentName, PACKAGE_VERSION);\n  return { __internalRootRef: elementRef };\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["internal/hooks/use-base-component/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAA0B,oBAAoB,EAAE,MAAM,+CAA+C,CAAC;AAC7G,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,eAAe,MAAM,kBAAkB,CAAC;AAM/C;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAU,aAAqB,EAAE,MAA+B;IACtG,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;IACpC,eAAe,EAAE,CAAC;IAClB,MAAM,UAAU,GAAG,oBAAoB,CAAI,aAAa,EAAE,eAAe,CAAC,CAAC;IAC3E,OAAO,EAAE,iBAAiB,EAAE,UAAU,EAAE,CAAC;AAC3C,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { MutableRefObject } from 'react';\nimport { ComponentConfiguration, useComponentMetadata } from '@cloudscape-design/component-toolkit/internal';\nimport { useTelemetry } from '../use-telemetry';\nimport { PACKAGE_VERSION } from '../../environment';\nimport useFocusVisible from '../focus-visible';\n\nexport interface InternalBaseComponentProps<T = any> {\n  __internalRootRef?: MutableRefObject<T | null> | null;\n}\n\n/**\n * This hook is used for components which are exported to customers. The returned __internalRootRef needs to be\n * attached to the (internal) component's root DOM node. The hook takes care of attaching the metadata to this\n * root DOM node and emits the telemetry for this component.\n */\nexport default function useBaseComponent<T = any>(componentName: string, config?: ComponentConfiguration) {\n  useTelemetry(componentName, config);\n  useFocusVisible();\n  const elementRef = useComponentMetadata<T>(componentName, PACKAGE_VERSION);\n  return { __internalRootRef: elementRef };\n}\n"]}

package/lib/internal/template/internal/hooks/use-telemetry/index.d.ts

@@ -1,2 +1,3 @@
-export declare function useTelemetry(componentName: string): void;
+import { ComponentConfiguration } from '@cloudscape-design/component-toolkit/internal';
+export declare function useTelemetry(componentName: string, config?: ComponentConfiguration): void;
 //# sourceMappingURL=index.d.ts.map

package/lib/internal/template/internal/hooks/use-telemetry/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["internal/hooks/use-telemetry/index.ts"],"names":[],"mappings":"AAMA,wBAAgB,YAAY,CAAC,aAAa,EAAE,MAAM,QAGjD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["internal/hooks/use-telemetry/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,sBAAsB,EAAuB,MAAM,+CAA+C,CAAC;AAI5G,wBAAgB,YAAY,CAAC,aAAa,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,sBAAsB,QAGlF"}