@redsift/design-system 8.0.7 → 9.0.0-alpha.0

package/index.d.ts

@@ -1,6 +1,6 @@
 export { I18nProvider, useCollator, useDateFormatter, useFilter, useListFormatter, useLocale, useLocalizedStringFormatter, useNumberFormatter } from '@react-aria/i18n';
 export { SSRProvider, useIsSSR } from '@react-aria/ssr';
-import React$1, { Ref, ReactElement, ReactNode, ComponentProps, DependencyList, MutableRefObject, RefObject, ElementType, ChangeEvent } from 'react';
+import React$1, { Ref, ReactElement, ReactNode, ComponentProps, DependencyList, MutableRefObject, ElementType, RefObject, MouseEvent, Dispatch, SetStateAction, ChangeEvent } from 'react';
 import * as styled_components from 'styled-components';
 
 /** Component Type. */
@@ -29,17 +29,43 @@ type ValueOf<T extends Record<any, any>> = T[keyof T];
  * Font.
  */
 declare const FontFamily: {
-    readonly raleway: "raleway";
+    readonly poppins: "poppins";
     readonly 'source-code-pro': "source-code-pro";
-    readonly electrolize: "electrolize";
 };
 type FontFamily = ValueOf<typeof FontFamily>;
 
+declare const Product: {
+    readonly asm: "asm";
+    readonly 'brand-trust': "brand-trust";
+    readonly certificates: "certificates";
+    readonly ondmarc: "ondmarc";
+    readonly radar: "radar";
+    readonly 'rojo-ds': "rojo-ds";
+    readonly 'vendor-secure': "vendor-secure";
+    readonly website: "website";
+};
+type Product = ValueOf<typeof Product>;
+declare const ProductName: {
+    readonly asm: "ASM";
+    readonly 'brand-trust': "Brand Trust";
+    readonly certificates: "Certificates";
+    readonly ondmarc: "OnDMARC";
+    readonly radar: "RADAR";
+    readonly 'rojo-ds': "ROJO DS";
+    readonly 'vendor-secure': "Vendor Secure";
+    readonly website: "Website";
+};
+type ProductName = ValueOf<typeof ProductName>;
+
 /**
  * Color palette.
  */
-declare const ColorPalette: {
-    readonly default: "default";
+declare const CtasColorPalette: {
+    readonly primary: "primary";
+    readonly secondary: "secondary";
+};
+type CtasColorPalette = ValueOf<typeof CtasColorPalette>;
+declare const NotificationsColorPalette: {
     readonly success: "success";
     readonly error: "error";
     readonly warning: "warning";
@@ -47,17 +73,19 @@ declare const ColorPalette: {
     readonly question: "question";
     readonly 'no-data': "no-data";
 };
-type ColorPalette = ValueOf<typeof ColorPalette>;
+type NotificationsColorPalette = ValueOf<typeof NotificationsColorPalette>;
 declare const ProductColorPalette: {
-    readonly website: "website";
+    readonly asm: "asm";
+    readonly 'brand-trust': "brand-trust";
+    readonly certificates: "certificates";
     readonly ondmarc: "ondmarc";
-    readonly oninbox: "oninbox";
-    readonly ondomain: "ondomain";
-    readonly hardenize: "hardenize";
-    readonly tools: "tools";
+    readonly radar: "radar";
+    readonly 'rojo-ds': "rojo-ds";
+    readonly 'vendor-secure': "vendor-secure";
+    readonly website: "website";
 };
 type ProductColorPalette = ValueOf<typeof ProductColorPalette>;
-declare const DataVizColorPalette: {
+declare const PresentationColorPalette: {
     readonly green: "green";
     readonly pink: "pink";
     readonly aqua: "aqua";
@@ -69,7 +97,7 @@ declare const DataVizColorPalette: {
     readonly blue: "blue";
     readonly grey: "grey";
 };
-type DataVizColorPalette = ValueOf<typeof DataVizColorPalette>;
+type PresentationColorPalette = ValueOf<typeof PresentationColorPalette>;
 declare const NeutralColorPalette: {
     readonly black: "black";
     readonly darkgrey: "darkgrey";
@@ -299,7 +327,7 @@ interface InternalSpacingProps {
     /** The padding for the top side of the element. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/padding-top">MDN</a>. */
     paddingTop?: string;
 }
-interface ContainerProps extends Omit<FlexLayoutProps, 'inline'>, Omit<GridLayoutProps, 'inline'>, InternalSpacingProps {
+interface ContainerProps extends Omit<FlexLayoutProps, 'inline'>, Omit<GridLayoutProps, 'inline'>, SpacingProps, SizingProps, PositioningProps, InternalSpacingProps {
     /** Sets whether an element is treated as a block or inline element and the layout used for its children, such as flow layout, grid or flex. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/display">MDN</a>. */
     display?: 'block' | 'inline' | 'inline-block' | 'flex' | 'inline-flex' | 'grid' | 'inline-grid' | 'inherit';
 }
@@ -331,190 +359,164 @@ declare function partitionComponents<T>(components: T[], predicates: Array<(t: T
 
 /**
  * Do not edit directly
- * Generated on Mon, 12 Jun 2023 10:28:00 GMT
- */
-declare const RedsiftColorDefaultPrimary = "#0079e1";
-declare const RedsiftColorDefaultSecondary = "#0063b9";
-declare const RedsiftColorDefaultHover = "#dce8f3";
-declare const RedsiftColorDefaultActive = "#c4dcf1";
-declare const RedsiftColorDefaultActiveHover = "#abcfef";
-declare const RedsiftColorDefaultPrimaryActive = "#004a8a";
-declare const RedsiftColorDefaultPrimaryActiveHover = "#00427c";
-declare const RedsiftColorWebsitePrimary = "#0079e1";
-declare const RedsiftColorWebsiteSecondary = "#0063b9";
-declare const RedsiftColorWebsiteHover = "#dce8f3";
-declare const RedsiftColorWebsiteActive = "#c4dcf1";
-declare const RedsiftColorWebsiteActiveHover = "#abcfef";
-declare const RedsiftColorWebsitePrimaryActive = "#004a8a";
-declare const RedsiftColorWebsitePrimaryActiveHover = "#00427c";
-declare const RedsiftColorOndmarcPrimary = "#02ac61";
-declare const RedsiftColorOndmarcSecondary = "#009252";
-declare const RedsiftColorOndmarcHover = "#dcede6";
-declare const RedsiftColorOndmarcActive = "#c4e6d7";
-declare const RedsiftColorOndmarcActiveHover = "#acdfc8";
-declare const RedsiftColorOndmarcPrimaryActive = "#00512e";
-declare const RedsiftColorOndmarcPrimaryActiveHover = "#004829";
-declare const RedsiftColorOninboxPrimary = "#33b222";
-declare const RedsiftColorOninboxSecondary = "#268519";
-declare const RedsiftColorOninboxHover = "#e1eedf";
-declare const RedsiftColorOninboxActive = "#cee8cb";
-declare const RedsiftColorOninboxActiveHover = "#bae0b5";
-declare const RedsiftColorOninboxPrimaryActive = "#164e0e";
-declare const RedsiftColorOninboxPrimaryActiveHover = "#13460c";
-declare const RedsiftColorOndomainPrimary = "#028062";
-declare const RedsiftColorOndomainSecondary = "#015944";
-declare const RedsiftColorOndomainHover = "#dce9e6";
-declare const RedsiftColorOndomainActive = "#c4ded8";
-declare const RedsiftColorOndomainActiveHover = "#acd1c8";
-declare const RedsiftColorOndomainPrimaryActive = "#003f30";
-declare const RedsiftColorOndomainPrimaryActiveHover = "#00382b";
-declare const RedsiftColorHardenizePrimary = "#0f7ab3";
-declare const RedsiftColorHardenizeSecondary = "#3498db";
-declare const RedsiftColorHardenizeHover = "#dee8ee";
-declare const RedsiftColorHardenizeActive = "#c7dce8";
-declare const RedsiftColorHardenizeActiveHover = "#b0d0e1";
-declare const RedsiftColorHardenizePrimaryActive = "#0a5379";
-declare const RedsiftColorHardenizePrimaryActiveHover = "#094a6c";
-declare const RedsiftColorToolsPrimary = "#37bdfb";
-declare const RedsiftColorToolsSecondary = "#02a2ef";
-declare const RedsiftColorToolsHover = "#e2eff5";
-declare const RedsiftColorToolsActive = "#cfeaf6";
-declare const RedsiftColorToolsActiveHover = "#bce4f6";
-declare const RedsiftColorToolsPrimaryActive = "#237ea8";
-declare const RedsiftColorToolsPrimaryActiveHover = "#1f7197";
-declare const RedsiftColorSuccessPrimary = "#02ac61";
-declare const RedsiftColorSuccessSecondary = "#009252";
-declare const RedsiftColorSuccessHover = "#dcede6";
-declare const RedsiftColorSuccessActive = "#c4e6d7";
-declare const RedsiftColorSuccessActiveHover = "#acdfc8";
-declare const RedsiftColorSuccessPrimaryActive = "#00512e";
-declare const RedsiftColorSuccessPrimaryActiveHover = "#004829";
-declare const RedsiftColorErrorPrimary = "#e11010";
-declare const RedsiftColorErrorSecondary = "#b41010";
-declare const RedsiftColorErrorHover = "#f3dede";
-declare const RedsiftColorErrorActive = "#f1c7c7";
-declare const RedsiftColorErrorActiveHover = "#efb0b0";
-declare const RedsiftColorErrorPrimaryActive = "#770a0a";
-declare const RedsiftColorErrorPrimaryActiveHover = "#6b0909";
-declare const RedsiftColorWarningPrimary = "#fcbb54";
-declare const RedsiftColorWarningSecondary = "#c09300";
-declare const RedsiftColorWarningHover = "#f5efe4";
-declare const RedsiftColorWarningActive = "#f6e9d5";
-declare const RedsiftColorWarningActiveHover = "#f7e3c4";
-declare const RedsiftColorWarningPrimaryActive = "#ae833f";
-declare const RedsiftColorWarningPrimaryActiveHover = "#9c7538";
-declare const RedsiftColorInfoPrimary = "#0079e1";
-declare const RedsiftColorInfoSecondary = "#0063b9";
-declare const RedsiftColorInfoHover = "#dce8f3";
-declare const RedsiftColorInfoActive = "#c4dcf1";
-declare const RedsiftColorInfoActiveHover = "#abcfef";
-declare const RedsiftColorInfoPrimaryActive = "#004a8a";
-declare const RedsiftColorInfoPrimaryActiveHover = "#00427c";
-declare const RedsiftColorQuestionPrimary = "#666666";
-declare const RedsiftColorQuestionSecondary = "#1c1c1c";
-declare const RedsiftColorQuestionHover = "#e6e6e6";
-declare const RedsiftColorQuestionActive = "#d8d8d8";
-declare const RedsiftColorQuestionActiveHover = "#cacaca";
-declare const RedsiftColorQuestionPrimaryActive = "#111111";
-declare const RedsiftColorQuestionPrimaryActiveHover = "#0f0f0f";
-declare const RedsiftColorNoDataPrimary = "#bdbdbd";
-declare const RedsiftColorNoDataSecondary = "#666666";
-declare const RedsiftColorNoDataHover = "#efefef";
-declare const RedsiftColorNoDataActive = "#eaeaea";
-declare const RedsiftColorNoDataActiveHover = "#e4e4e4";
-declare const RedsiftColorNoDataPrimaryActive = "#3d3d3d";
-declare const RedsiftColorNoDataPrimaryActiveHover = "#363636";
+ * Generated on Thu, 21 Sep 2023 13:54:48 GMT
+ */
+declare const RedsiftColorRedsift = "#e11010";
+declare const RedsiftColorProductAsm = "#8361ea";
+declare const RedsiftColorProductBrandTrust = "#7ec2fa";
+declare const RedsiftColorProductCertificates = "#e8712e";
+declare const RedsiftColorProductOndmarc = "#96d36e";
+declare const RedsiftColorProductRadar = "#51b7a4";
+declare const RedsiftColorProductRojoDs = "#e11010";
+declare const RedsiftColorProductVendorSecure = "#f7c948";
+declare const RedsiftColorProductWebsite = "#e11010";
 declare const RedsiftColorNeutralBlack = "#1c1c1c";
-declare const RedsiftColorNeutralDarkgrey = "#666666";
-declare const RedsiftColorNeutralMidgrey = "#bdbdbd";
-declare const RedsiftColorNeutralLightgrey = "#ebebeb";
-declare const RedsiftColorNeutralXlightgrey = "#f5f5f5";
+declare const RedsiftColorNeutralDarkgrey = "#333333";
+declare const RedsiftColorNeutralMidgrey = "#666666";
+declare const RedsiftColorNeutralLightgrey = "#b6b6b6";
+declare const RedsiftColorNeutralXlightgrey = "#f2f2f2";
 declare const RedsiftColorNeutralWhite = "#ffffff";
-declare const RedsiftAppBarColorBackground = "#0079e1";
-declare const RedsiftAppBarColorText = "#FFFFFF";
-declare const RedsiftAppBarColorExpandIconResting = "#FFFFFF";
-declare const RedsiftAppBarColorExpandIconHover = "#FFFFFF";
-declare const RedsiftAppBarColorExpandIconBackgroundHover = "#0063b9";
-declare const RedsiftDataVizColorGreenDarkerer = "#078833";
-declare const RedsiftDataVizColorGreenDarker = "#07AA45";
-declare const RedsiftDataVizColorGreenDark = "#00CE59";
-declare const RedsiftDataVizColorGreenDefault = "#56D58E";
-declare const RedsiftDataVizColorGreenLight = "#A2E7BA";
-declare const RedsiftDataVizColorGreenLighter = "#C2EFD1";
-declare const RedsiftDataVizColorGreenLighterer = "#E1F7E8";
-declare const RedsiftDataVizColorPinkDarkerer = "#B10078";
-declare const RedsiftDataVizColorPinkDarker = "#C5008C";
-declare const RedsiftDataVizColorPinkDark = "#D800A2";
-declare const RedsiftDataVizColorPinkDefault = "#D95CBA";
-declare const RedsiftDataVizColorPinkLight = "#ECA0D6";
-declare const RedsiftDataVizColorPinkLighter = "#F4C0E3";
-declare const RedsiftDataVizColorPinkLighterer = "#FAE0F1";
-declare const RedsiftDataVizColorAquaDarkerer = "#0B9287";
-declare const RedsiftDataVizColorAquaDarker = "#0AB5AB";
-declare const RedsiftDataVizColorAquaDark = "#00D9D2";
-declare const RedsiftDataVizColorAquaDefault = "#63EAE4";
-declare const RedsiftDataVizColorAquaLight = "#9AF8F4";
-declare const RedsiftDataVizColorAquaLighter = "#CAF7F4";
-declare const RedsiftDataVizColorAquaLighterer = "#E5FBFA";
-declare const RedsiftDataVizColorBrownDarkerer = "#701205";
-declare const RedsiftDataVizColorBrownDarker = "#903107";
-declare const RedsiftDataVizColorBrownDark = "#AF5100";
-declare const RedsiftDataVizColorBrownDefault = "#C78348";
-declare const RedsiftDataVizColorBrownLight = "#EDC19C";
-declare const RedsiftDataVizColorBrownLighter = "#F6D9C3";
-declare const RedsiftDataVizColorBrownLighterer = "#FAE6D7";
-declare const RedsiftDataVizColorRedDarkerer = "#B10004";
-declare const RedsiftDataVizColorRedDarker = "#C70003";
-declare const RedsiftDataVizColorRedDark = "#DE0000";
-declare const RedsiftDataVizColorRedDefault = "#E06363";
-declare const RedsiftDataVizColorRedLight = "#F3A39E";
-declare const RedsiftDataVizColorRedLighter = "#F8BBBA";
-declare const RedsiftDataVizColorRedLighterer = "#FDDDDC";
-declare const RedsiftDataVizColorYellowDarkerer = "#8A7F18";
-declare const RedsiftDataVizColorYellowDarker = "#BCAD14";
-declare const RedsiftDataVizColorYellowDark = "#F0DE00";
-declare const RedsiftDataVizColorYellowDefault = "#FFF741";
-declare const RedsiftDataVizColorYellowLight = "#F7EFC3";
-declare const RedsiftDataVizColorYellowLighter = "#FBF5DB";
-declare const RedsiftDataVizColorYellowLighterer = "#FCF9E7";
-declare const RedsiftDataVizColorPurpleDarkerer = "#4702C1";
-declare const RedsiftDataVizColorPurpleDarker = "#7902EB";
-declare const RedsiftDataVizColorPurpleDark = "#9200FF";
-declare const RedsiftDataVizColorPurpleDefault = "#965EDE";
-declare const RedsiftDataVizColorPurpleLight = "#C6A8EF";
-declare const RedsiftDataVizColorPurpleLighter = "#DECAF6";
-declare const RedsiftDataVizColorPurpleLighterer = "#E9DCF9";
-declare const RedsiftDataVizColorOrangeDarkerer = "#B45310";
-declare const RedsiftDataVizColorOrangeDarker = "#D2710B";
-declare const RedsiftDataVizColorOrangeDark = "#ED9200";
-declare const RedsiftDataVizColorOrangeDefault = "#FCBB54";
-declare const RedsiftDataVizColorOrangeLight = "#F8D296";
-declare const RedsiftDataVizColorOrangeLighter = "#FDE4C0";
-declare const RedsiftDataVizColorOrangeLighterer = "#FEEDD5";
-declare const RedsiftDataVizColorBlueDarkerer = "#0082F8";
-declare const RedsiftDataVizColorBlueDarker = "#0099FD";
-declare const RedsiftDataVizColorBlueDark = "#00AEFF";
-declare const RedsiftDataVizColorBlueDefault = "#73C5EB";
-declare const RedsiftDataVizColorBlueLight = "#B1DCF3";
-declare const RedsiftDataVizColorBlueLighter = "#CCE8F7";
-declare const RedsiftDataVizColorBlueLighterer = "#E6F3FB";
-declare const RedsiftDataVizColorGreyDarkerer = "#6E6E6E";
-declare const RedsiftDataVizColorGreyDarker = "#959595";
-declare const RedsiftDataVizColorGreyDark = "#BFBFBF";
-declare const RedsiftDataVizColorGreyDefault = "#D6D6D6";
-declare const RedsiftDataVizColorGreyLight = "#E6E6E6";
-declare const RedsiftDataVizColorGreyLighter = "#EEEEEE";
-declare const RedsiftDataVizColorGreyLighterer = "#F7F7F7";
-declare const RedsiftSideNavigationColorBackground = "#2D2D34";
-declare const RedsiftSideNavigationColorMenuItemTextResting = "#FFFFFFB3";
-declare const RedsiftSideNavigationColorMenuItemTextDisabled = "#76767A";
-declare const RedsiftSideNavigationColorMenuItemTextHover = "#FFFFFF";
-declare const RedsiftSideNavigationColorMenuItemBackgroundHover = "#4C4C64";
-declare const RedsiftSideNavigationColorMenuItemBackgroundSecondary = "#333340";
-declare const RedsiftSideNavigationColorMenuItemBackgroundActive = "#39394C";
-declare const RedsiftSideNavigationColorMenuItemActive = "#02AC61";
-declare const RedsiftSideNavigationColorScrollbarResting = "#4C4C64";
-declare const RedsiftSideNavigationColorScrollbarHover = "#5d5d73";
+declare const RedsiftAppBarColorBackground = "#ffffff";
+declare const RedsiftAppBarColorText = "#1c1c1c";
+declare const RedsiftAppBarColorExpandIconResting = "#333333";
+declare const RedsiftAppBarColorExpandIconHover = "#1c1c1c";
+declare const RedsiftAppBarColorExpandIconBackgroundHover = "#ffffff";
+declare const RedsiftColorCtasPrimaryPrimary = "#4285F4";
+declare const RedsiftColorCtasPrimaryHover = "#D9E7FD";
+declare const RedsiftColorCtasPrimaryActive = "#B3CEFB";
+declare const RedsiftColorCtasPrimaryActiveHover = "#8EB6F8";
+declare const RedsiftColorCtasPrimaryButtonHover = "#356AC3";
+declare const RedsiftColorCtasPrimaryButtonActive = "#285092";
+declare const RedsiftColorCtasPrimaryButtonActiveHover = "#1A3562";
+declare const RedsiftColorCtasSecondaryPrimary = "#51B7A4";
+declare const RedsiftColorCtasSecondaryHover = "#DCF1ED";
+declare const RedsiftColorCtasSecondaryActive = "#B9E2DB";
+declare const RedsiftColorCtasSecondaryActiveHover = "#97D4C8";
+declare const RedsiftColorCtasSecondaryButtonHover = "#419283";
+declare const RedsiftColorCtasSecondaryButtonActive = "#316E62";
+declare const RedsiftColorCtasSecondaryButtonActiveHover = "#204942";
+declare const RedsiftColorNotificationsSuccessPrimary = "#02AC61";
+declare const RedsiftColorNotificationsSuccessHover = "#CCEEDF";
+declare const RedsiftColorNotificationsSuccessActive = "#9ADEC0";
+declare const RedsiftColorNotificationsSuccessActiveHover = "#67CDA0";
+declare const RedsiftColorNotificationsSuccessButtonHover = "#028A4E";
+declare const RedsiftColorNotificationsSuccessButtonActive = "#01673A";
+declare const RedsiftColorNotificationsSuccessButtonActiveHover = "#014527";
+declare const RedsiftColorNotificationsErrorPrimary = "#E11010";
+declare const RedsiftColorNotificationsErrorHover = "#F9CFCF";
+declare const RedsiftColorNotificationsErrorActive = "#F39F9F";
+declare const RedsiftColorNotificationsErrorActiveHover = "#ED7070";
+declare const RedsiftColorNotificationsErrorButtonHover = "#B40D0D";
+declare const RedsiftColorNotificationsErrorButtonActive = "#870A0A";
+declare const RedsiftColorNotificationsErrorButtonActiveHover = "#5A0606";
+declare const RedsiftColorNotificationsWarningPrimary = "#FCBB54";
+declare const RedsiftColorNotificationsWarningHover = "#FEF1DD";
+declare const RedsiftColorNotificationsWarningActive = "#FEE4BB";
+declare const RedsiftColorNotificationsWarningActiveHover = "#FDD698";
+declare const RedsiftColorNotificationsWarningButtonHover = "#CA9643";
+declare const RedsiftColorNotificationsWarningButtonActive = "#977032";
+declare const RedsiftColorNotificationsWarningButtonActiveHover = "#654B22";
+declare const RedsiftColorNotificationsInfoPrimary = "#4285F4";
+declare const RedsiftColorNotificationsInfoHover = "#D9E7FD";
+declare const RedsiftColorNotificationsInfoActive = "#B3CEFB";
+declare const RedsiftColorNotificationsInfoActiveHover = "#8EB6F8";
+declare const RedsiftColorNotificationsInfoButtonHover = "#356AC3";
+declare const RedsiftColorNotificationsInfoButtonActive = "#285092";
+declare const RedsiftColorNotificationsInfoButtonActiveHover = "#1A3562";
+declare const RedsiftColorNotificationsQuestionPrimary = "#666666";
+declare const RedsiftColorNotificationsQuestionHover = "#B2B2B2";
+declare const RedsiftColorNotificationsQuestionActive = "#A3A3A3";
+declare const RedsiftColorNotificationsQuestionActiveHover = "#949494";
+declare const RedsiftColorNotificationsQuestionButtonHover = "#525252";
+declare const RedsiftColorNotificationsQuestionButtonActive = "#474747";
+declare const RedsiftColorNotificationsQuestionButtonActiveHover = "#3D3D3D";
+declare const RedsiftColorNotificationsNoDataPrimary = "#BDBDBD";
+declare const RedsiftColorNotificationsNoDataHover = "#DEDEDE";
+declare const RedsiftColorNotificationsNoDataActive = "#D7D7D7";
+declare const RedsiftColorNotificationsNoDataActiveHover = "#D1D1D1";
+declare const RedsiftColorNotificationsNoDataButtonHover = "#979797";
+declare const RedsiftColorNotificationsNoDataButtonActive = "#848484";
+declare const RedsiftColorNotificationsNoDataButtonActiveHover = "#717171";
+declare const RedsiftColorPresentationGreenDarkerer = "#078833";
+declare const RedsiftColorPresentationGreenDarker = "#07AA45";
+declare const RedsiftColorPresentationGreenDark = "#00CE59";
+declare const RedsiftColorPresentationGreenDefault = "#56D58E";
+declare const RedsiftColorPresentationGreenLight = "#A2E7BA";
+declare const RedsiftColorPresentationGreenLighter = "#C2EFD1";
+declare const RedsiftColorPresentationGreenLighterer = "#E1F7E8";
+declare const RedsiftColorPresentationPinkDarkerer = "#B10078";
+declare const RedsiftColorPresentationPinkDarker = "#C5008C";
+declare const RedsiftColorPresentationPinkDark = "#D800A2";
+declare const RedsiftColorPresentationPinkDefault = "#D95CBA";
+declare const RedsiftColorPresentationPinkLight = "#ECA0D6";
+declare const RedsiftColorPresentationPinkLighter = "#F4C0E3";
+declare const RedsiftColorPresentationPinkLighterer = "#FAE0F1";
+declare const RedsiftColorPresentationAquaDarkerer = "#0B9287";
+declare const RedsiftColorPresentationAquaDarker = "#0AB5AB";
+declare const RedsiftColorPresentationAquaDark = "#00D9D2";
+declare const RedsiftColorPresentationAquaDefault = "#63EAE4";
+declare const RedsiftColorPresentationAquaLight = "#9AF8F4";
+declare const RedsiftColorPresentationAquaLighter = "#CAF7F4";
+declare const RedsiftColorPresentationAquaLighterer = "#E5FBFA";
+declare const RedsiftColorPresentationBrownDarkerer = "#701205";
+declare const RedsiftColorPresentationBrownDarker = "#903107";
+declare const RedsiftColorPresentationBrownDark = "#AF5100";
+declare const RedsiftColorPresentationBrownDefault = "#C78348";
+declare const RedsiftColorPresentationBrownLight = "#EDC19C";
+declare const RedsiftColorPresentationBrownLighter = "#F6D9C3";
+declare const RedsiftColorPresentationBrownLighterer = "#FAE6D7";
+declare const RedsiftColorPresentationRedDarkerer = "#B10004";
+declare const RedsiftColorPresentationRedDarker = "#C70003";
+declare const RedsiftColorPresentationRedDark = "#DE0000";
+declare const RedsiftColorPresentationRedDefault = "#E06363";
+declare const RedsiftColorPresentationRedLight = "#F3A39E";
+declare const RedsiftColorPresentationRedLighter = "#F8BBBA";
+declare const RedsiftColorPresentationRedLighterer = "#FDDDDC";
+declare const RedsiftColorPresentationYellowDarkerer = "#8A7F18";
+declare const RedsiftColorPresentationYellowDarker = "#BCAD14";
+declare const RedsiftColorPresentationYellowDark = "#F0DE00";
+declare const RedsiftColorPresentationYellowDefault = "#FFF741";
+declare const RedsiftColorPresentationYellowLight = "#F7EFC3";
+declare const RedsiftColorPresentationYellowLighter = "#FBF5DB";
+declare const RedsiftColorPresentationYellowLighterer = "#FCF9E7";
+declare const RedsiftColorPresentationPurpleDarkerer = "#4702C1";
+declare const RedsiftColorPresentationPurpleDarker = "#7902EB";
+declare const RedsiftColorPresentationPurpleDark = "#9200FF";
+declare const RedsiftColorPresentationPurpleDefault = "#965EDE";
+declare const RedsiftColorPresentationPurpleLight = "#C6A8EF";
+declare const RedsiftColorPresentationPurpleLighter = "#DECAF6";
+declare const RedsiftColorPresentationPurpleLighterer = "#E9DCF9";
+declare const RedsiftColorPresentationOrangeDarkerer = "#B45310";
+declare const RedsiftColorPresentationOrangeDarker = "#D2710B";
+declare const RedsiftColorPresentationOrangeDark = "#ED9200";
+declare const RedsiftColorPresentationOrangeDefault = "#FCBB54";
+declare const RedsiftColorPresentationOrangeLight = "#F8D296";
+declare const RedsiftColorPresentationOrangeLighter = "#FDE4C0";
+declare const RedsiftColorPresentationOrangeLighterer = "#FEEDD5";
+declare const RedsiftColorPresentationBlueDarkerer = "#0082F8";
+declare const RedsiftColorPresentationBlueDarker = "#0099FD";
+declare const RedsiftColorPresentationBlueDark = "#00AEFF";
+declare const RedsiftColorPresentationBlueDefault = "#73C5EB";
+declare const RedsiftColorPresentationBlueLight = "#B1DCF3";
+declare const RedsiftColorPresentationBlueLighter = "#CCE8F7";
+declare const RedsiftColorPresentationBlueLighterer = "#E6F3FB";
+declare const RedsiftColorPresentationGreyDarkerer = "#6E6E6E";
+declare const RedsiftColorPresentationGreyDarker = "#959595";
+declare const RedsiftColorPresentationGreyDark = "#BFBFBF";
+declare const RedsiftColorPresentationGreyDefault = "#D6D6D6";
+declare const RedsiftColorPresentationGreyLight = "#E6E6E6";
+declare const RedsiftColorPresentationGreyLighter = "#EEEEEE";
+declare const RedsiftColorPresentationGreyLighterer = "#F7F7F7";
+declare const RedsiftSideNavigationColorBackground = "#f2f2f2";
+declare const RedsiftSideNavigationColorMenuItemTextResting = "#333333";
+declare const RedsiftSideNavigationColorMenuItemTextDisabled = "#666666";
+declare const RedsiftSideNavigationColorMenuItemTextHover = "#1c1c1c";
+declare const RedsiftSideNavigationColorMenuItemBackgroundHover = "#E6E6E6";
+declare const RedsiftSideNavigationColorMenuItemBackgroundSecondary = "transparent";
+declare const RedsiftSideNavigationColorMenuItemBackgroundActive = "#b6b6b6";
+declare const RedsiftSideNavigationColorMenuItemActive = "#1c1c1c";
+declare const RedsiftSideNavigationColorScrollbarResting = "#b6b6b6";
+declare const RedsiftSideNavigationColorScrollbarHover = "#666666";
 declare const RedsiftLayoutZIndexFooter = "1000";
 declare const RedsiftLayoutZIndexHeader = "1010";
 declare const RedsiftLayoutZIndexSidePanel = "1050";
@@ -523,98 +525,94 @@ declare const RedsiftLayoutZIndexOverlay = "1150";
 declare const RedsiftLayoutZIndexDialog = "1200";
 declare const RedsiftLayoutZIndexPopover = "1250";
 declare const RedsiftLayoutZIndexTooltip = "1300";
-declare const RedsiftTypographyFontFamilyRaleway = "'Raleway', sans-serif";
-declare const RedsiftTypographyFontFamilyElectrolize = "'electrolize', sans-serif";
+declare const RedsiftTypographyFontFamilyPoppins = "'Poppins', sans-serif";
 declare const RedsiftTypographyFontFamilySourceCodePro = "'Source Code Pro', sans-serif";
+declare const RedsiftTypographyFontWeightThin = "100";
+declare const RedsiftTypographyFontWeightExtraLight = "200";
+declare const RedsiftTypographyFontWeightLight = "300";
 declare const RedsiftTypographyFontWeightRegular = "400";
 declare const RedsiftTypographyFontWeightMedium = "500";
 declare const RedsiftTypographyFontWeightSemiBold = "600";
 declare const RedsiftTypographyFontWeightBold = "700";
-declare const RedsiftTypographyH1FontFamily = "'electrolize', sans-serif";
+declare const RedsiftTypographyFontWeightExtraBold = "800";
+declare const RedsiftTypographyFontWeightBlack = "900";
+declare const RedsiftTypographyH1FontFamily = "'Poppins', sans-serif";
 declare const RedsiftTypographyH1FontSize = "24px";
-declare const RedsiftTypographyH1FontWeight = "400";
-declare const RedsiftTypographyH1LineHeight = "28px";
-declare const RedsiftTypographyH1TextTransform = "uppercase";
-declare const RedsiftTypographyH2FontFamily = "'Raleway', sans-serif";
-declare const RedsiftTypographyH2FontSize = "24px";
+declare const RedsiftTypographyH1FontWeight = "600";
+declare const RedsiftTypographyH1LineHeight = "36px";
+declare const RedsiftTypographyH1TextTransform = "unset";
+declare const RedsiftTypographyH2FontFamily = "'Poppins', sans-serif";
+declare const RedsiftTypographyH2FontSize = "22px";
 declare const RedsiftTypographyH2FontWeight = "600";
-declare const RedsiftTypographyH2LineHeight = "28px";
+declare const RedsiftTypographyH2LineHeight = "30px";
 declare const RedsiftTypographyH2TextTransform = "unset";
-declare const RedsiftTypographyH3FontFamily = "'Raleway', sans-serif";
+declare const RedsiftTypographyH3FontFamily = "'Poppins', sans-serif";
 declare const RedsiftTypographyH3FontSize = "20px";
-declare const RedsiftTypographyH3FontWeight = "500";
-declare const RedsiftTypographyH3LineHeight = "24px";
+declare const RedsiftTypographyH3FontWeight = "600";
+declare const RedsiftTypographyH3LineHeight = "30px";
 declare const RedsiftTypographyH3TextTransform = "unset";
-declare const RedsiftTypographyH4FontFamily = "'Raleway', sans-serif";
-declare const RedsiftTypographyH4FontSize = "18px";
-declare const RedsiftTypographyH4FontWeight = "500";
-declare const RedsiftTypographyH4LineHeight = "22px";
+declare const RedsiftTypographyH4FontFamily = "'Poppins', sans-serif";
+declare const RedsiftTypographyH4FontSize = "16px";
+declare const RedsiftTypographyH4FontWeight = "600";
+declare const RedsiftTypographyH4LineHeight = "24px";
 declare const RedsiftTypographyH4TextTransform = "unset";
-declare const RedsiftTypographyH5FontFamily = "'Raleway', sans-serif";
-declare const RedsiftTypographyH5FontSize = "16px";
+declare const RedsiftTypographyH5FontFamily = "'Poppins', sans-serif";
+declare const RedsiftTypographyH5FontSize = "12px";
 declare const RedsiftTypographyH5FontWeight = "600";
-declare const RedsiftTypographyH5LineHeight = "20px";
+declare const RedsiftTypographyH5LineHeight = "18px";
 declare const RedsiftTypographyH5TextTransform = "unset";
-declare const RedsiftTypographySubtitleFontFamily = "'Raleway', sans-serif";
-declare const RedsiftTypographySubtitleFontSize = "15px";
-declare const RedsiftTypographySubtitleFontWeight = "700";
-declare const RedsiftTypographySubtitleLineHeight = "26px";
-declare const RedsiftTypographySubtitleTextTransform = "unset";
-declare const RedsiftTypographyBodyFontFamily = "'Raleway', sans-serif";
+declare const RedsiftTypographyBodyFontFamily = "'Poppins', sans-serif";
 declare const RedsiftTypographyBodyFontSize = "15px";
 declare const RedsiftTypographyBodyFontWeight = "400";
-declare const RedsiftTypographyBodyLineHeight = "26px";
+declare const RedsiftTypographyBodyLineHeight = "24px";
 declare const RedsiftTypographyBodyTextTransform = "unset";
-declare const RedsiftTypographyBody2FontFamily = "'Raleway', sans-serif";
-declare const RedsiftTypographyBody2FontSize = "14px";
-declare const RedsiftTypographyBody2FontWeight = "400";
-declare const RedsiftTypographyBody2LineHeight = "20px";
-declare const RedsiftTypographyLinkFontFamily = "'Raleway', sans-serif";
+declare const RedsiftTypographyLinkFontFamily = "'Poppins', sans-serif";
 declare const RedsiftTypographyLinkFontSize = "15px";
 declare const RedsiftTypographyLinkFontWeight = "400";
 declare const RedsiftTypographyLinkLineHeight = "26px";
-declare const RedsiftTypographyInputTextFontFamily = "'Source Code Pro', sans-serif";
+declare const RedsiftTypographyInputTextFontFamily = "'Poppins', sans-serif";
 declare const RedsiftTypographyInputTextFontSize = "15px";
 declare const RedsiftTypographyInputTextFontWeight = "400";
-declare const RedsiftTypographyInputTextLineHeight = "26px";
-declare const RedsiftTypographyButtonFontFamily = "'Raleway', sans-serif";
-declare const RedsiftTypographyButtonFontSize = "15px";
+declare const RedsiftTypographyInputTextLineHeight = "24px";
+declare const RedsiftTypographyButtonFontFamily = "'Poppins', sans-serif";
+declare const RedsiftTypographyButtonFontSize = "16px";
 declare const RedsiftTypographyButtonFontWeight = "500";
-declare const RedsiftTypographyButtonLineHeight = "26px";
+declare const RedsiftTypographyButtonLineHeight = "24px";
 declare const RedsiftTypographyButtonTextTransform = "uppercase";
-declare const RedsiftTypographyCaptionFontFamily = "'Raleway', sans-serif";
-declare const RedsiftTypographyCaptionFontSize = "13px";
+declare const RedsiftTypographyCaptionFontFamily = "'Poppins', sans-serif";
+declare const RedsiftTypographyCaptionFontSize = "12px";
 declare const RedsiftTypographyCaptionFontWeight = "400";
-declare const RedsiftTypographyCaptionLineHeight = "23px";
+declare const RedsiftTypographyCaptionLineHeight = "18px";
 declare const RedsiftTypographyCaptionTextTransform = "unset";
-declare const RedsiftTypographyHelperFontFamily = "'Raleway', sans-serif";
-declare const RedsiftTypographyHelperFontSize = "12px";
+declare const RedsiftTypographyHelperFontFamily = "'Poppins', sans-serif";
+declare const RedsiftTypographyHelperFontSize = "16px";
 declare const RedsiftTypographyHelperFontWeight = "400";
-declare const RedsiftTypographyHelperLineHeight = "16px";
-declare const RedsiftTypographyBadgeFontFamily = "'Source Code Pro', sans-serif";
+declare const RedsiftTypographyHelperLineHeight = "24px";
+declare const RedsiftTypographyHelperTextTransform = "unset";
+declare const RedsiftTypographyBadgeFontFamily = "'Poppins', sans-serif";
 declare const RedsiftTypographyBadgeFontSize = "12px";
-declare const RedsiftTypographyBadgeFontWeight = "500";
-declare const RedsiftTypographyBadgeLineHeight = "20px";
-declare const RedsiftTypographyPillFontFamily = "'Source Code Pro', sans-serif";
-declare const RedsiftTypographyPillFontSize = "15px";
-declare const RedsiftTypographyPillFontWeight = "500";
-declare const RedsiftTypographyPillLineHeight = "28px";
-declare const RedsiftTypographyChipFontFamily = "'Source Code Pro', sans-serif";
-declare const RedsiftTypographyChipFontSize = "13px";
+declare const RedsiftTypographyBadgeFontWeight = "400";
+declare const RedsiftTypographyBadgeLineHeight = "12px";
+declare const RedsiftTypographyPillFontFamily = "'Poppins', sans-serif";
+declare const RedsiftTypographyPillFontSize = "10px";
+declare const RedsiftTypographyPillFontWeight = "400";
+declare const RedsiftTypographyPillLineHeight = "normal";
+declare const RedsiftTypographyChipFontFamily = "'Poppins', sans-serif";
+declare const RedsiftTypographyChipFontSize = "12px";
 declare const RedsiftTypographyChipFontWeight = "400";
 declare const RedsiftTypographyChipLineHeight = "18px";
-declare const RedsiftTypographyTooltipFontFamily = "'Raleway', sans-serif";
-declare const RedsiftTypographyTooltipFontSize = "13px";
-declare const RedsiftTypographyTooltipFontWeight = "500";
-declare const RedsiftTypographyTooltipLineHeight = "23px";
-declare const RedsiftTypographyDatagridHeaderFontFamily = "'Raleway', sans-serif";
-declare const RedsiftTypographyDatagridHeaderFontSize = "15px";
-declare const RedsiftTypographyDatagridHeaderFontWeight = "700";
-declare const RedsiftTypographyDatagridHeaderLineHeight = "18px";
-declare const RedsiftTypographyDatagridCellFontFamily = "'Source Code Pro', sans-serif";
-declare const RedsiftTypographyDatagridCellFontSize = "15px";
+declare const RedsiftTypographyTooltipFontFamily = "'Poppins', sans-serif";
+declare const RedsiftTypographyTooltipFontSize = "12px";
+declare const RedsiftTypographyTooltipFontWeight = "400";
+declare const RedsiftTypographyTooltipLineHeight = "18px";
+declare const RedsiftTypographyDatagridHeaderFontFamily = "'Poppins', sans-serif";
+declare const RedsiftTypographyDatagridHeaderFontSize = "14px";
+declare const RedsiftTypographyDatagridHeaderFontWeight = "600";
+declare const RedsiftTypographyDatagridHeaderLineHeight = "21px";
+declare const RedsiftTypographyDatagridCellFontFamily = "'Poppins', sans-serif";
+declare const RedsiftTypographyDatagridCellFontSize = "16px";
 declare const RedsiftTypographyDatagridCellFontWeight = "400";
-declare const RedsiftTypographyDatagridCellLineHeight = "18px";
+declare const RedsiftTypographyDatagridCellLineHeight = "24px";
 
 /**
  * Display a warning if no label was found for screen readers and assistive technologies.
@@ -673,6 +671,60 @@ type StyledAlertProps = Omit<AlertProps, 'variant'> & {
  */
 declare const Alert: Comp<AlertProps, HTMLDivElement>;
 
+/**
+ * Component size.
+ */
+declare const IconSize: {
+    readonly xsmall: "xsmall";
+    readonly small: "small";
+    readonly medium: "medium";
+    readonly large: "large";
+    readonly xlarge: "xlarge";
+    readonly xxlarge: "xxlarge";
+};
+type IconSize = ValueOf<typeof IconSize>;
+type IconDimensions = {
+    width: number;
+    height: number;
+    fontSize?: number;
+    lineHeight?: number;
+};
+/**
+ * Component props.
+ */
+interface IconProps extends ComponentProps<'span'>, LayoutProps, SpacingProps, PositioningProps {
+    /** Indicates whether the element is exposed to an accessibility API. */
+    'aria-hidden'?: boolean | 'false' | 'true';
+    /** A screen reader only label for the Icon. */
+    'aria-label'?: string;
+    /** Color variant. Either from color palette or hex or rgb strings. */
+    color?: NotificationsColorPalette | ProductColorPalette | (string & {});
+    /** Whether the icon has a badge attached to it. */
+    badge?: ReactElement;
+    /**
+     * Can be a string or an array of strings containing `d` property of the `path` SVG element.<br />
+     * Can also be a ReactElement.
+     */
+    icon: string | string[] | ReactElement;
+    /** Icon size. */
+    size?: IconSize | IconDimensions;
+    /** Additional properties to forward to the SVG tag. */
+    svgProps?: ComponentProps<'svg'>;
+}
+type StyledIconProps = Omit<IconProps, 'color' | 'size' | 'icon' | 'svgProps'> & {
+    $color: IconProps['color'];
+    $width: IconDimensions['width'];
+    $height: IconDimensions['height'];
+    $fontSize: IconDimensions['fontSize'];
+    $lineHeight: IconDimensions['lineHeight'];
+};
+
+declare const sizeToDimension: (size: IconSize | IconDimensions) => IconDimensions;
+/**
+ * The Icon component.
+ */
+declare const Icon: Comp<IconProps, HTMLSpanElement>;
+
 /**
  * Component variant.
  */
@@ -685,7 +737,7 @@ type IconButtonVariant = ValueOf<typeof IconButtonVariant>;
 /**
  * Component color.
  */
-type IconButtonColor = ColorPalette | ProductColorPalette;
+type IconButtonColor = CtasColorPalette | NotificationsColorPalette;
 /**
  * Component props.
  */
@@ -693,12 +745,12 @@ interface IconButtonProps extends ComponentProps<'button'>, StylingProps {
     /** Color variant. */
     color?: IconButtonColor;
     /**
-     * Icon path data (`d` property of the `path` SVG element).<br />
-     * See <a href="https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths">https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths</a>.<br />
-     * Recommended path data come from mdi/js.<br />
-     * See <a href="https://www.npmjs.com/package/@mdi/js">https://www.npmjs.com/package/@mdi/js</a>.
+     * Can be a string or an array of strings containing `d` property of the `path` SVG element.<br />
+     * Can also be a ReactElement.
      */
-    icon: string;
+    icon: IconProps['icon'];
+    /** Props to forward to the icon. */
+    iconProps?: Omit<IconProps, 'ref' | 'icon'>;
     /** Whether the component is active or not. */
     isActive?: boolean;
     /** Whether the component is disabled or not. */
@@ -727,21 +779,40 @@ type StyledIconButtonProps = Omit<IconButtonProps, 'icon'> & {
  */
 declare const IconButton: Comp<IconButtonProps, HTMLButtonElement>;
 
+/**
+ * Component props.
+ */
+interface BreadcrumbItemProps extends ComponentProps<'a'> {
+    /** Prop to pass a custom react component instead of a simple HTML anchor (useful for Nextjs or React Router Link component). */
+    as?: 'a' | ElementType;
+    /** Whether the breadcrumb item is the current page. */
+    isCurrent?: boolean;
+    /** Whether the component is disabled or not. */
+    isDisabled?: boolean;
+}
+type StyledBreadcrumbItemProps = Omit<BreadcrumbItemProps, 'isDisabled' | 'isCurrent'> & {
+    $isCurrent: BreadcrumbItemProps['isCurrent'];
+    $isDisabled: BreadcrumbItemProps['isDisabled'];
+};
+
+/**
+ * The BreadcrumbItem components is a list of links to the parent pages of the current page in hierarchical order.
+ */
+declare const BreadcrumbItem: Comp<BreadcrumbItemProps, HTMLAnchorElement>;
+
 /**
  * Component props.
  */
 interface AppBarProps extends Omit<ComponentProps<'header'>, 'title'> {
+    /** Array of breadcrumb item props to use to generate a Breadcrumbs in place of the title. The last item is considered as the current page. */
+    breadcrumbs?: Omit<BreadcrumbItemProps, 'ref'>[];
     /** Custom props to pass to the IconButton used to collapse the side panel. */
-    collapseIconButtonProps?: Omit<IconButtonProps, 'icon'>;
+    iconButtonProps?: Omit<IconButtonProps, 'icon'>;
     /** Custom ref to pass to the IconButton used to collapse the side panel. */
-    collapseIconButtonRef?: RefObject<HTMLButtonElement>;
-    /** Custom props to pass to the IconButton used to expand the side panel. */
-    expandIconButtonProps?: Omit<IconButtonProps, 'icon'>;
-    /** Custom ref to pass to the IconButton used to expand the side panel. */
-    expandIconButtonRef?: RefObject<HTMLButtonElement>;
+    iconButtonRef?: RefObject<HTMLButtonElement>;
     /** Title of the page if no one provided automatically */
     fallbackTitle?: string;
-    /** Title of the page */
+    /** Title of the page, if no breadcrumbs used. */
     title?: string | ReactElement;
 }
 type StyledAppBarProps = AppBarProps & {
@@ -755,79 +826,32 @@ type StyledAppBarProps = AppBarProps & {
 declare const AppBar: Comp<AppBarProps, HTMLHeadingElement>;
 
 /**
- * Context props.
- */
-type AppContainerState = {
-    /** Collapses the side panel. */
-    collapseSidePanel(): void;
-    /** Expandes the side panel. */
-    expandSidePanel(): void;
-    /** Whether the container contains an AppBar or not. */
-    hasAppBar: boolean;
-    /** Whether the container contains an AppSidePanel or not. */
-    hasAppSidePanel: boolean;
-    /** Whether the container contains an AppContent or not. */
-    hasAppContent: boolean;
-    /** Whether the side panel is collapsed. */
-    readonly isSidePanelCollapsed: boolean;
-    /** Product theme. */
-    productTheme?: AppContainerProps['productTheme'];
-    /** Set title of the page. */
-    setTitle(title?: string): void;
-    /** Page title. */
-    readonly title?: string;
-};
-/**
- * Component props.
- */
-interface AppContainerProps extends ComponentProps<'div'> {
-    /** The locale to apply to the children. */
-    locale?: string;
-    /** Product theme to apply to everything within. This overrides the CSS variables automatically. */
-    productTheme?: ProductColorPalette;
-}
-type StyledAppContainerProps = Omit<AppContainerProps, 'locale' | 'productTheme'> & {
-    $productTheme?: AppContainerProps['productTheme'];
-};
-
-declare const AppContainerContext: React$1.Context<AppContainerState | null>;
-
-/**
- * The AppContainer component.
- */
-declare const AppContainer: Comp<AppContainerProps, HTMLDivElement>;
-
-/**
- * Component props.
+ * Component variant.
  */
-interface AppContentProps extends ComponentProps<'main'>, StylingProps, ContainerProps {
-    /** Product theme to apply to everything within. This overrides the CSS variables automatically. */
-    productTheme?: ProductColorPalette;
-}
-type StyledAppContentProps = Omit<AppContentProps, 'productTheme'> & {
-    $isLoaded: boolean;
-    $isSidePanelCollapsed: boolean;
-    $productTheme?: string;
+declare const AppSidePanelVariant: {
+    readonly shrinked: "shrinked";
+    readonly standard: "standard";
 };
-
-/**
- * The AppContent component.
- */
-declare const AppContent: Comp<AppContentProps, HTMLElement>;
-
+type AppSidePanelVariant = ValueOf<typeof AppSidePanelVariant>;
 /**
  * Component props.
  */
 interface AppSidePanelProps extends ComponentProps<'div'> {
     /** Elements to display on top of the navigation menu. Usually a button.  */
     featuredElements?: ReactElement | ReactElement[];
-    /** Whether the component is collapsed or not. */
-    isCollapsed?: boolean;
+    /** Custom props to pass to the IconButton used to collapse the side panel. */
+    iconButtonProps?: Omit<IconButtonProps, 'icon'>;
+    /** Custom ref to pass to the IconButton used to collapse the side panel. */
+    iconButtonRef?: RefObject<HTMLButtonElement>;
     /** Place to display the logo app.  */
     logo?: ReactElement | ComponentProps<'img'>;
+    /** Method called when a click occurs on the top open button - which is displayed only in shrinked variant. */
+    onOpen?: (e: MouseEvent) => void;
+    /** Variant. */
+    variant?: AppSidePanelVariant;
 }
-type StyledAppSidePanelProps = Omit<AppSidePanelProps, 'isCollapsed'> & {
-    $isCollapsed: boolean;
+type StyledAppSidePanelProps = Omit<AppSidePanelProps, 'isCollapsed' | 'logo'> & {
+    $variant: AppSidePanelProps['variant'];
 };
 
 /**
@@ -835,51 +859,6 @@ type StyledAppSidePanelProps = Omit<AppSidePanelProps, 'isCollapsed'> & {
  */
 declare const AppSidePanel: Comp<AppSidePanelProps, HTMLDivElement>;
 
-/**
- * Component size.
- */
-declare const IconSize: {
-    readonly xsmall: "xsmall";
-    readonly small: "small";
-    readonly medium: "medium";
-    readonly large: "large";
-    readonly xlarge: "xlarge";
-};
-type IconSize = ValueOf<typeof IconSize>;
-/**
- * Component props.
- */
-interface IconProps extends ComponentProps<'span'>, LayoutProps, SpacingProps, PositioningProps {
-    /** Indicates whether the element is exposed to an accessibility API. */
-    'aria-hidden'?: boolean | 'false' | 'true';
-    /** A screen reader only label for the Icon. */
-    'aria-label'?: string;
-    /** Color variant. Either from color palette or hex or rgb strings. */
-    color?: ColorPalette | ProductColorPalette | (string & {});
-    /** Whether the icon has a badge attached to it. */
-    badge?: ReactElement;
-    /**
-     * Icon path data (`d` property of the `path` SVG element).<br />
-     * See <a href="https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths">https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths</a>.<br />
-     * Recommended path data come from mdi/js.<br />
-     * See <a href="https://www.npmjs.com/package/@mdi/js">https://www.npmjs.com/package/@mdi/js</a>.
-     */
-    icon: string;
-    /** Icon size. */
-    size?: IconSize;
-    /** Additional properties to forward to the SVG tag. */
-    svgProps?: ComponentProps<'svg'>;
-}
-type StyledIconProps = Omit<IconProps, 'color' | 'size' | 'icon' | 'svgProps'> & {
-    $color: IconProps['color'];
-    $size: IconProps['size'];
-};
-
-/**
- * The Icon component.
- */
-declare const Icon: Comp<IconProps, HTMLSpanElement>;
-
 /**
  * Context props.
  */
@@ -914,12 +893,10 @@ interface SideNavigationMenuProps extends ComponentProps<'div'> {
     /** Whether or not the menu contains children that have a badge. */
     hasBadge?: boolean;
     /**
-     * Icon path data (`d` property of the `path` SVG element).<br />
-     * See <a href="https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths">https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths</a>.<br />
-     * Recommended path data come from mdi/js.<br />
-     * See <a href="https://www.npmjs.com/package/@mdi/js">https://www.npmjs.com/package/@mdi/js</a>.
+     * Can be a string or an array of strings containing `d` property of the `path` SVG element.<br />
+     * Can also be a ReactElement.
      */
-    icon?: string;
+    icon?: IconProps['icon'];
     /** Custom props to pass to the Icon component. */
     iconProps?: Omit<IconProps, 'icon'>;
     /** Custom ref to pass to the Icon component. */
@@ -932,13 +909,12 @@ interface SideNavigationMenuProps extends ComponentProps<'div'> {
     menuProps?: ComponentProps<'ul'>;
     /** Custom ref to pass to the menu. */
     menuRef?: MutableRefObject<HTMLUListElement>;
-    /** Whether the component should hide icons or not. */
-    withoutIcons?: boolean;
 }
-type StyledSideNavigationMenuProps = Omit<SideNavigationMenuProps, 'isDisabled' | 'isExpanded' | 'withoutIcons'> & {
+type StyledSideNavigationMenuProps = Omit<SideNavigationMenuProps, 'isDisabled' | 'isExpanded'> & {
     $isDisabled: SideNavigationMenuProps['isDisabled'];
     $isExpanded: SideNavigationMenuProps['isExpanded'];
-    $withoutIcons: SideNavigationMenuProps['withoutIcons'];
+    $numberOfChildren: number;
+    $variant: SideNavigationMenuBarVariant;
 };
 
 /**
@@ -961,7 +937,7 @@ interface BadgeProps extends ComponentProps<'div'>, LayoutProps, SpacingProps, P
     /** Whether the badge should automatically break content. */
     autoBreak?: boolean;
     /** Color variant. The product colors are available but should only be used to display the Badge in the color of another product. To display a Badge with a color of the current product, use `default`. */
-    color?: ColorPalette | DataVizColorPalette | ProductColorPalette;
+    color?: CtasColorPalette | NotificationsColorPalette | PresentationColorPalette;
     /** Whether the Badge has its colors reversed or not. */
     isReversed?: boolean;
     /** Badge variant. */
@@ -992,12 +968,10 @@ interface SideNavigationMenuItemProps extends ComponentProps<'a'> {
     /** Href is required for this component. */
     href: ComponentProps<'a'>['href'];
     /**
-     * Icon path data (`d` property of the `path` SVG element).<br />
-     * See <a href="https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths">https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths</a>.<br />
-     * Recommended path data come from mdi/js.<br />
-     * See <a href="https://www.npmjs.com/package/@mdi/js">https://www.npmjs.com/package/@mdi/js</a>.
+     * Can be a string or an array of strings containing `d` property of the `path` SVG element.<br />
+     * Can also be a ReactElement.
      */
-    icon?: string;
+    icon?: IconProps['icon'];
     /** Custom props to pass to the Icon component. */
     iconProps?: Omit<IconProps, 'icon'>;
     /** Custom ref to pass to the Icon component. */
@@ -1008,14 +982,12 @@ interface SideNavigationMenuItemProps extends ComponentProps<'a'> {
     isDisabled?: boolean;
     /** Whether the component is a second-level menu item. */
     isSecondLevel?: boolean;
-    /** Whether the component should hide icons or not. */
-    withoutIcons?: boolean;
 }
-type StyledSideNavigationMenuItemProps = Omit<SideNavigationMenuItemProps, 'isCurrent' | 'isDisabled' | 'isSecondLevel' | 'withoutIcons'> & {
+type StyledSideNavigationMenuItemProps = Omit<SideNavigationMenuItemProps, 'isCurrent' | 'isDisabled' | 'isSecondLevel'> & {
     $isCurrent: SideNavigationMenuItemProps['isCurrent'];
     $isDisabled: SideNavigationMenuItemProps['isDisabled'];
     $isSecondLevel: SideNavigationMenuItemProps['isSecondLevel'];
-    $withoutIcons: SideNavigationMenuItemProps['withoutIcons'];
+    $variant: SideNavigationMenuBarVariant;
 };
 
 /**
@@ -1023,29 +995,48 @@ type StyledSideNavigationMenuItemProps = Omit<SideNavigationMenuItemProps, 'isCu
  */
 declare const SideNavigationMenuItem: Comp<SideNavigationMenuItemProps, HTMLAnchorElement>;
 
+/**
+ * Component variant.
+ */
+declare const SideNavigationMenuBarVariant: {
+    readonly shrinked: "shrinked";
+    readonly standard: "standard";
+};
+type SideNavigationMenuBarVariant = ValueOf<typeof SideNavigationMenuBarVariant>;
 /**
  * Context props.
  */
 type SideNavigationMenuBarContextProps = {
+    /** List of menu items. */
     menuItems: Set<HTMLAnchorElement | HTMLButtonElement>;
+    /** Side navigation variant. */
+    sideNavigationMenuBarVariant: SideNavigationMenuBarVariant;
+    /** Change side navigation variant. */
+    setSideNavigationMenuBarVariant: Dispatch<SetStateAction<SideNavigationMenuBarVariant>>;
+    /** Current open menu, used to close other menu when canHaveMultipleMenuOpenAtOnce is false. */
+    currentOpenMenuId?: string;
+    /** Change current open menu id. */
+    setCurrentOpenMenuId?: Dispatch<SetStateAction<string | undefined>>;
 };
 /**
  * Component props.
  */
 interface SideNavigationMenuBarProps extends ComponentProps<'nav'> {
+    /** Whether or not opening a menu closes the others. */
+    canHaveMultipleMenuOpenAtOnce?: boolean;
     /** Whether the component is disabled or not. */
     isDisabled?: boolean;
     /** Custom props to pass to the menubar. */
     menubarProps?: ComponentProps<'ul'>;
     /** Custom ref to pass to the menubar. */
     menubarRef?: MutableRefObject<HTMLUListElement>;
-    /** Whether the component should hide icons or not. */
-    withoutIcons?: boolean;
+    /** Variant. */
+    variant?: SideNavigationMenuBarVariant;
 }
-type StyledSideNavigationMenuBarProps = Omit<SideNavigationMenuBarProps, 'isDisabled' | 'withoutIcons'> & {
+type StyledSideNavigationMenuBarProps = Omit<SideNavigationMenuBarProps, 'isDisabled'> & {
     $isDisabled: SideNavigationMenuBarProps['isDisabled'];
     $marginTop?: number;
-    $withoutIcons: SideNavigationMenuBarProps['withoutIcons'];
+    $variant: SideNavigationMenuBarProps['variant'];
 };
 /**
  * Hook props.
@@ -1070,28 +1061,70 @@ interface UseSideNavigationMenuBarProps {
 }
 declare const useSideNavigationMenuBar: ({ items, isActive, }: UseSideNavigationMenuBarProps) => Omit<SideNavigationMenuBarProps, 'ref'>;
 
-declare const useAppSidePanel: ({ items, isActive, }: UseSideNavigationMenuBarProps) => Omit<AppSidePanelProps, 'ref'>;
+declare const useAppSidePanel: ({ items, isActive }: UseSideNavigationMenuBarProps) => Omit<AppSidePanelProps, 'ref'>;
 
+/**
+ * Context props.
+ */
+type AppContainerState = {
+    /** Collapses the side panel. */
+    collapseSidePanel(): void;
+    /** Expandes the side panel. */
+    expandSidePanel(): void;
+    /** Whether the container contains an AppBar or not. */
+    hasAppBar: boolean;
+    /** Whether the container contains an AppSidePanel or not. */
+    hasAppSidePanel: boolean;
+    /** Whether the container contains an AppContent or not. */
+    hasAppContent: boolean;
+    /** Product theme. */
+    product?: AppContainerProps['product'];
+    /** Set breadcrumbs of the page. */
+    setBreadcrumbs(breadcrumbs?: Omit<BreadcrumbItemProps, 'ref'>[]): void;
+    /** Page breadcrumbs. */
+    readonly breadcrumbs?: Omit<BreadcrumbItemProps, 'ref'>[];
+    /** Side panel variant. */
+    sidePanelVariant: AppSidePanelVariant;
+    /** Change side panel variant. */
+    setSidePanelVariant: Dispatch<SetStateAction<AppSidePanelVariant>>;
+};
 /**
  * Component props.
  */
-interface BreadcrumbItemProps extends ComponentProps<'a'> {
-    /** Prop to pass a custom react component instead of a simple HTML anchor (useful for Nextjs or React Router Link component). */
-    as?: 'a' | ElementType;
-    /** Whether the breadcrumb item is the current page. */
-    isCurrent?: boolean;
-    /** Whether the component is disabled or not. */
-    isDisabled?: boolean;
+interface AppContainerProps extends ComponentProps<'div'> {
+    /** The locale to apply to the children. */
+    locale?: string;
+    /** Product theme to apply to everything within. This overrides the CSS variables automatically. */
+    product?: Product;
 }
-type StyledBreadcrumbItemProps = Omit<BreadcrumbItemProps, 'isDisabled' | 'isCurrent'> & {
-    $isCurrent: BreadcrumbItemProps['isCurrent'];
-    $isDisabled: BreadcrumbItemProps['isDisabled'];
+type StyledAppContainerProps = Omit<AppContainerProps, 'locale' | 'product'> & {
+    $product?: AppContainerProps['product'];
 };
 
+declare const AppContainerContext: React$1.Context<AppContainerState | null>;
+
 /**
- * The BreadcrumbItem components is a list of links to the parent pages of the current page in hierarchical order.
+ * The AppContainer component.
  */
-declare const BreadcrumbItem: Comp<BreadcrumbItemProps, HTMLAnchorElement>;
+declare const AppContainer: Comp<AppContainerProps, HTMLDivElement>;
+
+/**
+ * Component props.
+ */
+interface AppContentProps extends ComponentProps<'main'>, StylingProps, ContainerProps {
+    /** Product theme to apply to everything within. This overrides the CSS variables automatically. */
+    product?: Product;
+}
+type StyledAppContentProps = Omit<AppContentProps, 'product'> & {
+    $isLoaded: boolean;
+    $isSidePanelCollapsed: boolean;
+    $product?: string;
+};
+
+/**
+ * The AppContent component.
+ */
+declare const AppContent: Comp<AppContentProps, HTMLElement>;
 
 /**
  * Component props.
@@ -1124,7 +1157,7 @@ type ButtonVariant = ValueOf<typeof ButtonVariant>;
 /**
  * Component color.
  */
-type ButtonColor = ColorPalette | ProductColorPalette;
+type ButtonColor = CtasColorPalette | NotificationsColorPalette;
 /**
  * Component props.
  */
@@ -1142,19 +1175,15 @@ interface ButtonProps extends ComponentProps<'button'>, StylingProps {
     /** Whether the component is in a loading state or not. */
     isLoading?: boolean;
     /**
-     * Icon path data (`d` property of the `path` SVG element).<br />
-     * See <a href="https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths">https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths</a>.<br />
-     * Recommended path data come from mdi/js.<br />
-     * See <a href="https://www.npmjs.com/package/@mdi/js">https://www.npmjs.com/package/@mdi/js</a>.
+     * Can be a string or an array of strings containing `d` property of the `path` SVG element.<br />
+     * Can also be a ReactElement.
      */
-    leftIcon?: string | ReactElement;
+    leftIcon?: IconProps['icon'];
     /**
-     * Icon path data (`d` property of the `path` SVG element).<br />
-     * See <a href="https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths">https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths</a>.<br />
-     * Recommended path data come from mdi/js.<br />
-     * See <a href="https://www.npmjs.com/package/@mdi/js">https://www.npmjs.com/package/@mdi/js</a>.
+     * Can be a string or an array of strings containing `d` property of the `path` SVG element.<br />
+     * Can also be a ReactElement.
      */
-    rightIcon?: string | ReactElement;
+    rightIcon?: IconProps['icon'];
     /** Button variant. */
     variant?: ButtonVariant;
 }
@@ -1335,12 +1364,10 @@ interface CardHeaderProps extends ComponentProps<'div'> {
     /** Subheader */
     subheader?: string;
     /**
-     * Icon path data (`d` property of the `path` SVG element).<br />
-     * See <a href="https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths">https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths</a>.<br />
-     * Recommended path data come from mdi/js.<br />
-     * See <a href="https://www.npmjs.com/package/@mdi/js">https://www.npmjs.com/package/@mdi/js</a>.
+     * Can be a string or an array of strings containing `d` property of the `path` SVG element.<br />
+     * Can also be a ReactElement.
      */
-    icon?: string;
+    icon?: IconProps['icon'];
     /** Whether the card is loading or not. */
     isLoading?: boolean;
 }
@@ -1407,8 +1434,6 @@ interface CheckboxGroupProps extends Omit<ComponentProps<'div'>, 'onChange'>, St
     onChange?(values: string[]): void;
     /** Method to handle component change. */
     orientation?: CheckboxGroupOrientation;
-    /** List of possible values. Useful to select all. */
-    possibleValues?: string[];
     /**
      * Currently selected values.
      * Used for controlled version.
@@ -1538,7 +1563,7 @@ interface ShieldProps extends ComponentProps<'div'>, StylingProps {
     variant?: ShieldVariant;
 }
 type StyledShieldProps = Omit<ShieldProps, 'color'> & {
-    $color?: ColorPalette | ProductColorPalette | (string & {});
+    $color?: NotificationsColorPalette | ProductColorPalette | (string & {});
     $isOutlined: ShieldProps['isOutlined'];
     $isReversed: ShieldProps['isReversed'];
     $variant: ShieldProps['variant'];
@@ -1558,16 +1583,14 @@ interface DetailedCardProps extends ComponentProps<'div'>, StylingProps {
     /** Banner variant. */
     bannerVariant?: 'standard' | 'condensed';
     /** Banner color. */
-    color?: ColorPalette;
+    color?: NotificationsColorPalette;
     /** Default collapse status. Used for uncontrolled version. */
     defaultAllCollapsed?: boolean;
     /**
-     * Icon path data (`d` property of the `path` SVG element).<br />
-     * See <a href="https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths">https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths</a>.<br />
-     * Recommended path data come from mdi/js.<br />
-     * See <a href="https://www.npmjs.com/package/@mdi/js">https://www.npmjs.com/package/@mdi/js</a>.
+     * Can be a string or an array of strings containing `d` property of the `path` SVG element.<br />
+     * Can also be a ReactElement.
      */
-    icon?: string;
+    icon?: IconProps['icon'];
     /** Whether the card has buttons to collapse and expand all section items. */
     isCollapsible?: boolean;
     /** Whether the card is loading or not. */
@@ -1588,7 +1611,7 @@ interface PillProps extends ComponentProps<'div'>, StylingProps {
     /** Whether the badge should automatically break content. */
     autoBreak?: boolean;
     /** Color variant. The product colors are available but should only be used to display the Pill in the color of another product. To display a Pill with a color of the current product, use `default`. */
-    color?: DataVizColorPalette | 'white' | 'black' | 'no-data' | 'error' | 'warning' | 'success' | 'error-dark' | 'warning-dark' | 'success-dark';
+    color?: PresentationColorPalette | 'white' | 'black' | 'no-data' | 'error' | 'warning' | 'success' | 'error-dark' | 'warning-dark' | 'success-dark';
 }
 type StyledPillProps = Omit<PillProps, 'color' | 'autoBreak'> & {
     $autoBreak: PillProps['autoBreak'];
@@ -1607,12 +1630,10 @@ interface DetailedCardSectionItemProps extends ComponentProps<'div'> {
     /** Description */
     description?: string | ReactElement;
     /**
-     * Icon path data (`d` property of the `path` SVG element).<br />
-     * See <a href="https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths">https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths</a>.<br />
-     * Recommended path data come from mdi/js.<br />
-     * See <a href="https://www.npmjs.com/package/@mdi/js">https://www.npmjs.com/package/@mdi/js</a>.
+     * Can be a string or an array of strings containing `d` property of the `path` SVG element.<br />
+     * Can also be a ReactElement.
      */
-    icon?: string;
+    icon?: IconProps['icon'];
     /** Props to pass to the Icon component. */
     iconProps?: Omit<IconProps, 'ref' | 'icon'>;
     /** Whether the section item can be collapsed or not. */
@@ -1676,7 +1697,7 @@ interface DetailedCardSectionProps extends ComponentProps<'div'> {
     /** Props to pass to the badge displayed next to the title. */
     badge?: Omit<BadgeProps, 'ref'>;
     /** Color that will be used on the header line. */
-    color?: ColorPalette | DataVizColorPalette | (string & {});
+    color?: NotificationsColorPalette | PresentationColorPalette | (string & {});
     /** Header. */
     header?: string | ReactElement;
     /** Whether the section is collapsed or not. */
@@ -1715,6 +1736,220 @@ type StyledFlexboxProps = FlexboxProps;
  */
 declare const Flexbox: Comp<FlexboxProps, HTMLDivElement>;
 
+declare enum EventKey {
+    ArrowLeft = "ArrowLeft",
+    ArrowRight = "ArrowRight",
+    ArrowUp = "ArrowUp",
+    ArrowDown = "ArrowDown",
+    Home = "Home",
+    End = "End"
+}
+type KeyDirection = 'horizontal' | 'vertical' | 'both';
+declare enum Navigation {
+    PREVIOUS = "PREVIOUS",
+    NEXT = "NEXT",
+    VERY_FIRST = "VERY_FIRST",
+    VERY_LAST = "VERY_LAST",
+    PREVIOUS_ROW = "PREVIOUS_ROW",
+    NEXT_ROW = "NEXT_ROW",
+    FIRST_IN_ROW = "FIRST_IN_ROW",
+    LAST_IN_ROW = "LAST_IN_ROW"
+}
+type TabStop = Readonly<{
+    id: string;
+    domElementRef: React.RefObject<Element>;
+    isDisabled: boolean;
+    rowIndex: number | null;
+    value: string;
+}>;
+type RowStartMap = Map<Exclude<TabStop['rowIndex'], null>, number>;
+type FocusWithinGroupState = Readonly<{
+    selectedId: string | null;
+    allowFocusing: boolean;
+    tabStops: readonly TabStop[];
+    direction: KeyDirection;
+    focusOnClick: boolean;
+    focusOnInit: boolean;
+    loopAround: boolean;
+    rowStartMap: RowStartMap | null;
+    focusType: 'roving-tabindex' | 'virtual-focus';
+    activedescendant?: [string, string];
+    filter?: {
+        value: string;
+        type: 'startsWith' | 'contains' | 'endsWith';
+        caseSensitive?: boolean;
+    };
+    delayedAction?: BaseFocusWithinGroupAction;
+}>;
+type FocusWithinGroupOptions = Partial<Pick<FocusWithinGroupState, 'direction' | 'focusOnClick' | 'focusOnInit' | 'loopAround' | 'focusType' | 'activedescendant'>>;
+declare enum FocusWithinGroupActionType {
+    REGISTER_TAB_STOP = "REGISTER_TAB_STOP",
+    UNREGISTER_TAB_STOP = "UNREGISTER_TAB_STOP",
+    KEY_DOWN_ON_ITEM = "KEY_DOWN_ON_ITEM",
+    CLICK_ON_ITEM = "CLICK_ON_ITEM",
+    KEY_DOWN_ON_LIST = "KEY_DOWN_ON_LIST",
+    FOCUS_ON_LIST = "FOCUS_ON_LIST",
+    BLUR_ON_LIST = "BLUR_ON_LIST",
+    TAB_STOP_UPDATED = "TAB_STOP_UPDATED",
+    OPTIONS_UPDATED = "OPTIONS_UPDATED",
+    FILTER_LIST = "FILTER_LIST",
+    DELAY_ACTION = "DELAY_ACTION"
+}
+type BaseFocusWithinGroupAction = {
+    type: FocusWithinGroupActionType.REGISTER_TAB_STOP;
+    payload: TabStop;
+} | {
+    type: FocusWithinGroupActionType.UNREGISTER_TAB_STOP;
+    payload: {
+        id: TabStop['id'];
+    };
+} | {
+    type: FocusWithinGroupActionType.TAB_STOP_UPDATED;
+    payload: {
+        id: TabStop['id'];
+        rowIndex: TabStop['rowIndex'];
+        isDisabled: TabStop['isDisabled'];
+    };
+} | {
+    type: FocusWithinGroupActionType.KEY_DOWN_ON_ITEM;
+    payload: {
+        id: TabStop['id'];
+        key: EventKey;
+        ctrlKey: boolean;
+    };
+} | {
+    type: FocusWithinGroupActionType.CLICK_ON_ITEM;
+    payload: {
+        id: TabStop['id'];
+    };
+} | {
+    type: FocusWithinGroupActionType.KEY_DOWN_ON_LIST;
+    payload: {
+        key: EventKey;
+        ctrlKey: boolean;
+    };
+} | {
+    type: FocusWithinGroupActionType.FOCUS_ON_LIST;
+    payload: {
+        id: TabStop['id'];
+    };
+} | {
+    type: FocusWithinGroupActionType.BLUR_ON_LIST;
+    payload: {};
+} | {
+    type: FocusWithinGroupActionType.OPTIONS_UPDATED;
+    payload: FocusWithinGroupOptions;
+} | {
+    type: FocusWithinGroupActionType.FILTER_LIST;
+    payload: {
+        filter: FocusWithinGroupState['filter'];
+    };
+};
+type FocusWithinGroupAction = BaseFocusWithinGroupAction | {
+    type: FocusWithinGroupActionType.DELAY_ACTION;
+    payload: BaseFocusWithinGroupAction;
+};
+type UseFocusWithinGroupProps = {
+    tabIndex?: number;
+    isFocused: boolean;
+    handleKeyDown: (event: React.KeyboardEvent) => void;
+    handleClick: () => void;
+};
+type UseFocusGroupProps = {
+    activedescendant: [string, string] | undefined;
+    handleKeyDown: (event: React.KeyboardEvent) => void;
+    handleFocus: () => void;
+    handleBlur: () => void;
+};
+type FocusWithinGroupContextProps = {
+    state: FocusWithinGroupState;
+    dispatch: React.Dispatch<FocusWithinGroupAction>;
+};
+/**
+ * Component props.
+ */
+interface FocusWithinGroupProps extends ComponentProps<'div'>, FocusWithinGroupOptions {
+}
+
+/**
+ * The FocusWithinGroup component.
+ *
+ * @param {ReactNode} children - The child content, which will
+ * include the DOM elements to rove between using the tab key.
+ * @param {KeyDirection} direction - An optional direction value
+ * that only applies when the roving tabindex is not being
+ * used within a grid. This value specifies the arrow key behaviour.
+ * The default value is 'horizontal'.
+ * When set to 'horizontal' then only the ArrowLeft and ArrowRight
+ * keys move to the previous and next tab stop respectively.
+ * When set to 'vertical' then only the ArrowUp and ArrowDown keys
+ * move to the previous and next tab stop respectively. When set
+ * to 'both' then both the ArrowLeft and ArrowUp keys can be used
+ * to move to the previous tab stop, and both the ArrowRight
+ * and ArrowDown keys can be used to move to the next tab stop.
+ * If you do not pass an explicit value then the 'horizontal'
+ * behaviour applies.
+ * @param {boolean} focusOnClick - An optional flag for indicating
+ * if `focus()` should invoked on an item in the roving tabindex
+ * when it is clicked. The default value for this flag is `false`,
+ * meaning that `focus()` will not be invoked on click.
+ * Browsers are
+ * [inconsistent in their behaviour](https://zellwk.com/blog/inconsistent-button-behavior/)
+ * when a button is clicked so you will see some variation between
+ * the browsers with the default value. Prior to version 3 of this library,
+ * the behaviour was to always invoke `focus()` on click; this behaviour
+ * can be maintained by passing `true`.
+ * @param {boolean} loopAround - An optional flag that,
+ * when set to `true`, will loop the tabindex around when the user
+ * tries to tab to the first or last elements in the roving tabindex,
+ * rather than stopping. The default value is `false` (no looping).
+ * Note that this option does not apply if the roving tabindex
+ * is being used on a grid.
+ */
+declare const FocusWithinGroup: React$1.FC<FocusWithinGroupProps>;
+
+declare const FOCUS_WITHING_GROUP_INITIAL_STATE: FocusWithinGroupState;
+declare const FocusWithinGroupContext: React$1.Context<FocusWithinGroupContextProps>;
+
+declare const FocusWithinGroupReducer: (state: FocusWithinGroupState, action: FocusWithinGroupAction) => FocusWithinGroupState;
+
+declare function uniqueId(): string;
+/**
+ * Includes the given DOM element in the current roving tabindex.
+ * @param {RefObject<Element>} domElementRef The DOM element to include.
+ * This must be the same DOM element for the lifetime of the containing
+ * component.
+ * @param {boolean} isDisabled Whether or not the DOM element is currently
+ * enabled. This value can be updated as appropriate throughout the lifetime
+ * of the containing component.
+ * @param {number?} rowIndex An optional integer value that must be
+ * populated if the roving tabindex is being used in a grid. In that case,
+ * set it to the zero-based index of the row that the given DOM element
+ * is currently part of. You can update this row index as appropriate
+ * throughout the lifetime of the containing component, for example if
+ * the shape of the grid can change dynamically.
+ * @returns A tuple of values to be applied by the containing
+ * component for the roving tabindex to work correctly.
+ * First tuple value: The tabIndex value to apply to the tab stop
+ * element.
+ * Second tuple value: Whether or not focus() should be invoked on the
+ * tab stop element.
+ * Third tuple value: The onKeyDown callback to apply to the tab
+ * stop element. If the key press is relevant to the hook then
+ * event.preventDefault() will be invoked on the event.
+ * Fourth tuple value: The onClick callback to apply to the tab
+ * stop element.
+ */
+declare function useFocusOnListItem(props: {
+    domElementRef: RefObject<Element>;
+    isDisabled: boolean;
+    id?: string;
+    value?: string;
+    rowIndex?: number | null;
+}): UseFocusWithinGroupProps;
+
+declare function useFocusOnList(): UseFocusGroupProps;
+
 /**
  * Component props.
  */
@@ -1742,6 +1977,146 @@ declare const Grid: Comp<GridProps, HTMLDivElement> & {
     Item: Comp<GridItemProps, HTMLDivElement>;
 };
 
+/**
+ * Context props.
+ */
+type ListboxState = Readonly<{
+    isDisabled: boolean;
+    isReadOnly: boolean;
+    selectedValues: string[];
+    selectionMode: 'single' | 'multiple';
+    activedescendant?: [string, string];
+}>;
+declare enum ListboxActionType {
+    TOGGLE = "TOGGLE",
+    SET = "SET"
+}
+type ListboxAction = {
+    type: ListboxActionType.TOGGLE;
+    payload: {
+        value: string;
+        activedescendant?: [string, string];
+    };
+} | {
+    type: ListboxActionType.SET;
+    payload: {
+        values: string[];
+        activedescendant?: [string, string];
+    };
+};
+type UseListboxItemProps = UseFocusWithinGroupProps & {
+    isSelected?: boolean;
+    isDisabled?: boolean;
+};
+type ListboxContextProps = {
+    state: ListboxState;
+    dispatch: React.Dispatch<ListboxAction>;
+};
+/**
+ * Component variant.
+ */
+declare const ListboxVariant: {
+    readonly standalone: "standalone";
+    readonly unstyled: "unstyled";
+};
+type ListboxVariant = ValueOf<typeof ListboxVariant>;
+/**
+ * Component props.
+ */
+interface ListboxProps extends Omit<ComponentProps<'div'>, 'onChange'>, StylingProps, FocusWithinGroupOptions {
+    /**
+     * Default selected values.
+     * Used for uncontrolled version.
+     */
+    defaultValues?: string[];
+    /** Whether the component is disabled or not. */
+    isDisabled?: boolean;
+    /** Whether the component is invalid or not. */
+    isInvalid?: boolean;
+    /** Whether the component is read only or not. */
+    isReadOnly?: boolean;
+    /** Whether the component is required or not. */
+    isRequired?: boolean;
+    /** Label of the switch group. */
+    label?: string;
+    /** Method to handle component change. */
+    onChange?(values: string[]): void;
+    /** Whether the listbox allows multiple selections or single ones. */
+    selectionMode?: 'single' | 'multiple';
+    /**
+     * Currently selected values.
+     * Used for controlled version.
+     */
+    values?: string[];
+    /** Whether the Listbox is used as standalone or is unstyled within another component. */
+    variant?: ListboxVariant;
+}
+type StyledListboxProps = Omit<ListboxProps, 'onChange'> & {
+    $isDisabled: ListboxProps['isDisabled'];
+    $isInvalid: ListboxProps['isInvalid'];
+    $isReadOnly: ListboxProps['isReadOnly'];
+    $variant: ListboxProps['variant'];
+};
+
+declare const ActiveDescendantListbox: React$1.ForwardRefExoticComponent<Pick<Omit<ListboxProps, "onChange"> & {
+    context: ListboxContextProps;
+}, "left" | "right" | "flex" | "flexGrow" | "flexShrink" | "flexBasis" | "alignSelf" | "justifySelf" | "order" | "gridArea" | "gridColumn" | "gridRow" | "gridColumnStart" | "gridColumnEnd" | "gridRowStart" | "gridRowEnd" | "margin" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "height" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "width" | "position" | "top" | "bottom" | "zIndex" | "label" | "slot" | "style" | "title" | "aria-label" | "aria-labelledby" | "variant" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "values" | "isDisabled" | "direction" | "defaultValues" | "isInvalid" | "isReadOnly" | "isRequired" | "context" | "focusOnClick" | "focusOnInit" | "loopAround" | "focusType" | "activedescendant" | "selectionMode"> & React$1.RefAttributes<HTMLDivElement>>;
+
+declare const RovingTabindexListbox: React$1.ForwardRefExoticComponent<Pick<Omit<ListboxProps, "onChange"> & {
+    context: ListboxContextProps;
+}, "left" | "right" | "flex" | "flexGrow" | "flexShrink" | "flexBasis" | "alignSelf" | "justifySelf" | "order" | "gridArea" | "gridColumn" | "gridRow" | "gridColumnStart" | "gridColumnEnd" | "gridRowStart" | "gridRowEnd" | "margin" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "height" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "width" | "position" | "top" | "bottom" | "zIndex" | "label" | "slot" | "style" | "title" | "aria-label" | "aria-labelledby" | "variant" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "values" | "isDisabled" | "direction" | "defaultValues" | "isInvalid" | "isReadOnly" | "isRequired" | "context" | "focusOnClick" | "focusOnInit" | "loopAround" | "focusType" | "activedescendant" | "selectionMode"> & React$1.RefAttributes<HTMLDivElement>>;
+
+/**
+ * The Listbox component.
+ * Can be used as controlled or uncontrolled.
+ */
+declare const Listbox: Comp<ListboxProps, HTMLDivElement>;
+
+declare const LISTBOX_INITIAL_STATE: ListboxState;
+declare const ListboxContext: React$1.Context<ListboxContextProps>;
+
+declare const ListboxReducer: (state: ListboxState, action: ListboxAction) => ListboxState;
+
+/**
+ * Component props.
+ */
+interface ItemProps extends Omit<ComponentProps<'div'>, 'onClick'>, StylingProps {
+    /**
+     * Default select status.
+     * Used for uncontrolled version.
+     */
+    defaultSelected?: boolean;
+    /** Whether the component is active or not. */
+    isActive?: boolean;
+    /** Whether the component is disabled or not. */
+    isDisabled?: boolean;
+    /** Whether the component is focused or not. */
+    isFocused?: boolean;
+    /** Whether the component is hovered or not. */
+    isHovered?: boolean;
+    /**
+     * Whether the component is selected or not.
+     * Used for controlled version.
+     */
+    isSelected?: boolean;
+    /** Method to handle component change. */
+    onClick?(isSelected: boolean, value?: string, event?: MouseEvent<HTMLDivElement>, state?: ListboxContextProps): void;
+    /** Value. */
+    value: string;
+}
+type StyledItemProps = Omit<ItemProps, 'color' | 'onClick' | 'value'> & {
+    $isActive: ItemProps['isActive'];
+    $isDisabled: ItemProps['isDisabled'];
+    $isFocused: ItemProps['isFocused'];
+    $isHovered: ItemProps['isHovered'];
+    $isSelected: ItemProps['isSelected'];
+};
+
+/**
+ * The Item component.
+ */
+declare const Item: Comp<ItemProps, HTMLDivElement>;
+
 /**
  * Component props.
  */
@@ -1764,11 +2139,10 @@ declare const LinkButton: Comp<LinkButtonProps, HTMLButtonElement>;
  * Component variant.
  */
 declare const TextVariant: {
-    readonly subtitle: "subtitle";
     readonly body: "body";
-    readonly body2: "body2";
     readonly button: "button";
     readonly caption: "caption";
+    readonly helper: "helper";
     readonly inherit: "inherit";
 };
 type TextVariant = ValueOf<typeof TextVariant>;
@@ -1797,11 +2171,13 @@ interface TextProps extends ComponentProps<'span'>, StylingProps {
     /** Override component. */
     as?: TextComponent;
     /** Color variant. Either from color palette or hex or rgb strings. */
-    color?: ColorPalette | ProductColorPalette | NeutralColorPalette | (string & {});
+    color?: NotificationsColorPalette | NeutralColorPalette | (string & {});
     /** Font family. */
     fontFamily?: FontFamily;
     /** Font size. */
     fontSize?: string;
+    /** Font weight. */
+    fontWeight?: string;
     /** Line height. */
     lineHeight?: string;
     /** Whether the text will truncate with a text overflow ellipsis or wrap. */
@@ -1814,6 +2190,7 @@ type StyledTextProps = Omit<TextProps, 'as' | 'color' | 'fontFamily' | 'fontSize
     $color: TextProps['color'];
     $fontFamily?: TextProps['fontFamily'];
     $fontSize: TextProps['fontSize'];
+    $fontWeight: TextProps['fontWeight'];
     $lineHeight: TextProps['lineHeight'];
     $noWrap: TextProps['noWrap'];
     $variant: TextProps['variant'];
@@ -1932,8 +2309,6 @@ interface RadioGroupProps extends Omit<ComponentProps<'div'>, 'onChange'>, Styli
     onChange?(values: string): void;
     /** Method to handle component change. */
     orientation?: RadioGroupOrientation;
-    /** List of possible values. Useful to select all. */
-    possibleValues?: string[];
     /**
      * Currently selected value.
      * Used for controlled version.
@@ -1962,7 +2337,6 @@ interface RadioProps extends Omit<ComponentProps<'label'>, 'onChange'>, StylingP
     /**
      * Default select status.
      * Used for uncontrolled version.
-     * Shouldn't be used inside a group unless isControlled is force to true.
      */
     defaultSelected?: boolean;
     /** Custom props to pass to the input element. */
@@ -1982,7 +2356,6 @@ interface RadioProps extends Omit<ComponentProps<'label'>, 'onChange'>, StylingP
     /**
      * Whether the component is selected or not.
      * Used for controlled version.
-     * Shouldn't be used inside a group unless isControlled is force to true.
      */
     isSelected?: boolean;
     /** Name to pass to the input element. */
@@ -2040,9 +2413,7 @@ declare const SkeletonTextVariant: {
     readonly h3: "h3";
     readonly h4: "h4";
     readonly h5: "h5";
-    readonly subtitle: "subtitle";
     readonly body: "body";
-    readonly body2: "body2";
     readonly button: "button";
     readonly caption: "caption";
 };
@@ -2100,25 +2471,20 @@ declare const SpinnerSize: {
     readonly large: "large";
 };
 type SpinnerSize = ValueOf<typeof SpinnerSize>;
-/**
- * Component color.
- */
-type SpinnerColor = typeof ColorPalette.default | typeof ColorPalette.question | typeof ColorPalette['no-data'] | ProductColorPalette;
 /**
  * Component props.
  */
-interface SpinnerProps extends ComponentProps<'img'>, LayoutProps, SpacingProps, PositioningProps {
+interface SpinnerProps extends Omit<ComponentProps<'img'>, 'color'>, LayoutProps, SpacingProps, PositioningProps {
     /** Indicates whether the element is exposed to an accessibility API. */
     'aria-hidden'?: boolean | 'false' | 'true';
     /** A screen reader only label for the Spinner. */
     'aria-label'?: string;
-    /** Color variant. The product colors are available but should only be used to display the Spinner in the color of another product. To display a Spinner with a color of the current product, use `default`. */
-    color?: SpinnerColor;
+    /** Whether the spinner is colored or not. */
+    isColored?: boolean;
     /** Spinner size. */
     size?: SpinnerSize;
 }
 type StyledSpinnerProps = Omit<SpinnerProps, 'color'> & {
-    $color?: SpinnerProps['color'];
     $size?: SpinnerProps['size'];
 };
 
@@ -2177,8 +2543,6 @@ interface SwitchGroupProps extends Omit<ComponentProps<'div'>, 'onChange'>, Styl
     onChange?(values: string[]): void;
     /** Method to handle component change. */
     orientation?: SwitchGroupOrientation;
-    /** List of possible values. Useful to select all. */
-    possibleValues?: string[];
     /**
      * Currently selected values.
      * Used for controlled version.
@@ -2207,7 +2571,6 @@ interface SwitchProps extends Omit<ComponentProps<'label'>, 'onChange'>, Styling
     /**
      * Default select status.
      * Used for uncontrolled version.
-     * Shouldn't be used inside a group unless isControlled is force to true.
      */
     defaultSelected?: boolean;
     /** Custom props to pass to the input element. */
@@ -2227,7 +2590,6 @@ interface SwitchProps extends Omit<ComponentProps<'label'>, 'onChange'>, Styling
     /**
      * Whether the component is selected or not.
      * Used for controlled version.
-     * Shouldn't be used inside a group unless isControlled is force to true.
      */
     isSelected?: boolean;
     /** Name to pass to the input element. */
@@ -2275,6 +2637,12 @@ interface TextFieldProps extends Omit<ComponentProps<'div'>, 'onChange'>, Stylin
      * Used for uncontrolled version.
      */
     defaultValue?: HTMLInputElement['value'];
+    /** Whether the clear button is displayed or not. */
+    hasClearButton?: boolean | Omit<Partial<IconButtonProps>, 'ref'>;
+    /** Place for icon buttons between the clear button and the separator. */
+    internal?: ReactNode | ((value?: string, isDisabled?: boolean, isInvalid?: boolean, isRequired?: boolean) => ReactNode);
+    /** Place for icon buttons after the separator. */
+    after?: ReactNode | ((value?: string, isDisabled?: boolean, isInvalid?: boolean, isRequired?: boolean) => ReactNode);
     /** Custom props to pass to the input element. */
     inputProps?: ComponentProps<'input'>;
     /** Custom ref object to pass to the input element. */
@@ -2291,10 +2659,17 @@ interface TextFieldProps extends Omit<ComponentProps<'div'>, 'onChange'>, Stylin
     isRequired?: boolean;
     /** Label */
     label?: string;
+    /**
+     * Can be a string or an array of strings containing `d` property of the `path` SVG element.<br />
+     * Can also be a ReactElement.
+     */
+    leftIcon?: Omit<IconProps, 'ref'>;
     /** Name to pass to the input element. */
     name?: HTMLInputElement['name'];
     /** Method to handle component change. */
     onChange?(value?: string, name?: string, event?: ChangeEvent<HTMLInputElement>): void;
+    /** Method to handle component clear. */
+    onClear?(): void;
     /** Placeholder. */
     placeholder?: string;
     /**
@@ -2306,6 +2681,7 @@ interface TextFieldProps extends Omit<ComponentProps<'div'>, 'onChange'>, Stylin
     variant?: TextFieldVariant;
 }
 type StyledTextFieldProps = Omit<TextFieldProps, 'color' | 'isColored' | 'isDisabled' | 'isInvalid' | 'isRequired' | 'onChange'> & {
+    $hasLeftIcon: boolean;
     $hasContent: boolean;
     $isColored: TextFieldProps['isColored'];
     $isDisabled: TextFieldProps['isDisabled'];
@@ -2322,4 +2698,4 @@ type StyledTextFieldProps = Omit<TextFieldProps, 'color' | 'isColored' | 'isDisa
  */
 declare const TextField: Comp<TextFieldProps, HTMLDivElement>;
 
-export { Alert, AlertProps, AlertVariant, AlignContent, AlignItems, AlignSelf, AppBar, AppBarProps, AppContainer, AppContainerContext, AppContainerProps, AppContainerState, AppContent, AppContentProps, AppSidePanel, AppSidePanelProps, Badge, BadgeProps, BadgeVariant, BaseBreadcrumbs, BaseGrid, BaseSkeleton, BreadcrumbItem, BreadcrumbItemProps, Breadcrumbs, BreadcrumbsProps, Button, ButtonColor, ButtonLink, ButtonLinkProps, ButtonProps, ButtonVariant, Card, CardActions, CardActionsProps, CardBody, CardBodyProps, CardHeader, CardHeaderProps, CardProps, Checkbox, CheckboxGroup, CheckboxGroupOrientation, CheckboxGroupProps, CheckboxGroupState, CheckboxProps, ColorPalette, Comp, ConditionalWrapper, ConditionalWrapperProps, ContainerProps, DataVizColorPalette, DetailedCard, DetailedCardCollapsibleSectionItems, DetailedCardCollapsibleSectionItemsProps, DetailedCardHeader, DetailedCardHeaderProps, DetailedCardProps, DetailedCardSection, DetailedCardSectionItem, DetailedCardSectionItemProps, DetailedCardSectionProps, Falsy, FlexDirection, FlexLayoutProps, FlexWrap, Flexbox, FlexboxProps, FontFamily, Grid, GridItem, GridItemProps, GridLayoutProps, GridProps, Heading, HeadingComponent, HeadingProps, HeadingVariant, Icon, IconButton, IconButtonColor, IconButtonProps, IconButtonVariant, IconProps, IconSize, InternalSpacingProps, JustifyContent, JustifyItems, JustifySelf, LayoutProps, Link, LinkButton, LinkButtonProps, LinkProps, Menu, MenuBarItems, MenuItem, NeutralColorPalette, Number, NumberFormatOptions, NumberProps, Pill, PillProps, PositioningProps, ProductColorPalette, Radio, RadioGroup, RadioGroupOrientation, RadioGroupProps, RadioGroupState, RadioProps, RedsiftAppBarColorBackground, RedsiftAppBarColorExpandIconBackgroundHover, RedsiftAppBarColorExpandIconHover, RedsiftAppBarColorExpandIconResting, RedsiftAppBarColorText, RedsiftColorDefaultActive, RedsiftColorDefaultActiveHover, RedsiftColorDefaultHover, RedsiftColorDefaultPrimary, RedsiftColorDefaultPrimaryActive, RedsiftColorDefaultPrimaryActiveHover, RedsiftColorDefaultSecondary, RedsiftColorErrorActive, RedsiftColorErrorActiveHover, RedsiftColorErrorHover, RedsiftColorErrorPrimary, RedsiftColorErrorPrimaryActive, RedsiftColorErrorPrimaryActiveHover, RedsiftColorErrorSecondary, RedsiftColorHardenizeActive, RedsiftColorHardenizeActiveHover, RedsiftColorHardenizeHover, RedsiftColorHardenizePrimary, RedsiftColorHardenizePrimaryActive, RedsiftColorHardenizePrimaryActiveHover, RedsiftColorHardenizeSecondary, RedsiftColorInfoActive, RedsiftColorInfoActiveHover, RedsiftColorInfoHover, RedsiftColorInfoPrimary, RedsiftColorInfoPrimaryActive, RedsiftColorInfoPrimaryActiveHover, RedsiftColorInfoSecondary, RedsiftColorNeutralBlack, RedsiftColorNeutralDarkgrey, RedsiftColorNeutralLightgrey, RedsiftColorNeutralMidgrey, RedsiftColorNeutralWhite, RedsiftColorNeutralXlightgrey, RedsiftColorNoDataActive, RedsiftColorNoDataActiveHover, RedsiftColorNoDataHover, RedsiftColorNoDataPrimary, RedsiftColorNoDataPrimaryActive, RedsiftColorNoDataPrimaryActiveHover, RedsiftColorNoDataSecondary, RedsiftColorOndmarcActive, RedsiftColorOndmarcActiveHover, RedsiftColorOndmarcHover, RedsiftColorOndmarcPrimary, RedsiftColorOndmarcPrimaryActive, RedsiftColorOndmarcPrimaryActiveHover, RedsiftColorOndmarcSecondary, RedsiftColorOndomainActive, RedsiftColorOndomainActiveHover, RedsiftColorOndomainHover, RedsiftColorOndomainPrimary, RedsiftColorOndomainPrimaryActive, RedsiftColorOndomainPrimaryActiveHover, RedsiftColorOndomainSecondary, RedsiftColorOninboxActive, RedsiftColorOninboxActiveHover, RedsiftColorOninboxHover, RedsiftColorOninboxPrimary, RedsiftColorOninboxPrimaryActive, RedsiftColorOninboxPrimaryActiveHover, RedsiftColorOninboxSecondary, RedsiftColorQuestionActive, RedsiftColorQuestionActiveHover, RedsiftColorQuestionHover, RedsiftColorQuestionPrimary, RedsiftColorQuestionPrimaryActive, RedsiftColorQuestionPrimaryActiveHover, RedsiftColorQuestionSecondary, RedsiftColorSuccessActive, RedsiftColorSuccessActiveHover, RedsiftColorSuccessHover, RedsiftColorSuccessPrimary, RedsiftColorSuccessPrimaryActive, RedsiftColorSuccessPrimaryActiveHover, RedsiftColorSuccessSecondary, RedsiftColorToolsActive, RedsiftColorToolsActiveHover, RedsiftColorToolsHover, RedsiftColorToolsPrimary, RedsiftColorToolsPrimaryActive, RedsiftColorToolsPrimaryActiveHover, RedsiftColorToolsSecondary, RedsiftColorWarningActive, RedsiftColorWarningActiveHover, RedsiftColorWarningHover, RedsiftColorWarningPrimary, RedsiftColorWarningPrimaryActive, RedsiftColorWarningPrimaryActiveHover, RedsiftColorWarningSecondary, RedsiftColorWebsiteActive, RedsiftColorWebsiteActiveHover, RedsiftColorWebsiteHover, RedsiftColorWebsitePrimary, RedsiftColorWebsitePrimaryActive, RedsiftColorWebsitePrimaryActiveHover, RedsiftColorWebsiteSecondary, RedsiftDataVizColorAquaDark, RedsiftDataVizColorAquaDarker, RedsiftDataVizColorAquaDarkerer, RedsiftDataVizColorAquaDefault, RedsiftDataVizColorAquaLight, RedsiftDataVizColorAquaLighter, RedsiftDataVizColorAquaLighterer, RedsiftDataVizColorBlueDark, RedsiftDataVizColorBlueDarker, RedsiftDataVizColorBlueDarkerer, RedsiftDataVizColorBlueDefault, RedsiftDataVizColorBlueLight, RedsiftDataVizColorBlueLighter, RedsiftDataVizColorBlueLighterer, RedsiftDataVizColorBrownDark, RedsiftDataVizColorBrownDarker, RedsiftDataVizColorBrownDarkerer, RedsiftDataVizColorBrownDefault, RedsiftDataVizColorBrownLight, RedsiftDataVizColorBrownLighter, RedsiftDataVizColorBrownLighterer, RedsiftDataVizColorGreenDark, RedsiftDataVizColorGreenDarker, RedsiftDataVizColorGreenDarkerer, RedsiftDataVizColorGreenDefault, RedsiftDataVizColorGreenLight, RedsiftDataVizColorGreenLighter, RedsiftDataVizColorGreenLighterer, RedsiftDataVizColorGreyDark, RedsiftDataVizColorGreyDarker, RedsiftDataVizColorGreyDarkerer, RedsiftDataVizColorGreyDefault, RedsiftDataVizColorGreyLight, RedsiftDataVizColorGreyLighter, RedsiftDataVizColorGreyLighterer, RedsiftDataVizColorOrangeDark, RedsiftDataVizColorOrangeDarker, RedsiftDataVizColorOrangeDarkerer, RedsiftDataVizColorOrangeDefault, RedsiftDataVizColorOrangeLight, RedsiftDataVizColorOrangeLighter, RedsiftDataVizColorOrangeLighterer, RedsiftDataVizColorPinkDark, RedsiftDataVizColorPinkDarker, RedsiftDataVizColorPinkDarkerer, RedsiftDataVizColorPinkDefault, RedsiftDataVizColorPinkLight, RedsiftDataVizColorPinkLighter, RedsiftDataVizColorPinkLighterer, RedsiftDataVizColorPurpleDark, RedsiftDataVizColorPurpleDarker, RedsiftDataVizColorPurpleDarkerer, RedsiftDataVizColorPurpleDefault, RedsiftDataVizColorPurpleLight, RedsiftDataVizColorPurpleLighter, RedsiftDataVizColorPurpleLighterer, RedsiftDataVizColorRedDark, RedsiftDataVizColorRedDarker, RedsiftDataVizColorRedDarkerer, RedsiftDataVizColorRedDefault, RedsiftDataVizColorRedLight, RedsiftDataVizColorRedLighter, RedsiftDataVizColorRedLighterer, RedsiftDataVizColorYellowDark, RedsiftDataVizColorYellowDarker, RedsiftDataVizColorYellowDarkerer, RedsiftDataVizColorYellowDefault, RedsiftDataVizColorYellowLight, RedsiftDataVizColorYellowLighter, RedsiftDataVizColorYellowLighterer, RedsiftLayoutZIndexDialog, RedsiftLayoutZIndexDropdown, RedsiftLayoutZIndexFooter, RedsiftLayoutZIndexHeader, RedsiftLayoutZIndexOverlay, RedsiftLayoutZIndexPopover, RedsiftLayoutZIndexSidePanel, RedsiftLayoutZIndexTooltip, RedsiftSideNavigationColorBackground, RedsiftSideNavigationColorMenuItemActive, RedsiftSideNavigationColorMenuItemBackgroundActive, RedsiftSideNavigationColorMenuItemBackgroundHover, RedsiftSideNavigationColorMenuItemBackgroundSecondary, RedsiftSideNavigationColorMenuItemTextDisabled, RedsiftSideNavigationColorMenuItemTextHover, RedsiftSideNavigationColorMenuItemTextResting, RedsiftSideNavigationColorScrollbarHover, RedsiftSideNavigationColorScrollbarResting, RedsiftTypographyBadgeFontFamily, RedsiftTypographyBadgeFontSize, RedsiftTypographyBadgeFontWeight, RedsiftTypographyBadgeLineHeight, RedsiftTypographyBody2FontFamily, RedsiftTypographyBody2FontSize, RedsiftTypographyBody2FontWeight, RedsiftTypographyBody2LineHeight, RedsiftTypographyBodyFontFamily, RedsiftTypographyBodyFontSize, RedsiftTypographyBodyFontWeight, RedsiftTypographyBodyLineHeight, RedsiftTypographyBodyTextTransform, RedsiftTypographyButtonFontFamily, RedsiftTypographyButtonFontSize, RedsiftTypographyButtonFontWeight, RedsiftTypographyButtonLineHeight, RedsiftTypographyButtonTextTransform, RedsiftTypographyCaptionFontFamily, RedsiftTypographyCaptionFontSize, RedsiftTypographyCaptionFontWeight, RedsiftTypographyCaptionLineHeight, RedsiftTypographyCaptionTextTransform, RedsiftTypographyChipFontFamily, RedsiftTypographyChipFontSize, RedsiftTypographyChipFontWeight, RedsiftTypographyChipLineHeight, RedsiftTypographyDatagridCellFontFamily, RedsiftTypographyDatagridCellFontSize, RedsiftTypographyDatagridCellFontWeight, RedsiftTypographyDatagridCellLineHeight, RedsiftTypographyDatagridHeaderFontFamily, RedsiftTypographyDatagridHeaderFontSize, RedsiftTypographyDatagridHeaderFontWeight, RedsiftTypographyDatagridHeaderLineHeight, RedsiftTypographyFontFamilyElectrolize, RedsiftTypographyFontFamilyRaleway, RedsiftTypographyFontFamilySourceCodePro, RedsiftTypographyFontWeightBold, RedsiftTypographyFontWeightMedium, RedsiftTypographyFontWeightRegular, RedsiftTypographyFontWeightSemiBold, RedsiftTypographyH1FontFamily, RedsiftTypographyH1FontSize, RedsiftTypographyH1FontWeight, RedsiftTypographyH1LineHeight, RedsiftTypographyH1TextTransform, RedsiftTypographyH2FontFamily, RedsiftTypographyH2FontSize, RedsiftTypographyH2FontWeight, RedsiftTypographyH2LineHeight, RedsiftTypographyH2TextTransform, RedsiftTypographyH3FontFamily, RedsiftTypographyH3FontSize, RedsiftTypographyH3FontWeight, RedsiftTypographyH3LineHeight, RedsiftTypographyH3TextTransform, RedsiftTypographyH4FontFamily, RedsiftTypographyH4FontSize, RedsiftTypographyH4FontWeight, RedsiftTypographyH4LineHeight, RedsiftTypographyH4TextTransform, RedsiftTypographyH5FontFamily, RedsiftTypographyH5FontSize, RedsiftTypographyH5FontWeight, RedsiftTypographyH5LineHeight, RedsiftTypographyH5TextTransform, RedsiftTypographyHelperFontFamily, RedsiftTypographyHelperFontSize, RedsiftTypographyHelperFontWeight, RedsiftTypographyHelperLineHeight, RedsiftTypographyInputTextFontFamily, RedsiftTypographyInputTextFontSize, RedsiftTypographyInputTextFontWeight, RedsiftTypographyInputTextLineHeight, RedsiftTypographyLinkFontFamily, RedsiftTypographyLinkFontSize, RedsiftTypographyLinkFontWeight, RedsiftTypographyLinkLineHeight, RedsiftTypographyPillFontFamily, RedsiftTypographyPillFontSize, RedsiftTypographyPillFontWeight, RedsiftTypographyPillLineHeight, RedsiftTypographySubtitleFontFamily, RedsiftTypographySubtitleFontSize, RedsiftTypographySubtitleFontWeight, RedsiftTypographySubtitleLineHeight, RedsiftTypographySubtitleTextTransform, RedsiftTypographyTooltipFontFamily, RedsiftTypographyTooltipFontSize, RedsiftTypographyTooltipFontWeight, RedsiftTypographyTooltipLineHeight, Shield, ShieldProps, ShieldVariant, SideNavigationMenu, SideNavigationMenuBar, SideNavigationMenuBarContextProps, SideNavigationMenuBarProps, SideNavigationMenuContextProps, SideNavigationMenuItem, SideNavigationMenuItemProps, SideNavigationMenuProps, SideNavigationMenuReducerAction, SideNavigationMenuReducerActionType, SideNavigationMenuReducerState, SizingProps, Skeleton, SkeletonCircle, SkeletonCircleProps, SkeletonProps, SkeletonText, SkeletonTextProps, SkeletonTextVariant, SpacingProps, Spinner, SpinnerColor, SpinnerProps, SpinnerSize, StyledAlertProps, StyledAppBarProps, StyledAppContainerProps, StyledAppContentProps, StyledAppSidePanelProps, StyledBadgeProps, StyledBreadcrumbItemProps, StyledBreadcrumbsProps, StyledButton, StyledButtonLinkProps, StyledButtonProps, StyledCardActionsProps, StyledCardBodyProps, StyledCardHeaderProps, StyledCardProps, StyledCheckboxGroupProps, StyledCheckboxProps, StyledDetailedCardCollapsibleSectionItemsProps, StyledDetailedCardHeaderProps, StyledDetailedCardProps, StyledDetailedCardSectionItemProps, StyledDetailedCardSectionProps, StyledFlexboxProps, StyledGridItemProps, StyledGridProps, StyledHeadingProps, StyledIconButtonProps, StyledIconProps, StyledLink, StyledLinkButtonProps, StyledLinkProps, StyledNumberProps, StyledPillProps, StyledRadioGroupProps, StyledRadioProps, StyledShieldProps, StyledSideNavigationMenuBarProps, StyledSideNavigationMenuItemProps, StyledSideNavigationMenuProps, StyledSkeletonCircleProps, StyledSkeletonProps, StyledSkeletonTextProps, StyledSpinnerProps, StyledSwitchGroupProps, StyledSwitchProps, StyledTextFieldProps, StyledTextProps, StylingProps, Switch, SwitchGroup, SwitchGroupOrientation, SwitchGroupProps, SwitchGroupState, SwitchProps, Text, TextComponent, TextField, TextFieldProps, TextFieldVariant, TextProps, TextVariant, UseSideNavigationMenuBarProps, ValueOf, baseContainer, baseFlexbox, baseGrid, baseInternalSpacing, baseLayout, basePositioning, baseSizing, baseSpacing, baseStyling, filterComponents, focusRing, isComponent, partitionComponents, useAppSidePanel, useBoundingClientRect, useSideNavigationMenuBar, useWindowSize, warnIfNoAccessibleLabelFound };
+export { ActiveDescendantListbox, Alert, AlertProps, AlertVariant, AlignContent, AlignItems, AlignSelf, AppBar, AppBarProps, AppContainer, AppContainerContext, AppContainerProps, AppContainerState, AppContent, AppContentProps, AppSidePanel, AppSidePanelProps, AppSidePanelVariant, Badge, BadgeProps, BadgeVariant, BaseBreadcrumbs, BaseFocusWithinGroupAction, BaseGrid, BaseSkeleton, BreadcrumbItem, BreadcrumbItemProps, Breadcrumbs, BreadcrumbsProps, Button, ButtonColor, ButtonLink, ButtonLinkProps, ButtonProps, ButtonVariant, Card, CardActions, CardActionsProps, CardBody, CardBodyProps, CardHeader, CardHeaderProps, CardProps, Checkbox, CheckboxGroup, CheckboxGroupOrientation, CheckboxGroupProps, CheckboxGroupState, CheckboxProps, Comp, ConditionalWrapper, ConditionalWrapperProps, ContainerProps, CtasColorPalette, DetailedCard, DetailedCardCollapsibleSectionItems, DetailedCardCollapsibleSectionItemsProps, DetailedCardHeader, DetailedCardHeaderProps, DetailedCardProps, DetailedCardSection, DetailedCardSectionItem, DetailedCardSectionItemProps, DetailedCardSectionProps, EventKey, FOCUS_WITHING_GROUP_INITIAL_STATE, Falsy, FlexDirection, FlexLayoutProps, FlexWrap, Flexbox, FlexboxProps, FocusWithinGroup, FocusWithinGroupAction, FocusWithinGroupActionType, FocusWithinGroupContext, FocusWithinGroupContextProps, FocusWithinGroupOptions, FocusWithinGroupProps, FocusWithinGroupReducer, FocusWithinGroupState, FontFamily, Grid, GridItem, GridItemProps, GridLayoutProps, GridProps, Heading, HeadingComponent, HeadingProps, HeadingVariant, Icon, IconButton, IconButtonColor, IconButtonProps, IconButtonVariant, IconDimensions, IconProps, IconSize, InternalSpacingProps, Item, ItemProps, JustifyContent, JustifyItems, JustifySelf, KeyDirection, LISTBOX_INITIAL_STATE, LayoutProps, Link, LinkButton, LinkButtonProps, LinkProps, Listbox, ListboxAction, ListboxActionType, ListboxContext, ListboxContextProps, ListboxProps, ListboxReducer, ListboxState, ListboxVariant, Menu, MenuBarItems, MenuItem, Navigation, NeutralColorPalette, NotificationsColorPalette, Number, NumberFormatOptions, NumberProps, Pill, PillProps, PositioningProps, PresentationColorPalette, Product, ProductColorPalette, ProductName, Radio, RadioGroup, RadioGroupOrientation, RadioGroupProps, RadioGroupState, RadioProps, RedsiftAppBarColorBackground, RedsiftAppBarColorExpandIconBackgroundHover, RedsiftAppBarColorExpandIconHover, RedsiftAppBarColorExpandIconResting, RedsiftAppBarColorText, RedsiftColorCtasPrimaryActive, RedsiftColorCtasPrimaryActiveHover, RedsiftColorCtasPrimaryButtonActive, RedsiftColorCtasPrimaryButtonActiveHover, RedsiftColorCtasPrimaryButtonHover, RedsiftColorCtasPrimaryHover, RedsiftColorCtasPrimaryPrimary, RedsiftColorCtasSecondaryActive, RedsiftColorCtasSecondaryActiveHover, RedsiftColorCtasSecondaryButtonActive, RedsiftColorCtasSecondaryButtonActiveHover, RedsiftColorCtasSecondaryButtonHover, RedsiftColorCtasSecondaryHover, RedsiftColorCtasSecondaryPrimary, RedsiftColorNeutralBlack, RedsiftColorNeutralDarkgrey, RedsiftColorNeutralLightgrey, RedsiftColorNeutralMidgrey, RedsiftColorNeutralWhite, RedsiftColorNeutralXlightgrey, RedsiftColorNotificationsErrorActive, RedsiftColorNotificationsErrorActiveHover, RedsiftColorNotificationsErrorButtonActive, RedsiftColorNotificationsErrorButtonActiveHover, RedsiftColorNotificationsErrorButtonHover, RedsiftColorNotificationsErrorHover, RedsiftColorNotificationsErrorPrimary, RedsiftColorNotificationsInfoActive, RedsiftColorNotificationsInfoActiveHover, RedsiftColorNotificationsInfoButtonActive, RedsiftColorNotificationsInfoButtonActiveHover, RedsiftColorNotificationsInfoButtonHover, RedsiftColorNotificationsInfoHover, RedsiftColorNotificationsInfoPrimary, RedsiftColorNotificationsNoDataActive, RedsiftColorNotificationsNoDataActiveHover, RedsiftColorNotificationsNoDataButtonActive, RedsiftColorNotificationsNoDataButtonActiveHover, RedsiftColorNotificationsNoDataButtonHover, RedsiftColorNotificationsNoDataHover, RedsiftColorNotificationsNoDataPrimary, RedsiftColorNotificationsQuestionActive, RedsiftColorNotificationsQuestionActiveHover, RedsiftColorNotificationsQuestionButtonActive, RedsiftColorNotificationsQuestionButtonActiveHover, RedsiftColorNotificationsQuestionButtonHover, RedsiftColorNotificationsQuestionHover, RedsiftColorNotificationsQuestionPrimary, RedsiftColorNotificationsSuccessActive, RedsiftColorNotificationsSuccessActiveHover, RedsiftColorNotificationsSuccessButtonActive, RedsiftColorNotificationsSuccessButtonActiveHover, RedsiftColorNotificationsSuccessButtonHover, RedsiftColorNotificationsSuccessHover, RedsiftColorNotificationsSuccessPrimary, RedsiftColorNotificationsWarningActive, RedsiftColorNotificationsWarningActiveHover, RedsiftColorNotificationsWarningButtonActive, RedsiftColorNotificationsWarningButtonActiveHover, RedsiftColorNotificationsWarningButtonHover, RedsiftColorNotificationsWarningHover, RedsiftColorNotificationsWarningPrimary, RedsiftColorPresentationAquaDark, RedsiftColorPresentationAquaDarker, RedsiftColorPresentationAquaDarkerer, RedsiftColorPresentationAquaDefault, RedsiftColorPresentationAquaLight, RedsiftColorPresentationAquaLighter, RedsiftColorPresentationAquaLighterer, RedsiftColorPresentationBlueDark, RedsiftColorPresentationBlueDarker, RedsiftColorPresentationBlueDarkerer, RedsiftColorPresentationBlueDefault, RedsiftColorPresentationBlueLight, RedsiftColorPresentationBlueLighter, RedsiftColorPresentationBlueLighterer, RedsiftColorPresentationBrownDark, RedsiftColorPresentationBrownDarker, RedsiftColorPresentationBrownDarkerer, RedsiftColorPresentationBrownDefault, RedsiftColorPresentationBrownLight, RedsiftColorPresentationBrownLighter, RedsiftColorPresentationBrownLighterer, RedsiftColorPresentationGreenDark, RedsiftColorPresentationGreenDarker, RedsiftColorPresentationGreenDarkerer, RedsiftColorPresentationGreenDefault, RedsiftColorPresentationGreenLight, RedsiftColorPresentationGreenLighter, RedsiftColorPresentationGreenLighterer, RedsiftColorPresentationGreyDark, RedsiftColorPresentationGreyDarker, RedsiftColorPresentationGreyDarkerer, RedsiftColorPresentationGreyDefault, RedsiftColorPresentationGreyLight, RedsiftColorPresentationGreyLighter, RedsiftColorPresentationGreyLighterer, RedsiftColorPresentationOrangeDark, RedsiftColorPresentationOrangeDarker, RedsiftColorPresentationOrangeDarkerer, RedsiftColorPresentationOrangeDefault, RedsiftColorPresentationOrangeLight, RedsiftColorPresentationOrangeLighter, RedsiftColorPresentationOrangeLighterer, RedsiftColorPresentationPinkDark, RedsiftColorPresentationPinkDarker, RedsiftColorPresentationPinkDarkerer, RedsiftColorPresentationPinkDefault, RedsiftColorPresentationPinkLight, RedsiftColorPresentationPinkLighter, RedsiftColorPresentationPinkLighterer, RedsiftColorPresentationPurpleDark, RedsiftColorPresentationPurpleDarker, RedsiftColorPresentationPurpleDarkerer, RedsiftColorPresentationPurpleDefault, RedsiftColorPresentationPurpleLight, RedsiftColorPresentationPurpleLighter, RedsiftColorPresentationPurpleLighterer, RedsiftColorPresentationRedDark, RedsiftColorPresentationRedDarker, RedsiftColorPresentationRedDarkerer, RedsiftColorPresentationRedDefault, RedsiftColorPresentationRedLight, RedsiftColorPresentationRedLighter, RedsiftColorPresentationRedLighterer, RedsiftColorPresentationYellowDark, RedsiftColorPresentationYellowDarker, RedsiftColorPresentationYellowDarkerer, RedsiftColorPresentationYellowDefault, RedsiftColorPresentationYellowLight, RedsiftColorPresentationYellowLighter, RedsiftColorPresentationYellowLighterer, RedsiftColorProductAsm, RedsiftColorProductBrandTrust, RedsiftColorProductCertificates, RedsiftColorProductOndmarc, RedsiftColorProductRadar, RedsiftColorProductRojoDs, RedsiftColorProductVendorSecure, RedsiftColorProductWebsite, RedsiftColorRedsift, RedsiftLayoutZIndexDialog, RedsiftLayoutZIndexDropdown, RedsiftLayoutZIndexFooter, RedsiftLayoutZIndexHeader, RedsiftLayoutZIndexOverlay, RedsiftLayoutZIndexPopover, RedsiftLayoutZIndexSidePanel, RedsiftLayoutZIndexTooltip, RedsiftSideNavigationColorBackground, RedsiftSideNavigationColorMenuItemActive, RedsiftSideNavigationColorMenuItemBackgroundActive, RedsiftSideNavigationColorMenuItemBackgroundHover, RedsiftSideNavigationColorMenuItemBackgroundSecondary, RedsiftSideNavigationColorMenuItemTextDisabled, RedsiftSideNavigationColorMenuItemTextHover, RedsiftSideNavigationColorMenuItemTextResting, RedsiftSideNavigationColorScrollbarHover, RedsiftSideNavigationColorScrollbarResting, RedsiftTypographyBadgeFontFamily, RedsiftTypographyBadgeFontSize, RedsiftTypographyBadgeFontWeight, RedsiftTypographyBadgeLineHeight, RedsiftTypographyBodyFontFamily, RedsiftTypographyBodyFontSize, RedsiftTypographyBodyFontWeight, RedsiftTypographyBodyLineHeight, RedsiftTypographyBodyTextTransform, RedsiftTypographyButtonFontFamily, RedsiftTypographyButtonFontSize, RedsiftTypographyButtonFontWeight, RedsiftTypographyButtonLineHeight, RedsiftTypographyButtonTextTransform, RedsiftTypographyCaptionFontFamily, RedsiftTypographyCaptionFontSize, RedsiftTypographyCaptionFontWeight, RedsiftTypographyCaptionLineHeight, RedsiftTypographyCaptionTextTransform, RedsiftTypographyChipFontFamily, RedsiftTypographyChipFontSize, RedsiftTypographyChipFontWeight, RedsiftTypographyChipLineHeight, RedsiftTypographyDatagridCellFontFamily, RedsiftTypographyDatagridCellFontSize, RedsiftTypographyDatagridCellFontWeight, RedsiftTypographyDatagridCellLineHeight, RedsiftTypographyDatagridHeaderFontFamily, RedsiftTypographyDatagridHeaderFontSize, RedsiftTypographyDatagridHeaderFontWeight, RedsiftTypographyDatagridHeaderLineHeight, RedsiftTypographyFontFamilyPoppins, RedsiftTypographyFontFamilySourceCodePro, RedsiftTypographyFontWeightBlack, RedsiftTypographyFontWeightBold, RedsiftTypographyFontWeightExtraBold, RedsiftTypographyFontWeightExtraLight, RedsiftTypographyFontWeightLight, RedsiftTypographyFontWeightMedium, RedsiftTypographyFontWeightRegular, RedsiftTypographyFontWeightSemiBold, RedsiftTypographyFontWeightThin, RedsiftTypographyH1FontFamily, RedsiftTypographyH1FontSize, RedsiftTypographyH1FontWeight, RedsiftTypographyH1LineHeight, RedsiftTypographyH1TextTransform, RedsiftTypographyH2FontFamily, RedsiftTypographyH2FontSize, RedsiftTypographyH2FontWeight, RedsiftTypographyH2LineHeight, RedsiftTypographyH2TextTransform, RedsiftTypographyH3FontFamily, RedsiftTypographyH3FontSize, RedsiftTypographyH3FontWeight, RedsiftTypographyH3LineHeight, RedsiftTypographyH3TextTransform, RedsiftTypographyH4FontFamily, RedsiftTypographyH4FontSize, RedsiftTypographyH4FontWeight, RedsiftTypographyH4LineHeight, RedsiftTypographyH4TextTransform, RedsiftTypographyH5FontFamily, RedsiftTypographyH5FontSize, RedsiftTypographyH5FontWeight, RedsiftTypographyH5LineHeight, RedsiftTypographyH5TextTransform, RedsiftTypographyHelperFontFamily, RedsiftTypographyHelperFontSize, RedsiftTypographyHelperFontWeight, RedsiftTypographyHelperLineHeight, RedsiftTypographyHelperTextTransform, RedsiftTypographyInputTextFontFamily, RedsiftTypographyInputTextFontSize, RedsiftTypographyInputTextFontWeight, RedsiftTypographyInputTextLineHeight, RedsiftTypographyLinkFontFamily, RedsiftTypographyLinkFontSize, RedsiftTypographyLinkFontWeight, RedsiftTypographyLinkLineHeight, RedsiftTypographyPillFontFamily, RedsiftTypographyPillFontSize, RedsiftTypographyPillFontWeight, RedsiftTypographyPillLineHeight, RedsiftTypographyTooltipFontFamily, RedsiftTypographyTooltipFontSize, RedsiftTypographyTooltipFontWeight, RedsiftTypographyTooltipLineHeight, RovingTabindexListbox, RowStartMap, Shield, ShieldProps, ShieldVariant, SideNavigationMenu, SideNavigationMenuBar, SideNavigationMenuBarContextProps, SideNavigationMenuBarProps, SideNavigationMenuBarVariant, SideNavigationMenuContextProps, SideNavigationMenuItem, SideNavigationMenuItemProps, SideNavigationMenuProps, SideNavigationMenuReducerAction, SideNavigationMenuReducerActionType, SideNavigationMenuReducerState, SizingProps, Skeleton, SkeletonCircle, SkeletonCircleProps, SkeletonProps, SkeletonText, SkeletonTextProps, SkeletonTextVariant, SpacingProps, Spinner, SpinnerProps, SpinnerSize, StyledAlertProps, StyledAppBarProps, StyledAppContainerProps, StyledAppContentProps, StyledAppSidePanelProps, StyledBadgeProps, StyledBreadcrumbItemProps, StyledBreadcrumbsProps, StyledButton, StyledButtonLinkProps, StyledButtonProps, StyledCardActionsProps, StyledCardBodyProps, StyledCardHeaderProps, StyledCardProps, StyledCheckboxGroupProps, StyledCheckboxProps, StyledDetailedCardCollapsibleSectionItemsProps, StyledDetailedCardHeaderProps, StyledDetailedCardProps, StyledDetailedCardSectionItemProps, StyledDetailedCardSectionProps, StyledFlexboxProps, StyledGridItemProps, StyledGridProps, StyledHeadingProps, StyledIconButtonProps, StyledIconProps, StyledItemProps, StyledLink, StyledLinkButtonProps, StyledLinkProps, StyledListboxProps, StyledNumberProps, StyledPillProps, StyledRadioGroupProps, StyledRadioProps, StyledShieldProps, StyledSideNavigationMenuBarProps, StyledSideNavigationMenuItemProps, StyledSideNavigationMenuProps, StyledSkeletonCircleProps, StyledSkeletonProps, StyledSkeletonTextProps, StyledSpinnerProps, StyledSwitchGroupProps, StyledSwitchProps, StyledTextFieldProps, StyledTextProps, StylingProps, Switch, SwitchGroup, SwitchGroupOrientation, SwitchGroupProps, SwitchGroupState, SwitchProps, TabStop, Text, TextComponent, TextField, TextFieldProps, TextFieldVariant, TextProps, TextVariant, UseFocusGroupProps, UseFocusWithinGroupProps, UseListboxItemProps, UseSideNavigationMenuBarProps, ValueOf, baseContainer, baseFlexbox, baseGrid, baseInternalSpacing, baseLayout, basePositioning, baseSizing, baseSpacing, baseStyling, filterComponents, focusRing, isComponent, partitionComponents, sizeToDimension, uniqueId, useAppSidePanel, useBoundingClientRect, useFocusOnList, useFocusOnListItem, useSideNavigationMenuBar, useWindowSize, warnIfNoAccessibleLabelFound };