@redsift/design-system 8.0.6 → 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,7 +1,6 @@
1
- export { I18nProvider, SSRProvider } from 'react-aria';
2
- import React$1, { Ref, ReactElement, ReactNode, ComponentProps, DependencyList, MutableRefObject, RefObject, ElementType, ChangeEvent } from 'react';
3
- export { useCollator, useDateFormatter, useFilter, useListFormatter, useLocale, useLocalizedStringFormatter, useNumberFormatter } from '@react-aria/i18n';
4
- export { useIsSSR } from '@react-aria/ssr';
1
+ export { I18nProvider, useCollator, useDateFormatter, useFilter, useListFormatter, useLocale, useLocalizedStringFormatter, useNumberFormatter } from '@react-aria/i18n';
2
+ export { SSRProvider, useIsSSR } from '@react-aria/ssr';
3
+ import React$1, { Ref, ReactElement, ReactNode, ComponentProps, DependencyList, MutableRefObject, RefObject, ElementType, ChangeEvent, MouseEvent } from 'react';
5
4
  import * as styled_components from 'styled-components';
6
5
 
7
6
  /** Component Type. */
@@ -300,7 +299,7 @@ interface InternalSpacingProps {
300
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>. */
301
300
  paddingTop?: string;
302
301
  }
303
- interface ContainerProps extends Omit<FlexLayoutProps, 'inline'>, Omit<GridLayoutProps, 'inline'>, InternalSpacingProps {
302
+ interface ContainerProps extends Omit<FlexLayoutProps, 'inline'>, Omit<GridLayoutProps, 'inline'>, SpacingProps, SizingProps, PositioningProps, InternalSpacingProps {
304
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>. */
305
304
  display?: 'block' | 'inline' | 'inline-block' | 'flex' | 'inline-flex' | 'grid' | 'inline-grid' | 'inherit';
306
305
  }
@@ -674,6 +673,49 @@ type StyledAlertProps = Omit<AlertProps, 'variant'> & {
674
673
  */
675
674
  declare const Alert: Comp<AlertProps, HTMLDivElement>;
676
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
+
677
719
  /**
678
720
  * Component variant.
679
721
  */
@@ -694,12 +736,10 @@ interface IconButtonProps extends ComponentProps<'button'>, StylingProps {
694
736
  /** Color variant. */
695
737
  color?: IconButtonColor;
696
738
  /**
697
- * Icon path data (`d` property of the `path` SVG element).<br />
698
- * 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 />
699
- * Recommended path data come from mdi/js.<br />
700
- * 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.
701
741
  */
702
- icon: string;
742
+ icon: IconProps['icon'];
703
743
  /** Whether the component is active or not. */
704
744
  isActive?: boolean;
705
745
  /** Whether the component is disabled or not. */
@@ -836,51 +876,6 @@ type StyledAppSidePanelProps = Omit<AppSidePanelProps, 'isCollapsed'> & {
836
876
  */
837
877
  declare const AppSidePanel: Comp<AppSidePanelProps, HTMLDivElement>;
838
878
 
839
- /**
840
- * Component size.
841
- */
842
- declare const IconSize: {
843
- readonly xsmall: "xsmall";
844
- readonly small: "small";
845
- readonly medium: "medium";
846
- readonly large: "large";
847
- readonly xlarge: "xlarge";
848
- };
849
- type IconSize = ValueOf<typeof IconSize>;
850
- /**
851
- * Component props.
852
- */
853
- interface IconProps extends ComponentProps<'span'>, LayoutProps, SpacingProps, PositioningProps {
854
- /** Indicates whether the element is exposed to an accessibility API. */
855
- 'aria-hidden'?: boolean | 'false' | 'true';
856
- /** A screen reader only label for the Icon. */
857
- 'aria-label'?: string;
858
- /** Color variant. Either from color palette or hex or rgb strings. */
859
- color?: ColorPalette | ProductColorPalette | string;
860
- /** Whether the icon has a badge attached to it. */
861
- badge?: ReactElement;
862
- /**
863
- * Icon path data (`d` property of the `path` SVG element).<br />
864
- * 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 />
865
- * Recommended path data come from mdi/js.<br />
866
- * See <a href="https://www.npmjs.com/package/@mdi/js">https://www.npmjs.com/package/@mdi/js</a>.
867
- */
868
- icon: string;
869
- /** Icon size. */
870
- size?: IconSize;
871
- /** Additional properties to forward to the SVG tag. */
872
- svgProps?: ComponentProps<'svg'>;
873
- }
874
- type StyledIconProps = Omit<IconProps, 'color' | 'size' | 'icon' | 'svgProps'> & {
875
- $color: IconProps['color'];
876
- $size: IconProps['size'];
877
- };
878
-
879
- /**
880
- * The Icon component.
881
- */
882
- declare const Icon: Comp<IconProps, HTMLSpanElement>;
883
-
884
879
  /**
885
880
  * Context props.
886
881
  */
@@ -915,12 +910,10 @@ interface SideNavigationMenuProps extends ComponentProps<'div'> {
915
910
  /** Whether or not the menu contains children that have a badge. */
916
911
  hasBadge?: boolean;
917
912
  /**
918
- * Icon path data (`d` property of the `path` SVG element).<br />
919
- * 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 />
920
- * Recommended path data come from mdi/js.<br />
921
- * 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.
922
915
  */
923
- icon?: string;
916
+ icon?: IconProps['icon'];
924
917
  /** Custom props to pass to the Icon component. */
925
918
  iconProps?: Omit<IconProps, 'icon'>;
926
919
  /** Custom ref to pass to the Icon component. */
@@ -993,12 +986,10 @@ interface SideNavigationMenuItemProps extends ComponentProps<'a'> {
993
986
  /** Href is required for this component. */
994
987
  href: ComponentProps<'a'>['href'];
995
988
  /**
996
- * Icon path data (`d` property of the `path` SVG element).<br />
997
- * 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 />
998
- * Recommended path data come from mdi/js.<br />
999
- * 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.
1000
991
  */
1001
- icon?: string;
992
+ icon?: IconProps['icon'];
1002
993
  /** Custom props to pass to the Icon component. */
1003
994
  iconProps?: Omit<IconProps, 'icon'>;
1004
995
  /** Custom ref to pass to the Icon component. */
@@ -1143,19 +1134,15 @@ interface ButtonProps extends ComponentProps<'button'>, StylingProps {
1143
1134
  /** Whether the component is in a loading state or not. */
1144
1135
  isLoading?: boolean;
1145
1136
  /**
1146
- * Icon path data (`d` property of the `path` SVG element).<br />
1147
- * 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 />
1148
- * Recommended path data come from mdi/js.<br />
1149
- * 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.
1150
1139
  */
1151
- leftIcon?: string | ReactElement;
1140
+ leftIcon?: IconProps['icon'];
1152
1141
  /**
1153
- * Icon path data (`d` property of the `path` SVG element).<br />
1154
- * 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 />
1155
- * Recommended path data come from mdi/js.<br />
1156
- * 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.
1157
1144
  */
1158
- rightIcon?: string | ReactElement;
1145
+ rightIcon?: IconProps['icon'];
1159
1146
  /** Button variant. */
1160
1147
  variant?: ButtonVariant;
1161
1148
  }
@@ -1336,12 +1323,10 @@ interface CardHeaderProps extends ComponentProps<'div'> {
1336
1323
  /** Subheader */
1337
1324
  subheader?: string;
1338
1325
  /**
1339
- * Icon path data (`d` property of the `path` SVG element).<br />
1340
- * 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 />
1341
- * Recommended path data come from mdi/js.<br />
1342
- * 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.
1343
1328
  */
1344
- icon?: string;
1329
+ icon?: IconProps['icon'];
1345
1330
  /** Whether the card is loading or not. */
1346
1331
  isLoading?: boolean;
1347
1332
  }
@@ -1408,8 +1393,6 @@ interface CheckboxGroupProps extends Omit<ComponentProps<'div'>, 'onChange'>, St
1408
1393
  onChange?(values: string[]): void;
1409
1394
  /** Method to handle component change. */
1410
1395
  orientation?: CheckboxGroupOrientation;
1411
- /** List of possible values. Useful to select all. */
1412
- possibleValues?: string[];
1413
1396
  /**
1414
1397
  * Currently selected values.
1415
1398
  * Used for controlled version.
@@ -1539,7 +1522,7 @@ interface ShieldProps extends ComponentProps<'div'>, StylingProps {
1539
1522
  variant?: ShieldVariant;
1540
1523
  }
1541
1524
  type StyledShieldProps = Omit<ShieldProps, 'color'> & {
1542
- $color?: ColorPalette | ProductColorPalette | string;
1525
+ $color?: ColorPalette | ProductColorPalette | (string & {});
1543
1526
  $isOutlined: ShieldProps['isOutlined'];
1544
1527
  $isReversed: ShieldProps['isReversed'];
1545
1528
  $variant: ShieldProps['variant'];
@@ -1563,12 +1546,10 @@ interface DetailedCardProps extends ComponentProps<'div'>, StylingProps {
1563
1546
  /** Default collapse status. Used for uncontrolled version. */
1564
1547
  defaultAllCollapsed?: boolean;
1565
1548
  /**
1566
- * Icon path data (`d` property of the `path` SVG element).<br />
1567
- * 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 />
1568
- * Recommended path data come from mdi/js.<br />
1569
- * 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.
1570
1551
  */
1571
- icon?: string;
1552
+ icon?: IconProps['icon'];
1572
1553
  /** Whether the card has buttons to collapse and expand all section items. */
1573
1554
  isCollapsible?: boolean;
1574
1555
  /** Whether the card is loading or not. */
@@ -1608,12 +1589,10 @@ interface DetailedCardSectionItemProps extends ComponentProps<'div'> {
1608
1589
  /** Description */
1609
1590
  description?: string | ReactElement;
1610
1591
  /**
1611
- * Icon path data (`d` property of the `path` SVG element).<br />
1612
- * 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 />
1613
- * Recommended path data come from mdi/js.<br />
1614
- * 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.
1615
1594
  */
1616
- icon?: string;
1595
+ icon?: IconProps['icon'];
1617
1596
  /** Props to pass to the Icon component. */
1618
1597
  iconProps?: Omit<IconProps, 'ref' | 'icon'>;
1619
1598
  /** Whether the section item can be collapsed or not. */
@@ -1677,7 +1656,7 @@ interface DetailedCardSectionProps extends ComponentProps<'div'> {
1677
1656
  /** Props to pass to the badge displayed next to the title. */
1678
1657
  badge?: Omit<BadgeProps, 'ref'>;
1679
1658
  /** Color that will be used on the header line. */
1680
- color?: ColorPalette | DataVizColorPalette | string;
1659
+ color?: ColorPalette | DataVizColorPalette | (string & {});
1681
1660
  /** Header. */
1682
1661
  header?: string | ReactElement;
1683
1662
  /** Whether the section is collapsed or not. */
@@ -1716,6 +1695,220 @@ type StyledFlexboxProps = FlexboxProps;
1716
1695
  */
1717
1696
  declare const Flexbox: Comp<FlexboxProps, HTMLDivElement>;
1718
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
+
1719
1912
  /**
1720
1913
  * Component props.
1721
1914
  */
@@ -1743,6 +1936,146 @@ declare const Grid: Comp<GridProps, HTMLDivElement> & {
1743
1936
  Item: Comp<GridItemProps, HTMLDivElement>;
1744
1937
  };
1745
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
+
1746
2079
  /**
1747
2080
  * Component props.
1748
2081
  */
@@ -1798,7 +2131,7 @@ interface TextProps extends ComponentProps<'span'>, StylingProps {
1798
2131
  /** Override component. */
1799
2132
  as?: TextComponent;
1800
2133
  /** Color variant. Either from color palette or hex or rgb strings. */
1801
- color?: ColorPalette | ProductColorPalette | NeutralColorPalette | string;
2134
+ color?: ColorPalette | ProductColorPalette | NeutralColorPalette | (string & {});
1802
2135
  /** Font family. */
1803
2136
  fontFamily?: FontFamily;
1804
2137
  /** Font size. */
@@ -1933,8 +2266,6 @@ interface RadioGroupProps extends Omit<ComponentProps<'div'>, 'onChange'>, Styli
1933
2266
  onChange?(values: string): void;
1934
2267
  /** Method to handle component change. */
1935
2268
  orientation?: RadioGroupOrientation;
1936
- /** List of possible values. Useful to select all. */
1937
- possibleValues?: string[];
1938
2269
  /**
1939
2270
  * Currently selected value.
1940
2271
  * Used for controlled version.
@@ -1963,7 +2294,6 @@ interface RadioProps extends Omit<ComponentProps<'label'>, 'onChange'>, StylingP
1963
2294
  /**
1964
2295
  * Default select status.
1965
2296
  * Used for uncontrolled version.
1966
- * Shouldn't be used inside a group unless isControlled is force to true.
1967
2297
  */
1968
2298
  defaultSelected?: boolean;
1969
2299
  /** Custom props to pass to the input element. */
@@ -1983,7 +2313,6 @@ interface RadioProps extends Omit<ComponentProps<'label'>, 'onChange'>, StylingP
1983
2313
  /**
1984
2314
  * Whether the component is selected or not.
1985
2315
  * Used for controlled version.
1986
- * Shouldn't be used inside a group unless isControlled is force to true.
1987
2316
  */
1988
2317
  isSelected?: boolean;
1989
2318
  /** Name to pass to the input element. */
@@ -2178,8 +2507,6 @@ interface SwitchGroupProps extends Omit<ComponentProps<'div'>, 'onChange'>, Styl
2178
2507
  onChange?(values: string[]): void;
2179
2508
  /** Method to handle component change. */
2180
2509
  orientation?: SwitchGroupOrientation;
2181
- /** List of possible values. Useful to select all. */
2182
- possibleValues?: string[];
2183
2510
  /**
2184
2511
  * Currently selected values.
2185
2512
  * Used for controlled version.
@@ -2208,7 +2535,6 @@ interface SwitchProps extends Omit<ComponentProps<'label'>, 'onChange'>, Styling
2208
2535
  /**
2209
2536
  * Default select status.
2210
2537
  * Used for uncontrolled version.
2211
- * Shouldn't be used inside a group unless isControlled is force to true.
2212
2538
  */
2213
2539
  defaultSelected?: boolean;
2214
2540
  /** Custom props to pass to the input element. */
@@ -2228,7 +2554,6 @@ interface SwitchProps extends Omit<ComponentProps<'label'>, 'onChange'>, Styling
2228
2554
  /**
2229
2555
  * Whether the component is selected or not.
2230
2556
  * Used for controlled version.
2231
- * Shouldn't be used inside a group unless isControlled is force to true.
2232
2557
  */
2233
2558
  isSelected?: boolean;
2234
2559
  /** Name to pass to the input element. */
@@ -2276,6 +2601,12 @@ interface TextFieldProps extends Omit<ComponentProps<'div'>, 'onChange'>, Stylin
2276
2601
  * Used for uncontrolled version.
2277
2602
  */
2278
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);
2279
2610
  /** Custom props to pass to the input element. */
2280
2611
  inputProps?: ComponentProps<'input'>;
2281
2612
  /** Custom ref object to pass to the input element. */
@@ -2292,10 +2623,17 @@ interface TextFieldProps extends Omit<ComponentProps<'div'>, 'onChange'>, Stylin
2292
2623
  isRequired?: boolean;
2293
2624
  /** Label */
2294
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'>;
2295
2631
  /** Name to pass to the input element. */
2296
2632
  name?: HTMLInputElement['name'];
2297
2633
  /** Method to handle component change. */
2298
2634
  onChange?(value?: string, name?: string, event?: ChangeEvent<HTMLInputElement>): void;
2635
+ /** Method to handle component clear. */
2636
+ onClear?(): void;
2299
2637
  /** Placeholder. */
2300
2638
  placeholder?: string;
2301
2639
  /**
@@ -2307,6 +2645,7 @@ interface TextFieldProps extends Omit<ComponentProps<'div'>, 'onChange'>, Stylin
2307
2645
  variant?: TextFieldVariant;
2308
2646
  }
2309
2647
  type StyledTextFieldProps = Omit<TextFieldProps, 'color' | 'isColored' | 'isDisabled' | 'isInvalid' | 'isRequired' | 'onChange'> & {
2648
+ $hasLeftIcon: boolean;
2310
2649
  $hasContent: boolean;
2311
2650
  $isColored: TextFieldProps['isColored'];
2312
2651
  $isDisabled: TextFieldProps['isDisabled'];
@@ -2323,4 +2662,4 @@ type StyledTextFieldProps = Omit<TextFieldProps, 'color' | 'isColored' | 'isDisa
2323
2662
  */
2324
2663
  declare const TextField: Comp<TextFieldProps, HTMLDivElement>;
2325
2664
 
2326
- 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 };