igloo-d2c-components 1.0.56-non-prod → 1.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/dist/cjs/index.js +129 -73
- package/dist/esm/index.js +130 -74
- package/dist/types/components/BenefitsSummary/styled.d.ts +3 -3
- package/dist/types/components/BillingToggle/styled.d.ts +1 -1
- package/dist/types/components/CheckoutHeader/styled.d.ts +2 -2
- package/dist/types/components/CheckoutProgress/styled.d.ts +1 -1
- package/dist/types/components/ContactDetailsForm/styled.d.ts +2 -2
- package/dist/types/components/CoverageAmountSlider/styled.d.ts +4 -4
- package/dist/types/components/DesktopHeaderMenuBar/styled.d.ts +6 -6
- package/dist/types/components/FAQAccordion/styled.d.ts +4 -4
- package/dist/types/components/Footer/styled.d.ts +6 -6
- package/dist/types/components/Header/styled.d.ts +12 -12
- package/dist/types/components/HealthQuestionGroup/styled.d.ts +2 -2
- package/dist/types/components/InfoCallout/styled.d.ts +2 -2
- package/dist/types/components/NewHeader/styled.d.ts +2 -2
- package/dist/types/components/OptionButton/styled.d.ts +2 -2
- package/dist/types/components/PersonalInformationForm/styled.d.ts +1 -1
- package/dist/types/components/ProductCard/styled.d.ts +4 -4
- package/dist/types/components/ProductSelectionDrawer/styled.d.ts +9 -9
- package/dist/types/components/QuestionSection/styled.d.ts +2 -2
- package/dist/types/components/RecommendationsDrawer/styled.d.ts +6 -6
- package/dist/types/components/ToggleGroup/styled.d.ts +2 -2
- package/dist/types/context/TenantThemeContext.d.ts +2 -1
- package/package.json +1 -1
package/dist/esm/index.js
CHANGED
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import React__default, { createContext, useMemo, useContext, useState, useEffect, Component } from 'react';
|
|
5
|
-
import {
|
|
5
|
+
import { createTheme, ThemeProvider, styled } from '@mui/material/styles';
|
|
6
|
+
import { useTheme, Button as Button$1, Card as Card$1, CardHeader, CardContent, CardActions, Box, Typography, Menu, MenuItem, Avatar, Drawer, IconButton, FormControlLabel, useMediaQuery, Toolbar, RadioGroup, Radio, AppBar as AppBar$1, Divider, List, ListItem, ListItemButton, ListItemText, styled as styled$1, Dialog, ButtonBase, Slider, Checkbox, Accordion, AccordionSummary, AccordionDetails } from '@mui/material';
|
|
6
7
|
import ArrowDropDownIcon from '@mui/icons-material/ArrowDropDown';
|
|
7
8
|
import CloseIcon from '@mui/icons-material/Close';
|
|
8
9
|
import AppBar from '@mui/material/AppBar';
|
|
9
|
-
import { styled } from '@mui/material/styles';
|
|
10
10
|
import MenuIcon from '@mui/icons-material/Menu';
|
|
11
11
|
import Container from '@mui/material/Container';
|
|
12
12
|
import ArrowBackIcon from '@mui/icons-material/ArrowBack';
|
|
@@ -630,6 +630,7 @@ const TenantThemeContext = createContext(undefined);
|
|
|
630
630
|
/**
|
|
631
631
|
* TenantThemeProvider
|
|
632
632
|
* Wraps components to provide tenant-specific theming
|
|
633
|
+
* Creates MUI theme from tenant configuration
|
|
633
634
|
*
|
|
634
635
|
* @example
|
|
635
636
|
* ```tsx
|
|
@@ -641,12 +642,72 @@ const TenantThemeContext = createContext(undefined);
|
|
|
641
642
|
* </TenantThemeProvider>
|
|
642
643
|
* ```
|
|
643
644
|
*/
|
|
644
|
-
function TenantThemeProvider({ children, tenantId, theme, }) {
|
|
645
|
+
function TenantThemeProvider({ children, tenantId, theme: tenantTheme, }) {
|
|
646
|
+
// Create MUI theme with tenant brand + defaults
|
|
647
|
+
const muiTheme = useMemo(() => createTheme({
|
|
648
|
+
palette: {
|
|
649
|
+
// Tenant brand colors
|
|
650
|
+
primary: {
|
|
651
|
+
main: tenantTheme.palette.primary.main,
|
|
652
|
+
dark: tenantTheme.palette.primary.dark || tenantTheme.palette.primary.main,
|
|
653
|
+
light: tenantTheme.palette.primary.light || tenantTheme.palette.primary.main,
|
|
654
|
+
contrastText: '#fff',
|
|
655
|
+
},
|
|
656
|
+
secondary: {
|
|
657
|
+
main: tenantTheme.palette.secondary.main,
|
|
658
|
+
dark: tenantTheme.palette.secondary.dark || tenantTheme.palette.secondary.main,
|
|
659
|
+
light: tenantTheme.palette.secondary.light || tenantTheme.palette.secondary.main,
|
|
660
|
+
},
|
|
661
|
+
// MUI defaults for common patterns
|
|
662
|
+
background: {
|
|
663
|
+
default: '#ffffff',
|
|
664
|
+
paper: '#f9f9f9',
|
|
665
|
+
},
|
|
666
|
+
text: {
|
|
667
|
+
primary: '#13131B',
|
|
668
|
+
secondary: '#5F5E62',
|
|
669
|
+
},
|
|
670
|
+
divider: '#E1E2EB',
|
|
671
|
+
// Standard grey palette
|
|
672
|
+
grey: {
|
|
673
|
+
50: '#FAFAFA',
|
|
674
|
+
100: '#F5F5F5',
|
|
675
|
+
200: '#EEEEEE',
|
|
676
|
+
300: '#E0E0E0',
|
|
677
|
+
400: '#BDBDBD',
|
|
678
|
+
500: '#9E9E9E',
|
|
679
|
+
600: '#757575',
|
|
680
|
+
700: '#616161',
|
|
681
|
+
800: '#424242',
|
|
682
|
+
900: '#212121',
|
|
683
|
+
},
|
|
684
|
+
common: {
|
|
685
|
+
white: '#ffffff',
|
|
686
|
+
black: '#000000',
|
|
687
|
+
},
|
|
688
|
+
},
|
|
689
|
+
typography: {
|
|
690
|
+
fontFamily: tenantTheme.typography?.fontFamily || 'Roboto, sans-serif',
|
|
691
|
+
},
|
|
692
|
+
spacing: 8,
|
|
693
|
+
shape: {
|
|
694
|
+
borderRadius: 8,
|
|
695
|
+
},
|
|
696
|
+
breakpoints: {
|
|
697
|
+
values: {
|
|
698
|
+
xs: 0,
|
|
699
|
+
sm: 600,
|
|
700
|
+
md: 900,
|
|
701
|
+
lg: 1200,
|
|
702
|
+
xl: 1536,
|
|
703
|
+
},
|
|
704
|
+
},
|
|
705
|
+
}), [tenantTheme]);
|
|
645
706
|
const value = useMemo(() => ({
|
|
646
707
|
tenantId,
|
|
647
|
-
theme,
|
|
648
|
-
}), [tenantId,
|
|
649
|
-
return (jsx(TenantThemeContext.Provider, { value: value, children: children }));
|
|
708
|
+
theme: tenantTheme,
|
|
709
|
+
}), [tenantId, tenantTheme]);
|
|
710
|
+
return (jsx(ThemeProvider, { theme: muiTheme, children: jsx(TenantThemeContext.Provider, { value: value, children: children }) }));
|
|
650
711
|
}
|
|
651
712
|
/**
|
|
652
713
|
* Hook to access tenant theme configuration
|
|
@@ -706,21 +767,20 @@ function useIsTenant(checkTenantId) {
|
|
|
706
767
|
* ```
|
|
707
768
|
*/
|
|
708
769
|
const Button = React__default.memo(function Button({ tenantColored = false, variant = 'contained', sx, color, ...props }) {
|
|
770
|
+
const theme = useTheme();
|
|
709
771
|
const tenantTheme = useTenantTheme();
|
|
710
|
-
const
|
|
711
|
-
const baseWordSpacingSx = { wordSpacing: '0px' };
|
|
712
|
-
const buttonSx = tenantColored && theme
|
|
772
|
+
const buttonSx = tenantColored && tenantTheme?.theme
|
|
713
773
|
? {
|
|
714
|
-
|
|
715
|
-
backgroundColor: theme.palette?.primary?.main,
|
|
716
|
-
color:
|
|
774
|
+
wordSpacing: 0,
|
|
775
|
+
backgroundColor: tenantTheme.theme.palette?.primary?.main,
|
|
776
|
+
color: theme.palette.common.white,
|
|
717
777
|
'&:hover': {
|
|
718
|
-
backgroundColor: theme.palette?.primary?.dark || theme.palette?.primary?.main,
|
|
778
|
+
backgroundColor: tenantTheme.theme.palette?.primary?.dark || tenantTheme.theme.palette?.primary?.main,
|
|
719
779
|
},
|
|
720
780
|
...sx,
|
|
721
781
|
}
|
|
722
782
|
: {
|
|
723
|
-
|
|
783
|
+
wordSpacing: 0,
|
|
724
784
|
...sx,
|
|
725
785
|
};
|
|
726
786
|
return (jsx(Button$1, { variant: variant, color: tenantColored ? undefined : color, sx: buttonSx, ...props }));
|
|
@@ -740,11 +800,11 @@ const Button = React__default.memo(function Button({ tenantColored = false, vari
|
|
|
740
800
|
* ```
|
|
741
801
|
*/
|
|
742
802
|
const Card = React__default.memo(function Card({ title, headerAction, content, actions, tenantAccent = false, sx, children, ...props }) {
|
|
803
|
+
const theme = useTheme();
|
|
743
804
|
const tenantTheme = useTenantTheme();
|
|
744
|
-
const
|
|
745
|
-
const cardSx = tenantAccent && theme
|
|
805
|
+
const cardSx = tenantAccent && tenantTheme?.theme
|
|
746
806
|
? {
|
|
747
|
-
borderTop: `4px solid ${theme.palette?.primary?.main ||
|
|
807
|
+
borderTop: `4px solid ${tenantTheme.theme.palette?.primary?.main || theme.palette.primary.main}`,
|
|
748
808
|
...sx,
|
|
749
809
|
}
|
|
750
810
|
: sx;
|
|
@@ -765,18 +825,18 @@ const Card = React__default.memo(function Card({ title, headerAction, content, a
|
|
|
765
825
|
* ```
|
|
766
826
|
*/
|
|
767
827
|
const Banner = React__default.memo(function Banner({ title, description, action, gradient = true, sx, ...props }) {
|
|
828
|
+
const theme = useTheme();
|
|
768
829
|
const tenantTheme = useTenantTheme();
|
|
769
|
-
const
|
|
770
|
-
const
|
|
771
|
-
const lightColor = theme?.palette?.primary?.light || primaryColor;
|
|
830
|
+
const primaryColor = tenantTheme?.theme?.palette?.primary?.main || theme.palette.primary.main;
|
|
831
|
+
const lightColor = tenantTheme?.theme?.palette?.primary?.light || theme.palette.primary.light;
|
|
772
832
|
const background = gradient
|
|
773
833
|
? `linear-gradient(135deg, ${primaryColor} 0%, ${lightColor} 100%)`
|
|
774
834
|
: primaryColor;
|
|
775
835
|
return (jsxs(Box, { sx: {
|
|
776
836
|
background,
|
|
777
|
-
color:
|
|
778
|
-
padding:
|
|
779
|
-
borderRadius:
|
|
837
|
+
color: theme.palette.common.white,
|
|
838
|
+
padding: theme.spacing(4),
|
|
839
|
+
borderRadius: `${theme.shape.borderRadius}px`,
|
|
780
840
|
textAlign: 'center',
|
|
781
841
|
...sx,
|
|
782
842
|
}, ...props, children: [jsx(Typography, { variant: "h4", component: "h2", gutterBottom: true, fontWeight: "bold", children: title }), description && (jsx(Typography, { variant: "body1", sx: { opacity: 0.95, mb: action ? 2 : 0 }, children: description })), action && jsx(Box, { sx: { mt: 2 }, children: action })] }));
|
|
@@ -2019,16 +2079,16 @@ function sanitizeUrl(url, fallback = '#') {
|
|
|
2019
2079
|
return fallback;
|
|
2020
2080
|
}
|
|
2021
2081
|
|
|
2022
|
-
const DivFooter = styled('div')(() => ({
|
|
2023
|
-
backgroundColor:
|
|
2024
|
-
padding:
|
|
2025
|
-
'
|
|
2026
|
-
padding:
|
|
2082
|
+
const DivFooter = styled('div')(({ theme }) => ({
|
|
2083
|
+
backgroundColor: theme.palette.grey[800],
|
|
2084
|
+
padding: theme.spacing(2.5, 2),
|
|
2085
|
+
[theme.breakpoints.up('md')]: {
|
|
2086
|
+
padding: theme.spacing(8.75, 0),
|
|
2027
2087
|
},
|
|
2028
2088
|
}));
|
|
2029
2089
|
const DivFooterConterResponsiveLayout = styled('div')(({ theme }) => ({
|
|
2030
|
-
color:
|
|
2031
|
-
[theme.breakpoints.up(
|
|
2090
|
+
color: theme.palette.common.white,
|
|
2091
|
+
[theme.breakpoints.up('lg')]: {
|
|
2032
2092
|
minWidth: '1128px',
|
|
2033
2093
|
maxWidth: '1128px',
|
|
2034
2094
|
margin: '0 auto',
|
|
@@ -2038,68 +2098,64 @@ const FooterHiddenContent = styled('div')(({ simplifiedLayout }) => simplifiedLa
|
|
|
2038
2098
|
const DivIglooIntro = styled('div')(({ theme }) => ({
|
|
2039
2099
|
display: 'flex',
|
|
2040
2100
|
flexDirection: 'column',
|
|
2041
|
-
gap:
|
|
2042
|
-
color: theme
|
|
2043
|
-
'
|
|
2101
|
+
gap: theme.spacing(3),
|
|
2102
|
+
color: theme.palette.common.white,
|
|
2103
|
+
[theme.breakpoints.up('md')]: {
|
|
2044
2104
|
width: 320,
|
|
2045
2105
|
marginRight: 194,
|
|
2046
2106
|
},
|
|
2047
2107
|
}));
|
|
2048
|
-
const DivSocial = styled('div')(() => ({
|
|
2108
|
+
const DivSocial = styled('div')(({ theme }) => ({
|
|
2049
2109
|
display: 'flex',
|
|
2050
2110
|
alignItems: 'center',
|
|
2051
2111
|
margin: '0 auto',
|
|
2052
|
-
columnGap:
|
|
2112
|
+
columnGap: theme.spacing(4),
|
|
2053
2113
|
flexDirection: 'row',
|
|
2054
|
-
'
|
|
2114
|
+
[theme.breakpoints.up('md')]: {
|
|
2055
2115
|
margin: 'initial',
|
|
2056
2116
|
},
|
|
2057
2117
|
}));
|
|
2058
2118
|
const ButtonIcon = styled(Button$1)(({ theme }) => ({
|
|
2059
|
-
color: theme.palette.common
|
|
2060
|
-
padding:
|
|
2061
|
-
minWidth: 'auto
|
|
2119
|
+
color: theme.palette.common.white,
|
|
2120
|
+
padding: 0,
|
|
2121
|
+
minWidth: 'auto',
|
|
2062
2122
|
}));
|
|
2063
|
-
const TypographyIntro = styled(Typography)(() => ({
|
|
2123
|
+
const TypographyIntro = styled(Typography)(({ theme }) => ({
|
|
2064
2124
|
textAlign: 'center',
|
|
2065
|
-
color:
|
|
2066
|
-
'
|
|
2125
|
+
color: theme.palette.common.white,
|
|
2126
|
+
[theme.breakpoints.up('md')]: {
|
|
2067
2127
|
textAlign: 'left',
|
|
2068
2128
|
},
|
|
2069
2129
|
}));
|
|
2070
|
-
const TypographyAddressFooter = styled(Typography)(() => ({
|
|
2071
|
-
marginTop:
|
|
2130
|
+
const TypographyAddressFooter = styled(Typography)(({ theme }) => ({
|
|
2131
|
+
marginTop: theme.spacing(2),
|
|
2072
2132
|
textAlign: 'center',
|
|
2073
|
-
color:
|
|
2074
|
-
'
|
|
2133
|
+
color: theme.palette.common.white,
|
|
2134
|
+
[theme.breakpoints.up('md')]: {
|
|
2075
2135
|
textAlign: 'left',
|
|
2076
2136
|
},
|
|
2077
2137
|
}));
|
|
2078
|
-
const DivLogos = styled('div')(() => ({
|
|
2138
|
+
const DivLogos = styled('div')(({ theme }) => ({
|
|
2079
2139
|
display: 'flex',
|
|
2080
2140
|
flexDirection: 'column',
|
|
2081
|
-
gap:
|
|
2141
|
+
gap: theme.spacing(2),
|
|
2082
2142
|
alignItems: 'center',
|
|
2083
|
-
marginTop:
|
|
2084
|
-
'
|
|
2143
|
+
marginTop: theme.spacing(2),
|
|
2144
|
+
[theme.breakpoints.up('md')]: {
|
|
2085
2145
|
width: '100%',
|
|
2086
2146
|
marginTop: 0,
|
|
2087
2147
|
gap: 'initial',
|
|
2088
2148
|
alignItems: 'baseline',
|
|
2089
2149
|
},
|
|
2090
2150
|
}));
|
|
2091
|
-
const DivFirstRow = styled('div')(() => ({
|
|
2151
|
+
const DivFirstRow = styled('div')(({ theme }) => ({
|
|
2092
2152
|
display: 'flex',
|
|
2093
2153
|
flexDirection: 'row',
|
|
2094
|
-
gap:
|
|
2154
|
+
gap: theme.spacing(2),
|
|
2095
2155
|
}));
|
|
2096
2156
|
const ButtonOjkLink = styled(Button$1)(() => ({
|
|
2097
2157
|
display: 'flex',
|
|
2098
2158
|
justifyContent: 'flex-start',
|
|
2099
|
-
'@media (min-width: 769px)': {
|
|
2100
|
-
display: 'flex !important',
|
|
2101
|
-
justifyContent: 'flex-start !important ',
|
|
2102
|
-
},
|
|
2103
2159
|
}));
|
|
2104
2160
|
const ImageOjkLicense = styled('img')(() => ({
|
|
2105
2161
|
alignSelf: 'flex-start',
|
|
@@ -2112,53 +2168,53 @@ const ButtonSolisoustamaLink = styled(Button$1)(() => ({
|
|
|
2112
2168
|
const ImageSolisoustama = styled('img')(() => ({
|
|
2113
2169
|
height: 'auto',
|
|
2114
2170
|
}));
|
|
2115
|
-
const DivLinks = styled('div')(() => ({
|
|
2171
|
+
const DivLinks = styled('div')(({ theme }) => ({
|
|
2116
2172
|
display: 'flex',
|
|
2117
2173
|
flex: 1,
|
|
2118
2174
|
alignItems: 'center',
|
|
2119
|
-
gap:
|
|
2175
|
+
gap: theme.spacing(2),
|
|
2120
2176
|
justifyContent: 'center',
|
|
2121
|
-
'
|
|
2177
|
+
[theme.breakpoints.up('md')]: {
|
|
2122
2178
|
flex: '1 1',
|
|
2123
2179
|
alignItems: 'normal',
|
|
2124
2180
|
},
|
|
2125
2181
|
}));
|
|
2126
|
-
const DivSection = styled('div')(() => ({
|
|
2182
|
+
const DivSection = styled('div')(({ theme }) => ({
|
|
2127
2183
|
display: 'flex',
|
|
2128
2184
|
flexDirection: 'column',
|
|
2129
|
-
gap:
|
|
2185
|
+
gap: theme.spacing(2),
|
|
2130
2186
|
flex: 1,
|
|
2131
2187
|
alignItems: 'flex-start',
|
|
2132
|
-
'
|
|
2133
|
-
gap:
|
|
2188
|
+
[theme.breakpoints.up('md')]: {
|
|
2189
|
+
gap: theme.spacing(3),
|
|
2134
2190
|
'&:not(:first-of-type)': {
|
|
2135
2191
|
marginLeft: 194,
|
|
2136
2192
|
},
|
|
2137
2193
|
},
|
|
2138
2194
|
}));
|
|
2139
|
-
const ButtonBottomLink = styled(Button$1)(() => ({
|
|
2140
|
-
color:
|
|
2195
|
+
const ButtonBottomLink = styled(Button$1)(({ theme }) => ({
|
|
2196
|
+
color: theme.palette.common.white,
|
|
2141
2197
|
textTransform: 'capitalize',
|
|
2142
|
-
'
|
|
2143
|
-
padding:
|
|
2144
|
-
textAlign: 'left
|
|
2145
|
-
minWidth: 'auto
|
|
2198
|
+
[theme.breakpoints.up('md')]: {
|
|
2199
|
+
padding: 0,
|
|
2200
|
+
textAlign: 'left',
|
|
2201
|
+
minWidth: 'auto',
|
|
2146
2202
|
},
|
|
2147
2203
|
}));
|
|
2148
|
-
const StyledDivider = styled(Divider)(() => ({
|
|
2149
|
-
margin:
|
|
2150
|
-
borderColor: '#5F5E62
|
|
2204
|
+
const StyledDivider = styled(Divider)(({ theme }) => ({
|
|
2205
|
+
margin: theme.spacing(3, 0, 2),
|
|
2206
|
+
borderColor: '#5F5E62',
|
|
2151
2207
|
}));
|
|
2152
2208
|
const DivBottom = styled('div')(() => ({
|
|
2153
2209
|
display: 'flex',
|
|
2154
2210
|
justifyContent: 'space-between',
|
|
2155
2211
|
alignItems: 'center',
|
|
2156
2212
|
}));
|
|
2157
|
-
const DivSep = styled('div')(() => ({
|
|
2213
|
+
const DivSep = styled('div')(({ theme }) => ({
|
|
2158
2214
|
width: '1px',
|
|
2159
2215
|
height: 10,
|
|
2160
2216
|
borderRadius: '1px',
|
|
2161
|
-
backgroundColor:
|
|
2217
|
+
backgroundColor: theme.palette.common.white,
|
|
2162
2218
|
}));
|
|
2163
2219
|
const AnchorLink = styled('a')(() => ({
|
|
2164
2220
|
color: 'inherit',
|
|
@@ -8,7 +8,7 @@ export declare const SectionContainer: import("@emotion/styled").StyledComponent
|
|
|
8
8
|
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
9
9
|
export declare const SectionTitle: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
|
|
10
10
|
ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
|
|
11
|
-
}, "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "lineHeight" | "letterSpacing" | "border" | "children" | "p" | "style" | "className" | "classes" | "sx" | "boxShadow" | "
|
|
11
|
+
}, "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "lineHeight" | "letterSpacing" | "border" | "children" | "zIndex" | "typography" | "borderRadius" | "p" | "style" | "className" | "classes" | "sx" | "boxShadow" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "borderBottom" | "borderColor" | "borderLeft" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint" | "variant" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
12
12
|
export declare const BenefitsList: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
13
13
|
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
14
14
|
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
@@ -23,7 +23,7 @@ export declare const BenefitContent: import("@emotion/styled").StyledComponent<i
|
|
|
23
23
|
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
24
24
|
export declare const BenefitTitle: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
|
|
25
25
|
ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
|
|
26
|
-
}, "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "lineHeight" | "letterSpacing" | "border" | "children" | "p" | "style" | "className" | "classes" | "sx" | "boxShadow" | "
|
|
26
|
+
}, "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "lineHeight" | "letterSpacing" | "border" | "children" | "zIndex" | "typography" | "borderRadius" | "p" | "style" | "className" | "classes" | "sx" | "boxShadow" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "borderBottom" | "borderColor" | "borderLeft" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint" | "variant" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
27
27
|
export declare const BenefitDescription: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
|
|
28
28
|
ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
|
|
29
|
-
}, "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "lineHeight" | "letterSpacing" | "border" | "children" | "p" | "style" | "className" | "classes" | "sx" | "boxShadow" | "
|
|
29
|
+
}, "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "lineHeight" | "letterSpacing" | "border" | "children" | "zIndex" | "typography" | "borderRadius" | "p" | "style" | "className" | "classes" | "sx" | "boxShadow" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "borderBottom" | "borderColor" | "borderLeft" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint" | "variant" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
@@ -10,4 +10,4 @@ export declare const ToggleButton: import("@emotion/styled").StyledComponent<imp
|
|
|
10
10
|
}, {}, {}>;
|
|
11
11
|
export declare const ToggleText: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
|
|
12
12
|
ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
|
|
13
|
-
}, "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "lineHeight" | "letterSpacing" | "border" | "children" | "p" | "style" | "className" | "classes" | "sx" | "boxShadow" | "
|
|
13
|
+
}, "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "lineHeight" | "letterSpacing" | "border" | "children" | "zIndex" | "typography" | "borderRadius" | "p" | "style" | "className" | "classes" | "sx" | "boxShadow" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "borderBottom" | "borderColor" | "borderLeft" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint" | "variant" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;
|
|
@@ -9,7 +9,7 @@ export declare const SectionHeader: import("@emotion/styled").StyledComponent<im
|
|
|
9
9
|
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
10
10
|
export declare const SectionTitle: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
|
|
11
11
|
ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
|
|
12
|
-
}, "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "lineHeight" | "letterSpacing" | "border" | "children" | "p" | "style" | "className" | "classes" | "sx" | "boxShadow" | "
|
|
12
|
+
}, "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "lineHeight" | "letterSpacing" | "border" | "children" | "zIndex" | "typography" | "borderRadius" | "p" | "style" | "className" | "classes" | "sx" | "boxShadow" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "borderBottom" | "borderColor" | "borderLeft" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint" | "variant" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
13
13
|
export declare const SectionDescription: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
|
|
14
14
|
ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
|
|
15
|
-
}, "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "lineHeight" | "letterSpacing" | "border" | "children" | "p" | "style" | "className" | "classes" | "sx" | "boxShadow" | "
|
|
15
|
+
}, "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "lineHeight" | "letterSpacing" | "border" | "children" | "zIndex" | "typography" | "borderRadius" | "p" | "style" | "className" | "classes" | "sx" | "boxShadow" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "borderBottom" | "borderColor" | "borderLeft" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint" | "variant" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
@@ -13,4 +13,4 @@ export declare const ProgressFill: import("@emotion/styled").StyledComponent<imp
|
|
|
13
13
|
}, {}, {}>;
|
|
14
14
|
export declare const ProgressText: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
|
|
15
15
|
ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
|
|
16
|
-
}, "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "lineHeight" | "letterSpacing" | "border" | "children" | "p" | "style" | "className" | "classes" | "sx" | "boxShadow" | "
|
|
16
|
+
}, "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "lineHeight" | "letterSpacing" | "border" | "children" | "zIndex" | "typography" | "borderRadius" | "p" | "style" | "className" | "classes" | "sx" | "boxShadow" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "borderBottom" | "borderColor" | "borderLeft" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint" | "variant" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
@@ -25,7 +25,7 @@ export declare const CheckboxContainer: import("@emotion/styled").StyledComponen
|
|
|
25
25
|
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
26
26
|
export declare const CheckboxLabel: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
|
|
27
27
|
ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
|
|
28
|
-
}, "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "lineHeight" | "letterSpacing" | "border" | "children" | "p" | "style" | "className" | "classes" | "sx" | "boxShadow" | "
|
|
28
|
+
}, "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "lineHeight" | "letterSpacing" | "border" | "children" | "zIndex" | "typography" | "borderRadius" | "p" | "style" | "className" | "classes" | "sx" | "boxShadow" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "borderBottom" | "borderColor" | "borderLeft" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint" | "variant" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
29
29
|
export declare const SectionTitle: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
|
|
30
30
|
ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
|
|
31
|
-
}, "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "lineHeight" | "letterSpacing" | "border" | "children" | "p" | "style" | "className" | "classes" | "sx" | "boxShadow" | "
|
|
31
|
+
}, "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "lineHeight" | "letterSpacing" | "border" | "children" | "zIndex" | "typography" | "borderRadius" | "p" | "style" | "className" | "classes" | "sx" | "boxShadow" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "borderBottom" | "borderColor" | "borderLeft" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint" | "variant" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
@@ -8,13 +8,13 @@ export declare const InputSection: import("@emotion/styled").StyledComponent<imp
|
|
|
8
8
|
}, keyof import("@mui/system").BoxOwnProps<Theme>> & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;
|
|
9
9
|
export declare const InputLabel: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
|
|
10
10
|
ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
|
|
11
|
-
}, "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "lineHeight" | "letterSpacing" | "border" | "children" | "p" | "style" | "className" | "classes" | "sx" | "boxShadow" | "
|
|
11
|
+
}, "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "lineHeight" | "letterSpacing" | "border" | "children" | "zIndex" | "typography" | "borderRadius" | "p" | "style" | "className" | "classes" | "sx" | "boxShadow" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "borderBottom" | "borderColor" | "borderLeft" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint" | "variant" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;
|
|
12
12
|
export declare const InputContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
13
13
|
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
14
14
|
}, keyof import("@mui/system").BoxOwnProps<Theme>> & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;
|
|
15
15
|
export declare const InputValue: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
|
|
16
16
|
ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
|
|
17
|
-
}, "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "lineHeight" | "letterSpacing" | "border" | "children" | "p" | "style" | "className" | "classes" | "sx" | "boxShadow" | "
|
|
17
|
+
}, "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "lineHeight" | "letterSpacing" | "border" | "children" | "zIndex" | "typography" | "borderRadius" | "p" | "style" | "className" | "classes" | "sx" | "boxShadow" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "borderBottom" | "borderColor" | "borderLeft" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint" | "variant" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;
|
|
18
18
|
export declare const SliderTrack: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
19
19
|
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
20
20
|
}, keyof import("@mui/system").BoxOwnProps<Theme>> & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;
|
|
@@ -39,10 +39,10 @@ export declare const RangeLabels: import("@emotion/styled").StyledComponent<impo
|
|
|
39
39
|
}, keyof import("@mui/system").BoxOwnProps<Theme>> & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;
|
|
40
40
|
export declare const RangeLabel: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
|
|
41
41
|
ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
|
|
42
|
-
}, "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "lineHeight" | "letterSpacing" | "border" | "children" | "p" | "style" | "className" | "classes" | "sx" | "boxShadow" | "
|
|
42
|
+
}, "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "lineHeight" | "letterSpacing" | "border" | "children" | "zIndex" | "typography" | "borderRadius" | "p" | "style" | "className" | "classes" | "sx" | "boxShadow" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "borderBottom" | "borderColor" | "borderLeft" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint" | "variant" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;
|
|
43
43
|
export declare const StyledMuiSlider: import("@emotion/styled").StyledComponent<import("@mui/material").SliderOwnProps<number | number[]> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
|
|
44
44
|
ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
|
|
45
|
-
}, "value" | "style" | "track" | "className" | "classes" | "
|
|
45
|
+
}, "components" | "disabled" | "value" | "style" | "track" | "className" | "classes" | "sx" | "tabIndex" | "color" | "scale" | "size" | "name" | "defaultValue" | "aria-label" | "aria-labelledby" | "aria-valuetext" | "onChange" | "max" | "min" | "orientation" | "step" | "slots" | "slotProps" | "componentsProps" | "disableSwap" | "getAriaLabel" | "getAriaValueText" | "marks" | "onChangeCommitted" | "shiftStep" | "valueLabelDisplay" | "valueLabelFormat"> & import("@mui/system").MUIStyledCommonProps<Theme> & {
|
|
46
46
|
sliderActiveColor?: string | undefined;
|
|
47
47
|
sliderInactiveColor?: string | undefined;
|
|
48
48
|
}, {}, {}>;
|