@cloudscape-design/components-themeable 3.0.1344 → 3.0.1346

package/lib/internal/template/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/lib/internal/template/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/lib/internal/template/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/lib/internal/template/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/lib/internal/template/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/lib/internal/template/item-card/styles.css.js

@@ -1,19 +1,19 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_n1fwt_134vw_153",
-  "header-inner": "awsui_header-inner_n1fwt_134vw_185",
-  "header": "awsui_header_n1fwt_134vw_185",
-  "body": "awsui_body_n1fwt_134vw_194",
-  "footer": "awsui_footer_n1fwt_134vw_202",
-  "refresh": "awsui_refresh_n1fwt_134vw_268",
-  "highlighted": "awsui_highlighted_n1fwt_134vw_271",
-  "variant-embedded": "awsui_variant-embedded_n1fwt_134vw_278",
-  "inner-card": "awsui_inner-card_n1fwt_134vw_278",
-  "variant-default": "awsui_variant-default_n1fwt_134vw_278",
-  "no-padding": "awsui_no-padding_n1fwt_134vw_284",
-  "with-actions": "awsui_with-actions_n1fwt_134vw_309",
-  "full-height": "awsui_full-height_n1fwt_134vw_355",
-  "description": "awsui_description_n1fwt_134vw_359"
+  "root": "awsui_root_n1fwt_dcb68_153",
+  "header-inner": "awsui_header-inner_n1fwt_dcb68_185",
+  "header": "awsui_header_n1fwt_dcb68_185",
+  "body": "awsui_body_n1fwt_dcb68_194",
+  "footer": "awsui_footer_n1fwt_dcb68_202",
+  "refresh": "awsui_refresh_n1fwt_dcb68_268",
+  "highlighted": "awsui_highlighted_n1fwt_dcb68_271",
+  "variant-embedded": "awsui_variant-embedded_n1fwt_dcb68_278",
+  "inner-card": "awsui_inner-card_n1fwt_dcb68_278",
+  "variant-default": "awsui_variant-default_n1fwt_dcb68_278",
+  "no-padding": "awsui_no-padding_n1fwt_dcb68_284",
+  "with-actions": "awsui_with-actions_n1fwt_dcb68_309",
+  "full-height": "awsui_full-height_n1fwt_dcb68_355",
+  "description": "awsui_description_n1fwt_dcb68_359"
 };