npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.460 → 3.0.462 - Mend

@cloudscape-design/components-themeable 3.0.460 → 3.0.462

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (48) hide show

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

@@ -890,16 +890,16 @@ module.exports.preset = {
         "dark": "{colorGrey650}"
       },
       "colorBackgroundLayoutToggleActive": {
-        "light": "{colorGrey650}",
-        "dark": "{colorGrey650}"
+        "light": "{colorGrey600}",
+        "dark": "{colorGrey600}"
       },
       "colorBackgroundLayoutToggleDefault": {
-        "light": "{colorGrey750}",
-        "dark": "{colorGrey750}"
+        "light": "{colorGrey600}",
+        "dark": "{colorGrey600}"
       },
       "colorBackgroundLayoutToggleHover": {
-        "light": "{colorGrey650}",
-        "dark": "{colorGrey650}"
+        "light": "{colorGrey550}",
+        "dark": "{colorGrey550}"
       },
       "colorBackgroundLayoutToggleSelectedActive": {
         "light": "{colorBlue600}",
@@ -2039,13 +2039,17 @@ module.exports.preset = {
         "comfortable": "{spaceScaled2xXxxl}",
         "compact": "{spaceScaled2xXxxl}"
       },
+      "spaceLayoutContentHorizontal": {
+        "comfortable": "{spaceScaled2xXl}",
+        "compact": "{spaceScaled2xXl}"
+      },
       "spaceLayoutToggleDiameter": {
-        "comfortable": "40px",
-        "compact": "40px"
+        "comfortable": "36px",
+        "compact": "36px"
       },
       "spaceLayoutTogglePadding": {
-        "comfortable": "{spaceScaledL}",
-        "compact": "{spaceScaledL}"
+        "comfortable": "{spaceStaticS}",
+        "compact": "{spaceStaticS}"
       },
       "spaceModalContentBottom": {
         "comfortable": "{spaceScaled2xM}",
@@ -2477,13 +2481,17 @@ module.exports.preset = {
             "comfortable": "{spaceScaled2xXxxl}",
             "compact": "{spaceScaled2xXxxl}"
           },
+          "spaceLayoutContentHorizontal": {
+            "comfortable": "{spaceScaled2xXl}",
+            "compact": "{spaceScaled2xXl}"
+          },
           "spaceLayoutToggleDiameter": {
-            "comfortable": "40px",
-            "compact": "40px"
+            "comfortable": "36px",
+            "compact": "36px"
           },
           "spaceLayoutTogglePadding": {
-            "comfortable": "{spaceScaledL}",
-            "compact": "{spaceScaledL}"
+            "comfortable": "{spaceStaticS}",
+            "compact": "{spaceStaticS}"
           },
           "spaceModalContentBottom": {
             "comfortable": "{spaceScaled2xM}",
@@ -2908,16 +2916,16 @@ module.exports.preset = {
             "dark": "{colorGrey650}"
           },
           "colorBackgroundLayoutToggleActive": {
-            "light": "{colorGrey650}",
-            "dark": "{colorGrey650}"
+            "light": "{colorGrey600}",
+            "dark": "{colorGrey600}"
           },
           "colorBackgroundLayoutToggleDefault": {
-            "light": "{colorGrey750}",
-            "dark": "{colorGrey750}"
+            "light": "{colorGrey600}",
+            "dark": "{colorGrey600}"
           },
           "colorBackgroundLayoutToggleHover": {
-            "light": "{colorGrey650}",
-            "dark": "{colorGrey650}"
+            "light": "{colorGrey550}",
+            "dark": "{colorGrey550}"
           },
           "colorBackgroundLayoutToggleSelectedActive": {
             "light": "{colorBlue500}",
@@ -3914,16 +3922,16 @@ module.exports.preset = {
             "dark": "{colorGrey650}"
           },
           "colorBackgroundLayoutToggleActive": {
-            "light": "{colorGrey650}",
-            "dark": "{colorGrey650}"
+            "light": "{colorGrey600}",
+            "dark": "{colorGrey600}"
           },
           "colorBackgroundLayoutToggleDefault": {
-            "light": "{colorGrey750}",
-            "dark": "{colorGrey750}"
+            "light": "{colorGrey600}",
+            "dark": "{colorGrey600}"
           },
           "colorBackgroundLayoutToggleHover": {
-            "light": "{colorGrey650}",
-            "dark": "{colorGrey650}"
+            "light": "{colorGrey550}",
+            "dark": "{colorGrey550}"
           },
           "colorBackgroundLayoutToggleSelectedActive": {
             "light": "{colorBlue500}",
@@ -4852,16 +4860,16 @@ module.exports.preset = {
             "dark": "{colorGrey650}"
           },
           "colorBackgroundLayoutToggleActive": {
-            "light": "{colorGrey650}",
-            "dark": "{colorGrey650}"
+            "light": "{colorGrey600}",
+            "dark": "{colorGrey600}"
           },
           "colorBackgroundLayoutToggleDefault": {
-            "light": "{colorGrey750}",
-            "dark": "{colorGrey750}"
+            "light": "{colorGrey600}",
+            "dark": "{colorGrey600}"
           },
           "colorBackgroundLayoutToggleHover": {
-            "light": "{colorGrey650}",
-            "dark": "{colorGrey650}"
+            "light": "{colorGrey550}",
+            "dark": "{colorGrey550}"
           },
           "colorBackgroundLayoutToggleSelectedActive": {
             "light": "{colorBlue600}",
@@ -5790,16 +5798,16 @@ module.exports.preset = {
             "dark": "{colorGrey650}"
           },
           "colorBackgroundLayoutToggleActive": {
-            "light": "{colorGrey650}",
-            "dark": "{colorGrey650}"
+            "light": "{colorGrey600}",
+            "dark": "{colorGrey600}"
           },
           "colorBackgroundLayoutToggleDefault": {
-            "light": "{colorGrey750}",
-            "dark": "{colorGrey750}"
+            "light": "{colorGrey600}",
+            "dark": "{colorGrey600}"
           },
           "colorBackgroundLayoutToggleHover": {
-            "light": "{colorGrey650}",
-            "dark": "{colorGrey650}"
+            "light": "{colorGrey550}",
+            "dark": "{colorGrey550}"
           },
           "colorBackgroundLayoutToggleSelectedActive": {
             "light": "{colorBlue600}",
@@ -6728,16 +6736,16 @@ module.exports.preset = {
             "dark": "{colorGrey650}"
           },
           "colorBackgroundLayoutToggleActive": {
-            "light": "{colorGrey650}",
-            "dark": "{colorGrey650}"
+            "light": "{colorGrey600}",
+            "dark": "{colorGrey600}"
           },
           "colorBackgroundLayoutToggleDefault": {
-            "light": "{colorGrey750}",
-            "dark": "{colorGrey750}"
+            "light": "{colorGrey600}",
+            "dark": "{colorGrey600}"
           },
           "colorBackgroundLayoutToggleHover": {
-            "light": "{colorGrey650}",
-            "dark": "{colorGrey650}"
+            "light": "{colorGrey550}",
+            "dark": "{colorGrey550}"
           },
           "colorBackgroundLayoutToggleSelectedActive": {
             "light": "{colorBlue600}",
@@ -7668,16 +7676,16 @@ module.exports.preset = {
             "dark": "{colorGrey650}"
           },
           "colorBackgroundLayoutToggleActive": {
-            "light": "{colorGrey650}",
-            "dark": "{colorGrey650}"
+            "light": "{colorGrey600}",
+            "dark": "{colorGrey600}"
           },
           "colorBackgroundLayoutToggleDefault": {
-            "light": "{colorGrey750}",
-            "dark": "{colorGrey750}"
+            "light": "{colorGrey600}",
+            "dark": "{colorGrey600}"
           },
           "colorBackgroundLayoutToggleHover": {
-            "light": "{colorGrey650}",
-            "dark": "{colorGrey650}"
+            "light": "{colorGrey550}",
+            "dark": "{colorGrey550}"
           },
           "colorBackgroundLayoutToggleSelectedActive": {
             "light": "{colorBlue500}",
@@ -8885,6 +8893,7 @@ module.exports.preset = {
       "spaceGridGutter": "density",
       "spaceKeyValueGap": "density",
       "spaceLayoutContentBottom": "density",
+      "spaceLayoutContentHorizontal": "density",
       "spaceLayoutToggleDiameter": "density",
       "spaceLayoutTogglePadding": "density",
       "spaceModalContentBottom": "density",
@@ -10124,6 +10133,7 @@ module.exports.preset = {
     "spaceGridGutter": "space-grid-gutter",
     "spaceKeyValueGap": "space-key-value-gap",
     "spaceLayoutContentBottom": "space-layout-content-bottom",
+    "spaceLayoutContentHorizontal": "space-layout-content-horizontal",
     "spaceLayoutToggleDiameter": "space-layout-toggle-diameter",
     "spaceLayoutTogglePadding": "space-layout-toggle-padding",
     "spaceModalContentBottom": "space-modal-content-bottom",
@@ -10452,9 +10462,9 @@ module.exports.preset = {
     "colorBackgroundLayoutMobilePanel": "--color-background-layout-mobile-panel-0ussje",
     "colorBackgroundLayoutPanelContent": "--color-background-layout-panel-content-t82vgh",
     "colorBackgroundLayoutPanelHover": "--color-background-layout-panel-hover-n9apd3",
-    "colorBackgroundLayoutToggleActive": "--color-background-layout-toggle-active-robi8g",
-    "colorBackgroundLayoutToggleDefault": "--color-background-layout-toggle-default-lmdlhy",
-    "colorBackgroundLayoutToggleHover": "--color-background-layout-toggle-hover-ho9150",
+    "colorBackgroundLayoutToggleActive": "--color-background-layout-toggle-active-aa8dko",
+    "colorBackgroundLayoutToggleDefault": "--color-background-layout-toggle-default-o2evu2",
+    "colorBackgroundLayoutToggleHover": "--color-background-layout-toggle-hover-awem6j",
     "colorBackgroundLayoutToggleSelectedActive": "--color-background-layout-toggle-selected-active-xfk480",
     "colorBackgroundLayoutToggleSelectedDefault": "--color-background-layout-toggle-selected-default-caco0q",
     "colorBackgroundLayoutToggleSelectedHover": "--color-background-layout-toggle-selected-hover-kjak2q",
@@ -10804,8 +10814,9 @@ module.exports.preset = {
     "spaceGridGutter": "--space-grid-gutter-ieqn7e",
     "spaceKeyValueGap": "--space-key-value-gap-0517k5",
     "spaceLayoutContentBottom": "--space-layout-content-bottom-noqzmw",
-    "spaceLayoutToggleDiameter": "--space-layout-toggle-diameter-x54u6y",
-    "spaceLayoutTogglePadding": "--space-layout-toggle-padding-sgkxy2",
+    "spaceLayoutContentHorizontal": "--space-layout-content-horizontal-7l52k3",
+    "spaceLayoutToggleDiameter": "--space-layout-toggle-diameter-hb85rk",
+    "spaceLayoutTogglePadding": "--space-layout-toggle-padding-lcu6qi",
     "spaceModalContentBottom": "--space-modal-content-bottom-hqahub",
     "spaceModalHorizontal": "--space-modal-horizontal-f89syl",
     "spaceOptionIconBigTop": "--space-option-icon-big-top-hybljv",

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

@@ -890,16 +890,16 @@ export var preset = {
         "dark": "{colorGrey650}"
       },
       "colorBackgroundLayoutToggleActive": {
-        "light": "{colorGrey650}",
-        "dark": "{colorGrey650}"
+        "light": "{colorGrey600}",
+        "dark": "{colorGrey600}"
       },
       "colorBackgroundLayoutToggleDefault": {
-        "light": "{colorGrey750}",
-        "dark": "{colorGrey750}"
+        "light": "{colorGrey600}",
+        "dark": "{colorGrey600}"
       },
       "colorBackgroundLayoutToggleHover": {
-        "light": "{colorGrey650}",
-        "dark": "{colorGrey650}"
+        "light": "{colorGrey550}",
+        "dark": "{colorGrey550}"
       },
       "colorBackgroundLayoutToggleSelectedActive": {
         "light": "{colorBlue600}",
@@ -2039,13 +2039,17 @@ export var preset = {
         "comfortable": "{spaceScaled2xXxxl}",
         "compact": "{spaceScaled2xXxxl}"
       },
+      "spaceLayoutContentHorizontal": {
+        "comfortable": "{spaceScaled2xXl}",
+        "compact": "{spaceScaled2xXl}"
+      },
       "spaceLayoutToggleDiameter": {
-        "comfortable": "40px",
-        "compact": "40px"
+        "comfortable": "36px",
+        "compact": "36px"
       },
       "spaceLayoutTogglePadding": {
-        "comfortable": "{spaceScaledL}",
-        "compact": "{spaceScaledL}"
+        "comfortable": "{spaceStaticS}",
+        "compact": "{spaceStaticS}"
       },
       "spaceModalContentBottom": {
         "comfortable": "{spaceScaled2xM}",
@@ -2477,13 +2481,17 @@ export var preset = {
             "comfortable": "{spaceScaled2xXxxl}",
             "compact": "{spaceScaled2xXxxl}"
           },
+          "spaceLayoutContentHorizontal": {
+            "comfortable": "{spaceScaled2xXl}",
+            "compact": "{spaceScaled2xXl}"
+          },
           "spaceLayoutToggleDiameter": {
-            "comfortable": "40px",
-            "compact": "40px"
+            "comfortable": "36px",
+            "compact": "36px"
           },
           "spaceLayoutTogglePadding": {
-            "comfortable": "{spaceScaledL}",
-            "compact": "{spaceScaledL}"
+            "comfortable": "{spaceStaticS}",
+            "compact": "{spaceStaticS}"
           },
           "spaceModalContentBottom": {
             "comfortable": "{spaceScaled2xM}",
@@ -2908,16 +2916,16 @@ export var preset = {
             "dark": "{colorGrey650}"
           },
           "colorBackgroundLayoutToggleActive": {
-            "light": "{colorGrey650}",
-            "dark": "{colorGrey650}"
+            "light": "{colorGrey600}",
+            "dark": "{colorGrey600}"
           },
           "colorBackgroundLayoutToggleDefault": {
-            "light": "{colorGrey750}",
-            "dark": "{colorGrey750}"
+            "light": "{colorGrey600}",
+            "dark": "{colorGrey600}"
           },
           "colorBackgroundLayoutToggleHover": {
-            "light": "{colorGrey650}",
-            "dark": "{colorGrey650}"
+            "light": "{colorGrey550}",
+            "dark": "{colorGrey550}"
           },
           "colorBackgroundLayoutToggleSelectedActive": {
             "light": "{colorBlue500}",
@@ -3914,16 +3922,16 @@ export var preset = {
             "dark": "{colorGrey650}"
           },
           "colorBackgroundLayoutToggleActive": {
-            "light": "{colorGrey650}",
-            "dark": "{colorGrey650}"
+            "light": "{colorGrey600}",
+            "dark": "{colorGrey600}"
           },
           "colorBackgroundLayoutToggleDefault": {
-            "light": "{colorGrey750}",
-            "dark": "{colorGrey750}"
+            "light": "{colorGrey600}",
+            "dark": "{colorGrey600}"
           },
           "colorBackgroundLayoutToggleHover": {
-            "light": "{colorGrey650}",
-            "dark": "{colorGrey650}"
+            "light": "{colorGrey550}",
+            "dark": "{colorGrey550}"
           },
           "colorBackgroundLayoutToggleSelectedActive": {
             "light": "{colorBlue500}",
@@ -4852,16 +4860,16 @@ export var preset = {
             "dark": "{colorGrey650}"
           },
           "colorBackgroundLayoutToggleActive": {
-            "light": "{colorGrey650}",
-            "dark": "{colorGrey650}"
+            "light": "{colorGrey600}",
+            "dark": "{colorGrey600}"
           },
           "colorBackgroundLayoutToggleDefault": {
-            "light": "{colorGrey750}",
-            "dark": "{colorGrey750}"
+            "light": "{colorGrey600}",
+            "dark": "{colorGrey600}"
           },
           "colorBackgroundLayoutToggleHover": {
-            "light": "{colorGrey650}",
-            "dark": "{colorGrey650}"
+            "light": "{colorGrey550}",
+            "dark": "{colorGrey550}"
           },
           "colorBackgroundLayoutToggleSelectedActive": {
             "light": "{colorBlue600}",
@@ -5790,16 +5798,16 @@ export var preset = {
             "dark": "{colorGrey650}"
           },
           "colorBackgroundLayoutToggleActive": {
-            "light": "{colorGrey650}",
-            "dark": "{colorGrey650}"
+            "light": "{colorGrey600}",
+            "dark": "{colorGrey600}"
           },
           "colorBackgroundLayoutToggleDefault": {
-            "light": "{colorGrey750}",
-            "dark": "{colorGrey750}"
+            "light": "{colorGrey600}",
+            "dark": "{colorGrey600}"
           },
           "colorBackgroundLayoutToggleHover": {
-            "light": "{colorGrey650}",
-            "dark": "{colorGrey650}"
+            "light": "{colorGrey550}",
+            "dark": "{colorGrey550}"
           },
           "colorBackgroundLayoutToggleSelectedActive": {
             "light": "{colorBlue600}",
@@ -6728,16 +6736,16 @@ export var preset = {
             "dark": "{colorGrey650}"
           },
           "colorBackgroundLayoutToggleActive": {
-            "light": "{colorGrey650}",
-            "dark": "{colorGrey650}"
+            "light": "{colorGrey600}",
+            "dark": "{colorGrey600}"
           },
           "colorBackgroundLayoutToggleDefault": {
-            "light": "{colorGrey750}",
-            "dark": "{colorGrey750}"
+            "light": "{colorGrey600}",
+            "dark": "{colorGrey600}"
           },
           "colorBackgroundLayoutToggleHover": {
-            "light": "{colorGrey650}",
-            "dark": "{colorGrey650}"
+            "light": "{colorGrey550}",
+            "dark": "{colorGrey550}"
           },
           "colorBackgroundLayoutToggleSelectedActive": {
             "light": "{colorBlue600}",
@@ -7668,16 +7676,16 @@ export var preset = {
             "dark": "{colorGrey650}"
           },
           "colorBackgroundLayoutToggleActive": {
-            "light": "{colorGrey650}",
-            "dark": "{colorGrey650}"
+            "light": "{colorGrey600}",
+            "dark": "{colorGrey600}"
           },
           "colorBackgroundLayoutToggleDefault": {
-            "light": "{colorGrey750}",
-            "dark": "{colorGrey750}"
+            "light": "{colorGrey600}",
+            "dark": "{colorGrey600}"
           },
           "colorBackgroundLayoutToggleHover": {
-            "light": "{colorGrey650}",
-            "dark": "{colorGrey650}"
+            "light": "{colorGrey550}",
+            "dark": "{colorGrey550}"
           },
           "colorBackgroundLayoutToggleSelectedActive": {
             "light": "{colorBlue500}",
@@ -8885,6 +8893,7 @@ export var preset = {
       "spaceGridGutter": "density",
       "spaceKeyValueGap": "density",
       "spaceLayoutContentBottom": "density",
+      "spaceLayoutContentHorizontal": "density",
       "spaceLayoutToggleDiameter": "density",
       "spaceLayoutTogglePadding": "density",
       "spaceModalContentBottom": "density",
@@ -10124,6 +10133,7 @@ export var preset = {
     "spaceGridGutter": "space-grid-gutter",
     "spaceKeyValueGap": "space-key-value-gap",
     "spaceLayoutContentBottom": "space-layout-content-bottom",
+    "spaceLayoutContentHorizontal": "space-layout-content-horizontal",
     "spaceLayoutToggleDiameter": "space-layout-toggle-diameter",
     "spaceLayoutTogglePadding": "space-layout-toggle-padding",
     "spaceModalContentBottom": "space-modal-content-bottom",
@@ -10452,9 +10462,9 @@ export var preset = {
     "colorBackgroundLayoutMobilePanel": "--color-background-layout-mobile-panel-0ussje",
     "colorBackgroundLayoutPanelContent": "--color-background-layout-panel-content-t82vgh",
     "colorBackgroundLayoutPanelHover": "--color-background-layout-panel-hover-n9apd3",
-    "colorBackgroundLayoutToggleActive": "--color-background-layout-toggle-active-robi8g",
-    "colorBackgroundLayoutToggleDefault": "--color-background-layout-toggle-default-lmdlhy",
-    "colorBackgroundLayoutToggleHover": "--color-background-layout-toggle-hover-ho9150",
+    "colorBackgroundLayoutToggleActive": "--color-background-layout-toggle-active-aa8dko",
+    "colorBackgroundLayoutToggleDefault": "--color-background-layout-toggle-default-o2evu2",
+    "colorBackgroundLayoutToggleHover": "--color-background-layout-toggle-hover-awem6j",
     "colorBackgroundLayoutToggleSelectedActive": "--color-background-layout-toggle-selected-active-xfk480",
     "colorBackgroundLayoutToggleSelectedDefault": "--color-background-layout-toggle-selected-default-caco0q",
     "colorBackgroundLayoutToggleSelectedHover": "--color-background-layout-toggle-selected-hover-kjak2q",
@@ -10804,8 +10814,9 @@ export var preset = {
     "spaceGridGutter": "--space-grid-gutter-ieqn7e",
     "spaceKeyValueGap": "--space-key-value-gap-0517k5",
     "spaceLayoutContentBottom": "--space-layout-content-bottom-noqzmw",
-    "spaceLayoutToggleDiameter": "--space-layout-toggle-diameter-x54u6y",
-    "spaceLayoutTogglePadding": "--space-layout-toggle-padding-sgkxy2",
+    "spaceLayoutContentHorizontal": "--space-layout-content-horizontal-7l52k3",
+    "spaceLayoutToggleDiameter": "--space-layout-toggle-diameter-hb85rk",
+    "spaceLayoutTogglePadding": "--space-layout-toggle-padding-lcu6qi",
     "spaceModalContentBottom": "--space-modal-content-bottom-hqahub",
     "spaceModalHorizontal": "--space-modal-horizontal-f89syl",
     "spaceOptionIconBigTop": "--space-option-icon-big-top-hybljv",

package/lib/internal/template/internal/hooks/use-performance-marks.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare function usePerformanceMarks(name: string, enabled: boolean, elementRef: React.RefObject<HTMLElement>, getDetails: () => Record<string, string | boolean | number | undefined>, dependencies: React.DependencyList): void;
+//# sourceMappingURL=use-performance-marks.d.ts.map

package/lib/internal/template/internal/hooks/use-performance-marks.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"use-performance-marks.d.ts","sourceRoot":"lib/default/","sources":["internal/hooks/use-performance-marks.ts"],"names":[],"mappings":";AAOA,wBAAgB,mBAAmB,CACjC,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,EACxC,UAAU,EAAE,MAAM,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC,EACvE,YAAY,EAAE,KAAK,CAAC,cAAc,QAsDnC"}

package/lib/internal/template/internal/hooks/use-performance-marks.js ADDED Viewed

@@ -0,0 +1,41 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import { useEffect } from 'react';
+import { useUniqueId } from './use-unique-id';
+import { useEffectOnUpdate } from './use-effect-on-update';
+export function usePerformanceMarks(name, enabled, elementRef, getDetails, dependencies) {
+    const id = useUniqueId();
+    useEffect(() => {
+        if (!enabled || !elementRef.current) {
+            return;
+        }
+        const elementVisible = elementRef.current.offsetWidth > 0 &&
+            elementRef.current.offsetHeight > 0 &&
+            getComputedStyle(elementRef.current).visibility !== 'hidden';
+        if (!elementVisible) {
+            return;
+        }
+        const renderedMarkName = `${name}Rendered`;
+        performance.mark(renderedMarkName, {
+            detail: Object.assign({ source: 'awsui', instanceId: id }, getDetails()),
+        });
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    useEffectOnUpdate(() => {
+        if (!enabled || !elementRef.current) {
+            return;
+        }
+        const elementVisible = elementRef.current.offsetWidth > 0 &&
+            elementRef.current.offsetHeight > 0 &&
+            getComputedStyle(elementRef.current).visibility !== 'hidden';
+        if (!elementVisible) {
+            return;
+        }
+        const updatedMarkName = `${name}Updated`;
+        performance.mark(updatedMarkName, {
+            detail: Object.assign({ source: 'awsui', instanceId: id }, getDetails()),
+        });
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, dependencies);
+}
+//# sourceMappingURL=use-performance-marks.js.map

package/lib/internal/template/internal/hooks/use-performance-marks.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"use-performance-marks.js","sourceRoot":"lib/default/","sources":["internal/hooks/use-performance-marks.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAE3D,MAAM,UAAU,mBAAmB,CACjC,IAAY,EACZ,OAAgB,EAChB,UAAwC,EACxC,UAAuE,EACvE,YAAkC;IAElC,MAAM,EAAE,GAAG,WAAW,EAAE,CAAC;IAEzB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,OAAO,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE;YACnC,OAAO;SACR;QAED,MAAM,cAAc,GAClB,UAAU,CAAC,OAAO,CAAC,WAAW,GAAG,CAAC;YAClC,UAAU,CAAC,OAAO,CAAC,YAAY,GAAG,CAAC;YACnC,gBAAgB,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,UAAU,KAAK,QAAQ,CAAC;QAE/D,IAAI,CAAC,cAAc,EAAE;YACnB,OAAO;SACR;QAED,MAAM,gBAAgB,GAAG,GAAG,IAAI,UAAU,CAAC;QAE3C,WAAW,CAAC,IAAI,CAAC,gBAAgB,EAAE;YACjC,MAAM,kBACJ,MAAM,EAAE,OAAO,EACf,UAAU,EAAE,EAAE,IACX,UAAU,EAAE,CAChB;SACF,CAAC,CAAC;QACH,uDAAuD;IACzD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,iBAAiB,CAAC,GAAG,EAAE;QACrB,IAAI,CAAC,OAAO,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE;YACnC,OAAO;SACR;QACD,MAAM,cAAc,GAClB,UAAU,CAAC,OAAO,CAAC,WAAW,GAAG,CAAC;YAClC,UAAU,CAAC,OAAO,CAAC,YAAY,GAAG,CAAC;YACnC,gBAAgB,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,UAAU,KAAK,QAAQ,CAAC;QAE/D,IAAI,CAAC,cAAc,EAAE;YACnB,OAAO;SACR;QAED,MAAM,eAAe,GAAG,GAAG,IAAI,SAAS,CAAC;QAEzC,WAAW,CAAC,IAAI,CAAC,eAAe,EAAE;YAChC,MAAM,kBACJ,MAAM,EAAE,OAAO,EACf,UAAU,EAAE,EAAE,IACX,UAAU,EAAE,CAChB;SACF,CAAC,CAAC;QACH,uDAAuD;IACzD,CAAC,EAAE,YAAY,CAAC,CAAC;AACnB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { useEffect } from 'react';\nimport { useUniqueId } from './use-unique-id';\nimport { useEffectOnUpdate } from './use-effect-on-update';\n\nexport function usePerformanceMarks(\n name: string,\n enabled: boolean,\n elementRef: React.RefObject<HTMLElement>,\n getDetails: () => Record<string, string | boolean | number | undefined>,\n dependencies: React.DependencyList\n) {\n const id = useUniqueId();\n\n useEffect(() => {\n if (!enabled || !elementRef.current) {\n return;\n }\n\n const elementVisible =\n elementRef.current.offsetWidth > 0 &&\n elementRef.current.offsetHeight > 0 &&\n getComputedStyle(elementRef.current).visibility !== 'hidden';\n\n if (!elementVisible) {\n return;\n }\n\n const renderedMarkName = `${name}Rendered`;\n\n performance.mark(renderedMarkName, {\n detail: {\n source: 'awsui',\n instanceId: id,\n ...getDetails(),\n },\n });\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n useEffectOnUpdate(() => {\n if (!enabled || !elementRef.current) {\n return;\n }\n const elementVisible =\n elementRef.current.offsetWidth > 0 &&\n elementRef.current.offsetHeight > 0 &&\n getComputedStyle(elementRef.current).visibility !== 'hidden';\n\n if (!elementVisible) {\n return;\n }\n\n const updatedMarkName = `${name}Updated`;\n\n performance.mark(updatedMarkName, {\n detail: {\n source: 'awsui',\n instanceId: id,\n ...getDetails(),\n },\n });\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, dependencies);\n}\n"]}

package/lib/internal/template/popover/interfaces.d.ts CHANGED Viewed

@@ -23,7 +23,8 @@ export interface PopoverProps extends BaseComponentProps {
      */
     triggerType?: PopoverProps.TriggerType;
     /**
-     * Adds an aria-label to the text trigger button.
+     * Adds `aria-label` to the text trigger button. Use this to provide an accessible name for triggers
+     * that don't have visible text, and to distinguish between multiple triggers with identical visible text.
      */
     triggerAriaLabel?: string;
     /**

package/lib/internal/template/popover/interfaces.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"interfaces.d.ts","sourceRoot":"lib/default/","sources":["popover/interfaces.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAEhE,MAAM,WAAW,YAAa,SAAQ,kBAAkB;IACtD;;;;OAIG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAC,QAAQ,CAAC;IAEjC;;OAEG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC,IAAI,CAAC;IAEzB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;;OAIG;IACH,WAAW,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC;IAEvC~~;;OAEG~~;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;;;;;;;OAQG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED;;GAEG;AACH,MAAM,MAAM,gBAAgB,GACxB,WAAW,GACX,cAAc,GACd,UAAU,GACV,aAAa,GACb,YAAY,GACZ,WAAW,GACX,UAAU,GACV,eAAe,GACf,cAAc,GACd,aAAa,CAAC;AAElB,MAAM,WAAW,MAAM;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,MAAM,cAAc,GAAG,WAAW,GAAG,MAAM,CAAC;AAElD,yBAAiB,YAAY,CAAC;IAC5B,KAAY,QAAQ,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC3D,KAAY,IAAI,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IAChD,KAAY,WAAW,GAAG,MAAM,GAAG,QAAQ,CAAC;CAC7C"}
1	+ {"version":3,"file":"interfaces.d.ts","sourceRoot":"lib/default/","sources":["popover/interfaces.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAEhE,MAAM,WAAW,YAAa,SAAQ,kBAAkB;IACtD;;;;OAIG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAC,QAAQ,CAAC;IAEjC;;OAEG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC,IAAI,CAAC;IAEzB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;;OAIG;IACH,WAAW,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC;IAEvC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;;;;;;;OAQG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED;;GAEG;AACH,MAAM,MAAM,gBAAgB,GACxB,WAAW,GACX,cAAc,GACd,UAAU,GACV,aAAa,GACb,YAAY,GACZ,WAAW,GACX,UAAU,GACV,eAAe,GACf,cAAc,GACd,aAAa,CAAC;AAElB,MAAM,WAAW,MAAM;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,MAAM,cAAc,GAAG,WAAW,GAAG,MAAM,CAAC;AAElD,yBAAiB,YAAY,CAAC;IAC5B,KAAY,QAAQ,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC3D,KAAY,IAAI,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IAChD,KAAY,WAAW,GAAG,MAAM,GAAG,QAAQ,CAAC;CAC7C"}

package/lib/internal/template/popover/interfaces.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"interfaces.js","sourceRoot":"lib/default/","sources":["popover/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { BaseComponentProps } from '../internal/base-component';\n\nexport interface PopoverProps extends BaseComponentProps {\n /*\n Determines where the popover is displayed when opened, relative to the trigger.\n * If the popover doesn't have enough space to open in this direction, it\n * automatically chooses a better direction based on available space.\n /\n position?: PopoverProps.Position;\n\n /\n Determines the maximum width for the popover.\n /\n size?: PopoverProps.Size;\n\n /\n Expands the popover body to its maximum width regardless of content.\n * For example, use it when you need to place a column layout in the popover content.\n /\n fixedWidth?: boolean;\n\n /\n Specifies the type of content inside the trigger region. The following types are available:\n * - `text` - Use for inline text triggers.\n * - `custom` - Use for the [button](/components/button/) component.\n /\n triggerType?: PopoverProps.TriggerType;\n\n /\n Adds an aria-label to the text trigger button.\n /\n triggerAriaLabel?: string;\n\n /\n Element that triggers the popover when selected by the user.\n * @displayname trigger\n /\n children?: React.ReactNode;\n\n /\n Specifies optional header text for the popover.\n /\n header?: string;\n\n /\n Content of the popover.\n /\n content?: React.ReactNode;\n\n /\n Determines whether the dismiss button is shown in the popover body.\n /\n dismissButton?: boolean;\n\n /\n Adds an `aria-label` to the dismiss button for accessibility.\n * @i18n\n /\n dismissAriaLabel?: string;\n\n /\n By default, the popover is constrained to fit inside its parent\n * [stacking context](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context).\n * Enabling this property will allow the popover to be rendered in the root stack context using\n * [React Portals](https://reactjs.org/docs/portals.html).\n * Enable this setting if you need the popover to ignore its parent stacking context, such as in side navigation.\n \n Note: Using popover rendered with portal within a Modal is not supported.\n /\n renderWithPortal?: boolean;\n}\n\n/\n The position the popover is actually in, given space constraints.\n */\nexport type InternalPosition =\n \| 'right-top'\n \| 'right-bottom'\n \| 'left-top'\n \| 'left-bottom'\n \| 'top-center'\n \| 'top-right'\n \| 'top-left'\n \| 'bottom-center'\n \| 'bottom-right'\n \| 'bottom-left';\n\nexport interface Offset {\n left: number;\n top: number;\n}\n\nexport interface BoundingBox {\n width: number;\n height: number;\n}\n\nexport type BoundingOffset = BoundingBox & Offset;\n\nexport namespace PopoverProps {\n export type Position = 'top' \| 'right' \| 'bottom' \| 'left';\n export type Size = 'small' \| 'medium' \| 'large';\n export type TriggerType = 'text' \| 'custom';\n}\n"]}
1	+ {"version":3,"file":"interfaces.js","sourceRoot":"lib/default/","sources":["popover/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { BaseComponentProps } from '../internal/base-component';\n\nexport interface PopoverProps extends BaseComponentProps {\n /*\n Determines where the popover is displayed when opened, relative to the trigger.\n * If the popover doesn't have enough space to open in this direction, it\n * automatically chooses a better direction based on available space.\n /\n position?: PopoverProps.Position;\n\n /\n Determines the maximum width for the popover.\n /\n size?: PopoverProps.Size;\n\n /\n Expands the popover body to its maximum width regardless of content.\n * For example, use it when you need to place a column layout in the popover content.\n /\n fixedWidth?: boolean;\n\n /\n Specifies the type of content inside the trigger region. The following types are available:\n * - `text` - Use for inline text triggers.\n * - `custom` - Use for the [button](/components/button/) component.\n /\n triggerType?: PopoverProps.TriggerType;\n\n /\n Adds `aria-label` to the text trigger button. Use this to provide an accessible name for triggers\n * that don't have visible text, and to distinguish between multiple triggers with identical visible text.\n /\n triggerAriaLabel?: string;\n\n /\n Element that triggers the popover when selected by the user.\n * @displayname trigger\n /\n children?: React.ReactNode;\n\n /\n Specifies optional header text for the popover.\n /\n header?: string;\n\n /\n Content of the popover.\n /\n content?: React.ReactNode;\n\n /\n Determines whether the dismiss button is shown in the popover body.\n /\n dismissButton?: boolean;\n\n /\n Adds an `aria-label` to the dismiss button for accessibility.\n * @i18n\n /\n dismissAriaLabel?: string;\n\n /\n By default, the popover is constrained to fit inside its parent\n * [stacking context](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context).\n * Enabling this property will allow the popover to be rendered in the root stack context using\n * [React Portals](https://reactjs.org/docs/portals.html).\n * Enable this setting if you need the popover to ignore its parent stacking context, such as in side navigation.\n \n Note: Using popover rendered with portal within a Modal is not supported.\n /\n renderWithPortal?: boolean;\n}\n\n/\n The position the popover is actually in, given space constraints.\n */\nexport type InternalPosition =\n \| 'right-top'\n \| 'right-bottom'\n \| 'left-top'\n \| 'left-bottom'\n \| 'top-center'\n \| 'top-right'\n \| 'top-left'\n \| 'bottom-center'\n \| 'bottom-right'\n \| 'bottom-left';\n\nexport interface Offset {\n left: number;\n top: number;\n}\n\nexport interface BoundingBox {\n width: number;\n height: number;\n}\n\nexport type BoundingOffset = BoundingBox & Offset;\n\nexport namespace PopoverProps {\n export type Position = 'top' \| 'right' \| 'bottom' \| 'left';\n export type Size = 'small' \| 'medium' \| 'large';\n export type TriggerType = 'text' \| 'custom';\n}\n"]}

package/lib/internal/template/select/interfaces.d.ts CHANGED Viewed

@@ -94,6 +94,7 @@ export interface BaseSelectProps extends BaseDropdownHostProps, BaseComponentPro
     ariaRequired?: boolean;
     /**
      * Adds `aria-label` to the select element.
+     * Use this if you don't have a visible label for this control.
      */
     ariaLabel?: string;
     /**

package/lib/internal/template/select/interfaces.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"interfaces.d.ts","sourceRoot":"lib/default/","sources":["select/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,+BAA+B,EAAE,MAAM,wCAAwC,CAAC;AACzF,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,gBAAgB,EAAE,WAAW,IAAI,qBAAqB,EAAE,MAAM,0CAA0C,CAAC;AAClH,OAAO,EAAE,mBAAmB,EAAE,MAAM,mDAAmD,CAAC;AACxF,OAAO,EACL,qBAAqB,EACrB,oBAAoB,EACpB,sBAAsB,EACvB,MAAM,4CAA4C,CAAC;AAEpD,MAAM,WAAW,eACf,SAAQ,qBAAqB,EAC3B,kBAAkB,EAClB,+BAA+B,EAC/B,mBAAmB;IACrB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QA8BI;IACJ,OAAO,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC;IAC9B;;;;;;;;;;;;;;;QAeI;IACJ,aAAa,CAAC,EAAE,oBAAoB,CAAC;IAErC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAE9B;;OAEG;IACH,oBAAoB,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,MAAM,CAAC;IAC5E;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;;OAGG;IACH,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB~~;;OAEG~~;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;;;;;;;;;OAUG;IACH,yBAAyB,CAAC,EAAE,WAAW,CAAC,8BAA8B,CAAC;IACvE;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,MAAM,CAAC,EAAE,yBAAyB,CAAC;IACnC;;OAEG;IACH,OAAO,CAAC,EAAE,yBAAyB,CAAC;CACrC;AAED,MAAM,WAAW,WAAY,SAAQ,eAAe;IAClD;;OAEG;IACH,cAAc,CAAC,EAAE,WAAW,CAAC,cAAc,CAAC;IAC5C;;;OAGG;IACH,cAAc,EAAE,WAAW,CAAC,MAAM,GAAG,IAAI,CAAC;IAC1C;;;OAGG;IACH,QAAQ,CAAC,EAAE,yBAAyB,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;IAE/D;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,yBAAiB,WAAW,CAAC;IAC3B,KAAY,aAAa,GAAG,oBAAoB,CAAC;IACjD,KAAY,cAAc,GAAG,OAAO,GAAG,QAAQ,CAAC;IAEhD,KAAY,MAAM,GAAG,gBAAgB,CAAC;IACtC,KAAY,WAAW,GAAG,qBAAqB,CAAC;IAChD,KAAY,OAAO,GAAG,aAAa,CAAC,MAAM,GAAG,WAAW,CAAC,CAAC;IAE1D,KAAY,eAAe,GAAG,sBAAsB,CAAC;IAErD,UAAiB,YAAY;QAC3B,cAAc,EAAE,MAAM,CAAC;KACxB;IAED,UAAiB,8BAA8B;QAC7C,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC;KAC/C;IAED,UAAiB,GAAG;QAClB;;WAEG;QACH,KAAK,IAAI,IAAI,CAAC;KACf;CACF"}
1	+ {"version":3,"file":"interfaces.d.ts","sourceRoot":"lib/default/","sources":["select/interfaces.ts"],"names":[],"mappings":"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"}