@redsift/design-system 7.2.0 → 7.3.0

package/index.d.ts

@@ -1,4 +1,6 @@
 import React, { Ref, ReactElement, ComponentProps, RefObject, MutableRefObject, ChangeEvent } from 'react';
+export { I18nProvider, useCollator, useDateFormatter, useFilter, useListFormatter, useLocale, useLocalizedStringFormatter, useNumberFormatter } from '@react-aria/i18n';
+export { SSRProvider } from '@react-aria/ssr';
 import { PressEvent } from '@react-types/shared';
 import * as styled_components from 'styled-components';
 
@@ -23,6 +25,15 @@ type Comp<P, T = HTMLElement> = {
 type Falsy = false | undefined | null | 0 | '';
 /** Get types of the values of a record. */
 type ValueOf<T extends Record<any, any>> = T[keyof T];
+/**
+ * Font.
+ */
+declare const FontFamily: {
+    readonly raleway: "raleway";
+    readonly 'source-code-pro': "source-code-pro";
+    readonly electrolize: "electrolize";
+};
+type FontFamily = ValueOf<typeof FontFamily>;
 /**
  * Color palette.
  */
@@ -45,10 +56,32 @@ declare const ProductColorPalette: {
     readonly tools: "tools";
 };
 type ProductColorPalette = ValueOf<typeof ProductColorPalette>;
+declare const DataVizColorPalette: {
+    readonly purple: "purple";
+    readonly blue: "blue";
+    readonly green: "green";
+    readonly red: "red";
+    readonly pink: "pink";
+    readonly cyan: "cyan";
+    readonly orange: "orange";
+    readonly yellow: "yellow";
+    readonly brown: "brown";
+    readonly grey: "grey";
+};
+type DataVizColorPalette = ValueOf<typeof DataVizColorPalette>;
+declare const NeutralColorPalette: {
+    readonly black: "black";
+    readonly darkgrey: "darkgrey";
+    readonly midgrey: "midgrey";
+    readonly lightgrey: "lightgrey";
+    readonly xlightgrey: "xlightgrey";
+    readonly white: "white";
+};
+type NeutralColorPalette = ValueOf<typeof NeutralColorPalette>;
 
 /**
  * Do not edit directly
- * Generated on Wed, 14 Dec 2022 17:05:36 GMT
+ * Generated on Thu, 26 Jan 2023 14:28:56 GMT
  */
 declare const RedsiftColorDefaultPrimary = "#0079e1";
 declare const RedsiftColorDefaultSecondary = "#0063b9";
@@ -212,22 +245,27 @@ declare const RedsiftTypographyH2FontFamily = "'Raleway', sans-serif";
 declare const RedsiftTypographyH2FontSize = "24px";
 declare const RedsiftTypographyH2FontWeight = "600";
 declare const RedsiftTypographyH2LineHeight = "28px";
+declare const RedsiftTypographyH2TextTransform = "unset";
 declare const RedsiftTypographyH3FontFamily = "'Raleway', sans-serif";
 declare const RedsiftTypographyH3FontSize = "20px";
 declare const RedsiftTypographyH3FontWeight = "500";
 declare const RedsiftTypographyH3LineHeight = "24px";
+declare const RedsiftTypographyH3TextTransform = "unset";
 declare const RedsiftTypographyH4FontFamily = "'Raleway', sans-serif";
 declare const RedsiftTypographyH4FontSize = "18px";
 declare const RedsiftTypographyH4FontWeight = "500";
 declare const RedsiftTypographyH4LineHeight = "22px";
+declare const RedsiftTypographyH4TextTransform = "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 RedsiftTypographyBodyFontSize = "15px";
 declare const RedsiftTypographyBodyFontWeight = "400";
 declare const RedsiftTypographyBodyLineHeight = "26px";
+declare const RedsiftTypographyBodyTextTransform = "unset";
 declare const RedsiftTypographyLinkFontFamily = "'Raleway', sans-serif";
 declare const RedsiftTypographyLinkFontSize = "15px";
 declare const RedsiftTypographyLinkFontWeight = "400";
@@ -245,6 +283,7 @@ declare const RedsiftTypographyCaptionFontFamily = "'Raleway', sans-serif";
 declare const RedsiftTypographyCaptionFontSize = "13px";
 declare const RedsiftTypographyCaptionFontWeight = "400";
 declare const RedsiftTypographyCaptionLineHeight = "23px";
+declare const RedsiftTypographyCaptionTextTransform = "unset";
 declare const RedsiftTypographyHelperFontFamily = "'Raleway', sans-serif";
 declare const RedsiftTypographyHelperFontSize = "12px";
 declare const RedsiftTypographyHelperFontWeight = "400";
@@ -253,6 +292,10 @@ declare const RedsiftTypographyBadgeFontFamily = "'Source Code Pro', 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 RedsiftTypographyChipFontWeight = "400";
@@ -266,6 +309,13 @@ declare const RedsiftTypographyChipLineHeight = "18px";
  */
 declare const warnIfNoAccessibleLabelFound: (props: ComponentProps<keyof JSX.IntrinsicElements>, additionalKeysToCheck?: any[]) => void;
 
+interface WindowSize {
+    height?: number;
+    width?: number;
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+}
+declare const useWindowSize: () => WindowSize;
+
 /**
  * Component variant.
  */
@@ -368,10 +418,12 @@ type AppContainerState = {
  * 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, 'productTheme'> & {
+type StyledAppContainerProps = Omit<AppContainerProps, 'locale' | 'productTheme'> & {
     $productTheme?: string;
 };
 
@@ -748,7 +800,7 @@ type StyledButtonProps = Omit<ButtonProps, 'isActive' | 'isDisabled' | 'variant'
 /**
  * Component style.
  */
-declare const StyledButton: styled_components.StyledComponent<"button", any, Omit<ButtonProps, "color" | "isActive" | "isDisabled" | "variant" | "size" | "fullWidth"> & {
+declare const StyledButton: styled_components.StyledComponent<"button", any, Omit<ButtonProps, "size" | "color" | "isActive" | "isDisabled" | "variant" | "fullWidth"> & {
     $color: ButtonColor | undefined;
     $fullWidth?: boolean | undefined;
     $isActive: boolean | undefined;
@@ -946,6 +998,287 @@ type StyledCheckboxProps = Omit<CheckboxProps, 'color' | 'isDisabled' | 'isInval
  */
 declare const Checkbox: Comp<CheckboxProps, HTMLLabelElement>;
 
+declare const FlexboxAlignContent: {
+    readonly 'flex-start': "flex-start";
+    readonly 'flex-end': "flex-end";
+    readonly center: "center";
+    readonly 'space-between': "space-between";
+    readonly 'space-around': "space-around";
+    readonly 'space-evenly': "space-evenly";
+    readonly stretch: "stretch";
+    readonly start: "start";
+    readonly end: "end";
+    readonly baseline: "baseline";
+    readonly 'first baseline': "first baseline";
+    readonly 'last baseline': "last baseline";
+};
+type FlexboxAlignContent = ValueOf<typeof FlexboxAlignContent>;
+declare const FlexboxAlignItems: {
+    readonly stretch: "stretch";
+    readonly 'flex-start': "flex-start";
+    readonly 'flex-end': "flex-end";
+    readonly center: "center";
+    readonly baseline: "baseline";
+    readonly 'first baseline': "first baseline";
+    readonly 'last baseline': "last baseline";
+    readonly start: "start";
+    readonly end: "end";
+    readonly 'self-start': "self-start";
+    readonly 'self-end': "self-end";
+};
+type FlexboxAlignItems = ValueOf<typeof FlexboxAlignItems>;
+declare const FlexboxAlignSelf: {
+    readonly auto: "auto";
+    readonly 'flex-start': "flex-start";
+    readonly 'flex-end': "flex-end";
+    readonly center: "center";
+    readonly baseline: "baseline";
+    readonly stretch: "stretch";
+};
+type FlexboxAlignSelf = ValueOf<typeof FlexboxAlignSelf>;
+declare const FlexboxFlexDirection: {
+    readonly row: "row";
+    readonly 'row-reverse': "row-reverse";
+    readonly column: "column";
+    readonly 'column-reverse': "column-reverse";
+};
+type FlexboxFlexDirection = ValueOf<typeof FlexboxFlexDirection>;
+declare const FlexboxFlexWrap: {
+    readonly nowrap: "nowrap";
+    readonly wrap: "wrap";
+    readonly 'wrap-reverse': "wrap-reverse";
+};
+type FlexboxFlexWrap = ValueOf<typeof FlexboxFlexWrap>;
+declare const FlexboxJustifyContent: {
+    readonly 'flex-start': "flex-start";
+    readonly 'flex-end': "flex-end";
+    readonly center: "center";
+    readonly 'space-between': "space-between";
+    readonly 'space-around': "space-around";
+    readonly 'space-evenly': "space-evenly";
+    readonly start: "start";
+    readonly end: "end";
+    readonly left: "left";
+    readonly right: "right";
+};
+type FlexboxJustifyContent = ValueOf<typeof FlexboxJustifyContent>;
+/**
+ * Component props.
+ */
+interface FlexboxProps extends ComponentProps<'div'> {
+    /** This aligns a flex container’s lines within when there is extra space in the cross-axis, similar to how justify-content aligns individual items within the main-axis. */
+    alignContent?: FlexboxAlignContent;
+    /** This defines the default behavior for how flex items are laid out along the cross axis on the current line. Think of it as the justify-content version for the cross-axis (perpendicular to the main-axis). */
+    alignItems?: FlexboxAlignItems;
+    /** This allows the default alignment (or the one specified by align-items) to be overridden for individual flex items. */
+    alignSelf?: FlexboxAlignSelf;
+    /** This defines the default size of an element before the remaining space is distributed. It can be a length (e.g. 20%, 5rem, etc.) or a keyword. The auto keyword means “look at my width or height property” (which was temporarily done by the main-size keyword until deprecated). The content keyword means “size it based on the item’s content” – this keyword isn’t well supported yet, so it’s hard to test and harder to know what its brethren max-content, min-content, and fit-content do. */
+    flexBasis?: string;
+    /** This establishes the main-axis, thus defining the direction flex items are placed in the flex container. Flexbox is (aside from optional wrapping) a single-direction layout concept. Think of flex items as primarily laying out either in horizontal rows or vertical columns. */
+    flexDirection?: FlexboxFlexDirection;
+    /** This defines the ability for a flex item to grow if necessary. It accepts a unitless value that serves as a proportion. It dictates what amount of the available space inside the flex container the item should take up. If all items have flex-grow set to 1, the remaining space in the container will be distributed equally to all children. If one of the children has a value of 2, that child would take up twice as much of the space either one of the others (or it will try, at least). */
+    flexGrow?: number;
+    /** This defines the ability for a flex item to shrink if necessary. */
+    flexShrink?: number;
+    /** By default, flex items will all try to fit onto one line. You can change that and allow the items to wrap as needed with this property. */
+    flexWrap?: FlexboxFlexWrap;
+    /** The gap property explicitly controls the space between flex items. It applies that spacing only between items not on the outer edges. */
+    gap?: string;
+    /** The height of the box. */
+    height?: string;
+    /** Whether the box is displayed inline or not. */
+    inline?: boolean;
+    /** This defines the alignment along the main axis. It helps distribute extra free space leftover when either all the flex items on a line are inflexible, or are flexible but have reached their maximum size. It also exerts some control over the alignment of items when they overflow the line. */
+    justifyContent?: FlexboxJustifyContent;
+    /** By default, flex items are laid out in the source order. However, the order property controls the order in which they appear in the flex container. */
+    order?: number;
+    /** The width of the box. */
+    width?: string;
+}
+type StyledFlexboxProps = Omit<FlexboxProps, 'alignContent' | 'alignItems' | 'alignSelf' | 'flexBasis' | 'flexDirection' | 'flexGrow' | 'flexShrink' | 'flexWrap' | 'gap' | 'height' | 'inline' | 'justifyContent' | 'order' | 'width'> & {
+    $alignContent: FlexboxProps['alignContent'];
+    $alignItems: FlexboxProps['alignItems'];
+    $alignSelf: FlexboxProps['alignSelf'];
+    $flexBasis: FlexboxProps['flexBasis'];
+    $flexDirection: FlexboxProps['flexDirection'];
+    $flexGrow: FlexboxProps['flexGrow'];
+    $flexShrink: FlexboxProps['flexShrink'];
+    $flexWrap: FlexboxProps['flexWrap'];
+    $gap: FlexboxProps['gap'];
+    $height: FlexboxProps['height'];
+    $inline: FlexboxProps['inline'];
+    $justifyContent: FlexboxProps['justifyContent'];
+    $order: FlexboxProps['order'];
+    $width: FlexboxProps['width'];
+};
+
+/**
+ * The Flexbox component.
+ */
+declare const Flexbox: Comp<FlexboxProps, HTMLDivElement>;
+
+declare const GridAlignContent: {
+    readonly start: "start";
+    readonly end: "end";
+    readonly center: "center";
+    readonly stretch: "stretch";
+    readonly 'space-around': "space-around";
+    readonly 'space-between': "space-between";
+    readonly 'space-evenly': "space-evenly";
+};
+type GridAlignContent = ValueOf<typeof GridAlignContent>;
+declare const GridAlignItems: {
+    readonly start: "start";
+    readonly end: "end";
+    readonly center: "center";
+    readonly stretch: "stretch";
+};
+type GridAlignItems = ValueOf<typeof GridAlignItems>;
+declare const GridJustifyContent: {
+    readonly start: "start";
+    readonly end: "end";
+    readonly center: "center";
+    readonly stretch: "stretch";
+    readonly 'space-around': "space-around";
+    readonly 'space-between': "space-between";
+    readonly 'space-evenly': "space-evenly";
+};
+type GridJustifyContent = ValueOf<typeof GridJustifyContent>;
+declare const GridJustifyItems: {
+    readonly start: "start";
+    readonly end: "end";
+    readonly center: "center";
+    readonly stretch: "stretch";
+};
+type GridJustifyItems = ValueOf<typeof GridJustifyItems>;
+/**
+ * Component props.
+ */
+interface GridProps extends ComponentProps<'div'> {
+    /** Sometimes the total size of your grid might be less than the size of its grid container. This could happen if all of your grid items are sized with non-flexible units like px. In this case you can set the alignment of the grid within the grid container. */
+    alignContent?: GridAlignContent;
+    /** Aligns grid items along the block (column) axis (as opposed to justify-items which aligns along the inline (row) axis). This value applies to all grid items inside the container. */
+    alignItems?: GridAlignItems;
+    /** Specifies the size of the grid lines. You can think of it like setting the width of the gutters between the columns/rows. */
+    gap?: string;
+    /** Specifies the size of any auto-generated grid tracks (aka implicit grid tracks). */
+    gridAutoColumns?: string;
+    /** Specifies the size of any auto-generated grid tracks (aka implicit grid tracks). */
+    gridAutoRows?: string;
+    /** Defines a grid template by referencing the names of the grid areas which are specified with the grid-area property. */
+    gridTemplateAreas?: string;
+    /** Defines the columns of the grid with a space-separated list of values. The values represent the track size, and the space between them represents the grid line. */
+    gridTemplateColumns?: string;
+    /** Defines the rows of the grid with a space-separated list of values. The values represent the track size, and the space between them represents the grid line. */
+    gridTemplateRows?: string;
+    /** The height of the box. */
+    height?: string;
+    /** Whether the box is displayed inline or not. */
+    inline?: boolean;
+    /** Sometimes the total size of your grid might be less than the size of its grid container. This could happen if all of your grid items are sized with non-flexible units like px. In this case you can set the alignment of the grid within the grid container. */
+    justifyContent?: GridJustifyContent;
+    /** Aligns grid items along the inline (row) axis (as opposed to align-items which aligns along the block (column) axis). This value applies to all grid items inside the container. */
+    justifyItems?: GridJustifyItems;
+    /** The width of the box. */
+    width?: string;
+}
+type StyledGridProps = Omit<GridProps, 'alignItems' | 'alignContent' | 'gap' | 'gridAutoColumns' | 'gridAutoRows' | 'gridTemplateAreas' | 'gridTemplateColumns' | 'gridTemplateRows' | 'height' | 'inline' | 'justifyContent' | 'justifyItems' | 'width'> & {
+    $alignContent: GridProps['alignContent'];
+    $alignItems: GridProps['alignItems'];
+    $gap: GridProps['gap'];
+    $gridAutoColumns: GridProps['gridAutoColumns'];
+    $gridAutoRows: GridProps['gridAutoRows'];
+    $gridTemplateAreas: GridProps['gridTemplateAreas'];
+    $gridTemplateColumns: GridProps['gridTemplateColumns'];
+    $gridTemplateRows: GridProps['gridTemplateRows'];
+    $height: GridProps['height'];
+    $inline: GridProps['inline'];
+    $justifyContent: GridProps['justifyContent'];
+    $justifyItems: GridProps['justifyItems'];
+    $width: GridProps['width'];
+};
+
+/**
+ * The Grid component.
+ */
+declare const Grid: Comp<GridProps, HTMLDivElement>;
+
+declare const GridItemAlignSelf: {
+    readonly start: "start";
+    readonly end: "end";
+    readonly center: "center";
+    readonly stretch: "stretch";
+};
+type GridItemAlignSelf = ValueOf<typeof GridItemAlignSelf>;
+declare const GridItemJustifySelf: {
+    readonly start: "start";
+    readonly end: "end";
+    readonly center: "center";
+    readonly stretch: "stretch";
+};
+type GridItemJustifySelf = ValueOf<typeof GridItemJustifySelf>;
+/**
+ * Component props.
+ */
+interface GridItemProps extends ComponentProps<'div'> {
+    /** Aligns a grid item inside a cell along the block (column) axis (as opposed to justify-self which aligns along the inline (row) axis). This value applies to the content inside a single grid item. */
+    alignSelf?: GridItemAlignSelf;
+    /** Gives an item a name so that it can be referenced by a template created with the grid-template-areas property. */
+    gridArea?: string;
+    /** Determines a grid item's location within the grid by referring to specific grid lines. */
+    gridColumn?: string;
+    /** Determines a grid item's location within the grid by referring to specific grid lines. */
+    gridRow?: string;
+    /** The height of the box. */
+    height?: string;
+    /** Aligns a grid item inside a cell along the inline (row) axis (as opposed to align-self which aligns along the block (column) axis). This value applies to a grid item inside a single cell. */
+    justifySelf?: GridItemJustifySelf;
+    /** The width of the box. */
+    width?: string;
+}
+type StyledGridItemProps = Omit<GridItemProps, 'alignSelf' | 'gridArea' | 'gridColumn' | 'gridRow' | 'height' | 'width'> & {
+    $alignSelf: GridItemProps['alignSelf'];
+    $gridArea: GridItemProps['gridArea'];
+    $gridColumn: GridItemProps['gridColumn'];
+    $gridRow: GridItemProps['gridRow'];
+    $height: GridItemProps['height'];
+    $justifySelf: GridItemProps['justifySelf'];
+    $width: GridItemProps['width'];
+};
+
+/**
+ * The GridItem component.
+ */
+declare const GridItem: Comp<GridItemProps, HTMLDivElement>;
+
+/**
+ * Component variant.
+ */
+declare const HeadingVariant: {
+    readonly h1: "h1";
+    readonly h2: "h2";
+    readonly h3: "h3";
+    readonly h4: "h4";
+};
+type HeadingVariant = ValueOf<typeof HeadingVariant>;
+/**
+ * Component props.
+ */
+interface HeadingProps extends ComponentProps<'span'> {
+    /** Override component. */
+    as: HeadingVariant;
+    /** Whether the text will truncate with a text overflow ellipsis or wrap. */
+    noWrap?: boolean;
+}
+type StyledHeadingProps = Omit<HeadingProps, 'color' | 'noWrap'> & {
+    $noWrap: HeadingProps['noWrap'];
+};
+
+/**
+ * The Heading component.
+ */
+declare const Heading: Comp<HeadingProps, HTMLDivElement>;
+
 /**
  * Component props.
  */
@@ -964,6 +1297,146 @@ type StyledLinkButtonProps = Omit<LinkButtonProps, 'isDisabled'> & {
  */
 declare const LinkButton: Comp<LinkButtonProps, HTMLButtonElement>;
 
+/**
+ * Component variant.
+ */
+declare const TextVariant: {
+    readonly body: "body";
+    readonly button: "button";
+    readonly caption: "caption";
+    readonly inherit: "inherit";
+    readonly subtitle1: "subtitle1";
+};
+type TextVariant = ValueOf<typeof TextVariant>;
+declare const TextComponent: {
+    readonly p: "p";
+    readonly b: "b";
+    readonly i: "i";
+    readonly u: "u";
+    readonly abbr: "abbr";
+    readonly cite: "cite";
+    readonly del: "del";
+    readonly em: "em";
+    readonly ins: "ins";
+    readonly kbd: "kbd";
+    readonly mark: "mark";
+    readonly s: "s";
+    readonly samp: "samp";
+    readonly sub: "sub";
+    readonly sup: "sup";
+};
+type TextComponent = ValueOf<typeof TextComponent>;
+/**
+ * Component props.
+ */
+interface TextProps extends ComponentProps<'span'> {
+    /** Override component. */
+    as?: TextComponent;
+    /** Color variant. Either from color palette or hex or rgb strings. */
+    color?: ColorPalette | ProductColorPalette | NeutralColorPalette | string;
+    /** Font family. */
+    fontFamily?: FontFamily;
+    /** Font size. */
+    fontSize?: string;
+    /** Whether the text will truncate with a text overflow ellipsis or wrap. */
+    noWrap?: boolean;
+    /** Variant. */
+    variant?: TextVariant;
+}
+type StyledTextProps = Omit<TextProps, 'as' | 'color' | 'fontFamily' | 'fontSize' | 'noWrap' | 'variant'> & {
+    $color: TextProps['color'];
+    $fontFamily?: TextProps['fontFamily'];
+    $fontSize: TextProps['fontSize'];
+    $noWrap: TextProps['noWrap'];
+    $variant: TextProps['variant'];
+};
+
+/**
+ * The Text component.
+ */
+declare const Text: Comp<TextProps, HTMLDivElement>;
+
+interface NumberFormatOptions {
+}
+/**
+ * Component props.
+ */
+interface NumberProps extends Omit<TextProps, 'fontFamily'> {
+    /** Value. */
+    value: number;
+    /** The formatting style to use. */
+    type?: 'decimal' | 'currency' | 'percent' | 'unit';
+    /** Only used when notation is 'compact'. */
+    compactDisplay?: 'short' | 'long';
+    /** The currency to use in currency formatting. Possible values are the ISO 4217 currency codes, such as "USD" for the US dollar, "EUR" for the euro, or "CNY" for the Chinese RMB */
+    currency?: string;
+    /** How to display the currency in currency formatting. */
+    currencyDisplay?: 'symbol' | 'narrowSymbol' | 'code' | 'name';
+    /** In many locales, accounting format means to wrap the number with parentheses instead of appending a minus sign. */
+    currencySign?: 'standard' | 'accounting';
+    /** The locale matching algorithm to use. */
+    localeMatcher?: 'best fit' | 'lookup';
+    /** The formatting that should be displayed for the number. */
+    notation?: 'standard' | 'scientific' | 'engineering' | 'compact';
+    /** Overrides default numbering system for the current locale. */
+    numberingSystem?: string;
+    /** When to display the sign for the number. */
+    signDisplay?: 'auto' | 'always' | 'exceptZero' | 'never';
+    /** The unit to use in unit formatting. */
+    unit?: string;
+    /** The unit formatting style to use in unit formatting. */
+    unitDisplay?: 'long' | 'short' | 'narrow';
+    /** Whether to use grouping separators. */
+    useGrouping?: boolean;
+    /** Options for rounding modes. */
+    roundingMode?: 'ceil' | 'floor' | 'expand' | 'trunc' | 'halfCeil' | 'halfFloor' | 'halfExpand' | 'halfTrunc' | 'halfEven';
+    /** Specify how rounding conflicts will be resolved. */
+    roundingPriority?: 'auto' | 'morePrecision' | 'lessPrecision';
+    /** Specifies the rounding-increment precision. */
+    roundingIncrement?: 1 | 2 | 5 | 10 | 20 | 25 | 50 | 100 | 200 | 250 | 500 | 1000 | 2000 | 2500 | 5000;
+    /** A string expressing the strategy for displaying trailing zeros on whole numbers. */
+    trailingZeroDisplay?: 'auto' | 'stripIfInteger';
+    /** The minimum number of integer digits to use. A value with a smaller number of integer digits than this number will be left-padded with zeros (to the specified length) when formatted. */
+    minimumIntegerDigits?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21;
+    /** The minimum number of fraction digits to use. */
+    minimumFractionDigits?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20;
+    /** The maximum number of fraction digits to use. */
+    maximumFractionDigits?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20;
+    /** The minimum number of significant digits to use. */
+    minimumSignificantDigits?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21;
+    /** The maximum number of significant digits to use. */
+    maximumSignificantDigits?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21;
+}
+type StyledNumberProps = Omit<NumberProps, 'as' | 'color' | 'fontFamily' | 'fontSize' | 'value' | 'variant'> & {
+    $color: NumberProps['color'];
+    $fontSize: NumberProps['fontSize'];
+    $variant: NumberProps['variant'];
+};
+
+/**
+ * The Number component.
+ */
+declare const Number: Comp<NumberProps, HTMLDivElement>;
+
+/**
+ * Component props.
+ */
+interface PillProps extends ComponentProps<'div'> {
+    /** 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' | 'error' | 'warning' | 'success';
+}
+type StyledPillProps = Omit<PillProps, 'color' | 'autoBreak'> & {
+    $autoBreak: PillProps['autoBreak'];
+    $color: PillProps['color'];
+};
+
+/**
+ * The Pill component.
+ */
+declare const Pill: Comp<PillProps, HTMLDivElement>;
+
 /**
  * Context props.
  */
@@ -1171,4 +1644,4 @@ type StyledSpinnerProps = Omit<SpinnerProps, 'color'> & {
  */
 declare const Spinner: Comp<SpinnerProps, HTMLImageElement>;
 
-export { AppBar, AppBarProps, AppContainer, AppContainerContext, AppContainerProps, AppContainerState, AppContent, AppContentProps, AppSidePanel, AppSidePanelProps, Badge, BadgeProps, BadgeVariant, BreadcrumbItem, BreadcrumbItemProps, Breadcrumbs, BreadcrumbsProps, Button, ButtonColor, ButtonLink, ButtonLinkProps, ButtonProps, ButtonVariant, Checkbox, CheckboxGroup, CheckboxGroupOrientation, CheckboxGroupProps, CheckboxGroupState, CheckboxProps, ColorPalette, Comp, Falsy, Icon, IconButton, IconButtonColor, IconButtonProps, IconButtonVariant, IconProps, IconSize, Link, LinkButton, LinkButtonProps, LinkProps, Menu, MenuBarItems, MenuItem, ProductColorPalette, Radio, RadioGroup, RadioGroupOrientation, RadioGroupProps, RadioGroupState, RadioProps, RedsiftAppBarColorBackground, RedsiftAppBarColorExpandIconBackgroundHover, RedsiftAppBarColorExpandIconHover, RedsiftAppBarColorExpandIconResting, RedsiftAppBarColorText, RedsiftColorDefaultActive, RedsiftColorDefaultActiveHover, RedsiftColorDefaultHover, RedsiftColorDefaultPrimary, RedsiftColorDefaultPrimaryActive, RedsiftColorDefaultSecondary, RedsiftColorErrorActive, RedsiftColorErrorActiveHover, RedsiftColorErrorHover, RedsiftColorErrorPrimary, RedsiftColorErrorPrimaryActive, RedsiftColorErrorSecondary, RedsiftColorHardenizeActive, RedsiftColorHardenizeActiveHover, RedsiftColorHardenizeHover, RedsiftColorHardenizePrimary, RedsiftColorHardenizePrimaryActive, RedsiftColorHardenizeSecondary, RedsiftColorInfoActive, RedsiftColorInfoActiveHover, RedsiftColorInfoHover, RedsiftColorInfoPrimary, RedsiftColorInfoPrimaryActive, RedsiftColorInfoSecondary, RedsiftColorNeutralBlack, RedsiftColorNeutralDarkgrey, RedsiftColorNeutralLightgrey, RedsiftColorNeutralMidgrey, RedsiftColorNeutralWhite, RedsiftColorNeutralXlightgrey, RedsiftColorNoDataActive, RedsiftColorNoDataActiveHover, RedsiftColorNoDataHover, RedsiftColorNoDataPrimary, RedsiftColorNoDataSecondary, RedsiftColorOndmarcActive, RedsiftColorOndmarcActiveHover, RedsiftColorOndmarcHover, RedsiftColorOndmarcPrimary, RedsiftColorOndmarcPrimaryActive, RedsiftColorOndmarcSecondary, RedsiftColorOndomainActive, RedsiftColorOndomainActiveHover, RedsiftColorOndomainHover, RedsiftColorOndomainPrimary, RedsiftColorOndomainPrimaryActive, RedsiftColorOndomainSecondary, RedsiftColorOninboxActive, RedsiftColorOninboxActiveHover, RedsiftColorOninboxHover, RedsiftColorOninboxPrimary, RedsiftColorOninboxPrimaryActive, RedsiftColorOninboxSecondary, RedsiftColorQuestionActive, RedsiftColorQuestionActiveHover, RedsiftColorQuestionHover, RedsiftColorQuestionPrimary, RedsiftColorQuestionSecondary, RedsiftColorSuccessActive, RedsiftColorSuccessActiveHover, RedsiftColorSuccessHover, RedsiftColorSuccessPrimary, RedsiftColorSuccessPrimaryActive, RedsiftColorSuccessSecondary, RedsiftColorToolsActive, RedsiftColorToolsActiveHover, RedsiftColorToolsHover, RedsiftColorToolsPrimary, RedsiftColorToolsPrimaryActive, RedsiftColorToolsSecondary, RedsiftColorWarningActive, RedsiftColorWarningActiveHover, RedsiftColorWarningHover, RedsiftColorWarningPrimary, RedsiftColorWarningSecondary, RedsiftColorWebsiteActive, RedsiftColorWebsiteActiveHover, RedsiftColorWebsiteHover, RedsiftColorWebsitePrimary, RedsiftColorWebsitePrimaryActive, RedsiftColorWebsiteSecondary, RedsiftDataVizColorBlueDark, RedsiftDataVizColorBlueDarker, RedsiftDataVizColorBlueDefault, RedsiftDataVizColorBlueLight, RedsiftDataVizColorBlueLighter, RedsiftDataVizColorBrownDark, RedsiftDataVizColorBrownDarker, RedsiftDataVizColorBrownDefault, RedsiftDataVizColorBrownLight, RedsiftDataVizColorBrownLighter, RedsiftDataVizColorCyanDark, RedsiftDataVizColorCyanDarker, RedsiftDataVizColorCyanDefault, RedsiftDataVizColorCyanLight, RedsiftDataVizColorCyanLighter, RedsiftDataVizColorGreenDark, RedsiftDataVizColorGreenDarker, RedsiftDataVizColorGreenDefault, RedsiftDataVizColorGreenLight, RedsiftDataVizColorGreenLighter, RedsiftDataVizColorGreyDark, RedsiftDataVizColorGreyDarker, RedsiftDataVizColorGreyDefault, RedsiftDataVizColorGreyLight, RedsiftDataVizColorGreyLighter, RedsiftDataVizColorOrangeDark, RedsiftDataVizColorOrangeDarker, RedsiftDataVizColorOrangeDefault, RedsiftDataVizColorOrangeLight, RedsiftDataVizColorOrangeLighter, RedsiftDataVizColorPinkDark, RedsiftDataVizColorPinkDarker, RedsiftDataVizColorPinkDefault, RedsiftDataVizColorPinkLight, RedsiftDataVizColorPinkLighter, RedsiftDataVizColorPurpleDark, RedsiftDataVizColorPurpleDarker, RedsiftDataVizColorPurpleDefault, RedsiftDataVizColorPurpleLight, RedsiftDataVizColorPurpleLighter, RedsiftDataVizColorRedDark, RedsiftDataVizColorRedDarker, RedsiftDataVizColorRedDefault, RedsiftDataVizColorRedLight, RedsiftDataVizColorRedLighter, RedsiftDataVizColorYellowDark, RedsiftDataVizColorYellowDarker, RedsiftDataVizColorYellowDefault, RedsiftDataVizColorYellowLight, RedsiftDataVizColorYellowLighter, RedsiftSideNavigationColorBackground, RedsiftSideNavigationColorMenuItemActive, RedsiftSideNavigationColorMenuItemBackgroundActive, RedsiftSideNavigationColorMenuItemBackgroundHover, RedsiftSideNavigationColorMenuItemBackgroundSecondary, RedsiftSideNavigationColorMenuItemTextDisabled, RedsiftSideNavigationColorMenuItemTextHover, RedsiftSideNavigationColorMenuItemTextResting, RedsiftSideNavigationColorScrollbarHover, RedsiftSideNavigationColorScrollbarResting, RedsiftTypographyBadgeFontFamily, RedsiftTypographyBadgeFontSize, RedsiftTypographyBadgeFontWeight, RedsiftTypographyBadgeLineHeight, RedsiftTypographyBodyFontFamily, RedsiftTypographyBodyFontSize, RedsiftTypographyBodyFontWeight, RedsiftTypographyBodyLineHeight, RedsiftTypographyButtonFontFamily, RedsiftTypographyButtonFontSize, RedsiftTypographyButtonFontWeight, RedsiftTypographyButtonLineHeight, RedsiftTypographyButtonTextTransform, RedsiftTypographyCaptionFontFamily, RedsiftTypographyCaptionFontSize, RedsiftTypographyCaptionFontWeight, RedsiftTypographyCaptionLineHeight, RedsiftTypographyChipFontFamily, RedsiftTypographyChipFontSize, RedsiftTypographyChipFontWeight, RedsiftTypographyChipLineHeight, RedsiftTypographyFontFamilyElectrolize, RedsiftTypographyFontFamilyRaleway, RedsiftTypographyFontFamilySourceCodePro, RedsiftTypographyFontWeightBold, RedsiftTypographyFontWeightMedium, RedsiftTypographyFontWeightRegular, RedsiftTypographyFontWeightSemiBold, RedsiftTypographyH1FontFamily, RedsiftTypographyH1FontSize, RedsiftTypographyH1FontWeight, RedsiftTypographyH1LineHeight, RedsiftTypographyH1TextTransform, RedsiftTypographyH2FontFamily, RedsiftTypographyH2FontSize, RedsiftTypographyH2FontWeight, RedsiftTypographyH2LineHeight, RedsiftTypographyH3FontFamily, RedsiftTypographyH3FontSize, RedsiftTypographyH3FontWeight, RedsiftTypographyH3LineHeight, RedsiftTypographyH4FontFamily, RedsiftTypographyH4FontSize, RedsiftTypographyH4FontWeight, RedsiftTypographyH4LineHeight, RedsiftTypographyHelperFontFamily, RedsiftTypographyHelperFontSize, RedsiftTypographyHelperFontWeight, RedsiftTypographyHelperLineHeight, RedsiftTypographyInputTextFontFamily, RedsiftTypographyInputTextFontSize, RedsiftTypographyInputTextFontWeight, RedsiftTypographyInputTextLineHeight, RedsiftTypographyLinkFontFamily, RedsiftTypographyLinkFontSize, RedsiftTypographyLinkFontWeight, RedsiftTypographyLinkLineHeight, RedsiftTypographySubtitleFontFamily, RedsiftTypographySubtitleFontSize, RedsiftTypographySubtitleFontWeight, RedsiftTypographySubtitleLineHeight, Shield, ShieldProps, ShieldVariant, SideNavigationMenu, SideNavigationMenuBar, SideNavigationMenuBarContextProps, SideNavigationMenuBarProps, SideNavigationMenuContextProps, SideNavigationMenuItem, SideNavigationMenuItemProps, SideNavigationMenuProps, SideNavigationMenuReducerAction, SideNavigationMenuReducerActionType, SideNavigationMenuReducerState, Spinner, SpinnerColor, SpinnerProps, SpinnerSize, StyledAppBarProps, StyledAppContainerProps, StyledAppContentProps, StyledAppSidePanelProps, StyledBadgeProps, StyledBreadcrumbItemProps, StyledBreadcrumbsProps, StyledButton, StyledButtonLinkProps, StyledButtonProps, StyledCheckboxGroupProps, StyledCheckboxProps, StyledIconButtonProps, StyledIconProps, StyledLink, StyledLinkButtonProps, StyledLinkProps, StyledRadioGroupProps, StyledRadioProps, StyledShieldProps, StyledSideNavigationMenuBarProps, StyledSideNavigationMenuItemProps, StyledSideNavigationMenuProps, StyledSpinnerProps, UseSideNavigationMenuBarProps, ValueOf, useAppSidePanel, useSideNavigationMenuBar, warnIfNoAccessibleLabelFound };
+export { AppBar, AppBarProps, AppContainer, AppContainerContext, AppContainerProps, AppContainerState, AppContent, AppContentProps, AppSidePanel, AppSidePanelProps, Badge, BadgeProps, BadgeVariant, BreadcrumbItem, BreadcrumbItemProps, Breadcrumbs, BreadcrumbsProps, Button, ButtonColor, ButtonLink, ButtonLinkProps, ButtonProps, ButtonVariant, Checkbox, CheckboxGroup, CheckboxGroupOrientation, CheckboxGroupProps, CheckboxGroupState, CheckboxProps, ColorPalette, Comp, DataVizColorPalette, Falsy, Flexbox, FlexboxAlignContent, FlexboxAlignItems, FlexboxAlignSelf, FlexboxFlexDirection, FlexboxFlexWrap, FlexboxJustifyContent, FlexboxProps, FontFamily, Grid, GridAlignContent, GridAlignItems, GridItem, GridItemAlignSelf, GridItemJustifySelf, GridItemProps, GridJustifyContent, GridJustifyItems, GridProps, Heading, HeadingProps, HeadingVariant, Icon, IconButton, IconButtonColor, IconButtonProps, IconButtonVariant, IconProps, IconSize, Link, LinkButton, LinkButtonProps, LinkProps, Menu, MenuBarItems, MenuItem, NeutralColorPalette, Number, NumberFormatOptions, NumberProps, Pill, PillProps, ProductColorPalette, Radio, RadioGroup, RadioGroupOrientation, RadioGroupProps, RadioGroupState, RadioProps, RedsiftAppBarColorBackground, RedsiftAppBarColorExpandIconBackgroundHover, RedsiftAppBarColorExpandIconHover, RedsiftAppBarColorExpandIconResting, RedsiftAppBarColorText, RedsiftColorDefaultActive, RedsiftColorDefaultActiveHover, RedsiftColorDefaultHover, RedsiftColorDefaultPrimary, RedsiftColorDefaultPrimaryActive, RedsiftColorDefaultSecondary, RedsiftColorErrorActive, RedsiftColorErrorActiveHover, RedsiftColorErrorHover, RedsiftColorErrorPrimary, RedsiftColorErrorPrimaryActive, RedsiftColorErrorSecondary, RedsiftColorHardenizeActive, RedsiftColorHardenizeActiveHover, RedsiftColorHardenizeHover, RedsiftColorHardenizePrimary, RedsiftColorHardenizePrimaryActive, RedsiftColorHardenizeSecondary, RedsiftColorInfoActive, RedsiftColorInfoActiveHover, RedsiftColorInfoHover, RedsiftColorInfoPrimary, RedsiftColorInfoPrimaryActive, RedsiftColorInfoSecondary, RedsiftColorNeutralBlack, RedsiftColorNeutralDarkgrey, RedsiftColorNeutralLightgrey, RedsiftColorNeutralMidgrey, RedsiftColorNeutralWhite, RedsiftColorNeutralXlightgrey, RedsiftColorNoDataActive, RedsiftColorNoDataActiveHover, RedsiftColorNoDataHover, RedsiftColorNoDataPrimary, RedsiftColorNoDataSecondary, RedsiftColorOndmarcActive, RedsiftColorOndmarcActiveHover, RedsiftColorOndmarcHover, RedsiftColorOndmarcPrimary, RedsiftColorOndmarcPrimaryActive, RedsiftColorOndmarcSecondary, RedsiftColorOndomainActive, RedsiftColorOndomainActiveHover, RedsiftColorOndomainHover, RedsiftColorOndomainPrimary, RedsiftColorOndomainPrimaryActive, RedsiftColorOndomainSecondary, RedsiftColorOninboxActive, RedsiftColorOninboxActiveHover, RedsiftColorOninboxHover, RedsiftColorOninboxPrimary, RedsiftColorOninboxPrimaryActive, RedsiftColorOninboxSecondary, RedsiftColorQuestionActive, RedsiftColorQuestionActiveHover, RedsiftColorQuestionHover, RedsiftColorQuestionPrimary, RedsiftColorQuestionSecondary, RedsiftColorSuccessActive, RedsiftColorSuccessActiveHover, RedsiftColorSuccessHover, RedsiftColorSuccessPrimary, RedsiftColorSuccessPrimaryActive, RedsiftColorSuccessSecondary, RedsiftColorToolsActive, RedsiftColorToolsActiveHover, RedsiftColorToolsHover, RedsiftColorToolsPrimary, RedsiftColorToolsPrimaryActive, RedsiftColorToolsSecondary, RedsiftColorWarningActive, RedsiftColorWarningActiveHover, RedsiftColorWarningHover, RedsiftColorWarningPrimary, RedsiftColorWarningSecondary, RedsiftColorWebsiteActive, RedsiftColorWebsiteActiveHover, RedsiftColorWebsiteHover, RedsiftColorWebsitePrimary, RedsiftColorWebsitePrimaryActive, RedsiftColorWebsiteSecondary, RedsiftDataVizColorBlueDark, RedsiftDataVizColorBlueDarker, RedsiftDataVizColorBlueDefault, RedsiftDataVizColorBlueLight, RedsiftDataVizColorBlueLighter, RedsiftDataVizColorBrownDark, RedsiftDataVizColorBrownDarker, RedsiftDataVizColorBrownDefault, RedsiftDataVizColorBrownLight, RedsiftDataVizColorBrownLighter, RedsiftDataVizColorCyanDark, RedsiftDataVizColorCyanDarker, RedsiftDataVizColorCyanDefault, RedsiftDataVizColorCyanLight, RedsiftDataVizColorCyanLighter, RedsiftDataVizColorGreenDark, RedsiftDataVizColorGreenDarker, RedsiftDataVizColorGreenDefault, RedsiftDataVizColorGreenLight, RedsiftDataVizColorGreenLighter, RedsiftDataVizColorGreyDark, RedsiftDataVizColorGreyDarker, RedsiftDataVizColorGreyDefault, RedsiftDataVizColorGreyLight, RedsiftDataVizColorGreyLighter, RedsiftDataVizColorOrangeDark, RedsiftDataVizColorOrangeDarker, RedsiftDataVizColorOrangeDefault, RedsiftDataVizColorOrangeLight, RedsiftDataVizColorOrangeLighter, RedsiftDataVizColorPinkDark, RedsiftDataVizColorPinkDarker, RedsiftDataVizColorPinkDefault, RedsiftDataVizColorPinkLight, RedsiftDataVizColorPinkLighter, RedsiftDataVizColorPurpleDark, RedsiftDataVizColorPurpleDarker, RedsiftDataVizColorPurpleDefault, RedsiftDataVizColorPurpleLight, RedsiftDataVizColorPurpleLighter, RedsiftDataVizColorRedDark, RedsiftDataVizColorRedDarker, RedsiftDataVizColorRedDefault, RedsiftDataVizColorRedLight, RedsiftDataVizColorRedLighter, RedsiftDataVizColorYellowDark, RedsiftDataVizColorYellowDarker, RedsiftDataVizColorYellowDefault, RedsiftDataVizColorYellowLight, RedsiftDataVizColorYellowLighter, 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, 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, RedsiftTypographyHelperFontFamily, RedsiftTypographyHelperFontSize, RedsiftTypographyHelperFontWeight, RedsiftTypographyHelperLineHeight, RedsiftTypographyInputTextFontFamily, RedsiftTypographyInputTextFontSize, RedsiftTypographyInputTextFontWeight, RedsiftTypographyInputTextLineHeight, RedsiftTypographyLinkFontFamily, RedsiftTypographyLinkFontSize, RedsiftTypographyLinkFontWeight, RedsiftTypographyLinkLineHeight, RedsiftTypographyPillFontFamily, RedsiftTypographyPillFontSize, RedsiftTypographyPillFontWeight, RedsiftTypographyPillLineHeight, RedsiftTypographySubtitleFontFamily, RedsiftTypographySubtitleFontSize, RedsiftTypographySubtitleFontWeight, RedsiftTypographySubtitleLineHeight, RedsiftTypographySubtitleTextTransform, Shield, ShieldProps, ShieldVariant, SideNavigationMenu, SideNavigationMenuBar, SideNavigationMenuBarContextProps, SideNavigationMenuBarProps, SideNavigationMenuContextProps, SideNavigationMenuItem, SideNavigationMenuItemProps, SideNavigationMenuProps, SideNavigationMenuReducerAction, SideNavigationMenuReducerActionType, SideNavigationMenuReducerState, Spinner, SpinnerColor, SpinnerProps, SpinnerSize, StyledAppBarProps, StyledAppContainerProps, StyledAppContentProps, StyledAppSidePanelProps, StyledBadgeProps, StyledBreadcrumbItemProps, StyledBreadcrumbsProps, StyledButton, StyledButtonLinkProps, StyledButtonProps, StyledCheckboxGroupProps, StyledCheckboxProps, StyledFlexboxProps, StyledGridItemProps, StyledGridProps, StyledHeadingProps, StyledIconButtonProps, StyledIconProps, StyledLink, StyledLinkButtonProps, StyledLinkProps, StyledNumberProps, StyledPillProps, StyledRadioGroupProps, StyledRadioProps, StyledShieldProps, StyledSideNavigationMenuBarProps, StyledSideNavigationMenuItemProps, StyledSideNavigationMenuProps, StyledSpinnerProps, StyledTextProps, Text, TextComponent, TextProps, TextVariant, UseSideNavigationMenuBarProps, ValueOf, useAppSidePanel, useSideNavigationMenuBar, useWindowSize, warnIfNoAccessibleLabelFound };