@czi-sds/components 19.4.0 → 20.0.1

package/dist/index.cjs.d.ts

@@ -30,7 +30,7 @@ import { TabProps as RawTabProps } from "@mui/material";
 import { TabsProps as RawTabsProps } from "@mui/material";
 import { ChipProps as ChipProps$0 } from "@mui/material";
 import React from "react";
-import { ReactElement, ReactNode, SyntheticEvent, ComponentType } from "react";
+import { CSSProperties, ReactElement, ReactNode, SyntheticEvent, ComponentType } from "react";
 import { Theme, ThemeOptions, TypographyStyle, PaletteOptions } from "@mui/material/styles";
 import { SerializedStyles } from "@emotion/react";
 import { AlertProps } from "@mui/lab";
@@ -43,8 +43,147 @@ interface SdsAccordionHeaderProps {
 }
 type AccordionHeaderProps = RawAccordionSummaryProps & SdsAccordionHeaderProps;
 declare const AccordionHeader: (props: AccordionHeaderProps) => import("react/jsx-runtime").JSX.Element;
-declare const defaultAppTheme: AppTheme;
-declare function makeThemeOptions(appTheme: AppTheme): SDSThemeOptions;
+/**
+ * (masoudmanson): The SDSComponentPalette is a custom palette based on
+ * the semantic design tokens for the SDS components.
+ */
+interface SDSComponentPalette {
+    base: {
+        fill: string;
+        fillHover: string;
+        fillPressed: string;
+        fillOpen: string;
+        fillSelected: string;
+        fillDisabled: string;
+        onFillDisabled: string;
+        surface: string;
+        surfacePrimary: string;
+        surfaceSecondary: string;
+        surfaceTertiary: string;
+        divider: string;
+        border: string;
+        borderHover: string;
+        borderDisabled: string;
+        icon: string;
+        iconHover: string;
+        iconPressed: string;
+        iconDisabled: string;
+    };
+    accent: {
+        fill: string;
+        fillHover: string;
+        fillPressed: string;
+        fillOnFill: string;
+        fillDisabled: string;
+        surface: string;
+        border: string;
+        borderHover: string;
+        borderOpen: string;
+        borderFocus: string;
+        borderSelected: string;
+        borderDisabled: string;
+        icon: string;
+    };
+    beta: {
+        fill: string;
+        fillHover: string;
+        fillPressed: string;
+        fillOnFill: string;
+        surface: string;
+        border: string;
+        icon: string;
+    };
+    info: {
+        fill: string;
+        fillHover: string;
+        fillPressed: string;
+        fillOnFill: string;
+        surface: string;
+        border: string;
+        icon: string;
+    };
+    negative: {
+        fill: string;
+        fillHover: string;
+        fillPressed: string;
+        fillOnFill: string;
+        surface: string;
+        border: string;
+        icon: string;
+    };
+    neutral: {
+        fill: string;
+        fillHover: string;
+        fillPressed: string;
+        fillOnFill: string;
+        surface: string;
+        border: string;
+        icon: string;
+    };
+    notice: {
+        fill: string;
+        fillHover: string;
+        fillPressed: string;
+        fillOnFill: string;
+        surface: string;
+        border: string;
+        icon: string;
+    };
+    positive: {
+        fill: string;
+        fillHover: string;
+        fillPressed: string;
+        fillOnFill: string;
+        surface: string;
+        border: string;
+        icon: string;
+    };
+}
+/**
+ * (masoudmanson): The SDSTextPalette is a custom palette based on the
+ * semantic design tokens for the SDS text based components.
+ */
+interface SDSTextPalette {
+    base: {
+        primary: string;
+        secondary: string;
+        disabled: string;
+        onFill: string;
+        onFillDisabled: string;
+        accent: string;
+    };
+    action: {
+        default: string;
+        hover: string;
+        pressed: string;
+    };
+    beta: string;
+    info: string;
+    negative: string;
+    notice: string;
+    positive: string;
+}
+/**
+ * (masoudmanson): Using module augmentation to extend the MUI Palette
+ * https://mui.com/material-ui/customization/palette/#typescript
+ */
+declare module "@mui/material/styles" {
+    // (masoudmanson): Extends the MUI TypeText to include the SDSTextPalette
+    // export interface TypeText extends SDSTextPalette {}
+    // (masoudmanson): Extends the MUI Palette to include the SDSComponentPalette and the SDSTextPalette
+    interface Palette {
+        sds: {
+            component: SDSComponentPalette;
+            text: SDSTextPalette;
+        };
+    }
+    interface PaletteOptions {
+        sds?: {
+            component?: SDSComponentPalette;
+            text?: SDSTextPalette;
+        };
+    }
+}
 interface SDSTheme extends Theme {
     app?: AppTheme;
 }
@@ -58,7 +197,7 @@ interface AppTheme {
     fontWeights: FontWeights;
     iconSizes: IconSizes;
     shadows: Shadows;
-    spacing: Spacings;
+    spacing: Spaces;
     typography: Typography;
 }
 interface Shadows {
@@ -68,38 +207,76 @@ interface Shadows {
     l: string;
 }
 interface Typography {
-    fontFamily: React.CSSProperties["fontFamily"];
+    fontFamily: {
+        body: CSSProperties["fontFamily"];
+        caps?: CSSProperties["fontFamily"];
+        code?: CSSProperties["fontFamily"];
+        header?: CSSProperties["fontFamily"];
+        tabular?: CSSProperties["fontFamily"];
+    };
     styles: {
-        header: {
-            xxl: TypographyStyle;
-            xl: TypographyStyle;
-            l: TypographyStyle;
-            m: TypographyStyle;
-            s: TypographyStyle;
-            xs: TypographyStyle;
-            xxs: TypographyStyle;
-            xxxs: TypographyStyle;
-        };
         body: {
-            button: TypographyStyle;
-            l: TypographyStyle;
-            m: TypographyStyle;
-            s: TypographyStyle;
-            xs: TypographyStyle;
-            xxs: TypographyStyle;
-            xxxs: TypographyStyle;
+            regular: {
+                button: TypographyStyle;
+                l: TypographyStyle;
+                m: TypographyStyle;
+                s: TypographyStyle;
+                xs: TypographyStyle;
+                xxs: TypographyStyle;
+                xxxs: TypographyStyle;
+            };
+            semibold: {
+                button: TypographyStyle;
+                l: TypographyStyle;
+                m: TypographyStyle;
+                s: TypographyStyle;
+                xs: TypographyStyle;
+                xxs: TypographyStyle;
+                xxxs: TypographyStyle;
+            };
         };
         caps: {
-            xxs: TypographyStyle;
-            xxxs: TypographyStyle;
-            xxxxs: TypographyStyle;
+            semibold: {
+                xxs: TypographyStyle;
+                xxxs: TypographyStyle;
+                xxxxs: TypographyStyle;
+            };
+        };
+        code: {
+            regular: {
+                s: TypographyStyle;
+                xs: TypographyStyle;
+            };
+            semibold: {
+                s: TypographyStyle;
+                xs: TypographyStyle;
+            };
+        };
+        header: {
+            semibold: {
+                xxl: TypographyStyle;
+                xl: TypographyStyle;
+                l: TypographyStyle;
+                m: TypographyStyle;
+                s: TypographyStyle;
+                xs: TypographyStyle;
+                xxs: TypographyStyle;
+                xxxs: TypographyStyle;
+            };
+        };
+        tabular: {
+            regular: {
+                s: TypographyStyle;
+                xs: TypographyStyle;
+            };
+            semibold: {
+                s: TypographyStyle;
+                xs: TypographyStyle;
+            };
         };
     };
 }
 interface FontWeights {
-    bold: number;
-    light: number;
-    medium: number;
     regular: number;
     semibold: number;
 }
@@ -120,24 +297,152 @@ interface Spaces {
     xl: number;
     xxl: number;
 }
+/**
+ * @deprecated
+ *
+ * (masoudmanson): The Spacings type is an alias for the Spaces type and
+ * is deprecated. It is recommended to use the Spaces type instead.
+ */
 type Spacings = Spaces;
 interface Color {
-    600?: string;
-    500?: string;
+    600: string;
+    500: string;
     400: string;
-    300?: string;
-    200?: string;
-    100?: string;
+    300: string;
+    200: string;
+    100: string;
 }
 interface Colors {
-    beta: Color;
-    primary: Color;
-    secondary: Color;
+    common: {
+        white: string;
+        black: string;
+    };
+    blue: Color;
     gray: Color;
-    info: Color;
-    success: Color;
-    warning: Color;
-    error: Color;
+    green: Color;
+    purple: Color;
+    red: Color;
+    yellow: Color;
+}
+interface AccentColor {
+    border: string;
+    borderDisabled: string;
+    borderFocus: string;
+    borderHover: string;
+    borderOpen: string;
+    borderSelected: string;
+    fill: string;
+    fillDisabled: string;
+    fillHover: string;
+    fillOnFill: string;
+    fillPressed: string;
+    icon: string;
+    surface: string;
+}
+interface BaseColor {
+    border: string;
+    borderDisabled: string;
+    borderHover: string;
+    divider: string;
+    fill: string;
+    fillDisabled: string;
+    fillHover: string;
+    fillOpen: string;
+    fillPressed: string;
+    fillSelected: string;
+    icon: string;
+    iconDisabled: string;
+    iconHover: string;
+    iconPressed: string;
+    onFillDisabled: string;
+    surface: string;
+    surfacePrimary: string;
+    surfaceSecondary: string;
+    surfaceTertiary: string;
+}
+interface BetaColor {
+    border: string;
+    fill: string;
+    fillHover: string;
+    fillOnFill: string;
+    fillPressed: string;
+    icon: string;
+    surface: string;
+}
+interface InfoColor {
+    border: string;
+    fill: string;
+    fillHover: string;
+    fillOnFill: string;
+    fillPressed: string;
+    icon: string;
+    surface: string;
+}
+interface NegativeColor {
+    border: string;
+    fill: string;
+    fillHover: string;
+    fillOnFill: string;
+    fillPressed: string;
+    icon: string;
+    surface: string;
+}
+interface NeutralColor {
+    border: string;
+    fill: string;
+    fillHover: string;
+    fillOnFill: string;
+    fillPressed: string;
+    icon: string;
+    surface: string;
+}
+interface NoticeColor {
+    border: string;
+    fill: string;
+    fillHover: string;
+    fillOnFill: string;
+    fillPressed: string;
+    icon: string;
+    surface: string;
+}
+interface PositiveColor {
+    border: string;
+    fill: string;
+    fillHover: string;
+    fillOnFill: string;
+    fillPressed: string;
+    icon: string;
+    surface: string;
+}
+interface SemanticComponentColors {
+    accent: AccentColor;
+    base: BaseColor;
+    beta: BetaColor;
+    info: InfoColor;
+    negative: NegativeColor;
+    notice: NoticeColor;
+    neutral: NeutralColor;
+    positive: PositiveColor;
+}
+interface SemanticTextColors {
+    action: {
+        default?: string;
+        hover?: string;
+        pressed?: string;
+    };
+    base: {
+        accent?: string;
+        disabled?: string;
+        onFill?: string;
+        onFillDisabled?: string;
+        primary?: string;
+        secondary?: string;
+    };
+    beta: string;
+    info: string;
+    negative: string;
+    notice: string;
+    positive: string;
 }
 interface IconSize {
     height: number;
@@ -151,24 +456,28 @@ interface IconSizes {
     input: IconSize;
 }
 interface Border {
-    600?: string;
-    500?: string;
-    400?: string;
-    300?: string;
-    200?: string;
-    100?: string;
-    dashed?: string;
+    default?: string;
+    divider?: string;
+    black?: string;
     solid?: string;
+    dashed?: string;
+    hover?: string;
+    disabled?: string;
+    table?: string;
 }
 interface Borders {
-    error: Border;
-    gray: Border;
+    accent: Border;
+    base: Border;
+    beta: Border;
+    info: Border;
     link: Border;
-    primary: Border;
-    success: Border;
-    warning: Border;
+    negative: Border;
+    none: string;
+    notice: Border;
+    positive: Border;
 }
-declare const defaultTheme: Theme;
+declare const defaultTheme: import("@mui/material/styles").Theme;
+declare const SDSAppTheme: AppTheme;
 declare function focusVisibleA11yStyle(): string;
 // (thuang): Somehow this namespace needs to be globally unique to prevent
 // namespace collisions.
@@ -177,29 +486,40 @@ interface CommonThemeProps {
     theme?: SDSTheme;
 }
 declare const getSpaces: ({ theme }: CommonThemeProps) => Spaces | null;
-declare const getSpacings: ({ theme }: CommonThemeProps) => Spacings | null;
+declare const getSpacings: ({ theme }: CommonThemeProps) => Spaces | null;
 declare const getTypography: ({ theme }: CommonThemeProps) => Typography | null;
 declare const getPalette: ({ theme }: CommonThemeProps) => PaletteOptions;
 declare const getColors: ({ theme }: CommonThemeProps) => Colors | null;
+declare const getSemanticComponentColors: ({ theme }: CommonThemeProps) => SemanticComponentColors | null;
+declare const getSemanticTextColors: ({ theme }: CommonThemeProps) => SemanticTextColors | null;
 declare const getShadows: ({ theme }: CommonThemeProps) => Shadows | null;
 declare const getCorners: ({ theme }: CommonThemeProps) => Corners | null;
 declare const getFontWeights: ({ theme }: CommonThemeProps) => FontWeights | null;
 declare const getIconSizes: ({ theme }: CommonThemeProps) => IconSizes | null;
 declare const getBorders: ({ theme }: CommonThemeProps) => Borders | null;
-type FontBodySize = keyof Typography["styles"]["body"];
-declare const fontBody: (fontSize: FontBodySize) => (props: CommonThemeProps) => SerializedStyles | null;
+type FontBodyWeight = keyof Typography["styles"]["body"];
+type FontBodySize<T extends FontBodyWeight> = keyof Typography["styles"]["body"][T];
+declare const fontBody: (fontSize: FontBodySize<FontBodyWeight>, fontWeight?: FontBodyWeight) => (props: CommonThemeProps) => SerializedStyles | null;
 declare const fontBodyL: (props: CommonThemeProps) => SerializedStyles | null;
 declare const fontBodyM: (props: CommonThemeProps) => SerializedStyles | null;
 declare const fontBodyS: (props: CommonThemeProps) => SerializedStyles | null;
 declare const fontBodyXs: (props: CommonThemeProps) => SerializedStyles | null;
 declare const fontBodyXxs: (props: CommonThemeProps) => SerializedStyles | null;
 declare const fontBodyXxxs: (props: CommonThemeProps) => SerializedStyles | null;
-type FontCapsSize = keyof Typography["styles"]["caps"];
+declare const fontBodySemiboldL: (props: CommonThemeProps) => SerializedStyles | null;
+declare const fontBodySemiboldM: (props: CommonThemeProps) => SerializedStyles | null;
+declare const fontBodySemiboldS: (props: CommonThemeProps) => SerializedStyles | null;
+declare const fontBodySemiboldXs: (props: CommonThemeProps) => SerializedStyles | null;
+declare const fontBodySemiboldXxs: (props: CommonThemeProps) => SerializedStyles | null;
+declare const fontBodySemiboldXxxs: (props: CommonThemeProps) => SerializedStyles | null;
+// Font Caps
+type FontCapsSize = keyof Typography["styles"]["caps"]["semibold"];
 declare const fontCaps: (fontSize: FontCapsSize) => (props: CommonThemeProps) => SerializedStyles | null;
 declare const fontCapsXxs: (props: CommonThemeProps) => SerializedStyles | null;
 declare const fontCapsXxxs: (props: CommonThemeProps) => SerializedStyles | null;
 declare const fontCapsXxxxs: (props: CommonThemeProps) => SerializedStyles | null;
-type FontHeaderSize = keyof Typography["styles"]["header"];
+// Font Header
+type FontHeaderSize = keyof Typography["styles"]["header"]["semibold"];
 declare const fontHeader: (fontSize: FontHeaderSize) => (props: CommonThemeProps) => SerializedStyles | null;
 declare const fontHeaderXxl: (props: CommonThemeProps) => SerializedStyles | null;
 declare const fontHeaderXl: (props: CommonThemeProps) => SerializedStyles | null;
@@ -209,6 +529,22 @@ declare const fontHeaderS: (props: CommonThemeProps) => SerializedStyles | null;
 declare const fontHeaderXs: (props: CommonThemeProps) => SerializedStyles | null;
 declare const fontHeaderXxs: (props: CommonThemeProps) => SerializedStyles | null;
 declare const fontHeaderXxxs: (props: CommonThemeProps) => SerializedStyles | null;
+// Font Code
+type FontCodeWeight = keyof Typography["styles"]["code"];
+type FontCodeSize<T extends FontCodeWeight> = keyof Typography["styles"]["code"][T];
+declare const fontCode: (fontSize: FontCodeSize<FontCodeWeight>, fontWeight?: FontCodeWeight) => (props: CommonThemeProps) => SerializedStyles | null;
+declare const fontCodeXs: (props: CommonThemeProps) => SerializedStyles | null;
+declare const fontCodeS: (props: CommonThemeProps) => SerializedStyles | null;
+declare const fontCodeSemiboldXs: (props: CommonThemeProps) => SerializedStyles | null;
+declare const fontCodeSemiboldS: (props: CommonThemeProps) => SerializedStyles | null;
+// Font Tabular
+type FontTabularWeight = keyof Typography["styles"]["tabular"];
+type FontTabularSize<T extends FontTabularWeight> = keyof Typography["styles"]["tabular"][T];
+declare const fontTabular: (fontSize: FontTabularSize<FontTabularWeight>, fontWeight?: FontTabularWeight) => (props: CommonThemeProps) => SerializedStyles | null;
+declare const fontTabularXs: (props: CommonThemeProps) => SerializedStyles | null;
+declare const fontTabularS: (props: CommonThemeProps) => SerializedStyles | null;
+declare const fontTabularSemiboldXs: (props: CommonThemeProps) => SerializedStyles | null;
+declare const fontTabularSemiboldS: (props: CommonThemeProps) => SerializedStyles | null;
 interface AccordionExtraProps extends CommonThemeProps {
     useDivider?: boolean;
     togglePosition?: "right" | "left";
@@ -224,109 +560,110 @@ declare const Accordion: React.ForwardRefExoticComponent<Omit<AccordionProps, "r
  */
 declare const Alert: (props: AlertProps) => JSX.Element;
 interface IconNameToSizes {
-    bacteria: "xs" | "s" | "l" | "xl";
-    barChartHorizontal3: "xs" | "s";
-    barChartVertical3: "xs" | "s";
-    barChartVertical4: "xs" | "s";
-    book: "l" | "xl";
-    check: "xs" | "s";
-    checkCircle: "xs" | "s" | "l" | "xl";
-    chevronDown: "xs" | "s" | "l" | "xl";
-    chevronDown2: "xs" | "s";
-    chevronLeft2: "xs" | "s";
-    chevronLeft: "xs" | "s" | "l" | "xl";
-    chevronRight2: "xs" | "s";
-    chevronRight: "xs" | "s" | "l" | "xl";
-    chevronUp: "xs" | "s" | "l" | "xl";
-    chevronUp2: "xs" | "s";
-    circlesOverlap: "xs" | "s" | "l" | "xl";
-    code: "l" | "xl";
-    compass: "l" | "xl";
-    copy: "xs" | "s" | "l" | "xl";
-    cube: "l" | "xl";
-    dna: "l" | "xl";
-    document: "xs" | "s";
-    dotsHorizontal: "xs" | "s" | "l" | "xl";
-    download: "xs" | "s" | "l" | "xl";
-    edit: "xs" | "s" | "l" | "xl";
-    envelope: "xs" | "s";
-    exclamationMarkCircle: "xs" | "s" | "l" | "xl";
-    exclamationMarkSpeechBubble: "l" | "xl";
-    eyeClosed: "xs" | "s";
-    eyeOpen: "xs" | "s";
-    filter: "xs" | "s";
-    flagCheck: "xs" | "s";
-    flagOutline: "xs" | "s";
-    flagQuestionmark: "xs" | "s";
-    flagXmark: "xs" | "s";
-    flask: "l" | "xl";
-    flaskPrivate: "l" | "xl";
-    flaskPublic: "l" | "xl";
-    gear: "xs" | "s";
-    globe: "xs" | "s";
-    globeBasic: "l" | "xl";
-    grid: "l" | "xl";
-    gridPrivate: "l" | "xl";
-    gridPublic: "l" | "xl";
-    gridThreeDots: "l" | "xl";
-    house: "xs" | "s";
-    infoCircle: "xs" | "s" | "l" | "xl";
-    infoSpeechBubble: "l" | "xl";
-    lifeRing: "xs" | "s";
-    lightBulb: "xs" | "s" | "l" | "xl";
-    linesDashed3Solid1: "xs" | "s";
-    linesHorizontal: "xs" | "s" | "l" | "xl";
-    link: "xs" | "s";
-    list: "xs" | "s";
-    loading: "xs" | "s" | "l" | "xl";
-    lock: "xs" | "s" | "l" | "xl";
-    lockCircle: "xs" | "s";
-    minus: "xs" | "s";
-    open: "xs" | "s";
-    people: "xs" | "s" | "l" | "xl";
-    percentage: "xs" | "s";
-    person: "xs" | "s" | "l" | "xl";
-    pin: "xs" | "s";
-    pinLocation: "xs" | "s";
-    play: "l" | "xl";
-    plus: "xs" | "s";
-    plusCircle: "xs" | "s";
-    projectPrivate: "l" | "xl";
-    projectPublic: "l" | "xl";
-    puzzlePiece: "xs" | "s";
-    questionMark: "l" | "xl";
-    quote: "l" | "xl";
-    read: "l" | "xl";
-    refresh: "xs" | "s" | "l" | "xl";
-    rocket: "l" | "xl";
-    save: "l" | "xl";
-    search: "xs" | "s" | "l" | "xl";
-    searchLinesHorizontal: "xs" | "s" | "l" | "xl";
-    share: "l" | "xl";
-    slidersHorizontal: "l" | "xl";
-    speechBubbles: "l" | "xl";
-    squareOnDashedSquare: "l" | "xl";
-    starburst: "xs" | "s";
-    star: "l" | "xl";
-    table: "xs" | "s";
-    trashCan: "xs" | "s" | "l" | "xl";
-    treeDendogram: "l" | "xl";
-    treeHorizontal: "xs" | "s" | "l" | "xl";
-    treeHorizontalPrivate: "l" | "xl";
-    treeHorizontalPublic: "l" | "xl";
-    treeHorizontalTopRightFilled: "l" | "xl";
-    treeVertical: "xs" | "s";
-    triangleDown: "xs" | "s";
-    triangleLeft: "xs" | "s";
-    triangleRight: "xs" | "s";
-    triangleUp: "xs" | "s";
-    updated: "l" | "xl";
-    upload: "l" | "xl";
-    virus: "l" | "xl";
-    virusCircleS: "l" | "xl";
-    widget: "l" | "xl";
-    xMark: "xs" | "s" | "l" | "xl";
-    xMarkCircle: "xs" | "s";
+    Bacteria: "xs" | "s" | "l" | "xl";
+    BarChartHorizontal3: "xs" | "s";
+    BarChartVertical3: "xs" | "s";
+    BarChartVertical4: "xs" | "s";
+    Book: "l" | "xl";
+    Check: "xs" | "s";
+    CheckCircle: "xs" | "s" | "l" | "xl";
+    ChevronDown: "xs" | "s" | "l" | "xl";
+    ChevronDown2: "xs" | "s";
+    ChevronLeft2: "xs" | "s";
+    ChevronLeft: "xs" | "s" | "l" | "xl";
+    ChevronRight2: "xs" | "s";
+    ChevronRight: "xs" | "s" | "l" | "xl";
+    ChevronUp: "xs" | "s" | "l" | "xl";
+    ChevronUp2: "xs" | "s";
+    CirclesOverlap2: "xs" | "s" | "l" | "xl";
+    Code: "l" | "xl";
+    Compass: "l" | "xl";
+    Copy: "xs" | "s" | "l" | "xl";
+    Cube: "xs" | "s" | "l" | "xl";
+    DNA: "l" | "xl";
+    Document: "xs" | "s";
+    DotsHorizontal: "xs" | "s" | "l" | "xl";
+    Download: "xs" | "s" | "l" | "xl";
+    Edit: "xs" | "s" | "l" | "xl";
+    Envelope: "xs" | "s";
+    ExclamationMarkCircle: "xs" | "s" | "l" | "xl";
+    ExclamationMarkSpeechBubble: "l" | "xl";
+    EyeClosed: "xs" | "s";
+    EyeOpen: "xs" | "s";
+    Filter: "xs" | "s";
+    FlagCheck: "xs" | "s";
+    FlagOutline: "xs" | "s";
+    FlagQuestionMark: "xs" | "s";
+    FlagXMark: "xs" | "s";
+    Flask: "l" | "xl";
+    FlaskPrivate: "l" | "xl";
+    FlaskPublic: "l" | "xl";
+    Gear: "xs" | "s";
+    Globe: "xs" | "s";
+    GlobeBasic: "l" | "xl";
+    Grid: "l" | "xl";
+    GridDots3: "l" | "xl";
+    GridPrivate: "l" | "xl";
+    GridPublic: "l" | "xl";
+    House: "xs" | "s";
+    InfoCircle: "xs" | "s" | "l" | "xl";
+    InfoSpeechBubble: "l" | "xl";
+    LifeRing: "xs" | "s";
+    LightBulb: "xs" | "s" | "l" | "xl";
+    LinesDashed3Solid1: "xs" | "s";
+    LinesHorizontal3: "xs" | "s" | "l" | "xl";
+    Link: "xs" | "s";
+    List: "xs" | "s";
+    Loading: "xs" | "s" | "l" | "xl";
+    Lock: "xs" | "s" | "l" | "xl";
+    LockCircle: "xs" | "s";
+    Minus: "xs" | "s";
+    Open: "xs" | "s";
+    People: "xs" | "s" | "l" | "xl";
+    Percentage: "xs" | "s";
+    Person: "xs" | "s" | "l" | "xl";
+    Pin: "xs" | "s";
+    PinLocation: "xs" | "s";
+    Play: "l" | "xl";
+    Plus: "xs" | "s";
+    PlusCircle: "xs" | "s";
+    ProjectPrivate: "l" | "xl";
+    ProjectPublic: "l" | "xl";
+    PuzzlePiece: "xs" | "s";
+    QuestionMark: "l" | "xl";
+    Quote: "l" | "xl";
+    Read: "l" | "xl";
+    Refresh: "xs" | "s" | "l" | "xl";
+    Report: "l" | "xl";
+    Rocket: "l" | "xl";
+    Save: "l" | "xl";
+    Search: "xs" | "s" | "l" | "xl";
+    SearchLinesHorizontal3: "xs" | "s" | "l" | "xl";
+    Share: "l" | "xl";
+    SlidersHorizontal: "l" | "xl";
+    SpeechBubbles: "l" | "xl";
+    SquareOnDashedSquare: "l" | "xl";
+    Starburst: "xs" | "s";
+    Star: "l" | "xl";
+    Table: "xs" | "s";
+    TrashCan: "xs" | "s" | "l" | "xl";
+    TreeDendogram: "l" | "xl";
+    TreeHorizontal: "xs" | "s" | "l" | "xl";
+    TreeHorizontalPrivate: "l" | "xl";
+    TreeHorizontalPublic: "l" | "xl";
+    TreeHorizontalTopRightFilled: "l" | "xl";
+    TreeVertical: "xs" | "s";
+    TriangleDown: "xs" | "s";
+    TriangleLeft: "xs" | "s";
+    TriangleRight: "xs" | "s";
+    TriangleUp: "xs" | "s";
+    Update: "l" | "xl";
+    Upload: "l" | "xl";
+    Virus: "l" | "xl";
+    VirusCircleS: "l" | "xl";
+    Widget: "l" | "xl";
+    XMark: "xs" | "s" | "l" | "xl";
+    XMarkCircle: "xs" | "s";
 }
 interface IconExtraProps<IconName extends keyof IconNameToSizes> extends CommonThemeProps {
     className?: string;
@@ -334,7 +671,7 @@ interface IconExtraProps<IconName extends keyof IconNameToSizes> extends CommonT
     sdsSize: IconNameToSizes[IconName];
     sdsType: "iconButton" | "interactive" | "static" | "button";
 }
-type SdsIconColorType = "beta" | "gray" | "primary" | "secondary" | "info" | "success" | "warning" | "error";
+type SdsIconColorType = "blue" | "gray" | "green" | "purple" | "red" | "yellow";
 interface SdsIconWithColor$0 {
     color?: SdsIconColorType;
     shade?: 100 | 200 | 300 | 400 | 500 | 600;
@@ -401,7 +738,7 @@ type MenuItemProps<IconName extends keyof IconNameToSmallSizes> = MenuItemExtraP
 /**
  * @see https://mui.com/material-ui/react-menu/
  */
-declare const MenuItem: React.ForwardRefExoticComponent<Omit<MenuItemProps<"link" | "search" | "table" | "filter" | "download" | "bacteria" | "barChartHorizontal3" | "barChartVertical3" | "barChartVertical4" | "check" | "checkCircle" | "chevronDown" | "chevronDown2" | "chevronLeft2" | "chevronLeft" | "chevronRight2" | "chevronRight" | "chevronUp" | "chevronUp2" | "circlesOverlap" | "copy" | "document" | "dotsHorizontal" | "edit" | "envelope" | "exclamationMarkCircle" | "eyeClosed" | "eyeOpen" | "flagCheck" | "flagOutline" | "flagQuestionmark" | "flagXmark" | "gear" | "globe" | "house" | "infoCircle" | "lifeRing" | "lightBulb" | "linesDashed3Solid1" | "linesHorizontal" | "list" | "loading" | "lock" | "lockCircle" | "minus" | "open" | "people" | "percentage" | "person" | "pin" | "pinLocation" | "plus" | "plusCircle" | "puzzlePiece" | "refresh" | "searchLinesHorizontal" | "starburst" | "trashCan" | "treeHorizontal" | "treeVertical" | "triangleDown" | "triangleLeft" | "triangleRight" | "triangleUp" | "xMark" | "xMarkCircle">, "ref"> & React.RefAttributes<HTMLLIElement | null>>;
+declare const MenuItem: React.ForwardRefExoticComponent<Omit<MenuItemProps<"Bacteria" | "BarChartHorizontal3" | "BarChartVertical3" | "BarChartVertical4" | "Check" | "CheckCircle" | "ChevronDown" | "ChevronDown2" | "ChevronLeft2" | "ChevronLeft" | "ChevronRight2" | "ChevronRight" | "ChevronUp" | "ChevronUp2" | "CirclesOverlap2" | "Copy" | "Cube" | "Document" | "DotsHorizontal" | "Download" | "Edit" | "Envelope" | "ExclamationMarkCircle" | "EyeClosed" | "EyeOpen" | "Filter" | "FlagCheck" | "FlagOutline" | "FlagQuestionMark" | "FlagXMark" | "Gear" | "Globe" | "House" | "InfoCircle" | "LifeRing" | "LightBulb" | "LinesDashed3Solid1" | "LinesHorizontal3" | "Link" | "List" | "Loading" | "Lock" | "LockCircle" | "Minus" | "Open" | "People" | "Percentage" | "Person" | "Pin" | "PinLocation" | "Plus" | "PlusCircle" | "PuzzlePiece" | "Refresh" | "Search" | "SearchLinesHorizontal3" | "Starburst" | "Table" | "TrashCan" | "TreeHorizontal" | "TreeVertical" | "TriangleDown" | "TriangleLeft" | "TriangleRight" | "TriangleUp" | "XMark" | "XMarkCircle">, "ref"> & React.RefAttributes<HTMLLIElement | null>>;
 interface StyleProps extends CommonThemeProps {
     count?: number;
     icon?: ReactElement;
@@ -461,7 +798,7 @@ declare const StyledPopper: import("@emotion/styled").StyledComponent<Omit<impor
 } & import("react").RefAttributes<HTMLDivElement> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & StyleProps$0, {}, {}>;
 declare const StyledPaper$0: import("@emotion/styled").StyledComponent<import("@mui/material").PaperOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, "className" | "style" | "classes" | "children" | "sx" | "variant" | "elevation" | "square"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+}, "className" | "style" | "classes" | "children" | "sx" | "variant" | "elevation" | "square"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & StyleProps$0, {}, {}>;
 interface ExtraAutocompleteMultiColumnProps<T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined> extends StyleProps$0 {
     keepSearchOnSelect?: boolean;
     renderInput?: (params: AutocompleteRenderInputParams) => React.ReactNode;
@@ -574,16 +911,17 @@ type ButtonDropdownProps<C extends React.ElementType = "button"> = RawButtonProp
 declare const ButtonDropdown: React.ForwardRefExoticComponent<Omit<ButtonDropdownProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 declare const SDS_STAGE_OPEN = "open";
 declare const SDS_STAGE_CLOSED = "closed";
+type CalloutIntentType = "info" | "negative" | "notice" | "positive";
 interface CalloutProps {
     autoDismiss?: boolean | number;
     dismissed?: boolean;
     expandable?: boolean;
     icon?: keyof IconNameToSizes | React.ReactElement<CustomSVGProps>;
     sdsIconProps?: Partial<IconProps<keyof IconNameToSizes>>;
-    intent: "info" | "error" | "success" | "warning";
+    intent: CalloutIntentType;
     sdsStage?: typeof SDS_STAGE_CLOSED | typeof SDS_STAGE_OPEN;
 }
-type ExposedCalloutProps = AlertProps & CalloutProps;
+type ExposedCalloutProps = Omit<AlertProps, "severity"> & CalloutProps;
 /**
  * @see https://mui.com/material-ui/react-alert/
  */
@@ -611,7 +949,7 @@ type TooltipProps = TooltipExtraProps & RawTooltipProps;
  */
 declare const Tooltip: import("react").ForwardRefExoticComponent<Omit<TooltipProps, "ref"> & import("react").RefAttributes<unknown>>;
 interface CellBasicExtraProps extends CommonThemeProps {
-    horizontalAlign?: "left" | "center" | "right";
+    horizontalAlign?: "left" | "right";
     verticalAlign?: "top" | "center" | "bottom";
     iconVerticalAlign?: "top" | "center" | "bottom";
     shouldTextWrap?: boolean;
@@ -629,6 +967,9 @@ interface CellBasicContentProps extends Omit<React.HTMLProps<HTMLTableCellElemen
     shouldTextWrap?: boolean;
     icon?: React.ReactElement<CustomSVGProps>;
     iconVerticalAlign?: "top" | "center" | "bottom";
+    primaryTextComponentSlotRight?: React.ReactNode;
+    primaryTextComponentSlotBottom?: React.ReactNode;
+    horizontalAlign?: "left" | "right";
 }
 interface CellBasicRawProps {
     shouldShowTooltipOnHover?: boolean;
@@ -798,13 +1139,17 @@ declare const _default: import("react").ForwardRefExoticComponent<Omit<RawDialog
 type DialogTitleExtraProps = CommonThemeProps;
 declare const Title: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
     ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
-}, "fontFamily" | "fontSize" | "fontWeight" | "letterSpacing" | "lineHeight" | "textTransform" | "zIndex" | "typography" | "className" | "style" | "classes" | "children" | "sx" | "p" | "color" | "variant" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "fontStyle" | "textAlign" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & DialogTitleExtraProps, {}, {}>;
+}, "zIndex" | "typography" | "fontFamily" | "fontSize" | "fontWeight" | "letterSpacing" | "lineHeight" | "textTransform" | "className" | "style" | "classes" | "children" | "sx" | "p" | "color" | "variant" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "fontStyle" | "textAlign" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & DialogTitleExtraProps, {}, {}>;
 declare const Subtitle$0: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
     ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
-}, "fontFamily" | "fontSize" | "fontWeight" | "letterSpacing" | "lineHeight" | "textTransform" | "zIndex" | "typography" | "className" | "style" | "classes" | "children" | "sx" | "p" | "color" | "variant" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "fontStyle" | "textAlign" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & DialogTitleExtraProps, {}, {}>;
+}, "zIndex" | "typography" | "fontFamily" | "fontSize" | "fontWeight" | "letterSpacing" | "lineHeight" | "textTransform" | "className" | "style" | "classes" | "children" | "sx" | "p" | "color" | "variant" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "fontStyle" | "textAlign" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & DialogTitleExtraProps, {}, {}>;
+declare const Overline: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}, "zIndex" | "typography" | "fontFamily" | "fontSize" | "fontWeight" | "letterSpacing" | "lineHeight" | "textTransform" | "className" | "style" | "classes" | "children" | "sx" | "p" | "color" | "variant" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "fontStyle" | "textAlign" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & DialogTitleExtraProps, {}, {}>;
 interface DialogTitleProps extends DialogTitleExtraProps, RawDialogTitleProps {
     title?: string;
     subtitle?: string;
+    overline?: string;
     onClose?: () => void;
 }
 /**
@@ -834,11 +1179,14 @@ type DropdownProps<T, Multiple extends boolean | undefined, DisableClearable ext
 // eslint-disable-next-line sonarjs/cognitive-complexity
 declare const Dropdown: <T extends DefaultAutocompleteOption, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined>(props: DropdownProps<T, Multiple, DisableClearable, FreeSolo>) => JSX.Element;
 interface CheckboxExtraProps extends CommonThemeProps {
-    caption?: string;
+    intent?: "default" | "error" | "warning";
+    disabled?: boolean;
 }
 interface CheckboxContentProps extends Omit<MUICheckboxProps, "color" | "defaultChecked" | "indeterminate"> {
+    caption?: string;
     checkboxProps?: Partial<MUICheckboxProps>;
-    label?: string;
+    intent?: "default" | "error" | "warning";
+    label?: React.ReactNode;
     stage?: "checked" | "unchecked" | "indeterminate";
 }
 type CheckboxProps = CheckboxContentProps & CheckboxExtraProps;
@@ -847,10 +1195,13 @@ type CheckboxProps = CheckboxContentProps & CheckboxExtraProps;
  */
 declare const InputCheckbox: (props: CheckboxProps) => JSX.Element;
 interface RadioExtraProps extends CommonThemeProps {
-    caption?: string;
+    intent?: "default" | "error" | "warning";
+    disabled?: boolean;
 }
 interface RadioContentProps extends Omit<MUIRadioProps, "color" | "defaultChecked"> {
-    label?: string;
+    caption?: string;
+    intent?: "default" | "error" | "warning";
+    label?: React.ReactNode;
     radioProps?: Partial<MUIRadioProps>;
     stage?: "checked" | "unchecked";
     value?: string;
@@ -860,7 +1211,7 @@ type RadioProps = RadioContentProps & RadioExtraProps;
  * @see https://mui.com/material-ui/react-radio-button/
  */
 declare const InputRadio: (props: RadioProps) => JSX.Element;
-interface InputSliderExtraProps extends Omit<SliderProps, "nonce" | "rev" | "rel" | "autoFocus" | "content">, CommonThemeProps {
+interface InputSliderExtraProps extends SliderProps, CommonThemeProps {
 }
 type InputSliderProps = InputSliderExtraProps;
 /**
@@ -875,7 +1226,7 @@ interface InputTextExtraProps extends CommonThemeProps {
     hideLabel?: boolean;
 }
 interface AccessibleInputTextProps {
-    label: string;
+    label: React.ReactNode;
     placeholder?: string;
     id: string;
 }
@@ -899,10 +1250,15 @@ type StyleProps$2 = CommonThemeProps;
 type LinkProps<C extends React.ElementType = "a"> = RawLinkProps<C, {
     component?: C;
 }> & StyleProps$2 & {
+    fontWeight?: "normal" | "bold";
     sdsStyle?: "default" | "dashed";
+    sdsSize?: "xs" | "s";
 };
 type RawLinkProps$0 = LinkProps;
-type LinkProps$0<C extends React.ElementType = "a"> = RawLinkProps$0<C>;
+type LinkProps$0<C extends React.ElementType = "a"> = RawLinkProps$0<C> & {
+    fontWeight?: "normal" | "bold";
+    sdsSize?: "xs" | "s";
+};
 /**
  * @see https://mui.com/material-ui/react-link/
  */
@@ -964,11 +1320,11 @@ type MenuSelectProps<T, Multiple extends boolean | undefined = undefined, Disabl
  * @see https://mui.com/material-ui/react-autocomplete/
  */
 declare const MenuSelect: <T extends DefaultMenuSelectOption, Multiple extends boolean | undefined = undefined, DisableClearable extends boolean | undefined = undefined, FreeSolo extends boolean | undefined = undefined>(props: MenuSelectProps<T, Multiple, DisableClearable, FreeSolo>) => JSX.Element;
-interface NavigationJumpToExtraProps extends Omit<TabsProps, "indicatorColor" | "nonce" | "rev" | "rel" | "autoFocus" | "content" | "onChange">, CommonThemeProps {
-    sdsIndicatorColor?: "primary" | "error" | "info" | "success" | "warning" | "gray" | "beta";
+interface NavigationJumpToExtraProps extends Omit<TabsProps, "indicatorColor" | "onChange">, CommonThemeProps {
+    sdsIndicatorColor?: "accent" | "negative" | "info" | "positive" | "notice" | "beta";
 }
 interface NavigationJumpToProps extends NavigationJumpToExtraProps {
-    indicatorColor?: "primary" | "error" | "info" | "success" | "warning" | "gray" | "beta";
+    indicatorColor?: "accent" | "negative" | "info" | "positive" | "notice" | "beta";
     items: Array<{
         title: string;
         elementRef: React.MutableRefObject<HTMLElement | null>;
@@ -977,14 +1333,16 @@ interface NavigationJumpToProps extends NavigationJumpToExtraProps {
     onChange?: (value: number) => void;
 }
 declare const NavigationJumpTo: React.ForwardRefExoticComponent<Omit<NavigationJumpToProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type NotificationIntentType = "info" | "negative" | "positive" | "notice";
 interface NotificationProps {
     autoDismiss?: boolean | number;
     buttonOnClick?: (event: React.SyntheticEvent) => void;
     buttonText?: string;
+    buttonPosition?: "left" | "right";
     dismissed?: boolean;
     slideDirection: "left" | "right";
     extraContent?: boolean;
-    intent: "info" | "error" | "success" | "warning";
+    intent: NotificationIntentType;
     icon?: keyof IconNameToSizes | React.ReactElement<CustomSVGProps>;
     sdsIconProps?: Partial<IconProps<keyof IconNameToSizes>>;
 }
@@ -992,7 +1350,7 @@ type ExposedNotificationProps = AlertProps & NotificationProps;
 /**
  * @see https://mui.com/material-ui/react-alert/
  */
-declare const Notification: ({ autoDismiss, children, dismissed, slideDirection, intent, onClose, buttonOnClick, buttonText, icon, sdsIconProps, ...rest }: ExposedNotificationProps) => JSX.Element;
+declare const Notification: ({ autoDismiss, children, dismissed, slideDirection, intent, onClose, buttonOnClick, buttonText, buttonPosition, icon, sdsIconProps, ...rest }: ExposedNotificationProps) => JSX.Element;
 interface PaginationExtraProps extends CommonThemeProps {
     sdsStyle?: "round" | "square";
     disabled?: boolean;
@@ -1015,11 +1373,11 @@ declare const Pagination: import("react").ForwardRefExoticComponent<PaginationEx
 // first item in array first button, etc
 interface SingleButtonDefinition {
     icon: keyof IconNameToSizes | React.ReactElement<CustomSVGProps>;
-    tooltipText: string;
+    tooltipText?: string;
+    value: string;
 }
-interface SegmentedControlExtraProps extends Omit<ToggleButtonGroupProps, "color"> {
+interface SegmentedControlExtraProps extends ToggleButtonGroupProps {
     buttonDefinition: SingleButtonDefinition[];
-    color?: "primary" | "secondary" | "standard" | "success" | "error" | "info" | "warning" | undefined;
 }
 /**
  * @see https://mui.com/material-ui/react-toggle-button/
@@ -1051,7 +1409,7 @@ interface RowRawProps {
 }
 type TableRowProps = RowRawProps & RowExtraProps;
 declare const TableRow: React.ForwardRefExoticComponent<Omit<TableRowProps, "ref"> & React.RefAttributes<HTMLTableRowElement>>;
-type TabsProps$0 = Omit<RawTabsProps, "nonce" | "rev" | "rel" | "autoFocus" | "content"> & {
+type TabsProps$0 = RawTabsProps & {
     underlined?: boolean;
     sdsSize?: "small" | "large";
 };
@@ -1063,7 +1421,7 @@ interface TabProps$0 extends RawTabProps {
  * @see https://mui.com/material-ui/react-tabs/
  */
 declare const Tab: React.ForwardRefExoticComponent<Omit<TabProps$0, "ref"> & React.RefAttributes<HTMLDivElement>>;
-type SdsTagColorType = "primary" | "info" | "success" | "warning" | "error" | "gray" | "beta" | [
+type SdsTagColorType = "accent" | "info" | "positive" | "notice" | "negative" | "neutral" | "beta" | [
     string,
     string
 ] | [
@@ -1071,13 +1429,23 @@ type SdsTagColorType = "primary" | "info" | "success" | "warning" | "error" | "g
     string,
     string
 ];
-interface ExtraTagProps extends CommonThemeProps {
+interface ExtraSmallTagProps extends CommonThemeProps {
     hover?: boolean;
     sdsType?: "primary" | "secondary";
     sdsStyle?: "square" | "rounded";
+    sdsSize?: "s";
     tagColor?: SdsTagColorType;
     icon?: JSX.Element;
 }
+interface ExtraLargeTagProps extends CommonThemeProps {
+    hover?: boolean;
+    sdsType?: "primary" | "secondary";
+    sdsStyle?: "square" | "rounded";
+    sdsSize?: "l";
+    tagColor?: SdsTagColorType;
+    icon: JSX.Element;
+}
+type ExtraTagProps = ExtraSmallTagProps | ExtraLargeTagProps;
 interface SdsTagProps extends Omit<ChipProps$0, "color"> {
     label: string;
     color?: SdsTagColorType;
@@ -1131,5 +1499,5 @@ type TooltipTableContentProps = TooltipTableExtraProps;
  * @see https://mui.com/material-ui/react-table/
  */
 declare const TooltipTableContent: (props: TooltipTableContentProps) => JSX.Element;
-export { AccordionDetails, AccordionHeader, AccordionProps, Accordion, Alert, AutocompleteSingleColumnOption, AutocompleteMultiColumnOption, SDSAutocompleteOptions, AutocompleteMultiColumnValue, AutocompleteSingleColumnValue, SDSAutocompleteValue, AutocompleteSingleColumnOnChange, AutocompleteMultiColumnOnChange, SDSAutocompleteOnChange, AutocompleteProps, StyledPopper as AutocompleteMultiColumnStyledPopper, StyledPaper$0 as AutocompleteSingleColumnStyledPaper, Autocomplete$0 as Autocomplete, BannerProps, Banner, SdsProps, ButtonProps, Button, ButtonDropdownProps, ButtonDropdown, ButtonIconInternalProps, ButtonIcon, CalloutProps, ExposedCalloutProps, Callout, CalloutTitle, CellBasicRawProps, CellBasicProps, CellBasic, CellComponentProps, CellComponent, CellHeaderDirection, CellHeaderProps, CellHeader, Chip, InputDropdown as ComplexFilterInputDropdown, InputDropdown as DropdownInputDropdown, InputDropdown, StyledPopper$1 as ComplexFilterPopper, StyledPopper$1 as DropdownPopper, ComplexFilterProps, ComplexFilter, DialogContext, DialogProps, Dialog, DialogActionsProps, DialogActions, DialogContentProps, _default, _default as DialogContent, DialogPaperProps, DialogPaper, Subtitle$0 as DialogTitleSubtitle, Title as DialogTitleTitle, DialogTitleProps, DialogTitle, StyledPaper$1 as DropdownPaper, ExtraDropdownProps, DropdownProps, Dropdown, DefaultDropdownMenuOption, MINIMUM_DROPDOWN_MENU_POPPER_WIDTH, DropdownMenuProps, DropdownMenu, SdsIconWithColor$0 as SdsIconWithColor, IconProps, Icon, CheckboxProps, InputCheckbox, InputDropdownProps$0 as InputDropdownProps, RadioContentProps, RadioProps, InputRadio, AccessibleInputSearchProps, InputSearchProps, InputSearch, InputSliderProps, InputSlider, InputTextProps, InputText, InputToggle, LinkProps$0 as LinkProps, Link, ListProps, List, ListItemLabel, ListItemProps, ListItem, ListSubheaderProps, ListSubheader, LoadingIndicatorProps$0 as LoadingIndicatorProps, LoadingIndicator, MenuProps, Menu, IconNameToSmallSizes, MenuItemExtraProps, MenuItemProps, MenuItem, DefaultMenuSelectOption, MenuSelectProps, MenuSelect, NavigationJumpToProps, NavigationJumpTo, NotificationProps, ExposedNotificationProps, Notification, PaginationInternalProps, PaginationProps, Pagination, SingleButtonDefinition, SegmentedControlProps, SegmentedControl, SdsTableProps, TableProps, Table, TableHeaderProps, TableHeader, TableRowProps, TableRow, Tabs, TabProps$0 as TabProps, Tab, SdsTagProps, TagProps, Tag, SdsTagFilterProps, TagFilterProps, TagFilter, Tooltip, TooltipCondensedProps, TooltipCondensed, TooltipTableContent, TooltipTableContent as TooltipTable, defaultAppTheme, makeThemeOptions, SDSTheme, SDSThemeOptions, Shadows, Typography, FontWeights, Corners, Spaces, Spacings, Color, Colors, IconSizes, Border, Borders, defaultTheme, focusVisibleA11yStyle, fontBody, fontBodyL, fontBodyM, fontBodyS, fontBodyXs, fontBodyXxs, fontBodyXxxs, fontCaps, fontCapsXxs, fontCapsXxxs, fontCapsXxxxs, fontHeader, fontHeaderXxl, fontHeaderXl, fontHeaderL, fontHeaderM, fontHeaderS, fontHeaderXs, fontHeaderXxs, fontHeaderXxxs, CommonThemeProps, getSpaces, getSpacings, getTypography, getPalette, getColors, getShadows, getCorners, getFontWeights, getIconSizes, getBorders };
+export { AccordionDetails, AccordionHeader, AccordionProps, Accordion, Alert, AutocompleteSingleColumnOption, AutocompleteMultiColumnOption, SDSAutocompleteOptions, AutocompleteMultiColumnValue, AutocompleteSingleColumnValue, SDSAutocompleteValue, AutocompleteSingleColumnOnChange, AutocompleteMultiColumnOnChange, SDSAutocompleteOnChange, AutocompleteProps, StyledPopper as AutocompleteMultiColumnStyledPopper, StyledPaper$0 as AutocompleteSingleColumnStyledPaper, Autocomplete$0 as Autocomplete, BannerProps, Banner, SdsProps, ButtonProps, Button, ButtonDropdownProps, ButtonDropdown, ButtonIconInternalProps, ButtonIcon, CalloutIntentType, CalloutProps, ExposedCalloutProps, Callout, CalloutTitle, CellBasicRawProps, CellBasicProps, CellBasic, CellComponentProps, CellComponent, CellHeaderDirection, CellHeaderProps, CellHeader, Chip, InputDropdown as ComplexFilterInputDropdown, InputDropdown as DropdownInputDropdown, InputDropdown, StyledPopper$1 as ComplexFilterPopper, StyledPopper$1 as DropdownPopper, ComplexFilterProps, ComplexFilter, DialogContext, DialogProps, Dialog, DialogActionsProps, DialogActions, DialogContentProps, _default, _default as DialogContent, DialogPaperProps, DialogPaper, Subtitle$0 as DialogTitleSubtitle, Title as DialogTitleTitle, Overline as DialogTitleOverline, DialogTitleProps, DialogTitle, StyledPaper$1 as DropdownPaper, ExtraDropdownProps, DropdownProps, Dropdown, DefaultDropdownMenuOption, MINIMUM_DROPDOWN_MENU_POPPER_WIDTH, DropdownMenuProps, DropdownMenu, SdsIconWithColor$0 as SdsIconWithColor, IconProps, Icon, CheckboxProps, InputCheckbox, InputDropdownProps$0 as InputDropdownProps, RadioContentProps, RadioProps, InputRadio, AccessibleInputSearchProps, InputSearchProps, InputSearch, InputSliderProps, InputSlider, InputTextProps, InputText, InputToggle, LinkProps$0 as LinkProps, Link, ListProps, List, ListItemLabel, ListItemProps, ListItem, ListSubheaderProps, ListSubheader, LoadingIndicatorProps$0 as LoadingIndicatorProps, LoadingIndicator, MenuProps, Menu, IconNameToSmallSizes, MenuItemExtraProps, MenuItemProps, MenuItem, DefaultMenuSelectOption, MenuSelectProps, MenuSelect, NavigationJumpToProps, NavigationJumpTo, NotificationIntentType, NotificationProps, ExposedNotificationProps, Notification, PaginationInternalProps, PaginationProps, Pagination, SingleButtonDefinition, SegmentedControlProps, SegmentedControl, SdsTableProps, TableProps, Table, TableHeaderProps, TableHeader, TableRowProps, TableRow, Tabs, TabProps$0 as TabProps, Tab, SdsTagProps, TagProps, Tag, SdsTagFilterProps, TagFilterProps, TagFilter, Tooltip, TooltipCondensedProps, TooltipCondensed, TooltipTableContent, TooltipTableContent as TooltipTable, SDSComponentPalette, SDSTextPalette, SDSTheme, SDSThemeOptions, AppTheme, Shadows, Typography, FontWeights, Corners, Spaces, Spacings, Color, Colors, AccentColor, BaseColor, BetaColor, InfoColor, NegativeColor, NeutralColor, NoticeColor, PositiveColor, SemanticComponentColors, SemanticTextColors, IconSize, IconSizes, Border, Borders, defaultTheme, SDSAppTheme, focusVisibleA11yStyle, fontBody, fontBodyL, fontBodyM, fontBodyS, fontBodyXs, fontBodyXxs, fontBodyXxxs, fontBodySemiboldL, fontBodySemiboldM, fontBodySemiboldS, fontBodySemiboldXs, fontBodySemiboldXxs, fontBodySemiboldXxxs, fontCaps, fontCapsXxs, fontCapsXxxs, fontCapsXxxxs, fontHeader, fontHeaderXxl, fontHeaderXl, fontHeaderL, fontHeaderM, fontHeaderS, fontHeaderXs, fontHeaderXxs, fontHeaderXxxs, fontCode, fontCodeXs, fontCodeS, fontCodeSemiboldXs, fontCodeSemiboldS, fontTabular, fontTabularXs, fontTabularS, fontTabularSemiboldXs, fontTabularSemiboldS, CommonThemeProps, getSpaces, getSpacings, getTypography, getPalette, getColors, getSemanticComponentColors, getSemanticTextColors, getShadows, getCorners, getFontWeights, getIconSizes, getBorders };
 export type { AutocompleteBaseProps, AutocompleteMultiColumnProps, AutocompleteOptionBasic, AutocompleteOptionComponent, DefaultAutocompleteOption, ButtonIconProps, ButtonIconSizeToTypes, ChipProps, IconNameToSizes, InputToggleExtraProps as InputToggleProps, TabsProps$0 as TabsProps, SdsTagColorType, TooltipProps, TooltipTableContentProps };