@redsift/design-system 7.1.1 → 7.2.0-alpha.1
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 +160 -2
- package/index.js +784 -298
- package/index.js.map +1 -1
- package/package.json +4 -3
package/index.d.ts
CHANGED
|
@@ -878,7 +878,6 @@ type StyledCheckboxGroupProps = Omit<CheckboxGroupProps, 'isDisabled' | 'isInval
|
|
|
878
878
|
$isDisabled: CheckboxGroupProps['isDisabled'];
|
|
879
879
|
$isInvalid: CheckboxGroupProps['isInvalid'];
|
|
880
880
|
$isReadOnly: CheckboxGroupProps['isReadOnly'];
|
|
881
|
-
$isRequired: CheckboxGroupProps['isRequired'];
|
|
882
881
|
$orientation: CheckboxGroupProps['orientation'];
|
|
883
882
|
};
|
|
884
883
|
|
|
@@ -965,6 +964,128 @@ type StyledLinkButtonProps = Omit<LinkButtonProps, 'isDisabled'> & {
|
|
|
965
964
|
*/
|
|
966
965
|
declare const LinkButton: Comp<LinkButtonProps, HTMLButtonElement>;
|
|
967
966
|
|
|
967
|
+
/**
|
|
968
|
+
* Context props.
|
|
969
|
+
*/
|
|
970
|
+
type RadioGroupState = {
|
|
971
|
+
/** Whether the radio group is disabled or not. */
|
|
972
|
+
readonly isDisabled: boolean;
|
|
973
|
+
/** Whether the radio group is read only or not. */
|
|
974
|
+
readonly isReadOnly: boolean;
|
|
975
|
+
/** Sets the selected value. */
|
|
976
|
+
setValue(value: string): void;
|
|
977
|
+
/** Current selected value. */
|
|
978
|
+
readonly value: string;
|
|
979
|
+
};
|
|
980
|
+
/**
|
|
981
|
+
* Component orientation.
|
|
982
|
+
*/
|
|
983
|
+
declare const RadioGroupOrientation: {
|
|
984
|
+
readonly horizontal: "horizontal";
|
|
985
|
+
readonly vertical: "vertical";
|
|
986
|
+
};
|
|
987
|
+
type RadioGroupOrientation = ValueOf<typeof RadioGroupOrientation>;
|
|
988
|
+
/**
|
|
989
|
+
* Component props.
|
|
990
|
+
*/
|
|
991
|
+
interface RadioGroupProps extends Omit<ComponentProps<'div'>, 'onChange'> {
|
|
992
|
+
/**
|
|
993
|
+
* Default selected value.
|
|
994
|
+
* Used for uncontrolled version.
|
|
995
|
+
*/
|
|
996
|
+
defaultValue?: string;
|
|
997
|
+
/** Description of the radio group. */
|
|
998
|
+
description?: string;
|
|
999
|
+
/** Whether the component is disabled or not. */
|
|
1000
|
+
isDisabled?: boolean;
|
|
1001
|
+
/** Whether the component is invalid or not. */
|
|
1002
|
+
isInvalid?: boolean;
|
|
1003
|
+
/** Whether the component is read only or not. */
|
|
1004
|
+
isReadOnly?: boolean;
|
|
1005
|
+
/** Whether the component is required or not. */
|
|
1006
|
+
isRequired?: boolean;
|
|
1007
|
+
/** Label of the radio group. */
|
|
1008
|
+
label?: string;
|
|
1009
|
+
/** Method to handle component change. */
|
|
1010
|
+
onChange?(values: string): void;
|
|
1011
|
+
/** Method to handle component change. */
|
|
1012
|
+
orientation?: RadioGroupOrientation;
|
|
1013
|
+
/** List of possible values. Useful to select all. */
|
|
1014
|
+
possibleValues?: string[];
|
|
1015
|
+
/**
|
|
1016
|
+
* Currently selected value.
|
|
1017
|
+
* Used for controlled version.
|
|
1018
|
+
*/
|
|
1019
|
+
value?: string;
|
|
1020
|
+
}
|
|
1021
|
+
type StyledRadioGroupProps = Omit<RadioGroupProps, 'isDisabled' | 'isInvalid' | 'isReadOnly' | 'orientation' | 'isRequired'> & {
|
|
1022
|
+
$isDisabled: RadioGroupProps['isDisabled'];
|
|
1023
|
+
$isInvalid: RadioGroupProps['isInvalid'];
|
|
1024
|
+
$isReadOnly: RadioGroupProps['isReadOnly'];
|
|
1025
|
+
$orientation: RadioGroupProps['orientation'];
|
|
1026
|
+
};
|
|
1027
|
+
|
|
1028
|
+
/**
|
|
1029
|
+
* The RadioGroup component.
|
|
1030
|
+
* Can be used as controlled or uncontrolled.
|
|
1031
|
+
*/
|
|
1032
|
+
declare const RadioGroup: Comp<RadioGroupProps, HTMLDivElement>;
|
|
1033
|
+
|
|
1034
|
+
/**
|
|
1035
|
+
* Component props.
|
|
1036
|
+
*/
|
|
1037
|
+
interface RadioProps extends Omit<ComponentProps<'label'>, 'onChange'> {
|
|
1038
|
+
/** Whether the component can be autofocused. */
|
|
1039
|
+
autoFocus?: boolean;
|
|
1040
|
+
/**
|
|
1041
|
+
* Default select status.
|
|
1042
|
+
* Used for uncontrolled version.
|
|
1043
|
+
* Shouldn't be used inside a group unless isControlled is force to true.
|
|
1044
|
+
*/
|
|
1045
|
+
defaultSelected?: boolean;
|
|
1046
|
+
/** Custom props to pass to the input element. */
|
|
1047
|
+
inputProps?: ComponentProps<'input'>;
|
|
1048
|
+
/** Custom ref object to pass to the input element. */
|
|
1049
|
+
inputRef?: MutableRefObject<HTMLInputElement>;
|
|
1050
|
+
/** Whether the component is disabled or not. */
|
|
1051
|
+
isDisabled?: boolean;
|
|
1052
|
+
/** Whether the component is invalid or not. */
|
|
1053
|
+
isInvalid?: boolean;
|
|
1054
|
+
/** Whether the component is read only or not. */
|
|
1055
|
+
isReadOnly?: boolean;
|
|
1056
|
+
/** Whether the component is required or not. */
|
|
1057
|
+
isRequired?: boolean;
|
|
1058
|
+
/**
|
|
1059
|
+
* Whether the component is selected or not.
|
|
1060
|
+
* Used for controlled version.
|
|
1061
|
+
* Shouldn't be used inside a group unless isControlled is force to true.
|
|
1062
|
+
*/
|
|
1063
|
+
isSelected?: boolean;
|
|
1064
|
+
/** Name to pass to the input element. */
|
|
1065
|
+
name?: HTMLInputElement['name'];
|
|
1066
|
+
/** Method to handle component change. */
|
|
1067
|
+
onChange?(isChecked: boolean, value?: string, name?: string, event?: ChangeEvent<HTMLInputElement>, state?: RadioGroupState): void;
|
|
1068
|
+
/**
|
|
1069
|
+
* Value to pass to the input element.
|
|
1070
|
+
* Required within a group.
|
|
1071
|
+
*/
|
|
1072
|
+
value?: HTMLInputElement['value'];
|
|
1073
|
+
}
|
|
1074
|
+
type StyledRadioProps = Omit<RadioProps, 'color' | 'isDisabled' | 'isInvalid' | 'isSelected' | 'isRequired' | 'size'> & {
|
|
1075
|
+
$isDisabled: RadioProps['isDisabled'];
|
|
1076
|
+
$isInvalid: RadioProps['isInvalid'];
|
|
1077
|
+
$isFocusVisible: boolean;
|
|
1078
|
+
$isRequired: RadioProps['isRequired'];
|
|
1079
|
+
$isSelected: RadioProps['isSelected'];
|
|
1080
|
+
};
|
|
1081
|
+
|
|
1082
|
+
/**
|
|
1083
|
+
* The Radio component.
|
|
1084
|
+
* Works both inside a RadioGroup or as standalone.
|
|
1085
|
+
* Can be used as controlled or uncontrolled.
|
|
1086
|
+
*/
|
|
1087
|
+
declare const Radio: Comp<RadioProps, HTMLLabelElement>;
|
|
1088
|
+
|
|
968
1089
|
/**
|
|
969
1090
|
* Component variant.
|
|
970
1091
|
*/
|
|
@@ -1013,4 +1134,41 @@ type StyledShieldProps = Omit<ShieldProps, 'color'> & {
|
|
|
1013
1134
|
*/
|
|
1014
1135
|
declare const Shield: Comp<ShieldProps, HTMLDivElement>;
|
|
1015
1136
|
|
|
1016
|
-
|
|
1137
|
+
/**
|
|
1138
|
+
* Component size.
|
|
1139
|
+
*/
|
|
1140
|
+
declare const SpinnerSize: {
|
|
1141
|
+
readonly xsmall: "xsmall";
|
|
1142
|
+
readonly small: "small";
|
|
1143
|
+
readonly medium: "medium";
|
|
1144
|
+
readonly large: "large";
|
|
1145
|
+
};
|
|
1146
|
+
type SpinnerSize = ValueOf<typeof SpinnerSize>;
|
|
1147
|
+
/**
|
|
1148
|
+
* Component color.
|
|
1149
|
+
*/
|
|
1150
|
+
type SpinnerColor = typeof ColorPalette.default | typeof ColorPalette.question | typeof ColorPalette['no-data'] | ProductColorPalette;
|
|
1151
|
+
/**
|
|
1152
|
+
* Component props.
|
|
1153
|
+
*/
|
|
1154
|
+
interface SpinnerProps extends ComponentProps<'img'> {
|
|
1155
|
+
/** Indicates whether the element is exposed to an accessibility API. */
|
|
1156
|
+
'aria-hidden'?: boolean | 'false' | 'true';
|
|
1157
|
+
/** A screen reader only label for the Spinner. */
|
|
1158
|
+
'aria-label'?: string;
|
|
1159
|
+
/** Color variant. The product colors are available but should only be used to display the Spinner in the color of another product. To display a Spinner with a color of the current product, use `default`. */
|
|
1160
|
+
color?: SpinnerColor;
|
|
1161
|
+
/** Spinner size. */
|
|
1162
|
+
size?: SpinnerSize;
|
|
1163
|
+
}
|
|
1164
|
+
type StyledSpinnerProps = Omit<SpinnerProps, 'color'> & {
|
|
1165
|
+
$color?: SpinnerProps['color'];
|
|
1166
|
+
$size?: SpinnerProps['size'];
|
|
1167
|
+
};
|
|
1168
|
+
|
|
1169
|
+
/**
|
|
1170
|
+
* The Spinner component.
|
|
1171
|
+
*/
|
|
1172
|
+
declare const Spinner: Comp<SpinnerProps, HTMLImageElement>;
|
|
1173
|
+
|
|
1174
|
+
export { AppBar, AppBarProps, AppContainer, AppContainerContext, AppContainerProps, AppContainerState, AppContent, AppContentProps, AppSidePanel, AppSidePanelProps, Badge, BadgeProps, BadgeVariant, BreadcrumbItem, BreadcrumbItemProps, Breadcrumbs, BreadcrumbsProps, Button, ButtonColor, ButtonLink, ButtonLinkProps, ButtonProps, ButtonVariant, Checkbox, CheckboxGroup, CheckboxGroupOrientation, CheckboxGroupProps, CheckboxGroupState, CheckboxProps, ColorPalette, Comp, Falsy, Icon, IconButton, IconButtonColor, IconButtonProps, IconButtonVariant, IconProps, IconSize, Link, LinkButton, LinkButtonProps, LinkProps, Menu, MenuBarItems, MenuItem, ProductColorPalette, Radio, RadioGroup, RadioGroupOrientation, RadioGroupProps, RadioGroupState, RadioProps, RedsiftAppBarColorBackground, RedsiftAppBarColorExpandIconBackgroundHover, RedsiftAppBarColorExpandIconHover, RedsiftAppBarColorExpandIconResting, RedsiftAppBarColorText, RedsiftColorDefaultActive, RedsiftColorDefaultActiveHover, RedsiftColorDefaultHover, RedsiftColorDefaultPrimary, RedsiftColorDefaultPrimaryActive, RedsiftColorDefaultSecondary, RedsiftColorErrorActive, RedsiftColorErrorActiveHover, RedsiftColorErrorHover, RedsiftColorErrorPrimary, RedsiftColorErrorPrimaryActive, RedsiftColorErrorSecondary, RedsiftColorHardenizeActive, RedsiftColorHardenizeActiveHover, RedsiftColorHardenizeHover, RedsiftColorHardenizePrimary, RedsiftColorHardenizePrimaryActive, RedsiftColorHardenizeSecondary, RedsiftColorInfoActive, RedsiftColorInfoActiveHover, RedsiftColorInfoHover, RedsiftColorInfoPrimary, RedsiftColorInfoPrimaryActive, RedsiftColorInfoSecondary, RedsiftColorNeutralBlack, RedsiftColorNeutralDarkgrey, RedsiftColorNeutralLightgrey, RedsiftColorNeutralMidgrey, RedsiftColorNeutralWhite, RedsiftColorNeutralXlightgrey, RedsiftColorNoDataActive, RedsiftColorNoDataActiveHover, RedsiftColorNoDataHover, RedsiftColorNoDataPrimary, RedsiftColorNoDataSecondary, RedsiftColorOndmarcActive, RedsiftColorOndmarcActiveHover, RedsiftColorOndmarcHover, RedsiftColorOndmarcPrimary, RedsiftColorOndmarcPrimaryActive, RedsiftColorOndmarcSecondary, RedsiftColorOndomainActive, RedsiftColorOndomainActiveHover, RedsiftColorOndomainHover, RedsiftColorOndomainPrimary, RedsiftColorOndomainPrimaryActive, RedsiftColorOndomainSecondary, RedsiftColorOninboxActive, RedsiftColorOninboxActiveHover, RedsiftColorOninboxHover, RedsiftColorOninboxPrimary, RedsiftColorOninboxPrimaryActive, RedsiftColorOninboxSecondary, RedsiftColorQuestionActive, RedsiftColorQuestionActiveHover, RedsiftColorQuestionHover, RedsiftColorQuestionPrimary, RedsiftColorQuestionSecondary, RedsiftColorSuccessActive, RedsiftColorSuccessActiveHover, RedsiftColorSuccessHover, RedsiftColorSuccessPrimary, RedsiftColorSuccessPrimaryActive, RedsiftColorSuccessSecondary, RedsiftColorToolsActive, RedsiftColorToolsActiveHover, RedsiftColorToolsHover, RedsiftColorToolsPrimary, RedsiftColorToolsPrimaryActive, RedsiftColorToolsSecondary, RedsiftColorWarningActive, RedsiftColorWarningActiveHover, RedsiftColorWarningHover, RedsiftColorWarningPrimary, RedsiftColorWarningSecondary, RedsiftColorWebsiteActive, RedsiftColorWebsiteActiveHover, RedsiftColorWebsiteHover, RedsiftColorWebsitePrimary, RedsiftColorWebsitePrimaryActive, RedsiftColorWebsiteSecondary, RedsiftDataVizColorBlueDark, RedsiftDataVizColorBlueDarker, RedsiftDataVizColorBlueDefault, RedsiftDataVizColorBlueLight, RedsiftDataVizColorBlueLighter, RedsiftDataVizColorBrownDark, RedsiftDataVizColorBrownDarker, RedsiftDataVizColorBrownDefault, RedsiftDataVizColorBrownLight, RedsiftDataVizColorBrownLighter, RedsiftDataVizColorCyanDark, RedsiftDataVizColorCyanDarker, RedsiftDataVizColorCyanDefault, RedsiftDataVizColorCyanLight, RedsiftDataVizColorCyanLighter, RedsiftDataVizColorGreenDark, RedsiftDataVizColorGreenDarker, RedsiftDataVizColorGreenDefault, RedsiftDataVizColorGreenLight, RedsiftDataVizColorGreenLighter, RedsiftDataVizColorGreyDark, RedsiftDataVizColorGreyDarker, RedsiftDataVizColorGreyDefault, RedsiftDataVizColorGreyLight, RedsiftDataVizColorGreyLighter, RedsiftDataVizColorOrangeDark, RedsiftDataVizColorOrangeDarker, RedsiftDataVizColorOrangeDefault, RedsiftDataVizColorOrangeLight, RedsiftDataVizColorOrangeLighter, RedsiftDataVizColorPinkDark, RedsiftDataVizColorPinkDarker, RedsiftDataVizColorPinkDefault, RedsiftDataVizColorPinkLight, RedsiftDataVizColorPinkLighter, RedsiftDataVizColorPurpleDark, RedsiftDataVizColorPurpleDarker, RedsiftDataVizColorPurpleDefault, RedsiftDataVizColorPurpleLight, RedsiftDataVizColorPurpleLighter, RedsiftDataVizColorRedDark, RedsiftDataVizColorRedDarker, RedsiftDataVizColorRedDefault, RedsiftDataVizColorRedLight, RedsiftDataVizColorRedLighter, RedsiftDataVizColorYellowDark, RedsiftDataVizColorYellowDarker, RedsiftDataVizColorYellowDefault, RedsiftDataVizColorYellowLight, RedsiftDataVizColorYellowLighter, RedsiftSideNavigationColorBackground, RedsiftSideNavigationColorMenuItemActive, RedsiftSideNavigationColorMenuItemBackgroundActive, RedsiftSideNavigationColorMenuItemBackgroundHover, RedsiftSideNavigationColorMenuItemBackgroundSecondary, RedsiftSideNavigationColorMenuItemTextDisabled, RedsiftSideNavigationColorMenuItemTextHover, RedsiftSideNavigationColorMenuItemTextResting, RedsiftSideNavigationColorScrollbarHover, RedsiftSideNavigationColorScrollbarResting, RedsiftTypographyBadgeFontFamily, RedsiftTypographyBadgeFontSize, RedsiftTypographyBadgeFontWeight, RedsiftTypographyBadgeLineHeight, RedsiftTypographyBodyFontFamily, RedsiftTypographyBodyFontSize, RedsiftTypographyBodyFontWeight, RedsiftTypographyBodyLineHeight, RedsiftTypographyButtonFontFamily, RedsiftTypographyButtonFontSize, RedsiftTypographyButtonFontWeight, RedsiftTypographyButtonLineHeight, RedsiftTypographyButtonTextTransform, RedsiftTypographyCaptionFontFamily, RedsiftTypographyCaptionFontSize, RedsiftTypographyCaptionFontWeight, RedsiftTypographyCaptionLineHeight, RedsiftTypographyChipFontFamily, RedsiftTypographyChipFontSize, RedsiftTypographyChipFontWeight, RedsiftTypographyChipLineHeight, RedsiftTypographyFontFamilyElectrolize, RedsiftTypographyFontFamilyRaleway, RedsiftTypographyFontFamilySourceCodePro, RedsiftTypographyFontWeightBold, RedsiftTypographyFontWeightMedium, RedsiftTypographyFontWeightRegular, RedsiftTypographyFontWeightSemiBold, RedsiftTypographyH1FontFamily, RedsiftTypographyH1FontSize, RedsiftTypographyH1FontWeight, RedsiftTypographyH1LineHeight, RedsiftTypographyH1TextTransform, RedsiftTypographyH2FontFamily, RedsiftTypographyH2FontSize, RedsiftTypographyH2FontWeight, RedsiftTypographyH2LineHeight, RedsiftTypographyH3FontFamily, RedsiftTypographyH3FontSize, RedsiftTypographyH3FontWeight, RedsiftTypographyH3LineHeight, RedsiftTypographyH4FontFamily, RedsiftTypographyH4FontSize, RedsiftTypographyH4FontWeight, RedsiftTypographyH4LineHeight, RedsiftTypographyHelperFontFamily, RedsiftTypographyHelperFontSize, RedsiftTypographyHelperFontWeight, RedsiftTypographyHelperLineHeight, RedsiftTypographyInputTextFontFamily, RedsiftTypographyInputTextFontSize, RedsiftTypographyInputTextFontWeight, RedsiftTypographyInputTextLineHeight, RedsiftTypographyLinkFontFamily, RedsiftTypographyLinkFontSize, RedsiftTypographyLinkFontWeight, RedsiftTypographyLinkLineHeight, RedsiftTypographySubtitleFontFamily, RedsiftTypographySubtitleFontSize, RedsiftTypographySubtitleFontWeight, RedsiftTypographySubtitleLineHeight, Shield, ShieldProps, ShieldVariant, SideNavigationMenu, SideNavigationMenuBar, SideNavigationMenuBarContextProps, SideNavigationMenuBarProps, SideNavigationMenuContextProps, SideNavigationMenuItem, SideNavigationMenuItemProps, SideNavigationMenuProps, SideNavigationMenuReducerAction, SideNavigationMenuReducerActionType, SideNavigationMenuReducerState, Spinner, SpinnerColor, SpinnerProps, SpinnerSize, StyledAppBarProps, StyledAppContainerProps, StyledAppContentProps, StyledAppSidePanelProps, StyledBadgeProps, StyledBreadcrumbItemProps, StyledBreadcrumbsProps, StyledButton, StyledButtonLinkProps, StyledButtonProps, StyledCheckboxGroupProps, StyledCheckboxProps, StyledIconButtonProps, StyledIconProps, StyledLink, StyledLinkButtonProps, StyledLinkProps, StyledRadioGroupProps, StyledRadioProps, StyledShieldProps, StyledSideNavigationMenuBarProps, StyledSideNavigationMenuItemProps, StyledSideNavigationMenuProps, StyledSpinnerProps, UseSideNavigationMenuBarProps, ValueOf, useAppSidePanel, useSideNavigationMenuBar, warnIfNoAccessibleLabelFound };
|