@cloudscape-design/components 3.0.670 → 3.0.672

package/internal/components/checkbox-icon/styles.selectors.js

@@ -2,12 +2,14 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_1fn7j_qlcjn_97",
-  "styled-box": "awsui_styled-box_1fn7j_qlcjn_104",
-  "styled-box-checked": "awsui_styled-box-checked_1fn7j_qlcjn_110",
-  "styled-box-indeterminate": "awsui_styled-box-indeterminate_1fn7j_qlcjn_110",
-  "styled-box-disabled": "awsui_styled-box-disabled_1fn7j_qlcjn_114",
-  "styled-line": "awsui_styled-line_1fn7j_qlcjn_128",
-  "styled-line-disabled": "awsui_styled-line-disabled_1fn7j_qlcjn_133"
+  "root": "awsui_root_1fn7j_1yjhw_97",
+  "styled-box": "awsui_styled-box_1fn7j_1yjhw_104",
+  "styled-box-checked": "awsui_styled-box-checked_1fn7j_1yjhw_110",
+  "styled-box-indeterminate": "awsui_styled-box-indeterminate_1fn7j_1yjhw_110",
+  "styled-box-disabled": "awsui_styled-box-disabled_1fn7j_1yjhw_114",
+  "styled-box-readonly": "awsui_styled-box-readonly_1fn7j_1yjhw_114",
+  "styled-line": "awsui_styled-line_1fn7j_1yjhw_128",
+  "styled-line-disabled": "awsui_styled-line-disabled_1fn7j_1yjhw_133",
+  "styled-line-readonly": "awsui_styled-line-readonly_1fn7j_1yjhw_136"
 };
   

package/internal/environment.js

@@ -1,4 +1,4 @@
 export var PACKAGE_SOURCE = "components";
-export var PACKAGE_VERSION = "3.0.0 (984fcb7e)";
+export var PACKAGE_VERSION = "3.0.0 (63e25093)";
 export var THEME = "open-source-visual-refresh";
 export var ALWAYS_VISUAL_REFRESH = true;

package/internal/environment.json

@@ -1,6 +1,6 @@
 {
   "PACKAGE_SOURCE": "components",
-  "PACKAGE_VERSION": "3.0.0 (984fcb7e)",
+  "PACKAGE_VERSION": "3.0.0 (63e25093)",
   "THEME": "default",
   "ALWAYS_VISUAL_REFRESH": false
 }

package/internal/generated/styles/tokens.d.ts

@@ -350,6 +350,7 @@ export const colorBorderTilesDisabled: string;
 export const colorBorderTutorial: string;
 export const colorForegroundControlDefault: string;
 export const colorForegroundControlDisabled: string;
+export const colorForegroundControlReadOnly: string;
 export const colorShadowDefault: string;
 export const colorShadowMedium: string;
 export const colorShadowSide: string;

package/internal/generated/styles/tokens.js

@@ -350,6 +350,7 @@ export var colorBorderTilesDisabled = "var(--color-border-tiles-disabled-q5e1so,
 export var colorBorderTutorial = "var(--color-border-tutorial-kk53ya, #d1d5db)";
 export var colorForegroundControlDefault = "var(--color-foreground-control-default-wq2gpa, #ffffff)";
 export var colorForegroundControlDisabled = "var(--color-foreground-control-disabled-zmz2k2, #ffffff)";
+export var colorForegroundControlReadOnly = "var(--color-foreground-control-read-only-ibiswj, #5f6b7a)";
 export var colorShadowDefault = "var(--color-shadow-default-8jp634, rgba(0, 7, 22, 0.12))";
 export var colorShadowMedium = "var(--color-shadow-medium-wuskz4, rgba(0, 7, 22, 0.12))";
 export var colorShadowSide = "var(--color-shadow-side-75ahs7, rgba(0, 7, 22, 0.12))";

package/internal/generated/theming/index.cjs

@@ -1285,6 +1285,10 @@ module.exports.preset = {
         "light": "{colorWhite}",
         "dark": "{colorGrey800}"
       },
+      "colorForegroundControlReadOnly": {
+        "light": "{colorGrey550}",
+        "dark": "{colorGrey450}"
+      },
       "colorShadowDefault": {
         "light": "{colorGreyTransparentHeavy}",
         "dark": "{colorGreyTransparentHeavy}"
@@ -3431,6 +3435,10 @@ module.exports.preset = {
             "light": "{colorGrey800}",
             "dark": "{colorGrey800}"
           },
+          "colorForegroundControlReadOnly": {
+            "light": "{colorGrey450}",
+            "dark": "{colorGrey450}"
+          },
           "colorShadowDefault": {
             "light": "{colorGreyTransparentHeavy}",
             "dark": "{colorGreyTransparentHeavy}"
@@ -4497,6 +4505,10 @@ module.exports.preset = {
             "light": "{colorGrey800}",
             "dark": "{colorGrey800}"
           },
+          "colorForegroundControlReadOnly": {
+            "light": "{colorGrey450}",
+            "dark": "{colorGrey450}"
+          },
           "colorShadowDefault": {
             "light": "{colorGreyTransparentHeavy}",
             "dark": "{colorGreyTransparentHeavy}"
@@ -5495,6 +5507,10 @@ module.exports.preset = {
             "light": "{colorWhite}",
             "dark": "{colorGrey800}"
           },
+          "colorForegroundControlReadOnly": {
+            "light": "{colorGrey550}",
+            "dark": "{colorGrey450}"
+          },
           "colorShadowDefault": {
             "light": "{colorGreyTransparentHeavy}",
             "dark": "{colorGreyTransparentHeavy}"
@@ -6493,6 +6509,10 @@ module.exports.preset = {
             "light": "{colorWhite}",
             "dark": "{colorGrey800}"
           },
+          "colorForegroundControlReadOnly": {
+            "light": "{colorGrey550}",
+            "dark": "{colorGrey450}"
+          },
           "colorShadowDefault": {
             "light": "{colorGreyTransparentHeavy}",
             "dark": "{colorGreyTransparentHeavy}"
@@ -7491,6 +7511,10 @@ module.exports.preset = {
             "light": "{colorWhite}",
             "dark": "{colorGrey800}"
           },
+          "colorForegroundControlReadOnly": {
+            "light": "{colorGrey550}",
+            "dark": "{colorGrey450}"
+          },
           "colorShadowDefault": {
             "light": "{colorGreyTransparentHeavy}",
             "dark": "{colorGreyTransparentHeavy}"
@@ -8491,6 +8515,10 @@ module.exports.preset = {
             "light": "{colorGrey800}",
             "dark": "{colorGrey800}"
           },
+          "colorForegroundControlReadOnly": {
+            "light": "{colorGrey450}",
+            "dark": "{colorGrey450}"
+          },
           "colorShadowDefault": {
             "light": "{colorGreyTransparentHeavy}",
             "dark": "{colorGreyTransparentHeavy}"
@@ -9209,6 +9237,7 @@ module.exports.preset = {
       "colorBorderTutorial": "color",
       "colorForegroundControlDefault": "color",
       "colorForegroundControlDisabled": "color",
+      "colorForegroundControlReadOnly": "color",
       "colorShadowDefault": "color",
       "colorShadowMedium": "color",
       "colorShadowSide": "color",
@@ -9610,6 +9639,7 @@ module.exports.preset = {
     "colorBorderStatusWarning",
     "colorForegroundControlDefault",
     "colorForegroundControlDisabled",
+    "colorForegroundControlReadOnly",
     "colorTextAccent",
     "colorTextBodyDefault",
     "colorTextBodySecondary",
@@ -9928,6 +9958,7 @@ module.exports.preset = {
     "colorBorderStatusWarning",
     "colorForegroundControlDefault",
     "colorForegroundControlDisabled",
+    "colorForegroundControlReadOnly",
     "colorTextAccent",
     "colorTextBodyDefault",
     "colorTextBodySecondary",
@@ -10409,6 +10440,7 @@ module.exports.preset = {
     "colorBorderTutorial": "color-border-tutorial",
     "colorForegroundControlDefault": "color-foreground-control-default",
     "colorForegroundControlDisabled": "color-foreground-control-disabled",
+    "colorForegroundControlReadOnly": "color-foreground-control-read-only",
     "colorShadowDefault": "color-shadow-default",
     "colorShadowMedium": "color-shadow-medium",
     "colorShadowSide": "color-shadow-side",
@@ -11118,6 +11150,7 @@ module.exports.preset = {
     "colorBorderTutorial": "--color-border-tutorial-kk53ya",
     "colorForegroundControlDefault": "--color-foreground-control-default-wq2gpa",
     "colorForegroundControlDisabled": "--color-foreground-control-disabled-zmz2k2",
+    "colorForegroundControlReadOnly": "--color-foreground-control-read-only-ibiswj",
     "colorShadowDefault": "--color-shadow-default-8jp634",
     "colorShadowMedium": "--color-shadow-medium-wuskz4",
     "colorShadowSide": "--color-shadow-side-75ahs7",

package/internal/generated/theming/index.cjs.d.ts

@@ -130,6 +130,7 @@ export declare interface TypedOverride {
     colorBorderStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
     colorForegroundControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
     colorForegroundControlDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+    colorForegroundControlReadOnly?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
     colorTextAccent?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
     colorTextBodyDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
     colorTextBodySecondary?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -353,6 +354,7 @@ export declare interface TypedOverride {
         colorBorderStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorForegroundControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorForegroundControlDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorForegroundControlReadOnly?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextAccent?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextBodyDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextBodySecondary?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -576,6 +578,7 @@ export declare interface TypedOverride {
         colorBorderStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorForegroundControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorForegroundControlDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorForegroundControlReadOnly?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextAccent?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextBodyDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextBodySecondary?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -799,6 +802,7 @@ export declare interface TypedOverride {
         colorBorderStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorForegroundControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorForegroundControlDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorForegroundControlReadOnly?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextAccent?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextBodyDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextBodySecondary?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1022,6 +1026,7 @@ export declare interface TypedOverride {
         colorBorderStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorForegroundControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorForegroundControlDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorForegroundControlReadOnly?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextAccent?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextBodyDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextBodySecondary?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1245,6 +1250,7 @@ export declare interface TypedOverride {
         colorBorderStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorForegroundControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorForegroundControlDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorForegroundControlReadOnly?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextAccent?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextBodyDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextBodySecondary?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1468,6 +1474,7 @@ export declare interface TypedOverride {
         colorBorderStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorForegroundControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorForegroundControlDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorForegroundControlReadOnly?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextAccent?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextBodyDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextBodySecondary?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1691,6 +1698,7 @@ export declare interface TypedOverride {
         colorBorderStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorForegroundControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorForegroundControlDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorForegroundControlReadOnly?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextAccent?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextBodyDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextBodySecondary?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;

package/internal/generated/theming/index.d.ts

@@ -130,6 +130,7 @@ export declare interface TypedOverride {
     colorBorderStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
     colorForegroundControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
     colorForegroundControlDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+    colorForegroundControlReadOnly?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
     colorTextAccent?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
     colorTextBodyDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
     colorTextBodySecondary?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -353,6 +354,7 @@ export declare interface TypedOverride {
         colorBorderStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorForegroundControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorForegroundControlDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorForegroundControlReadOnly?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextAccent?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextBodyDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextBodySecondary?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -576,6 +578,7 @@ export declare interface TypedOverride {
         colorBorderStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorForegroundControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorForegroundControlDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorForegroundControlReadOnly?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextAccent?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextBodyDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextBodySecondary?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -799,6 +802,7 @@ export declare interface TypedOverride {
         colorBorderStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorForegroundControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorForegroundControlDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorForegroundControlReadOnly?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextAccent?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextBodyDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextBodySecondary?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1022,6 +1026,7 @@ export declare interface TypedOverride {
         colorBorderStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorForegroundControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorForegroundControlDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorForegroundControlReadOnly?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextAccent?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextBodyDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextBodySecondary?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1245,6 +1250,7 @@ export declare interface TypedOverride {
         colorBorderStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorForegroundControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorForegroundControlDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorForegroundControlReadOnly?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextAccent?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextBodyDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextBodySecondary?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1468,6 +1474,7 @@ export declare interface TypedOverride {
         colorBorderStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorForegroundControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorForegroundControlDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorForegroundControlReadOnly?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextAccent?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextBodyDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextBodySecondary?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1691,6 +1698,7 @@ export declare interface TypedOverride {
         colorBorderStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorForegroundControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorForegroundControlDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorForegroundControlReadOnly?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextAccent?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextBodyDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextBodySecondary?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;

package/internal/generated/theming/index.js

@@ -1285,6 +1285,10 @@ export var preset = {
         "light": "{colorWhite}",
         "dark": "{colorGrey800}"
       },
+      "colorForegroundControlReadOnly": {
+        "light": "{colorGrey550}",
+        "dark": "{colorGrey450}"
+      },
       "colorShadowDefault": {
         "light": "{colorGreyTransparentHeavy}",
         "dark": "{colorGreyTransparentHeavy}"
@@ -3431,6 +3435,10 @@ export var preset = {
             "light": "{colorGrey800}",
             "dark": "{colorGrey800}"
           },
+          "colorForegroundControlReadOnly": {
+            "light": "{colorGrey450}",
+            "dark": "{colorGrey450}"
+          },
           "colorShadowDefault": {
             "light": "{colorGreyTransparentHeavy}",
             "dark": "{colorGreyTransparentHeavy}"
@@ -4497,6 +4505,10 @@ export var preset = {
             "light": "{colorGrey800}",
             "dark": "{colorGrey800}"
           },
+          "colorForegroundControlReadOnly": {
+            "light": "{colorGrey450}",
+            "dark": "{colorGrey450}"
+          },
           "colorShadowDefault": {
             "light": "{colorGreyTransparentHeavy}",
             "dark": "{colorGreyTransparentHeavy}"
@@ -5495,6 +5507,10 @@ export var preset = {
             "light": "{colorWhite}",
             "dark": "{colorGrey800}"
           },
+          "colorForegroundControlReadOnly": {
+            "light": "{colorGrey550}",
+            "dark": "{colorGrey450}"
+          },
           "colorShadowDefault": {
             "light": "{colorGreyTransparentHeavy}",
             "dark": "{colorGreyTransparentHeavy}"
@@ -6493,6 +6509,10 @@ export var preset = {
             "light": "{colorWhite}",
             "dark": "{colorGrey800}"
           },
+          "colorForegroundControlReadOnly": {
+            "light": "{colorGrey550}",
+            "dark": "{colorGrey450}"
+          },
           "colorShadowDefault": {
             "light": "{colorGreyTransparentHeavy}",
             "dark": "{colorGreyTransparentHeavy}"
@@ -7491,6 +7511,10 @@ export var preset = {
             "light": "{colorWhite}",
             "dark": "{colorGrey800}"
           },
+          "colorForegroundControlReadOnly": {
+            "light": "{colorGrey550}",
+            "dark": "{colorGrey450}"
+          },
           "colorShadowDefault": {
             "light": "{colorGreyTransparentHeavy}",
             "dark": "{colorGreyTransparentHeavy}"
@@ -8491,6 +8515,10 @@ export var preset = {
             "light": "{colorGrey800}",
             "dark": "{colorGrey800}"
           },
+          "colorForegroundControlReadOnly": {
+            "light": "{colorGrey450}",
+            "dark": "{colorGrey450}"
+          },
           "colorShadowDefault": {
             "light": "{colorGreyTransparentHeavy}",
             "dark": "{colorGreyTransparentHeavy}"
@@ -9209,6 +9237,7 @@ export var preset = {
       "colorBorderTutorial": "color",
       "colorForegroundControlDefault": "color",
       "colorForegroundControlDisabled": "color",
+      "colorForegroundControlReadOnly": "color",
       "colorShadowDefault": "color",
       "colorShadowMedium": "color",
       "colorShadowSide": "color",
@@ -9610,6 +9639,7 @@ export var preset = {
     "colorBorderStatusWarning",
     "colorForegroundControlDefault",
     "colorForegroundControlDisabled",
+    "colorForegroundControlReadOnly",
     "colorTextAccent",
     "colorTextBodyDefault",
     "colorTextBodySecondary",
@@ -9928,6 +9958,7 @@ export var preset = {
     "colorBorderStatusWarning",
     "colorForegroundControlDefault",
     "colorForegroundControlDisabled",
+    "colorForegroundControlReadOnly",
     "colorTextAccent",
     "colorTextBodyDefault",
     "colorTextBodySecondary",
@@ -10409,6 +10440,7 @@ export var preset = {
     "colorBorderTutorial": "color-border-tutorial",
     "colorForegroundControlDefault": "color-foreground-control-default",
     "colorForegroundControlDisabled": "color-foreground-control-disabled",
+    "colorForegroundControlReadOnly": "color-foreground-control-read-only",
     "colorShadowDefault": "color-shadow-default",
     "colorShadowMedium": "color-shadow-medium",
     "colorShadowSide": "color-shadow-side",
@@ -11118,6 +11150,7 @@ export var preset = {
     "colorBorderTutorial": "--color-border-tutorial-kk53ya",
     "colorForegroundControlDefault": "--color-foreground-control-default-wq2gpa",
     "colorForegroundControlDisabled": "--color-foreground-control-disabled-zmz2k2",
+    "colorForegroundControlReadOnly": "--color-foreground-control-read-only-ibiswj",
     "colorShadowDefault": "--color-shadow-default-8jp634",
     "colorShadowMedium": "--color-shadow-medium-wuskz4",
     "colorShadowSide": "--color-shadow-side-75ahs7",

package/internal/manifest.json

@@ -1,3 +1,3 @@
 {
-  "commit": "984fcb7e31f87dc21201143d01000619c33f476b"
+  "commit": "63e25093ee877717c36a52c8cc7fc2b105a1499a"
 }

package/internal/plugins/api.d.ts

@@ -1,5 +1,7 @@
 import { DrawersApiInternal, DrawersApiPublic } from './controllers/drawers';
 import { ActionsApiInternal, ActionsApiPublic } from './controllers/action-buttons';
+import { BreadcrumbsApiInternal } from './controllers/breadcrumbs';
+import { BreadcrumbGroupProps } from '../../breadcrumb-group/interfaces';
 interface AwsuiApi {
     awsuiPlugins: {
         appLayout: DrawersApiPublic;
@@ -10,6 +12,7 @@ interface AwsuiApi {
         appLayout: DrawersApiInternal;
         alert: ActionsApiInternal;
         flashbar: ActionsApiInternal;
+        breadcrumbs: BreadcrumbsApiInternal<BreadcrumbGroupProps>;
     };
 }
 export declare function loadApi(): AwsuiApi;
@@ -21,6 +24,7 @@ export declare const awsuiPlugins: {
     appLayout: DrawersApiInternal;
     alert: ActionsApiInternal;
     flashbar: ActionsApiInternal;
+    breadcrumbs: BreadcrumbsApiInternal<BreadcrumbGroupProps>;
 };
 export {};
 //# sourceMappingURL=api.d.ts.map

package/internal/plugins/api.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"api.d.ts","sourceRoot":"","sources":["../../../../src/internal/plugins/api.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAqB,MAAM,uBAAuB,CAAC;AAChG,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAA2B,MAAM,8BAA8B,CAAC;AAI7G,UAAU,QAAQ;IAChB,YAAY,EAAE;QACZ,SAAS,EAAE,gBAAgB,CAAC;QAC5B,KAAK,EAAE,gBAAgB,CAAC;QACxB,QAAQ,EAAE,gBAAgB,CAAC;KAC5B,CAAC;IACF,oBAAoB,EAAE;QACpB,SAAS,EAAE,kBAAkB,CAAC;QAC9B,KAAK,EAAE,kBAAkB,CAAC;QAC1B,QAAQ,EAAE,kBAAkB,CAAC;KAC9B,CAAC;CACH;AAwBD,wBAAgB,OAAO,aAQtB;AAED,eAAO,MAAQ,YAAY;eA3CZ,gBAAgB;WACpB,gBAAgB;cACb,gBAAgB;GAyCD,oBAAoB;eAtClC,kBAAkB;WACtB,kBAAkB;cACf,kBAAkB;CAoC+B,CAAC"}
+{"version":3,"file":"api.d.ts","sourceRoot":"","sources":["../../../../src/internal/plugins/api.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAqB,MAAM,uBAAuB,CAAC;AAChG,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAA2B,MAAM,8BAA8B,CAAC;AAC7G,OAAO,EAAE,sBAAsB,EAAyB,MAAM,2BAA2B,CAAC;AAC1F,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAIzE,UAAU,QAAQ;IAChB,YAAY,EAAE;QACZ,SAAS,EAAE,gBAAgB,CAAC;QAC5B,KAAK,EAAE,gBAAgB,CAAC;QACxB,QAAQ,EAAE,gBAAgB,CAAC;KAC5B,CAAC;IACF,oBAAoB,EAAE;QACpB,SAAS,EAAE,kBAAkB,CAAC;QAC9B,KAAK,EAAE,kBAAkB,CAAC;QAC1B,QAAQ,EAAE,kBAAkB,CAAC;QAC7B,WAAW,EAAE,sBAAsB,CAAC,oBAAoB,CAAC,CAAC;KAC3D,CAAC;CACH;AAwBD,wBAAgB,OAAO,aAQtB;AAED,eAAO,MAAQ,YAAY;eA5CZ,gBAAgB;WACpB,gBAAgB;cACb,gBAAgB;GA0CD,oBAAoB;eAvClC,kBAAkB;WACtB,kBAAkB;cACf,kBAAkB;iBACf,uBAAuB,oBAAoB,CAAC;CAoCE,CAAC"}

package/internal/plugins/api.js

@@ -2,6 +2,7 @@
 // SPDX-License-Identifier: Apache-2.0
 import { DrawersController } from './controllers/drawers';
 import { ActionButtonsController } from './controllers/action-buttons';
+import { BreadcrumbsController } from './controllers/breadcrumbs';
 const storageKey = Symbol.for('awsui-plugin-api');
 function findUpApi(currentWindow) {
     try {
@@ -42,6 +43,8 @@ function installApi(api) {
     const flashbarActions = new ActionButtonsController();
     api.awsuiPlugins.flashbar = flashbarActions.installPublic(api.awsuiPlugins.flashbar);
     api.awsuiPluginsInternal.flashbar = flashbarActions.installInternal(api.awsuiPluginsInternal.flashbar);
+    const breadcrumbs = new BreadcrumbsController();
+    api.awsuiPluginsInternal.breadcrumbs = breadcrumbs.installInternal(api.awsuiPluginsInternal.breadcrumbs);
     return api;
 }
 //# sourceMappingURL=api.js.map

package/internal/plugins/api.js.map

@@ -1 +1 @@
-{"version":3,"file":"api.js","sourceRoot":"","sources":["../../../../src/internal/plugins/api.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAwC,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAChG,OAAO,EAAwC,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AAE7G,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC;AAmBlD,SAAS,SAAS,CAAC,aAA4B;IAC7C,IAAI;QACF,IAAI,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,UAAU,CAAC,EAAE;YAC/B,OAAO,aAAa,CAAC,UAAU,CAAC,CAAC;SAClC;QAED,IAAI,CAAC,aAAa,IAAI,aAAa,CAAC,MAAM,KAAK,aAAa,EAAE;YAC5D,4DAA4D;YAC5D,OAAO,SAAS,CAAC;SAClB;QAED,OAAO,SAAS,CAAC,aAAa,CAAC,MAAuB,CAAC,CAAC;KACzD;IAAC,OAAO,EAAE,EAAE;QACX,0CAA0C;QAC1C,OAAO,SAAS,CAAC;KAClB;AACH,CAAC;AAED,MAAM,UAAU,OAAO;IACrB,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;QACjC,OAAO,UAAU,CAAC,EAAE,CAAC,CAAC;KACvB;IACD,MAAM,GAAG,GAAG,MAAkC,CAAC;IAC/C,MAAM,WAAW,GAAG,SAAS,CAAC,GAAG,CAAC,CAAC;IACnC,GAAG,CAAC,UAAU,CAAC,GAAG,UAAU,CAAC,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,EAAE,CAAC,CAAC;IAChD,OAAO,GAAG,CAAC,UAAU,CAAC,CAAC;AACzB,CAAC;AAED,MAAM,CAAC,MAAM,EAAE,YAAY,EAAE,oBAAoB,EAAE,GAAG,OAAO,EAAE,CAAC;AAIhE,SAAS,UAAU,CAAC,GAA0B;;IAC5C,MAAA,GAAG,CAAC,YAAY,oCAAhB,GAAG,CAAC,YAAY,GAAK,EAAE,EAAC;IACxB,MAAA,GAAG,CAAC,oBAAoB,oCAAxB,GAAG,CAAC,oBAAoB,GAAK,EAAE,EAAC;IAEhC,MAAM,gBAAgB,GAAG,IAAI,iBAAiB,EAAE,CAAC;IACjD,GAAG,CAAC,YAAY,CAAC,SAAS,GAAG,gBAAgB,CAAC,aAAa,CAAC,GAAG,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;IACxF,GAAG,CAAC,oBAAoB,CAAC,SAAS,GAAG,gBAAgB,CAAC,eAAe,CAAC,GAAG,CAAC,oBAAoB,CAAC,SAAS,CAAC,CAAC;IAE1G,MAAM,YAAY,GAAG,IAAI,uBAAuB,EAAE,CAAC;IACnD,GAAG,CAAC,YAAY,CAAC,KAAK,GAAG,YAAY,CAAC,aAAa,CAAC,GAAG,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IAC5E,GAAG,CAAC,oBAAoB,CAAC,KAAK,GAAG,YAAY,CAAC,eAAe,CAAC,GAAG,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAAC;IAE9F,MAAM,eAAe,GAAG,IAAI,uBAAuB,EAAE,CAAC;IACtD,GAAG,CAAC,YAAY,CAAC,QAAQ,GAAG,eAAe,CAAC,aAAa,CAAC,GAAG,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;IACrF,GAAG,CAAC,oBAAoB,CAAC,QAAQ,GAAG,eAAe,CAAC,eAAe,CAAC,GAAG,CAAC,oBAAoB,CAAC,QAAQ,CAAC,CAAC;IAEvG,OAAO,GAAe,CAAC;AACzB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { DrawersApiInternal, DrawersApiPublic, DrawersController } from './controllers/drawers';\nimport { ActionsApiInternal, ActionsApiPublic, ActionButtonsController } from './controllers/action-buttons';\n\nconst storageKey = Symbol.for('awsui-plugin-api');\n\ninterface AwsuiApi {\n  awsuiPlugins: {\n    appLayout: DrawersApiPublic;\n    alert: ActionsApiPublic;\n    flashbar: ActionsApiPublic;\n  };\n  awsuiPluginsInternal: {\n    appLayout: DrawersApiInternal;\n    alert: ActionsApiInternal;\n    flashbar: ActionsApiInternal;\n  };\n}\n\ninterface WindowWithApi extends Window {\n  [storageKey]: AwsuiApi;\n}\n\nfunction findUpApi(currentWindow: WindowWithApi): AwsuiApi | undefined {\n  try {\n    if (currentWindow?.[storageKey]) {\n      return currentWindow[storageKey];\n    }\n\n    if (!currentWindow || currentWindow.parent === currentWindow) {\n      // When the window has no more parents, it references itself\n      return undefined;\n    }\n\n    return findUpApi(currentWindow.parent as WindowWithApi);\n  } catch (ex) {\n    // Most likely a cross-origin access error\n    return undefined;\n  }\n}\n\nexport function loadApi() {\n  if (typeof window === 'undefined') {\n    return installApi({});\n  }\n  const win = window as unknown as WindowWithApi;\n  const existingApi = findUpApi(win);\n  win[storageKey] = installApi(existingApi ?? {});\n  return win[storageKey];\n}\n\nexport const { awsuiPlugins, awsuiPluginsInternal } = loadApi();\n\ntype DeepPartial<T> = T extends (...args: any) => any ? T : { [P in keyof T]?: DeepPartial<T[P]> };\n\nfunction installApi(api: DeepPartial<AwsuiApi>): AwsuiApi {\n  api.awsuiPlugins ??= {};\n  api.awsuiPluginsInternal ??= {};\n\n  const appLayoutDrawers = new DrawersController();\n  api.awsuiPlugins.appLayout = appLayoutDrawers.installPublic(api.awsuiPlugins.appLayout);\n  api.awsuiPluginsInternal.appLayout = appLayoutDrawers.installInternal(api.awsuiPluginsInternal.appLayout);\n\n  const alertActions = new ActionButtonsController();\n  api.awsuiPlugins.alert = alertActions.installPublic(api.awsuiPlugins.alert);\n  api.awsuiPluginsInternal.alert = alertActions.installInternal(api.awsuiPluginsInternal.alert);\n\n  const flashbarActions = new ActionButtonsController();\n  api.awsuiPlugins.flashbar = flashbarActions.installPublic(api.awsuiPlugins.flashbar);\n  api.awsuiPluginsInternal.flashbar = flashbarActions.installInternal(api.awsuiPluginsInternal.flashbar);\n\n  return api as AwsuiApi;\n}\n"]}
+{"version":3,"file":"api.js","sourceRoot":"","sources":["../../../../src/internal/plugins/api.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAwC,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAChG,OAAO,EAAwC,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AAC7G,OAAO,EAA0B,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAG1F,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC;AAoBlD,SAAS,SAAS,CAAC,aAA4B;IAC7C,IAAI;QACF,IAAI,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,UAAU,CAAC,EAAE;YAC/B,OAAO,aAAa,CAAC,UAAU,CAAC,CAAC;SAClC;QAED,IAAI,CAAC,aAAa,IAAI,aAAa,CAAC,MAAM,KAAK,aAAa,EAAE;YAC5D,4DAA4D;YAC5D,OAAO,SAAS,CAAC;SAClB;QAED,OAAO,SAAS,CAAC,aAAa,CAAC,MAAuB,CAAC,CAAC;KACzD;IAAC,OAAO,EAAE,EAAE;QACX,0CAA0C;QAC1C,OAAO,SAAS,CAAC;KAClB;AACH,CAAC;AAED,MAAM,UAAU,OAAO;IACrB,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;QACjC,OAAO,UAAU,CAAC,EAAE,CAAC,CAAC;KACvB;IACD,MAAM,GAAG,GAAG,MAAkC,CAAC;IAC/C,MAAM,WAAW,GAAG,SAAS,CAAC,GAAG,CAAC,CAAC;IACnC,GAAG,CAAC,UAAU,CAAC,GAAG,UAAU,CAAC,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,EAAE,CAAC,CAAC;IAChD,OAAO,GAAG,CAAC,UAAU,CAAC,CAAC;AACzB,CAAC;AAED,MAAM,CAAC,MAAM,EAAE,YAAY,EAAE,oBAAoB,EAAE,GAAG,OAAO,EAAE,CAAC;AAIhE,SAAS,UAAU,CAAC,GAA0B;;IAC5C,MAAA,GAAG,CAAC,YAAY,oCAAhB,GAAG,CAAC,YAAY,GAAK,EAAE,EAAC;IACxB,MAAA,GAAG,CAAC,oBAAoB,oCAAxB,GAAG,CAAC,oBAAoB,GAAK,EAAE,EAAC;IAEhC,MAAM,gBAAgB,GAAG,IAAI,iBAAiB,EAAE,CAAC;IACjD,GAAG,CAAC,YAAY,CAAC,SAAS,GAAG,gBAAgB,CAAC,aAAa,CAAC,GAAG,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;IACxF,GAAG,CAAC,oBAAoB,CAAC,SAAS,GAAG,gBAAgB,CAAC,eAAe,CAAC,GAAG,CAAC,oBAAoB,CAAC,SAAS,CAAC,CAAC;IAE1G,MAAM,YAAY,GAAG,IAAI,uBAAuB,EAAE,CAAC;IACnD,GAAG,CAAC,YAAY,CAAC,KAAK,GAAG,YAAY,CAAC,aAAa,CAAC,GAAG,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IAC5E,GAAG,CAAC,oBAAoB,CAAC,KAAK,GAAG,YAAY,CAAC,eAAe,CAAC,GAAG,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAAC;IAE9F,MAAM,eAAe,GAAG,IAAI,uBAAuB,EAAE,CAAC;IACtD,GAAG,CAAC,YAAY,CAAC,QAAQ,GAAG,eAAe,CAAC,aAAa,CAAC,GAAG,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;IACrF,GAAG,CAAC,oBAAoB,CAAC,QAAQ,GAAG,eAAe,CAAC,eAAe,CAAC,GAAG,CAAC,oBAAoB,CAAC,QAAQ,CAAC,CAAC;IAEvG,MAAM,WAAW,GAAG,IAAI,qBAAqB,EAAwB,CAAC;IACtE,GAAG,CAAC,oBAAoB,CAAC,WAAW,GAAG,WAAW,CAAC,eAAe,CAAC,GAAG,CAAC,oBAAoB,CAAC,WAAW,CAAC,CAAC;IAEzG,OAAO,GAAe,CAAC;AACzB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { DrawersApiInternal, DrawersApiPublic, DrawersController } from './controllers/drawers';\nimport { ActionsApiInternal, ActionsApiPublic, ActionButtonsController } from './controllers/action-buttons';\nimport { BreadcrumbsApiInternal, BreadcrumbsController } from './controllers/breadcrumbs';\nimport { BreadcrumbGroupProps } from '../../breadcrumb-group/interfaces';\n\nconst storageKey = Symbol.for('awsui-plugin-api');\n\ninterface AwsuiApi {\n  awsuiPlugins: {\n    appLayout: DrawersApiPublic;\n    alert: ActionsApiPublic;\n    flashbar: ActionsApiPublic;\n  };\n  awsuiPluginsInternal: {\n    appLayout: DrawersApiInternal;\n    alert: ActionsApiInternal;\n    flashbar: ActionsApiInternal;\n    breadcrumbs: BreadcrumbsApiInternal<BreadcrumbGroupProps>;\n  };\n}\n\ninterface WindowWithApi extends Window {\n  [storageKey]: AwsuiApi;\n}\n\nfunction findUpApi(currentWindow: WindowWithApi): AwsuiApi | undefined {\n  try {\n    if (currentWindow?.[storageKey]) {\n      return currentWindow[storageKey];\n    }\n\n    if (!currentWindow || currentWindow.parent === currentWindow) {\n      // When the window has no more parents, it references itself\n      return undefined;\n    }\n\n    return findUpApi(currentWindow.parent as WindowWithApi);\n  } catch (ex) {\n    // Most likely a cross-origin access error\n    return undefined;\n  }\n}\n\nexport function loadApi() {\n  if (typeof window === 'undefined') {\n    return installApi({});\n  }\n  const win = window as unknown as WindowWithApi;\n  const existingApi = findUpApi(win);\n  win[storageKey] = installApi(existingApi ?? {});\n  return win[storageKey];\n}\n\nexport const { awsuiPlugins, awsuiPluginsInternal } = loadApi();\n\ntype DeepPartial<T> = T extends (...args: any) => any ? T : { [P in keyof T]?: DeepPartial<T[P]> };\n\nfunction installApi(api: DeepPartial<AwsuiApi>): AwsuiApi {\n  api.awsuiPlugins ??= {};\n  api.awsuiPluginsInternal ??= {};\n\n  const appLayoutDrawers = new DrawersController();\n  api.awsuiPlugins.appLayout = appLayoutDrawers.installPublic(api.awsuiPlugins.appLayout);\n  api.awsuiPluginsInternal.appLayout = appLayoutDrawers.installInternal(api.awsuiPluginsInternal.appLayout);\n\n  const alertActions = new ActionButtonsController();\n  api.awsuiPlugins.alert = alertActions.installPublic(api.awsuiPlugins.alert);\n  api.awsuiPluginsInternal.alert = alertActions.installInternal(api.awsuiPluginsInternal.alert);\n\n  const flashbarActions = new ActionButtonsController();\n  api.awsuiPlugins.flashbar = flashbarActions.installPublic(api.awsuiPlugins.flashbar);\n  api.awsuiPluginsInternal.flashbar = flashbarActions.installInternal(api.awsuiPluginsInternal.flashbar);\n\n  const breadcrumbs = new BreadcrumbsController<BreadcrumbGroupProps>();\n  api.awsuiPluginsInternal.breadcrumbs = breadcrumbs.installInternal(api.awsuiPluginsInternal.breadcrumbs);\n\n  return api as AwsuiApi;\n}\n"]}

package/internal/plugins/controllers/breadcrumbs.d.ts

@@ -0,0 +1,31 @@
+type ChangeCallback<T> = (props: T | null) => void;
+export interface BreadcrumbsGlobalRegistration<T> {
+    update(props: T): void;
+    cleanup(): void;
+}
+export interface BreadcrumbsApiInternal<T> {
+    registerAppLayout: (changeCallback: ChangeCallback<T>) => (() => void) | void;
+    registerBreadcrumbs: (props: T, onRegistered: () => void) => BreadcrumbsGlobalRegistration<T>;
+    getStateForTesting: () => {
+        appLayoutUpdateCallback: ChangeCallback<T> | null;
+        breadcrumbInstances: Array<{
+            props: T;
+        }>;
+        breadcrumbRegistrations: Array<() => void>;
+    };
+}
+export declare class BreadcrumbsController<T> {
+    #private;
+    registerAppLayout: (changeCallback: ChangeCallback<T>) => (() => void) | undefined;
+    registerBreadcrumbs: (props: T, onRegistered: () => void) => BreadcrumbsGlobalRegistration<T>;
+    getStateForTesting: () => {
+        appLayoutUpdateCallback: ChangeCallback<T> | null;
+        breadcrumbInstances: {
+            props: T;
+        }[];
+        breadcrumbRegistrations: (() => void)[];
+    };
+    installInternal(internalApi?: Partial<BreadcrumbsApiInternal<T>>): BreadcrumbsApiInternal<T>;
+}
+export {};
+//# sourceMappingURL=breadcrumbs.d.ts.map

package/internal/plugins/controllers/breadcrumbs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs.d.ts","sourceRoot":"","sources":["../../../../../src/internal/plugins/controllers/breadcrumbs.ts"],"names":[],"mappings":"AAIA,KAAK,cAAc,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;AAEnD,MAAM,WAAW,6BAA6B,CAAC,CAAC;IAC9C,MAAM,CAAC,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC;IACvB,OAAO,IAAI,IAAI,CAAC;CACjB;AAED,MAAM,WAAW,sBAAsB,CAAC,CAAC;IACvC,iBAAiB,EAAE,CAAC,cAAc,EAAE,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI,CAAC;IAC9E,mBAAmB,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,YAAY,EAAE,MAAM,IAAI,KAAK,6BAA6B,CAAC,CAAC,CAAC,CAAC;IAC9F,kBAAkB,EAAE,MAAM;QACxB,uBAAuB,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;QAClD,mBAAmB,EAAE,KAAK,CAAC;YAAE,KAAK,EAAE,CAAC,CAAA;SAAE,CAAC,CAAC;QACzC,uBAAuB,EAAE,KAAK,CAAC,MAAM,IAAI,CAAC,CAAC;KAC5C,CAAC;CACH;AAED,qBAAa,qBAAqB,CAAC,CAAC;;IAoBlC,iBAAiB,mBAAoB,eAAe,CAAC,CAAC,8BASpD;IAEF,mBAAmB,UAAW,CAAC,gBAAgB,MAAM,IAAI,KAAG,8BAA8B,CAAC,CAAC,CAiB1F;IAEF,kBAAkB;;;mBAhDmB,CAAC;;wCACA,IAAI;MAqDxC;IAEF,eAAe,CAAC,WAAW,GAAE,OAAO,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAM,GAAG,sBAAsB,CAAC,CAAC,CAAC;CAOjG"}

package/internal/plugins/controllers/breadcrumbs.js

@@ -0,0 +1,70 @@
+var _BreadcrumbsController_appLayoutUpdateCallback, _BreadcrumbsController_breadcrumbInstances, _BreadcrumbsController_breadcrumbRegistrations, _BreadcrumbsController_notifyAppLayout, _BreadcrumbsController_notifyBreadcrumbs;
+import { __classPrivateFieldGet, __classPrivateFieldSet } from "tslib";
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import debounce from '../../debounce';
+export class BreadcrumbsController {
+    constructor() {
+        _BreadcrumbsController_appLayoutUpdateCallback.set(this, null);
+        _BreadcrumbsController_breadcrumbInstances.set(this, []);
+        _BreadcrumbsController_breadcrumbRegistrations.set(this, []);
+        _BreadcrumbsController_notifyAppLayout.set(this, debounce(() => {
+            var _a;
+            if (!__classPrivateFieldGet(this, _BreadcrumbsController_appLayoutUpdateCallback, "f")) {
+                return;
+            }
+            const latestBreadcrumb = __classPrivateFieldGet(this, _BreadcrumbsController_breadcrumbInstances, "f")[__classPrivateFieldGet(this, _BreadcrumbsController_breadcrumbInstances, "f").length - 1];
+            __classPrivateFieldGet(this, _BreadcrumbsController_appLayoutUpdateCallback, "f").call(this, (_a = latestBreadcrumb === null || latestBreadcrumb === void 0 ? void 0 : latestBreadcrumb.props) !== null && _a !== void 0 ? _a : null);
+        }, 0));
+        _BreadcrumbsController_notifyBreadcrumbs.set(this, debounce(() => {
+            if (!__classPrivateFieldGet(this, _BreadcrumbsController_appLayoutUpdateCallback, "f")) {
+                return;
+            }
+            __classPrivateFieldGet(this, _BreadcrumbsController_breadcrumbRegistrations, "f").forEach(listener => listener());
+        }, 0));
+        this.registerAppLayout = (changeCallback) => {
+            if (__classPrivateFieldGet(this, _BreadcrumbsController_appLayoutUpdateCallback, "f")) {
+                return;
+            }
+            __classPrivateFieldSet(this, _BreadcrumbsController_appLayoutUpdateCallback, changeCallback, "f");
+            __classPrivateFieldGet(this, _BreadcrumbsController_notifyBreadcrumbs, "f").call(this);
+            return () => {
+                __classPrivateFieldSet(this, _BreadcrumbsController_appLayoutUpdateCallback, null, "f");
+            };
+        };
+        this.registerBreadcrumbs = (props, onRegistered) => {
+            const instance = { props: props };
+            __classPrivateFieldGet(this, _BreadcrumbsController_breadcrumbInstances, "f").push(instance);
+            __classPrivateFieldGet(this, _BreadcrumbsController_breadcrumbRegistrations, "f").push(onRegistered);
+            __classPrivateFieldGet(this, _BreadcrumbsController_notifyBreadcrumbs, "f").call(this);
+            __classPrivateFieldGet(this, _BreadcrumbsController_notifyAppLayout, "f").call(this);
+            return {
+                update: props => {
+                    instance.props = props;
+                    __classPrivateFieldGet(this, _BreadcrumbsController_notifyAppLayout, "f").call(this);
+                },
+                cleanup: () => {
+                    __classPrivateFieldGet(this, _BreadcrumbsController_breadcrumbInstances, "f").splice(__classPrivateFieldGet(this, _BreadcrumbsController_breadcrumbInstances, "f").indexOf(instance), 1);
+                    __classPrivateFieldGet(this, _BreadcrumbsController_breadcrumbRegistrations, "f").splice(__classPrivateFieldGet(this, _BreadcrumbsController_breadcrumbRegistrations, "f").indexOf(onRegistered), 1);
+                    __classPrivateFieldGet(this, _BreadcrumbsController_notifyAppLayout, "f").call(this);
+                },
+            };
+        };
+        this.getStateForTesting = () => {
+            return {
+                appLayoutUpdateCallback: __classPrivateFieldGet(this, _BreadcrumbsController_appLayoutUpdateCallback, "f"),
+                breadcrumbInstances: __classPrivateFieldGet(this, _BreadcrumbsController_breadcrumbInstances, "f"),
+                breadcrumbRegistrations: __classPrivateFieldGet(this, _BreadcrumbsController_breadcrumbRegistrations, "f"),
+            };
+        };
+    }
+    installInternal(internalApi = {}) {
+        var _a, _b, _c;
+        (_a = internalApi.registerBreadcrumbs) !== null && _a !== void 0 ? _a : (internalApi.registerBreadcrumbs = this.registerBreadcrumbs);
+        (_b = internalApi.registerAppLayout) !== null && _b !== void 0 ? _b : (internalApi.registerAppLayout = this.registerAppLayout);
+        (_c = internalApi.getStateForTesting) !== null && _c !== void 0 ? _c : (internalApi.getStateForTesting = this.getStateForTesting);
+        return internalApi;
+    }
+}
+_BreadcrumbsController_appLayoutUpdateCallback = new WeakMap(), _BreadcrumbsController_breadcrumbInstances = new WeakMap(), _BreadcrumbsController_breadcrumbRegistrations = new WeakMap(), _BreadcrumbsController_notifyAppLayout = new WeakMap(), _BreadcrumbsController_notifyBreadcrumbs = new WeakMap();
+//# sourceMappingURL=breadcrumbs.js.map

package/internal/plugins/controllers/breadcrumbs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs.js","sourceRoot":"","sources":["../../../../../src/internal/plugins/controllers/breadcrumbs.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport debounce from '../../debounce';\n\ntype ChangeCallback<T> = (props: T | null) => void;\n\nexport interface BreadcrumbsGlobalRegistration<T> {\n  update(props: T): void;\n  cleanup(): void;\n}\n\nexport interface BreadcrumbsApiInternal<T> {\n  registerAppLayout: (changeCallback: ChangeCallback<T>) => (() => void) | void;\n  registerBreadcrumbs: (props: T, onRegistered: () => void) => BreadcrumbsGlobalRegistration<T>;\n  getStateForTesting: () => {\n    appLayoutUpdateCallback: ChangeCallback<T> | null;\n    breadcrumbInstances: Array<{ props: T }>;\n    breadcrumbRegistrations: Array<() => void>;\n  };\n}\n\nexport class BreadcrumbsController<T> {\n  #appLayoutUpdateCallback: ChangeCallback<T> | null = null;\n  #breadcrumbInstances: Array<{ props: T }> = [];\n  #breadcrumbRegistrations: Array<() => void> = [];\n\n  #notifyAppLayout = debounce(() => {\n    if (!this.#appLayoutUpdateCallback) {\n      return;\n    }\n    const latestBreadcrumb = this.#breadcrumbInstances[this.#breadcrumbInstances.length - 1];\n    this.#appLayoutUpdateCallback(latestBreadcrumb?.props ?? null);\n  }, 0);\n\n  #notifyBreadcrumbs = debounce(() => {\n    if (!this.#appLayoutUpdateCallback) {\n      return;\n    }\n    this.#breadcrumbRegistrations.forEach(listener => listener());\n  }, 0);\n\n  registerAppLayout = (changeCallback: ChangeCallback<T>) => {\n    if (this.#appLayoutUpdateCallback) {\n      return;\n    }\n    this.#appLayoutUpdateCallback = changeCallback;\n    this.#notifyBreadcrumbs();\n    return () => {\n      this.#appLayoutUpdateCallback = null;\n    };\n  };\n\n  registerBreadcrumbs = (props: T, onRegistered: () => void): BreadcrumbsGlobalRegistration<T> => {\n    const instance = { props: props };\n    this.#breadcrumbInstances.push(instance);\n    this.#breadcrumbRegistrations.push(onRegistered);\n    this.#notifyBreadcrumbs();\n    this.#notifyAppLayout();\n    return {\n      update: props => {\n        instance.props = props;\n        this.#notifyAppLayout();\n      },\n      cleanup: () => {\n        this.#breadcrumbInstances.splice(this.#breadcrumbInstances.indexOf(instance), 1);\n        this.#breadcrumbRegistrations.splice(this.#breadcrumbRegistrations.indexOf(onRegistered), 1);\n        this.#notifyAppLayout();\n      },\n    };\n  };\n\n  getStateForTesting = () => {\n    return {\n      appLayoutUpdateCallback: this.#appLayoutUpdateCallback,\n      breadcrumbInstances: this.#breadcrumbInstances,\n      breadcrumbRegistrations: this.#breadcrumbRegistrations,\n    };\n  };\n\n  installInternal(internalApi: Partial<BreadcrumbsApiInternal<T>> = {}): BreadcrumbsApiInternal<T> {\n    internalApi.registerBreadcrumbs ??= this.registerBreadcrumbs;\n    internalApi.registerAppLayout ??= this.registerAppLayout;\n    internalApi.getStateForTesting ??= this.getStateForTesting;\n\n    return internalApi as BreadcrumbsApiInternal<T>;\n  }\n}\n"]}

package/internal/plugins/helpers/use-global-breadcrumbs.d.ts

@@ -0,0 +1,4 @@
+import { BreadcrumbGroupProps } from '../../../breadcrumb-group/interfaces';
+export declare function useSetGlobalBreadcrumbs<T extends BreadcrumbGroupProps.Item>(props: BreadcrumbGroupProps<T>): boolean;
+export declare function useGetGlobalBreadcrumbs(): BreadcrumbGroupProps<any> | null;
+//# sourceMappingURL=use-global-breadcrumbs.d.ts.map

package/internal/plugins/helpers/use-global-breadcrumbs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-global-breadcrumbs.d.ts","sourceRoot":"","sources":["../../../../../src/internal/plugins/helpers/use-global-breadcrumbs.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,oBAAoB,EAAE,MAAM,sCAAsC,CAAC;AAyB5E,wBAAgB,uBAAuB,CAAC,CAAC,SAAS,oBAAoB,CAAC,IAAI,EAAE,KAAK,EAAE,oBAAoB,CAAC,CAAC,CAAC,WAQ1G;AAED,wBAAgB,uBAAuB,qCAUtC"}