@redsift/design-system 8.0.7 → 8.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  export { I18nProvider, useCollator, useDateFormatter, useFilter, useListFormatter, useLocale, useLocalizedStringFormatter, useNumberFormatter } from '@react-aria/i18n';
2
2
  export { SSRProvider, useIsSSR } from '@react-aria/ssr';
3
- import React$1, { Ref, ReactElement, ReactNode, ComponentProps, DependencyList, MutableRefObject, RefObject, ElementType, ChangeEvent } from 'react';
3
+ import React$1, { Ref, ReactElement, ReactNode, ComponentProps, DependencyList, MutableRefObject, RefObject, ElementType, ChangeEvent, MouseEvent } from 'react';
4
4
  import * as styled_components from 'styled-components';
5
5
 
6
6
  /** Component Type. */
@@ -299,7 +299,7 @@ interface InternalSpacingProps {
299
299
  /** The padding for the top side of the element. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/padding-top">MDN</a>. */
300
300
  paddingTop?: string;
301
301
  }
302
- interface ContainerProps extends Omit<FlexLayoutProps, 'inline'>, Omit<GridLayoutProps, 'inline'>, InternalSpacingProps {
302
+ interface ContainerProps extends Omit<FlexLayoutProps, 'inline'>, Omit<GridLayoutProps, 'inline'>, SpacingProps, SizingProps, PositioningProps, InternalSpacingProps {
303
303
  /** Sets whether an element is treated as a block or inline element and the layout used for its children, such as flow layout, grid or flex. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/display">MDN</a>. */
304
304
  display?: 'block' | 'inline' | 'inline-block' | 'flex' | 'inline-flex' | 'grid' | 'inline-grid' | 'inherit';
305
305
  }
@@ -673,6 +673,49 @@ type StyledAlertProps = Omit<AlertProps, 'variant'> & {
673
673
  */
674
674
  declare const Alert: Comp<AlertProps, HTMLDivElement>;
675
675
 
676
+ /**
677
+ * Component size.
678
+ */
679
+ declare const IconSize: {
680
+ readonly xsmall: "xsmall";
681
+ readonly small: "small";
682
+ readonly medium: "medium";
683
+ readonly large: "large";
684
+ readonly xlarge: "xlarge";
685
+ };
686
+ type IconSize = ValueOf<typeof IconSize>;
687
+ /**
688
+ * Component props.
689
+ */
690
+ interface IconProps extends ComponentProps<'span'>, LayoutProps, SpacingProps, PositioningProps {
691
+ /** Indicates whether the element is exposed to an accessibility API. */
692
+ 'aria-hidden'?: boolean | 'false' | 'true';
693
+ /** A screen reader only label for the Icon. */
694
+ 'aria-label'?: string;
695
+ /** Color variant. Either from color palette or hex or rgb strings. */
696
+ color?: ColorPalette | ProductColorPalette | (string & {});
697
+ /** Whether the icon has a badge attached to it. */
698
+ badge?: ReactElement;
699
+ /**
700
+ * Can be a string or an array of strings containing `d` property of the `path` SVG element.<br />
701
+ * Can also be a ReactElement.
702
+ */
703
+ icon: string | string[] | ReactElement;
704
+ /** Icon size. */
705
+ size?: IconSize;
706
+ /** Additional properties to forward to the SVG tag. */
707
+ svgProps?: ComponentProps<'svg'>;
708
+ }
709
+ type StyledIconProps = Omit<IconProps, 'color' | 'size' | 'icon' | 'svgProps'> & {
710
+ $color: IconProps['color'];
711
+ $size: IconProps['size'];
712
+ };
713
+
714
+ /**
715
+ * The Icon component.
716
+ */
717
+ declare const Icon: Comp<IconProps, HTMLSpanElement>;
718
+
676
719
  /**
677
720
  * Component variant.
678
721
  */
@@ -693,12 +736,10 @@ interface IconButtonProps extends ComponentProps<'button'>, StylingProps {
693
736
  /** Color variant. */
694
737
  color?: IconButtonColor;
695
738
  /**
696
- * Icon path data (`d` property of the `path` SVG element).<br />
697
- * See <a href="https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths">https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths</a>.<br />
698
- * Recommended path data come from mdi/js.<br />
699
- * See <a href="https://www.npmjs.com/package/@mdi/js">https://www.npmjs.com/package/@mdi/js</a>.
739
+ * Can be a string or an array of strings containing `d` property of the `path` SVG element.<br />
740
+ * Can also be a ReactElement.
700
741
  */
701
- icon: string;
742
+ icon: IconProps['icon'];
702
743
  /** Whether the component is active or not. */
703
744
  isActive?: boolean;
704
745
  /** Whether the component is disabled or not. */
@@ -835,51 +876,6 @@ type StyledAppSidePanelProps = Omit<AppSidePanelProps, 'isCollapsed'> & {
835
876
  */
836
877
  declare const AppSidePanel: Comp<AppSidePanelProps, HTMLDivElement>;
837
878
 
838
- /**
839
- * Component size.
840
- */
841
- declare const IconSize: {
842
- readonly xsmall: "xsmall";
843
- readonly small: "small";
844
- readonly medium: "medium";
845
- readonly large: "large";
846
- readonly xlarge: "xlarge";
847
- };
848
- type IconSize = ValueOf<typeof IconSize>;
849
- /**
850
- * Component props.
851
- */
852
- interface IconProps extends ComponentProps<'span'>, LayoutProps, SpacingProps, PositioningProps {
853
- /** Indicates whether the element is exposed to an accessibility API. */
854
- 'aria-hidden'?: boolean | 'false' | 'true';
855
- /** A screen reader only label for the Icon. */
856
- 'aria-label'?: string;
857
- /** Color variant. Either from color palette or hex or rgb strings. */
858
- color?: ColorPalette | ProductColorPalette | (string & {});
859
- /** Whether the icon has a badge attached to it. */
860
- badge?: ReactElement;
861
- /**
862
- * Icon path data (`d` property of the `path` SVG element).<br />
863
- * See <a href="https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths">https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths</a>.<br />
864
- * Recommended path data come from mdi/js.<br />
865
- * See <a href="https://www.npmjs.com/package/@mdi/js">https://www.npmjs.com/package/@mdi/js</a>.
866
- */
867
- icon: string;
868
- /** Icon size. */
869
- size?: IconSize;
870
- /** Additional properties to forward to the SVG tag. */
871
- svgProps?: ComponentProps<'svg'>;
872
- }
873
- type StyledIconProps = Omit<IconProps, 'color' | 'size' | 'icon' | 'svgProps'> & {
874
- $color: IconProps['color'];
875
- $size: IconProps['size'];
876
- };
877
-
878
- /**
879
- * The Icon component.
880
- */
881
- declare const Icon: Comp<IconProps, HTMLSpanElement>;
882
-
883
879
  /**
884
880
  * Context props.
885
881
  */
@@ -914,12 +910,10 @@ interface SideNavigationMenuProps extends ComponentProps<'div'> {
914
910
  /** Whether or not the menu contains children that have a badge. */
915
911
  hasBadge?: boolean;
916
912
  /**
917
- * Icon path data (`d` property of the `path` SVG element).<br />
918
- * See <a href="https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths">https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths</a>.<br />
919
- * Recommended path data come from mdi/js.<br />
920
- * See <a href="https://www.npmjs.com/package/@mdi/js">https://www.npmjs.com/package/@mdi/js</a>.
913
+ * Can be a string or an array of strings containing `d` property of the `path` SVG element.<br />
914
+ * Can also be a ReactElement.
921
915
  */
922
- icon?: string;
916
+ icon?: IconProps['icon'];
923
917
  /** Custom props to pass to the Icon component. */
924
918
  iconProps?: Omit<IconProps, 'icon'>;
925
919
  /** Custom ref to pass to the Icon component. */
@@ -992,12 +986,10 @@ interface SideNavigationMenuItemProps extends ComponentProps<'a'> {
992
986
  /** Href is required for this component. */
993
987
  href: ComponentProps<'a'>['href'];
994
988
  /**
995
- * Icon path data (`d` property of the `path` SVG element).<br />
996
- * See <a href="https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths">https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths</a>.<br />
997
- * Recommended path data come from mdi/js.<br />
998
- * See <a href="https://www.npmjs.com/package/@mdi/js">https://www.npmjs.com/package/@mdi/js</a>.
989
+ * Can be a string or an array of strings containing `d` property of the `path` SVG element.<br />
990
+ * Can also be a ReactElement.
999
991
  */
1000
- icon?: string;
992
+ icon?: IconProps['icon'];
1001
993
  /** Custom props to pass to the Icon component. */
1002
994
  iconProps?: Omit<IconProps, 'icon'>;
1003
995
  /** Custom ref to pass to the Icon component. */
@@ -1142,19 +1134,15 @@ interface ButtonProps extends ComponentProps<'button'>, StylingProps {
1142
1134
  /** Whether the component is in a loading state or not. */
1143
1135
  isLoading?: boolean;
1144
1136
  /**
1145
- * Icon path data (`d` property of the `path` SVG element).<br />
1146
- * See <a href="https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths">https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths</a>.<br />
1147
- * Recommended path data come from mdi/js.<br />
1148
- * See <a href="https://www.npmjs.com/package/@mdi/js">https://www.npmjs.com/package/@mdi/js</a>.
1137
+ * Can be a string or an array of strings containing `d` property of the `path` SVG element.<br />
1138
+ * Can also be a ReactElement.
1149
1139
  */
1150
- leftIcon?: string | ReactElement;
1140
+ leftIcon?: IconProps['icon'];
1151
1141
  /**
1152
- * Icon path data (`d` property of the `path` SVG element).<br />
1153
- * See <a href="https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths">https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths</a>.<br />
1154
- * Recommended path data come from mdi/js.<br />
1155
- * See <a href="https://www.npmjs.com/package/@mdi/js">https://www.npmjs.com/package/@mdi/js</a>.
1142
+ * Can be a string or an array of strings containing `d` property of the `path` SVG element.<br />
1143
+ * Can also be a ReactElement.
1156
1144
  */
1157
- rightIcon?: string | ReactElement;
1145
+ rightIcon?: IconProps['icon'];
1158
1146
  /** Button variant. */
1159
1147
  variant?: ButtonVariant;
1160
1148
  }
@@ -1335,12 +1323,10 @@ interface CardHeaderProps extends ComponentProps<'div'> {
1335
1323
  /** Subheader */
1336
1324
  subheader?: string;
1337
1325
  /**
1338
- * Icon path data (`d` property of the `path` SVG element).<br />
1339
- * See <a href="https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths">https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths</a>.<br />
1340
- * Recommended path data come from mdi/js.<br />
1341
- * See <a href="https://www.npmjs.com/package/@mdi/js">https://www.npmjs.com/package/@mdi/js</a>.
1326
+ * Can be a string or an array of strings containing `d` property of the `path` SVG element.<br />
1327
+ * Can also be a ReactElement.
1342
1328
  */
1343
- icon?: string;
1329
+ icon?: IconProps['icon'];
1344
1330
  /** Whether the card is loading or not. */
1345
1331
  isLoading?: boolean;
1346
1332
  }
@@ -1407,8 +1393,6 @@ interface CheckboxGroupProps extends Omit<ComponentProps<'div'>, 'onChange'>, St
1407
1393
  onChange?(values: string[]): void;
1408
1394
  /** Method to handle component change. */
1409
1395
  orientation?: CheckboxGroupOrientation;
1410
- /** List of possible values. Useful to select all. */
1411
- possibleValues?: string[];
1412
1396
  /**
1413
1397
  * Currently selected values.
1414
1398
  * Used for controlled version.
@@ -1562,12 +1546,10 @@ interface DetailedCardProps extends ComponentProps<'div'>, StylingProps {
1562
1546
  /** Default collapse status. Used for uncontrolled version. */
1563
1547
  defaultAllCollapsed?: boolean;
1564
1548
  /**
1565
- * Icon path data (`d` property of the `path` SVG element).<br />
1566
- * See <a href="https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths">https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths</a>.<br />
1567
- * Recommended path data come from mdi/js.<br />
1568
- * See <a href="https://www.npmjs.com/package/@mdi/js">https://www.npmjs.com/package/@mdi/js</a>.
1549
+ * Can be a string or an array of strings containing `d` property of the `path` SVG element.<br />
1550
+ * Can also be a ReactElement.
1569
1551
  */
1570
- icon?: string;
1552
+ icon?: IconProps['icon'];
1571
1553
  /** Whether the card has buttons to collapse and expand all section items. */
1572
1554
  isCollapsible?: boolean;
1573
1555
  /** Whether the card is loading or not. */
@@ -1607,12 +1589,10 @@ interface DetailedCardSectionItemProps extends ComponentProps<'div'> {
1607
1589
  /** Description */
1608
1590
  description?: string | ReactElement;
1609
1591
  /**
1610
- * Icon path data (`d` property of the `path` SVG element).<br />
1611
- * See <a href="https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths">https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths</a>.<br />
1612
- * Recommended path data come from mdi/js.<br />
1613
- * See <a href="https://www.npmjs.com/package/@mdi/js">https://www.npmjs.com/package/@mdi/js</a>.
1592
+ * Can be a string or an array of strings containing `d` property of the `path` SVG element.<br />
1593
+ * Can also be a ReactElement.
1614
1594
  */
1615
- icon?: string;
1595
+ icon?: IconProps['icon'];
1616
1596
  /** Props to pass to the Icon component. */
1617
1597
  iconProps?: Omit<IconProps, 'ref' | 'icon'>;
1618
1598
  /** Whether the section item can be collapsed or not. */
@@ -1715,6 +1695,220 @@ type StyledFlexboxProps = FlexboxProps;
1715
1695
  */
1716
1696
  declare const Flexbox: Comp<FlexboxProps, HTMLDivElement>;
1717
1697
 
1698
+ declare enum EventKey {
1699
+ ArrowLeft = "ArrowLeft",
1700
+ ArrowRight = "ArrowRight",
1701
+ ArrowUp = "ArrowUp",
1702
+ ArrowDown = "ArrowDown",
1703
+ Home = "Home",
1704
+ End = "End"
1705
+ }
1706
+ type KeyDirection = 'horizontal' | 'vertical' | 'both';
1707
+ declare enum Navigation {
1708
+ PREVIOUS = "PREVIOUS",
1709
+ NEXT = "NEXT",
1710
+ VERY_FIRST = "VERY_FIRST",
1711
+ VERY_LAST = "VERY_LAST",
1712
+ PREVIOUS_ROW = "PREVIOUS_ROW",
1713
+ NEXT_ROW = "NEXT_ROW",
1714
+ FIRST_IN_ROW = "FIRST_IN_ROW",
1715
+ LAST_IN_ROW = "LAST_IN_ROW"
1716
+ }
1717
+ type TabStop = Readonly<{
1718
+ id: string;
1719
+ domElementRef: React.RefObject<Element>;
1720
+ isDisabled: boolean;
1721
+ rowIndex: number | null;
1722
+ value: string;
1723
+ }>;
1724
+ type RowStartMap = Map<Exclude<TabStop['rowIndex'], null>, number>;
1725
+ type FocusWithinGroupState = Readonly<{
1726
+ selectedId: string | null;
1727
+ allowFocusing: boolean;
1728
+ tabStops: readonly TabStop[];
1729
+ direction: KeyDirection;
1730
+ focusOnClick: boolean;
1731
+ focusOnInit: boolean;
1732
+ loopAround: boolean;
1733
+ rowStartMap: RowStartMap | null;
1734
+ focusType: 'roving-tabindex' | 'virtual-focus';
1735
+ activedescendant?: [string, string];
1736
+ filter?: {
1737
+ value: string;
1738
+ type: 'startsWith' | 'contains' | 'endsWith';
1739
+ caseSensitive?: boolean;
1740
+ };
1741
+ delayedAction?: BaseFocusWithinGroupAction;
1742
+ }>;
1743
+ type FocusWithinGroupOptions = Partial<Pick<FocusWithinGroupState, 'direction' | 'focusOnClick' | 'focusOnInit' | 'loopAround' | 'focusType' | 'activedescendant'>>;
1744
+ declare enum FocusWithinGroupActionType {
1745
+ REGISTER_TAB_STOP = "REGISTER_TAB_STOP",
1746
+ UNREGISTER_TAB_STOP = "UNREGISTER_TAB_STOP",
1747
+ KEY_DOWN_ON_ITEM = "KEY_DOWN_ON_ITEM",
1748
+ CLICK_ON_ITEM = "CLICK_ON_ITEM",
1749
+ KEY_DOWN_ON_LIST = "KEY_DOWN_ON_LIST",
1750
+ FOCUS_ON_LIST = "FOCUS_ON_LIST",
1751
+ BLUR_ON_LIST = "BLUR_ON_LIST",
1752
+ TAB_STOP_UPDATED = "TAB_STOP_UPDATED",
1753
+ OPTIONS_UPDATED = "OPTIONS_UPDATED",
1754
+ FILTER_LIST = "FILTER_LIST",
1755
+ DELAY_ACTION = "DELAY_ACTION"
1756
+ }
1757
+ type BaseFocusWithinGroupAction = {
1758
+ type: FocusWithinGroupActionType.REGISTER_TAB_STOP;
1759
+ payload: TabStop;
1760
+ } | {
1761
+ type: FocusWithinGroupActionType.UNREGISTER_TAB_STOP;
1762
+ payload: {
1763
+ id: TabStop['id'];
1764
+ };
1765
+ } | {
1766
+ type: FocusWithinGroupActionType.TAB_STOP_UPDATED;
1767
+ payload: {
1768
+ id: TabStop['id'];
1769
+ rowIndex: TabStop['rowIndex'];
1770
+ isDisabled: TabStop['isDisabled'];
1771
+ };
1772
+ } | {
1773
+ type: FocusWithinGroupActionType.KEY_DOWN_ON_ITEM;
1774
+ payload: {
1775
+ id: TabStop['id'];
1776
+ key: EventKey;
1777
+ ctrlKey: boolean;
1778
+ };
1779
+ } | {
1780
+ type: FocusWithinGroupActionType.CLICK_ON_ITEM;
1781
+ payload: {
1782
+ id: TabStop['id'];
1783
+ };
1784
+ } | {
1785
+ type: FocusWithinGroupActionType.KEY_DOWN_ON_LIST;
1786
+ payload: {
1787
+ key: EventKey;
1788
+ ctrlKey: boolean;
1789
+ };
1790
+ } | {
1791
+ type: FocusWithinGroupActionType.FOCUS_ON_LIST;
1792
+ payload: {
1793
+ id: TabStop['id'];
1794
+ };
1795
+ } | {
1796
+ type: FocusWithinGroupActionType.BLUR_ON_LIST;
1797
+ payload: {};
1798
+ } | {
1799
+ type: FocusWithinGroupActionType.OPTIONS_UPDATED;
1800
+ payload: FocusWithinGroupOptions;
1801
+ } | {
1802
+ type: FocusWithinGroupActionType.FILTER_LIST;
1803
+ payload: {
1804
+ filter: FocusWithinGroupState['filter'];
1805
+ };
1806
+ };
1807
+ type FocusWithinGroupAction = BaseFocusWithinGroupAction | {
1808
+ type: FocusWithinGroupActionType.DELAY_ACTION;
1809
+ payload: BaseFocusWithinGroupAction;
1810
+ };
1811
+ type UseFocusWithinGroupProps = {
1812
+ tabIndex?: number;
1813
+ isFocused: boolean;
1814
+ handleKeyDown: (event: React.KeyboardEvent) => void;
1815
+ handleClick: () => void;
1816
+ };
1817
+ type UseFocusGroupProps = {
1818
+ activedescendant: [string, string] | undefined;
1819
+ handleKeyDown: (event: React.KeyboardEvent) => void;
1820
+ handleFocus: () => void;
1821
+ handleBlur: () => void;
1822
+ };
1823
+ type FocusWithinGroupContextProps = {
1824
+ state: FocusWithinGroupState;
1825
+ dispatch: React.Dispatch<FocusWithinGroupAction>;
1826
+ };
1827
+ /**
1828
+ * Component props.
1829
+ */
1830
+ interface FocusWithinGroupProps extends ComponentProps<'div'>, FocusWithinGroupOptions {
1831
+ }
1832
+
1833
+ /**
1834
+ * The FocusWithinGroup component.
1835
+ *
1836
+ * @param {ReactNode} children - The child content, which will
1837
+ * include the DOM elements to rove between using the tab key.
1838
+ * @param {KeyDirection} direction - An optional direction value
1839
+ * that only applies when the roving tabindex is not being
1840
+ * used within a grid. This value specifies the arrow key behaviour.
1841
+ * The default value is 'horizontal'.
1842
+ * When set to 'horizontal' then only the ArrowLeft and ArrowRight
1843
+ * keys move to the previous and next tab stop respectively.
1844
+ * When set to 'vertical' then only the ArrowUp and ArrowDown keys
1845
+ * move to the previous and next tab stop respectively. When set
1846
+ * to 'both' then both the ArrowLeft and ArrowUp keys can be used
1847
+ * to move to the previous tab stop, and both the ArrowRight
1848
+ * and ArrowDown keys can be used to move to the next tab stop.
1849
+ * If you do not pass an explicit value then the 'horizontal'
1850
+ * behaviour applies.
1851
+ * @param {boolean} focusOnClick - An optional flag for indicating
1852
+ * if `focus()` should invoked on an item in the roving tabindex
1853
+ * when it is clicked. The default value for this flag is `false`,
1854
+ * meaning that `focus()` will not be invoked on click.
1855
+ * Browsers are
1856
+ * [inconsistent in their behaviour](https://zellwk.com/blog/inconsistent-button-behavior/)
1857
+ * when a button is clicked so you will see some variation between
1858
+ * the browsers with the default value. Prior to version 3 of this library,
1859
+ * the behaviour was to always invoke `focus()` on click; this behaviour
1860
+ * can be maintained by passing `true`.
1861
+ * @param {boolean} loopAround - An optional flag that,
1862
+ * when set to `true`, will loop the tabindex around when the user
1863
+ * tries to tab to the first or last elements in the roving tabindex,
1864
+ * rather than stopping. The default value is `false` (no looping).
1865
+ * Note that this option does not apply if the roving tabindex
1866
+ * is being used on a grid.
1867
+ */
1868
+ declare const FocusWithinGroup: React$1.FC<FocusWithinGroupProps>;
1869
+
1870
+ declare const FOCUS_WITHING_GROUP_INITIAL_STATE: FocusWithinGroupState;
1871
+ declare const FocusWithinGroupContext: React$1.Context<FocusWithinGroupContextProps>;
1872
+
1873
+ declare const FocusWithinGroupReducer: (state: FocusWithinGroupState, action: FocusWithinGroupAction) => FocusWithinGroupState;
1874
+
1875
+ declare function uniqueId(): string;
1876
+ /**
1877
+ * Includes the given DOM element in the current roving tabindex.
1878
+ * @param {RefObject<Element>} domElementRef The DOM element to include.
1879
+ * This must be the same DOM element for the lifetime of the containing
1880
+ * component.
1881
+ * @param {boolean} isDisabled Whether or not the DOM element is currently
1882
+ * enabled. This value can be updated as appropriate throughout the lifetime
1883
+ * of the containing component.
1884
+ * @param {number?} rowIndex An optional integer value that must be
1885
+ * populated if the roving tabindex is being used in a grid. In that case,
1886
+ * set it to the zero-based index of the row that the given DOM element
1887
+ * is currently part of. You can update this row index as appropriate
1888
+ * throughout the lifetime of the containing component, for example if
1889
+ * the shape of the grid can change dynamically.
1890
+ * @returns A tuple of values to be applied by the containing
1891
+ * component for the roving tabindex to work correctly.
1892
+ * First tuple value: The tabIndex value to apply to the tab stop
1893
+ * element.
1894
+ * Second tuple value: Whether or not focus() should be invoked on the
1895
+ * tab stop element.
1896
+ * Third tuple value: The onKeyDown callback to apply to the tab
1897
+ * stop element. If the key press is relevant to the hook then
1898
+ * event.preventDefault() will be invoked on the event.
1899
+ * Fourth tuple value: The onClick callback to apply to the tab
1900
+ * stop element.
1901
+ */
1902
+ declare function useFocusOnListItem(props: {
1903
+ domElementRef: RefObject<Element>;
1904
+ isDisabled: boolean;
1905
+ id?: string;
1906
+ value?: string;
1907
+ rowIndex?: number | null;
1908
+ }): UseFocusWithinGroupProps;
1909
+
1910
+ declare function useFocusOnList(): UseFocusGroupProps;
1911
+
1718
1912
  /**
1719
1913
  * Component props.
1720
1914
  */
@@ -1742,6 +1936,146 @@ declare const Grid: Comp<GridProps, HTMLDivElement> & {
1742
1936
  Item: Comp<GridItemProps, HTMLDivElement>;
1743
1937
  };
1744
1938
 
1939
+ /**
1940
+ * Context props.
1941
+ */
1942
+ type ListboxState = Readonly<{
1943
+ isDisabled: boolean;
1944
+ isReadOnly: boolean;
1945
+ selectedValues: string[];
1946
+ selectionMode: 'single' | 'multiple';
1947
+ activedescendant?: [string, string];
1948
+ }>;
1949
+ declare enum ListboxActionType {
1950
+ TOGGLE = "TOGGLE",
1951
+ SET = "SET"
1952
+ }
1953
+ type ListboxAction = {
1954
+ type: ListboxActionType.TOGGLE;
1955
+ payload: {
1956
+ value: string;
1957
+ activedescendant?: [string, string];
1958
+ };
1959
+ } | {
1960
+ type: ListboxActionType.SET;
1961
+ payload: {
1962
+ values: string[];
1963
+ activedescendant?: [string, string];
1964
+ };
1965
+ };
1966
+ type UseListboxItemProps = UseFocusWithinGroupProps & {
1967
+ isSelected?: boolean;
1968
+ isDisabled?: boolean;
1969
+ };
1970
+ type ListboxContextProps = {
1971
+ state: ListboxState;
1972
+ dispatch: React.Dispatch<ListboxAction>;
1973
+ };
1974
+ /**
1975
+ * Component variant.
1976
+ */
1977
+ declare const ListboxVariant: {
1978
+ readonly standalone: "standalone";
1979
+ readonly unstyled: "unstyled";
1980
+ };
1981
+ type ListboxVariant = ValueOf<typeof ListboxVariant>;
1982
+ /**
1983
+ * Component props.
1984
+ */
1985
+ interface ListboxProps extends Omit<ComponentProps<'div'>, 'onChange'>, StylingProps, FocusWithinGroupOptions {
1986
+ /**
1987
+ * Default selected values.
1988
+ * Used for uncontrolled version.
1989
+ */
1990
+ defaultValues?: string[];
1991
+ /** Whether the component is disabled or not. */
1992
+ isDisabled?: boolean;
1993
+ /** Whether the component is invalid or not. */
1994
+ isInvalid?: boolean;
1995
+ /** Whether the component is read only or not. */
1996
+ isReadOnly?: boolean;
1997
+ /** Whether the component is required or not. */
1998
+ isRequired?: boolean;
1999
+ /** Label of the switch group. */
2000
+ label?: string;
2001
+ /** Method to handle component change. */
2002
+ onChange?(values: string[]): void;
2003
+ /** Whether the listbox allows multiple selections or single ones. */
2004
+ selectionMode?: 'single' | 'multiple';
2005
+ /**
2006
+ * Currently selected values.
2007
+ * Used for controlled version.
2008
+ */
2009
+ values?: string[];
2010
+ /** Whether the Listbox is used as standalone or is unstyled within another component. */
2011
+ variant?: ListboxVariant;
2012
+ }
2013
+ type StyledListboxProps = Omit<ListboxProps, 'onChange'> & {
2014
+ $isDisabled: ListboxProps['isDisabled'];
2015
+ $isInvalid: ListboxProps['isInvalid'];
2016
+ $isReadOnly: ListboxProps['isReadOnly'];
2017
+ $variant: ListboxProps['variant'];
2018
+ };
2019
+
2020
+ declare const ActiveDescendantListbox: React$1.ForwardRefExoticComponent<Pick<Omit<ListboxProps, "onChange"> & {
2021
+ context: ListboxContextProps;
2022
+ }, "left" | "right" | "flex" | "flexGrow" | "flexShrink" | "flexBasis" | "alignSelf" | "justifySelf" | "order" | "gridArea" | "gridColumn" | "gridRow" | "gridColumnStart" | "gridColumnEnd" | "gridRowStart" | "gridRowEnd" | "margin" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "height" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "width" | "position" | "top" | "bottom" | "zIndex" | "label" | "slot" | "style" | "title" | "aria-label" | "aria-labelledby" | "variant" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "values" | "isDisabled" | "direction" | "defaultValues" | "isInvalid" | "isReadOnly" | "isRequired" | "context" | "focusOnClick" | "focusOnInit" | "loopAround" | "focusType" | "activedescendant" | "selectionMode"> & React$1.RefAttributes<HTMLDivElement>>;
2023
+
2024
+ declare const RovingTabindexListbox: React$1.ForwardRefExoticComponent<Pick<Omit<ListboxProps, "onChange"> & {
2025
+ context: ListboxContextProps;
2026
+ }, "left" | "right" | "flex" | "flexGrow" | "flexShrink" | "flexBasis" | "alignSelf" | "justifySelf" | "order" | "gridArea" | "gridColumn" | "gridRow" | "gridColumnStart" | "gridColumnEnd" | "gridRowStart" | "gridRowEnd" | "margin" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "height" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "width" | "position" | "top" | "bottom" | "zIndex" | "label" | "slot" | "style" | "title" | "aria-label" | "aria-labelledby" | "variant" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "values" | "isDisabled" | "direction" | "defaultValues" | "isInvalid" | "isReadOnly" | "isRequired" | "context" | "focusOnClick" | "focusOnInit" | "loopAround" | "focusType" | "activedescendant" | "selectionMode"> & React$1.RefAttributes<HTMLDivElement>>;
2027
+
2028
+ /**
2029
+ * The Listbox component.
2030
+ * Can be used as controlled or uncontrolled.
2031
+ */
2032
+ declare const Listbox: Comp<ListboxProps, HTMLDivElement>;
2033
+
2034
+ declare const LISTBOX_INITIAL_STATE: ListboxState;
2035
+ declare const ListboxContext: React$1.Context<ListboxContextProps>;
2036
+
2037
+ declare const ListboxReducer: (state: ListboxState, action: ListboxAction) => ListboxState;
2038
+
2039
+ /**
2040
+ * Component props.
2041
+ */
2042
+ interface ItemProps extends Omit<ComponentProps<'div'>, 'onClick'>, StylingProps {
2043
+ /**
2044
+ * Default select status.
2045
+ * Used for uncontrolled version.
2046
+ */
2047
+ defaultSelected?: boolean;
2048
+ /** Whether the component is active or not. */
2049
+ isActive?: boolean;
2050
+ /** Whether the component is disabled or not. */
2051
+ isDisabled?: boolean;
2052
+ /** Whether the component is focused or not. */
2053
+ isFocused?: boolean;
2054
+ /** Whether the component is hovered or not. */
2055
+ isHovered?: boolean;
2056
+ /**
2057
+ * Whether the component is selected or not.
2058
+ * Used for controlled version.
2059
+ */
2060
+ isSelected?: boolean;
2061
+ /** Method to handle component change. */
2062
+ onClick?(isSelected: boolean, value?: string, event?: MouseEvent<HTMLDivElement>, state?: ListboxContextProps): void;
2063
+ /** Value. */
2064
+ value: string;
2065
+ }
2066
+ type StyledItemProps = Omit<ItemProps, 'color' | 'onClick' | 'value'> & {
2067
+ $isActive: ItemProps['isActive'];
2068
+ $isDisabled: ItemProps['isDisabled'];
2069
+ $isFocused: ItemProps['isFocused'];
2070
+ $isHovered: ItemProps['isHovered'];
2071
+ $isSelected: ItemProps['isSelected'];
2072
+ };
2073
+
2074
+ /**
2075
+ * The Item component.
2076
+ */
2077
+ declare const Item: Comp<ItemProps, HTMLDivElement>;
2078
+
1745
2079
  /**
1746
2080
  * Component props.
1747
2081
  */
@@ -1932,8 +2266,6 @@ interface RadioGroupProps extends Omit<ComponentProps<'div'>, 'onChange'>, Styli
1932
2266
  onChange?(values: string): void;
1933
2267
  /** Method to handle component change. */
1934
2268
  orientation?: RadioGroupOrientation;
1935
- /** List of possible values. Useful to select all. */
1936
- possibleValues?: string[];
1937
2269
  /**
1938
2270
  * Currently selected value.
1939
2271
  * Used for controlled version.
@@ -1962,7 +2294,6 @@ interface RadioProps extends Omit<ComponentProps<'label'>, 'onChange'>, StylingP
1962
2294
  /**
1963
2295
  * Default select status.
1964
2296
  * Used for uncontrolled version.
1965
- * Shouldn't be used inside a group unless isControlled is force to true.
1966
2297
  */
1967
2298
  defaultSelected?: boolean;
1968
2299
  /** Custom props to pass to the input element. */
@@ -1982,7 +2313,6 @@ interface RadioProps extends Omit<ComponentProps<'label'>, 'onChange'>, StylingP
1982
2313
  /**
1983
2314
  * Whether the component is selected or not.
1984
2315
  * Used for controlled version.
1985
- * Shouldn't be used inside a group unless isControlled is force to true.
1986
2316
  */
1987
2317
  isSelected?: boolean;
1988
2318
  /** Name to pass to the input element. */
@@ -2177,8 +2507,6 @@ interface SwitchGroupProps extends Omit<ComponentProps<'div'>, 'onChange'>, Styl
2177
2507
  onChange?(values: string[]): void;
2178
2508
  /** Method to handle component change. */
2179
2509
  orientation?: SwitchGroupOrientation;
2180
- /** List of possible values. Useful to select all. */
2181
- possibleValues?: string[];
2182
2510
  /**
2183
2511
  * Currently selected values.
2184
2512
  * Used for controlled version.
@@ -2207,7 +2535,6 @@ interface SwitchProps extends Omit<ComponentProps<'label'>, 'onChange'>, Styling
2207
2535
  /**
2208
2536
  * Default select status.
2209
2537
  * Used for uncontrolled version.
2210
- * Shouldn't be used inside a group unless isControlled is force to true.
2211
2538
  */
2212
2539
  defaultSelected?: boolean;
2213
2540
  /** Custom props to pass to the input element. */
@@ -2227,7 +2554,6 @@ interface SwitchProps extends Omit<ComponentProps<'label'>, 'onChange'>, Styling
2227
2554
  /**
2228
2555
  * Whether the component is selected or not.
2229
2556
  * Used for controlled version.
2230
- * Shouldn't be used inside a group unless isControlled is force to true.
2231
2557
  */
2232
2558
  isSelected?: boolean;
2233
2559
  /** Name to pass to the input element. */
@@ -2275,6 +2601,12 @@ interface TextFieldProps extends Omit<ComponentProps<'div'>, 'onChange'>, Stylin
2275
2601
  * Used for uncontrolled version.
2276
2602
  */
2277
2603
  defaultValue?: HTMLInputElement['value'];
2604
+ /** Whether the clear button is displayed or not. */
2605
+ hasClearButton?: boolean | Omit<Partial<IconButtonProps>, 'ref'>;
2606
+ /** Place for icon buttons between the clear button and the separator. */
2607
+ internal?: ReactNode | ((value?: string, isDisabled?: boolean, isInvalid?: boolean, isRequired?: boolean) => ReactNode);
2608
+ /** Place for icon buttons after the separator. */
2609
+ after?: ReactNode | ((value?: string, isDisabled?: boolean, isInvalid?: boolean, isRequired?: boolean) => ReactNode);
2278
2610
  /** Custom props to pass to the input element. */
2279
2611
  inputProps?: ComponentProps<'input'>;
2280
2612
  /** Custom ref object to pass to the input element. */
@@ -2291,10 +2623,17 @@ interface TextFieldProps extends Omit<ComponentProps<'div'>, 'onChange'>, Stylin
2291
2623
  isRequired?: boolean;
2292
2624
  /** Label */
2293
2625
  label?: string;
2626
+ /**
2627
+ * Can be a string or an array of strings containing `d` property of the `path` SVG element.<br />
2628
+ * Can also be a ReactElement.
2629
+ */
2630
+ leftIcon?: Omit<IconProps, 'ref'>;
2294
2631
  /** Name to pass to the input element. */
2295
2632
  name?: HTMLInputElement['name'];
2296
2633
  /** Method to handle component change. */
2297
2634
  onChange?(value?: string, name?: string, event?: ChangeEvent<HTMLInputElement>): void;
2635
+ /** Method to handle component clear. */
2636
+ onClear?(): void;
2298
2637
  /** Placeholder. */
2299
2638
  placeholder?: string;
2300
2639
  /**
@@ -2306,6 +2645,7 @@ interface TextFieldProps extends Omit<ComponentProps<'div'>, 'onChange'>, Stylin
2306
2645
  variant?: TextFieldVariant;
2307
2646
  }
2308
2647
  type StyledTextFieldProps = Omit<TextFieldProps, 'color' | 'isColored' | 'isDisabled' | 'isInvalid' | 'isRequired' | 'onChange'> & {
2648
+ $hasLeftIcon: boolean;
2309
2649
  $hasContent: boolean;
2310
2650
  $isColored: TextFieldProps['isColored'];
2311
2651
  $isDisabled: TextFieldProps['isDisabled'];
@@ -2322,4 +2662,4 @@ type StyledTextFieldProps = Omit<TextFieldProps, 'color' | 'isColored' | 'isDisa
2322
2662
  */
2323
2663
  declare const TextField: Comp<TextFieldProps, HTMLDivElement>;
2324
2664
 
2325
- export { Alert, AlertProps, AlertVariant, AlignContent, AlignItems, AlignSelf, AppBar, AppBarProps, AppContainer, AppContainerContext, AppContainerProps, AppContainerState, AppContent, AppContentProps, AppSidePanel, AppSidePanelProps, Badge, BadgeProps, BadgeVariant, BaseBreadcrumbs, BaseGrid, BaseSkeleton, BreadcrumbItem, BreadcrumbItemProps, Breadcrumbs, BreadcrumbsProps, Button, ButtonColor, ButtonLink, ButtonLinkProps, ButtonProps, ButtonVariant, Card, CardActions, CardActionsProps, CardBody, CardBodyProps, CardHeader, CardHeaderProps, CardProps, Checkbox, CheckboxGroup, CheckboxGroupOrientation, CheckboxGroupProps, CheckboxGroupState, CheckboxProps, ColorPalette, Comp, ConditionalWrapper, ConditionalWrapperProps, ContainerProps, DataVizColorPalette, DetailedCard, DetailedCardCollapsibleSectionItems, DetailedCardCollapsibleSectionItemsProps, DetailedCardHeader, DetailedCardHeaderProps, DetailedCardProps, DetailedCardSection, DetailedCardSectionItem, DetailedCardSectionItemProps, DetailedCardSectionProps, Falsy, FlexDirection, FlexLayoutProps, FlexWrap, Flexbox, FlexboxProps, FontFamily, Grid, GridItem, GridItemProps, GridLayoutProps, GridProps, Heading, HeadingComponent, HeadingProps, HeadingVariant, Icon, IconButton, IconButtonColor, IconButtonProps, IconButtonVariant, IconProps, IconSize, InternalSpacingProps, JustifyContent, JustifyItems, JustifySelf, LayoutProps, Link, LinkButton, LinkButtonProps, LinkProps, Menu, MenuBarItems, MenuItem, NeutralColorPalette, Number, NumberFormatOptions, NumberProps, Pill, PillProps, PositioningProps, ProductColorPalette, Radio, RadioGroup, RadioGroupOrientation, RadioGroupProps, RadioGroupState, RadioProps, RedsiftAppBarColorBackground, RedsiftAppBarColorExpandIconBackgroundHover, RedsiftAppBarColorExpandIconHover, RedsiftAppBarColorExpandIconResting, RedsiftAppBarColorText, RedsiftColorDefaultActive, RedsiftColorDefaultActiveHover, RedsiftColorDefaultHover, RedsiftColorDefaultPrimary, RedsiftColorDefaultPrimaryActive, RedsiftColorDefaultPrimaryActiveHover, RedsiftColorDefaultSecondary, RedsiftColorErrorActive, RedsiftColorErrorActiveHover, RedsiftColorErrorHover, RedsiftColorErrorPrimary, RedsiftColorErrorPrimaryActive, RedsiftColorErrorPrimaryActiveHover, RedsiftColorErrorSecondary, RedsiftColorHardenizeActive, RedsiftColorHardenizeActiveHover, RedsiftColorHardenizeHover, RedsiftColorHardenizePrimary, RedsiftColorHardenizePrimaryActive, RedsiftColorHardenizePrimaryActiveHover, RedsiftColorHardenizeSecondary, RedsiftColorInfoActive, RedsiftColorInfoActiveHover, RedsiftColorInfoHover, RedsiftColorInfoPrimary, RedsiftColorInfoPrimaryActive, RedsiftColorInfoPrimaryActiveHover, RedsiftColorInfoSecondary, RedsiftColorNeutralBlack, RedsiftColorNeutralDarkgrey, RedsiftColorNeutralLightgrey, RedsiftColorNeutralMidgrey, RedsiftColorNeutralWhite, RedsiftColorNeutralXlightgrey, RedsiftColorNoDataActive, RedsiftColorNoDataActiveHover, RedsiftColorNoDataHover, RedsiftColorNoDataPrimary, RedsiftColorNoDataPrimaryActive, RedsiftColorNoDataPrimaryActiveHover, RedsiftColorNoDataSecondary, RedsiftColorOndmarcActive, RedsiftColorOndmarcActiveHover, RedsiftColorOndmarcHover, RedsiftColorOndmarcPrimary, RedsiftColorOndmarcPrimaryActive, RedsiftColorOndmarcPrimaryActiveHover, RedsiftColorOndmarcSecondary, RedsiftColorOndomainActive, RedsiftColorOndomainActiveHover, RedsiftColorOndomainHover, RedsiftColorOndomainPrimary, RedsiftColorOndomainPrimaryActive, RedsiftColorOndomainPrimaryActiveHover, RedsiftColorOndomainSecondary, RedsiftColorOninboxActive, RedsiftColorOninboxActiveHover, RedsiftColorOninboxHover, RedsiftColorOninboxPrimary, RedsiftColorOninboxPrimaryActive, RedsiftColorOninboxPrimaryActiveHover, RedsiftColorOninboxSecondary, RedsiftColorQuestionActive, RedsiftColorQuestionActiveHover, RedsiftColorQuestionHover, RedsiftColorQuestionPrimary, RedsiftColorQuestionPrimaryActive, RedsiftColorQuestionPrimaryActiveHover, RedsiftColorQuestionSecondary, RedsiftColorSuccessActive, RedsiftColorSuccessActiveHover, RedsiftColorSuccessHover, RedsiftColorSuccessPrimary, RedsiftColorSuccessPrimaryActive, RedsiftColorSuccessPrimaryActiveHover, RedsiftColorSuccessSecondary, RedsiftColorToolsActive, RedsiftColorToolsActiveHover, RedsiftColorToolsHover, RedsiftColorToolsPrimary, RedsiftColorToolsPrimaryActive, RedsiftColorToolsPrimaryActiveHover, RedsiftColorToolsSecondary, RedsiftColorWarningActive, RedsiftColorWarningActiveHover, RedsiftColorWarningHover, RedsiftColorWarningPrimary, RedsiftColorWarningPrimaryActive, RedsiftColorWarningPrimaryActiveHover, RedsiftColorWarningSecondary, RedsiftColorWebsiteActive, RedsiftColorWebsiteActiveHover, RedsiftColorWebsiteHover, RedsiftColorWebsitePrimary, RedsiftColorWebsitePrimaryActive, RedsiftColorWebsitePrimaryActiveHover, RedsiftColorWebsiteSecondary, RedsiftDataVizColorAquaDark, RedsiftDataVizColorAquaDarker, RedsiftDataVizColorAquaDarkerer, RedsiftDataVizColorAquaDefault, RedsiftDataVizColorAquaLight, RedsiftDataVizColorAquaLighter, RedsiftDataVizColorAquaLighterer, RedsiftDataVizColorBlueDark, RedsiftDataVizColorBlueDarker, RedsiftDataVizColorBlueDarkerer, RedsiftDataVizColorBlueDefault, RedsiftDataVizColorBlueLight, RedsiftDataVizColorBlueLighter, RedsiftDataVizColorBlueLighterer, RedsiftDataVizColorBrownDark, RedsiftDataVizColorBrownDarker, RedsiftDataVizColorBrownDarkerer, RedsiftDataVizColorBrownDefault, RedsiftDataVizColorBrownLight, RedsiftDataVizColorBrownLighter, RedsiftDataVizColorBrownLighterer, RedsiftDataVizColorGreenDark, RedsiftDataVizColorGreenDarker, RedsiftDataVizColorGreenDarkerer, RedsiftDataVizColorGreenDefault, RedsiftDataVizColorGreenLight, RedsiftDataVizColorGreenLighter, RedsiftDataVizColorGreenLighterer, RedsiftDataVizColorGreyDark, RedsiftDataVizColorGreyDarker, RedsiftDataVizColorGreyDarkerer, RedsiftDataVizColorGreyDefault, RedsiftDataVizColorGreyLight, RedsiftDataVizColorGreyLighter, RedsiftDataVizColorGreyLighterer, RedsiftDataVizColorOrangeDark, RedsiftDataVizColorOrangeDarker, RedsiftDataVizColorOrangeDarkerer, RedsiftDataVizColorOrangeDefault, RedsiftDataVizColorOrangeLight, RedsiftDataVizColorOrangeLighter, RedsiftDataVizColorOrangeLighterer, RedsiftDataVizColorPinkDark, RedsiftDataVizColorPinkDarker, RedsiftDataVizColorPinkDarkerer, RedsiftDataVizColorPinkDefault, RedsiftDataVizColorPinkLight, RedsiftDataVizColorPinkLighter, RedsiftDataVizColorPinkLighterer, RedsiftDataVizColorPurpleDark, RedsiftDataVizColorPurpleDarker, RedsiftDataVizColorPurpleDarkerer, RedsiftDataVizColorPurpleDefault, RedsiftDataVizColorPurpleLight, RedsiftDataVizColorPurpleLighter, RedsiftDataVizColorPurpleLighterer, RedsiftDataVizColorRedDark, RedsiftDataVizColorRedDarker, RedsiftDataVizColorRedDarkerer, RedsiftDataVizColorRedDefault, RedsiftDataVizColorRedLight, RedsiftDataVizColorRedLighter, RedsiftDataVizColorRedLighterer, RedsiftDataVizColorYellowDark, RedsiftDataVizColorYellowDarker, RedsiftDataVizColorYellowDarkerer, RedsiftDataVizColorYellowDefault, RedsiftDataVizColorYellowLight, RedsiftDataVizColorYellowLighter, RedsiftDataVizColorYellowLighterer, RedsiftLayoutZIndexDialog, RedsiftLayoutZIndexDropdown, RedsiftLayoutZIndexFooter, RedsiftLayoutZIndexHeader, RedsiftLayoutZIndexOverlay, RedsiftLayoutZIndexPopover, RedsiftLayoutZIndexSidePanel, RedsiftLayoutZIndexTooltip, RedsiftSideNavigationColorBackground, RedsiftSideNavigationColorMenuItemActive, RedsiftSideNavigationColorMenuItemBackgroundActive, RedsiftSideNavigationColorMenuItemBackgroundHover, RedsiftSideNavigationColorMenuItemBackgroundSecondary, RedsiftSideNavigationColorMenuItemTextDisabled, RedsiftSideNavigationColorMenuItemTextHover, RedsiftSideNavigationColorMenuItemTextResting, RedsiftSideNavigationColorScrollbarHover, RedsiftSideNavigationColorScrollbarResting, RedsiftTypographyBadgeFontFamily, RedsiftTypographyBadgeFontSize, RedsiftTypographyBadgeFontWeight, RedsiftTypographyBadgeLineHeight, RedsiftTypographyBody2FontFamily, RedsiftTypographyBody2FontSize, RedsiftTypographyBody2FontWeight, RedsiftTypographyBody2LineHeight, RedsiftTypographyBodyFontFamily, RedsiftTypographyBodyFontSize, RedsiftTypographyBodyFontWeight, RedsiftTypographyBodyLineHeight, RedsiftTypographyBodyTextTransform, RedsiftTypographyButtonFontFamily, RedsiftTypographyButtonFontSize, RedsiftTypographyButtonFontWeight, RedsiftTypographyButtonLineHeight, RedsiftTypographyButtonTextTransform, RedsiftTypographyCaptionFontFamily, RedsiftTypographyCaptionFontSize, RedsiftTypographyCaptionFontWeight, RedsiftTypographyCaptionLineHeight, RedsiftTypographyCaptionTextTransform, RedsiftTypographyChipFontFamily, RedsiftTypographyChipFontSize, RedsiftTypographyChipFontWeight, RedsiftTypographyChipLineHeight, RedsiftTypographyDatagridCellFontFamily, RedsiftTypographyDatagridCellFontSize, RedsiftTypographyDatagridCellFontWeight, RedsiftTypographyDatagridCellLineHeight, RedsiftTypographyDatagridHeaderFontFamily, RedsiftTypographyDatagridHeaderFontSize, RedsiftTypographyDatagridHeaderFontWeight, RedsiftTypographyDatagridHeaderLineHeight, RedsiftTypographyFontFamilyElectrolize, RedsiftTypographyFontFamilyRaleway, RedsiftTypographyFontFamilySourceCodePro, RedsiftTypographyFontWeightBold, RedsiftTypographyFontWeightMedium, RedsiftTypographyFontWeightRegular, RedsiftTypographyFontWeightSemiBold, RedsiftTypographyH1FontFamily, RedsiftTypographyH1FontSize, RedsiftTypographyH1FontWeight, RedsiftTypographyH1LineHeight, RedsiftTypographyH1TextTransform, RedsiftTypographyH2FontFamily, RedsiftTypographyH2FontSize, RedsiftTypographyH2FontWeight, RedsiftTypographyH2LineHeight, RedsiftTypographyH2TextTransform, RedsiftTypographyH3FontFamily, RedsiftTypographyH3FontSize, RedsiftTypographyH3FontWeight, RedsiftTypographyH3LineHeight, RedsiftTypographyH3TextTransform, RedsiftTypographyH4FontFamily, RedsiftTypographyH4FontSize, RedsiftTypographyH4FontWeight, RedsiftTypographyH4LineHeight, RedsiftTypographyH4TextTransform, RedsiftTypographyH5FontFamily, RedsiftTypographyH5FontSize, RedsiftTypographyH5FontWeight, RedsiftTypographyH5LineHeight, RedsiftTypographyH5TextTransform, RedsiftTypographyHelperFontFamily, RedsiftTypographyHelperFontSize, RedsiftTypographyHelperFontWeight, RedsiftTypographyHelperLineHeight, RedsiftTypographyInputTextFontFamily, RedsiftTypographyInputTextFontSize, RedsiftTypographyInputTextFontWeight, RedsiftTypographyInputTextLineHeight, RedsiftTypographyLinkFontFamily, RedsiftTypographyLinkFontSize, RedsiftTypographyLinkFontWeight, RedsiftTypographyLinkLineHeight, RedsiftTypographyPillFontFamily, RedsiftTypographyPillFontSize, RedsiftTypographyPillFontWeight, RedsiftTypographyPillLineHeight, RedsiftTypographySubtitleFontFamily, RedsiftTypographySubtitleFontSize, RedsiftTypographySubtitleFontWeight, RedsiftTypographySubtitleLineHeight, RedsiftTypographySubtitleTextTransform, RedsiftTypographyTooltipFontFamily, RedsiftTypographyTooltipFontSize, RedsiftTypographyTooltipFontWeight, RedsiftTypographyTooltipLineHeight, Shield, ShieldProps, ShieldVariant, SideNavigationMenu, SideNavigationMenuBar, SideNavigationMenuBarContextProps, SideNavigationMenuBarProps, SideNavigationMenuContextProps, SideNavigationMenuItem, SideNavigationMenuItemProps, SideNavigationMenuProps, SideNavigationMenuReducerAction, SideNavigationMenuReducerActionType, SideNavigationMenuReducerState, SizingProps, Skeleton, SkeletonCircle, SkeletonCircleProps, SkeletonProps, SkeletonText, SkeletonTextProps, SkeletonTextVariant, SpacingProps, Spinner, SpinnerColor, SpinnerProps, SpinnerSize, StyledAlertProps, StyledAppBarProps, StyledAppContainerProps, StyledAppContentProps, StyledAppSidePanelProps, StyledBadgeProps, StyledBreadcrumbItemProps, StyledBreadcrumbsProps, StyledButton, StyledButtonLinkProps, StyledButtonProps, StyledCardActionsProps, StyledCardBodyProps, StyledCardHeaderProps, StyledCardProps, StyledCheckboxGroupProps, StyledCheckboxProps, StyledDetailedCardCollapsibleSectionItemsProps, StyledDetailedCardHeaderProps, StyledDetailedCardProps, StyledDetailedCardSectionItemProps, StyledDetailedCardSectionProps, StyledFlexboxProps, StyledGridItemProps, StyledGridProps, StyledHeadingProps, StyledIconButtonProps, StyledIconProps, StyledLink, StyledLinkButtonProps, StyledLinkProps, StyledNumberProps, StyledPillProps, StyledRadioGroupProps, StyledRadioProps, StyledShieldProps, StyledSideNavigationMenuBarProps, StyledSideNavigationMenuItemProps, StyledSideNavigationMenuProps, StyledSkeletonCircleProps, StyledSkeletonProps, StyledSkeletonTextProps, StyledSpinnerProps, StyledSwitchGroupProps, StyledSwitchProps, StyledTextFieldProps, StyledTextProps, StylingProps, Switch, SwitchGroup, SwitchGroupOrientation, SwitchGroupProps, SwitchGroupState, SwitchProps, Text, TextComponent, TextField, TextFieldProps, TextFieldVariant, TextProps, TextVariant, UseSideNavigationMenuBarProps, ValueOf, baseContainer, baseFlexbox, baseGrid, baseInternalSpacing, baseLayout, basePositioning, baseSizing, baseSpacing, baseStyling, filterComponents, focusRing, isComponent, partitionComponents, useAppSidePanel, useBoundingClientRect, useSideNavigationMenuBar, useWindowSize, warnIfNoAccessibleLabelFound };
2665
+ export { ActiveDescendantListbox, Alert, AlertProps, AlertVariant, AlignContent, AlignItems, AlignSelf, AppBar, AppBarProps, AppContainer, AppContainerContext, AppContainerProps, AppContainerState, AppContent, AppContentProps, AppSidePanel, AppSidePanelProps, Badge, BadgeProps, BadgeVariant, BaseBreadcrumbs, BaseFocusWithinGroupAction, BaseGrid, BaseSkeleton, BreadcrumbItem, BreadcrumbItemProps, Breadcrumbs, BreadcrumbsProps, Button, ButtonColor, ButtonLink, ButtonLinkProps, ButtonProps, ButtonVariant, Card, CardActions, CardActionsProps, CardBody, CardBodyProps, CardHeader, CardHeaderProps, CardProps, Checkbox, CheckboxGroup, CheckboxGroupOrientation, CheckboxGroupProps, CheckboxGroupState, CheckboxProps, ColorPalette, Comp, ConditionalWrapper, ConditionalWrapperProps, ContainerProps, DataVizColorPalette, DetailedCard, DetailedCardCollapsibleSectionItems, DetailedCardCollapsibleSectionItemsProps, DetailedCardHeader, DetailedCardHeaderProps, DetailedCardProps, DetailedCardSection, DetailedCardSectionItem, DetailedCardSectionItemProps, DetailedCardSectionProps, EventKey, FOCUS_WITHING_GROUP_INITIAL_STATE, Falsy, FlexDirection, FlexLayoutProps, FlexWrap, Flexbox, FlexboxProps, FocusWithinGroup, FocusWithinGroupAction, FocusWithinGroupActionType, FocusWithinGroupContext, FocusWithinGroupContextProps, FocusWithinGroupOptions, FocusWithinGroupProps, FocusWithinGroupReducer, FocusWithinGroupState, FontFamily, Grid, GridItem, GridItemProps, GridLayoutProps, GridProps, Heading, HeadingComponent, HeadingProps, HeadingVariant, Icon, IconButton, IconButtonColor, IconButtonProps, IconButtonVariant, IconProps, IconSize, InternalSpacingProps, Item, ItemProps, JustifyContent, JustifyItems, JustifySelf, KeyDirection, LISTBOX_INITIAL_STATE, LayoutProps, Link, LinkButton, LinkButtonProps, LinkProps, Listbox, ListboxAction, ListboxActionType, ListboxContext, ListboxContextProps, ListboxProps, ListboxReducer, ListboxState, ListboxVariant, Menu, MenuBarItems, MenuItem, Navigation, NeutralColorPalette, Number, NumberFormatOptions, NumberProps, Pill, PillProps, PositioningProps, ProductColorPalette, Radio, RadioGroup, RadioGroupOrientation, RadioGroupProps, RadioGroupState, RadioProps, RedsiftAppBarColorBackground, RedsiftAppBarColorExpandIconBackgroundHover, RedsiftAppBarColorExpandIconHover, RedsiftAppBarColorExpandIconResting, RedsiftAppBarColorText, RedsiftColorDefaultActive, RedsiftColorDefaultActiveHover, RedsiftColorDefaultHover, RedsiftColorDefaultPrimary, RedsiftColorDefaultPrimaryActive, RedsiftColorDefaultPrimaryActiveHover, RedsiftColorDefaultSecondary, RedsiftColorErrorActive, RedsiftColorErrorActiveHover, RedsiftColorErrorHover, RedsiftColorErrorPrimary, RedsiftColorErrorPrimaryActive, RedsiftColorErrorPrimaryActiveHover, RedsiftColorErrorSecondary, RedsiftColorHardenizeActive, RedsiftColorHardenizeActiveHover, RedsiftColorHardenizeHover, RedsiftColorHardenizePrimary, RedsiftColorHardenizePrimaryActive, RedsiftColorHardenizePrimaryActiveHover, RedsiftColorHardenizeSecondary, RedsiftColorInfoActive, RedsiftColorInfoActiveHover, RedsiftColorInfoHover, RedsiftColorInfoPrimary, RedsiftColorInfoPrimaryActive, RedsiftColorInfoPrimaryActiveHover, RedsiftColorInfoSecondary, RedsiftColorNeutralBlack, RedsiftColorNeutralDarkgrey, RedsiftColorNeutralLightgrey, RedsiftColorNeutralMidgrey, RedsiftColorNeutralWhite, RedsiftColorNeutralXlightgrey, RedsiftColorNoDataActive, RedsiftColorNoDataActiveHover, RedsiftColorNoDataHover, RedsiftColorNoDataPrimary, RedsiftColorNoDataPrimaryActive, RedsiftColorNoDataPrimaryActiveHover, RedsiftColorNoDataSecondary, RedsiftColorOndmarcActive, RedsiftColorOndmarcActiveHover, RedsiftColorOndmarcHover, RedsiftColorOndmarcPrimary, RedsiftColorOndmarcPrimaryActive, RedsiftColorOndmarcPrimaryActiveHover, RedsiftColorOndmarcSecondary, RedsiftColorOndomainActive, RedsiftColorOndomainActiveHover, RedsiftColorOndomainHover, RedsiftColorOndomainPrimary, RedsiftColorOndomainPrimaryActive, RedsiftColorOndomainPrimaryActiveHover, RedsiftColorOndomainSecondary, RedsiftColorOninboxActive, RedsiftColorOninboxActiveHover, RedsiftColorOninboxHover, RedsiftColorOninboxPrimary, RedsiftColorOninboxPrimaryActive, RedsiftColorOninboxPrimaryActiveHover, RedsiftColorOninboxSecondary, RedsiftColorQuestionActive, RedsiftColorQuestionActiveHover, RedsiftColorQuestionHover, RedsiftColorQuestionPrimary, RedsiftColorQuestionPrimaryActive, RedsiftColorQuestionPrimaryActiveHover, RedsiftColorQuestionSecondary, RedsiftColorSuccessActive, RedsiftColorSuccessActiveHover, RedsiftColorSuccessHover, RedsiftColorSuccessPrimary, RedsiftColorSuccessPrimaryActive, RedsiftColorSuccessPrimaryActiveHover, RedsiftColorSuccessSecondary, RedsiftColorToolsActive, RedsiftColorToolsActiveHover, RedsiftColorToolsHover, RedsiftColorToolsPrimary, RedsiftColorToolsPrimaryActive, RedsiftColorToolsPrimaryActiveHover, RedsiftColorToolsSecondary, RedsiftColorWarningActive, RedsiftColorWarningActiveHover, RedsiftColorWarningHover, RedsiftColorWarningPrimary, RedsiftColorWarningPrimaryActive, RedsiftColorWarningPrimaryActiveHover, RedsiftColorWarningSecondary, RedsiftColorWebsiteActive, RedsiftColorWebsiteActiveHover, RedsiftColorWebsiteHover, RedsiftColorWebsitePrimary, RedsiftColorWebsitePrimaryActive, RedsiftColorWebsitePrimaryActiveHover, RedsiftColorWebsiteSecondary, RedsiftDataVizColorAquaDark, RedsiftDataVizColorAquaDarker, RedsiftDataVizColorAquaDarkerer, RedsiftDataVizColorAquaDefault, RedsiftDataVizColorAquaLight, RedsiftDataVizColorAquaLighter, RedsiftDataVizColorAquaLighterer, RedsiftDataVizColorBlueDark, RedsiftDataVizColorBlueDarker, RedsiftDataVizColorBlueDarkerer, RedsiftDataVizColorBlueDefault, RedsiftDataVizColorBlueLight, RedsiftDataVizColorBlueLighter, RedsiftDataVizColorBlueLighterer, RedsiftDataVizColorBrownDark, RedsiftDataVizColorBrownDarker, RedsiftDataVizColorBrownDarkerer, RedsiftDataVizColorBrownDefault, RedsiftDataVizColorBrownLight, RedsiftDataVizColorBrownLighter, RedsiftDataVizColorBrownLighterer, RedsiftDataVizColorGreenDark, RedsiftDataVizColorGreenDarker, RedsiftDataVizColorGreenDarkerer, RedsiftDataVizColorGreenDefault, RedsiftDataVizColorGreenLight, RedsiftDataVizColorGreenLighter, RedsiftDataVizColorGreenLighterer, RedsiftDataVizColorGreyDark, RedsiftDataVizColorGreyDarker, RedsiftDataVizColorGreyDarkerer, RedsiftDataVizColorGreyDefault, RedsiftDataVizColorGreyLight, RedsiftDataVizColorGreyLighter, RedsiftDataVizColorGreyLighterer, RedsiftDataVizColorOrangeDark, RedsiftDataVizColorOrangeDarker, RedsiftDataVizColorOrangeDarkerer, RedsiftDataVizColorOrangeDefault, RedsiftDataVizColorOrangeLight, RedsiftDataVizColorOrangeLighter, RedsiftDataVizColorOrangeLighterer, RedsiftDataVizColorPinkDark, RedsiftDataVizColorPinkDarker, RedsiftDataVizColorPinkDarkerer, RedsiftDataVizColorPinkDefault, RedsiftDataVizColorPinkLight, RedsiftDataVizColorPinkLighter, RedsiftDataVizColorPinkLighterer, RedsiftDataVizColorPurpleDark, RedsiftDataVizColorPurpleDarker, RedsiftDataVizColorPurpleDarkerer, RedsiftDataVizColorPurpleDefault, RedsiftDataVizColorPurpleLight, RedsiftDataVizColorPurpleLighter, RedsiftDataVizColorPurpleLighterer, RedsiftDataVizColorRedDark, RedsiftDataVizColorRedDarker, RedsiftDataVizColorRedDarkerer, RedsiftDataVizColorRedDefault, RedsiftDataVizColorRedLight, RedsiftDataVizColorRedLighter, RedsiftDataVizColorRedLighterer, RedsiftDataVizColorYellowDark, RedsiftDataVizColorYellowDarker, RedsiftDataVizColorYellowDarkerer, RedsiftDataVizColorYellowDefault, RedsiftDataVizColorYellowLight, RedsiftDataVizColorYellowLighter, RedsiftDataVizColorYellowLighterer, RedsiftLayoutZIndexDialog, RedsiftLayoutZIndexDropdown, RedsiftLayoutZIndexFooter, RedsiftLayoutZIndexHeader, RedsiftLayoutZIndexOverlay, RedsiftLayoutZIndexPopover, RedsiftLayoutZIndexSidePanel, RedsiftLayoutZIndexTooltip, RedsiftSideNavigationColorBackground, RedsiftSideNavigationColorMenuItemActive, RedsiftSideNavigationColorMenuItemBackgroundActive, RedsiftSideNavigationColorMenuItemBackgroundHover, RedsiftSideNavigationColorMenuItemBackgroundSecondary, RedsiftSideNavigationColorMenuItemTextDisabled, RedsiftSideNavigationColorMenuItemTextHover, RedsiftSideNavigationColorMenuItemTextResting, RedsiftSideNavigationColorScrollbarHover, RedsiftSideNavigationColorScrollbarResting, RedsiftTypographyBadgeFontFamily, RedsiftTypographyBadgeFontSize, RedsiftTypographyBadgeFontWeight, RedsiftTypographyBadgeLineHeight, RedsiftTypographyBody2FontFamily, RedsiftTypographyBody2FontSize, RedsiftTypographyBody2FontWeight, RedsiftTypographyBody2LineHeight, RedsiftTypographyBodyFontFamily, RedsiftTypographyBodyFontSize, RedsiftTypographyBodyFontWeight, RedsiftTypographyBodyLineHeight, RedsiftTypographyBodyTextTransform, RedsiftTypographyButtonFontFamily, RedsiftTypographyButtonFontSize, RedsiftTypographyButtonFontWeight, RedsiftTypographyButtonLineHeight, RedsiftTypographyButtonTextTransform, RedsiftTypographyCaptionFontFamily, RedsiftTypographyCaptionFontSize, RedsiftTypographyCaptionFontWeight, RedsiftTypographyCaptionLineHeight, RedsiftTypographyCaptionTextTransform, RedsiftTypographyChipFontFamily, RedsiftTypographyChipFontSize, RedsiftTypographyChipFontWeight, RedsiftTypographyChipLineHeight, RedsiftTypographyDatagridCellFontFamily, RedsiftTypographyDatagridCellFontSize, RedsiftTypographyDatagridCellFontWeight, RedsiftTypographyDatagridCellLineHeight, RedsiftTypographyDatagridHeaderFontFamily, RedsiftTypographyDatagridHeaderFontSize, RedsiftTypographyDatagridHeaderFontWeight, RedsiftTypographyDatagridHeaderLineHeight, RedsiftTypographyFontFamilyElectrolize, RedsiftTypographyFontFamilyRaleway, RedsiftTypographyFontFamilySourceCodePro, RedsiftTypographyFontWeightBold, RedsiftTypographyFontWeightMedium, RedsiftTypographyFontWeightRegular, RedsiftTypographyFontWeightSemiBold, RedsiftTypographyH1FontFamily, RedsiftTypographyH1FontSize, RedsiftTypographyH1FontWeight, RedsiftTypographyH1LineHeight, RedsiftTypographyH1TextTransform, RedsiftTypographyH2FontFamily, RedsiftTypographyH2FontSize, RedsiftTypographyH2FontWeight, RedsiftTypographyH2LineHeight, RedsiftTypographyH2TextTransform, RedsiftTypographyH3FontFamily, RedsiftTypographyH3FontSize, RedsiftTypographyH3FontWeight, RedsiftTypographyH3LineHeight, RedsiftTypographyH3TextTransform, RedsiftTypographyH4FontFamily, RedsiftTypographyH4FontSize, RedsiftTypographyH4FontWeight, RedsiftTypographyH4LineHeight, RedsiftTypographyH4TextTransform, RedsiftTypographyH5FontFamily, RedsiftTypographyH5FontSize, RedsiftTypographyH5FontWeight, RedsiftTypographyH5LineHeight, RedsiftTypographyH5TextTransform, RedsiftTypographyHelperFontFamily, RedsiftTypographyHelperFontSize, RedsiftTypographyHelperFontWeight, RedsiftTypographyHelperLineHeight, RedsiftTypographyInputTextFontFamily, RedsiftTypographyInputTextFontSize, RedsiftTypographyInputTextFontWeight, RedsiftTypographyInputTextLineHeight, RedsiftTypographyLinkFontFamily, RedsiftTypographyLinkFontSize, RedsiftTypographyLinkFontWeight, RedsiftTypographyLinkLineHeight, RedsiftTypographyPillFontFamily, RedsiftTypographyPillFontSize, RedsiftTypographyPillFontWeight, RedsiftTypographyPillLineHeight, RedsiftTypographySubtitleFontFamily, RedsiftTypographySubtitleFontSize, RedsiftTypographySubtitleFontWeight, RedsiftTypographySubtitleLineHeight, RedsiftTypographySubtitleTextTransform, RedsiftTypographyTooltipFontFamily, RedsiftTypographyTooltipFontSize, RedsiftTypographyTooltipFontWeight, RedsiftTypographyTooltipLineHeight, RovingTabindexListbox, RowStartMap, Shield, ShieldProps, ShieldVariant, SideNavigationMenu, SideNavigationMenuBar, SideNavigationMenuBarContextProps, SideNavigationMenuBarProps, SideNavigationMenuContextProps, SideNavigationMenuItem, SideNavigationMenuItemProps, SideNavigationMenuProps, SideNavigationMenuReducerAction, SideNavigationMenuReducerActionType, SideNavigationMenuReducerState, SizingProps, Skeleton, SkeletonCircle, SkeletonCircleProps, SkeletonProps, SkeletonText, SkeletonTextProps, SkeletonTextVariant, SpacingProps, Spinner, SpinnerColor, SpinnerProps, SpinnerSize, StyledAlertProps, StyledAppBarProps, StyledAppContainerProps, StyledAppContentProps, StyledAppSidePanelProps, StyledBadgeProps, StyledBreadcrumbItemProps, StyledBreadcrumbsProps, StyledButton, StyledButtonLinkProps, StyledButtonProps, StyledCardActionsProps, StyledCardBodyProps, StyledCardHeaderProps, StyledCardProps, StyledCheckboxGroupProps, StyledCheckboxProps, StyledDetailedCardCollapsibleSectionItemsProps, StyledDetailedCardHeaderProps, StyledDetailedCardProps, StyledDetailedCardSectionItemProps, StyledDetailedCardSectionProps, StyledFlexboxProps, StyledGridItemProps, StyledGridProps, StyledHeadingProps, StyledIconButtonProps, StyledIconProps, StyledItemProps, StyledLink, StyledLinkButtonProps, StyledLinkProps, StyledListboxProps, StyledNumberProps, StyledPillProps, StyledRadioGroupProps, StyledRadioProps, StyledShieldProps, StyledSideNavigationMenuBarProps, StyledSideNavigationMenuItemProps, StyledSideNavigationMenuProps, StyledSkeletonCircleProps, StyledSkeletonProps, StyledSkeletonTextProps, StyledSpinnerProps, StyledSwitchGroupProps, StyledSwitchProps, StyledTextFieldProps, StyledTextProps, StylingProps, Switch, SwitchGroup, SwitchGroupOrientation, SwitchGroupProps, SwitchGroupState, SwitchProps, TabStop, Text, TextComponent, TextField, TextFieldProps, TextFieldVariant, TextProps, TextVariant, UseFocusGroupProps, UseFocusWithinGroupProps, UseListboxItemProps, UseSideNavigationMenuBarProps, ValueOf, baseContainer, baseFlexbox, baseGrid, baseInternalSpacing, baseLayout, basePositioning, baseSizing, baseSpacing, baseStyling, filterComponents, focusRing, isComponent, partitionComponents, uniqueId, useAppSidePanel, useBoundingClientRect, useFocusOnList, useFocusOnListItem, useSideNavigationMenuBar, useWindowSize, warnIfNoAccessibleLabelFound };