@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/CONTRIBUTING.md +21 -23
- package/index.d.ts +443 -104
- package/index.js +1719 -1207
- package/index.js.map +1 -1
- package/package.json +7 -8
package/index.d.ts
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
export { I18nProvider,
|
|
2
|
-
|
|
3
|
-
|
|
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
|
-
*
|
|
698
|
-
*
|
|
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:
|
|
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
|
-
*
|
|
919
|
-
*
|
|
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?:
|
|
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
|
-
*
|
|
997
|
-
*
|
|
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?:
|
|
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
|
-
*
|
|
1147
|
-
*
|
|
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?:
|
|
1140
|
+
leftIcon?: IconProps['icon'];
|
|
1152
1141
|
/**
|
|
1153
|
-
*
|
|
1154
|
-
*
|
|
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?:
|
|
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
|
-
*
|
|
1340
|
-
*
|
|
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?:
|
|
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
|
-
*
|
|
1567
|
-
*
|
|
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?:
|
|
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
|
-
*
|
|
1612
|
-
*
|
|
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?:
|
|
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 };
|