@redsift/design-system 9.6.1-muiv5 → 9.6.2-muiv5
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 +6 -2
- package/index.js +20 -14
- package/index.js.map +1 -1
- package/package.json +2 -2
package/index.d.ts
CHANGED
|
@@ -706,6 +706,7 @@ declare const AlertVariant: {
|
|
|
706
706
|
readonly info: "info";
|
|
707
707
|
};
|
|
708
708
|
type AlertVariant = ValueOf<typeof AlertVariant>;
|
|
709
|
+
type AlertStyleVariant = 'default' | 'minimal';
|
|
709
710
|
/**
|
|
710
711
|
* Component props.
|
|
711
712
|
*/
|
|
@@ -720,12 +721,15 @@ interface AlertProps extends ComponentProps<'div'>, StylingProps {
|
|
|
720
721
|
title?: string;
|
|
721
722
|
/** Variant */
|
|
722
723
|
variant?: AlertVariant;
|
|
724
|
+
/** Style variant. */
|
|
725
|
+
styleVariant?: AlertStyleVariant;
|
|
723
726
|
}
|
|
724
|
-
type StyledAlertProps = Omit<AlertProps, 'variant'> & {
|
|
727
|
+
type StyledAlertProps = Omit<AlertProps, 'variant' | 'styleVariant'> & {
|
|
725
728
|
$hasTitle: boolean;
|
|
726
729
|
$isClosable: AlertProps['isClosable'];
|
|
727
730
|
$isClosed: AlertProps['isClosed'];
|
|
728
731
|
$variant: AlertProps['variant'];
|
|
732
|
+
$styleVariant: AlertProps['styleVariant'];
|
|
729
733
|
};
|
|
730
734
|
|
|
731
735
|
/**
|
|
@@ -2858,4 +2862,4 @@ type StyledTextFieldProps = Omit<TextFieldProps, 'color' | 'isColored' | 'isDisa
|
|
|
2858
2862
|
*/
|
|
2859
2863
|
declare const TextField: Comp<TextFieldProps, HTMLDivElement>;
|
|
2860
2864
|
|
|
2861
|
-
export { ActiveDescendantListbox, Alert, AlertProps, AlertVariant, AlignContent, AlignItems, AlignSelf, AppBar, AppBarProps, AppContainer, AppContainerContext, AppContainerProps, AppContainerState, AppContent, AppContentProps, AppSidePanel, AppSidePanelProps, AppSidePanelVariant, Badge, BadgeProps, BadgeVariant, BaseBreadcrumbs, BaseFocusWithinGroupAction, BaseGrid, BaseSkeleton, BreadcrumbItem, BreadcrumbItemProps, Breadcrumbs, BreadcrumbsProps, Button, ButtonColor, ButtonGroup, ButtonGroupColor, ButtonGroupProps, ButtonGroupVariant, ButtonLink, ButtonLinkProps, ButtonProps, ButtonVariant, Card, CardActions, CardActionsProps, CardBody, CardBodyProps, CardHeader, CardHeaderProps, CardProps, Checkbox, CheckboxGroup, CheckboxGroupOrientation, CheckboxGroupProps, CheckboxGroupState, CheckboxProps, Comp, ConditionalWrapper, ConditionalWrapperProps, ContainerProps, CtasColorPalette, 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, IconDimensions, 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, NotificationsColorPalette, Number, NumberFormatOptions, NumberProps, Pill, PillProps, PillSize, PositioningProps, PresentationColorPalette, Product, ProductColorPalette, ProductLogo, ProductName, ProgressBar, ProgressBarProps, Radio, RadioGroup, RadioGroupOrientation, RadioGroupProps, RadioGroupState, RadioProps, RedsiftAppBarColorBackground, RedsiftAppBarColorExpandIconBackgroundHover, RedsiftAppBarColorExpandIconHover, RedsiftAppBarColorExpandIconResting, RedsiftAppBarColorText, RedsiftColorCtasPrimaryActive, RedsiftColorCtasPrimaryActiveHover, RedsiftColorCtasPrimaryButtonActive, RedsiftColorCtasPrimaryButtonActiveHover, RedsiftColorCtasPrimaryButtonHover, RedsiftColorCtasPrimaryHover, RedsiftColorCtasPrimaryPrimary, RedsiftColorCtasSecondaryActive, RedsiftColorCtasSecondaryActiveHover, RedsiftColorCtasSecondaryButtonActive, RedsiftColorCtasSecondaryButtonActiveHover, RedsiftColorCtasSecondaryButtonHover, RedsiftColorCtasSecondaryHover, RedsiftColorCtasSecondaryPrimary, RedsiftColorNeutralBlack, RedsiftColorNeutralDarkgrey, RedsiftColorNeutralLightgrey, RedsiftColorNeutralMidgrey, RedsiftColorNeutralWhite, RedsiftColorNeutralXlightgrey, RedsiftColorNotificationsErrorActive, RedsiftColorNotificationsErrorActiveHover, RedsiftColorNotificationsErrorButtonActive, RedsiftColorNotificationsErrorButtonActiveHover, RedsiftColorNotificationsErrorButtonHover, RedsiftColorNotificationsErrorHover, RedsiftColorNotificationsErrorPrimary, RedsiftColorNotificationsInfoActive, RedsiftColorNotificationsInfoActiveHover, RedsiftColorNotificationsInfoButtonActive, RedsiftColorNotificationsInfoButtonActiveHover, RedsiftColorNotificationsInfoButtonHover, RedsiftColorNotificationsInfoHover, RedsiftColorNotificationsInfoPrimary, RedsiftColorNotificationsNoDataActive, RedsiftColorNotificationsNoDataActiveHover, RedsiftColorNotificationsNoDataButtonActive, RedsiftColorNotificationsNoDataButtonActiveHover, RedsiftColorNotificationsNoDataButtonHover, RedsiftColorNotificationsNoDataHover, RedsiftColorNotificationsNoDataPrimary, RedsiftColorNotificationsQuestionActive, RedsiftColorNotificationsQuestionActiveHover, RedsiftColorNotificationsQuestionButtonActive, RedsiftColorNotificationsQuestionButtonActiveHover, RedsiftColorNotificationsQuestionButtonHover, RedsiftColorNotificationsQuestionHover, RedsiftColorNotificationsQuestionPrimary, RedsiftColorNotificationsSuccessActive, RedsiftColorNotificationsSuccessActiveHover, RedsiftColorNotificationsSuccessButtonActive, RedsiftColorNotificationsSuccessButtonActiveHover, RedsiftColorNotificationsSuccessButtonHover, RedsiftColorNotificationsSuccessHover, RedsiftColorNotificationsSuccessPrimary, RedsiftColorNotificationsWarningActive, RedsiftColorNotificationsWarningActiveHover, RedsiftColorNotificationsWarningButtonActive, RedsiftColorNotificationsWarningButtonActiveHover, RedsiftColorNotificationsWarningButtonHover, RedsiftColorNotificationsWarningHover, RedsiftColorNotificationsWarningPrimary, RedsiftColorPresentationAquaDark, RedsiftColorPresentationAquaDarker, RedsiftColorPresentationAquaDarkerer, RedsiftColorPresentationAquaDefault, RedsiftColorPresentationAquaLight, RedsiftColorPresentationAquaLighter, RedsiftColorPresentationAquaLighterer, RedsiftColorPresentationBlueDark, RedsiftColorPresentationBlueDarker, RedsiftColorPresentationBlueDarkerer, RedsiftColorPresentationBlueDefault, RedsiftColorPresentationBlueLight, RedsiftColorPresentationBlueLighter, RedsiftColorPresentationBlueLighterer, RedsiftColorPresentationBrownDark, RedsiftColorPresentationBrownDarker, RedsiftColorPresentationBrownDarkerer, RedsiftColorPresentationBrownDefault, RedsiftColorPresentationBrownLight, RedsiftColorPresentationBrownLighter, RedsiftColorPresentationBrownLighterer, RedsiftColorPresentationGreenDark, RedsiftColorPresentationGreenDarker, RedsiftColorPresentationGreenDarkerer, RedsiftColorPresentationGreenDefault, RedsiftColorPresentationGreenLight, RedsiftColorPresentationGreenLighter, RedsiftColorPresentationGreenLighterer, RedsiftColorPresentationGreyDark, RedsiftColorPresentationGreyDarker, RedsiftColorPresentationGreyDarkerer, RedsiftColorPresentationGreyDefault, RedsiftColorPresentationGreyLight, RedsiftColorPresentationGreyLighter, RedsiftColorPresentationGreyLighterer, RedsiftColorPresentationOrangeDark, RedsiftColorPresentationOrangeDarker, RedsiftColorPresentationOrangeDarkerer, RedsiftColorPresentationOrangeDefault, RedsiftColorPresentationOrangeLight, RedsiftColorPresentationOrangeLighter, RedsiftColorPresentationOrangeLighterer, RedsiftColorPresentationPinkDark, RedsiftColorPresentationPinkDarker, RedsiftColorPresentationPinkDarkerer, RedsiftColorPresentationPinkDefault, RedsiftColorPresentationPinkLight, RedsiftColorPresentationPinkLighter, RedsiftColorPresentationPinkLighterer, RedsiftColorPresentationPurpleDark, RedsiftColorPresentationPurpleDarker, RedsiftColorPresentationPurpleDarkerer, RedsiftColorPresentationPurpleDefault, RedsiftColorPresentationPurpleLight, RedsiftColorPresentationPurpleLighter, RedsiftColorPresentationPurpleLighterer, RedsiftColorPresentationRedDark, RedsiftColorPresentationRedDarker, RedsiftColorPresentationRedDarkerer, RedsiftColorPresentationRedDefault, RedsiftColorPresentationRedLight, RedsiftColorPresentationRedLighter, RedsiftColorPresentationRedLighterer, RedsiftColorPresentationYellowDark, RedsiftColorPresentationYellowDarker, RedsiftColorPresentationYellowDarkerer, RedsiftColorPresentationYellowDefault, RedsiftColorPresentationYellowLight, RedsiftColorPresentationYellowLighter, RedsiftColorPresentationYellowLighterer, RedsiftColorProductAsm, RedsiftColorProductBrandTrust, RedsiftColorProductCertificates, RedsiftColorProductOndmarc, RedsiftColorProductRadar, RedsiftColorProductRojoDs, RedsiftColorProductVendorSecure, RedsiftColorProductWebsite, RedsiftColorRedsift, RedsiftLayoutZIndexDialog, RedsiftLayoutZIndexDropdown, RedsiftLayoutZIndexFooter, RedsiftLayoutZIndexHeader, RedsiftLayoutZIndexOverlay, RedsiftLayoutZIndexPopover, RedsiftLayoutZIndexSidePanel, RedsiftLayoutZIndexTooltip, RedsiftSideNavigationColorBackground, RedsiftSideNavigationColorMenuItemActive, RedsiftSideNavigationColorMenuItemBackgroundActive, RedsiftSideNavigationColorMenuItemBackgroundHover, RedsiftSideNavigationColorMenuItemBackgroundSecondary, RedsiftSideNavigationColorMenuItemTextDisabled, RedsiftSideNavigationColorMenuItemTextHover, RedsiftSideNavigationColorMenuItemTextResting, RedsiftSideNavigationColorScrollbarHover, RedsiftSideNavigationColorScrollbarResting, RedsiftTypographyBadgeFontFamily, RedsiftTypographyBadgeFontSize, RedsiftTypographyBadgeFontWeight, RedsiftTypographyBadgeLineHeight, RedsiftTypographyBodyFontFamily, RedsiftTypographyBodyFontSize, RedsiftTypographyBodyFontWeight, RedsiftTypographyBodyLineHeight, RedsiftTypographyBodyTextTransform, RedsiftTypographyButtonFontFamily, RedsiftTypographyButtonFontSize, RedsiftTypographyButtonFontWeight, RedsiftTypographyButtonLineHeight, RedsiftTypographyButtonTextTransform, RedsiftTypographyCaptionFontFamily, RedsiftTypographyCaptionFontSize, RedsiftTypographyCaptionFontWeight, RedsiftTypographyCaptionLineHeight, RedsiftTypographyCaptionTextTransform, RedsiftTypographyChipFontFamily, RedsiftTypographyChipFontSize, RedsiftTypographyChipFontWeight, RedsiftTypographyChipLineHeight, RedsiftTypographyDatagridCellFontFamily, RedsiftTypographyDatagridCellFontSize, RedsiftTypographyDatagridCellFontWeight, RedsiftTypographyDatagridCellLineHeight, RedsiftTypographyDatagridHeaderFontFamily, RedsiftTypographyDatagridHeaderFontSize, RedsiftTypographyDatagridHeaderFontWeight, RedsiftTypographyDatagridHeaderLineHeight, RedsiftTypographyFontFamilyPoppins, RedsiftTypographyFontFamilySourceCodePro, RedsiftTypographyFontWeightBlack, RedsiftTypographyFontWeightBold, RedsiftTypographyFontWeightExtraBold, RedsiftTypographyFontWeightExtraLight, RedsiftTypographyFontWeightLight, RedsiftTypographyFontWeightMedium, RedsiftTypographyFontWeightRegular, RedsiftTypographyFontWeightSemiBold, RedsiftTypographyFontWeightThin, 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, RedsiftTypographyHelperTextTransform, RedsiftTypographyInputTextFontFamily, RedsiftTypographyInputTextFontSize, RedsiftTypographyInputTextFontWeight, RedsiftTypographyInputTextLineHeight, RedsiftTypographyLinkFontFamily, RedsiftTypographyLinkFontSize, RedsiftTypographyLinkFontWeight, RedsiftTypographyLinkLineHeight, RedsiftTypographyPillFontFamily, RedsiftTypographyPillFontSize, RedsiftTypographyPillFontWeight, RedsiftTypographyPillLineHeight, RedsiftTypographyTooltipFontFamily, RedsiftTypographyTooltipFontSize, RedsiftTypographyTooltipFontWeight, RedsiftTypographyTooltipLineHeight, RovingTabindexListbox, RowStartMap, Shield, ShieldProps, ShieldVariant, SideNavigationMenu, SideNavigationMenuBar, SideNavigationMenuBarContextProps, SideNavigationMenuBarProps, SideNavigationMenuBarVariant, SideNavigationMenuContextProps, SideNavigationMenuItem, SideNavigationMenuItemProps, SideNavigationMenuProps, SideNavigationMenuReducerAction, SideNavigationMenuReducerActionType, SideNavigationMenuReducerState, SizingProps, Skeleton, SkeletonCircle, SkeletonCircleProps, SkeletonProps, SkeletonText, SkeletonTextProps, SkeletonTextVariant, SpacingProps, Spinner, SpinnerProps, SpinnerSize, StyledAlertProps, StyledAppBarProps, StyledAppContainerProps, StyledAppContentProps, StyledAppSidePanelProps, StyledBadgeProps, StyledBreadcrumbItemProps, StyledBreadcrumbsProps, StyledButton, StyledButtonGroupProps, 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, getCanvasFont, getContainerProps, getCssStyle, getMaxTextWidth, getTextWidth, isComponent, nextId, partitionComponents, resetId, setPrefix, sizeToDimension, uniqueId, useAppSidePanel, useBoundingClientRect, useFocusOnList, useFocusOnListItem, useId, useSideNavigationMenuBar, useWindowSize, warnIfNoAccessibleLabelFound };
|
|
2865
|
+
export { ActiveDescendantListbox, Alert, AlertProps, AlertStyleVariant, AlertVariant, AlignContent, AlignItems, AlignSelf, AppBar, AppBarProps, AppContainer, AppContainerContext, AppContainerProps, AppContainerState, AppContent, AppContentProps, AppSidePanel, AppSidePanelProps, AppSidePanelVariant, Badge, BadgeProps, BadgeVariant, BaseBreadcrumbs, BaseFocusWithinGroupAction, BaseGrid, BaseSkeleton, BreadcrumbItem, BreadcrumbItemProps, Breadcrumbs, BreadcrumbsProps, Button, ButtonColor, ButtonGroup, ButtonGroupColor, ButtonGroupProps, ButtonGroupVariant, ButtonLink, ButtonLinkProps, ButtonProps, ButtonVariant, Card, CardActions, CardActionsProps, CardBody, CardBodyProps, CardHeader, CardHeaderProps, CardProps, Checkbox, CheckboxGroup, CheckboxGroupOrientation, CheckboxGroupProps, CheckboxGroupState, CheckboxProps, Comp, ConditionalWrapper, ConditionalWrapperProps, ContainerProps, CtasColorPalette, 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, IconDimensions, 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, NotificationsColorPalette, Number, NumberFormatOptions, NumberProps, Pill, PillProps, PillSize, PositioningProps, PresentationColorPalette, Product, ProductColorPalette, ProductLogo, ProductName, ProgressBar, ProgressBarProps, Radio, RadioGroup, RadioGroupOrientation, RadioGroupProps, RadioGroupState, RadioProps, RedsiftAppBarColorBackground, RedsiftAppBarColorExpandIconBackgroundHover, RedsiftAppBarColorExpandIconHover, RedsiftAppBarColorExpandIconResting, RedsiftAppBarColorText, RedsiftColorCtasPrimaryActive, RedsiftColorCtasPrimaryActiveHover, RedsiftColorCtasPrimaryButtonActive, RedsiftColorCtasPrimaryButtonActiveHover, RedsiftColorCtasPrimaryButtonHover, RedsiftColorCtasPrimaryHover, RedsiftColorCtasPrimaryPrimary, RedsiftColorCtasSecondaryActive, RedsiftColorCtasSecondaryActiveHover, RedsiftColorCtasSecondaryButtonActive, RedsiftColorCtasSecondaryButtonActiveHover, RedsiftColorCtasSecondaryButtonHover, RedsiftColorCtasSecondaryHover, RedsiftColorCtasSecondaryPrimary, RedsiftColorNeutralBlack, RedsiftColorNeutralDarkgrey, RedsiftColorNeutralLightgrey, RedsiftColorNeutralMidgrey, RedsiftColorNeutralWhite, RedsiftColorNeutralXlightgrey, RedsiftColorNotificationsErrorActive, RedsiftColorNotificationsErrorActiveHover, RedsiftColorNotificationsErrorButtonActive, RedsiftColorNotificationsErrorButtonActiveHover, RedsiftColorNotificationsErrorButtonHover, RedsiftColorNotificationsErrorHover, RedsiftColorNotificationsErrorPrimary, RedsiftColorNotificationsInfoActive, RedsiftColorNotificationsInfoActiveHover, RedsiftColorNotificationsInfoButtonActive, RedsiftColorNotificationsInfoButtonActiveHover, RedsiftColorNotificationsInfoButtonHover, RedsiftColorNotificationsInfoHover, RedsiftColorNotificationsInfoPrimary, RedsiftColorNotificationsNoDataActive, RedsiftColorNotificationsNoDataActiveHover, RedsiftColorNotificationsNoDataButtonActive, RedsiftColorNotificationsNoDataButtonActiveHover, RedsiftColorNotificationsNoDataButtonHover, RedsiftColorNotificationsNoDataHover, RedsiftColorNotificationsNoDataPrimary, RedsiftColorNotificationsQuestionActive, RedsiftColorNotificationsQuestionActiveHover, RedsiftColorNotificationsQuestionButtonActive, RedsiftColorNotificationsQuestionButtonActiveHover, RedsiftColorNotificationsQuestionButtonHover, RedsiftColorNotificationsQuestionHover, RedsiftColorNotificationsQuestionPrimary, RedsiftColorNotificationsSuccessActive, RedsiftColorNotificationsSuccessActiveHover, RedsiftColorNotificationsSuccessButtonActive, RedsiftColorNotificationsSuccessButtonActiveHover, RedsiftColorNotificationsSuccessButtonHover, RedsiftColorNotificationsSuccessHover, RedsiftColorNotificationsSuccessPrimary, RedsiftColorNotificationsWarningActive, RedsiftColorNotificationsWarningActiveHover, RedsiftColorNotificationsWarningButtonActive, RedsiftColorNotificationsWarningButtonActiveHover, RedsiftColorNotificationsWarningButtonHover, RedsiftColorNotificationsWarningHover, RedsiftColorNotificationsWarningPrimary, RedsiftColorPresentationAquaDark, RedsiftColorPresentationAquaDarker, RedsiftColorPresentationAquaDarkerer, RedsiftColorPresentationAquaDefault, RedsiftColorPresentationAquaLight, RedsiftColorPresentationAquaLighter, RedsiftColorPresentationAquaLighterer, RedsiftColorPresentationBlueDark, RedsiftColorPresentationBlueDarker, RedsiftColorPresentationBlueDarkerer, RedsiftColorPresentationBlueDefault, RedsiftColorPresentationBlueLight, RedsiftColorPresentationBlueLighter, RedsiftColorPresentationBlueLighterer, RedsiftColorPresentationBrownDark, RedsiftColorPresentationBrownDarker, RedsiftColorPresentationBrownDarkerer, RedsiftColorPresentationBrownDefault, RedsiftColorPresentationBrownLight, RedsiftColorPresentationBrownLighter, RedsiftColorPresentationBrownLighterer, RedsiftColorPresentationGreenDark, RedsiftColorPresentationGreenDarker, RedsiftColorPresentationGreenDarkerer, RedsiftColorPresentationGreenDefault, RedsiftColorPresentationGreenLight, RedsiftColorPresentationGreenLighter, RedsiftColorPresentationGreenLighterer, RedsiftColorPresentationGreyDark, RedsiftColorPresentationGreyDarker, RedsiftColorPresentationGreyDarkerer, RedsiftColorPresentationGreyDefault, RedsiftColorPresentationGreyLight, RedsiftColorPresentationGreyLighter, RedsiftColorPresentationGreyLighterer, RedsiftColorPresentationOrangeDark, RedsiftColorPresentationOrangeDarker, RedsiftColorPresentationOrangeDarkerer, RedsiftColorPresentationOrangeDefault, RedsiftColorPresentationOrangeLight, RedsiftColorPresentationOrangeLighter, RedsiftColorPresentationOrangeLighterer, RedsiftColorPresentationPinkDark, RedsiftColorPresentationPinkDarker, RedsiftColorPresentationPinkDarkerer, RedsiftColorPresentationPinkDefault, RedsiftColorPresentationPinkLight, RedsiftColorPresentationPinkLighter, RedsiftColorPresentationPinkLighterer, RedsiftColorPresentationPurpleDark, RedsiftColorPresentationPurpleDarker, RedsiftColorPresentationPurpleDarkerer, RedsiftColorPresentationPurpleDefault, RedsiftColorPresentationPurpleLight, RedsiftColorPresentationPurpleLighter, RedsiftColorPresentationPurpleLighterer, RedsiftColorPresentationRedDark, RedsiftColorPresentationRedDarker, RedsiftColorPresentationRedDarkerer, RedsiftColorPresentationRedDefault, RedsiftColorPresentationRedLight, RedsiftColorPresentationRedLighter, RedsiftColorPresentationRedLighterer, RedsiftColorPresentationYellowDark, RedsiftColorPresentationYellowDarker, RedsiftColorPresentationYellowDarkerer, RedsiftColorPresentationYellowDefault, RedsiftColorPresentationYellowLight, RedsiftColorPresentationYellowLighter, RedsiftColorPresentationYellowLighterer, RedsiftColorProductAsm, RedsiftColorProductBrandTrust, RedsiftColorProductCertificates, RedsiftColorProductOndmarc, RedsiftColorProductRadar, RedsiftColorProductRojoDs, RedsiftColorProductVendorSecure, RedsiftColorProductWebsite, RedsiftColorRedsift, RedsiftLayoutZIndexDialog, RedsiftLayoutZIndexDropdown, RedsiftLayoutZIndexFooter, RedsiftLayoutZIndexHeader, RedsiftLayoutZIndexOverlay, RedsiftLayoutZIndexPopover, RedsiftLayoutZIndexSidePanel, RedsiftLayoutZIndexTooltip, RedsiftSideNavigationColorBackground, RedsiftSideNavigationColorMenuItemActive, RedsiftSideNavigationColorMenuItemBackgroundActive, RedsiftSideNavigationColorMenuItemBackgroundHover, RedsiftSideNavigationColorMenuItemBackgroundSecondary, RedsiftSideNavigationColorMenuItemTextDisabled, RedsiftSideNavigationColorMenuItemTextHover, RedsiftSideNavigationColorMenuItemTextResting, RedsiftSideNavigationColorScrollbarHover, RedsiftSideNavigationColorScrollbarResting, RedsiftTypographyBadgeFontFamily, RedsiftTypographyBadgeFontSize, RedsiftTypographyBadgeFontWeight, RedsiftTypographyBadgeLineHeight, RedsiftTypographyBodyFontFamily, RedsiftTypographyBodyFontSize, RedsiftTypographyBodyFontWeight, RedsiftTypographyBodyLineHeight, RedsiftTypographyBodyTextTransform, RedsiftTypographyButtonFontFamily, RedsiftTypographyButtonFontSize, RedsiftTypographyButtonFontWeight, RedsiftTypographyButtonLineHeight, RedsiftTypographyButtonTextTransform, RedsiftTypographyCaptionFontFamily, RedsiftTypographyCaptionFontSize, RedsiftTypographyCaptionFontWeight, RedsiftTypographyCaptionLineHeight, RedsiftTypographyCaptionTextTransform, RedsiftTypographyChipFontFamily, RedsiftTypographyChipFontSize, RedsiftTypographyChipFontWeight, RedsiftTypographyChipLineHeight, RedsiftTypographyDatagridCellFontFamily, RedsiftTypographyDatagridCellFontSize, RedsiftTypographyDatagridCellFontWeight, RedsiftTypographyDatagridCellLineHeight, RedsiftTypographyDatagridHeaderFontFamily, RedsiftTypographyDatagridHeaderFontSize, RedsiftTypographyDatagridHeaderFontWeight, RedsiftTypographyDatagridHeaderLineHeight, RedsiftTypographyFontFamilyPoppins, RedsiftTypographyFontFamilySourceCodePro, RedsiftTypographyFontWeightBlack, RedsiftTypographyFontWeightBold, RedsiftTypographyFontWeightExtraBold, RedsiftTypographyFontWeightExtraLight, RedsiftTypographyFontWeightLight, RedsiftTypographyFontWeightMedium, RedsiftTypographyFontWeightRegular, RedsiftTypographyFontWeightSemiBold, RedsiftTypographyFontWeightThin, 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, RedsiftTypographyHelperTextTransform, RedsiftTypographyInputTextFontFamily, RedsiftTypographyInputTextFontSize, RedsiftTypographyInputTextFontWeight, RedsiftTypographyInputTextLineHeight, RedsiftTypographyLinkFontFamily, RedsiftTypographyLinkFontSize, RedsiftTypographyLinkFontWeight, RedsiftTypographyLinkLineHeight, RedsiftTypographyPillFontFamily, RedsiftTypographyPillFontSize, RedsiftTypographyPillFontWeight, RedsiftTypographyPillLineHeight, RedsiftTypographyTooltipFontFamily, RedsiftTypographyTooltipFontSize, RedsiftTypographyTooltipFontWeight, RedsiftTypographyTooltipLineHeight, RovingTabindexListbox, RowStartMap, Shield, ShieldProps, ShieldVariant, SideNavigationMenu, SideNavigationMenuBar, SideNavigationMenuBarContextProps, SideNavigationMenuBarProps, SideNavigationMenuBarVariant, SideNavigationMenuContextProps, SideNavigationMenuItem, SideNavigationMenuItemProps, SideNavigationMenuProps, SideNavigationMenuReducerAction, SideNavigationMenuReducerActionType, SideNavigationMenuReducerState, SizingProps, Skeleton, SkeletonCircle, SkeletonCircleProps, SkeletonProps, SkeletonText, SkeletonTextProps, SkeletonTextVariant, SpacingProps, Spinner, SpinnerProps, SpinnerSize, StyledAlertProps, StyledAppBarProps, StyledAppContainerProps, StyledAppContentProps, StyledAppSidePanelProps, StyledBadgeProps, StyledBreadcrumbItemProps, StyledBreadcrumbsProps, StyledButton, StyledButtonGroupProps, 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, getCanvasFont, getContainerProps, getCssStyle, getMaxTextWidth, getTextWidth, isComponent, nextId, partitionComponents, resetId, setPrefix, sizeToDimension, uniqueId, useAppSidePanel, useBoundingClientRect, useFocusOnList, useFocusOnListItem, useId, useSideNavigationMenuBar, useWindowSize, warnIfNoAccessibleLabelFound };
|
package/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { useLocalizedStringFormatter, I18nProvider, useNumberFormatter } from '@react-aria/i18n';
|
|
2
2
|
export { I18nProvider, useCollator, useDateFormatter, useFilter, useListFormatter, useLocale, useLocalizedStringFormatter, useNumberFormatter } from '@react-aria/i18n';
|
|
3
3
|
export { SSRProvider, useIsSSR } from '@react-aria/ssr';
|
|
4
|
-
import { rsiAsmHorizontal, rsiBrandTrustHorizontal, rsiCertificatesHorizontal, rsiOndmarcHorizontal, rsiPulseHorizontal, rsiRadarHorizontal, rsiRojoDsHorizontal, rsiVendorSecureHorizontal, rsiRedSiftHorizontal, mdiClose as mdiClose$1, mdiAlert, mdiCheckCircle, mdiAlertCircle, mdiInformation, mdiMenu, mdiChevronDown, mdiMenuOpen, mdiChevronUp, mdiCheckboxMarked, mdiMinusBox, mdiCheckboxBlankOutline, mdiPageLast, mdiKeyboardCaps, mdiRadioboxMarked, mdiRadioboxBlank } from '@redsift/icons';
|
|
4
|
+
import { rsiAsmHorizontal, rsiBrandTrustHorizontal, rsiCertificatesHorizontal, rsiOndmarcHorizontal, rsiPulseHorizontal, rsiRadarHorizontal, rsiRojoDsHorizontal, rsiVendorSecureHorizontal, rsiRedSiftHorizontal, mdiClose as mdiClose$1, mdiAlert, mdiTriangleOutline, mdiCheckCircle, mdiCheck, mdiAlertCircle, mdiAlertOutline, mdiInformation, mdiInformationOutline, mdiMenu, mdiChevronDown, mdiMenuOpen, mdiChevronUp, mdiCheckboxMarked, mdiMinusBox, mdiCheckboxBlankOutline, mdiPageLast, mdiKeyboardCaps, mdiRadioboxMarked, mdiRadioboxBlank } from '@redsift/icons';
|
|
5
5
|
import * as React from 'react';
|
|
6
6
|
import React__default, { useState, useEffect, forwardRef, useRef, useCallback, useContext, useReducer, useMemo, useLayoutEffect } from 'react';
|
|
7
7
|
import classNames from 'classnames';
|
|
@@ -1703,17 +1703,20 @@ const StyledAlert = styled.div`
|
|
|
1703
1703
|
${baseStyling}
|
|
1704
1704
|
|
|
1705
1705
|
padding: 16px;
|
|
1706
|
-
border-radius: 4px;
|
|
1707
1706
|
${_ref => {
|
|
1708
1707
|
let {
|
|
1709
1708
|
$hasTitle,
|
|
1710
1709
|
$isClosable,
|
|
1711
1710
|
$isClosed,
|
|
1712
|
-
$variant
|
|
1711
|
+
$variant,
|
|
1712
|
+
$styleVariant
|
|
1713
1713
|
} = _ref;
|
|
1714
1714
|
return css`
|
|
1715
1715
|
display: ${!$isClosed ? 'block' : 'none'};
|
|
1716
|
-
background-color: var(--redsift-color-notifications-${$variant}-hover);
|
|
1716
|
+
background-color: ${$styleVariant == 'minimal' ? 'var(--redsift-color-neutral-white)' : `var(--redsift-color-notifications-${$variant}-hover)`};
|
|
1717
|
+
|
|
1718
|
+
border: ${$styleVariant == 'minimal' ? `1px solid var(--redsift-color-notifications-${$variant}-primary)` : 'none'};
|
|
1719
|
+
border-radius: ${$styleVariant == 'minimal' ? '8px' : '4px'};
|
|
1717
1720
|
|
|
1718
1721
|
.redsift-alert-header__icon-button {
|
|
1719
1722
|
padding: 0px;
|
|
@@ -1978,34 +1981,35 @@ Flexbox.className = CLASSNAME$K;
|
|
|
1978
1981
|
Flexbox.defaultProps = DEFAULT_PROPS$K;
|
|
1979
1982
|
Flexbox.displayName = COMPONENT_NAME$K;
|
|
1980
1983
|
|
|
1981
|
-
const _excluded$J = ["children", "className", "isClosable", "isClosed", "onClose", "title", "variant"];
|
|
1984
|
+
const _excluded$J = ["children", "className", "isClosable", "isClosed", "onClose", "title", "variant", "styleVariant"];
|
|
1982
1985
|
const COMPONENT_NAME$J = 'Alert';
|
|
1983
1986
|
const CLASSNAME$J = 'redsift-alert';
|
|
1984
1987
|
const DEFAULT_PROPS$J = {
|
|
1985
|
-
variant: 'info'
|
|
1988
|
+
variant: 'info',
|
|
1989
|
+
styleVariant: 'default'
|
|
1986
1990
|
};
|
|
1987
|
-
const getVariant$1 = variant => {
|
|
1991
|
+
const getVariant$1 = (variant, styleVariant) => {
|
|
1988
1992
|
switch (variant) {
|
|
1989
1993
|
case AlertVariant.info:
|
|
1990
1994
|
default:
|
|
1991
1995
|
return {
|
|
1992
1996
|
color: NotificationsColorPalette.info,
|
|
1993
|
-
icon: mdiInformation
|
|
1997
|
+
icon: styleVariant == 'default' ? mdiInformation : mdiInformationOutline
|
|
1994
1998
|
};
|
|
1995
1999
|
case AlertVariant.error:
|
|
1996
2000
|
return {
|
|
1997
2001
|
color: NotificationsColorPalette.error,
|
|
1998
|
-
icon: mdiAlertCircle
|
|
2002
|
+
icon: styleVariant == 'default' ? mdiAlertCircle : mdiAlertOutline
|
|
1999
2003
|
};
|
|
2000
2004
|
case AlertVariant.success:
|
|
2001
2005
|
return {
|
|
2002
2006
|
color: NotificationsColorPalette.success,
|
|
2003
|
-
icon: mdiCheckCircle
|
|
2007
|
+
icon: styleVariant == 'default' ? mdiCheckCircle : mdiCheck
|
|
2004
2008
|
};
|
|
2005
2009
|
case AlertVariant.warning:
|
|
2006
2010
|
return {
|
|
2007
2011
|
color: NotificationsColorPalette.warning,
|
|
2008
|
-
icon: mdiAlert
|
|
2012
|
+
icon: styleVariant == 'default' ? mdiAlert : mdiTriangleOutline
|
|
2009
2013
|
};
|
|
2010
2014
|
}
|
|
2011
2015
|
};
|
|
@@ -2021,14 +2025,15 @@ const Alert = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
2021
2025
|
isClosed: propsIsClosed,
|
|
2022
2026
|
onClose,
|
|
2023
2027
|
title,
|
|
2024
|
-
variant
|
|
2028
|
+
variant,
|
|
2029
|
+
styleVariant
|
|
2025
2030
|
} = props,
|
|
2026
2031
|
forwardedProps = _objectWithoutProperties(props, _excluded$J);
|
|
2027
2032
|
const stringFormatter = useLocalizedStringFormatter(intlMessages$6);
|
|
2028
2033
|
const {
|
|
2029
2034
|
color,
|
|
2030
2035
|
icon
|
|
2031
|
-
} = getVariant$1(variant);
|
|
2036
|
+
} = getVariant$1(variant, styleVariant);
|
|
2032
2037
|
const [isClosed, setIsClosed] = useState(propsIsClosed);
|
|
2033
2038
|
useEffect(() => {
|
|
2034
2039
|
setIsClosed(propsIsClosed);
|
|
@@ -2047,7 +2052,8 @@ const Alert = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
2047
2052
|
$hasTitle: Boolean(title),
|
|
2048
2053
|
$isClosable: isClosable,
|
|
2049
2054
|
$isClosed: isClosed,
|
|
2050
|
-
$variant: variant
|
|
2055
|
+
$variant: variant,
|
|
2056
|
+
$styleVariant: styleVariant
|
|
2051
2057
|
}), /*#__PURE__*/React__default.createElement(Flexbox, {
|
|
2052
2058
|
className: `${Alert.className}__header`,
|
|
2053
2059
|
justifyContent: "space-between"
|