igloo-d2c-components 1.1.0 → 1.1.2-non-prod

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.
Files changed (7) hide show
  1. package/dist/cjs/index.js +56 -45
  2. package/dist/esm/index.js +56 -45
  3. package/dist/types/components/DesktopHeaderMenuBar/styled.d.ts +1 -1
  4. package/dist/types/components/Header/styled.d.ts +3 -3
  5. package/dist/types/types/tenant.d.ts +2 -0
  6. package/dist/types/utils/componentResolver.d.ts +1 -1
  7. package/package.json +6 -3
package/dist/cjs/index.js CHANGED
@@ -504,6 +504,8 @@ const iglooTheme = {
504
504
  calloutBorder: '#ffffff',
505
505
  inputBackground: '#ffffff',
506
506
  inputBorder: '#eeeeee',
507
+ buttonPrimary: '#5656F6',
508
+ buttonPrimaryHover: 'rgba(86, 86, 246, 0.7)',
507
509
  },
508
510
  motor: {
509
511
  main: '#00CCFF',
@@ -545,11 +547,11 @@ const ammetlifeTheme = {
545
547
  palette: {
546
548
  primary: {
547
549
  dark: '#2869a8',
548
- main: '#317abc',
550
+ main: '#0090DA',
549
551
  light: '#42A5F5',
550
552
  bright: '#90CAF9',
551
553
  plain: '#E3F2FD',
552
- border: '#317abc',
554
+ border: '#0090DA',
553
555
  },
554
556
  secondary: {
555
557
  dim: '#E65100',
@@ -580,13 +582,15 @@ const ammetlifeTheme = {
580
582
  sliderActive: '#317abc',
581
583
  sliderInactive: '#c8c5ca',
582
584
  sliderBackground: '#f9f9f9',
583
- toggleActive: '#a4ce4e',
585
+ toggleActive: 'rgb(0, 144, 218)',
584
586
  toggleActiveText: '#fefbff',
585
- toggleInactiveText: '#5f5e62',
587
+ toggleInactiveText: '#0090DA',
586
588
  calloutBackground: '#f9f9f9',
587
589
  calloutBorder: '#ffffff',
588
590
  inputBackground: '#ffffff',
589
591
  inputBorder: '#eeeeee',
592
+ buttonPrimary: '#0090da',
593
+ buttonPrimaryHover: 'rgba(0, 144, 218, 0.7)',
590
594
  },
591
595
  motor: {
592
596
  main: '#1976D2',
@@ -718,6 +722,8 @@ function TenantThemeProvider({ children, tenantId, theme: tenantTheme, }) {
718
722
  white: '#ffffff',
719
723
  black: '#000000',
720
724
  },
725
+ // Add tenant UI colors to MUI theme
726
+ ui: tenantTheme.palette.ui,
721
727
  },
722
728
  typography: {
723
729
  fontFamily: tenantTheme.typography?.fontFamily || 'Roboto, sans-serif',
@@ -2425,9 +2431,9 @@ const BackArrowButton = styles.styled(material.IconButton)(() => ({
2425
2431
  function RecommendationsDrawer({ open, onClose, children, headerIcon, title, subtitle, showBackButton = false, onBack, primaryButtonText, onPrimaryAction, primaryButtonDisabled = false, secondaryButtonText, onSecondaryAction, showFooter = true, customFooter, formatMessage = (descriptor) => descriptor.id, }) {
2426
2432
  material.useTheme();
2427
2433
  const tenantTheme = useTenantTheme();
2428
- // Get primary color from tenant theme, fallback to default
2429
- const primaryColor = tenantTheme?.theme?.palette?.primary?.main || '#0090DA';
2430
- // Helper to convert hex to rgba
2434
+ const primaryColor = tenantTheme?.theme?.palette?.ui?.buttonPrimary
2435
+ || tenantTheme?.theme?.palette?.primary?.main
2436
+ || '#0090DA';
2431
2437
  const hexToRgba = (hex, alpha) => {
2432
2438
  const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
2433
2439
  if (result) {
@@ -2436,7 +2442,7 @@ function RecommendationsDrawer({ open, onClose, children, headerIcon, title, sub
2436
2442
  const b = parseInt(result[3], 16);
2437
2443
  return `rgba(${r}, ${g}, ${b}, ${alpha})`;
2438
2444
  }
2439
- return `rgba(49, 122, 188, ${alpha})`;
2445
+ return `rgba(0, 144, 218, ${alpha})`;
2440
2446
  };
2441
2447
  const handleClose = () => {
2442
2448
  onClose();
@@ -3208,7 +3214,7 @@ const ToggleButton = styles.styled(material.Box)(({ theme, active }) => ({
3208
3214
  : 'transparent',
3209
3215
  color: active
3210
3216
  ? theme?.palette?.ui?.toggleActiveText || '#fefbff'
3211
- : theme?.palette?.ui?.toggleInactiveText || '#5f5e62',
3217
+ : theme?.palette?.ui?.toggleInactiveText || '#0090DA',
3212
3218
  transition: 'all 0.2s ease',
3213
3219
  '&:hover': {
3214
3220
  opacity: 0.9,
@@ -3817,42 +3823,47 @@ const ButtonContainer = styles.styled(material.Box)(({ isFixed, desktopRightAlig
3817
3823
  position: 'relative',
3818
3824
  },
3819
3825
  }));
3820
- const StyledButton = styles.styled('button')(({ isDisabled, desktopWidth }) => ({
3821
- width: '100%',
3822
- minHeight: '48px',
3823
- padding: '14px 32px',
3824
- borderRadius: '100px',
3825
- border: 'none',
3826
- backgroundColor: isDisabled ? '#f2f2f2' : '#0090da',
3827
- color: isDisabled ? '#75787b' : '#ffffff',
3828
- fontFamily: '"MetLifeCircular", "Roboto", "Helvetica", "Arial", sans-serif',
3829
- fontSize: '16px',
3830
- fontWeight: 500,
3831
- lineHeight: '20px',
3832
- letterSpacing: 0,
3833
- textTransform: 'none',
3834
- wordSpacing: '0px',
3835
- cursor: isDisabled ? 'not-allowed' : 'pointer',
3836
- transition: 'all 0.2s ease-in-out',
3837
- boxSizing: 'border-box',
3838
- '&:hover': {
3839
- backgroundColor: isDisabled ? '#f2f2f2' : 'rgba(0, 144, 218, 0.7)',
3840
- },
3841
- '&:focus': {
3842
- outline: isDisabled ? 'none' : '2px solid #0090da',
3843
- outlineOffset: '2px',
3844
- },
3845
- '&:active': {
3846
- backgroundColor: isDisabled ? '#f2f2f2' : 'rgba(0, 144, 218, 0.7)',
3847
- },
3848
- // Desktop styles for fixed width button
3849
- '@media (min-width: 900px)': desktopWidth
3850
- ? {
3851
- width: desktopWidth,
3852
- minWidth: desktopWidth,
3853
- }
3854
- : {},
3855
- }));
3826
+ const StyledButton = styles.styled('button')(({ theme, isDisabled, desktopWidth }) => {
3827
+ const extendedTheme = theme;
3828
+ const buttonPrimary = extendedTheme?.palette?.ui?.buttonPrimary || '#0090da';
3829
+ const buttonPrimaryHover = extendedTheme?.palette?.ui?.buttonPrimaryHover || 'rgba(0, 144, 218, 0.7)';
3830
+ return {
3831
+ width: '100%',
3832
+ minHeight: '48px',
3833
+ padding: '14px 32px',
3834
+ borderRadius: '100px',
3835
+ border: 'none',
3836
+ backgroundColor: isDisabled ? '#f2f2f2' : buttonPrimary,
3837
+ color: isDisabled ? '#75787b' : '#ffffff',
3838
+ fontFamily: '"MetLifeCircular", "Roboto", "Helvetica", "Arial", sans-serif',
3839
+ fontSize: '16px',
3840
+ fontWeight: 500,
3841
+ lineHeight: '20px',
3842
+ letterSpacing: 0,
3843
+ textTransform: 'none',
3844
+ wordSpacing: '0px',
3845
+ cursor: isDisabled ? 'not-allowed' : 'pointer',
3846
+ transition: 'all 0.2s ease-in-out',
3847
+ boxSizing: 'border-box',
3848
+ '&:hover': {
3849
+ backgroundColor: isDisabled ? '#f2f2f2' : buttonPrimaryHover,
3850
+ },
3851
+ '&:focus': {
3852
+ outline: isDisabled ? 'none' : `2px solid ${buttonPrimary}`,
3853
+ outlineOffset: '2px',
3854
+ },
3855
+ '&:active': {
3856
+ backgroundColor: isDisabled ? '#f2f2f2' : buttonPrimaryHover,
3857
+ },
3858
+ // Desktop styles for fixed width button
3859
+ '@media (min-width: 900px)': desktopWidth
3860
+ ? {
3861
+ width: desktopWidth,
3862
+ minWidth: desktopWidth,
3863
+ }
3864
+ : {},
3865
+ };
3866
+ });
3856
3867
 
3857
3868
  const CheckoutFormButton = ({ text = 'Next', disabled = false, onClick, fixed = true, type = 'button', sx, loading = false, desktopRightAligned = false, desktopWidth = '180px', }) => {
3858
3869
  return (jsxRuntime.jsx(ButtonContainer, { isFixed: fixed, desktopRightAligned: desktopRightAligned, sx: sx, children: jsxRuntime.jsx(StyledButton, { type: type, disabled: disabled || loading, isDisabled: disabled || loading, desktopWidth: desktopWidth, onClick: onClick, children: loading ? 'Processing...' : text }) }));
package/dist/esm/index.js CHANGED
@@ -471,6 +471,8 @@ const iglooTheme = {
471
471
  calloutBorder: '#ffffff',
472
472
  inputBackground: '#ffffff',
473
473
  inputBorder: '#eeeeee',
474
+ buttonPrimary: '#5656F6',
475
+ buttonPrimaryHover: 'rgba(86, 86, 246, 0.7)',
474
476
  },
475
477
  motor: {
476
478
  main: '#00CCFF',
@@ -512,11 +514,11 @@ const ammetlifeTheme = {
512
514
  palette: {
513
515
  primary: {
514
516
  dark: '#2869a8',
515
- main: '#317abc',
517
+ main: '#0090DA',
516
518
  light: '#42A5F5',
517
519
  bright: '#90CAF9',
518
520
  plain: '#E3F2FD',
519
- border: '#317abc',
521
+ border: '#0090DA',
520
522
  },
521
523
  secondary: {
522
524
  dim: '#E65100',
@@ -547,13 +549,15 @@ const ammetlifeTheme = {
547
549
  sliderActive: '#317abc',
548
550
  sliderInactive: '#c8c5ca',
549
551
  sliderBackground: '#f9f9f9',
550
- toggleActive: '#a4ce4e',
552
+ toggleActive: 'rgb(0, 144, 218)',
551
553
  toggleActiveText: '#fefbff',
552
- toggleInactiveText: '#5f5e62',
554
+ toggleInactiveText: '#0090DA',
553
555
  calloutBackground: '#f9f9f9',
554
556
  calloutBorder: '#ffffff',
555
557
  inputBackground: '#ffffff',
556
558
  inputBorder: '#eeeeee',
559
+ buttonPrimary: '#0090da',
560
+ buttonPrimaryHover: 'rgba(0, 144, 218, 0.7)',
557
561
  },
558
562
  motor: {
559
563
  main: '#1976D2',
@@ -685,6 +689,8 @@ function TenantThemeProvider({ children, tenantId, theme: tenantTheme, }) {
685
689
  white: '#ffffff',
686
690
  black: '#000000',
687
691
  },
692
+ // Add tenant UI colors to MUI theme
693
+ ui: tenantTheme.palette.ui,
688
694
  },
689
695
  typography: {
690
696
  fontFamily: tenantTheme.typography?.fontFamily || 'Roboto, sans-serif',
@@ -2392,9 +2398,9 @@ const BackArrowButton = styled(IconButton)(() => ({
2392
2398
  function RecommendationsDrawer({ open, onClose, children, headerIcon, title, subtitle, showBackButton = false, onBack, primaryButtonText, onPrimaryAction, primaryButtonDisabled = false, secondaryButtonText, onSecondaryAction, showFooter = true, customFooter, formatMessage = (descriptor) => descriptor.id, }) {
2393
2399
  useTheme();
2394
2400
  const tenantTheme = useTenantTheme();
2395
- // Get primary color from tenant theme, fallback to default
2396
- const primaryColor = tenantTheme?.theme?.palette?.primary?.main || '#0090DA';
2397
- // Helper to convert hex to rgba
2401
+ const primaryColor = tenantTheme?.theme?.palette?.ui?.buttonPrimary
2402
+ || tenantTheme?.theme?.palette?.primary?.main
2403
+ || '#0090DA';
2398
2404
  const hexToRgba = (hex, alpha) => {
2399
2405
  const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
2400
2406
  if (result) {
@@ -2403,7 +2409,7 @@ function RecommendationsDrawer({ open, onClose, children, headerIcon, title, sub
2403
2409
  const b = parseInt(result[3], 16);
2404
2410
  return `rgba(${r}, ${g}, ${b}, ${alpha})`;
2405
2411
  }
2406
- return `rgba(49, 122, 188, ${alpha})`;
2412
+ return `rgba(0, 144, 218, ${alpha})`;
2407
2413
  };
2408
2414
  const handleClose = () => {
2409
2415
  onClose();
@@ -3175,7 +3181,7 @@ const ToggleButton = styled(Box)(({ theme, active }) => ({
3175
3181
  : 'transparent',
3176
3182
  color: active
3177
3183
  ? theme?.palette?.ui?.toggleActiveText || '#fefbff'
3178
- : theme?.palette?.ui?.toggleInactiveText || '#5f5e62',
3184
+ : theme?.palette?.ui?.toggleInactiveText || '#0090DA',
3179
3185
  transition: 'all 0.2s ease',
3180
3186
  '&:hover': {
3181
3187
  opacity: 0.9,
@@ -3784,42 +3790,47 @@ const ButtonContainer = styled(Box)(({ isFixed, desktopRightAligned }) => ({
3784
3790
  position: 'relative',
3785
3791
  },
3786
3792
  }));
3787
- const StyledButton = styled('button')(({ isDisabled, desktopWidth }) => ({
3788
- width: '100%',
3789
- minHeight: '48px',
3790
- padding: '14px 32px',
3791
- borderRadius: '100px',
3792
- border: 'none',
3793
- backgroundColor: isDisabled ? '#f2f2f2' : '#0090da',
3794
- color: isDisabled ? '#75787b' : '#ffffff',
3795
- fontFamily: '"MetLifeCircular", "Roboto", "Helvetica", "Arial", sans-serif',
3796
- fontSize: '16px',
3797
- fontWeight: 500,
3798
- lineHeight: '20px',
3799
- letterSpacing: 0,
3800
- textTransform: 'none',
3801
- wordSpacing: '0px',
3802
- cursor: isDisabled ? 'not-allowed' : 'pointer',
3803
- transition: 'all 0.2s ease-in-out',
3804
- boxSizing: 'border-box',
3805
- '&:hover': {
3806
- backgroundColor: isDisabled ? '#f2f2f2' : 'rgba(0, 144, 218, 0.7)',
3807
- },
3808
- '&:focus': {
3809
- outline: isDisabled ? 'none' : '2px solid #0090da',
3810
- outlineOffset: '2px',
3811
- },
3812
- '&:active': {
3813
- backgroundColor: isDisabled ? '#f2f2f2' : 'rgba(0, 144, 218, 0.7)',
3814
- },
3815
- // Desktop styles for fixed width button
3816
- '@media (min-width: 900px)': desktopWidth
3817
- ? {
3818
- width: desktopWidth,
3819
- minWidth: desktopWidth,
3820
- }
3821
- : {},
3822
- }));
3793
+ const StyledButton = styled('button')(({ theme, isDisabled, desktopWidth }) => {
3794
+ const extendedTheme = theme;
3795
+ const buttonPrimary = extendedTheme?.palette?.ui?.buttonPrimary || '#0090da';
3796
+ const buttonPrimaryHover = extendedTheme?.palette?.ui?.buttonPrimaryHover || 'rgba(0, 144, 218, 0.7)';
3797
+ return {
3798
+ width: '100%',
3799
+ minHeight: '48px',
3800
+ padding: '14px 32px',
3801
+ borderRadius: '100px',
3802
+ border: 'none',
3803
+ backgroundColor: isDisabled ? '#f2f2f2' : buttonPrimary,
3804
+ color: isDisabled ? '#75787b' : '#ffffff',
3805
+ fontFamily: '"MetLifeCircular", "Roboto", "Helvetica", "Arial", sans-serif',
3806
+ fontSize: '16px',
3807
+ fontWeight: 500,
3808
+ lineHeight: '20px',
3809
+ letterSpacing: 0,
3810
+ textTransform: 'none',
3811
+ wordSpacing: '0px',
3812
+ cursor: isDisabled ? 'not-allowed' : 'pointer',
3813
+ transition: 'all 0.2s ease-in-out',
3814
+ boxSizing: 'border-box',
3815
+ '&:hover': {
3816
+ backgroundColor: isDisabled ? '#f2f2f2' : buttonPrimaryHover,
3817
+ },
3818
+ '&:focus': {
3819
+ outline: isDisabled ? 'none' : `2px solid ${buttonPrimary}`,
3820
+ outlineOffset: '2px',
3821
+ },
3822
+ '&:active': {
3823
+ backgroundColor: isDisabled ? '#f2f2f2' : buttonPrimaryHover,
3824
+ },
3825
+ // Desktop styles for fixed width button
3826
+ '@media (min-width: 900px)': desktopWidth
3827
+ ? {
3828
+ width: desktopWidth,
3829
+ minWidth: desktopWidth,
3830
+ }
3831
+ : {},
3832
+ };
3833
+ });
3823
3834
 
3824
3835
  const CheckoutFormButton = ({ text = 'Next', disabled = false, onClick, fixed = true, type = 'button', sx, loading = false, desktopRightAligned = false, desktopWidth = '180px', }) => {
3825
3836
  return (jsx(ButtonContainer, { isFixed: fixed, desktopRightAligned: desktopRightAligned, sx: sx, children: jsx(StyledButton, { type: type, disabled: disabled || loading, isDisabled: disabled || loading, desktopWidth: desktopWidth, onClick: onClick, children: loading ? 'Processing...' : text }) }));
package/dist/types/components/DesktopHeaderMenuBar/styled.d.ts CHANGED
@@ -125,7 +125,7 @@ export declare const StyledMenu: import("@emotion/styled").StyledComponent<impor
125
125
  */
126
126
  export declare const StyledMenuItem: import("@emotion/styled").StyledComponent<import("@mui/material").MenuItemOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
127
127
  ref?: ((instance: HTMLLIElement | null) => void) | import("react").RefObject<HTMLLIElement> | null | undefined;
128
- }, "children" | "divider" | "disabled" | "style" | "className" | "classes" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "tabIndex" | "TouchRippleProps" | "touchRippleRef" | "autoFocus" | "dense" | "selected" | "disableGutters"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
128
+ }, "children" | "disabled" | "style" | "className" | "classes" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "tabIndex" | "TouchRippleProps" | "touchRippleRef" | "autoFocus" | "dense" | "selected" | "disableGutters" | "divider"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
129
129
  /**
130
130
  * Menu item icon
131
131
  */
package/dist/types/components/Header/styled.d.ts CHANGED
@@ -33,12 +33,12 @@ export declare const StyledMenu: import("@emotion/styled").StyledComponent<impor
33
33
  export declare const DivProductListing: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
34
34
  export declare const StyledMenuItem: import("@emotion/styled").StyledComponent<import("@mui/material").MenuItemOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
35
35
  ref?: ((instance: HTMLLIElement | null) => void) | import("react").RefObject<HTMLLIElement> | null | undefined;
36
- }, "children" | "divider" | "disabled" | "style" | "className" | "classes" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "tabIndex" | "TouchRippleProps" | "touchRippleRef" | "autoFocus" | "dense" | "selected" | "disableGutters"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
36
+ }, "children" | "disabled" | "style" | "className" | "classes" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "tabIndex" | "TouchRippleProps" | "touchRippleRef" | "autoFocus" | "dense" | "selected" | "disableGutters" | "divider"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
37
37
  export declare const SpanImageWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
38
38
  export declare const ImageProductIcon: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
39
39
  export declare const StyledMenuItemDesktop: import("@emotion/styled").StyledComponent<import("@mui/material").MenuItemOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
40
40
  ref?: ((instance: HTMLLIElement | null) => void) | import("react").RefObject<HTMLLIElement> | null | undefined;
41
- }, "children" | "divider" | "disabled" | "style" | "className" | "classes" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "tabIndex" | "TouchRippleProps" | "touchRippleRef" | "autoFocus" | "dense" | "selected" | "disableGutters"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
41
+ }, "children" | "disabled" | "style" | "className" | "classes" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "tabIndex" | "TouchRippleProps" | "touchRippleRef" | "autoFocus" | "dense" | "selected" | "disableGutters" | "divider"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
42
42
  export declare const StyledCloseIcon: import("@emotion/styled").StyledComponent<import("@mui/material").SvgIconOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
43
43
  ref?: ((instance: SVGSVGElement | null) => void) | import("react").RefObject<SVGSVGElement> | null | undefined;
44
44
  }, "fontSize" | "children" | "style" | "className" | "classes" | "sx" | "color" | "shapeRendering" | "viewBox" | "htmlColor" | "inheritViewBox" | "titleAccess"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
@@ -62,7 +62,7 @@ export declare const DivLoginActionContainer: import("@emotion/styled").StyledCo
62
62
  export declare const DivCommonMenus: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
63
63
  export declare const MenuItemOtherLinks: import("@emotion/styled").StyledComponent<import("@mui/material").MenuItemOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
64
64
  ref?: ((instance: HTMLLIElement | null) => void) | import("react").RefObject<HTMLLIElement> | null | undefined;
65
- }, "children" | "divider" | "disabled" | "style" | "className" | "classes" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "tabIndex" | "TouchRippleProps" | "touchRippleRef" | "autoFocus" | "dense" | "selected" | "disableGutters"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
65
+ }, "children" | "disabled" | "style" | "className" | "classes" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "tabIndex" | "TouchRippleProps" | "touchRippleRef" | "autoFocus" | "dense" | "selected" | "disableGutters" | "divider"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
66
66
  export declare const StyledFormControlLabel: import("@emotion/styled").StyledComponent<import("@mui/material").FormControlLabelProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
67
67
  export declare const ButtonLogout: import("@emotion/styled").StyledComponent<import("@mui/material").ButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
68
68
  ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
package/dist/types/types/tenant.d.ts CHANGED
@@ -28,6 +28,8 @@ export interface UIColors {
28
28
  calloutBorder?: string;
29
29
  inputBackground?: string;
30
30
  inputBorder?: string;
31
+ buttonPrimary?: string;
32
+ buttonPrimaryHover?: string;
31
33
  }
32
34
  export interface TenantPalette {
33
35
  primary: ColorShade;
package/dist/types/utils/componentResolver.d.ts CHANGED
@@ -39,5 +39,5 @@ export declare function resolveSvgIcon(icon: ModuleWithDefault<SvgIconComponent>
39
39
  * @param component - React component to resolve
40
40
  * @returns Resolved component
41
41
  */
42
- export declare function resolveReactComponent<P = any>(component: ModuleWithDefault<React.ComponentType<P>>): React.ComponentType<P>;
42
+ export declare function resolveReactComponent<P = Record<string, unknown>>(component: ModuleWithDefault<React.ComponentType<P>>): React.ComponentType<P>;
43
43
  export {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "igloo-d2c-components",
3
- "version": "1.1.0",
3
+ "version": "1.1.2-non-prod",
4
4
  "description": "Reusable component library with tenant-aware theming for B2C applications",
5
5
  "main": "dist/cjs/index.js",
6
6
  "module": "dist/esm/index.js",
@@ -37,7 +37,7 @@
37
37
  "release:beta": "bash scripts/release.sh beta",
38
38
  "npmPublish": "yarn prepublishOnly && npm publish --access public",
39
39
  "npmPublish:ci": "yarn prepublishOnly && npm publish --provenance --access public",
40
- "security:audit": "yarn audit --level moderate || true",
40
+ "security:audit": "yarn audit --level moderate",
41
41
  "security:lockfile": "lockfile-lint --path yarn.lock --allowed-hosts npm yarn registry.yarnpkg.com --validate-https",
42
42
  "security:check": "yarn security:audit && yarn security:lockfile",
43
43
  "ci:install": "yarn install --frozen-lockfile --ignore-scripts",
@@ -125,5 +125,8 @@
125
125
  "bugs": {
126
126
  "url": "https://gitlab.iglooinsure.com/axinan/fe/d2c-component-library/-/issues"
127
127
  },
128
- "homepage": "https://gitlab.iglooinsure.com/axinan/fe/d2c-component-library#readme"
128
+ "homepage": "https://gitlab.iglooinsure.com/axinan/fe/d2c-component-library#readme",
129
+ "dependencies": {
130
+ "process": "0.11.10"
131
+ }
129
132
  }