@cloudscape-design/components 3.0.382 → 3.0.383

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

@@ -96,6 +96,10 @@ export declare interface TypedOverride {
     colorBackgroundNotificationRed?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
     colorBackgroundNotificationYellow?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
     colorBackgroundPopover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+    colorBackgroundSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+    colorBackgroundSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+    colorBackgroundSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+    colorBackgroundSegmentHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
     colorBackgroundStatusError?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
     colorBackgroundStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
     colorBackgroundStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -113,6 +117,10 @@ export declare interface TypedOverride {
     colorBorderInputDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
     colorBorderItemFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
     colorBorderItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+    colorBorderSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+    colorBorderSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+    colorBorderSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+    colorBorderSegmentHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
     colorBorderStatusError?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
     colorBorderStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
     colorBorderStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -160,6 +168,9 @@ export declare interface TypedOverride {
     colorTextLinkDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
     colorTextLinkHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
     colorTextNotificationDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+    colorTextSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+    colorTextSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+    colorTextSegmentHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
     colorTextStatusError?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
     colorTextStatusInactive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
     colorTextStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -303,6 +314,10 @@ export declare interface TypedOverride {
         colorBackgroundNotificationRed?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundNotificationYellow?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundPopover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSegmentHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundStatusError?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -320,6 +335,10 @@ export declare interface TypedOverride {
         colorBorderInputDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderItemFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBorderSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBorderSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBorderSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBorderSegmentHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderStatusError?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -367,6 +386,9 @@ export declare interface TypedOverride {
         colorTextLinkDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextLinkHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextNotificationDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorTextSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorTextSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorTextSegmentHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextStatusError?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextStatusInactive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -510,6 +532,10 @@ export declare interface TypedOverride {
         colorBackgroundNotificationRed?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundNotificationYellow?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundPopover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSegmentHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundStatusError?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -527,6 +553,10 @@ export declare interface TypedOverride {
         colorBorderInputDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderItemFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBorderSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBorderSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBorderSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBorderSegmentHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderStatusError?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -574,6 +604,9 @@ export declare interface TypedOverride {
         colorTextLinkDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextLinkHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextNotificationDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorTextSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorTextSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorTextSegmentHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextStatusError?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextStatusInactive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -717,6 +750,10 @@ export declare interface TypedOverride {
         colorBackgroundNotificationRed?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundNotificationYellow?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundPopover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSegmentHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundStatusError?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -734,6 +771,10 @@ export declare interface TypedOverride {
         colorBorderInputDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderItemFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBorderSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBorderSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBorderSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBorderSegmentHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderStatusError?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -781,6 +822,9 @@ export declare interface TypedOverride {
         colorTextLinkDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextLinkHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextNotificationDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorTextSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorTextSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorTextSegmentHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextStatusError?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextStatusInactive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -924,6 +968,10 @@ export declare interface TypedOverride {
         colorBackgroundNotificationRed?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundNotificationYellow?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundPopover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSegmentHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundStatusError?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -941,6 +989,10 @@ export declare interface TypedOverride {
         colorBorderInputDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderItemFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBorderSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBorderSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBorderSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBorderSegmentHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderStatusError?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -988,6 +1040,9 @@ export declare interface TypedOverride {
         colorTextLinkDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextLinkHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextNotificationDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorTextSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorTextSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorTextSegmentHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextStatusError?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextStatusInactive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1131,6 +1186,10 @@ export declare interface TypedOverride {
         colorBackgroundNotificationRed?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundNotificationYellow?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundPopover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSegmentHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundStatusError?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1148,6 +1207,10 @@ export declare interface TypedOverride {
         colorBorderInputDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderItemFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBorderSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBorderSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBorderSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBorderSegmentHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderStatusError?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1195,6 +1258,9 @@ export declare interface TypedOverride {
         colorTextLinkDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextLinkHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextNotificationDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorTextSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorTextSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorTextSegmentHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextStatusError?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextStatusInactive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1338,6 +1404,10 @@ export declare interface TypedOverride {
         colorBackgroundNotificationRed?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundNotificationYellow?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundPopover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSegmentHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundStatusError?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1355,6 +1425,10 @@ export declare interface TypedOverride {
         colorBorderInputDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderItemFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBorderSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBorderSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBorderSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBorderSegmentHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderStatusError?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1402,6 +1476,9 @@ export declare interface TypedOverride {
         colorTextLinkDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextLinkHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextNotificationDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorTextSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorTextSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorTextSegmentHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextStatusError?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextStatusInactive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1545,6 +1622,10 @@ export declare interface TypedOverride {
         colorBackgroundNotificationRed?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundNotificationYellow?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundPopover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSegmentHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundStatusError?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1562,6 +1643,10 @@ export declare interface TypedOverride {
         colorBorderInputDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderItemFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBorderSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBorderSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBorderSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBorderSegmentHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderStatusError?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1609,6 +1694,9 @@ export declare interface TypedOverride {
         colorTextLinkDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextLinkHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextNotificationDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorTextSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorTextSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorTextSegmentHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextStatusError?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextStatusInactive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;

package/internal/generated/theming/index.js

@@ -9059,6 +9059,10 @@ export var preset = {
     "colorBackgroundNotificationRed",
     "colorBackgroundNotificationYellow",
     "colorBackgroundPopover",
+    "colorBackgroundSegmentActive",
+    "colorBackgroundSegmentDefault",
+    "colorBackgroundSegmentDisabled",
+    "colorBackgroundSegmentHover",
     "colorBackgroundStatusError",
     "colorBackgroundStatusInfo",
     "colorBackgroundStatusSuccess",
@@ -9076,6 +9080,10 @@ export var preset = {
     "colorBorderInputDefault",
     "colorBorderItemFocused",
     "colorBorderItemSelected",
+    "colorBorderSegmentActive",
+    "colorBorderSegmentDefault",
+    "colorBorderSegmentDisabled",
+    "colorBorderSegmentHover",
     "colorBorderStatusError",
     "colorBorderStatusInfo",
     "colorBorderStatusSuccess",
@@ -9123,6 +9131,9 @@ export var preset = {
     "colorTextLinkDefault",
     "colorTextLinkHover",
     "colorTextNotificationDefault",
+    "colorTextSegmentActive",
+    "colorTextSegmentDefault",
+    "colorTextSegmentHover",
     "colorTextStatusError",
     "colorTextStatusInactive",
     "colorTextStatusInfo",
@@ -9357,6 +9368,10 @@ export var preset = {
     "colorBackgroundNotificationRed",
     "colorBackgroundNotificationYellow",
     "colorBackgroundPopover",
+    "colorBackgroundSegmentActive",
+    "colorBackgroundSegmentDefault",
+    "colorBackgroundSegmentDisabled",
+    "colorBackgroundSegmentHover",
     "colorBackgroundStatusError",
     "colorBackgroundStatusInfo",
     "colorBackgroundStatusSuccess",
@@ -9374,6 +9389,10 @@ export var preset = {
     "colorBorderInputDefault",
     "colorBorderItemFocused",
     "colorBorderItemSelected",
+    "colorBorderSegmentActive",
+    "colorBorderSegmentDefault",
+    "colorBorderSegmentDisabled",
+    "colorBorderSegmentHover",
     "colorBorderStatusError",
     "colorBorderStatusInfo",
     "colorBorderStatusSuccess",
@@ -9418,6 +9437,9 @@ export var preset = {
     "colorTextLinkDefault",
     "colorTextLinkHover",
     "colorTextNotificationDefault",
+    "colorTextSegmentActive",
+    "colorTextSegmentDefault",
+    "colorTextSegmentHover",
     "colorTextStatusError",
     "colorTextStatusInactive",
     "colorTextStatusInfo",

package/internal/manifest.json

@@ -1,3 +1,3 @@
 {
-  "commit": "a7a9038f5960a784fce5c047fc5c8e7919b21acb"
+  "commit": "82b4c9c51567be2a3fbb70df9ed0b006a51409d9"
 }

package/package.json

@@ -109,7 +109,7 @@
     "./internal/base-component/index.js",
     "./internal/base-component/styles.css.js"
   ],
-  "version": "3.0.382",
+  "version": "3.0.383",
   "repository": {
     "type": "git",
     "url": "https://github.com/cloudscape-design/components.git"

package/table/header-cell/index.d.ts

@@ -25,7 +25,8 @@ interface TableHeaderCellProps<ItemType> {
     cellRef: React.RefCallback<HTMLElement>;
     focusedComponent?: null | string;
     tableRole: TableRole;
+    getDescriptionRoot?: () => null | HTMLElement;
 }
-export declare function TableHeaderCell<ItemType>({ className, style, tabIndex, column, activeSortingColumn, sortingDescending, sortingDisabled, wrapLines, focusedComponent, hidden, onClick, colIndex, updateColumn, resizableColumns, onResizeFinish, isEditable, columnId, stickyState, cellRef, tableRole, }: TableHeaderCellProps<ItemType>): JSX.Element;
+export declare function TableHeaderCell<ItemType>({ className, style, tabIndex, column, activeSortingColumn, sortingDescending, sortingDisabled, wrapLines, focusedComponent, hidden, onClick, colIndex, updateColumn, resizableColumns, onResizeFinish, isEditable, columnId, stickyState, cellRef, tableRole, getDescriptionRoot, }: TableHeaderCellProps<ItemType>): JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

package/table/header-cell/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["table/header-cell/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAM3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1C,UAAU,oBAAoB,CAAC,QAAQ;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,UAAU,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAC9C,mBAAmB,CAAC,EAAE,UAAU,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IACzD,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,MAAM,EAAE,UAAU,CAAC,YAAY,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC;IACpD,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,CAAC,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAChE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,WAAW,CAAC;IACtB,WAAW,EAAE,kBAAkB,CAAC;IAChC,OAAO,EAAE,KAAK,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;IACxC,gBAAgB,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACjC,SAAS,EAAE,SAAS,CAAC;CACtB;AAED,wBAAgB,eAAe,CAAC,QAAQ,EAAE,EACxC,SAAS,EACT,KAAK,EACL,QAAQ,EACR,MAAM,EACN,mBAAmB,EACnB,iBAAiB,EACjB,eAAe,EACf,SAAS,EACT,gBAAgB,EAChB,MAAM,EACN,OAAO,EACP,QAAQ,EACR,YAAY,EACZ,gBAAgB,EAChB,cAAc,EACd,UAAU,EACV,QAAQ,EACR,WAAW,EACX,OAAO,EACP,SAAS,GACV,EAAE,oBAAoB,CAAC,QAAQ,CAAC,eA8FhC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["table/header-cell/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAM3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1C,UAAU,oBAAoB,CAAC,QAAQ;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,UAAU,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAC9C,mBAAmB,CAAC,EAAE,UAAU,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IACzD,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,MAAM,EAAE,UAAU,CAAC,YAAY,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC;IACpD,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,CAAC,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAChE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,WAAW,CAAC;IACtB,WAAW,EAAE,kBAAkB,CAAC;IAChC,OAAO,EAAE,KAAK,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;IACxC,gBAAgB,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACjC,SAAS,EAAE,SAAS,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,IAAI,GAAG,WAAW,CAAC;CAC/C;AAED,wBAAgB,eAAe,CAAC,QAAQ,EAAE,EACxC,SAAS,EACT,KAAK,EACL,QAAQ,EACR,MAAM,EACN,mBAAmB,EACnB,iBAAiB,EACjB,eAAe,EACf,SAAS,EACT,gBAAgB,EAChB,MAAM,EACN,OAAO,EACP,QAAQ,EACR,YAAY,EACZ,gBAAgB,EAChB,cAAc,EACd,UAAU,EACV,QAAQ,EACR,WAAW,EACX,OAAO,EACP,SAAS,EACT,kBAAkB,GACnB,EAAE,oBAAoB,CAAC,QAAQ,CAAC,eA6FhC"}

package/table/header-cell/index.js

@@ -10,7 +10,7 @@ import { Resizer } from '../resizer';
 import { useUniqueId } from '../../internal/hooks/use-unique-id';
 import { useInternalI18n } from '../../i18n/context';
 import { TableThElement } from './th-element';
-export function TableHeaderCell({ className, style, tabIndex, column, activeSortingColumn, sortingDescending, sortingDisabled, wrapLines, focusedComponent, hidden, onClick, colIndex, updateColumn, resizableColumns, onResizeFinish, isEditable, columnId, stickyState, cellRef, tableRole, }) {
+export function TableHeaderCell({ className, style, tabIndex, column, activeSortingColumn, sortingDescending, sortingDisabled, wrapLines, focusedComponent, hidden, onClick, colIndex, updateColumn, resizableColumns, onResizeFinish, isEditable, columnId, stickyState, cellRef, tableRole, getDescriptionRoot, }) {
     var _a;
     const i18n = useInternalI18n('table');
     const sortable = !!column.sortingComparator || !!column.sortingField;
@@ -54,7 +54,6 @@ export function TableHeaderCell({ className, style, tabIndex, column, activeSort
                     React.createElement(InternalIcon, { name: "edit" }))) : null),
             sortingStatus && (React.createElement("span", { className: styles['sorting-icon'] },
                 React.createElement(InternalIcon, { name: getSortingIconName(sortingStatus) })))),
-        resizableColumns && (React.createElement(React.Fragment, null,
-            React.createElement(Resizer, { tabIndex: tabIndex, focusId: `resize-control-${String(columnId)}`, showFocusRing: focusedComponent === `resize-control-${String(columnId)}`, onDragMove: newWidth => updateColumn(columnId, newWidth), onFinish: onResizeFinish, ariaLabelledby: headerId, minWidth: typeof column.minWidth === 'string' ? parseInt(column.minWidth) : column.minWidth })))));
+        resizableColumns && (React.createElement(Resizer, { tabIndex: tabIndex, focusId: `resize-control-${String(columnId)}`, showFocusRing: focusedComponent === `resize-control-${String(columnId)}`, onDragMove: newWidth => updateColumn(columnId, newWidth), onFinish: onResizeFinish, ariaLabelledby: headerId, minWidth: typeof column.minWidth === 'string' ? parseInt(column.minWidth) : column.minWidth, getDescriptionRoot: getDescriptionRoot }))));
 }
 //# sourceMappingURL=index.js.map

package/table/header-cell/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["table/header-cell/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport React from 'react';\nimport InternalIcon from '../../icon/internal';\nimport { KeyCode } from '../../internal/keycode';\nimport { TableProps } from '../interfaces';\nimport { getSortingIconName, getSortingStatus, isSorted } from './utils';\nimport styles from './styles.css.js';\nimport { Resizer } from '../resizer';\nimport { useUniqueId } from '../../internal/hooks/use-unique-id';\nimport { useInternalI18n } from '../../i18n/context';\nimport { StickyColumnsModel } from '../sticky-columns';\nimport { TableRole } from '../table-role';\nimport { TableThElement } from './th-element';\n\ninterface TableHeaderCellProps<ItemType> {\n  className?: string;\n  style?: React.CSSProperties;\n  tabIndex: number;\n  column: TableProps.ColumnDefinition<ItemType>;\n  activeSortingColumn?: TableProps.SortingColumn<ItemType>;\n  sortingDescending?: boolean;\n  sortingDisabled?: boolean;\n  wrapLines?: boolean;\n  hidden?: boolean;\n  onClick(detail: TableProps.SortingState<any>): void;\n  onResizeFinish: () => void;\n  colIndex: number;\n  updateColumn: (columnId: PropertyKey, newWidth: number) => void;\n  onFocus?: () => void;\n  onBlur?: () => void;\n  resizableColumns?: boolean;\n  isEditable?: boolean;\n  columnId: PropertyKey;\n  stickyState: StickyColumnsModel;\n  cellRef: React.RefCallback<HTMLElement>;\n  focusedComponent?: null | string;\n  tableRole: TableRole;\n}\n\nexport function TableHeaderCell<ItemType>({\n  className,\n  style,\n  tabIndex,\n  column,\n  activeSortingColumn,\n  sortingDescending,\n  sortingDisabled,\n  wrapLines,\n  focusedComponent,\n  hidden,\n  onClick,\n  colIndex,\n  updateColumn,\n  resizableColumns,\n  onResizeFinish,\n  isEditable,\n  columnId,\n  stickyState,\n  cellRef,\n  tableRole,\n}: TableHeaderCellProps<ItemType>) {\n  const i18n = useInternalI18n('table');\n  const sortable = !!column.sortingComparator || !!column.sortingField;\n  const sorted = !!activeSortingColumn && isSorted(column, activeSortingColumn);\n  const sortingStatus = getSortingStatus(sortable, sorted, !!sortingDescending, !!sortingDisabled);\n  const handleClick = () =>\n    onClick({\n      sortingColumn: column,\n      isDescending: sorted ? !sortingDescending : false,\n    });\n\n  // Elements with role=\"button\" do not have the default behavior of <button>, where pressing\n  // Enter or Space will trigger a click event. Therefore we need to add this ourselves.\n  // The native <button> element cannot be used due to a misaligned implementation in Firefox:\n  // https://bugzilla.mozilla.org/show_bug.cgi?id=843003\n  const handleKeyPress = ({ nativeEvent: e }: React.KeyboardEvent) => {\n    if (e.keyCode === KeyCode.enter || e.keyCode === KeyCode.space) {\n      e.preventDefault();\n      handleClick();\n    }\n  };\n\n  const headerId = useUniqueId('table-header-');\n\n  return (\n    <TableThElement\n      className={className}\n      style={style}\n      cellRef={cellRef}\n      sortingStatus={sortingStatus}\n      sortingDisabled={sortingDisabled}\n      hidden={hidden}\n      colIndex={colIndex}\n      resizableColumns={resizableColumns}\n      columnId={columnId}\n      stickyState={stickyState}\n      tableRole={tableRole}\n    >\n      <div\n        data-focus-id={`sorting-control-${String(columnId)}`}\n        className={clsx(styles['header-cell-content'], {\n          [styles['header-cell-fake-focus']]: focusedComponent === `sorting-control-${String(columnId)}`,\n        })}\n        aria-label={\n          column.ariaLabel\n            ? column.ariaLabel({\n                sorted: sorted,\n                descending: sorted && !!sortingDescending,\n                disabled: !!sortingDisabled,\n              })\n            : undefined\n        }\n        {...(sortingStatus && !sortingDisabled\n          ? {\n              onKeyPress: handleKeyPress,\n              tabIndex: tabIndex,\n              role: 'button',\n              onClick: handleClick,\n            }\n          : {})}\n      >\n        <div className={clsx(styles['header-cell-text'], wrapLines && styles['header-cell-text-wrap'])} id={headerId}>\n          {column.header}\n          {isEditable ? (\n            <span\n              className={styles['edit-icon']}\n              role=\"img\"\n              aria-label={i18n('columnDefinitions.editConfig.editIconAriaLabel', column.editConfig?.editIconAriaLabel)}\n            >\n              <InternalIcon name=\"edit\" />\n            </span>\n          ) : null}\n        </div>\n        {sortingStatus && (\n          <span className={styles['sorting-icon']}>\n            <InternalIcon name={getSortingIconName(sortingStatus)} />\n          </span>\n        )}\n      </div>\n      {resizableColumns && (\n        <>\n          <Resizer\n            tabIndex={tabIndex}\n            focusId={`resize-control-${String(columnId)}`}\n            showFocusRing={focusedComponent === `resize-control-${String(columnId)}`}\n            onDragMove={newWidth => updateColumn(columnId, newWidth)}\n            onFinish={onResizeFinish}\n            ariaLabelledby={headerId}\n            minWidth={typeof column.minWidth === 'string' ? parseInt(column.minWidth) : column.minWidth}\n          />\n        </>\n      )}\n    </TableThElement>\n  );\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["table/header-cell/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport React from 'react';\nimport InternalIcon from '../../icon/internal';\nimport { KeyCode } from '../../internal/keycode';\nimport { TableProps } from '../interfaces';\nimport { getSortingIconName, getSortingStatus, isSorted } from './utils';\nimport styles from './styles.css.js';\nimport { Resizer } from '../resizer';\nimport { useUniqueId } from '../../internal/hooks/use-unique-id';\nimport { useInternalI18n } from '../../i18n/context';\nimport { StickyColumnsModel } from '../sticky-columns';\nimport { TableRole } from '../table-role';\nimport { TableThElement } from './th-element';\n\ninterface TableHeaderCellProps<ItemType> {\n  className?: string;\n  style?: React.CSSProperties;\n  tabIndex: number;\n  column: TableProps.ColumnDefinition<ItemType>;\n  activeSortingColumn?: TableProps.SortingColumn<ItemType>;\n  sortingDescending?: boolean;\n  sortingDisabled?: boolean;\n  wrapLines?: boolean;\n  hidden?: boolean;\n  onClick(detail: TableProps.SortingState<any>): void;\n  onResizeFinish: () => void;\n  colIndex: number;\n  updateColumn: (columnId: PropertyKey, newWidth: number) => void;\n  onFocus?: () => void;\n  onBlur?: () => void;\n  resizableColumns?: boolean;\n  isEditable?: boolean;\n  columnId: PropertyKey;\n  stickyState: StickyColumnsModel;\n  cellRef: React.RefCallback<HTMLElement>;\n  focusedComponent?: null | string;\n  tableRole: TableRole;\n  getDescriptionRoot?: () => null | HTMLElement;\n}\n\nexport function TableHeaderCell<ItemType>({\n  className,\n  style,\n  tabIndex,\n  column,\n  activeSortingColumn,\n  sortingDescending,\n  sortingDisabled,\n  wrapLines,\n  focusedComponent,\n  hidden,\n  onClick,\n  colIndex,\n  updateColumn,\n  resizableColumns,\n  onResizeFinish,\n  isEditable,\n  columnId,\n  stickyState,\n  cellRef,\n  tableRole,\n  getDescriptionRoot,\n}: TableHeaderCellProps<ItemType>) {\n  const i18n = useInternalI18n('table');\n  const sortable = !!column.sortingComparator || !!column.sortingField;\n  const sorted = !!activeSortingColumn && isSorted(column, activeSortingColumn);\n  const sortingStatus = getSortingStatus(sortable, sorted, !!sortingDescending, !!sortingDisabled);\n  const handleClick = () =>\n    onClick({\n      sortingColumn: column,\n      isDescending: sorted ? !sortingDescending : false,\n    });\n\n  // Elements with role=\"button\" do not have the default behavior of <button>, where pressing\n  // Enter or Space will trigger a click event. Therefore we need to add this ourselves.\n  // The native <button> element cannot be used due to a misaligned implementation in Firefox:\n  // https://bugzilla.mozilla.org/show_bug.cgi?id=843003\n  const handleKeyPress = ({ nativeEvent: e }: React.KeyboardEvent) => {\n    if (e.keyCode === KeyCode.enter || e.keyCode === KeyCode.space) {\n      e.preventDefault();\n      handleClick();\n    }\n  };\n\n  const headerId = useUniqueId('table-header-');\n\n  return (\n    <TableThElement\n      className={className}\n      style={style}\n      cellRef={cellRef}\n      sortingStatus={sortingStatus}\n      sortingDisabled={sortingDisabled}\n      hidden={hidden}\n      colIndex={colIndex}\n      resizableColumns={resizableColumns}\n      columnId={columnId}\n      stickyState={stickyState}\n      tableRole={tableRole}\n    >\n      <div\n        data-focus-id={`sorting-control-${String(columnId)}`}\n        className={clsx(styles['header-cell-content'], {\n          [styles['header-cell-fake-focus']]: focusedComponent === `sorting-control-${String(columnId)}`,\n        })}\n        aria-label={\n          column.ariaLabel\n            ? column.ariaLabel({\n                sorted: sorted,\n                descending: sorted && !!sortingDescending,\n                disabled: !!sortingDisabled,\n              })\n            : undefined\n        }\n        {...(sortingStatus && !sortingDisabled\n          ? {\n              onKeyPress: handleKeyPress,\n              tabIndex: tabIndex,\n              role: 'button',\n              onClick: handleClick,\n            }\n          : {})}\n      >\n        <div className={clsx(styles['header-cell-text'], wrapLines && styles['header-cell-text-wrap'])} id={headerId}>\n          {column.header}\n          {isEditable ? (\n            <span\n              className={styles['edit-icon']}\n              role=\"img\"\n              aria-label={i18n('columnDefinitions.editConfig.editIconAriaLabel', column.editConfig?.editIconAriaLabel)}\n            >\n              <InternalIcon name=\"edit\" />\n            </span>\n          ) : null}\n        </div>\n        {sortingStatus && (\n          <span className={styles['sorting-icon']}>\n            <InternalIcon name={getSortingIconName(sortingStatus)} />\n          </span>\n        )}\n      </div>\n      {resizableColumns && (\n        <Resizer\n          tabIndex={tabIndex}\n          focusId={`resize-control-${String(columnId)}`}\n          showFocusRing={focusedComponent === `resize-control-${String(columnId)}`}\n          onDragMove={newWidth => updateColumn(columnId, newWidth)}\n          onFinish={onResizeFinish}\n          ariaLabelledby={headerId}\n          minWidth={typeof column.minWidth === 'string' ? parseInt(column.minWidth) : column.minWidth}\n          getDescriptionRoot={getDescriptionRoot}\n        />\n      )}\n    </TableThElement>\n  );\n}\n"]}

package/table/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"lib/default/","sources":["table/internal.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,mBAAmB,EAAc,MAAM,cAAc,CAAC;AA4C/D,QAAA,MAAM,aAAa,qBAqbK,CAAC;AAEzB,eAAe,aAAa,CAAC"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"lib/default/","sources":["table/internal.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,mBAAmB,EAAc,MAAM,cAAc,CAAC;AA6C/D,QAAA,MAAM,aAAa,qBA+bK,CAAC;AAEzB,eAAe,aAAa,CAAC"}

package/table/internal.js

@@ -37,6 +37,7 @@ import { getTableRoleProps, getTableRowRoleProps, getTableWrapperRoleProps } fro
 import { useCellEditing } from './use-cell-editing';
 import { LinkDefaultVariantContext } from '../internal/context/link-default-variant-context';
 import { CollectionLabelContext } from '../internal/context/collection-label-context';
+import ScreenreaderOnly from '../internal/components/screenreader-only';
 const SELECTION_COLUMN_WIDTH = 54;
 const selectionColumnId = Symbol('selection-column-id');
 const InternalTable = React.forwardRef((_a, ref) => {
@@ -49,6 +50,9 @@ const InternalTable = React.forwardRef((_a, ref) => {
     const wrapperRefObject = useRef(null);
     const [tableWidth, tableMeasureRef] = useContainerQuery(rect => rect.contentBoxWidth);
     const tableRefObject = useRef(null);
+    // Used to render table's ARIA description nodes into.
+    const descriptionRef = useRef(null);
+    const getDescriptionRoot = useCallback(() => descriptionRef.current, []);
     const secondaryWrapperRef = React.useRef(null);
     const theadRef = useRef(null);
     const stickyHeaderRef = React.useRef(null);
@@ -146,6 +150,7 @@ const InternalTable = React.forwardRef((_a, ref) => {
         stickyState,
         selectionColumnId,
         tableRole,
+        getDescriptionRoot,
     };
     const wrapperRef = useMergeRefs(wrapperMeasureRef, wrapperRefObject, stickyState.refs.wrapper);
     const tableRef = useMergeRefs(tableMeasureRef, tableRefObject, stickyState.refs.table);
@@ -225,7 +230,9 @@ const InternalTable = React.forwardRef((_a, ref) => {
                                 })));
                         })))),
                     resizableColumns && React.createElement(ResizeTracker, null)),
-                React.createElement(StickyScrollbar, { ref: scrollbarRef, wrapperRef: wrapperRefObject, tableRef: tableRefObject, onScroll: handleScroll, hasStickyColumns: hasStickyColumns })))));
+                React.createElement(StickyScrollbar, { ref: scrollbarRef, wrapperRef: wrapperRefObject, tableRef: tableRefObject, onScroll: handleScroll, hasStickyColumns: hasStickyColumns }),
+                React.createElement(ScreenreaderOnly, null,
+                    React.createElement("span", { ref: descriptionRef }))))));
 });
 export default InternalTable;
 //# sourceMappingURL=internal.js.map