@cloudscape-design/components 3.0.1345 → 3.0.1347

package/internal/generated/theming/index.js

@@ -1796,8 +1796,8 @@ export var preset = {
         "dark": "{colorBackgroundControlChecked}"
       },
       "colorBackgroundSideNavigationItemIconHover": {
-        "light": "{colorPrimary50}",
-        "dark": "{colorNeutral700}"
+        "light": "{colorBackgroundItemSelected}",
+        "dark": "{colorBackgroundItemSelected}"
       },
       "colorBackgroundLayoutMain": {
         "light": "{colorWhite}",
@@ -2355,6 +2355,10 @@ export var preset = {
         "light": "{colorNeutral750}",
         "dark": "{colorNeutral750}"
       },
+      "colorBorderNotificationStackBarFocused": {
+        "light": "{colorNeutral100}",
+        "dark": "{colorNeutral100}"
+      },
       "colorBorderPanelHeader": {
         "light": "{colorBorderDividerDefault}",
         "dark": "{colorBorderDividerDefault}"
@@ -2807,6 +2811,10 @@ export var preset = {
         "light": "{colorTextLinkHover}",
         "dark": "{colorTextLinkHover}"
       },
+      "colorTextLinkSecondaryDecorationDefault": {
+        "light": "transparent",
+        "dark": "transparent"
+      },
       "colorTextLinkInfoDefault": {
         "light": "{colorTextLinkDefault}",
         "dark": "{colorTextLinkDefault}"
@@ -3227,6 +3235,7 @@ export var preset = {
       "fontButtonLetterSpacing": "0.005em",
       "fontChartDetailSize": "{fontSizeBodyS}",
       "fontDecorationStyleLink": "solid",
+      "fontDecorationLineLinkSecondary": "none",
       "fontDecorationThicknessLink": "1px",
       "fontDecorationThicknessLinkDisplayL": "2px",
       "fontDisplayLabelWeight": "700",
@@ -3531,6 +3540,30 @@ export var preset = {
         "default": "{motionEasingRefreshOnlyA}",
         "disabled": "{motionEasingRefreshOnlyA}"
       },
+      "motionDurationExpandableContentEnter": {
+        "default": "{motionDurationShowPaced}",
+        "disabled": "{motionDurationShowPaced}"
+      },
+      "motionEasingExpandableContentEnter": {
+        "default": "{motionEasingShowPaced}",
+        "disabled": "{motionEasingShowPaced}"
+      },
+      "motionDurationSideNavigationContentEnterFade": {
+        "default": "0ms",
+        "disabled": "0ms"
+      },
+      "motionDurationSideNavigationContentExit": {
+        "default": "0ms",
+        "disabled": "0ms"
+      },
+      "motionDurationSideNavigationContentExitFade": {
+        "default": "0ms",
+        "disabled": "0ms"
+      },
+      "motionEasingSideNavigationContentExit": {
+        "default": "{motionEasingShowQuick}",
+        "disabled": "{motionEasingShowQuick}"
+      },
       "motionKeyframesFadeIn": {
         "default": "awsui-fade-in-35003c",
         "disabled": "awsui-fade-in-35003c"
@@ -3587,6 +3620,14 @@ export var preset = {
         "comfortable": "28px",
         "compact": "24px"
       },
+      "sizeSideNavigationItemCollapsed": {
+        "comfortable": "30px",
+        "compact": "28px"
+      },
+      "sizeSideNavigationCollapsedWidth": {
+        "comfortable": "52px",
+        "compact": "52px"
+      },
       "spaceAlertActionLeft": {
         "comfortable": "{spaceS}",
         "compact": "{spaceS}"
@@ -4880,8 +4921,8 @@ export var preset = {
             "dark": "{colorBackgroundControlChecked}"
           },
           "colorBackgroundSideNavigationItemIconHover": {
-            "light": "{colorNeutral700}",
-            "dark": "{colorNeutral700}"
+            "light": "{colorBackgroundItemSelected}",
+            "dark": "{colorBackgroundItemSelected}"
           },
           "colorBackgroundLayoutMain": {
             "light": "{colorNeutral850}",
@@ -5439,6 +5480,10 @@ export var preset = {
             "light": "{colorNeutral750}",
             "dark": "{colorNeutral750}"
           },
+          "colorBorderNotificationStackBarFocused": {
+            "light": "{colorNeutral100}",
+            "dark": "{colorNeutral100}"
+          },
           "colorBorderPanelHeader": {
             "light": "{colorBorderDividerDefault}",
             "dark": "{colorBorderDividerDefault}"
@@ -5891,6 +5936,10 @@ export var preset = {
             "light": "{colorTextLinkHover}",
             "dark": "{colorTextLinkHover}"
           },
+          "colorTextLinkSecondaryDecorationDefault": {
+            "light": "transparent",
+            "dark": "transparent"
+          },
           "colorTextLinkInfoDefault": {
             "light": "{colorTextLinkDefault}",
             "dark": "{colorTextLinkDefault}"
@@ -6776,8 +6825,8 @@ export var preset = {
             "dark": "{colorBackgroundControlChecked}"
           },
           "colorBackgroundSideNavigationItemIconHover": {
-            "light": "{colorNeutral700}",
-            "dark": "{colorNeutral700}"
+            "light": "{colorBackgroundItemSelected}",
+            "dark": "{colorBackgroundItemSelected}"
           },
           "colorBackgroundLayoutMain": {
             "light": "{colorNeutral950}",
@@ -7335,6 +7384,10 @@ export var preset = {
             "light": "{colorNeutral750}",
             "dark": "{colorNeutral750}"
           },
+          "colorBorderNotificationStackBarFocused": {
+            "light": "{colorNeutral100}",
+            "dark": "{colorNeutral100}"
+          },
           "colorBorderPanelHeader": {
             "light": "{colorBorderDividerDefault}",
             "dark": "{colorBorderDividerDefault}"
@@ -7787,6 +7840,10 @@ export var preset = {
             "light": "{colorTextLinkHover}",
             "dark": "{colorTextLinkHover}"
           },
+          "colorTextLinkSecondaryDecorationDefault": {
+            "light": "transparent",
+            "dark": "transparent"
+          },
           "colorTextLinkInfoDefault": {
             "light": "{colorTextLinkDefault}",
             "dark": "{colorTextLinkDefault}"
@@ -8610,8 +8667,8 @@ export var preset = {
             "dark": "{colorBackgroundControlChecked}"
           },
           "colorBackgroundSideNavigationItemIconHover": {
-            "light": "{colorPrimary50}",
-            "dark": "{colorNeutral700}"
+            "light": "{colorBackgroundItemSelected}",
+            "dark": "{colorBackgroundItemSelected}"
           },
           "colorBackgroundLayoutMain": {
             "light": "{colorWhite}",
@@ -9169,6 +9226,10 @@ export var preset = {
             "light": "{colorNeutral750}",
             "dark": "{colorNeutral750}"
           },
+          "colorBorderNotificationStackBarFocused": {
+            "light": "{colorNeutral100}",
+            "dark": "{colorNeutral100}"
+          },
           "colorBorderPanelHeader": {
             "light": "{colorBorderDividerDefault}",
             "dark": "{colorBorderDividerDefault}"
@@ -9621,6 +9682,10 @@ export var preset = {
             "light": "{colorTextLinkHover}",
             "dark": "{colorTextLinkHover}"
           },
+          "colorTextLinkSecondaryDecorationDefault": {
+            "light": "transparent",
+            "dark": "transparent"
+          },
           "colorTextLinkInfoDefault": {
             "light": "{colorTextLinkDefault}",
             "dark": "{colorTextLinkDefault}"
@@ -10280,8 +10345,8 @@ export var preset = {
             "dark": "{colorBackgroundControlChecked}"
           },
           "colorBackgroundSideNavigationItemIconHover": {
-            "light": "{colorPrimary50}",
-            "dark": "{colorNeutral700}"
+            "light": "{colorBackgroundItemSelected}",
+            "dark": "{colorBackgroundItemSelected}"
           },
           "colorBackgroundLayoutMain": {
             "light": "{colorWhite}",
@@ -10839,6 +10904,10 @@ export var preset = {
             "light": "{colorNeutral750}",
             "dark": "{colorNeutral750}"
           },
+          "colorBorderNotificationStackBarFocused": {
+            "light": "{colorNeutral100}",
+            "dark": "{colorNeutral100}"
+          },
           "colorBorderPanelHeader": {
             "light": "{colorBorderDividerDefault}",
             "dark": "{colorBorderDividerDefault}"
@@ -11291,6 +11360,10 @@ export var preset = {
             "light": "{colorTextLinkHover}",
             "dark": "{colorTextLinkHover}"
           },
+          "colorTextLinkSecondaryDecorationDefault": {
+            "light": "transparent",
+            "dark": "transparent"
+          },
           "colorTextLinkInfoDefault": {
             "light": "{colorTextLinkDefault}",
             "dark": "{colorTextLinkDefault}"
@@ -11950,8 +12023,8 @@ export var preset = {
             "dark": "{colorBackgroundControlChecked}"
           },
           "colorBackgroundSideNavigationItemIconHover": {
-            "light": "{colorPrimary50}",
-            "dark": "{colorNeutral700}"
+            "light": "{colorBackgroundItemSelected}",
+            "dark": "{colorBackgroundItemSelected}"
           },
           "colorBackgroundLayoutMain": {
             "light": "{colorWhite}",
@@ -12509,6 +12582,10 @@ export var preset = {
             "light": "{colorNeutral750}",
             "dark": "{colorNeutral750}"
           },
+          "colorBorderNotificationStackBarFocused": {
+            "light": "{colorNeutral100}",
+            "dark": "{colorNeutral100}"
+          },
           "colorBorderPanelHeader": {
             "light": "{colorBorderDividerDefault}",
             "dark": "{colorBorderDividerDefault}"
@@ -12961,6 +13038,10 @@ export var preset = {
             "light": "{colorTextLinkHover}",
             "dark": "{colorTextLinkHover}"
           },
+          "colorTextLinkSecondaryDecorationDefault": {
+            "light": "transparent",
+            "dark": "transparent"
+          },
           "colorTextLinkInfoDefault": {
             "light": "{colorTextLinkDefault}",
             "dark": "{colorTextLinkDefault}"
@@ -13622,8 +13703,8 @@ export var preset = {
             "dark": "{colorBackgroundControlChecked}"
           },
           "colorBackgroundSideNavigationItemIconHover": {
-            "light": "{colorNeutral700}",
-            "dark": "{colorNeutral700}"
+            "light": "{colorBackgroundItemSelected}",
+            "dark": "{colorBackgroundItemSelected}"
           },
           "colorBackgroundLayoutMain": {
             "light": "{colorNeutral850}",
@@ -14181,6 +14262,10 @@ export var preset = {
             "light": "{colorNeutral750}",
             "dark": "{colorNeutral750}"
           },
+          "colorBorderNotificationStackBarFocused": {
+            "light": "{colorNeutral100}",
+            "dark": "{colorNeutral100}"
+          },
           "colorBorderPanelHeader": {
             "light": "{colorBorderDividerDefault}",
             "dark": "{colorBorderDividerDefault}"
@@ -14633,6 +14718,10 @@ export var preset = {
             "light": "{colorTextLinkHover}",
             "dark": "{colorTextLinkHover}"
           },
+          "colorTextLinkSecondaryDecorationDefault": {
+            "light": "transparent",
+            "dark": "transparent"
+          },
           "colorTextLinkInfoDefault": {
             "light": "{colorTextLinkDefault}",
             "dark": "{colorTextLinkDefault}"
@@ -15632,6 +15721,7 @@ export var preset = {
       "colorBorderLayout": "color",
       "colorBorderLayoutSideNavigation": "color",
       "colorBorderNotificationStackBar": "color",
+      "colorBorderNotificationStackBarFocused": "color",
       "colorBorderPanelHeader": "color",
       "colorBorderPopover": "color",
       "colorBorderSegmentActive": "color",
@@ -15745,6 +15835,7 @@ export var preset = {
       "colorTextLinkDecorationHover": "color",
       "colorTextLinkSecondaryDefault": "color",
       "colorTextLinkSecondaryHover": "color",
+      "colorTextLinkSecondaryDecorationDefault": "color",
       "colorTextLinkInfoDefault": "color",
       "colorTextLinkInfoHover": "color",
       "colorTextLinkInvertedDefault": "color",
@@ -15888,6 +15979,12 @@ export var preset = {
       "motionDurationComplex": "motion",
       "motionDurationTooltipEnter": "motion",
       "motionEasingTooltipEnter": "motion",
+      "motionDurationExpandableContentEnter": "motion",
+      "motionEasingExpandableContentEnter": "motion",
+      "motionDurationSideNavigationContentEnterFade": "motion",
+      "motionDurationSideNavigationContentExit": "motion",
+      "motionDurationSideNavigationContentExitFade": "motion",
+      "motionEasingSideNavigationContentExit": "motion",
       "motionKeyframesFadeIn": "motion",
       "motionKeyframesFadeOut": "motion",
       "motionKeyframesStatusIconError": "motion",
@@ -15902,6 +15999,8 @@ export var preset = {
       "sizeVerticalInput": "density",
       "sizeVerticalPanelIconOffset": "density",
       "sizeSideNavigationItemHeight": "density",
+      "sizeSideNavigationItemCollapsed": "density",
+      "sizeSideNavigationCollapsedWidth": "density",
       "spaceAlertActionLeft": "density",
       "spaceAlertHorizontal": "density",
       "spaceAlertMessageRight": "density",
@@ -16773,6 +16872,8 @@ export var preset = {
     "motionEasingTooltipEnter",
     "sizeVerticalInput",
     "sizeSideNavigationItemHeight",
+    "sizeSideNavigationItemCollapsed",
+    "sizeSideNavigationCollapsedWidth",
     "spaceAlertVertical",
     "spaceButtonHorizontal",
     "spaceButtonVertical",
@@ -17313,6 +17414,8 @@ export var preset = {
     "motionKeyframesScalePopup",
     "sizeVerticalInput",
     "sizeSideNavigationItemHeight",
+    "sizeSideNavigationItemCollapsed",
+    "sizeSideNavigationCollapsedWidth",
     "spaceAlertVertical",
     "spaceButtonHorizontal",
     "spaceButtonVertical",
@@ -17935,6 +18038,7 @@ export var preset = {
     "colorBorderLayout": "color-border-layout",
     "colorBorderLayoutSideNavigation": "color-border-layout-side-navigation",
     "colorBorderNotificationStackBar": "color-border-notification-stack-bar",
+    "colorBorderNotificationStackBarFocused": "color-border-notification-stack-bar-focused",
     "colorBorderPanelHeader": "color-border-panel-header",
     "colorBorderPopover": "color-border-popover",
     "colorBorderSegmentActive": "color-border-segment-active",
@@ -18048,6 +18152,7 @@ export var preset = {
     "colorTextLinkDecorationHover": "color-text-link-decoration-hover",
     "colorTextLinkSecondaryDefault": "color-text-link-secondary-default",
     "colorTextLinkSecondaryHover": "color-text-link-secondary-hover",
+    "colorTextLinkSecondaryDecorationDefault": "color-text-link-secondary-decoration-default",
     "colorTextLinkInfoDefault": "color-text-link-info-default",
     "colorTextLinkInfoHover": "color-text-link-info-hover",
     "colorTextLinkInvertedDefault": "color-text-link-inverted-default",
@@ -18156,6 +18261,7 @@ export var preset = {
     "fontButtonLetterSpacing": "font-button-letter-spacing",
     "fontChartDetailSize": "font-chart-detail-size",
     "fontDecorationStyleLink": "font-decoration-style-link",
+    "fontDecorationLineLinkSecondary": "font-decoration-line-link-secondary",
     "fontDecorationThicknessLink": "font-decoration-thickness-link",
     "fontDecorationThicknessLinkDisplayL": "font-decoration-thickness-link-display-l",
     "fontDisplayLabelWeight": "font-display-label-weight",
@@ -18343,6 +18449,12 @@ export var preset = {
     "motionDurationComplex": "motion-duration-complex",
     "motionDurationTooltipEnter": "motion-duration-tooltip-enter",
     "motionEasingTooltipEnter": "motion-easing-tooltip-enter",
+    "motionDurationExpandableContentEnter": "motion-duration-expandable-content-enter",
+    "motionEasingExpandableContentEnter": "motion-easing-expandable-content-enter",
+    "motionDurationSideNavigationContentEnterFade": "motion-duration-side-navigation-content-enter-fade",
+    "motionDurationSideNavigationContentExit": "motion-duration-side-navigation-content-exit",
+    "motionDurationSideNavigationContentExitFade": "motion-duration-side-navigation-content-exit-fade",
+    "motionEasingSideNavigationContentExit": "motion-easing-side-navigation-content-exit",
     "motionKeyframesFadeIn": "motion-keyframes-fade-in",
     "motionKeyframesFadeOut": "motion-keyframes-fade-out",
     "motionKeyframesStatusIconError": "motion-keyframes-status-icon-error",
@@ -18357,6 +18469,8 @@ export var preset = {
     "sizeVerticalInput": "size-vertical-input",
     "sizeVerticalPanelIconOffset": "size-vertical-panel-icon-offset",
     "sizeSideNavigationItemHeight": "size-side-navigation-item-height",
+    "sizeSideNavigationItemCollapsed": "size-side-navigation-item-collapsed",
+    "sizeSideNavigationCollapsedWidth": "size-side-navigation-collapsed-width",
     "spaceAlertActionLeft": "space-alert-action-left",
     "spaceAlertHorizontal": "space-alert-horizontal",
     "spaceAlertMessageRight": "space-alert-message-right",
@@ -18937,7 +19051,7 @@ export var preset = {
     "colorBackgroundItemSelected": "--color-background-item-selected-pyr5cw",
     "colorBackgroundSideNavigationItemActive": "--color-background-side-navigation-item-active-adfprg",
     "colorBackgroundSideNavigationItemActiveCollapsed": "--color-background-side-navigation-item-active-collapsed-jczh49",
-    "colorBackgroundSideNavigationItemIconHover": "--color-background-side-navigation-item-icon-hover-c8r9nb",
+    "colorBackgroundSideNavigationItemIconHover": "--color-background-side-navigation-item-icon-hover-e5eh06",
     "colorBackgroundLayoutMain": "--color-background-layout-main-7z8vaj",
     "colorBackgroundLayoutAiDrawer": "--color-background-layout-ai-drawer-b4mvv3",
     "colorBackgroundDrawer": "--color-background-drawer-715dba",
@@ -19077,6 +19191,7 @@ export var preset = {
     "colorBorderLayout": "--color-border-layout-px1i24",
     "colorBorderLayoutSideNavigation": "--color-border-layout-side-navigation-mjh43q",
     "colorBorderNotificationStackBar": "--color-border-notification-stack-bar-aszsse",
+    "colorBorderNotificationStackBarFocused": "--color-border-notification-stack-bar-focused-mzvtw9",
     "colorBorderPanelHeader": "--color-border-panel-header-j4pvsn",
     "colorBorderPopover": "--color-border-popover-5yl4uc",
     "colorBorderSegmentActive": "--color-border-segment-active-trxbfe",
@@ -19190,6 +19305,7 @@ export var preset = {
     "colorTextLinkDecorationHover": "--color-text-link-decoration-hover-kui2t9",
     "colorTextLinkSecondaryDefault": "--color-text-link-secondary-default-6ui3do",
     "colorTextLinkSecondaryHover": "--color-text-link-secondary-hover-oy8eob",
+    "colorTextLinkSecondaryDecorationDefault": "--color-text-link-secondary-decoration-default-icj4nn",
     "colorTextLinkInfoDefault": "--color-text-link-info-default-mgpk1w",
     "colorTextLinkInfoHover": "--color-text-link-info-hover-os951m",
     "colorTextLinkInvertedDefault": "--color-text-link-inverted-default-n9ytl0",
@@ -19298,6 +19414,7 @@ export var preset = {
     "fontButtonLetterSpacing": "--font-button-letter-spacing-ufowe3",
     "fontChartDetailSize": "--font-chart-detail-size-9qr25q",
     "fontDecorationStyleLink": "--font-decoration-style-link-pk2xmp",
+    "fontDecorationLineLinkSecondary": "--font-decoration-line-link-secondary-yegojw",
     "fontDecorationThicknessLink": "--font-decoration-thickness-link-uesuo7",
     "fontDecorationThicknessLinkDisplayL": "--font-decoration-thickness-link-display-l-6g5fyl",
     "fontDisplayLabelWeight": "--font-display-label-weight-zavpeo",
@@ -19485,6 +19602,12 @@ export var preset = {
     "motionDurationComplex": "--motion-duration-complex-tbdo30",
     "motionDurationTooltipEnter": "--motion-duration-tooltip-enter-8e7aex",
     "motionEasingTooltipEnter": "--motion-easing-tooltip-enter-i9exfu",
+    "motionDurationExpandableContentEnter": "--motion-duration-expandable-content-enter-kqyuuj",
+    "motionEasingExpandableContentEnter": "--motion-easing-expandable-content-enter-5fw5v8",
+    "motionDurationSideNavigationContentEnterFade": "--motion-duration-side-navigation-content-enter-fade-9is49e",
+    "motionDurationSideNavigationContentExit": "--motion-duration-side-navigation-content-exit-6sbfiy",
+    "motionDurationSideNavigationContentExitFade": "--motion-duration-side-navigation-content-exit-fade-ydl422",
+    "motionEasingSideNavigationContentExit": "--motion-easing-side-navigation-content-exit-v820ow",
     "motionKeyframesFadeIn": "--motion-keyframes-fade-in-0r842q",
     "motionKeyframesFadeOut": "--motion-keyframes-fade-out-g7fgdu",
     "motionKeyframesStatusIconError": "--motion-keyframes-status-icon-error-wkou39",
@@ -19499,6 +19622,8 @@ export var preset = {
     "sizeVerticalInput": "--size-vertical-input-p1d7xx",
     "sizeVerticalPanelIconOffset": "--size-vertical-panel-icon-offset-z959cw",
     "sizeSideNavigationItemHeight": "--size-side-navigation-item-height-lokap3",
+    "sizeSideNavigationItemCollapsed": "--size-side-navigation-item-collapsed-oesjea",
+    "sizeSideNavigationCollapsedWidth": "--size-side-navigation-collapsed-width-3gq7nn",
     "spaceAlertActionLeft": "--space-alert-action-left-4s8zo5",
     "spaceAlertHorizontal": "--space-alert-horizontal-ul364s",
     "spaceAlertMessageRight": "--space-alert-message-right-mrjbnn",

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

@@ -4,11 +4,8 @@ import { AnalyticsMetadata } from '../../../types/analytics';
 export interface InternalBaseComponentProps {
   __internalRootRef?: React.Ref<any>;
 }
-/**
- * This hook is used for components which are exported to customers. The returned __internalRootRef needs to be
- * 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.
- */
+/** for testing only */
+export declare function clearThemesInitialized(): void;
 export default function useBaseComponent(componentName: string, config?: ComponentConfiguration, analyticsMetadata?: AnalyticsMetadata): {
   __internalRootRef: React.RefObject<any>;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-base-component/index.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EACL,sBAAsB,EAIvB,MAAM,+CAA+C,CAAC;AAEvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAM7D,MAAM,WAAW,0BAA0B;IAKzC,iBAAiB,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CACpC;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CACtC,aAAa,EAAE,MAAM,EACrB,MAAM,CAAC,EAAE,sBAAsB,EAC/B,iBAAiB,CAAC,EAAE,iBAAiB;;EAatC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-base-component/index.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EACL,sBAAsB,EAKvB,MAAM,+CAA+C,CAAC;AAEvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAM7D,MAAM,WAAW,0BAA0B;IAKzC,iBAAiB,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CACpC;AAUD,uBAAuB;AACvB,wBAAgB,sBAAsB,SAErC;AAED,MAAM,CAAC,OAAO,UAAU,gBAAgB,CACtC,aAAa,EAAE,MAAM,EACrB,MAAM,CAAC,EAAE,sBAAsB,EAC/B,iBAAiB,CAAC,EAAE,iBAAiB;;EAkBtC"}

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

@@ -1,5 +1,5 @@
-import { useComponentMetadata, useComponentMetrics, useFocusVisible, } from '@cloudscape-design/component-toolkit/internal';
-import { PACKAGE_SOURCE, PACKAGE_VERSION, THEME } from '../../environment';
+import { initThemes, useComponentMetadata, useComponentMetrics, useFocusVisible, } from '@cloudscape-design/component-toolkit/internal';
+import { ALWAYS_VISUAL_REFRESH, PACKAGE_SOURCE, PACKAGE_VERSION, THEME } from '../../environment';
 import { getVisualTheme } from '../../utils/get-visual-theme';
 import { useVisualRefresh } from '../use-visual-mode';
 import { useMissingStylesCheck } from './styles-check';
@@ -8,7 +8,16 @@ import { useMissingStylesCheck } from './styles-check';
  * 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.
  */
+let themesInitialized = false;
+/** for testing only */
+export function clearThemesInitialized() {
+    themesInitialized = false;
+}
 export default function useBaseComponent(componentName, config, analyticsMetadata) {
+    if (!themesInitialized) {
+        initThemes({ skipVisualRefresh: ALWAYS_VISUAL_REFRESH });
+        themesInitialized = true;
+    }
     const isVisualRefresh = useVisualRefresh();
     const theme = getVisualTheme(THEME, isVisualRefresh);
     useComponentMetrics(componentName, { packageSource: PACKAGE_SOURCE, packageVersion: PACKAGE_VERSION, theme }, config);

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-base-component/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAEL,oBAAoB,EACpB,mBAAmB,EACnB,eAAe,GAChB,MAAM,+CAA+C,CAAC;AAGvD,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC3E,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAUvD;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CACtC,aAAqB,EACrB,MAA+B,EAC/B,iBAAqC;IAErC,MAAM,eAAe,GAAG,gBAAgB,EAAE,CAAC;IAC3C,MAAM,KAAK,GAAG,cAAc,CAAC,KAAK,EAAE,eAAe,CAAC,CAAC;IACrD,mBAAmB,CAAC,aAAa,EAAE,EAAE,aAAa,EAAE,cAAc,EAAE,cAAc,EAAE,eAAe,EAAE,KAAK,EAAE,EAAE,MAAM,CAAC,CAAC;IACtH,MAAM,UAAU,GAAG,oBAAoB,CACrC,aAAa,EACb,EAAE,WAAW,EAAE,cAAc,EAAE,OAAO,EAAE,eAAe,EAAE,KAAK,EAAE,EAChE,iBAAwB,CACzB,CAAC;IACF,qBAAqB,CAAC,UAAU,CAAC,CAAC;IAClC,eAAe,CAAC,UAAU,CAAC,CAAC;IAC5B,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 React from 'react';\n\nimport {\n  ComponentConfiguration,\n  useComponentMetadata,\n  useComponentMetrics,\n  useFocusVisible,\n} from '@cloudscape-design/component-toolkit/internal';\n\nimport { AnalyticsMetadata } from '../../../types/analytics';\nimport { PACKAGE_SOURCE, PACKAGE_VERSION, THEME } from '../../environment';\nimport { getVisualTheme } from '../../utils/get-visual-theme';\nimport { useVisualRefresh } from '../use-visual-mode';\nimport { useMissingStylesCheck } from './styles-check';\n\nexport interface InternalBaseComponentProps {\n  // Typescript requires Ref type to be exact DOM element type it is assigned to, e.g. HTMLDivElement\n  // Typical community practice is explicit type casting: https://stackoverflow.com/questions/61102101/cannot-assign-refobjecthtmldivelement-to-refobjecthtmlelement-instance\n  // To avoid doing this, we use any to skip type checks. Treat this type as pass through, never\n  // read `__internalRootRef.current`, use your own refs if you need\n  __internalRootRef?: React.Ref<any>;\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(\n  componentName: string,\n  config?: ComponentConfiguration,\n  analyticsMetadata?: AnalyticsMetadata\n) {\n  const isVisualRefresh = useVisualRefresh();\n  const theme = getVisualTheme(THEME, isVisualRefresh);\n  useComponentMetrics(componentName, { packageSource: PACKAGE_SOURCE, packageVersion: PACKAGE_VERSION, theme }, config);\n  const elementRef = useComponentMetadata(\n    componentName,\n    { packageName: PACKAGE_SOURCE, version: PACKAGE_VERSION, theme },\n    analyticsMetadata as any\n  );\n  useMissingStylesCheck(elementRef);\n  useFocusVisible(elementRef);\n  return { __internalRootRef: elementRef };\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-base-component/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAEL,UAAU,EACV,oBAAoB,EACpB,mBAAmB,EACnB,eAAe,GAChB,MAAM,+CAA+C,CAAC;AAGvD,OAAO,EAAE,qBAAqB,EAAE,cAAc,EAAE,eAAe,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAClG,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAUvD;;;;GAIG;AAEH,IAAI,iBAAiB,GAAG,KAAK,CAAC;AAE9B,uBAAuB;AACvB,MAAM,UAAU,sBAAsB;IACpC,iBAAiB,GAAG,KAAK,CAAC;AAC5B,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,gBAAgB,CACtC,aAAqB,EACrB,MAA+B,EAC/B,iBAAqC;IAErC,IAAI,CAAC,iBAAiB,EAAE,CAAC;QACvB,UAAU,CAAC,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,CAAC,CAAC;QACzD,iBAAiB,GAAG,IAAI,CAAC;IAC3B,CAAC;IAED,MAAM,eAAe,GAAG,gBAAgB,EAAE,CAAC;IAC3C,MAAM,KAAK,GAAG,cAAc,CAAC,KAAK,EAAE,eAAe,CAAC,CAAC;IACrD,mBAAmB,CAAC,aAAa,EAAE,EAAE,aAAa,EAAE,cAAc,EAAE,cAAc,EAAE,eAAe,EAAE,KAAK,EAAE,EAAE,MAAM,CAAC,CAAC;IACtH,MAAM,UAAU,GAAG,oBAAoB,CACrC,aAAa,EACb,EAAE,WAAW,EAAE,cAAc,EAAE,OAAO,EAAE,eAAe,EAAE,KAAK,EAAE,EAChE,iBAAwB,CACzB,CAAC;IACF,qBAAqB,CAAC,UAAU,CAAC,CAAC;IAClC,eAAe,CAAC,UAAU,CAAC,CAAC;IAC5B,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 React from 'react';\n\nimport {\n  ComponentConfiguration,\n  initThemes,\n  useComponentMetadata,\n  useComponentMetrics,\n  useFocusVisible,\n} from '@cloudscape-design/component-toolkit/internal';\n\nimport { AnalyticsMetadata } from '../../../types/analytics';\nimport { ALWAYS_VISUAL_REFRESH, PACKAGE_SOURCE, PACKAGE_VERSION, THEME } from '../../environment';\nimport { getVisualTheme } from '../../utils/get-visual-theme';\nimport { useVisualRefresh } from '../use-visual-mode';\nimport { useMissingStylesCheck } from './styles-check';\n\nexport interface InternalBaseComponentProps {\n  // Typescript requires Ref type to be exact DOM element type it is assigned to, e.g. HTMLDivElement\n  // Typical community practice is explicit type casting: https://stackoverflow.com/questions/61102101/cannot-assign-refobjecthtmldivelement-to-refobjecthtmlelement-instance\n  // To avoid doing this, we use any to skip type checks. Treat this type as pass through, never\n  // read `__internalRootRef.current`, use your own refs if you need\n  __internalRootRef?: React.Ref<any>;\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 */\n\nlet themesInitialized = false;\n\n/** for testing only */\nexport function clearThemesInitialized() {\n  themesInitialized = false;\n}\n\nexport default function useBaseComponent(\n  componentName: string,\n  config?: ComponentConfiguration,\n  analyticsMetadata?: AnalyticsMetadata\n) {\n  if (!themesInitialized) {\n    initThemes({ skipVisualRefresh: ALWAYS_VISUAL_REFRESH });\n    themesInitialized = true;\n  }\n\n  const isVisualRefresh = useVisualRefresh();\n  const theme = getVisualTheme(THEME, isVisualRefresh);\n  useComponentMetrics(componentName, { packageSource: PACKAGE_SOURCE, packageVersion: PACKAGE_VERSION, theme }, config);\n  const elementRef = useComponentMetadata(\n    componentName,\n    { packageName: PACKAGE_SOURCE, version: PACKAGE_VERSION, theme },\n    analyticsMetadata as any\n  );\n  useMissingStylesCheck(elementRef);\n  useFocusVisible(elementRef);\n  return { __internalRootRef: elementRef };\n}\n"]}

package/internal/manifest.json

@@ -1,3 +1,3 @@
 {
-  "commit": "abe3580208df13172e68c1a5b5eb6536c475e5ee"
+  "commit": "f066dd83e5c16c30169f83733b523ffd31984600"
 }

package/link/styles.css.js

@@ -1,26 +1,26 @@
 
     import './styles.scoped.css';
     export default {
-  "link": "awsui_link_4c84z_1yw4r_145",
-  "variant-recovery": "awsui_variant-recovery_4c84z_1yw4r_213",
-  "variant-secondary": "awsui_variant-secondary_4c84z_1yw4r_246",
-  "variant-primary": "awsui_variant-primary_4c84z_1yw4r_281",
-  "variant-info": "awsui_variant-info_4c84z_1yw4r_314",
-  "variant-value-large": "awsui_variant-value-large_4c84z_1yw4r_349",
-  "variant-top-navigation": "awsui_variant-top-navigation_4c84z_1yw4r_381",
-  "button": "awsui_button_4c84z_1yw4r_416",
-  "color-inverted": "awsui_color-inverted_4c84z_1yw4r_488",
-  "font-size-body-s": "awsui_font-size-body-s_4c84z_1yw4r_516",
-  "font-size-body-m": "awsui_font-size-body-m_4c84z_1yw4r_524",
-  "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_1yw4r_531",
-  "font-size-heading-s": "awsui_font-size-heading-s_4c84z_1yw4r_539",
-  "font-size-heading-m": "awsui_font-size-heading-m_4c84z_1yw4r_547",
-  "font-size-heading-l": "awsui_font-size-heading-l_4c84z_1yw4r_555",
-  "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_1yw4r_563",
-  "font-size-display-l": "awsui_font-size-display-l_4c84z_1yw4r_571",
-  "font-size-inherit": "awsui_font-size-inherit_4c84z_1yw4r_579",
-  "in-inline-token": "awsui_in-inline-token_4c84z_1yw4r_587",
-  "icon-wrapper": "awsui_icon-wrapper_4c84z_1yw4r_591",
-  "icon": "awsui_icon_4c84z_1yw4r_591"
+  "link": "awsui_link_4c84z_1un72_145",
+  "variant-recovery": "awsui_variant-recovery_4c84z_1un72_213",
+  "variant-secondary": "awsui_variant-secondary_4c84z_1un72_246",
+  "variant-primary": "awsui_variant-primary_4c84z_1un72_281",
+  "variant-info": "awsui_variant-info_4c84z_1un72_314",
+  "variant-value-large": "awsui_variant-value-large_4c84z_1un72_349",
+  "variant-top-navigation": "awsui_variant-top-navigation_4c84z_1un72_381",
+  "button": "awsui_button_4c84z_1un72_416",
+  "color-inverted": "awsui_color-inverted_4c84z_1un72_488",
+  "font-size-body-s": "awsui_font-size-body-s_4c84z_1un72_516",
+  "font-size-body-m": "awsui_font-size-body-m_4c84z_1un72_524",
+  "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_1un72_531",
+  "font-size-heading-s": "awsui_font-size-heading-s_4c84z_1un72_539",
+  "font-size-heading-m": "awsui_font-size-heading-m_4c84z_1un72_547",
+  "font-size-heading-l": "awsui_font-size-heading-l_4c84z_1un72_555",
+  "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_1un72_563",
+  "font-size-display-l": "awsui_font-size-display-l_4c84z_1un72_571",
+  "font-size-inherit": "awsui_font-size-inherit_4c84z_1un72_579",
+  "in-inline-token": "awsui_in-inline-token_4c84z_1un72_587",
+  "icon-wrapper": "awsui_icon-wrapper_4c84z_1un72_591",
+  "icon": "awsui_icon_4c84z_1un72_591"
 };