@sinco/react 1.0.10-rc.9 → 1.0.11-rc.0
Sign up to get free protection for your applications and to get access to all the features.
- package/README.md +57 -0
- package/index.js +1982 -476
- package/package.json +1 -1
- package/src/Index.d.ts +4 -0
- package/src/lib/Components/Drawer.d.ts +7 -7
- package/src/lib/Components/EmptyState.d.ts +5 -5
- package/src/lib/Components/Index.d.ts +4 -0
- package/src/lib/Components/PageHeader.d.ts +19 -0
- package/src/lib/Components/ToastNofitication.d.ts +19 -0
- package/src/lib/Hooks/Index.d.ts +1 -0
- package/src/lib/Hooks/UseDynamicColor.d.ts +3 -0
- package/src/lib/Theme/breakpoints.d.ts +1 -2
- package/src/lib/Theme/components.d.ts +11 -2
- package/src/lib/Theme/mixins.d.ts +1 -2
- package/src/lib/Theme/palette.d.ts +1 -2
- package/src/lib/Theme/shadows.d.ts +1 -2
- package/src/lib/Theme/typography.d.ts +15 -2
- package/src/lib/Utils/{dynamicColor.d.ts → DynamicColor.d.ts} +2 -2
- package/src/lib/Utils/Index.d.ts +1 -0
- package/src/index.d.ts +0 -4
- package/src/lib/Components/index.d.ts +0 -2
- package/src/lib/Hooks/index.d.ts +0 -1
- package/src/lib/Hooks/useDynamicColor.d.ts +0 -3
- package/src/lib/Utils/index.d.ts +0 -1
- /package/src/lib/Theme/{index.d.ts → Index.d.ts} +0 -0
package/index.js
CHANGED
@@ -5458,10 +5458,10 @@ if (!isBrowser$2) {
|
|
5458
5458
|
};
|
5459
5459
|
}
|
5460
5460
|
|
5461
|
-
var ThemeContext = /* #__PURE__ */React.createContext({});
|
5461
|
+
var ThemeContext$2 = /* #__PURE__ */React.createContext({});
|
5462
5462
|
|
5463
5463
|
if (process.env.NODE_ENV !== 'production') {
|
5464
|
-
ThemeContext.displayName = 'EmotionThemeContext';
|
5464
|
+
ThemeContext$2.displayName = 'EmotionThemeContext';
|
5465
5465
|
}
|
5466
5466
|
|
5467
5467
|
var typePropName = '__EMOTION_TYPE_PLEASE_DO_NOT_USE__';
|
@@ -5514,7 +5514,7 @@ var Emotion = /* #__PURE__ */withEmotionCache(function (props, cache, ref) {
|
|
5514
5514
|
className = props.className + " ";
|
5515
5515
|
}
|
5516
5516
|
|
5517
|
-
var serialized = serializeStyles(registeredStyles, undefined, React.useContext(ThemeContext));
|
5517
|
+
var serialized = serializeStyles(registeredStyles, undefined, React.useContext(ThemeContext$2));
|
5518
5518
|
|
5519
5519
|
if (process.env.NODE_ENV !== 'production' && serialized.name.indexOf('-') === -1) {
|
5520
5520
|
var labelFromStack = props[labelPropName];
|
@@ -5693,7 +5693,7 @@ var Global = /* #__PURE__ */withEmotionCache(function (props, cache) {
|
|
5693
5693
|
}
|
5694
5694
|
|
5695
5695
|
var styles = props.styles;
|
5696
|
-
var serialized = serializeStyles([styles], undefined, React.useContext(ThemeContext));
|
5696
|
+
var serialized = serializeStyles([styles], undefined, React.useContext(ThemeContext$2));
|
5697
5697
|
|
5698
5698
|
if (!isBrowser$2) {
|
5699
5699
|
var _ref;
|
@@ -5939,7 +5939,7 @@ var ClassNames = /* #__PURE__ */withEmotionCache(function (props, cache) {
|
|
5939
5939
|
var content = {
|
5940
5940
|
css: css,
|
5941
5941
|
cx: cx,
|
5942
|
-
theme: React.useContext(ThemeContext)
|
5942
|
+
theme: React.useContext(ThemeContext$2)
|
5943
5943
|
};
|
5944
5944
|
var ele = props.children(content);
|
5945
5945
|
hasRendered = true;
|
@@ -6095,7 +6095,7 @@ var createStyled$1 = function createStyled(tag, options) {
|
|
6095
6095
|
mergedProps[key] = props[key];
|
6096
6096
|
}
|
6097
6097
|
|
6098
|
-
mergedProps.theme = React.useContext(ThemeContext);
|
6098
|
+
mergedProps.theme = React.useContext(ThemeContext$2);
|
6099
6099
|
}
|
6100
6100
|
|
6101
6101
|
if (typeof props.className === 'string') {
|
@@ -6199,7 +6199,7 @@ const internal_processStyles = (tag, processor) => {
|
|
6199
6199
|
}
|
6200
6200
|
};
|
6201
6201
|
|
6202
|
-
const _excluded$
|
6202
|
+
const _excluded$t = ["values", "unit", "step"];
|
6203
6203
|
const sortBreakpointsValues = values => {
|
6204
6204
|
const breakpointsAsArray = Object.keys(values).map(key => ({
|
6205
6205
|
key,
|
@@ -6234,7 +6234,7 @@ function createBreakpoints(breakpoints) {
|
|
6234
6234
|
unit = 'px',
|
6235
6235
|
step = 5
|
6236
6236
|
} = breakpoints,
|
6237
|
-
other = _objectWithoutPropertiesLoose(breakpoints, _excluded$
|
6237
|
+
other = _objectWithoutPropertiesLoose(breakpoints, _excluded$t);
|
6238
6238
|
const sortedValues = sortBreakpointsValues(values);
|
6239
6239
|
const keys = Object.keys(sortedValues);
|
6240
6240
|
function up(key) {
|
@@ -7318,7 +7318,7 @@ const styleFunctionSx = unstable_createStyleFunctionSx();
|
|
7318
7318
|
styleFunctionSx.filterProps = ['sx'];
|
7319
7319
|
var styleFunctionSx$1 = styleFunctionSx;
|
7320
7320
|
|
7321
|
-
const _excluded$
|
7321
|
+
const _excluded$s = ["breakpoints", "palette", "spacing", "shape"];
|
7322
7322
|
function createTheme$1(options = {}, ...args) {
|
7323
7323
|
const {
|
7324
7324
|
breakpoints: breakpointsInput = {},
|
@@ -7326,7 +7326,7 @@ function createTheme$1(options = {}, ...args) {
|
|
7326
7326
|
spacing: spacingInput,
|
7327
7327
|
shape: shapeInput = {}
|
7328
7328
|
} = options,
|
7329
|
-
other = _objectWithoutPropertiesLoose(options, _excluded$
|
7329
|
+
other = _objectWithoutPropertiesLoose(options, _excluded$s);
|
7330
7330
|
const breakpoints = createBreakpoints(breakpointsInput);
|
7331
7331
|
const spacing = createSpacing(spacingInput);
|
7332
7332
|
let muiTheme = deepmerge({
|
@@ -7354,17 +7354,17 @@ function createTheme$1(options = {}, ...args) {
|
|
7354
7354
|
function isObjectEmpty(obj) {
|
7355
7355
|
return Object.keys(obj).length === 0;
|
7356
7356
|
}
|
7357
|
-
function useTheme$
|
7358
|
-
const contextTheme = React.useContext(ThemeContext);
|
7357
|
+
function useTheme$3(defaultTheme = null) {
|
7358
|
+
const contextTheme = React.useContext(ThemeContext$2);
|
7359
7359
|
return !contextTheme || isObjectEmpty(contextTheme) ? defaultTheme : contextTheme;
|
7360
7360
|
}
|
7361
7361
|
|
7362
7362
|
const systemDefaultTheme$1 = createTheme$1();
|
7363
|
-
function useTheme$
|
7364
|
-
return useTheme$
|
7363
|
+
function useTheme$2(defaultTheme = systemDefaultTheme$1) {
|
7364
|
+
return useTheme$3(defaultTheme);
|
7365
7365
|
}
|
7366
7366
|
|
7367
|
-
const _excluded$
|
7367
|
+
const _excluded$r = ["sx"];
|
7368
7368
|
const splitProps = props => {
|
7369
7369
|
var _props$theme$unstable, _props$theme;
|
7370
7370
|
const result = {
|
@@ -7385,7 +7385,7 @@ function extendSxProp(props) {
|
|
7385
7385
|
const {
|
7386
7386
|
sx: inSx
|
7387
7387
|
} = props,
|
7388
|
-
other = _objectWithoutPropertiesLoose(props, _excluded$
|
7388
|
+
other = _objectWithoutPropertiesLoose(props, _excluded$r);
|
7389
7389
|
const {
|
7390
7390
|
systemProps,
|
7391
7391
|
otherProps
|
@@ -7411,7 +7411,7 @@ function extendSxProp(props) {
|
|
7411
7411
|
|
7412
7412
|
function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function clsx(){for(var e,t,f=0,n="";f<arguments.length;)(e=arguments[f++])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
|
7413
7413
|
|
7414
|
-
const _excluded$
|
7414
|
+
const _excluded$q = ["className", "component"];
|
7415
7415
|
function createBox(options = {}) {
|
7416
7416
|
const {
|
7417
7417
|
themeId,
|
@@ -7423,13 +7423,13 @@ function createBox(options = {}) {
|
|
7423
7423
|
shouldForwardProp: prop => prop !== 'theme' && prop !== 'sx' && prop !== 'as'
|
7424
7424
|
})(styleFunctionSx$1);
|
7425
7425
|
const Box = /*#__PURE__*/React.forwardRef(function Box(inProps, ref) {
|
7426
|
-
const theme = useTheme$
|
7426
|
+
const theme = useTheme$2(defaultTheme);
|
7427
7427
|
const _extendSxProp = extendSxProp(inProps),
|
7428
7428
|
{
|
7429
7429
|
className,
|
7430
7430
|
component = 'div'
|
7431
7431
|
} = _extendSxProp,
|
7432
|
-
other = _objectWithoutPropertiesLoose(_extendSxProp, _excluded$
|
7432
|
+
other = _objectWithoutPropertiesLoose(_extendSxProp, _excluded$q);
|
7433
7433
|
return /*#__PURE__*/jsx(BoxRoot, _extends({
|
7434
7434
|
as: component,
|
7435
7435
|
ref: ref,
|
@@ -7440,7 +7440,7 @@ function createBox(options = {}) {
|
|
7440
7440
|
return Box;
|
7441
7441
|
}
|
7442
7442
|
|
7443
|
-
const _excluded$
|
7443
|
+
const _excluded$p = ["variant"];
|
7444
7444
|
function isEmpty$1(string) {
|
7445
7445
|
return string.length === 0;
|
7446
7446
|
}
|
@@ -7454,7 +7454,7 @@ function propsToClassKey(props) {
|
|
7454
7454
|
const {
|
7455
7455
|
variant
|
7456
7456
|
} = props,
|
7457
|
-
other = _objectWithoutPropertiesLoose(props, _excluded$
|
7457
|
+
other = _objectWithoutPropertiesLoose(props, _excluded$p);
|
7458
7458
|
let classKey = variant || '';
|
7459
7459
|
Object.keys(other).sort().forEach(key => {
|
7460
7460
|
if (key === 'color') {
|
@@ -7466,7 +7466,7 @@ function propsToClassKey(props) {
|
|
7466
7466
|
return classKey;
|
7467
7467
|
}
|
7468
7468
|
|
7469
|
-
const _excluded$
|
7469
|
+
const _excluded$o = ["name", "slot", "skipVariantsResolver", "skipSx", "overridesResolver"];
|
7470
7470
|
function isEmpty(obj) {
|
7471
7471
|
return Object.keys(obj).length === 0;
|
7472
7472
|
}
|
@@ -7561,7 +7561,7 @@ function createStyled(input = {}) {
|
|
7561
7561
|
skipSx: inputSkipSx,
|
7562
7562
|
overridesResolver
|
7563
7563
|
} = inputOptions,
|
7564
|
-
options = _objectWithoutPropertiesLoose(inputOptions, _excluded$
|
7564
|
+
options = _objectWithoutPropertiesLoose(inputOptions, _excluded$o);
|
7565
7565
|
|
7566
7566
|
// if skipVariantsResolver option is defined, take the value, otherwise, true for root and false for other slots.
|
7567
7567
|
const skipVariantsResolver = inputSkipVariantsResolver !== undefined ? inputSkipVariantsResolver : componentSlot && componentSlot !== 'Root' || false;
|
@@ -7695,7 +7695,7 @@ function useThemeProps$1({
|
|
7695
7695
|
defaultTheme,
|
7696
7696
|
themeId
|
7697
7697
|
}) {
|
7698
|
-
let theme = useTheme$
|
7698
|
+
let theme = useTheme$2(defaultTheme);
|
7699
7699
|
if (themeId) {
|
7700
7700
|
theme = theme[themeId] || theme;
|
7701
7701
|
}
|
@@ -7941,7 +7941,157 @@ function lighten(color, coefficient) {
|
|
7941
7941
|
return recomposeColor(color);
|
7942
7942
|
}
|
7943
7943
|
|
7944
|
-
const
|
7944
|
+
const ThemeContext = /*#__PURE__*/React.createContext(null);
|
7945
|
+
if (process.env.NODE_ENV !== 'production') {
|
7946
|
+
ThemeContext.displayName = 'ThemeContext';
|
7947
|
+
}
|
7948
|
+
var ThemeContext$1 = ThemeContext;
|
7949
|
+
|
7950
|
+
function useTheme$1() {
|
7951
|
+
const theme = React.useContext(ThemeContext$1);
|
7952
|
+
if (process.env.NODE_ENV !== 'production') {
|
7953
|
+
// eslint-disable-next-line react-hooks/rules-of-hooks
|
7954
|
+
React.useDebugValue(theme);
|
7955
|
+
}
|
7956
|
+
return theme;
|
7957
|
+
}
|
7958
|
+
|
7959
|
+
const hasSymbol = typeof Symbol === 'function' && Symbol.for;
|
7960
|
+
var nested = hasSymbol ? Symbol.for('mui.nested') : '__THEME_NESTED__';
|
7961
|
+
|
7962
|
+
function mergeOuterLocalTheme(outerTheme, localTheme) {
|
7963
|
+
if (typeof localTheme === 'function') {
|
7964
|
+
const mergedTheme = localTheme(outerTheme);
|
7965
|
+
if (process.env.NODE_ENV !== 'production') {
|
7966
|
+
if (!mergedTheme) {
|
7967
|
+
console.error(['MUI: You should return an object from your theme function, i.e.', '<ThemeProvider theme={() => ({})} />'].join('\n'));
|
7968
|
+
}
|
7969
|
+
}
|
7970
|
+
return mergedTheme;
|
7971
|
+
}
|
7972
|
+
return {
|
7973
|
+
...outerTheme,
|
7974
|
+
...localTheme
|
7975
|
+
};
|
7976
|
+
}
|
7977
|
+
|
7978
|
+
/**
|
7979
|
+
* This component takes a `theme` prop.
|
7980
|
+
* It makes the `theme` available down the React tree thanks to React context.
|
7981
|
+
* This component should preferably be used at **the root of your component tree**.
|
7982
|
+
*/
|
7983
|
+
function ThemeProvider$2(props) {
|
7984
|
+
const {
|
7985
|
+
children,
|
7986
|
+
theme: localTheme
|
7987
|
+
} = props;
|
7988
|
+
const outerTheme = useTheme$1();
|
7989
|
+
if (process.env.NODE_ENV !== 'production') {
|
7990
|
+
if (outerTheme === null && typeof localTheme === 'function') {
|
7991
|
+
console.error(['MUI: You are providing a theme function prop to the ThemeProvider component:', '<ThemeProvider theme={outerTheme => outerTheme} />', '', 'However, no outer theme is present.', 'Make sure a theme is already injected higher in the React tree ' + 'or provide a theme object.'].join('\n'));
|
7992
|
+
}
|
7993
|
+
}
|
7994
|
+
const theme = React.useMemo(() => {
|
7995
|
+
const output = outerTheme === null ? localTheme : mergeOuterLocalTheme(outerTheme, localTheme);
|
7996
|
+
if (output != null) {
|
7997
|
+
output[nested] = outerTheme !== null;
|
7998
|
+
}
|
7999
|
+
return output;
|
8000
|
+
}, [localTheme, outerTheme]);
|
8001
|
+
return /*#__PURE__*/jsx(ThemeContext$1.Provider, {
|
8002
|
+
value: theme,
|
8003
|
+
children: children
|
8004
|
+
});
|
8005
|
+
}
|
8006
|
+
process.env.NODE_ENV !== "production" ? ThemeProvider$2.propTypes = {
|
8007
|
+
/**
|
8008
|
+
* Your component tree.
|
8009
|
+
*/
|
8010
|
+
children: PropTypes.node,
|
8011
|
+
/**
|
8012
|
+
* A theme object. You can provide a function to extend the outer theme.
|
8013
|
+
*/
|
8014
|
+
theme: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).isRequired
|
8015
|
+
} : void 0;
|
8016
|
+
if (process.env.NODE_ENV !== 'production') {
|
8017
|
+
process.env.NODE_ENV !== "production" ? ThemeProvider$2.propTypes = exactProp(ThemeProvider$2.propTypes) : void 0;
|
8018
|
+
}
|
8019
|
+
|
8020
|
+
const EMPTY_THEME = {};
|
8021
|
+
function useThemeScoping(themeId, upperTheme, localTheme, isPrivate = false) {
|
8022
|
+
return React.useMemo(() => {
|
8023
|
+
const resolvedTheme = themeId ? upperTheme[themeId] || upperTheme : upperTheme;
|
8024
|
+
if (typeof localTheme === 'function') {
|
8025
|
+
const mergedTheme = localTheme(resolvedTheme);
|
8026
|
+
const result = themeId ? _extends({}, upperTheme, {
|
8027
|
+
[themeId]: mergedTheme
|
8028
|
+
}) : mergedTheme;
|
8029
|
+
// must return a function for the private theme to NOT merge with the upper theme.
|
8030
|
+
// see the test case "use provided theme from a callback" in ThemeProvider.test.js
|
8031
|
+
if (isPrivate) {
|
8032
|
+
return () => result;
|
8033
|
+
}
|
8034
|
+
return result;
|
8035
|
+
}
|
8036
|
+
return themeId ? _extends({}, upperTheme, {
|
8037
|
+
[themeId]: localTheme
|
8038
|
+
}) : _extends({}, upperTheme, localTheme);
|
8039
|
+
}, [themeId, upperTheme, localTheme, isPrivate]);
|
8040
|
+
}
|
8041
|
+
|
8042
|
+
/**
|
8043
|
+
* This component makes the `theme` available down the React tree.
|
8044
|
+
* It should preferably be used at **the root of your component tree**.
|
8045
|
+
*
|
8046
|
+
* <ThemeProvider theme={theme}> // existing use case
|
8047
|
+
* <ThemeProvider theme={{ id: theme }}> // theme scoping
|
8048
|
+
*/
|
8049
|
+
function ThemeProvider$1(props) {
|
8050
|
+
const {
|
8051
|
+
children,
|
8052
|
+
theme: localTheme,
|
8053
|
+
themeId
|
8054
|
+
} = props;
|
8055
|
+
const upperTheme = useTheme$3(EMPTY_THEME);
|
8056
|
+
const upperPrivateTheme = useTheme$1() || EMPTY_THEME;
|
8057
|
+
if (process.env.NODE_ENV !== 'production') {
|
8058
|
+
if (upperTheme === null && typeof localTheme === 'function' || themeId && upperTheme && !upperTheme[themeId] && typeof localTheme === 'function') {
|
8059
|
+
console.error(['MUI: You are providing a theme function prop to the ThemeProvider component:', '<ThemeProvider theme={outerTheme => outerTheme} />', '', 'However, no outer theme is present.', 'Make sure a theme is already injected higher in the React tree ' + 'or provide a theme object.'].join('\n'));
|
8060
|
+
}
|
8061
|
+
}
|
8062
|
+
const engineTheme = useThemeScoping(themeId, upperTheme, localTheme);
|
8063
|
+
const privateTheme = useThemeScoping(themeId, upperPrivateTheme, localTheme, true);
|
8064
|
+
return /*#__PURE__*/jsx(ThemeProvider$2, {
|
8065
|
+
theme: privateTheme,
|
8066
|
+
children: /*#__PURE__*/jsx(ThemeContext$2.Provider, {
|
8067
|
+
value: engineTheme,
|
8068
|
+
children: children
|
8069
|
+
})
|
8070
|
+
});
|
8071
|
+
}
|
8072
|
+
process.env.NODE_ENV !== "production" ? ThemeProvider$1.propTypes /* remove-proptypes */ = {
|
8073
|
+
// ----------------------------- Warning --------------------------------
|
8074
|
+
// | These PropTypes are generated from the TypeScript type definitions |
|
8075
|
+
// | To update them edit the d.ts file and run "yarn proptypes" |
|
8076
|
+
// ----------------------------------------------------------------------
|
8077
|
+
/**
|
8078
|
+
* Your component tree.
|
8079
|
+
*/
|
8080
|
+
children: PropTypes.node,
|
8081
|
+
/**
|
8082
|
+
* A theme object. You can provide a function to extend the outer theme.
|
8083
|
+
*/
|
8084
|
+
theme: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).isRequired,
|
8085
|
+
/**
|
8086
|
+
* The design system's unique id for getting the corresponded theme when there are multiple design systems.
|
8087
|
+
*/
|
8088
|
+
themeId: PropTypes.string
|
8089
|
+
} : void 0;
|
8090
|
+
if (process.env.NODE_ENV !== 'production') {
|
8091
|
+
process.env.NODE_ENV !== "production" ? ThemeProvider$1.propTypes = exactProp(ThemeProvider$1.propTypes) : void 0;
|
8092
|
+
}
|
8093
|
+
|
8094
|
+
const _excluded$n = ["component", "direction", "spacing", "divider", "children", "className", "useFlexGap"];
|
7945
8095
|
const defaultTheme$3 = createTheme$1();
|
7946
8096
|
// widening Theme to any so that the consumer can own the theme structure.
|
7947
8097
|
const defaultCreateStyledComponent = systemStyled('div', {
|
@@ -8070,7 +8220,7 @@ function createStack(options = {}) {
|
|
8070
8220
|
className,
|
8071
8221
|
useFlexGap = false
|
8072
8222
|
} = props,
|
8073
|
-
other = _objectWithoutPropertiesLoose(props, _excluded$
|
8223
|
+
other = _objectWithoutPropertiesLoose(props, _excluded$n);
|
8074
8224
|
const ownerState = {
|
8075
8225
|
direction,
|
8076
8226
|
spacing,
|
@@ -8244,7 +8394,7 @@ const green = {
|
|
8244
8394
|
};
|
8245
8395
|
var green$1 = green;
|
8246
8396
|
|
8247
|
-
const _excluded$
|
8397
|
+
const _excluded$m = ["mode", "contrastThreshold", "tonalOffset"];
|
8248
8398
|
const light = {
|
8249
8399
|
// The colors used to style the text.
|
8250
8400
|
text: {
|
@@ -8413,7 +8563,7 @@ function createPalette(palette) {
|
|
8413
8563
|
contrastThreshold = 3,
|
8414
8564
|
tonalOffset = 0.2
|
8415
8565
|
} = palette,
|
8416
|
-
other = _objectWithoutPropertiesLoose(palette, _excluded$
|
8566
|
+
other = _objectWithoutPropertiesLoose(palette, _excluded$m);
|
8417
8567
|
const primary = palette.primary || getDefaultPrimary(mode);
|
8418
8568
|
const secondary = palette.secondary || getDefaultSecondary(mode);
|
8419
8569
|
const error = palette.error || getDefaultError(mode);
|
@@ -8537,7 +8687,7 @@ const theme2 = createTheme({ palette: {
|
|
8537
8687
|
return paletteOutput;
|
8538
8688
|
}
|
8539
8689
|
|
8540
|
-
const _excluded$
|
8690
|
+
const _excluded$l = ["fontFamily", "fontSize", "fontWeightLight", "fontWeightRegular", "fontWeightMedium", "fontWeightBold", "htmlFontSize", "allVariants", "pxToRem"];
|
8541
8691
|
function round(value) {
|
8542
8692
|
return Math.round(value * 1e5) / 1e5;
|
8543
8693
|
}
|
@@ -8568,7 +8718,7 @@ function createTypography(palette, typography) {
|
|
8568
8718
|
allVariants,
|
8569
8719
|
pxToRem: pxToRem2
|
8570
8720
|
} = _ref,
|
8571
|
-
other = _objectWithoutPropertiesLoose(_ref, _excluded$
|
8721
|
+
other = _objectWithoutPropertiesLoose(_ref, _excluded$l);
|
8572
8722
|
if (process.env.NODE_ENV !== 'production') {
|
8573
8723
|
if (typeof fontSize !== 'number') {
|
8574
8724
|
console.error('MUI: `fontSize` is required to be a number.');
|
@@ -8632,10 +8782,10 @@ function createShadow(...px) {
|
|
8632
8782
|
}
|
8633
8783
|
|
8634
8784
|
// Values from https://github.com/material-components/material-components-web/blob/be8747f94574669cb5e7add1a7c54fa41a89cec7/packages/mdc-elevation/_variables.scss
|
8635
|
-
const shadows = ['none', createShadow(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), createShadow(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0), createShadow(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0), createShadow(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), createShadow(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), createShadow(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), createShadow(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), createShadow(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), createShadow(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), createShadow(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), createShadow(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), createShadow(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), createShadow(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), createShadow(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), createShadow(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), createShadow(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), createShadow(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), createShadow(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), createShadow(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), createShadow(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), createShadow(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), createShadow(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), createShadow(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), createShadow(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)];
|
8636
|
-
var shadows$
|
8785
|
+
const shadows$1 = ['none', createShadow(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), createShadow(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0), createShadow(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0), createShadow(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), createShadow(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), createShadow(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), createShadow(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), createShadow(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), createShadow(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), createShadow(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), createShadow(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), createShadow(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), createShadow(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), createShadow(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), createShadow(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), createShadow(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), createShadow(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), createShadow(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), createShadow(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), createShadow(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), createShadow(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), createShadow(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), createShadow(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), createShadow(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)];
|
8786
|
+
var shadows$2 = shadows$1;
|
8637
8787
|
|
8638
|
-
const _excluded$
|
8788
|
+
const _excluded$k = ["duration", "easing", "delay"];
|
8639
8789
|
// Follow https://material.google.com/motion/duration-easing.html#duration-easing-natural-easing-curves
|
8640
8790
|
// to learn the context in which each easing should be used.
|
8641
8791
|
const easing = {
|
@@ -8686,7 +8836,7 @@ function createTransitions(inputTransitions) {
|
|
8686
8836
|
easing: easingOption = mergedEasing.easeInOut,
|
8687
8837
|
delay = 0
|
8688
8838
|
} = options,
|
8689
|
-
other = _objectWithoutPropertiesLoose(options, _excluded$
|
8839
|
+
other = _objectWithoutPropertiesLoose(options, _excluded$k);
|
8690
8840
|
if (process.env.NODE_ENV !== 'production') {
|
8691
8841
|
const isString = value => typeof value === 'string';
|
8692
8842
|
// IE11 support, replace with Number.isNaN
|
@@ -8733,7 +8883,7 @@ const zIndex = {
|
|
8733
8883
|
};
|
8734
8884
|
var zIndex$1 = zIndex;
|
8735
8885
|
|
8736
|
-
const _excluded$
|
8886
|
+
const _excluded$j = ["breakpoints", "mixins", "spacing", "palette", "transitions", "typography", "shape"];
|
8737
8887
|
function createTheme(options = {}, ...args) {
|
8738
8888
|
const {
|
8739
8889
|
mixins: mixinsInput = {},
|
@@ -8741,7 +8891,7 @@ function createTheme(options = {}, ...args) {
|
|
8741
8891
|
transitions: transitionsInput = {},
|
8742
8892
|
typography: typographyInput = {}
|
8743
8893
|
} = options,
|
8744
|
-
other = _objectWithoutPropertiesLoose(options, _excluded$
|
8894
|
+
other = _objectWithoutPropertiesLoose(options, _excluded$j);
|
8745
8895
|
if (options.vars) {
|
8746
8896
|
throw new Error(process.env.NODE_ENV !== "production" ? `MUI: \`vars\` is a private field used for CSS variables support.
|
8747
8897
|
Please use another name.` : formatMuiErrorMessage(18));
|
@@ -8752,7 +8902,7 @@ Please use another name.` : formatMuiErrorMessage(18));
|
|
8752
8902
|
mixins: createMixins(systemTheme.breakpoints, mixinsInput),
|
8753
8903
|
palette,
|
8754
8904
|
// Don't use [...shadows] until you've verified its transpiled code is not invoking the iterator protocol.
|
8755
|
-
shadows: shadows$
|
8905
|
+
shadows: shadows$2.slice(),
|
8756
8906
|
typography: createTypography(palette, typographyInput),
|
8757
8907
|
transitions: createTransitions(transitionsInput),
|
8758
8908
|
zIndex: _extends({}, zIndex$1)
|
@@ -8803,7 +8953,7 @@ const defaultTheme$1 = createTheme();
|
|
8803
8953
|
var defaultTheme$2 = defaultTheme$1;
|
8804
8954
|
|
8805
8955
|
function useTheme() {
|
8806
|
-
const theme = useTheme$
|
8956
|
+
const theme = useTheme$2(defaultTheme$2);
|
8807
8957
|
if (process.env.NODE_ENV !== 'production') {
|
8808
8958
|
// eslint-disable-next-line react-hooks/rules-of-hooks
|
8809
8959
|
React.useDebugValue(theme);
|
@@ -8831,6 +8981,29 @@ const styled = createStyled({
|
|
8831
8981
|
});
|
8832
8982
|
var styled$1 = styled;
|
8833
8983
|
|
8984
|
+
const _excluded$i = ["theme"];
|
8985
|
+
function ThemeProvider(_ref) {
|
8986
|
+
let {
|
8987
|
+
theme: themeInput
|
8988
|
+
} = _ref,
|
8989
|
+
props = _objectWithoutPropertiesLoose(_ref, _excluded$i);
|
8990
|
+
const scopedTheme = themeInput[THEME_ID];
|
8991
|
+
return /*#__PURE__*/jsx(ThemeProvider$1, _extends({}, props, {
|
8992
|
+
themeId: scopedTheme ? THEME_ID : undefined,
|
8993
|
+
theme: scopedTheme || themeInput
|
8994
|
+
}));
|
8995
|
+
}
|
8996
|
+
process.env.NODE_ENV !== "production" ? ThemeProvider.propTypes = {
|
8997
|
+
/**
|
8998
|
+
* Your component tree.
|
8999
|
+
*/
|
9000
|
+
children: PropTypes.node,
|
9001
|
+
/**
|
9002
|
+
* A theme object. You can provide a function to extend the outer theme.
|
9003
|
+
*/
|
9004
|
+
theme: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).isRequired
|
9005
|
+
} : void 0;
|
9006
|
+
|
8834
9007
|
// Inspired by https://github.com/material-components/material-components-ios/blob/bca36107405594d5b7b16265a5b0ed698f85a5ee/components/Elevation/src/UIColor%2BMaterialElevation.m#L61
|
8835
9008
|
const getOverlayAlpha = elevation => {
|
8836
9009
|
let alphaValue;
|
@@ -9009,7 +9182,7 @@ function mergeSlotProps(parameters) {
|
|
9009
9182
|
};
|
9010
9183
|
}
|
9011
9184
|
|
9012
|
-
const _excluded$
|
9185
|
+
const _excluded$h = ["elementType", "externalSlotProps", "ownerState"];
|
9013
9186
|
/**
|
9014
9187
|
* @ignore - do not document.
|
9015
9188
|
* Builds the props to be passed into the slot of an unstyled component.
|
@@ -9025,7 +9198,7 @@ function useSlotProps(parameters) {
|
|
9025
9198
|
externalSlotProps,
|
9026
9199
|
ownerState
|
9027
9200
|
} = parameters,
|
9028
|
-
rest = _objectWithoutPropertiesLoose(parameters, _excluded$
|
9201
|
+
rest = _objectWithoutPropertiesLoose(parameters, _excluded$h);
|
9029
9202
|
const resolvedComponentsProps = resolveComponentProps(externalSlotProps, ownerState);
|
9030
9203
|
const {
|
9031
9204
|
props: mergedProps,
|
@@ -9663,8 +9836,8 @@ function getModalUtilityClass(slot) {
|
|
9663
9836
|
}
|
9664
9837
|
generateUtilityClasses('MuiModal', ['root', 'hidden', 'backdrop']);
|
9665
9838
|
|
9666
|
-
const _excluded$
|
9667
|
-
const useUtilityClasses$
|
9839
|
+
const _excluded$g = ["children", "closeAfterTransition", "container", "disableAutoFocus", "disableEnforceFocus", "disableEscapeKeyDown", "disablePortal", "disableRestoreFocus", "disableScrollLock", "hideBackdrop", "keepMounted", "manager", "onBackdropClick", "onClose", "onKeyDown", "open", "onTransitionEnter", "onTransitionExited", "slotProps", "slots"];
|
9840
|
+
const useUtilityClasses$c = ownerState => {
|
9668
9841
|
const {
|
9669
9842
|
open,
|
9670
9843
|
exited
|
@@ -9732,7 +9905,7 @@ const Modal$2 = /*#__PURE__*/React.forwardRef(function Modal(props, forwardedRef
|
|
9732
9905
|
slotProps = {},
|
9733
9906
|
slots = {}
|
9734
9907
|
} = props,
|
9735
|
-
other = _objectWithoutPropertiesLoose(props, _excluded$
|
9908
|
+
other = _objectWithoutPropertiesLoose(props, _excluded$g);
|
9736
9909
|
// TODO: `modal`` must change its type in this file to match the type of methods
|
9737
9910
|
// provided by `ModalManager`
|
9738
9911
|
const manager = managerProp;
|
@@ -9807,7 +9980,7 @@ const Modal$2 = /*#__PURE__*/React.forwardRef(function Modal(props, forwardedRef
|
|
9807
9980
|
hideBackdrop,
|
9808
9981
|
keepMounted
|
9809
9982
|
});
|
9810
|
-
const classes = useUtilityClasses$
|
9983
|
+
const classes = useUtilityClasses$c(ownerState);
|
9811
9984
|
const handleEnter = () => {
|
9812
9985
|
setExited(false);
|
9813
9986
|
if (onTransitionEnter) {
|
@@ -10027,8 +10200,8 @@ function getSvgIconUtilityClass(slot) {
|
|
10027
10200
|
}
|
10028
10201
|
generateUtilityClasses('MuiSvgIcon', ['root', 'colorPrimary', 'colorSecondary', 'colorAction', 'colorError', 'colorDisabled', 'fontSizeInherit', 'fontSizeSmall', 'fontSizeMedium', 'fontSizeLarge']);
|
10029
10202
|
|
10030
|
-
const _excluded$
|
10031
|
-
const useUtilityClasses$
|
10203
|
+
const _excluded$f = ["children", "className", "color", "component", "fontSize", "htmlColor", "inheritViewBox", "titleAccess", "viewBox"];
|
10204
|
+
const useUtilityClasses$b = ownerState => {
|
10032
10205
|
const {
|
10033
10206
|
color,
|
10034
10207
|
fontSize,
|
@@ -10093,7 +10266,7 @@ const SvgIcon = /*#__PURE__*/React.forwardRef(function SvgIcon(inProps, ref) {
|
|
10093
10266
|
titleAccess,
|
10094
10267
|
viewBox = '0 0 24 24'
|
10095
10268
|
} = props,
|
10096
|
-
other = _objectWithoutPropertiesLoose(props, _excluded$
|
10269
|
+
other = _objectWithoutPropertiesLoose(props, _excluded$f);
|
10097
10270
|
const ownerState = _extends({}, props, {
|
10098
10271
|
color,
|
10099
10272
|
component,
|
@@ -10106,7 +10279,7 @@ const SvgIcon = /*#__PURE__*/React.forwardRef(function SvgIcon(inProps, ref) {
|
|
10106
10279
|
if (!inheritViewBox) {
|
10107
10280
|
more.viewBox = viewBox;
|
10108
10281
|
}
|
10109
|
-
const classes = useUtilityClasses$
|
10282
|
+
const classes = useUtilityClasses$b(ownerState);
|
10110
10283
|
return /*#__PURE__*/jsxs(SvgIconRoot, _extends({
|
10111
10284
|
as: component,
|
10112
10285
|
className: clsx(classes.root, className),
|
@@ -10248,10 +10421,22 @@ var utils = /*#__PURE__*/Object.freeze({
|
|
10248
10421
|
useIsFocusVisible: useIsFocusVisible
|
10249
10422
|
});
|
10250
10423
|
|
10424
|
+
var ArrowDownward = createSvgIcon$1( /*#__PURE__*/jsx("path", {
|
10425
|
+
d: "m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
|
10426
|
+
}), 'ArrowDownward');
|
10427
|
+
|
10428
|
+
var ArrowUpward = createSvgIcon$1( /*#__PURE__*/jsx("path", {
|
10429
|
+
d: "m4 12 1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"
|
10430
|
+
}), 'ArrowUpward');
|
10431
|
+
|
10251
10432
|
var CheckCircleRounded = createSvgIcon$1( /*#__PURE__*/jsx("path", {
|
10252
10433
|
d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zM9.29 16.29 5.7 12.7a.9959.9959 0 0 1 0-1.41c.39-.39 1.02-.39 1.41 0L10 14.17l6.88-6.88c.39-.39 1.02-.39 1.41 0 .39.39.39 1.02 0 1.41l-7.59 7.59c-.38.39-1.02.39-1.41 0z"
|
10253
10434
|
}), 'CheckCircleRounded');
|
10254
10435
|
|
10436
|
+
var Close$1 = createSvgIcon$1( /*#__PURE__*/jsx("path", {
|
10437
|
+
d: "M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
|
10438
|
+
}), 'Close');
|
10439
|
+
|
10255
10440
|
var ErrorRounded = createSvgIcon$1( /*#__PURE__*/jsx("path", {
|
10256
10441
|
d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 11c-.55 0-1-.45-1-1V8c0-.55.45-1 1-1s1 .45 1 1v4c0 .55-.45 1-1 1zm1 4h-2v-2h2v2z"
|
10257
10442
|
}), 'ErrorRounded');
|
@@ -10399,13 +10584,64 @@ const components = {
|
|
10399
10584
|
}
|
10400
10585
|
}
|
10401
10586
|
},
|
10402
|
-
|
10587
|
+
MuiCheckbox: {
|
10588
|
+
variants: [{
|
10589
|
+
props: {
|
10590
|
+
size: "xsmall"
|
10591
|
+
},
|
10592
|
+
style: {
|
10593
|
+
padding: 2
|
10594
|
+
}
|
10595
|
+
}, {
|
10596
|
+
props: {
|
10597
|
+
size: "small"
|
10598
|
+
},
|
10599
|
+
style: {
|
10600
|
+
padding: 4
|
10601
|
+
}
|
10602
|
+
}, {
|
10603
|
+
props: {
|
10604
|
+
size: "medium"
|
10605
|
+
},
|
10606
|
+
style: {
|
10607
|
+
padding: 11
|
10608
|
+
}
|
10609
|
+
}],
|
10403
10610
|
defaultProps: {
|
10404
|
-
size:
|
10405
|
-
}
|
10611
|
+
size: "small"
|
10612
|
+
}
|
10613
|
+
},
|
10614
|
+
MuiChip: {
|
10615
|
+
variants: [{
|
10616
|
+
props: {
|
10617
|
+
size: "xsmall"
|
10618
|
+
},
|
10619
|
+
style: {
|
10620
|
+
height: 16
|
10621
|
+
}
|
10622
|
+
}],
|
10406
10623
|
styleOverrides: {
|
10624
|
+
sizeSmall: {
|
10625
|
+
height: 24
|
10626
|
+
},
|
10627
|
+
sizeMedium: {
|
10628
|
+
height: 30
|
10629
|
+
},
|
10407
10630
|
root: {
|
10408
|
-
|
10631
|
+
height: "inherit",
|
10632
|
+
borderRadius: 4,
|
10633
|
+
".MuiChip-deleteIconXsmall": {
|
10634
|
+
height: 12,
|
10635
|
+
width: 12
|
10636
|
+
},
|
10637
|
+
".MuiChip-deleteIconSmall": {
|
10638
|
+
height: 16,
|
10639
|
+
widht: 16
|
10640
|
+
},
|
10641
|
+
".MuiChip-deleteIconMedium": {
|
10642
|
+
height: 20,
|
10643
|
+
widht: 20
|
10644
|
+
}
|
10409
10645
|
}
|
10410
10646
|
}
|
10411
10647
|
},
|
@@ -10428,25 +10664,39 @@ const components = {
|
|
10428
10664
|
}
|
10429
10665
|
},
|
10430
10666
|
MuiButton: {
|
10431
|
-
defaultProps: {
|
10432
|
-
size: 'medium'
|
10433
|
-
},
|
10434
10667
|
styleOverrides: {
|
10435
|
-
|
10436
|
-
|
10668
|
+
endIcon: {
|
10669
|
+
marginLeft: 2
|
10670
|
+
},
|
10671
|
+
iconSizeSmall: {
|
10672
|
+
height: 14,
|
10673
|
+
width: 14
|
10674
|
+
},
|
10675
|
+
iconSizeMedium: {
|
10676
|
+
height: 18,
|
10677
|
+
width: 18
|
10678
|
+
},
|
10679
|
+
iconSizeLarge: {
|
10680
|
+
height: 18,
|
10681
|
+
width: 22
|
10437
10682
|
},
|
10438
10683
|
sizeSmall: {
|
10439
|
-
|
10684
|
+
height: 26
|
10440
10685
|
},
|
10441
10686
|
sizeMedium: {
|
10442
|
-
|
10687
|
+
height: 32,
|
10688
|
+
".MuiSvgIcon-fontSizeMedium": {
|
10689
|
+
height: 18,
|
10690
|
+
width: 18
|
10691
|
+
}
|
10443
10692
|
},
|
10444
10693
|
sizeLarge: {
|
10445
|
-
|
10446
|
-
fontSize: 14
|
10447
|
-
|
10448
|
-
|
10449
|
-
|
10694
|
+
height: 38,
|
10695
|
+
fontSize: 14,
|
10696
|
+
".MuiSvgIcon-fontSizeLarge": {
|
10697
|
+
height: 20,
|
10698
|
+
width: 20
|
10699
|
+
}
|
10450
10700
|
}
|
10451
10701
|
}
|
10452
10702
|
},
|
@@ -10455,11 +10705,6 @@ const components = {
|
|
10455
10705
|
size: "small"
|
10456
10706
|
}
|
10457
10707
|
},
|
10458
|
-
MuiCheckbox: {
|
10459
|
-
defaultProps: {
|
10460
|
-
size: "small"
|
10461
|
-
}
|
10462
|
-
},
|
10463
10708
|
MuiFab: {
|
10464
10709
|
defaultProps: {
|
10465
10710
|
size: "small"
|
@@ -10667,6 +10912,21 @@ const components = {
|
|
10667
10912
|
}
|
10668
10913
|
},
|
10669
10914
|
MuiRadio: {
|
10915
|
+
variants: [{
|
10916
|
+
props: {
|
10917
|
+
size: "small"
|
10918
|
+
},
|
10919
|
+
style: {
|
10920
|
+
padding: 2
|
10921
|
+
}
|
10922
|
+
}, {
|
10923
|
+
props: {
|
10924
|
+
size: "medium"
|
10925
|
+
},
|
10926
|
+
style: {
|
10927
|
+
padding: 9
|
10928
|
+
}
|
10929
|
+
}],
|
10670
10930
|
defaultProps: {
|
10671
10931
|
size: "small"
|
10672
10932
|
}
|
@@ -10699,83 +10959,6 @@ const components = {
|
|
10699
10959
|
}
|
10700
10960
|
};
|
10701
10961
|
|
10702
|
-
const palette = {
|
10703
|
-
primary: {
|
10704
|
-
main: "#1e62a1",
|
10705
|
-
light: "#5a8fd3",
|
10706
|
-
dark: "#003972",
|
10707
|
-
contrastText: "#ffffff"
|
10708
|
-
},
|
10709
|
-
secondary: {
|
10710
|
-
main: "#0CBBE2",
|
10711
|
-
light: "#67eeff",
|
10712
|
-
dark: "#008bb0",
|
10713
|
-
contrastText: "#ffffff"
|
10714
|
-
},
|
10715
|
-
text: {
|
10716
|
-
primary: "#101840de",
|
10717
|
-
secondary: "#10184099",
|
10718
|
-
disabled: "#10184061"
|
10719
|
-
},
|
10720
|
-
error: {
|
10721
|
-
main: "#D14343",
|
10722
|
-
light: "#d85f5f",
|
10723
|
-
dark: "#b51e1e",
|
10724
|
-
contrastText: "#ffffff"
|
10725
|
-
},
|
10726
|
-
warning: {
|
10727
|
-
main: "#fb8500",
|
10728
|
-
light: "#fc9726",
|
10729
|
-
dark: "#f85500",
|
10730
|
-
contrastText: "#ffffff"
|
10731
|
-
},
|
10732
|
-
info: {
|
10733
|
-
main: "#2d9fc5",
|
10734
|
-
light: "#4dadce",
|
10735
|
-
dark: "#1172a3",
|
10736
|
-
contrastText: "#ffffff"
|
10737
|
-
},
|
10738
|
-
success: {
|
10739
|
-
main: "#8fc93a",
|
10740
|
-
dark: "#60a918",
|
10741
|
-
light: "#a0d158",
|
10742
|
-
contrastText: "#ffffff"
|
10743
|
-
},
|
10744
|
-
grey: {
|
10745
|
-
50: "#FAFBFF",
|
10746
|
-
100: "#F4F6FA",
|
10747
|
-
200: "#EDEFF5",
|
10748
|
-
300: "#E6E8F0",
|
10749
|
-
400: "#D8DAE5",
|
10750
|
-
500: "#C1C4D6",
|
10751
|
-
600: "#8F95B2",
|
10752
|
-
700: "#696F8C",
|
10753
|
-
800: "#474D66",
|
10754
|
-
900: "#101840",
|
10755
|
-
A100: "#D8DAE5",
|
10756
|
-
A200: "#C1C4D6",
|
10757
|
-
A400: "#696F8C",
|
10758
|
-
A700: "#101840"
|
10759
|
-
},
|
10760
|
-
action: {
|
10761
|
-
active: "rgba(16, 24, 64, 0.54)",
|
10762
|
-
hover: "rgba(16, 24, 64, 0.04)",
|
10763
|
-
selected: "rgba(16, 24, 64, 0.08)",
|
10764
|
-
disabled: "rgba(16, 24, 64, 0.26)",
|
10765
|
-
disabledBackground: "rgba(16, 24, 64, 0.12)",
|
10766
|
-
focus: "rgba(16, 24, 64, 0.12)"
|
10767
|
-
},
|
10768
|
-
background: {
|
10769
|
-
default: '#f5f5f5',
|
10770
|
-
paper: "#fff"
|
10771
|
-
},
|
10772
|
-
common: {
|
10773
|
-
black: '#000',
|
10774
|
-
white: '#fff'
|
10775
|
-
},
|
10776
|
-
divider: "rgba(16,24,64,0.12)"
|
10777
|
-
};
|
10778
|
-
|
10779
10962
|
const breakpoints = createBreakpoints({
|
10780
10963
|
values: {
|
10781
10964
|
xs: 0,
|
@@ -10786,19 +10969,20 @@ const breakpoints = createBreakpoints({
|
|
10786
10969
|
}
|
10787
10970
|
});
|
10788
10971
|
|
10789
|
-
const mixins = {
|
10790
|
-
toolbar: {
|
10791
|
-
minHeight: 48,
|
10792
|
-
[breakpoints.down('md')]: {
|
10793
|
-
minHeight: 52
|
10794
|
-
}
|
10795
|
-
}
|
10796
|
-
};
|
10797
|
-
|
10798
10972
|
const typography = {
|
10799
10973
|
fontSize: 13,
|
10974
|
+
body3: {
|
10975
|
+
fontFamily: 'Roboto',
|
10976
|
+
fontWeight: 310,
|
10977
|
+
fontSize: 12,
|
10978
|
+
letterSpacing: 0.17,
|
10979
|
+
lineHeight: 1.2,
|
10980
|
+
[breakpoints.down('md')]: {
|
10981
|
+
fontSize: 11
|
10982
|
+
}
|
10983
|
+
},
|
10800
10984
|
body1: {
|
10801
|
-
fontFamily:
|
10985
|
+
fontFamily: 'Roboto',
|
10802
10986
|
fontSize: 14,
|
10803
10987
|
fontWeight: 400,
|
10804
10988
|
letterSpacing: 0.15,
|
@@ -10808,7 +10992,7 @@ const typography = {
|
|
10808
10992
|
}
|
10809
10993
|
},
|
10810
10994
|
body2: {
|
10811
|
-
fontFamily:
|
10995
|
+
fontFamily: 'Roboto',
|
10812
10996
|
fontSize: 13,
|
10813
10997
|
fontWeight: 400,
|
10814
10998
|
letterSpacing: 0.17,
|
@@ -10818,7 +11002,7 @@ const typography = {
|
|
10818
11002
|
}
|
10819
11003
|
},
|
10820
11004
|
subtitle1: {
|
10821
|
-
fontFamily:
|
11005
|
+
fontFamily: 'Roboto',
|
10822
11006
|
fontSize: 14,
|
10823
11007
|
fontWeight: 500,
|
10824
11008
|
letterSpacing: 0.15,
|
@@ -10828,7 +11012,7 @@ const typography = {
|
|
10828
11012
|
}
|
10829
11013
|
},
|
10830
11014
|
subtitle2: {
|
10831
|
-
fontFamily:
|
11015
|
+
fontFamily: 'Roboto',
|
10832
11016
|
fontSize: 13,
|
10833
11017
|
fontWeight: 500,
|
10834
11018
|
letterSpacing: 0.1,
|
@@ -10838,7 +11022,7 @@ const typography = {
|
|
10838
11022
|
}
|
10839
11023
|
},
|
10840
11024
|
caption: {
|
10841
|
-
fontFamily:
|
11025
|
+
fontFamily: 'Roboto',
|
10842
11026
|
fontSize: 11,
|
10843
11027
|
fontWeight: 400,
|
10844
11028
|
letterSpacing: 0.4,
|
@@ -10848,7 +11032,7 @@ const typography = {
|
|
10848
11032
|
}
|
10849
11033
|
},
|
10850
11034
|
overline: {
|
10851
|
-
fontFamily:
|
11035
|
+
fontFamily: 'Roboto',
|
10852
11036
|
fontSize: 11,
|
10853
11037
|
fontWeight: 400,
|
10854
11038
|
letterSpacing: 1,
|
@@ -10858,7 +11042,7 @@ const typography = {
|
|
10858
11042
|
}
|
10859
11043
|
},
|
10860
11044
|
h6: {
|
10861
|
-
fontFamily:
|
11045
|
+
fontFamily: 'Nunito',
|
10862
11046
|
fontSize: 16,
|
10863
11047
|
fontWeight: 600,
|
10864
11048
|
lineHeight: 1.6,
|
@@ -10867,85 +11051,240 @@ const typography = {
|
|
10867
11051
|
}
|
10868
11052
|
},
|
10869
11053
|
h5: {
|
10870
|
-
fontFamily:
|
11054
|
+
fontFamily: 'Nunito',
|
10871
11055
|
fontSize: 18,
|
10872
11056
|
fontWeight: 600,
|
10873
11057
|
lineHeight: 1.8
|
10874
11058
|
},
|
10875
11059
|
h4: {
|
10876
|
-
fontFamily:
|
11060
|
+
fontFamily: 'Nunito',
|
10877
11061
|
fontSize: 20,
|
10878
11062
|
fontWeight: 600,
|
10879
11063
|
letterSpacing: 0.25,
|
10880
11064
|
lineHeight: 1
|
10881
11065
|
},
|
10882
11066
|
h3: {
|
10883
|
-
fontFamily:
|
11067
|
+
fontFamily: 'Nunito',
|
10884
11068
|
fontSize: 28,
|
10885
11069
|
fontWeight: 500,
|
10886
11070
|
lineHeight: 1.2
|
10887
11071
|
},
|
10888
11072
|
h2: {
|
10889
|
-
fontFamily:
|
11073
|
+
fontFamily: 'Nunito',
|
10890
11074
|
fontSize: 32,
|
10891
11075
|
fontWeight: 400,
|
10892
11076
|
letterSpacing: -0.5,
|
10893
11077
|
lineHeight: 1.2
|
10894
11078
|
},
|
10895
11079
|
h1: {
|
10896
|
-
fontFamily:
|
11080
|
+
fontFamily: 'Nunito',
|
10897
11081
|
fontSize: 40,
|
10898
11082
|
fontWeight: 300,
|
10899
11083
|
letterSpacing: -1.5,
|
10900
11084
|
lineHeight: 1.4
|
10901
11085
|
},
|
10902
11086
|
button: {
|
10903
|
-
fontFamily:
|
10904
|
-
textTransform:
|
11087
|
+
fontFamily: 'Roboto',
|
11088
|
+
textTransform: 'unset',
|
10905
11089
|
fontWeightLight: 300,
|
10906
11090
|
fontSize: 13,
|
10907
|
-
lineHeight:
|
11091
|
+
lineHeight: 'normal',
|
10908
11092
|
'@media(max-width: 885px)': {
|
10909
11093
|
fontSize: 14
|
10910
11094
|
}
|
10911
11095
|
}
|
10912
11096
|
};
|
10913
11097
|
|
10914
|
-
const
|
10915
|
-
|
10916
|
-
|
10917
|
-
|
10918
|
-
|
10919
|
-
|
10920
|
-
|
10921
|
-
|
10922
|
-
|
10923
|
-
|
10924
|
-
|
10925
|
-
|
10926
|
-
|
10927
|
-
|
10928
|
-
|
10929
|
-
|
10930
|
-
|
10931
|
-
|
10932
|
-
|
10933
|
-
|
10934
|
-
|
10935
|
-
|
10936
|
-
|
10937
|
-
|
10938
|
-
|
10939
|
-
|
10940
|
-
|
10941
|
-
|
10942
|
-
|
10943
|
-
|
10944
|
-
|
10945
|
-
|
10946
|
-
|
10947
|
-
|
10948
|
-
|
11098
|
+
const palette = {
|
11099
|
+
primary: {
|
11100
|
+
50: "#E4ECF4",
|
11101
|
+
100: "#BCD0E3",
|
11102
|
+
200: "#8FB1D0",
|
11103
|
+
300: "#6392BD",
|
11104
|
+
light: "417AAE",
|
11105
|
+
main: "#2063A0",
|
11106
|
+
600: "#1C5B98",
|
11107
|
+
700: "#18518E",
|
11108
|
+
800: "#134784",
|
11109
|
+
dark: "#0B3573",
|
11110
|
+
A100: "#A5C5FF",
|
11111
|
+
A200: "#72A4FF",
|
11112
|
+
A400: "#3F83FF",
|
11113
|
+
A700: "#2572FF",
|
11114
|
+
contrastText: "#ffffff"
|
11115
|
+
},
|
11116
|
+
secondary: {
|
11117
|
+
50: "#E0F7FA",
|
11118
|
+
100: "#B3EBF2",
|
11119
|
+
200: "#80DEEA",
|
11120
|
+
300: "#4DD0E1",
|
11121
|
+
light: "#26C6DA",
|
11122
|
+
main: "#00BCD4",
|
11123
|
+
600: "#00B6CF",
|
11124
|
+
700: "#00ADC9",
|
11125
|
+
800: "#00A5C3",
|
11126
|
+
dark: "#0097B9",
|
11127
|
+
A100: "#E2F9FF",
|
11128
|
+
A200: "#AFEEFF",
|
11129
|
+
A400: "#7CE3FF",
|
11130
|
+
A700: "#63DDFF",
|
11131
|
+
contrastText: "#ffffff"
|
11132
|
+
},
|
11133
|
+
error: {
|
11134
|
+
50: "#F9E8E8",
|
11135
|
+
100: "#F1C7C7",
|
11136
|
+
200: "#E8A1A1",
|
11137
|
+
300: "#DF7B7B",
|
11138
|
+
light: "#D85F5F",
|
11139
|
+
main: "#D14343",
|
11140
|
+
600: "#CC3D3D",
|
11141
|
+
700: "#C63434",
|
11142
|
+
800: "#C02C2C",
|
11143
|
+
dark: "#B51E1E",
|
11144
|
+
A100: "#FFECEC",
|
11145
|
+
A200: "#FFB9B9",
|
11146
|
+
A400: "#FF8686",
|
11147
|
+
A700: "#FF6D6D",
|
11148
|
+
contrastText: "#ffffff"
|
11149
|
+
},
|
11150
|
+
warning: {
|
11151
|
+
50: "#FFF0E0",
|
11152
|
+
100: "#FEDAB3",
|
11153
|
+
200: "#FDC280",
|
11154
|
+
300: "#FCAA4D",
|
11155
|
+
light: "#FC9726",
|
11156
|
+
main: "#FB8500",
|
11157
|
+
600: "#FA7D00",
|
11158
|
+
700: "#FA7200",
|
11159
|
+
800: "#F96800",
|
11160
|
+
dark: "#F85500",
|
11161
|
+
A100: "#FFFFFF",
|
11162
|
+
A200: "#FFF1EB",
|
11163
|
+
A400: "#FFCCB8",
|
11164
|
+
A700: "#FFBA9F",
|
11165
|
+
contrastText: "#ffffff"
|
11166
|
+
},
|
11167
|
+
info: {
|
11168
|
+
50: "#E6F3F8",
|
11169
|
+
100: "#C0E2EE",
|
11170
|
+
200: "#96CFE2",
|
11171
|
+
300: "#6CBCD6",
|
11172
|
+
light: "#4DADCE",
|
11173
|
+
main: "#2D9FC5",
|
11174
|
+
600: "#2897BF",
|
11175
|
+
700: "#228DB8",
|
11176
|
+
800: "#1C83B0",
|
11177
|
+
dark: "#1172A3",
|
11178
|
+
A100: "#D4EFFF",
|
11179
|
+
A200: "#A1DCFF",
|
11180
|
+
A400: "#6ECAFF",
|
11181
|
+
A700: "#54C1FF",
|
11182
|
+
contrastText: "#ffffff"
|
11183
|
+
},
|
11184
|
+
success: {
|
11185
|
+
50: "#F2F9E7",
|
11186
|
+
100: "#DDEFC4",
|
11187
|
+
200: "#C7E49D",
|
11188
|
+
300: "#B1D975",
|
11189
|
+
light: "#A0D158",
|
11190
|
+
main: "#8FC93A",
|
11191
|
+
600: "#87C334",
|
11192
|
+
700: "#7CBC2C",
|
11193
|
+
800: "#72B525",
|
11194
|
+
dark: "#60A918",
|
11195
|
+
A100: "#EDFFDE",
|
11196
|
+
A200: "#D2FFAB",
|
11197
|
+
A400: "#B6FF78",
|
11198
|
+
A700: "#A9FF5E",
|
11199
|
+
contrastText: "#ffffff"
|
11200
|
+
},
|
11201
|
+
grey: {
|
11202
|
+
50: "#FAFBFF",
|
11203
|
+
100: "#F4F6FA",
|
11204
|
+
200: "#EDEFF5",
|
11205
|
+
300: "#E6E8F0",
|
11206
|
+
400: "#D8DAE5",
|
11207
|
+
500: "#C1C4D6",
|
11208
|
+
600: "#8F95B2",
|
11209
|
+
700: "#696F8C",
|
11210
|
+
800: "#474D66",
|
11211
|
+
900: "#101840",
|
11212
|
+
A100: "#D8DAE5",
|
11213
|
+
A200: "#C1C4D6",
|
11214
|
+
A400: "#696F8C",
|
11215
|
+
A700: "#101840"
|
11216
|
+
},
|
11217
|
+
text: {
|
11218
|
+
primary: "#101840de",
|
11219
|
+
secondary: "#10184099",
|
11220
|
+
disabled: "#10184061"
|
11221
|
+
},
|
11222
|
+
action: {
|
11223
|
+
active: "rgba(16, 24, 64, 0.54)",
|
11224
|
+
hover: "rgba(16, 24, 64, 0.04)",
|
11225
|
+
selected: "rgba(16, 24, 64, 0.08)",
|
11226
|
+
disabled: "rgba(16, 24, 64, 0.26)",
|
11227
|
+
disabledBackground: "rgba(16, 24, 64, 0.12)",
|
11228
|
+
focus: "rgba(16, 24, 64, 0.12)"
|
11229
|
+
},
|
11230
|
+
background: {
|
11231
|
+
default: '#f5f5f5',
|
11232
|
+
paper: "#fff"
|
11233
|
+
},
|
11234
|
+
common: {
|
11235
|
+
black: '#000',
|
11236
|
+
white: '#fff'
|
11237
|
+
},
|
11238
|
+
divider: "rgba(16,24,64,0.12)"
|
11239
|
+
};
|
11240
|
+
|
11241
|
+
const mixins = {
|
11242
|
+
toolbar: {
|
11243
|
+
minHeight: 48,
|
11244
|
+
[breakpoints.down('md')]: {
|
11245
|
+
minHeight: 52
|
11246
|
+
}
|
11247
|
+
}
|
11248
|
+
};
|
11249
|
+
|
11250
|
+
const shadows = ["none", "0px 1px 3px rgba(24, 39, 75, 0.12), 0px 1px 1px -1px rgba(24, 39, 75, 0.14), 0px 2px 1px -2px rgba(24, 39, 75, 0.2)", "0px 1px 5px rgba(24, 39, 75, 0.12), 0px 2px 2px rgba(24, 39, 75, 0.14), 0px 3px 1px -2px rgba(24, 39, 75, 0.2)", "0px 1px 8px rgba(24, 39, 75, 0.12), 0px 3px 4px rgba(24, 39, 75, 0.14), 0px 3px 3px -2px rgba(24, 39, 75, 0.2)", "0px 2px 4px -1px rgba(24, 39, 75, 0.2), 0px 4px 5px rgba(24, 39, 75, 0.14), 0px 1px 10px rgba(24, 39, 75, 0.12)", "0px 3px 5px -1px rgba(24, 39, 75, 0.2), 0px 5px 8px rgba(24, 39, 75, 0.14), 0px 1px 14px rgba(24, 39, 75, 0.12)", "0px 3px 5px -1px rgba(24, 39, 75, 0.2), 0px 6px 10px rgba(24, 39, 75, 0.14), 0px 1px 18px rgba(24, 39, 75, 0.12)", "0px 4px 5px -2px rgba(24, 39, 75, 0.2), 0px 7px 10px 1px rgba(24, 39, 75, 0.14), 0px 2px 16px 1px rgba(24, 39, 75, 0.12)", "0px 5px 5px -3px rgba(24, 39, 75, 0.2), 0px 8px 10px 1px rgba(24, 39, 75, 0.14), 0px 3px 14px 2px rgba(24, 39, 75, 0.12)", "0px 5px 6px -3px rgba(24, 39, 75, 0.2), 0px 9px 12px 1px rgba(24, 39, 75, 0.14), 0px 3px 16px 2px rgba(24, 39, 75, 0.12)", "0px 6px 6px -3px rgba(24, 39, 75, 0.2), 0px 10px 14px 1px rgba(24, 39, 75, 0.14), 0px 4px 18px 3px rgba(24, 39, 75, 0.12)", "0px 6px 7px -4px rgba(24, 39, 75, 0.2), 0px 11px 15px 1px rgba(24, 39, 75, 0.14), 0px 4px 20px 3px rgba(24, 39, 75, 0.12)", "0px 7px 8px -4px rgba(24, 39, 75, 0.2), 0px 12px 17px 2px rgba(24, 39, 75, 0.14), 0px 5px 22px 4px rgba(24, 39, 75, 0.12)", "0px 7px 8px -4px rgba(24, 39, 75, 0.2), 0px 13px 19px 2px rgba(24, 39, 75, 0.14), 0px 5px 24px 4px rgba(24, 39, 75, 0.12)", "0px 7px 9px -4px rgba(24, 39, 75, 0.2), 0px 14px 21px 2px rgba(24, 39, 75, 0.14), 0px 5px 26px 4px rgba(24, 39, 75, 0.12)", "0px 8px 9px -5px rgba(24, 39, 75, 0.2), 0px 15px 22px 2px rgba(24, 39, 75, 0.14), 0px 6px 28px 5px rgba(24, 39, 75, 0.12)", "0px 8px 10px -5px rgba(24, 39, 75, 0.2), 0px 16px 24px 2px rgba(24, 39, 75, 0.14), 0px 6px 30px 5px rgba(24, 39, 75, 0.12)", "0px 8px 11px -5px rgba(24, 39, 75, 0.2), 0px 17px 26px 2px rgba(24, 39, 75, 0.14), 0px 6px 32px 5px rgba(24, 39, 75, 0.12)", "0px 9px 11px -5px rgba(24, 39, 75, 0.2), 0px 18px 28px 2px rgba(24, 39, 75, 0.14), 0px 7px 34px 6px rgba(24, 39, 75, 0.12)", "0px 9px 12px -6px rgba(24, 39, 75, 0.2), 0px 19px 29px 2px rgba(24, 39, 75, 0.14), 0px 7px 36px 6px rgba(24, 39, 75, 0.12)", "0px 10px 13px -6px rgba(24, 39, 75, 0.2), 0px 20px 31px 3px rgba(24, 39, 75, 0.14), 0px 8px 38px 7px rgba(24, 39, 75, 0.12)", "0px 10px 13px -6px rgba(24, 39, 75, 0.2), 0px 21px 33px 3px rgba(24, 39, 75, 0.14), 0px 8px 40px 7px rgba(24, 39, 75, 0.12)", "0px 10px 14px -6px rgba(24, 39, 75, 0.2), 0px 22px 35px 3px rgba(24, 39, 75, 0.14), 0px 8px 42px 7px rgba(24, 39, 75, 0.12)", "0px 11px 14px -7px rgba(24, 39, 75, 0.2), 0px 23px 36px 3px rgba(24, 39, 75, 0.14), 0px 9px 44px 8px rgba(24, 39, 75, 0.12)", "0px 11px 15px -7px rgba(24, 39, 75, 0.2), 0px 24px 38px 3px rgba(24, 39, 75, 0.14), 0px 9px 46px 8px rgba(24, 39, 75, 0.12)"];
|
11251
|
+
|
11252
|
+
const themeOptions = {
|
11253
|
+
components,
|
11254
|
+
typography,
|
11255
|
+
palette,
|
11256
|
+
spacing: 8,
|
11257
|
+
mixins,
|
11258
|
+
breakpoints,
|
11259
|
+
shadows
|
11260
|
+
};
|
11261
|
+
|
11262
|
+
const SincoTheme = createTheme(Object.assign({}, themeOptions));
|
11263
|
+
|
11264
|
+
var wellKnownSymbol$d = wellKnownSymbol$f;
|
11265
|
+
|
11266
|
+
var TO_STRING_TAG$3 = wellKnownSymbol$d('toStringTag');
|
11267
|
+
var test = {};
|
11268
|
+
|
11269
|
+
test[TO_STRING_TAG$3] = 'z';
|
11270
|
+
|
11271
|
+
var toStringTagSupport = String(test) === '[object z]';
|
11272
|
+
|
11273
|
+
var TO_STRING_TAG_SUPPORT = toStringTagSupport;
|
11274
|
+
var isCallable$a = isCallable$l;
|
11275
|
+
var classofRaw$1 = classofRaw$2;
|
11276
|
+
var wellKnownSymbol$c = wellKnownSymbol$f;
|
11277
|
+
|
11278
|
+
var TO_STRING_TAG$2 = wellKnownSymbol$c('toStringTag');
|
11279
|
+
var $Object$1 = Object;
|
11280
|
+
|
11281
|
+
// ES3 wrong here
|
11282
|
+
var CORRECT_ARGUMENTS = classofRaw$1(function () { return arguments; }()) == 'Arguments';
|
11283
|
+
|
11284
|
+
// fallback for IE11 Script Access Denied error
|
11285
|
+
var tryGet = function (it, key) {
|
11286
|
+
try {
|
11287
|
+
return it[key];
|
10949
11288
|
} catch (error) { /* empty */ }
|
10950
11289
|
};
|
10951
11290
|
|
@@ -12438,8 +12777,8 @@ function getPaperUtilityClass(slot) {
|
|
12438
12777
|
}
|
12439
12778
|
generateUtilityClasses('MuiPaper', ['root', 'rounded', 'outlined', 'elevation', 'elevation0', 'elevation1', 'elevation2', 'elevation3', 'elevation4', 'elevation5', 'elevation6', 'elevation7', 'elevation8', 'elevation9', 'elevation10', 'elevation11', 'elevation12', 'elevation13', 'elevation14', 'elevation15', 'elevation16', 'elevation17', 'elevation18', 'elevation19', 'elevation20', 'elevation21', 'elevation22', 'elevation23', 'elevation24']);
|
12440
12779
|
|
12441
|
-
const _excluded$
|
12442
|
-
const useUtilityClasses$
|
12780
|
+
const _excluded$e = ["className", "component", "elevation", "square", "variant"];
|
12781
|
+
const useUtilityClasses$a = ownerState => {
|
12443
12782
|
const {
|
12444
12783
|
square,
|
12445
12784
|
elevation,
|
@@ -12493,14 +12832,14 @@ const Paper = /*#__PURE__*/React.forwardRef(function Paper(inProps, ref) {
|
|
12493
12832
|
square = false,
|
12494
12833
|
variant = 'elevation'
|
12495
12834
|
} = props,
|
12496
|
-
other = _objectWithoutPropertiesLoose(props, _excluded$
|
12835
|
+
other = _objectWithoutPropertiesLoose(props, _excluded$e);
|
12497
12836
|
const ownerState = _extends({}, props, {
|
12498
12837
|
component,
|
12499
12838
|
elevation,
|
12500
12839
|
square,
|
12501
12840
|
variant
|
12502
12841
|
});
|
12503
|
-
const classes = useUtilityClasses$
|
12842
|
+
const classes = useUtilityClasses$a(ownerState);
|
12504
12843
|
if (process.env.NODE_ENV !== 'production') {
|
12505
12844
|
// eslint-disable-next-line react-hooks/rules-of-hooks
|
12506
12845
|
const theme = useTheme();
|
@@ -12651,15 +12990,15 @@ process.env.NODE_ENV !== "production" ? Ripple.propTypes = {
|
|
12651
12990
|
const touchRippleClasses = generateUtilityClasses('MuiTouchRipple', ['root', 'ripple', 'rippleVisible', 'ripplePulsate', 'child', 'childLeaving', 'childPulsate']);
|
12652
12991
|
var touchRippleClasses$1 = touchRippleClasses;
|
12653
12992
|
|
12654
|
-
const _excluded$
|
12655
|
-
let _ = t => t,
|
12656
|
-
_t,
|
12657
|
-
_t2,
|
12658
|
-
_t3,
|
12659
|
-
_t4;
|
12993
|
+
const _excluded$d = ["center", "classes", "className"];
|
12994
|
+
let _$1 = t => t,
|
12995
|
+
_t$1,
|
12996
|
+
_t2$1,
|
12997
|
+
_t3$1,
|
12998
|
+
_t4$1;
|
12660
12999
|
const DURATION = 550;
|
12661
13000
|
const DELAY_RIPPLE = 80;
|
12662
|
-
const enterKeyframe = keyframes(_t || (_t = _`
|
13001
|
+
const enterKeyframe = keyframes(_t$1 || (_t$1 = _$1`
|
12663
13002
|
0% {
|
12664
13003
|
transform: scale(0);
|
12665
13004
|
opacity: 0.1;
|
@@ -12670,7 +13009,7 @@ const enterKeyframe = keyframes(_t || (_t = _`
|
|
12670
13009
|
opacity: 0.3;
|
12671
13010
|
}
|
12672
13011
|
`));
|
12673
|
-
const exitKeyframe = keyframes(_t2 || (_t2 = _`
|
13012
|
+
const exitKeyframe = keyframes(_t2$1 || (_t2$1 = _$1`
|
12674
13013
|
0% {
|
12675
13014
|
opacity: 1;
|
12676
13015
|
}
|
@@ -12679,7 +13018,7 @@ const exitKeyframe = keyframes(_t2 || (_t2 = _`
|
|
12679
13018
|
opacity: 0;
|
12680
13019
|
}
|
12681
13020
|
`));
|
12682
|
-
const pulsateKeyframe = keyframes(_t3 || (_t3 = _`
|
13021
|
+
const pulsateKeyframe = keyframes(_t3$1 || (_t3$1 = _$1`
|
12683
13022
|
0% {
|
12684
13023
|
transform: scale(1);
|
12685
13024
|
}
|
@@ -12712,7 +13051,7 @@ const TouchRippleRoot = styled$1('span', {
|
|
12712
13051
|
const TouchRippleRipple = styled$1(Ripple, {
|
12713
13052
|
name: 'MuiTouchRipple',
|
12714
13053
|
slot: 'Ripple'
|
12715
|
-
})(_t4 || (_t4 = _`
|
13054
|
+
})(_t4$1 || (_t4$1 = _$1`
|
12716
13055
|
opacity: 0;
|
12717
13056
|
position: absolute;
|
12718
13057
|
|
@@ -12780,7 +13119,7 @@ const TouchRipple = /*#__PURE__*/React.forwardRef(function TouchRipple(inProps,
|
|
12780
13119
|
classes = {},
|
12781
13120
|
className
|
12782
13121
|
} = props,
|
12783
|
-
other = _objectWithoutPropertiesLoose(props, _excluded$
|
13122
|
+
other = _objectWithoutPropertiesLoose(props, _excluded$d);
|
12784
13123
|
const [ripples, setRipples] = React.useState([]);
|
12785
13124
|
const nextKey = React.useRef(0);
|
12786
13125
|
const rippleCallback = React.useRef(null);
|
@@ -12981,8 +13320,8 @@ function getButtonBaseUtilityClass(slot) {
|
|
12981
13320
|
const buttonBaseClasses = generateUtilityClasses('MuiButtonBase', ['root', 'disabled', 'focusVisible']);
|
12982
13321
|
var buttonBaseClasses$1 = buttonBaseClasses;
|
12983
13322
|
|
12984
|
-
const _excluded$
|
12985
|
-
const useUtilityClasses$
|
13323
|
+
const _excluded$c = ["action", "centerRipple", "children", "className", "component", "disabled", "disableRipple", "disableTouchRipple", "focusRipple", "focusVisibleClassName", "LinkComponent", "onBlur", "onClick", "onContextMenu", "onDragLeave", "onFocus", "onFocusVisible", "onKeyDown", "onKeyUp", "onMouseDown", "onMouseLeave", "onMouseUp", "onTouchEnd", "onTouchMove", "onTouchStart", "tabIndex", "TouchRippleProps", "touchRippleRef", "type"];
|
13324
|
+
const useUtilityClasses$9 = ownerState => {
|
12986
13325
|
const {
|
12987
13326
|
disabled,
|
12988
13327
|
focusVisible,
|
@@ -13083,7 +13422,7 @@ const ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(inProps, re
|
|
13083
13422
|
touchRippleRef,
|
13084
13423
|
type
|
13085
13424
|
} = props,
|
13086
|
-
other = _objectWithoutPropertiesLoose(props, _excluded$
|
13425
|
+
other = _objectWithoutPropertiesLoose(props, _excluded$c);
|
13087
13426
|
const buttonRef = React.useRef(null);
|
13088
13427
|
const rippleRef = React.useRef(null);
|
13089
13428
|
const handleRippleRef = useForkRef(rippleRef, touchRippleRef);
|
@@ -13250,7 +13589,7 @@ const ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(inProps, re
|
|
13250
13589
|
tabIndex,
|
13251
13590
|
focusVisible
|
13252
13591
|
});
|
13253
|
-
const classes = useUtilityClasses$
|
13592
|
+
const classes = useUtilityClasses$9(ownerState);
|
13254
13593
|
return /*#__PURE__*/jsxs(ButtonBaseRoot, _extends({
|
13255
13594
|
as: ComponentProp,
|
13256
13595
|
className: clsx(classes.root, className),
|
@@ -13447,8 +13786,8 @@ function getIconButtonUtilityClass(slot) {
|
|
13447
13786
|
const iconButtonClasses = generateUtilityClasses('MuiIconButton', ['root', 'disabled', 'colorInherit', 'colorPrimary', 'colorSecondary', 'colorError', 'colorInfo', 'colorSuccess', 'colorWarning', 'edgeStart', 'edgeEnd', 'sizeSmall', 'sizeMedium', 'sizeLarge']);
|
13448
13787
|
var iconButtonClasses$1 = iconButtonClasses;
|
13449
13788
|
|
13450
|
-
const _excluded$
|
13451
|
-
const useUtilityClasses$
|
13789
|
+
const _excluded$b = ["edge", "children", "className", "color", "disabled", "disableFocusRipple", "size"];
|
13790
|
+
const useUtilityClasses$8 = ownerState => {
|
13452
13791
|
const {
|
13453
13792
|
classes,
|
13454
13793
|
disabled,
|
@@ -13548,7 +13887,7 @@ const IconButton = /*#__PURE__*/React.forwardRef(function IconButton(inProps, re
|
|
13548
13887
|
disableFocusRipple = false,
|
13549
13888
|
size = 'medium'
|
13550
13889
|
} = props,
|
13551
|
-
other = _objectWithoutPropertiesLoose(props, _excluded$
|
13890
|
+
other = _objectWithoutPropertiesLoose(props, _excluded$b);
|
13552
13891
|
const ownerState = _extends({}, props, {
|
13553
13892
|
edge,
|
13554
13893
|
color,
|
@@ -13556,7 +13895,7 @@ const IconButton = /*#__PURE__*/React.forwardRef(function IconButton(inProps, re
|
|
13556
13895
|
disableFocusRipple,
|
13557
13896
|
size
|
13558
13897
|
});
|
13559
|
-
const classes = useUtilityClasses$
|
13898
|
+
const classes = useUtilityClasses$8(ownerState);
|
13560
13899
|
return /*#__PURE__*/jsx(IconButtonRoot, _extends({
|
13561
13900
|
className: clsx(classes.root, className),
|
13562
13901
|
centerRipple: true,
|
@@ -13642,8 +13981,8 @@ function getTypographyUtilityClass(slot) {
|
|
13642
13981
|
}
|
13643
13982
|
generateUtilityClasses('MuiTypography', ['root', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'subtitle1', 'subtitle2', 'body1', 'body2', 'inherit', 'button', 'caption', 'overline', 'alignLeft', 'alignRight', 'alignCenter', 'alignJustify', 'noWrap', 'gutterBottom', 'paragraph']);
|
13644
13983
|
|
13645
|
-
const _excluded$
|
13646
|
-
const useUtilityClasses$
|
13984
|
+
const _excluded$a = ["align", "className", "component", "gutterBottom", "noWrap", "paragraph", "variant", "variantMapping"];
|
13985
|
+
const useUtilityClasses$7 = ownerState => {
|
13647
13986
|
const {
|
13648
13987
|
align,
|
13649
13988
|
gutterBottom,
|
@@ -13726,7 +14065,7 @@ const Typography = /*#__PURE__*/React.forwardRef(function Typography(inProps, re
|
|
13726
14065
|
variant = 'body1',
|
13727
14066
|
variantMapping = defaultVariantMapping
|
13728
14067
|
} = props,
|
13729
|
-
other = _objectWithoutPropertiesLoose(props, _excluded$
|
14068
|
+
other = _objectWithoutPropertiesLoose(props, _excluded$a);
|
13730
14069
|
const ownerState = _extends({}, props, {
|
13731
14070
|
align,
|
13732
14071
|
color,
|
@@ -13739,7 +14078,7 @@ const Typography = /*#__PURE__*/React.forwardRef(function Typography(inProps, re
|
|
13739
14078
|
variantMapping
|
13740
14079
|
});
|
13741
14080
|
const Component = component || (paragraph ? 'p' : variantMapping[variant] || defaultVariantMapping[variant]) || 'span';
|
13742
|
-
const classes = useUtilityClasses$
|
14081
|
+
const classes = useUtilityClasses$7(ownerState);
|
13743
14082
|
return /*#__PURE__*/jsx(TypographyRoot, _extends({
|
13744
14083
|
as: Component,
|
13745
14084
|
ref: ref,
|
@@ -13824,7 +14163,7 @@ process.env.NODE_ENV !== "production" ? Typography.propTypes /* remove-proptypes
|
|
13824
14163
|
} : void 0;
|
13825
14164
|
var Typography$1 = Typography;
|
13826
14165
|
|
13827
|
-
const _excluded$
|
14166
|
+
const _excluded$9 = ["addEndListener", "appear", "children", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"];
|
13828
14167
|
const styles = {
|
13829
14168
|
entering: {
|
13830
14169
|
opacity: 1
|
@@ -13861,7 +14200,7 @@ const Fade = /*#__PURE__*/React.forwardRef(function Fade(props, ref) {
|
|
13861
14200
|
// eslint-disable-next-line react/prop-types
|
13862
14201
|
TransitionComponent = Transition$1
|
13863
14202
|
} = props,
|
13864
|
-
other = _objectWithoutPropertiesLoose(props, _excluded$
|
14203
|
+
other = _objectWithoutPropertiesLoose(props, _excluded$9);
|
13865
14204
|
const nodeRef = React.useRef(null);
|
13866
14205
|
const handleRef = useForkRef(nodeRef, children.ref, ref);
|
13867
14206
|
const normalizedTransitionCallback = callback => maybeIsAppearing => {
|
@@ -14022,8 +14361,8 @@ function getBackdropUtilityClass(slot) {
|
|
14022
14361
|
}
|
14023
14362
|
generateUtilityClasses('MuiBackdrop', ['root', 'invisible']);
|
14024
14363
|
|
14025
|
-
const _excluded$
|
14026
|
-
const useUtilityClasses$
|
14364
|
+
const _excluded$8 = ["children", "className", "component", "components", "componentsProps", "invisible", "open", "slotProps", "slots", "TransitionComponent", "transitionDuration"];
|
14365
|
+
const useUtilityClasses$6 = ownerState => {
|
14027
14366
|
const {
|
14028
14367
|
classes,
|
14029
14368
|
invisible
|
@@ -14077,12 +14416,12 @@ const Backdrop = /*#__PURE__*/React.forwardRef(function Backdrop(inProps, ref) {
|
|
14077
14416
|
TransitionComponent = Fade$1,
|
14078
14417
|
transitionDuration
|
14079
14418
|
} = props,
|
14080
|
-
other = _objectWithoutPropertiesLoose(props, _excluded$
|
14419
|
+
other = _objectWithoutPropertiesLoose(props, _excluded$8);
|
14081
14420
|
const ownerState = _extends({}, props, {
|
14082
14421
|
component,
|
14083
14422
|
invisible
|
14084
14423
|
});
|
14085
|
-
const classes = useUtilityClasses$
|
14424
|
+
const classes = useUtilityClasses$6(ownerState);
|
14086
14425
|
const rootSlotProps = (_slotProps$root = slotProps.root) != null ? _slotProps$root : componentsProps.root;
|
14087
14426
|
return /*#__PURE__*/jsx(TransitionComponent, _extends({
|
14088
14427
|
in: open,
|
@@ -14226,50 +14565,424 @@ process.env.NODE_ENV !== "production" ? Box$1.propTypes /* remove-proptypes */ =
|
|
14226
14565
|
} : void 0;
|
14227
14566
|
var Box$2 = Box$1;
|
14228
14567
|
|
14229
|
-
function
|
14230
|
-
return generateUtilityClass('
|
14568
|
+
function getButtonUtilityClass(slot) {
|
14569
|
+
return generateUtilityClass('MuiButton', slot);
|
14231
14570
|
}
|
14232
|
-
generateUtilityClasses('
|
14571
|
+
const buttonClasses = generateUtilityClasses('MuiButton', ['root', 'text', 'textInherit', 'textPrimary', 'textSecondary', 'textSuccess', 'textError', 'textInfo', 'textWarning', 'outlined', 'outlinedInherit', 'outlinedPrimary', 'outlinedSecondary', 'outlinedSuccess', 'outlinedError', 'outlinedInfo', 'outlinedWarning', 'contained', 'containedInherit', 'containedPrimary', 'containedSecondary', 'containedSuccess', 'containedError', 'containedInfo', 'containedWarning', 'disableElevation', 'focusVisible', 'disabled', 'colorInherit', 'textSizeSmall', 'textSizeMedium', 'textSizeLarge', 'outlinedSizeSmall', 'outlinedSizeMedium', 'outlinedSizeLarge', 'containedSizeSmall', 'containedSizeMedium', 'containedSizeLarge', 'sizeMedium', 'sizeSmall', 'sizeLarge', 'fullWidth', 'startIcon', 'endIcon', 'iconSizeSmall', 'iconSizeMedium', 'iconSizeLarge']);
|
14572
|
+
var buttonClasses$1 = buttonClasses;
|
14233
14573
|
|
14234
|
-
|
14235
|
-
|
14574
|
+
/**
|
14575
|
+
* @ignore - internal component.
|
14576
|
+
*/
|
14577
|
+
const ButtonGroupContext = /*#__PURE__*/React.createContext({});
|
14578
|
+
if (process.env.NODE_ENV !== 'production') {
|
14579
|
+
ButtonGroupContext.displayName = 'ButtonGroupContext';
|
14580
|
+
}
|
14581
|
+
var ButtonGroupContext$1 = ButtonGroupContext;
|
14582
|
+
|
14583
|
+
const _excluded$7 = ["children", "color", "component", "className", "disabled", "disableElevation", "disableFocusRipple", "endIcon", "focusVisibleClassName", "fullWidth", "size", "startIcon", "type", "variant"];
|
14584
|
+
const useUtilityClasses$5 = ownerState => {
|
14236
14585
|
const {
|
14586
|
+
color,
|
14587
|
+
disableElevation,
|
14588
|
+
fullWidth,
|
14589
|
+
size,
|
14590
|
+
variant,
|
14237
14591
|
classes
|
14238
14592
|
} = ownerState;
|
14239
14593
|
const slots = {
|
14240
|
-
root: ['root']
|
14594
|
+
root: ['root', variant, `${variant}${capitalize(color)}`, `size${capitalize(size)}`, `${variant}Size${capitalize(size)}`, color === 'inherit' && 'colorInherit', disableElevation && 'disableElevation', fullWidth && 'fullWidth'],
|
14595
|
+
label: ['label'],
|
14596
|
+
startIcon: ['startIcon', `iconSize${capitalize(size)}`],
|
14597
|
+
endIcon: ['endIcon', `iconSize${capitalize(size)}`]
|
14241
14598
|
};
|
14242
|
-
|
14599
|
+
const composedClasses = composeClasses(slots, getButtonUtilityClass, classes);
|
14600
|
+
return _extends({}, classes, composedClasses);
|
14243
14601
|
};
|
14244
|
-
const
|
14245
|
-
|
14602
|
+
const commonIconStyles = ownerState => _extends({}, ownerState.size === 'small' && {
|
14603
|
+
'& > *:nth-of-type(1)': {
|
14604
|
+
fontSize: 18
|
14605
|
+
}
|
14606
|
+
}, ownerState.size === 'medium' && {
|
14607
|
+
'& > *:nth-of-type(1)': {
|
14608
|
+
fontSize: 20
|
14609
|
+
}
|
14610
|
+
}, ownerState.size === 'large' && {
|
14611
|
+
'& > *:nth-of-type(1)': {
|
14612
|
+
fontSize: 22
|
14613
|
+
}
|
14614
|
+
});
|
14615
|
+
const ButtonRoot = styled$1(ButtonBase$1, {
|
14616
|
+
shouldForwardProp: prop => rootShouldForwardProp(prop) || prop === 'classes',
|
14617
|
+
name: 'MuiButton',
|
14246
14618
|
slot: 'Root',
|
14247
|
-
overridesResolver: (props, styles) =>
|
14248
|
-
|
14249
|
-
|
14250
|
-
|
14251
|
-
|
14619
|
+
overridesResolver: (props, styles) => {
|
14620
|
+
const {
|
14621
|
+
ownerState
|
14622
|
+
} = props;
|
14623
|
+
return [styles.root, styles[ownerState.variant], styles[`${ownerState.variant}${capitalize(ownerState.color)}`], styles[`size${capitalize(ownerState.size)}`], styles[`${ownerState.variant}Size${capitalize(ownerState.size)}`], ownerState.color === 'inherit' && styles.colorInherit, ownerState.disableElevation && styles.disableElevation, ownerState.fullWidth && styles.fullWidth];
|
14624
|
+
}
|
14625
|
+
})(({
|
14626
|
+
theme,
|
14627
|
+
ownerState
|
14628
|
+
}) => {
|
14629
|
+
var _theme$palette$getCon, _theme$palette;
|
14630
|
+
const inheritContainedBackgroundColor = theme.palette.mode === 'light' ? theme.palette.grey[300] : theme.palette.grey[800];
|
14631
|
+
const inheritContainedHoverBackgroundColor = theme.palette.mode === 'light' ? theme.palette.grey.A100 : theme.palette.grey[700];
|
14632
|
+
return _extends({}, theme.typography.button, {
|
14633
|
+
minWidth: 64,
|
14634
|
+
padding: '6px 16px',
|
14635
|
+
borderRadius: (theme.vars || theme).shape.borderRadius,
|
14636
|
+
transition: theme.transitions.create(['background-color', 'box-shadow', 'border-color', 'color'], {
|
14637
|
+
duration: theme.transitions.duration.short
|
14638
|
+
}),
|
14639
|
+
'&:hover': _extends({
|
14640
|
+
textDecoration: 'none',
|
14641
|
+
backgroundColor: theme.vars ? `rgba(${theme.vars.palette.text.primaryChannel} / ${theme.vars.palette.action.hoverOpacity})` : alpha(theme.palette.text.primary, theme.palette.action.hoverOpacity),
|
14642
|
+
// Reset on touch devices, it doesn't add specificity
|
14643
|
+
'@media (hover: none)': {
|
14644
|
+
backgroundColor: 'transparent'
|
14645
|
+
}
|
14646
|
+
}, ownerState.variant === 'text' && ownerState.color !== 'inherit' && {
|
14647
|
+
backgroundColor: theme.vars ? `rgba(${theme.vars.palette[ownerState.color].mainChannel} / ${theme.vars.palette.action.hoverOpacity})` : alpha(theme.palette[ownerState.color].main, theme.palette.action.hoverOpacity),
|
14648
|
+
// Reset on touch devices, it doesn't add specificity
|
14649
|
+
'@media (hover: none)': {
|
14650
|
+
backgroundColor: 'transparent'
|
14651
|
+
}
|
14652
|
+
}, ownerState.variant === 'outlined' && ownerState.color !== 'inherit' && {
|
14653
|
+
border: `1px solid ${(theme.vars || theme).palette[ownerState.color].main}`,
|
14654
|
+
backgroundColor: theme.vars ? `rgba(${theme.vars.palette[ownerState.color].mainChannel} / ${theme.vars.palette.action.hoverOpacity})` : alpha(theme.palette[ownerState.color].main, theme.palette.action.hoverOpacity),
|
14655
|
+
// Reset on touch devices, it doesn't add specificity
|
14656
|
+
'@media (hover: none)': {
|
14657
|
+
backgroundColor: 'transparent'
|
14658
|
+
}
|
14659
|
+
}, ownerState.variant === 'contained' && {
|
14660
|
+
backgroundColor: theme.vars ? theme.vars.palette.Button.inheritContainedHoverBg : inheritContainedHoverBackgroundColor,
|
14661
|
+
boxShadow: (theme.vars || theme).shadows[4],
|
14662
|
+
// Reset on touch devices, it doesn't add specificity
|
14663
|
+
'@media (hover: none)': {
|
14664
|
+
boxShadow: (theme.vars || theme).shadows[2],
|
14665
|
+
backgroundColor: (theme.vars || theme).palette.grey[300]
|
14666
|
+
}
|
14667
|
+
}, ownerState.variant === 'contained' && ownerState.color !== 'inherit' && {
|
14668
|
+
backgroundColor: (theme.vars || theme).palette[ownerState.color].dark,
|
14669
|
+
// Reset on touch devices, it doesn't add specificity
|
14670
|
+
'@media (hover: none)': {
|
14671
|
+
backgroundColor: (theme.vars || theme).palette[ownerState.color].main
|
14672
|
+
}
|
14673
|
+
}),
|
14674
|
+
'&:active': _extends({}, ownerState.variant === 'contained' && {
|
14675
|
+
boxShadow: (theme.vars || theme).shadows[8]
|
14676
|
+
}),
|
14677
|
+
[`&.${buttonClasses$1.focusVisible}`]: _extends({}, ownerState.variant === 'contained' && {
|
14678
|
+
boxShadow: (theme.vars || theme).shadows[6]
|
14679
|
+
}),
|
14680
|
+
[`&.${buttonClasses$1.disabled}`]: _extends({
|
14681
|
+
color: (theme.vars || theme).palette.action.disabled
|
14682
|
+
}, ownerState.variant === 'outlined' && {
|
14683
|
+
border: `1px solid ${(theme.vars || theme).palette.action.disabledBackground}`
|
14684
|
+
}, ownerState.variant === 'contained' && {
|
14685
|
+
color: (theme.vars || theme).palette.action.disabled,
|
14686
|
+
boxShadow: (theme.vars || theme).shadows[0],
|
14687
|
+
backgroundColor: (theme.vars || theme).palette.action.disabledBackground
|
14688
|
+
})
|
14689
|
+
}, ownerState.variant === 'text' && {
|
14690
|
+
padding: '6px 8px'
|
14691
|
+
}, ownerState.variant === 'text' && ownerState.color !== 'inherit' && {
|
14692
|
+
color: (theme.vars || theme).palette[ownerState.color].main
|
14693
|
+
}, ownerState.variant === 'outlined' && {
|
14694
|
+
padding: '5px 15px',
|
14695
|
+
border: '1px solid currentColor'
|
14696
|
+
}, ownerState.variant === 'outlined' && ownerState.color !== 'inherit' && {
|
14697
|
+
color: (theme.vars || theme).palette[ownerState.color].main,
|
14698
|
+
border: theme.vars ? `1px solid rgba(${theme.vars.palette[ownerState.color].mainChannel} / 0.5)` : `1px solid ${alpha(theme.palette[ownerState.color].main, 0.5)}`
|
14699
|
+
}, ownerState.variant === 'contained' && {
|
14700
|
+
color: theme.vars ?
|
14701
|
+
// this is safe because grey does not change between default light/dark mode
|
14702
|
+
theme.vars.palette.text.primary : (_theme$palette$getCon = (_theme$palette = theme.palette).getContrastText) == null ? void 0 : _theme$palette$getCon.call(_theme$palette, theme.palette.grey[300]),
|
14703
|
+
backgroundColor: theme.vars ? theme.vars.palette.Button.inheritContainedBg : inheritContainedBackgroundColor,
|
14704
|
+
boxShadow: (theme.vars || theme).shadows[2]
|
14705
|
+
}, ownerState.variant === 'contained' && ownerState.color !== 'inherit' && {
|
14706
|
+
color: (theme.vars || theme).palette[ownerState.color].contrastText,
|
14707
|
+
backgroundColor: (theme.vars || theme).palette[ownerState.color].main
|
14708
|
+
}, ownerState.color === 'inherit' && {
|
14709
|
+
color: 'inherit',
|
14710
|
+
borderColor: 'currentColor'
|
14711
|
+
}, ownerState.size === 'small' && ownerState.variant === 'text' && {
|
14712
|
+
padding: '4px 5px',
|
14713
|
+
fontSize: theme.typography.pxToRem(13)
|
14714
|
+
}, ownerState.size === 'large' && ownerState.variant === 'text' && {
|
14715
|
+
padding: '8px 11px',
|
14716
|
+
fontSize: theme.typography.pxToRem(15)
|
14717
|
+
}, ownerState.size === 'small' && ownerState.variant === 'outlined' && {
|
14718
|
+
padding: '3px 9px',
|
14719
|
+
fontSize: theme.typography.pxToRem(13)
|
14720
|
+
}, ownerState.size === 'large' && ownerState.variant === 'outlined' && {
|
14721
|
+
padding: '7px 21px',
|
14722
|
+
fontSize: theme.typography.pxToRem(15)
|
14723
|
+
}, ownerState.size === 'small' && ownerState.variant === 'contained' && {
|
14724
|
+
padding: '4px 10px',
|
14725
|
+
fontSize: theme.typography.pxToRem(13)
|
14726
|
+
}, ownerState.size === 'large' && ownerState.variant === 'contained' && {
|
14727
|
+
padding: '8px 22px',
|
14728
|
+
fontSize: theme.typography.pxToRem(15)
|
14729
|
+
}, ownerState.fullWidth && {
|
14730
|
+
width: '100%'
|
14731
|
+
});
|
14732
|
+
}, ({
|
14733
|
+
ownerState
|
14734
|
+
}) => ownerState.disableElevation && {
|
14735
|
+
boxShadow: 'none',
|
14736
|
+
'&:hover': {
|
14737
|
+
boxShadow: 'none'
|
14738
|
+
},
|
14739
|
+
[`&.${buttonClasses$1.focusVisible}`]: {
|
14740
|
+
boxShadow: 'none'
|
14741
|
+
},
|
14742
|
+
'&:active': {
|
14743
|
+
boxShadow: 'none'
|
14744
|
+
},
|
14745
|
+
[`&.${buttonClasses$1.disabled}`]: {
|
14746
|
+
boxShadow: 'none'
|
14747
|
+
}
|
14252
14748
|
});
|
14253
|
-
const
|
14749
|
+
const ButtonStartIcon = styled$1('span', {
|
14750
|
+
name: 'MuiButton',
|
14751
|
+
slot: 'StartIcon',
|
14752
|
+
overridesResolver: (props, styles) => {
|
14753
|
+
const {
|
14754
|
+
ownerState
|
14755
|
+
} = props;
|
14756
|
+
return [styles.startIcon, styles[`iconSize${capitalize(ownerState.size)}`]];
|
14757
|
+
}
|
14758
|
+
})(({
|
14759
|
+
ownerState
|
14760
|
+
}) => _extends({
|
14761
|
+
display: 'inherit',
|
14762
|
+
marginRight: 8,
|
14763
|
+
marginLeft: -4
|
14764
|
+
}, ownerState.size === 'small' && {
|
14765
|
+
marginLeft: -2
|
14766
|
+
}, commonIconStyles(ownerState)));
|
14767
|
+
const ButtonEndIcon = styled$1('span', {
|
14768
|
+
name: 'MuiButton',
|
14769
|
+
slot: 'EndIcon',
|
14770
|
+
overridesResolver: (props, styles) => {
|
14771
|
+
const {
|
14772
|
+
ownerState
|
14773
|
+
} = props;
|
14774
|
+
return [styles.endIcon, styles[`iconSize${capitalize(ownerState.size)}`]];
|
14775
|
+
}
|
14776
|
+
})(({
|
14777
|
+
ownerState
|
14778
|
+
}) => _extends({
|
14779
|
+
display: 'inherit',
|
14780
|
+
marginRight: -4,
|
14781
|
+
marginLeft: 8
|
14782
|
+
}, ownerState.size === 'small' && {
|
14783
|
+
marginRight: -2
|
14784
|
+
}, commonIconStyles(ownerState)));
|
14785
|
+
const Button = /*#__PURE__*/React.forwardRef(function Button(inProps, ref) {
|
14786
|
+
// props priority: `inProps` > `contextProps` > `themeDefaultProps`
|
14787
|
+
const contextProps = React.useContext(ButtonGroupContext$1);
|
14788
|
+
const resolvedProps = resolveProps(contextProps, inProps);
|
14254
14789
|
const props = useThemeProps({
|
14255
|
-
props:
|
14256
|
-
name: '
|
14790
|
+
props: resolvedProps,
|
14791
|
+
name: 'MuiButton'
|
14257
14792
|
});
|
14258
14793
|
const {
|
14794
|
+
children,
|
14795
|
+
color = 'primary',
|
14796
|
+
component = 'button',
|
14259
14797
|
className,
|
14260
|
-
|
14798
|
+
disabled = false,
|
14799
|
+
disableElevation = false,
|
14800
|
+
disableFocusRipple = false,
|
14801
|
+
endIcon: endIconProp,
|
14802
|
+
focusVisibleClassName,
|
14803
|
+
fullWidth = false,
|
14804
|
+
size = 'medium',
|
14805
|
+
startIcon: startIconProp,
|
14806
|
+
type,
|
14807
|
+
variant = 'text'
|
14261
14808
|
} = props,
|
14262
|
-
other = _objectWithoutPropertiesLoose(props, _excluded$
|
14809
|
+
other = _objectWithoutPropertiesLoose(props, _excluded$7);
|
14263
14810
|
const ownerState = _extends({}, props, {
|
14264
|
-
|
14811
|
+
color,
|
14812
|
+
component,
|
14813
|
+
disabled,
|
14814
|
+
disableElevation,
|
14815
|
+
disableFocusRipple,
|
14816
|
+
fullWidth,
|
14817
|
+
size,
|
14818
|
+
type,
|
14819
|
+
variant
|
14265
14820
|
});
|
14266
|
-
const classes = useUtilityClasses$
|
14267
|
-
|
14268
|
-
className:
|
14269
|
-
|
14821
|
+
const classes = useUtilityClasses$5(ownerState);
|
14822
|
+
const startIcon = startIconProp && /*#__PURE__*/jsx(ButtonStartIcon, {
|
14823
|
+
className: classes.startIcon,
|
14824
|
+
ownerState: ownerState,
|
14825
|
+
children: startIconProp
|
14826
|
+
});
|
14827
|
+
const endIcon = endIconProp && /*#__PURE__*/jsx(ButtonEndIcon, {
|
14828
|
+
className: classes.endIcon,
|
14829
|
+
ownerState: ownerState,
|
14830
|
+
children: endIconProp
|
14831
|
+
});
|
14832
|
+
return /*#__PURE__*/jsxs(ButtonRoot, _extends({
|
14833
|
+
ownerState: ownerState,
|
14834
|
+
className: clsx(contextProps.className, classes.root, className),
|
14835
|
+
component: component,
|
14836
|
+
disabled: disabled,
|
14837
|
+
focusRipple: !disableFocusRipple,
|
14838
|
+
focusVisibleClassName: clsx(classes.focusVisible, focusVisibleClassName),
|
14270
14839
|
ref: ref,
|
14271
|
-
|
14272
|
-
}, other
|
14840
|
+
type: type
|
14841
|
+
}, other, {
|
14842
|
+
classes: classes,
|
14843
|
+
children: [startIcon, children, endIcon]
|
14844
|
+
}));
|
14845
|
+
});
|
14846
|
+
process.env.NODE_ENV !== "production" ? Button.propTypes /* remove-proptypes */ = {
|
14847
|
+
// ----------------------------- Warning --------------------------------
|
14848
|
+
// | These PropTypes are generated from the TypeScript type definitions |
|
14849
|
+
// | To update them edit the d.ts file and run "yarn proptypes" |
|
14850
|
+
// ----------------------------------------------------------------------
|
14851
|
+
/**
|
14852
|
+
* The content of the component.
|
14853
|
+
*/
|
14854
|
+
children: PropTypes.node,
|
14855
|
+
/**
|
14856
|
+
* Override or extend the styles applied to the component.
|
14857
|
+
*/
|
14858
|
+
classes: PropTypes.object,
|
14859
|
+
/**
|
14860
|
+
* @ignore
|
14861
|
+
*/
|
14862
|
+
className: PropTypes.string,
|
14863
|
+
/**
|
14864
|
+
* The color of the component.
|
14865
|
+
* It supports both default and custom theme colors, which can be added as shown in the
|
14866
|
+
* [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
|
14867
|
+
* @default 'primary'
|
14868
|
+
*/
|
14869
|
+
color: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['inherit', 'primary', 'secondary', 'success', 'error', 'info', 'warning']), PropTypes.string]),
|
14870
|
+
/**
|
14871
|
+
* The component used for the root node.
|
14872
|
+
* Either a string to use a HTML element or a component.
|
14873
|
+
*/
|
14874
|
+
component: PropTypes.elementType,
|
14875
|
+
/**
|
14876
|
+
* If `true`, the component is disabled.
|
14877
|
+
* @default false
|
14878
|
+
*/
|
14879
|
+
disabled: PropTypes.bool,
|
14880
|
+
/**
|
14881
|
+
* If `true`, no elevation is used.
|
14882
|
+
* @default false
|
14883
|
+
*/
|
14884
|
+
disableElevation: PropTypes.bool,
|
14885
|
+
/**
|
14886
|
+
* If `true`, the keyboard focus ripple is disabled.
|
14887
|
+
* @default false
|
14888
|
+
*/
|
14889
|
+
disableFocusRipple: PropTypes.bool,
|
14890
|
+
/**
|
14891
|
+
* If `true`, the ripple effect is disabled.
|
14892
|
+
*
|
14893
|
+
* ⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure
|
14894
|
+
* to highlight the element by applying separate styles with the `.Mui-focusVisible` class.
|
14895
|
+
* @default false
|
14896
|
+
*/
|
14897
|
+
disableRipple: PropTypes.bool,
|
14898
|
+
/**
|
14899
|
+
* Element placed after the children.
|
14900
|
+
*/
|
14901
|
+
endIcon: PropTypes.node,
|
14902
|
+
/**
|
14903
|
+
* @ignore
|
14904
|
+
*/
|
14905
|
+
focusVisibleClassName: PropTypes.string,
|
14906
|
+
/**
|
14907
|
+
* If `true`, the button will take up the full width of its container.
|
14908
|
+
* @default false
|
14909
|
+
*/
|
14910
|
+
fullWidth: PropTypes.bool,
|
14911
|
+
/**
|
14912
|
+
* The URL to link to when the button is clicked.
|
14913
|
+
* If defined, an `a` element will be used as the root node.
|
14914
|
+
*/
|
14915
|
+
href: PropTypes.string,
|
14916
|
+
/**
|
14917
|
+
* The size of the component.
|
14918
|
+
* `small` is equivalent to the dense button styling.
|
14919
|
+
* @default 'medium'
|
14920
|
+
*/
|
14921
|
+
size: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['small', 'medium', 'large']), PropTypes.string]),
|
14922
|
+
/**
|
14923
|
+
* Element placed before the children.
|
14924
|
+
*/
|
14925
|
+
startIcon: PropTypes.node,
|
14926
|
+
/**
|
14927
|
+
* The system prop that allows defining system overrides as well as additional CSS styles.
|
14928
|
+
*/
|
14929
|
+
sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
|
14930
|
+
/**
|
14931
|
+
* @ignore
|
14932
|
+
*/
|
14933
|
+
type: PropTypes.oneOfType([PropTypes.oneOf(['button', 'reset', 'submit']), PropTypes.string]),
|
14934
|
+
/**
|
14935
|
+
* The variant to use.
|
14936
|
+
* @default 'text'
|
14937
|
+
*/
|
14938
|
+
variant: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['contained', 'outlined', 'text']), PropTypes.string])
|
14939
|
+
} : void 0;
|
14940
|
+
var Button$1 = Button;
|
14941
|
+
|
14942
|
+
function getCardUtilityClass(slot) {
|
14943
|
+
return generateUtilityClass('MuiCard', slot);
|
14944
|
+
}
|
14945
|
+
generateUtilityClasses('MuiCard', ['root']);
|
14946
|
+
|
14947
|
+
const _excluded$6 = ["className", "raised"];
|
14948
|
+
const useUtilityClasses$4 = ownerState => {
|
14949
|
+
const {
|
14950
|
+
classes
|
14951
|
+
} = ownerState;
|
14952
|
+
const slots = {
|
14953
|
+
root: ['root']
|
14954
|
+
};
|
14955
|
+
return composeClasses(slots, getCardUtilityClass, classes);
|
14956
|
+
};
|
14957
|
+
const CardRoot = styled$1(Paper$1, {
|
14958
|
+
name: 'MuiCard',
|
14959
|
+
slot: 'Root',
|
14960
|
+
overridesResolver: (props, styles) => styles.root
|
14961
|
+
})(() => {
|
14962
|
+
return {
|
14963
|
+
overflow: 'hidden'
|
14964
|
+
};
|
14965
|
+
});
|
14966
|
+
const Card = /*#__PURE__*/React.forwardRef(function Card(inProps, ref) {
|
14967
|
+
const props = useThemeProps({
|
14968
|
+
props: inProps,
|
14969
|
+
name: 'MuiCard'
|
14970
|
+
});
|
14971
|
+
const {
|
14972
|
+
className,
|
14973
|
+
raised = false
|
14974
|
+
} = props,
|
14975
|
+
other = _objectWithoutPropertiesLoose(props, _excluded$6);
|
14976
|
+
const ownerState = _extends({}, props, {
|
14977
|
+
raised
|
14978
|
+
});
|
14979
|
+
const classes = useUtilityClasses$4(ownerState);
|
14980
|
+
return /*#__PURE__*/jsx(CardRoot, _extends({
|
14981
|
+
className: clsx(classes.root, className),
|
14982
|
+
elevation: raised ? 8 : undefined,
|
14983
|
+
ref: ref,
|
14984
|
+
ownerState: ownerState
|
14985
|
+
}, other));
|
14273
14986
|
});
|
14274
14987
|
process.env.NODE_ENV !== "production" ? Card.propTypes /* remove-proptypes */ = {
|
14275
14988
|
// ----------------------------- Warning --------------------------------
|
@@ -14310,8 +15023,8 @@ function getCardContentUtilityClass(slot) {
|
|
14310
15023
|
}
|
14311
15024
|
generateUtilityClasses('MuiCardContent', ['root']);
|
14312
15025
|
|
14313
|
-
const _excluded$
|
14314
|
-
const useUtilityClasses$
|
15026
|
+
const _excluded$5 = ["className", "component"];
|
15027
|
+
const useUtilityClasses$3 = ownerState => {
|
14315
15028
|
const {
|
14316
15029
|
classes
|
14317
15030
|
} = ownerState;
|
@@ -14341,11 +15054,11 @@ const CardContent = /*#__PURE__*/React.forwardRef(function CardContent(inProps,
|
|
14341
15054
|
className,
|
14342
15055
|
component = 'div'
|
14343
15056
|
} = props,
|
14344
|
-
other = _objectWithoutPropertiesLoose(props, _excluded$
|
15057
|
+
other = _objectWithoutPropertiesLoose(props, _excluded$5);
|
14345
15058
|
const ownerState = _extends({}, props, {
|
14346
15059
|
component
|
14347
15060
|
});
|
14348
|
-
const classes = useUtilityClasses$
|
15061
|
+
const classes = useUtilityClasses$3(ownerState);
|
14349
15062
|
return /*#__PURE__*/jsx(CardContentRoot, _extends({
|
14350
15063
|
as: component,
|
14351
15064
|
className: clsx(classes.root, className),
|
@@ -14382,7 +15095,7 @@ process.env.NODE_ENV !== "production" ? CardContent.propTypes /* remove-proptype
|
|
14382
15095
|
} : void 0;
|
14383
15096
|
var CardContent$1 = CardContent;
|
14384
15097
|
|
14385
|
-
const _excluded$
|
15098
|
+
const _excluded$4 = ["BackdropComponent", "BackdropProps", "classes", "className", "closeAfterTransition", "children", "container", "component", "components", "componentsProps", "disableAutoFocus", "disableEnforceFocus", "disableEscapeKeyDown", "disablePortal", "disableRestoreFocus", "disableScrollLock", "hideBackdrop", "keepMounted", "onBackdropClick", "onClose", "open", "slotProps", "slots", "theme"];
|
14386
15099
|
const ModalRoot = styled$1('div', {
|
14387
15100
|
name: 'MuiModal',
|
14388
15101
|
slot: 'Root',
|
@@ -14461,7 +15174,7 @@ const Modal = /*#__PURE__*/React.forwardRef(function Modal(inProps, ref) {
|
|
14461
15174
|
// eslint-disable-next-line react/prop-types
|
14462
15175
|
theme
|
14463
15176
|
} = props,
|
14464
|
-
other = _objectWithoutPropertiesLoose(props, _excluded$
|
15177
|
+
other = _objectWithoutPropertiesLoose(props, _excluded$4);
|
14465
15178
|
const [exited, setExited] = React.useState(true);
|
14466
15179
|
const commonProps = {
|
14467
15180
|
container,
|
@@ -14680,7 +15393,244 @@ process.env.NODE_ENV !== "production" ? Modal.propTypes /* remove-proptypes */ =
|
|
14680
15393
|
} : void 0;
|
14681
15394
|
var Modal$1 = Modal;
|
14682
15395
|
|
14683
|
-
|
15396
|
+
function getDividerUtilityClass(slot) {
|
15397
|
+
return generateUtilityClass('MuiDivider', slot);
|
15398
|
+
}
|
15399
|
+
generateUtilityClasses('MuiDivider', ['root', 'absolute', 'fullWidth', 'inset', 'middle', 'flexItem', 'light', 'vertical', 'withChildren', 'withChildrenVertical', 'textAlignRight', 'textAlignLeft', 'wrapper', 'wrapperVertical']);
|
15400
|
+
|
15401
|
+
const _excluded$3 = ["absolute", "children", "className", "component", "flexItem", "light", "orientation", "role", "textAlign", "variant"];
|
15402
|
+
const useUtilityClasses$2 = ownerState => {
|
15403
|
+
const {
|
15404
|
+
absolute,
|
15405
|
+
children,
|
15406
|
+
classes,
|
15407
|
+
flexItem,
|
15408
|
+
light,
|
15409
|
+
orientation,
|
15410
|
+
textAlign,
|
15411
|
+
variant
|
15412
|
+
} = ownerState;
|
15413
|
+
const slots = {
|
15414
|
+
root: ['root', absolute && 'absolute', variant, light && 'light', orientation === 'vertical' && 'vertical', flexItem && 'flexItem', children && 'withChildren', children && orientation === 'vertical' && 'withChildrenVertical', textAlign === 'right' && orientation !== 'vertical' && 'textAlignRight', textAlign === 'left' && orientation !== 'vertical' && 'textAlignLeft'],
|
15415
|
+
wrapper: ['wrapper', orientation === 'vertical' && 'wrapperVertical']
|
15416
|
+
};
|
15417
|
+
return composeClasses(slots, getDividerUtilityClass, classes);
|
15418
|
+
};
|
15419
|
+
const DividerRoot = styled$1('div', {
|
15420
|
+
name: 'MuiDivider',
|
15421
|
+
slot: 'Root',
|
15422
|
+
overridesResolver: (props, styles) => {
|
15423
|
+
const {
|
15424
|
+
ownerState
|
15425
|
+
} = props;
|
15426
|
+
return [styles.root, ownerState.absolute && styles.absolute, styles[ownerState.variant], ownerState.light && styles.light, ownerState.orientation === 'vertical' && styles.vertical, ownerState.flexItem && styles.flexItem, ownerState.children && styles.withChildren, ownerState.children && ownerState.orientation === 'vertical' && styles.withChildrenVertical, ownerState.textAlign === 'right' && ownerState.orientation !== 'vertical' && styles.textAlignRight, ownerState.textAlign === 'left' && ownerState.orientation !== 'vertical' && styles.textAlignLeft];
|
15427
|
+
}
|
15428
|
+
})(({
|
15429
|
+
theme,
|
15430
|
+
ownerState
|
15431
|
+
}) => _extends({
|
15432
|
+
margin: 0,
|
15433
|
+
// Reset browser default style.
|
15434
|
+
flexShrink: 0,
|
15435
|
+
borderWidth: 0,
|
15436
|
+
borderStyle: 'solid',
|
15437
|
+
borderColor: (theme.vars || theme).palette.divider,
|
15438
|
+
borderBottomWidth: 'thin'
|
15439
|
+
}, ownerState.absolute && {
|
15440
|
+
position: 'absolute',
|
15441
|
+
bottom: 0,
|
15442
|
+
left: 0,
|
15443
|
+
width: '100%'
|
15444
|
+
}, ownerState.light && {
|
15445
|
+
borderColor: theme.vars ? `rgba(${theme.vars.palette.dividerChannel} / 0.08)` : alpha(theme.palette.divider, 0.08)
|
15446
|
+
}, ownerState.variant === 'inset' && {
|
15447
|
+
marginLeft: 72
|
15448
|
+
}, ownerState.variant === 'middle' && ownerState.orientation === 'horizontal' && {
|
15449
|
+
marginLeft: theme.spacing(2),
|
15450
|
+
marginRight: theme.spacing(2)
|
15451
|
+
}, ownerState.variant === 'middle' && ownerState.orientation === 'vertical' && {
|
15452
|
+
marginTop: theme.spacing(1),
|
15453
|
+
marginBottom: theme.spacing(1)
|
15454
|
+
}, ownerState.orientation === 'vertical' && {
|
15455
|
+
height: '100%',
|
15456
|
+
borderBottomWidth: 0,
|
15457
|
+
borderRightWidth: 'thin'
|
15458
|
+
}, ownerState.flexItem && {
|
15459
|
+
alignSelf: 'stretch',
|
15460
|
+
height: 'auto'
|
15461
|
+
}), ({
|
15462
|
+
ownerState
|
15463
|
+
}) => _extends({}, ownerState.children && {
|
15464
|
+
display: 'flex',
|
15465
|
+
whiteSpace: 'nowrap',
|
15466
|
+
textAlign: 'center',
|
15467
|
+
border: 0,
|
15468
|
+
'&::before, &::after': {
|
15469
|
+
content: '""',
|
15470
|
+
alignSelf: 'center'
|
15471
|
+
}
|
15472
|
+
}), ({
|
15473
|
+
theme,
|
15474
|
+
ownerState
|
15475
|
+
}) => _extends({}, ownerState.children && ownerState.orientation !== 'vertical' && {
|
15476
|
+
'&::before, &::after': {
|
15477
|
+
width: '100%',
|
15478
|
+
borderTop: `thin solid ${(theme.vars || theme).palette.divider}`
|
15479
|
+
}
|
15480
|
+
}), ({
|
15481
|
+
theme,
|
15482
|
+
ownerState
|
15483
|
+
}) => _extends({}, ownerState.children && ownerState.orientation === 'vertical' && {
|
15484
|
+
flexDirection: 'column',
|
15485
|
+
'&::before, &::after': {
|
15486
|
+
height: '100%',
|
15487
|
+
borderLeft: `thin solid ${(theme.vars || theme).palette.divider}`
|
15488
|
+
}
|
15489
|
+
}), ({
|
15490
|
+
ownerState
|
15491
|
+
}) => _extends({}, ownerState.textAlign === 'right' && ownerState.orientation !== 'vertical' && {
|
15492
|
+
'&::before': {
|
15493
|
+
width: '90%'
|
15494
|
+
},
|
15495
|
+
'&::after': {
|
15496
|
+
width: '10%'
|
15497
|
+
}
|
15498
|
+
}, ownerState.textAlign === 'left' && ownerState.orientation !== 'vertical' && {
|
15499
|
+
'&::before': {
|
15500
|
+
width: '10%'
|
15501
|
+
},
|
15502
|
+
'&::after': {
|
15503
|
+
width: '90%'
|
15504
|
+
}
|
15505
|
+
}));
|
15506
|
+
const DividerWrapper = styled$1('span', {
|
15507
|
+
name: 'MuiDivider',
|
15508
|
+
slot: 'Wrapper',
|
15509
|
+
overridesResolver: (props, styles) => {
|
15510
|
+
const {
|
15511
|
+
ownerState
|
15512
|
+
} = props;
|
15513
|
+
return [styles.wrapper, ownerState.orientation === 'vertical' && styles.wrapperVertical];
|
15514
|
+
}
|
15515
|
+
})(({
|
15516
|
+
theme,
|
15517
|
+
ownerState
|
15518
|
+
}) => _extends({
|
15519
|
+
display: 'inline-block',
|
15520
|
+
paddingLeft: `calc(${theme.spacing(1)} * 1.2)`,
|
15521
|
+
paddingRight: `calc(${theme.spacing(1)} * 1.2)`
|
15522
|
+
}, ownerState.orientation === 'vertical' && {
|
15523
|
+
paddingTop: `calc(${theme.spacing(1)} * 1.2)`,
|
15524
|
+
paddingBottom: `calc(${theme.spacing(1)} * 1.2)`
|
15525
|
+
}));
|
15526
|
+
const Divider = /*#__PURE__*/React.forwardRef(function Divider(inProps, ref) {
|
15527
|
+
const props = useThemeProps({
|
15528
|
+
props: inProps,
|
15529
|
+
name: 'MuiDivider'
|
15530
|
+
});
|
15531
|
+
const {
|
15532
|
+
absolute = false,
|
15533
|
+
children,
|
15534
|
+
className,
|
15535
|
+
component = children ? 'div' : 'hr',
|
15536
|
+
flexItem = false,
|
15537
|
+
light = false,
|
15538
|
+
orientation = 'horizontal',
|
15539
|
+
role = component !== 'hr' ? 'separator' : undefined,
|
15540
|
+
textAlign = 'center',
|
15541
|
+
variant = 'fullWidth'
|
15542
|
+
} = props,
|
15543
|
+
other = _objectWithoutPropertiesLoose(props, _excluded$3);
|
15544
|
+
const ownerState = _extends({}, props, {
|
15545
|
+
absolute,
|
15546
|
+
component,
|
15547
|
+
flexItem,
|
15548
|
+
light,
|
15549
|
+
orientation,
|
15550
|
+
role,
|
15551
|
+
textAlign,
|
15552
|
+
variant
|
15553
|
+
});
|
15554
|
+
const classes = useUtilityClasses$2(ownerState);
|
15555
|
+
return /*#__PURE__*/jsx(DividerRoot, _extends({
|
15556
|
+
as: component,
|
15557
|
+
className: clsx(classes.root, className),
|
15558
|
+
role: role,
|
15559
|
+
ref: ref,
|
15560
|
+
ownerState: ownerState
|
15561
|
+
}, other, {
|
15562
|
+
children: children ? /*#__PURE__*/jsx(DividerWrapper, {
|
15563
|
+
className: classes.wrapper,
|
15564
|
+
ownerState: ownerState,
|
15565
|
+
children: children
|
15566
|
+
}) : null
|
15567
|
+
}));
|
15568
|
+
});
|
15569
|
+
process.env.NODE_ENV !== "production" ? Divider.propTypes /* remove-proptypes */ = {
|
15570
|
+
// ----------------------------- Warning --------------------------------
|
15571
|
+
// | These PropTypes are generated from the TypeScript type definitions |
|
15572
|
+
// | To update them edit the d.ts file and run "yarn proptypes" |
|
15573
|
+
// ----------------------------------------------------------------------
|
15574
|
+
/**
|
15575
|
+
* Absolutely position the element.
|
15576
|
+
* @default false
|
15577
|
+
*/
|
15578
|
+
absolute: PropTypes.bool,
|
15579
|
+
/**
|
15580
|
+
* The content of the component.
|
15581
|
+
*/
|
15582
|
+
children: PropTypes.node,
|
15583
|
+
/**
|
15584
|
+
* Override or extend the styles applied to the component.
|
15585
|
+
*/
|
15586
|
+
classes: PropTypes.object,
|
15587
|
+
/**
|
15588
|
+
* @ignore
|
15589
|
+
*/
|
15590
|
+
className: PropTypes.string,
|
15591
|
+
/**
|
15592
|
+
* The component used for the root node.
|
15593
|
+
* Either a string to use a HTML element or a component.
|
15594
|
+
*/
|
15595
|
+
component: PropTypes.elementType,
|
15596
|
+
/**
|
15597
|
+
* If `true`, a vertical divider will have the correct height when used in flex container.
|
15598
|
+
* (By default, a vertical divider will have a calculated height of `0px` if it is the child of a flex container.)
|
15599
|
+
* @default false
|
15600
|
+
*/
|
15601
|
+
flexItem: PropTypes.bool,
|
15602
|
+
/**
|
15603
|
+
* If `true`, the divider will have a lighter color.
|
15604
|
+
* @default false
|
15605
|
+
*/
|
15606
|
+
light: PropTypes.bool,
|
15607
|
+
/**
|
15608
|
+
* The component orientation.
|
15609
|
+
* @default 'horizontal'
|
15610
|
+
*/
|
15611
|
+
orientation: PropTypes.oneOf(['horizontal', 'vertical']),
|
15612
|
+
/**
|
15613
|
+
* @ignore
|
15614
|
+
*/
|
15615
|
+
role: PropTypes /* @typescript-to-proptypes-ignore */.string,
|
15616
|
+
/**
|
15617
|
+
* The system prop that allows defining system overrides as well as additional CSS styles.
|
15618
|
+
*/
|
15619
|
+
sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
|
15620
|
+
/**
|
15621
|
+
* The text alignment.
|
15622
|
+
* @default 'center'
|
15623
|
+
*/
|
15624
|
+
textAlign: PropTypes.oneOf(['center', 'left', 'right']),
|
15625
|
+
/**
|
15626
|
+
* The variant to use.
|
15627
|
+
* @default 'fullWidth'
|
15628
|
+
*/
|
15629
|
+
variant: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['fullWidth', 'inset', 'middle']), PropTypes.string])
|
15630
|
+
} : void 0;
|
15631
|
+
var Divider$1 = Divider;
|
15632
|
+
|
15633
|
+
const _excluded$2 = ["addEndListener", "appear", "children", "container", "direction", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"];
|
14684
15634
|
function getTranslateValue(direction, node, resolvedContainer) {
|
14685
15635
|
const rect = node.getBoundingClientRect();
|
14686
15636
|
const containerRect = resolvedContainer && resolvedContainer.getBoundingClientRect();
|
@@ -14769,7 +15719,7 @@ const Slide = /*#__PURE__*/React.forwardRef(function Slide(props, ref) {
|
|
14769
15719
|
// eslint-disable-next-line react/prop-types
|
14770
15720
|
TransitionComponent = Transition$1
|
14771
15721
|
} = props,
|
14772
|
-
other = _objectWithoutPropertiesLoose(props, _excluded$
|
15722
|
+
other = _objectWithoutPropertiesLoose(props, _excluded$2);
|
14773
15723
|
const childrenRef = React.useRef(null);
|
14774
15724
|
const handleRef = useForkRef(children.ref, childrenRef, ref);
|
14775
15725
|
const normalizedTransitionCallback = callback => isAppearing => {
|
@@ -14997,7 +15947,7 @@ function getDrawerUtilityClass(slot) {
|
|
14997
15947
|
}
|
14998
15948
|
generateUtilityClasses('MuiDrawer', ['root', 'docked', 'paper', 'paperAnchorLeft', 'paperAnchorRight', 'paperAnchorTop', 'paperAnchorBottom', 'paperAnchorDockedLeft', 'paperAnchorDockedRight', 'paperAnchorDockedTop', 'paperAnchorDockedBottom', 'modal']);
|
14999
15949
|
|
15000
|
-
const _excluded = ["BackdropProps"],
|
15950
|
+
const _excluded$1 = ["BackdropProps"],
|
15001
15951
|
_excluded2 = ["anchor", "BackdropProps", "children", "className", "elevation", "hideBackdrop", "ModalProps", "onClose", "open", "PaperProps", "SlideProps", "TransitionComponent", "transitionDuration", "variant"];
|
15002
15952
|
const overridesResolver = (props, styles) => {
|
15003
15953
|
const {
|
@@ -15005,7 +15955,7 @@ const overridesResolver = (props, styles) => {
|
|
15005
15955
|
} = props;
|
15006
15956
|
return [styles.root, (ownerState.variant === 'permanent' || ownerState.variant === 'persistent') && styles.docked, styles.modal];
|
15007
15957
|
};
|
15008
|
-
const useUtilityClasses = ownerState => {
|
15958
|
+
const useUtilityClasses$1 = ownerState => {
|
15009
15959
|
const {
|
15010
15960
|
classes,
|
15011
15961
|
anchor,
|
@@ -15137,7 +16087,7 @@ const Drawer = /*#__PURE__*/React.forwardRef(function Drawer(inProps, ref) {
|
|
15137
16087
|
transitionDuration = defaultTransitionDuration,
|
15138
16088
|
variant = 'temporary'
|
15139
16089
|
} = props,
|
15140
|
-
ModalProps = _objectWithoutPropertiesLoose(props.ModalProps, _excluded),
|
16090
|
+
ModalProps = _objectWithoutPropertiesLoose(props.ModalProps, _excluded$1),
|
15141
16091
|
other = _objectWithoutPropertiesLoose(props, _excluded2);
|
15142
16092
|
|
15143
16093
|
// Let's assume that the Drawer will always be rendered on user space.
|
@@ -15155,7 +16105,7 @@ const Drawer = /*#__PURE__*/React.forwardRef(function Drawer(inProps, ref) {
|
|
15155
16105
|
open,
|
15156
16106
|
variant
|
15157
16107
|
}, other);
|
15158
|
-
const classes = useUtilityClasses(ownerState);
|
16108
|
+
const classes = useUtilityClasses$1(ownerState);
|
15159
16109
|
const drawer = /*#__PURE__*/jsx(DrawerPaper, _extends({
|
15160
16110
|
elevation: variant === 'temporary' ? elevation : 0,
|
15161
16111
|
square: true
|
@@ -15292,6 +16242,346 @@ process.env.NODE_ENV !== "production" ? Drawer.propTypes /* remove-proptypes */
|
|
15292
16242
|
} : void 0;
|
15293
16243
|
var Drawer$1 = Drawer;
|
15294
16244
|
|
16245
|
+
function getLinearProgressUtilityClass(slot) {
|
16246
|
+
return generateUtilityClass('MuiLinearProgress', slot);
|
16247
|
+
}
|
16248
|
+
generateUtilityClasses('MuiLinearProgress', ['root', 'colorPrimary', 'colorSecondary', 'determinate', 'indeterminate', 'buffer', 'query', 'dashed', 'dashedColorPrimary', 'dashedColorSecondary', 'bar', 'barColorPrimary', 'barColorSecondary', 'bar1Indeterminate', 'bar1Determinate', 'bar1Buffer', 'bar2Indeterminate', 'bar2Buffer']);
|
16249
|
+
|
16250
|
+
const _excluded = ["className", "color", "value", "valueBuffer", "variant"];
|
16251
|
+
let _ = t => t,
|
16252
|
+
_t,
|
16253
|
+
_t2,
|
16254
|
+
_t3,
|
16255
|
+
_t4,
|
16256
|
+
_t5,
|
16257
|
+
_t6;
|
16258
|
+
const TRANSITION_DURATION = 4; // seconds
|
16259
|
+
const indeterminate1Keyframe = keyframes(_t || (_t = _`
|
16260
|
+
0% {
|
16261
|
+
left: -35%;
|
16262
|
+
right: 100%;
|
16263
|
+
}
|
16264
|
+
|
16265
|
+
60% {
|
16266
|
+
left: 100%;
|
16267
|
+
right: -90%;
|
16268
|
+
}
|
16269
|
+
|
16270
|
+
100% {
|
16271
|
+
left: 100%;
|
16272
|
+
right: -90%;
|
16273
|
+
}
|
16274
|
+
`));
|
16275
|
+
const indeterminate2Keyframe = keyframes(_t2 || (_t2 = _`
|
16276
|
+
0% {
|
16277
|
+
left: -200%;
|
16278
|
+
right: 100%;
|
16279
|
+
}
|
16280
|
+
|
16281
|
+
60% {
|
16282
|
+
left: 107%;
|
16283
|
+
right: -8%;
|
16284
|
+
}
|
16285
|
+
|
16286
|
+
100% {
|
16287
|
+
left: 107%;
|
16288
|
+
right: -8%;
|
16289
|
+
}
|
16290
|
+
`));
|
16291
|
+
const bufferKeyframe = keyframes(_t3 || (_t3 = _`
|
16292
|
+
0% {
|
16293
|
+
opacity: 1;
|
16294
|
+
background-position: 0 -23px;
|
16295
|
+
}
|
16296
|
+
|
16297
|
+
60% {
|
16298
|
+
opacity: 0;
|
16299
|
+
background-position: 0 -23px;
|
16300
|
+
}
|
16301
|
+
|
16302
|
+
100% {
|
16303
|
+
opacity: 1;
|
16304
|
+
background-position: -200px -23px;
|
16305
|
+
}
|
16306
|
+
`));
|
16307
|
+
const useUtilityClasses = ownerState => {
|
16308
|
+
const {
|
16309
|
+
classes,
|
16310
|
+
variant,
|
16311
|
+
color
|
16312
|
+
} = ownerState;
|
16313
|
+
const slots = {
|
16314
|
+
root: ['root', `color${capitalize(color)}`, variant],
|
16315
|
+
dashed: ['dashed', `dashedColor${capitalize(color)}`],
|
16316
|
+
bar1: ['bar', `barColor${capitalize(color)}`, (variant === 'indeterminate' || variant === 'query') && 'bar1Indeterminate', variant === 'determinate' && 'bar1Determinate', variant === 'buffer' && 'bar1Buffer'],
|
16317
|
+
bar2: ['bar', variant !== 'buffer' && `barColor${capitalize(color)}`, variant === 'buffer' && `color${capitalize(color)}`, (variant === 'indeterminate' || variant === 'query') && 'bar2Indeterminate', variant === 'buffer' && 'bar2Buffer']
|
16318
|
+
};
|
16319
|
+
return composeClasses(slots, getLinearProgressUtilityClass, classes);
|
16320
|
+
};
|
16321
|
+
const getColorShade = (theme, color) => {
|
16322
|
+
if (color === 'inherit') {
|
16323
|
+
return 'currentColor';
|
16324
|
+
}
|
16325
|
+
if (theme.vars) {
|
16326
|
+
return theme.vars.palette.LinearProgress[`${color}Bg`];
|
16327
|
+
}
|
16328
|
+
return theme.palette.mode === 'light' ? lighten(theme.palette[color].main, 0.62) : darken(theme.palette[color].main, 0.5);
|
16329
|
+
};
|
16330
|
+
const LinearProgressRoot = styled$1('span', {
|
16331
|
+
name: 'MuiLinearProgress',
|
16332
|
+
slot: 'Root',
|
16333
|
+
overridesResolver: (props, styles) => {
|
16334
|
+
const {
|
16335
|
+
ownerState
|
16336
|
+
} = props;
|
16337
|
+
return [styles.root, styles[`color${capitalize(ownerState.color)}`], styles[ownerState.variant]];
|
16338
|
+
}
|
16339
|
+
})(({
|
16340
|
+
ownerState,
|
16341
|
+
theme
|
16342
|
+
}) => _extends({
|
16343
|
+
position: 'relative',
|
16344
|
+
overflow: 'hidden',
|
16345
|
+
display: 'block',
|
16346
|
+
height: 4,
|
16347
|
+
zIndex: 0,
|
16348
|
+
// Fix Safari's bug during composition of different paint.
|
16349
|
+
'@media print': {
|
16350
|
+
colorAdjust: 'exact'
|
16351
|
+
},
|
16352
|
+
backgroundColor: getColorShade(theme, ownerState.color)
|
16353
|
+
}, ownerState.color === 'inherit' && ownerState.variant !== 'buffer' && {
|
16354
|
+
backgroundColor: 'none',
|
16355
|
+
'&::before': {
|
16356
|
+
content: '""',
|
16357
|
+
position: 'absolute',
|
16358
|
+
left: 0,
|
16359
|
+
top: 0,
|
16360
|
+
right: 0,
|
16361
|
+
bottom: 0,
|
16362
|
+
backgroundColor: 'currentColor',
|
16363
|
+
opacity: 0.3
|
16364
|
+
}
|
16365
|
+
}, ownerState.variant === 'buffer' && {
|
16366
|
+
backgroundColor: 'transparent'
|
16367
|
+
}, ownerState.variant === 'query' && {
|
16368
|
+
transform: 'rotate(180deg)'
|
16369
|
+
}));
|
16370
|
+
const LinearProgressDashed = styled$1('span', {
|
16371
|
+
name: 'MuiLinearProgress',
|
16372
|
+
slot: 'Dashed',
|
16373
|
+
overridesResolver: (props, styles) => {
|
16374
|
+
const {
|
16375
|
+
ownerState
|
16376
|
+
} = props;
|
16377
|
+
return [styles.dashed, styles[`dashedColor${capitalize(ownerState.color)}`]];
|
16378
|
+
}
|
16379
|
+
})(({
|
16380
|
+
ownerState,
|
16381
|
+
theme
|
16382
|
+
}) => {
|
16383
|
+
const backgroundColor = getColorShade(theme, ownerState.color);
|
16384
|
+
return _extends({
|
16385
|
+
position: 'absolute',
|
16386
|
+
marginTop: 0,
|
16387
|
+
height: '100%',
|
16388
|
+
width: '100%'
|
16389
|
+
}, ownerState.color === 'inherit' && {
|
16390
|
+
opacity: 0.3
|
16391
|
+
}, {
|
16392
|
+
backgroundImage: `radial-gradient(${backgroundColor} 0%, ${backgroundColor} 16%, transparent 42%)`,
|
16393
|
+
backgroundSize: '10px 10px',
|
16394
|
+
backgroundPosition: '0 -23px'
|
16395
|
+
});
|
16396
|
+
}, css(_t4 || (_t4 = _`
|
16397
|
+
animation: ${0} 3s infinite linear;
|
16398
|
+
`), bufferKeyframe));
|
16399
|
+
const LinearProgressBar1 = styled$1('span', {
|
16400
|
+
name: 'MuiLinearProgress',
|
16401
|
+
slot: 'Bar1',
|
16402
|
+
overridesResolver: (props, styles) => {
|
16403
|
+
const {
|
16404
|
+
ownerState
|
16405
|
+
} = props;
|
16406
|
+
return [styles.bar, styles[`barColor${capitalize(ownerState.color)}`], (ownerState.variant === 'indeterminate' || ownerState.variant === 'query') && styles.bar1Indeterminate, ownerState.variant === 'determinate' && styles.bar1Determinate, ownerState.variant === 'buffer' && styles.bar1Buffer];
|
16407
|
+
}
|
16408
|
+
})(({
|
16409
|
+
ownerState,
|
16410
|
+
theme
|
16411
|
+
}) => _extends({
|
16412
|
+
width: '100%',
|
16413
|
+
position: 'absolute',
|
16414
|
+
left: 0,
|
16415
|
+
bottom: 0,
|
16416
|
+
top: 0,
|
16417
|
+
transition: 'transform 0.2s linear',
|
16418
|
+
transformOrigin: 'left',
|
16419
|
+
backgroundColor: ownerState.color === 'inherit' ? 'currentColor' : (theme.vars || theme).palette[ownerState.color].main
|
16420
|
+
}, ownerState.variant === 'determinate' && {
|
16421
|
+
transition: `transform .${TRANSITION_DURATION}s linear`
|
16422
|
+
}, ownerState.variant === 'buffer' && {
|
16423
|
+
zIndex: 1,
|
16424
|
+
transition: `transform .${TRANSITION_DURATION}s linear`
|
16425
|
+
}), ({
|
16426
|
+
ownerState
|
16427
|
+
}) => (ownerState.variant === 'indeterminate' || ownerState.variant === 'query') && css(_t5 || (_t5 = _`
|
16428
|
+
width: auto;
|
16429
|
+
animation: ${0} 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
|
16430
|
+
`), indeterminate1Keyframe));
|
16431
|
+
const LinearProgressBar2 = styled$1('span', {
|
16432
|
+
name: 'MuiLinearProgress',
|
16433
|
+
slot: 'Bar2',
|
16434
|
+
overridesResolver: (props, styles) => {
|
16435
|
+
const {
|
16436
|
+
ownerState
|
16437
|
+
} = props;
|
16438
|
+
return [styles.bar, styles[`barColor${capitalize(ownerState.color)}`], (ownerState.variant === 'indeterminate' || ownerState.variant === 'query') && styles.bar2Indeterminate, ownerState.variant === 'buffer' && styles.bar2Buffer];
|
16439
|
+
}
|
16440
|
+
})(({
|
16441
|
+
ownerState,
|
16442
|
+
theme
|
16443
|
+
}) => _extends({
|
16444
|
+
width: '100%',
|
16445
|
+
position: 'absolute',
|
16446
|
+
left: 0,
|
16447
|
+
bottom: 0,
|
16448
|
+
top: 0,
|
16449
|
+
transition: 'transform 0.2s linear',
|
16450
|
+
transformOrigin: 'left'
|
16451
|
+
}, ownerState.variant !== 'buffer' && {
|
16452
|
+
backgroundColor: ownerState.color === 'inherit' ? 'currentColor' : (theme.vars || theme).palette[ownerState.color].main
|
16453
|
+
}, ownerState.color === 'inherit' && {
|
16454
|
+
opacity: 0.3
|
16455
|
+
}, ownerState.variant === 'buffer' && {
|
16456
|
+
backgroundColor: getColorShade(theme, ownerState.color),
|
16457
|
+
transition: `transform .${TRANSITION_DURATION}s linear`
|
16458
|
+
}), ({
|
16459
|
+
ownerState
|
16460
|
+
}) => (ownerState.variant === 'indeterminate' || ownerState.variant === 'query') && css(_t6 || (_t6 = _`
|
16461
|
+
width: auto;
|
16462
|
+
animation: ${0} 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.15s infinite;
|
16463
|
+
`), indeterminate2Keyframe));
|
16464
|
+
|
16465
|
+
/**
|
16466
|
+
* ## ARIA
|
16467
|
+
*
|
16468
|
+
* If the progress bar is describing the loading progress of a particular region of a page,
|
16469
|
+
* you should use `aria-describedby` to point to the progress bar, and set the `aria-busy`
|
16470
|
+
* attribute to `true` on that region until it has finished loading.
|
16471
|
+
*/
|
16472
|
+
const LinearProgress = /*#__PURE__*/React.forwardRef(function LinearProgress(inProps, ref) {
|
16473
|
+
const props = useThemeProps({
|
16474
|
+
props: inProps,
|
16475
|
+
name: 'MuiLinearProgress'
|
16476
|
+
});
|
16477
|
+
const {
|
16478
|
+
className,
|
16479
|
+
color = 'primary',
|
16480
|
+
value,
|
16481
|
+
valueBuffer,
|
16482
|
+
variant = 'indeterminate'
|
16483
|
+
} = props,
|
16484
|
+
other = _objectWithoutPropertiesLoose(props, _excluded);
|
16485
|
+
const ownerState = _extends({}, props, {
|
16486
|
+
color,
|
16487
|
+
variant
|
16488
|
+
});
|
16489
|
+
const classes = useUtilityClasses(ownerState);
|
16490
|
+
const theme = useTheme();
|
16491
|
+
const rootProps = {};
|
16492
|
+
const inlineStyles = {
|
16493
|
+
bar1: {},
|
16494
|
+
bar2: {}
|
16495
|
+
};
|
16496
|
+
if (variant === 'determinate' || variant === 'buffer') {
|
16497
|
+
if (value !== undefined) {
|
16498
|
+
rootProps['aria-valuenow'] = Math.round(value);
|
16499
|
+
rootProps['aria-valuemin'] = 0;
|
16500
|
+
rootProps['aria-valuemax'] = 100;
|
16501
|
+
let transform = value - 100;
|
16502
|
+
if (theme.direction === 'rtl') {
|
16503
|
+
transform = -transform;
|
16504
|
+
}
|
16505
|
+
inlineStyles.bar1.transform = `translateX(${transform}%)`;
|
16506
|
+
} else if (process.env.NODE_ENV !== 'production') {
|
16507
|
+
console.error('MUI: You need to provide a value prop ' + 'when using the determinate or buffer variant of LinearProgress .');
|
16508
|
+
}
|
16509
|
+
}
|
16510
|
+
if (variant === 'buffer') {
|
16511
|
+
if (valueBuffer !== undefined) {
|
16512
|
+
let transform = (valueBuffer || 0) - 100;
|
16513
|
+
if (theme.direction === 'rtl') {
|
16514
|
+
transform = -transform;
|
16515
|
+
}
|
16516
|
+
inlineStyles.bar2.transform = `translateX(${transform}%)`;
|
16517
|
+
} else if (process.env.NODE_ENV !== 'production') {
|
16518
|
+
console.error('MUI: You need to provide a valueBuffer prop ' + 'when using the buffer variant of LinearProgress.');
|
16519
|
+
}
|
16520
|
+
}
|
16521
|
+
return /*#__PURE__*/jsxs(LinearProgressRoot, _extends({
|
16522
|
+
className: clsx(classes.root, className),
|
16523
|
+
ownerState: ownerState,
|
16524
|
+
role: "progressbar"
|
16525
|
+
}, rootProps, {
|
16526
|
+
ref: ref
|
16527
|
+
}, other, {
|
16528
|
+
children: [variant === 'buffer' ? /*#__PURE__*/jsx(LinearProgressDashed, {
|
16529
|
+
className: classes.dashed,
|
16530
|
+
ownerState: ownerState
|
16531
|
+
}) : null, /*#__PURE__*/jsx(LinearProgressBar1, {
|
16532
|
+
className: classes.bar1,
|
16533
|
+
ownerState: ownerState,
|
16534
|
+
style: inlineStyles.bar1
|
16535
|
+
}), variant === 'determinate' ? null : /*#__PURE__*/jsx(LinearProgressBar2, {
|
16536
|
+
className: classes.bar2,
|
16537
|
+
ownerState: ownerState,
|
16538
|
+
style: inlineStyles.bar2
|
16539
|
+
})]
|
16540
|
+
}));
|
16541
|
+
});
|
16542
|
+
process.env.NODE_ENV !== "production" ? LinearProgress.propTypes /* remove-proptypes */ = {
|
16543
|
+
// ----------------------------- Warning --------------------------------
|
16544
|
+
// | These PropTypes are generated from the TypeScript type definitions |
|
16545
|
+
// | To update them edit the d.ts file and run "yarn proptypes" |
|
16546
|
+
// ----------------------------------------------------------------------
|
16547
|
+
/**
|
16548
|
+
* Override or extend the styles applied to the component.
|
16549
|
+
*/
|
16550
|
+
classes: PropTypes.object,
|
16551
|
+
/**
|
16552
|
+
* @ignore
|
16553
|
+
*/
|
16554
|
+
className: PropTypes.string,
|
16555
|
+
/**
|
16556
|
+
* The color of the component.
|
16557
|
+
* It supports both default and custom theme colors, which can be added as shown in the
|
16558
|
+
* [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
|
16559
|
+
* @default 'primary'
|
16560
|
+
*/
|
16561
|
+
color: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['inherit', 'primary', 'secondary']), PropTypes.string]),
|
16562
|
+
/**
|
16563
|
+
* The system prop that allows defining system overrides as well as additional CSS styles.
|
16564
|
+
*/
|
16565
|
+
sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
|
16566
|
+
/**
|
16567
|
+
* The value of the progress indicator for the determinate and buffer variants.
|
16568
|
+
* Value between 0 and 100.
|
16569
|
+
*/
|
16570
|
+
value: PropTypes.number,
|
16571
|
+
/**
|
16572
|
+
* The value for the buffer variant.
|
16573
|
+
* Value between 0 and 100.
|
16574
|
+
*/
|
16575
|
+
valueBuffer: PropTypes.number,
|
16576
|
+
/**
|
16577
|
+
* The variant to use.
|
16578
|
+
* Use indeterminate or query when there is no progress value.
|
16579
|
+
* @default 'indeterminate'
|
16580
|
+
*/
|
16581
|
+
variant: PropTypes.oneOf(['buffer', 'determinate', 'indeterminate', 'query'])
|
16582
|
+
} : void 0;
|
16583
|
+
var LinearProgress$1 = LinearProgress;
|
16584
|
+
|
15295
16585
|
const Stack = createStack({
|
15296
16586
|
createStyledComponent: styled$1('div', {
|
15297
16587
|
name: 'MuiStack',
|
@@ -15352,58 +16642,53 @@ var Stack$1 = Stack;
|
|
15352
16642
|
var img = "data:image/svg+xml,%3c%3fxml version='1.0' encoding='utf-8'%3f%3e%3csvg xmlns='http://www.w3.org/2000/svg'%3e %3csymbol id='create' viewBox='0 0 208 187' fill='none'%3e %3cellipse cx='103.533' cy='183.458' rx='61.5334' ry='3.45772' fill='%23ECEFF1'/%3e %3cpath d='M71.6923 37.0033V0H8V149H16.3077V10.3955L46.3151 7.40066L46.448 7.52894L46.5865 7.37599L61.496 5.89586L61.6622 6.05867L61.8394 5.86132L70.0308 5.02752V37.0033H61.1692V40.9503H80V37.0033H71.6923ZM28.8025 2.58037L33.7871 7.15891L23.5077 8.18513L28.8025 2.58037ZM22.0788 7.40066L17.2271 1.48013H27.6726L22.0788 7.40066ZM29.9157 1.48013H40.1231L35.2049 6.3103L29.9157 1.48013ZM70.0308 2.10179V3.53752L68.7348 3.66579L70.0308 2.10179ZM67.2948 2.91586L65.8049 1.48013H68.48L67.2948 2.91586ZM63.6172 1.48013L61.5735 3.76447L59.2308 1.48013H63.6172ZM57.0431 1.48013L54.5785 4.23811L51.8757 1.48013H57.0431ZM49.7102 1.48013L46.3428 5.25941L42.3717 1.48013H49.7102ZM16.3077 2.86652L20.8991 8.44662L16.3077 8.90547V2.86652ZM36.8886 6.84808L41.2308 2.5705L44.8862 6.04881L36.8886 6.84808ZM50.8012 2.63463L53.3268 5.20513L48.0431 5.73305L50.8012 2.63463ZM56.0849 4.93377L58.1508 2.62477L60.1114 4.53414L56.0849 4.93377ZM64.7249 2.61983L66.0874 3.94702L63.3182 4.22331L64.7249 2.61983Z' fill='%23ECEFF1'/%3e %3cpath d='M53.2805 64.3482H43.0115V59.4281H41.5445V64.3482H31.7646V55H29.8086V157.831H55.2365V57.9521H53.2805V64.3482ZM41.5445 72.2204H31.7646V66.8083H41.5445V72.2204ZM53.2805 72.2204H43.0115V66.8083H53.2805V72.2204Z' fill='%23ECEFF1'/%3e %3cpath d='M204 162V137.945H201.863V126.482H198.733V86.6293H194.21V81.4855L184.562 77.1551V71.9737H183.222V86.6293H181.35V126.482H179.482V105.526H174.401V94.7259H172.983V126.482H169.125V114.398H166.582V111.309H160.699V100.768H157.477V93.3107H153.516V82.4494H152.103V93.3107H148.142V100.768H144.919V111.309H139.037V114.398H136.499V126.482H133.487V111.309H127.604V78.6597H125.731V75.0581H113.164V78.6597H110.489V102.315H99.7897V104.628H95.78V106.429V112.829V115.682H88.5623V84.8285H86.1516V78.2695H80.9389V55H79.467V78.2695H75.7262V84.8285H53.7751V82.6704H52.4401V97.3261H50.5672V97.5847H49.4425V112.24H47.5697V116.223H43.6137V105.427H42.1956V131.137H40.621V120.337H39.2029V137.179H38.3374V125.095H35.7995V122.011H29.9169V111.469H26.6944V104.012H22.7335V93.1461H21.3203V104.012H17.3594V111.469H14.1369V122.011H8.25428V125.095H5.71638V136.925H5.25672V137.179H4V162H204Z' fill='%23ECEFF1'/%3e %3cpath d='M1 162H75' stroke='%23E0E3E6' stroke-width='0.5' stroke-linecap='round'/%3e %3cpath d='M95 162H207' stroke='%23E0E3E6' stroke-width='0.5' stroke-linecap='round'/%3e %3cpath d='M80 162H89' stroke='%23E0E3E6' stroke-width='0.5' stroke-linecap='round'/%3e %3cpath d='M111.051 151.884L131.834 178.147C132.913 179.511 135.091 178.965 135.404 177.252L141.462 143.805' stroke='%23455A64' stroke-width='3' stroke-miterlimit='10'/%3e %3cpath d='M51.5779 109.002H157L140.363 142.002H70.9327L50.3481 111.51C49.5227 110.497 50.2582 109.002 51.5779 109.002Z' fill='%2383ABDE' stroke='%2304447F' stroke-miterlimit='10'/%3e %3cpath d='M60.5 160.167C60.5 148.753 69.7512 139.502 81.1644 139.502C92.5777 139.502 101.829 148.753 101.829 160.167C101.829 171.58 92.5777 180.831 81.1644 180.831C69.7512 180.831 60.5 171.58 60.5 160.167ZM71.3017 160.167C71.3017 165.614 75.7175 170.029 81.1644 170.029C86.6114 170.029 91.0272 165.614 91.0272 160.167C91.0272 154.72 86.6114 150.304 81.1644 150.304C75.7175 150.304 71.3017 154.72 71.3017 160.167Z' fill='%23455A64' stroke='%23263238' stroke-miterlimit='10'/%3e %3cpath d='M82.2108 163.688L82.3783 163.641L144.616 146.301L169.744 98.2155L169.884 97.9471H170.187H178.247C180.028 97.9471 181.469 96.5025 181.469 94.7244C181.469 92.943 180.025 91.5018 178.247 91.5018H165.712L140.624 139.511L140.524 139.703L140.315 139.761L80.3764 156.461C80.3763 156.461 80.3763 156.461 80.3762 156.461C78.4234 157.006 77.2636 159.008 77.7621 160.971L82.2108 163.688ZM82.2108 163.688C80.2481 164.14 78.2645 162.945 77.7622 160.971L82.2108 163.688Z' fill='%23F4F7F9' stroke='%23263238'/%3e %3cpath d='M26 183.144L33.2302 176.88L35.4503 173.386L40.5175 170.632L48.5844 168.002L55.6288 170.632L59.2357 174.417L63.7183 174.261L70.1131 176.275L75.6746 179.927L78.5669 183.868L26 183.144Z' fill='%23EEE4B0'/%3e %3cpath d='M46.1618 174.674C46.0308 174.646 45.9023 174.607 45.7777 174.558C45.532 174.476 45.1817 174.352 44.7411 174.23C44.228 174.081 43.6965 174.005 43.1622 174.004C42.5116 174.003 41.876 174.2 41.3403 174.569C41.0778 174.783 40.8375 175.022 40.6229 175.284C40.5072 175.408 40.3728 175.514 40.2247 175.597C40.0776 175.674 39.9158 175.718 39.7501 175.727C39.4338 175.75 39.1457 175.699 38.883 175.704C38.638 175.711 38.3965 175.763 38.1712 175.86C37.8403 175.997 37.549 176.214 37.3238 176.493C37.1657 176.693 37.1064 176.823 37.0951 176.817C37.0838 176.812 37.0951 176.781 37.129 176.718C37.1714 176.628 37.2215 176.541 37.2787 176.459C37.494 176.156 37.7866 175.916 38.126 175.764C38.3617 175.656 38.6158 175.595 38.8745 175.583C39.157 175.583 39.4394 175.617 39.7219 175.583C39.8729 175.571 40.02 175.529 40.1544 175.459C40.2888 175.389 40.4078 175.293 40.5043 175.176C40.7212 174.906 40.9664 174.66 41.2358 174.442C41.7988 174.061 42.4657 173.864 43.1452 173.877C43.6911 173.883 44.2329 173.972 44.7524 174.14C45.1958 174.275 45.5433 174.422 45.7805 174.513C45.9125 174.554 46.0402 174.608 46.1618 174.674Z' fill='%231E62A1'/%3e %3cpath d='M66.0544 179.718C65.8911 179.66 65.7308 179.594 65.5743 179.52C65.1884 179.379 64.7787 179.315 64.3682 179.331C63.9573 179.348 63.5535 179.443 63.179 179.613C63.029 179.7 62.8743 179.778 62.7158 179.848C62.8279 179.709 62.9699 179.598 63.131 179.523C63.509 179.316 63.9298 179.199 64.3605 179.181C64.7912 179.164 65.2201 179.246 65.6138 179.421C65.7822 179.484 65.9332 179.585 66.0544 179.718Z' fill='%231E62A1'/%3e %3cmask id='path-15-inside-1_1144_129382' fill='white'%3e %3cpath d='M100.738 99.8354C101.631 100.403 103.05 101.43 103.794 101.975C103.176 101.537 102.031 100.726 100.738 99.8354Z'/%3e %3c/mask%3e %3cpath d='M100.738 99.8354C101.631 100.403 103.05 101.43 103.794 101.975C103.176 101.537 102.031 100.726 100.738 99.8354Z' fill='%23FFFBC7'/%3e %3cpath d='M100.738 99.8354L101.275 98.9917L100.171 100.659L100.738 99.8354ZM103.794 101.975L103.216 102.791L104.385 101.168L103.794 101.975ZM100.201 100.679C101.062 101.227 102.455 102.233 103.203 102.782L104.385 101.168C103.645 100.626 102.2 99.5803 101.275 98.9917L100.201 100.679ZM104.372 101.159C103.754 100.721 102.604 99.9065 101.306 99.0118L100.171 100.659C101.458 101.545 102.598 102.353 103.216 102.791L104.372 101.159Z' fill='%231E62A1' mask='url(%23path-15-inside-1_1144_129382)'/%3e %3cpath d='M146.805 109.48L146.813 109.48L146.805 109.48ZM146.805 109.48L146.817 109.98M146.805 109.48L146.817 109.98M146.817 109.98C146.805 109.48 146.805 109.48 146.804 109.48L146.804 109.48L146.801 109.48L146.792 109.481L146.753 109.482L146.602 109.486C146.469 109.489 146.272 109.495 146.016 109.503C145.504 109.518 144.755 109.542 143.811 109.577C141.921 109.645 139.244 109.755 136.095 109.919C129.797 110.247 121.604 110.792 114.034 111.661C106.519 112.524 99.4772 112.375 94.3123 112.009C91.7307 111.826 89.62 111.59 88.1561 111.399C87.4242 111.304 86.8541 111.22 86.4678 111.16C86.2746 111.13 86.1274 111.106 86.0289 111.09C86.0054 111.086 85.9848 111.082 85.9669 111.079C85.9472 111.076 85.9309 111.073 85.918 111.071L85.8906 111.066L85.884 111.065L85.8825 111.065L85.8823 111.065L85.3689 110.974M146.817 109.98L85.3689 110.974M85.3689 110.974L85.3002 111.485M85.3689 110.974L85.3002 111.485M55.4109 99.9256C55.9033 100.013 55.9032 100.013 55.9032 100.013L55.9033 100.013L55.4109 99.9256ZM55.4109 99.9256L55.451 100.424L55.4512 100.424C55.4511 100.424 55.451 100.424 55.4109 99.9256ZM85.4193 86.7107C85.6678 87.1446 85.6675 87.1447 85.6673 87.1448L85.6678 87.1446L85.4193 86.7107ZM85.4193 86.7107L85.274 87.1892L85.2744 87.1893C85.2742 87.1892 85.274 87.1892 85.4193 86.7107ZM131.687 88.2917C133.891 89.2989 135.825 90.435 137.506 91.6363L137.507 91.6377C141.135 94.2059 143.628 97.0331 145.268 99.3535L145.268 99.3537C146.26 100.756 146.94 101.972 147.371 102.834C147.587 103.265 147.74 103.608 147.839 103.84C147.888 103.956 147.924 104.045 147.947 104.104C147.958 104.133 147.967 104.155 147.972 104.169L147.977 104.184L147.979 104.187L147.979 104.187L147.979 104.188L147.979 104.188L148.05 104.386L148.243 104.474L148.243 104.474L148.244 104.474L148.248 104.476L148.263 104.483L148.326 104.512C148.381 104.537 148.463 104.575 148.565 104.624C148.77 104.722 149.061 104.863 149.401 105.036C150.084 105.383 150.957 105.855 151.738 106.361C152.539 106.881 153.17 107.391 153.441 107.8C153.575 108.002 153.56 108.088 153.557 108.1C153.556 108.103 153.53 108.204 153.239 108.33C151.884 108.916 150.286 109.207 149.006 109.349C148.371 109.419 147.822 109.452 147.432 109.467C147.238 109.475 147.084 109.478 146.979 109.479C146.927 109.48 146.887 109.48 146.86 109.48L146.831 109.48L146.824 109.48L146.822 109.48L146.822 109.48L131.687 88.2917ZM131.687 88.2917L131.895 87.8366L131.687 88.2914C131.687 88.2915 131.687 88.2916 131.687 88.2917ZM85.3002 111.485C85.3 111.486 85.2997 111.488 85.2993 111.49C85.2977 111.498 85.2943 111.514 85.2884 111.537C85.2764 111.583 85.2541 111.655 85.2155 111.743C85.1384 111.919 84.9964 112.161 84.738 112.398C84.2328 112.862 83.199 113.381 81.094 113.211C80.6284 113.173 79.9032 113.057 78.966 112.878C75.2638 112.154 68.5612 110.43 62.5791 108.536C59.588 107.589 56.7892 106.603 54.6413 105.683C53.5665 105.223 52.6663 104.784 51.9903 104.379C51.2909 103.961 50.9089 103.624 50.7737 103.393L50.7676 103.382M85.3002 111.485L50.7676 103.382M50.7676 103.382L50.761 103.372M50.7676 103.382L50.761 103.372M50.761 103.372C50.7453 103.348 50.7276 103.316 50.7152 103.291L50.7153 103.291M50.761 103.372L50.7153 103.291M50.7153 103.291L50.7102 103.281L50.7153 103.291ZM55.9028 100.015L55.8359 100.393L55.9028 100.015ZM55.9028 100.015C55.9028 100.015 55.9028 100.015 55.9029 100.015M55.9028 100.015L55.9029 100.015M55.9029 100.015C55.903 100.014 55.9031 100.014 55.9033 100.013M55.9029 100.015L55.9033 100.013M55.9033 100.013L55.9073 99.994M55.9033 100.013L55.9073 99.994M55.9073 99.994C55.9114 99.9751 55.9187 99.9437 55.9301 99.9007M55.9073 99.994L55.9301 99.9007M55.9301 99.9007C55.953 99.8146 55.9923 99.6817 56.0557 99.5077M55.9301 99.9007L56.0557 99.5077M56.0557 99.5077C56.1822 99.1605 56.405 98.6489 56.7856 98.0185L56.0557 99.5077ZM137.796 91.2296C141.477 93.8356 144.009 96.7059 145.676 99.065L137.796 91.2296ZM66.691 90.1171C66.6917 90.1168 66.6923 90.1165 66.6929 90.1162L66.4759 89.6658L66.6891 90.1181C66.6897 90.1178 66.6904 90.1175 66.691 90.1171ZM58.1184 96.219L57.7375 95.895L58.115 96.223C58.1155 96.2223 58.1161 96.2216 58.1167 96.221C58.1172 96.2203 58.1178 96.2197 58.1184 96.219ZM57.3664 97.1597C57.3669 97.1589 57.3674 97.1582 57.368 97.1574L56.9635 96.8635L57.3648 97.1617C57.3653 97.161 57.3658 97.1604 57.3664 97.1597Z' fill='%23E5D050' stroke='%231E62A1'/%3e %3cpath d='M120.968 99.244C121.036 99.3139 121.103 99.3847 121.166 99.4555C121.404 99.7188 121.587 99.961 121.701 100.156C121.66 100.123 121.615 100.083 121.566 100.035C121.37 99.8403 121.165 99.5611 120.968 99.244Z' fill='%231E62A1' stroke='%231E62A1'/%3e %3cmask id='path-19-inside-2_1144_129382' fill='white'%3e %3cpath d='M120.699 96.3469C120.699 96.3469 123.018 99.9863 123.648 99.9927C124.278 99.9991 122.26 97.3039 120.699 96.3469Z'/%3e %3c/mask%3e %3cpath d='M120.699 96.3469C120.699 96.3469 123.018 99.9863 123.648 99.9927C124.278 99.9991 122.26 97.3039 120.699 96.3469Z' fill='%231E62A1'/%3e %3cpath d='M120.699 96.3469L121.222 95.4944L119.856 96.8843L120.699 96.3469ZM120.699 96.3469C119.856 96.8843 119.856 96.8844 119.856 96.8844C119.856 96.8845 119.856 96.8846 119.856 96.8847C119.856 96.8848 119.856 96.8851 119.857 96.8854C119.857 96.8859 119.857 96.8867 119.858 96.8878C119.859 96.8898 119.861 96.8927 119.864 96.8964C119.868 96.9039 119.875 96.9147 119.884 96.9286C119.902 96.9565 119.928 96.9969 119.961 97.048C120.028 97.1502 120.123 97.2956 120.239 97.4699C120.47 97.8175 120.788 98.2841 121.127 98.7533C121.463 99.2177 121.836 99.7061 122.176 100.087C122.344 100.275 122.527 100.463 122.711 100.611C122.803 100.686 122.917 100.768 123.047 100.837C123.166 100.899 123.375 100.99 123.638 100.993L123.658 98.9928C123.842 98.9946 123.959 99.0566 123.975 99.0648C124.002 99.079 124.001 99.0827 123.97 99.057C123.906 99.0056 123.805 98.9078 123.667 98.7537C123.396 98.4503 123.07 98.0278 122.748 97.5815C122.429 97.1401 122.127 96.6964 121.904 96.3614C121.793 96.1944 121.702 96.0555 121.639 95.9586C121.607 95.9102 121.583 95.8724 121.567 95.847C121.558 95.8343 121.552 95.8246 121.548 95.8183C121.546 95.8152 121.545 95.8128 121.544 95.8114C121.543 95.8106 121.543 95.8101 121.543 95.8098C121.543 95.8097 121.543 95.8096 121.543 95.8095C121.543 95.8095 121.543 95.8095 121.543 95.8095C121.543 95.8095 121.543 95.8095 120.699 96.3469ZM123.638 100.993C123.848 100.995 124.176 100.939 124.446 100.667C124.708 100.403 124.761 100.089 124.766 99.9045C124.775 99.5786 124.649 99.287 124.578 99.1361C124.406 98.7683 124.11 98.3328 123.782 97.9145C123.128 97.0786 122.147 96.0616 121.222 95.4944L120.177 97.1995C120.812 97.5892 121.621 98.3983 122.208 99.1477C122.501 99.522 122.689 99.8189 122.767 99.9846C122.821 100.1 122.762 100.026 122.766 99.8498C122.769 99.7403 122.803 99.4844 123.025 99.2596C123.256 99.0265 123.526 98.9914 123.658 98.9928L123.638 100.993Z' fill='%231E62A1' mask='url(%23path-19-inside-2_1144_129382)'/%3e %3cpath d='M135.778 108.44C135.917 108.667 136.043 108.798 136.138 108.767L135.778 108.44Z' fill='%231E62A1' stroke='%231E62A1'/%3e %3cmask id='path-22-inside-3_1144_129382' fill='white'%3e %3cpath d='M136.332 104.998C136.332 104.998 136.931 107.99 137.559 108.152C138.187 108.314 136.332 104.998 136.332 104.998Z'/%3e %3c/mask%3e %3cpath d='M136.332 104.998C136.332 104.998 136.931 107.99 137.559 108.152C138.187 108.314 136.332 104.998 136.332 104.998Z' fill='%231E62A1'/%3e %3cpath d='M136.332 104.998L137.205 104.51L135.351 105.194L136.332 104.998ZM136.332 104.998C135.351 105.194 135.352 105.194 135.352 105.194C135.352 105.195 135.352 105.195 135.352 105.195C135.352 105.195 135.352 105.195 135.352 105.196C135.352 105.196 135.352 105.197 135.352 105.198C135.353 105.2 135.353 105.203 135.354 105.206C135.355 105.213 135.357 105.222 135.36 105.234C135.365 105.258 135.372 105.293 135.381 105.336C135.4 105.424 135.427 105.547 135.462 105.695C135.53 105.99 135.63 106.389 135.752 106.799C135.871 107.201 136.022 107.648 136.2 108.021C136.288 108.205 136.399 108.409 136.54 108.588C136.662 108.743 136.911 109.017 137.309 109.12L137.809 107.184C138.051 107.246 138.144 107.392 138.112 107.352C138.1 107.336 138.062 107.279 138.005 107.161C137.894 106.927 137.778 106.596 137.669 106.229C137.562 105.871 137.473 105.512 137.409 105.241C137.378 105.106 137.353 104.994 137.337 104.917C137.329 104.879 137.322 104.849 137.318 104.829C137.316 104.819 137.315 104.812 137.314 104.807C137.313 104.805 137.313 104.803 137.313 104.802C137.313 104.802 137.313 104.801 137.313 104.801C137.313 104.801 137.313 104.801 137.313 104.801C137.313 104.801 137.313 104.801 137.313 104.801C137.313 104.801 137.313 104.802 136.332 104.998ZM137.309 109.12C137.5 109.17 137.883 109.213 138.242 108.949C138.582 108.699 138.659 108.347 138.679 108.187C138.717 107.885 138.635 107.59 138.591 107.443C138.481 107.074 138.279 106.614 138.084 106.206C137.882 105.783 137.663 105.359 137.495 105.044C137.411 104.885 137.339 104.753 137.288 104.66C137.262 104.613 137.242 104.576 137.227 104.55C137.22 104.538 137.215 104.528 137.211 104.521C137.209 104.517 137.208 104.515 137.207 104.513C137.206 104.512 137.206 104.511 137.205 104.511C137.205 104.51 137.205 104.51 137.205 104.51C137.205 104.51 137.205 104.51 137.205 104.51C137.205 104.51 137.205 104.51 136.332 104.998C135.459 105.486 135.459 105.486 135.459 105.486C135.459 105.486 135.459 105.486 135.459 105.486C135.459 105.486 135.459 105.486 135.459 105.486C135.46 105.487 135.46 105.487 135.46 105.488C135.461 105.489 135.462 105.491 135.464 105.494C135.467 105.5 135.472 105.508 135.478 105.52C135.491 105.543 135.51 105.577 135.534 105.621C135.581 105.708 135.649 105.833 135.729 105.983C135.89 106.285 136.095 106.68 136.278 107.066C136.469 107.466 136.612 107.805 136.674 108.012C136.716 108.154 136.676 108.091 136.695 107.939C136.705 107.855 136.758 107.557 137.056 107.338C137.374 107.105 137.697 107.155 137.809 107.184L137.309 109.12Z' fill='%231E62A1' mask='url(%23path-22-inside-3_1144_129382)'/%3e %3cmask id='path-24-inside-4_1144_129382' fill='white'%3e %3cpath d='M137.63 101.233C137.63 101.233 141.261 99.6989 141.096 100.638C140.931 101.578 137.63 101.233 137.63 101.233Z'/%3e %3c/mask%3e %3cpath d='M137.63 101.233C137.63 101.233 141.261 99.6989 141.096 100.638C140.931 101.578 137.63 101.233 137.63 101.233Z' fill='%231E62A1'/%3e %3cpath d='M137.63 101.233L137.241 100.311L137.526 102.227L137.63 101.233ZM137.63 101.233C138.019 102.154 138.019 102.154 138.019 102.154C138.019 102.154 138.019 102.154 138.019 102.154C138.019 102.154 138.019 102.154 138.019 102.154C138.019 102.154 138.02 102.154 138.02 102.153C138.022 102.153 138.024 102.152 138.027 102.151C138.032 102.148 138.042 102.144 138.054 102.139C138.078 102.129 138.115 102.114 138.161 102.095C138.255 102.057 138.39 102.003 138.552 101.942C138.878 101.817 139.301 101.664 139.712 101.541C140.147 101.411 140.481 101.341 140.661 101.334C140.777 101.33 140.667 101.359 140.497 101.261C140.385 101.197 140.249 101.078 140.167 100.888C140.088 100.706 140.097 100.547 140.111 100.465L142.081 100.811C142.116 100.612 142.116 100.355 142.002 100.092C141.885 99.8218 141.688 99.6391 141.493 99.527C141.156 99.3332 140.789 99.3281 140.588 99.3355C140.133 99.3522 139.59 99.4897 139.138 99.6252C138.662 99.7681 138.188 99.9398 137.838 100.073C137.662 100.141 137.514 100.199 137.41 100.242C137.358 100.263 137.317 100.28 137.288 100.292C137.274 100.298 137.262 100.302 137.255 100.306C137.251 100.307 137.247 100.309 137.245 100.31C137.244 100.31 137.243 100.31 137.242 100.311C137.242 100.311 137.242 100.311 137.242 100.311C137.241 100.311 137.241 100.311 137.241 100.311C137.241 100.311 137.241 100.311 137.63 101.233ZM140.111 100.465C140.18 100.076 140.505 100.077 140.198 100.17C139.988 100.233 139.66 100.274 139.264 100.288C138.883 100.302 138.499 100.29 138.205 100.273C138.059 100.265 137.939 100.256 137.856 100.249C137.814 100.246 137.783 100.243 137.762 100.241C137.751 100.24 137.744 100.239 137.739 100.238C137.737 100.238 137.735 100.238 137.734 100.238C137.734 100.238 137.734 100.238 137.734 100.238C137.734 100.238 137.734 100.238 137.734 100.238C137.734 100.238 137.734 100.238 137.734 100.238C137.734 100.238 137.734 100.238 137.63 101.233C137.526 102.227 137.526 102.227 137.526 102.227C137.527 102.227 137.527 102.227 137.527 102.227C137.527 102.227 137.528 102.227 137.528 102.227C137.529 102.227 137.53 102.227 137.531 102.228C137.533 102.228 137.536 102.228 137.54 102.229C137.548 102.229 137.559 102.23 137.573 102.232C137.6 102.234 137.64 102.238 137.689 102.242C137.787 102.25 137.926 102.261 138.092 102.27C138.422 102.289 138.873 102.304 139.338 102.287C139.788 102.27 140.317 102.222 140.772 102.085C141.13 101.978 141.93 101.67 142.081 100.811L140.111 100.465Z' fill='%231E62A1' mask='url(%23path-24-inside-4_1144_129382)'/%3e %3cpath d='M141.994 98.4307C141.985 98.3594 141.965 98.2562 141.929 98.1181C141.842 97.7927 141.68 97.3318 141.432 96.7528C140.938 95.5981 140.121 94.0129 138.946 92.1701C137.871 90.4932 136.511 88.6089 134.828 86.6436L134.827 86.6421C134.351 86.0826 133.847 85.5659 133.326 85.0724L133.301 85.0596L133.25 85.0129C128.05 80.1932 121.068 78.9534 114.988 78.7506C111.636 78.6392 108.907 78.8446 107.021 79.0771C106.077 79.1933 105.344 79.3162 104.849 79.4096C104.602 79.4563 104.414 79.4956 104.289 79.523C104.227 79.5366 104.18 79.5473 104.149 79.5545L104.115 79.5625L104.108 79.5643L104.106 79.5647L104.106 79.5647L104.106 79.5648L104.029 79.5839L103.949 79.578L103.986 79.0793C103.949 79.578 103.949 79.578 103.949 79.578L103.948 79.5779L103.946 79.5777L103.936 79.577L103.894 79.574C103.857 79.5714 103.802 79.5676 103.729 79.5627C103.583 79.5529 103.367 79.539 103.087 79.5226C102.527 79.4896 101.712 79.4463 100.691 79.4053C98.65 79.3232 95.7905 79.2498 92.5187 79.2852C85.9653 79.356 77.7952 79.8625 71.2334 81.5901L71.2332 81.5902C64.6626 83.3166 58.3065 86.2577 53.8304 88.8853C51.59 90.2005 49.8395 91.4262 48.7733 92.3696C48.232 92.8487 47.9052 93.2221 47.7644 93.4731C47.7535 93.4926 47.7444 93.51 47.737 93.5253C48.5775 93.9379 49.4181 94.1553 50.062 94.2691C50.3977 94.3285 50.6766 94.3591 50.8697 94.3748C50.9662 94.3827 51.041 94.3868 51.0904 94.3889C51.1151 94.39 51.1335 94.3906 51.145 94.3909L51.1571 94.3912L51.1586 94.3912L51.1589 94.3912L51.159 94.3912L51.1592 94.3912L51.1593 94.3912L51.4601 94.3943L51.5976 94.6615L51.5978 94.6618L51.5979 94.662L51.598 94.6622L51.5981 94.6623L51.5998 94.6656L51.611 94.6863C51.6216 94.7057 51.6386 94.7362 51.6624 94.7771C51.71 94.8588 51.7847 94.9818 51.889 95.1397C52.0977 95.4555 52.4252 95.9107 52.8929 96.4539L52.8929 96.454C54.5569 98.3874 58.0166 101.441 64.2465 103.196C67.2989 104.048 70.2792 104.634 72.9334 105.034C75.8754 105.472 78.4224 105.684 80.2329 105.787C81.1381 105.838 81.8587 105.862 82.352 105.874C82.5987 105.879 82.7885 105.882 82.9161 105.883C82.9799 105.883 83.0281 105.883 83.0601 105.883L83.0959 105.883L83.1045 105.883L83.1064 105.883L83.1069 105.883L83.5366 105.88L83.6034 106.303L83.6034 106.303L83.6035 106.304L83.6036 106.304L83.6037 106.305L83.6038 106.305L83.6049 106.311C83.6065 106.319 83.6094 106.334 83.6139 106.354C83.6231 106.394 83.6385 106.455 83.6624 106.53C83.7106 106.681 83.791 106.882 83.9183 107.086C84.1671 107.483 84.5872 107.883 85.3354 107.952L141.994 98.4307ZM141.994 98.4307C141.992 98.4325 141.989 98.4345 141.987 98.4364C141.936 98.4743 141.858 98.5222 141.742 98.5769C141.507 98.6873 141.149 98.8116 140.615 98.9396C139.548 99.1953 137.846 99.451 135.183 99.6599C132.544 99.8632 127.115 99.6912 122.313 99.4649C119.919 99.3521 117.692 99.2264 116.063 99.1289C115.249 99.0802 114.584 99.0385 114.124 99.009C113.893 98.9942 113.714 98.9825 113.592 98.9745L113.453 98.9654L113.418 98.963L113.409 98.9624L113.407 98.9623L113.406 98.9622C113.406 98.9622 113.406 98.9622 113.372 99.4611L113.406 98.9622L113.254 98.952L113.123 99.0278L113.123 99.0278L113.122 99.0282L113.119 99.0298L113.107 99.037L113.056 99.0658C113.011 99.0914 112.943 99.1293 112.855 99.1781C112.678 99.2758 112.418 99.417 112.089 99.59C111.431 99.936 110.496 100.409 109.391 100.913C107.173 101.926 104.296 103.057 101.6 103.57L141.994 98.4307ZM89.7935 103.821L89.7932 103.821L89.7919 103.823L89.7861 103.832L89.7618 103.868C89.7401 103.899 89.7077 103.946 89.6656 104.006C89.5813 104.127 89.4582 104.299 89.3045 104.505C88.9964 104.919 88.5682 105.467 88.0844 106.007C87.598 106.55 87.069 107.07 86.5602 107.44C86.0307 107.825 85.6162 107.978 85.3356 107.952L89.7935 103.821ZM89.7935 103.821L89.7935 103.821M89.7935 103.821L89.7935 103.821M90.2916 103.606L90.2916 103.606L90.2921 103.606L90.2947 103.607L90.3064 103.609L90.3549 103.617C90.3982 103.623 90.4631 103.633 90.5482 103.646C90.7184 103.671 90.9689 103.705 91.2874 103.743C91.9243 103.82 92.8319 103.912 93.9102 103.971C96.071 104.091 98.8972 104.08 101.6 103.57L90.2916 103.606ZM90.2916 103.606L90.2915 103.606M90.2916 103.606L90.2915 103.606M90.2915 103.606L89.9732 103.553M90.2915 103.606L89.9732 103.553M89.9732 103.553L89.7935 103.821M89.9732 103.553L89.7935 103.821M89.7935 103.821L89.7935 103.821M89.7935 103.821L89.7935 103.821' fill='%23FFFBC7' stroke='%231E62A1'/%3e %3cpath opacity='0.5' d='M56.6898 96.2217C56.6555 96.2042 56.622 96.1872 56.5893 96.1705C57.1759 96.186 58.0282 96.3086 59.0884 96.5241C61.4559 97.0053 64.7092 97.9171 67.9563 98.9315C71.2005 99.9449 74.422 101.055 76.7211 101.929C77.269 102.138 77.7618 102.332 78.1885 102.507C78.0055 102.489 77.8133 102.47 77.6127 102.448C76.3956 102.313 74.8897 102.093 73.3168 101.822C70.1615 101.279 66.7837 100.542 64.9455 99.9076C63.0951 99.2685 60.8083 98.233 58.973 97.3508C58.0577 96.9109 57.2593 96.5112 56.6898 96.2217Z' fill='%23B89E09' stroke='%23B89E09'/%3e %3cpath d='M142.102 87.8866C142.093 87.8153 142.073 87.7121 142.036 87.574C141.95 87.2486 141.787 86.7877 141.54 86.2087C141.046 85.054 140.228 83.4688 139.054 81.626C137.979 79.9491 136.618 78.0648 134.935 76.0995L134.934 76.098C134.459 75.5385 133.955 75.0218 133.433 74.5283L133.408 74.5155L133.358 74.4688C128.158 69.6491 121.175 68.4093 115.095 68.2065C111.743 68.0951 109.015 68.3005 107.128 68.533C106.185 68.6492 105.452 68.7721 104.957 68.8655C104.709 68.9122 104.521 68.9515 104.396 68.9789C104.334 68.9926 104.287 69.0032 104.257 69.0104L104.223 69.0184L104.215 69.0202L104.214 69.0206L104.213 69.0206L104.213 69.0207L104.136 69.0398L104.056 69.0339L104.093 68.5352C104.056 69.0339 104.056 69.0339 104.056 69.0339L104.056 69.0338L104.053 69.0336L104.043 69.0329L104.001 69.0299C103.965 69.0273 103.909 69.0235 103.836 69.0186C103.691 69.0088 103.475 68.9949 103.195 68.9785C102.635 68.9455 101.819 68.9023 100.799 68.8612C98.7574 68.7791 95.898 68.7057 92.6261 68.7411C86.0727 68.8119 77.9027 69.3184 71.3409 71.046L71.3406 71.0461C64.77 72.7725 58.4139 75.7136 53.9378 78.3412C51.6974 79.6564 49.9469 80.8821 48.8807 81.8255C48.3394 82.3046 48.0126 82.678 47.8718 82.929C47.8609 82.9485 47.8519 82.9659 47.8444 82.9812C48.6849 83.3938 49.5255 83.6112 50.1694 83.725C50.5051 83.7844 50.784 83.815 50.9771 83.8307C51.0736 83.8386 51.1484 83.8427 51.1978 83.8449C51.2225 83.8459 51.2409 83.8465 51.2524 83.8468L51.2645 83.8471L51.2661 83.8471L51.2663 83.8471L51.2665 83.8471L51.2666 83.8471L51.2667 83.8471L51.5675 83.8502L51.7051 84.1174L51.7052 84.1177L51.7053 84.1179L51.7054 84.1181L51.7055 84.1182L51.7073 84.1216L51.7184 84.1422C51.729 84.1616 51.7461 84.1921 51.7699 84.233C51.8175 84.3147 51.8921 84.4377 51.9964 84.5956C52.2051 84.9114 52.5326 85.3666 53.0003 85.9098L53.0004 85.9099C54.6643 87.8433 58.1241 90.8973 64.3539 92.6517C67.4064 93.5043 70.3866 94.09 73.0409 94.4898C75.9828 94.9277 78.5298 95.1401 80.3403 95.2429C81.2455 95.2943 81.9661 95.3183 82.4595 95.3295C82.7061 95.3351 82.8959 95.3375 83.0235 95.3384C83.0873 95.3389 83.1355 95.3391 83.1675 95.3391L83.2033 95.3391L83.2119 95.339L83.2139 95.339L83.2143 95.339L83.6441 95.3364L83.7108 95.7586L83.7108 95.7588L83.7109 95.7594L83.711 95.7601L83.7111 95.7605L83.7112 95.7609L83.7123 95.7667C83.7139 95.7751 83.7168 95.7898 83.7214 95.8097C83.7305 95.8498 83.7459 95.9106 83.7698 95.9855C83.818 96.1369 83.8984 96.3383 84.0257 96.5417C84.2745 96.9392 84.6947 97.3386 85.4428 97.4083L142.102 87.8866ZM142.102 87.8866C142.099 87.8884 142.097 87.8904 142.094 87.8923C142.043 87.9302 141.965 87.9781 141.849 88.0328C141.615 88.1432 141.256 88.2675 140.722 88.3955C139.656 88.6512 137.953 88.9069 135.291 89.1158C132.651 89.3191 127.223 89.1471 122.42 88.9208C120.027 88.808 117.8 88.6823 116.171 88.5848C115.356 88.5361 114.692 88.4944 114.231 88.4649C114 88.4501 113.821 88.4384 113.699 88.4304L113.56 88.4213L113.525 88.4189L113.516 88.4183L113.514 88.4182L113.513 88.4181C113.513 88.4181 113.513 88.4181 113.48 88.917L113.513 88.4181L113.362 88.4079L113.23 88.4837L113.23 88.4837L113.23 88.4841L113.227 88.4857L113.214 88.4929L113.163 88.5217C113.118 88.5473 113.05 88.5852 112.962 88.6341C112.785 88.7317 112.526 88.8729 112.197 89.0459C111.539 89.3919 110.604 89.8645 109.498 90.3694C107.281 91.3822 104.404 92.513 101.708 93.0257L142.102 87.8866ZM89.9009 93.2771L89.9007 93.2774L89.8993 93.2793L89.8935 93.288L89.8692 93.3237C89.8475 93.3553 89.8151 93.4022 89.773 93.4623C89.6887 93.5824 89.5656 93.7547 89.4119 93.9612C89.1038 94.3752 88.6756 94.9227 88.1918 95.4627C87.7054 96.0057 87.1764 96.5258 86.6676 96.8957C86.1381 97.2807 85.7236 97.4342 85.443 97.4083L89.9009 93.2771ZM89.9009 93.2771L89.9009 93.277M89.9009 93.2771L89.9009 93.277M90.399 93.0623L90.399 93.0623L90.3995 93.0623L90.4022 93.0628L90.4138 93.0647L90.4623 93.0724C90.5056 93.0792 90.5706 93.0892 90.6556 93.1016C90.8258 93.1264 91.0764 93.161 91.3948 93.1993C92.0318 93.2759 92.9393 93.3676 94.0176 93.4271C96.1784 93.5464 99.0046 93.5355 101.707 93.0259L90.399 93.0623ZM90.399 93.0623L90.399 93.0623M90.399 93.0623L90.399 93.0623M90.399 93.0623L90.0806 93.0088M90.399 93.0623L90.0806 93.0088M90.0806 93.0088L89.9009 93.277M90.0806 93.0088L89.9009 93.277M89.9009 93.277L89.9009 93.277M89.9009 93.277L89.9009 93.277' fill='white' stroke='%231E62A1'/%3e %3cpath d='M103.214 86.3691L88.3869 73.5215L99.5547 72.6528L112.742 84.418L103.214 86.3691Z' fill='%23E5D050' stroke='%231E62A1'/%3e %3c/symbol%3e %3csymbol id='error' viewBox='0 0 208 187' fill='none'%3e %3cpath d='M71.6923 37.0033V0H8V149H16.3077V10.3955L46.3151 7.40066L46.448 7.52894L46.5865 7.37599L61.496 5.89586L61.6622 6.05867L61.8394 5.86132L70.0308 5.02752V37.0033H61.1692V40.9503H80V37.0033H71.6923ZM28.8025 2.58037L33.7871 7.15891L23.5077 8.18513L28.8025 2.58037ZM22.0788 7.40066L17.2271 1.48013H27.6726L22.0788 7.40066ZM29.9157 1.48013H40.1231L35.2049 6.3103L29.9157 1.48013ZM70.0308 2.10179V3.53752L68.7348 3.66579L70.0308 2.10179ZM67.2948 2.91586L65.8049 1.48013H68.48L67.2948 2.91586ZM63.6172 1.48013L61.5735 3.76447L59.2308 1.48013H63.6172ZM57.0431 1.48013L54.5785 4.23811L51.8757 1.48013H57.0431ZM49.7102 1.48013L46.3428 5.25941L42.3717 1.48013H49.7102ZM16.3077 2.86652L20.8991 8.44662L16.3077 8.90547V2.86652ZM36.8886 6.84808L41.2308 2.5705L44.8862 6.04881L36.8886 6.84808ZM50.8012 2.63463L53.3268 5.20513L48.0431 5.73305L50.8012 2.63463ZM56.0849 4.93377L58.1508 2.62477L60.1114 4.53414L56.0849 4.93377ZM64.7249 2.61983L66.0874 3.94702L63.3182 4.22331L64.7249 2.61983Z' fill='%23ECEFF1'/%3e %3cpath d='M53.2805 64.3482H43.0115V59.4281H41.5445V64.3482H31.7646V55H29.8086V157.831H55.2365V57.9521H53.2805V64.3482ZM41.5445 72.2204H31.7646V66.8083H41.5445V72.2204ZM53.2805 72.2204H43.0115V66.8083H53.2805V72.2204Z' fill='%23ECEFF1'/%3e %3cpath d='M204 162V137.945H201.863V126.482H198.733V86.6293H194.21V81.4855L184.562 77.1551V71.9737H183.222V86.6293H181.35V126.482H179.482V105.526H174.401V94.7259H172.983V126.482H169.125V114.398H166.582V111.309H160.699V100.768H157.477V93.3107H153.516V82.4494H152.103V93.3107H148.142V100.768H144.919V111.309H139.037V114.398H136.499V126.482H133.487V111.309H127.604V78.6597H125.731V75.0581H113.164V78.6597H110.489V102.315H99.7897V104.628H95.78V106.429V112.829V115.682H88.5623V84.8285H86.1516V78.2695H80.9389V55H79.467V78.2695H75.7262V84.8285H53.7751V82.6704H52.4401V97.3261H50.5672V97.5847H49.4425V112.24H47.5697V116.223H43.6137V105.427H42.1956V131.137H40.621V120.337H39.2029V137.179H38.3374V125.095H35.7995V122.011H29.9169V111.469H26.6944V104.012H22.7335V93.1461H21.3203V104.012H17.3594V111.469H14.1369V122.011H8.25428V125.095H5.71638V136.925H5.25672V137.179H4V162H204Z' fill='%23ECEFF1'/%3e %3cpath d='M1 162H75' stroke='%23E0E3E6' stroke-width='0.5' stroke-linecap='round'/%3e %3cpath d='M95 162H207' stroke='%23E0E3E6' stroke-width='0.5' stroke-linecap='round'/%3e %3cpath d='M80 162H89' stroke='%23E0E3E6' stroke-width='0.5' stroke-linecap='round'/%3e %3cellipse cx='103.685' cy='166.565' rx='91.6854' ry='19.9551' fill='%23EEE4B0' fill-opacity='0.75'/%3e %3cellipse cx='103.788' cy='166.994' rx='57.2783' ry='9.01007' fill='%23212529'/%3e %3cpath fill-rule='evenodd' clip-rule='evenodd' d='M155.889 170.743C159.213 169.601 161.066 168.332 161.066 166.994C161.066 162.018 135.422 157.984 103.788 157.984C72.1541 157.984 46.5098 162.018 46.5098 166.994C46.5098 168.716 49.5793 170.325 54.9046 171.693C63.9467 168.588 83.8752 166.431 107.006 166.431C127.695 166.431 145.823 168.156 155.889 170.743Z' fill='%23566370'/%3e %3cpath d='M33.47 139.691L40.0626 162.62H22.749L29.3416 139.691C29.4963 139.27 29.7762 138.906 30.1438 138.648C30.5136 138.389 30.9542 138.25 31.4058 138.25C31.8574 138.25 32.298 138.389 32.6679 138.648C33.0354 138.906 33.3153 139.27 33.47 139.691Z' fill='%23E5D050' stroke='%231E62A1' stroke-width='0.5'/%3e %3cpath d='M34.2958 142.554L35.56 146.957H27.2518L28.516 142.554H34.2958Z' fill='%23F4F7F9' stroke='%231E62A1' stroke-width='0.5'/%3e %3cpath d='M36.6296 150.687L37.8982 155.095H24.9138L26.1781 150.687H36.6296Z' fill='%23F4F7F9' stroke='%231E62A1' stroke-width='0.5'/%3e %3cpath d='M19.25 163.788V162.74H43.559V163.788H19.25Z' fill='%2304447F' stroke='%2304447F' stroke-width='0.5'/%3e %3cpath d='M85.935 111.841L82.0625 111.811L81.5123 182.236L85.3848 182.266L85.935 111.841Z' fill='%231E62A1' stroke='%231E62A1'/%3e %3cmask id='mask0_1144_129378' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='69' y='116' width='61' height='51'%3e %3cpath d='M108.573 154.883L102.052 166.742L69.2255 166.201L69.4485 116.803L129.442 116.918L108.573 154.883Z' fill='white'/%3e %3c/mask%3e %3cg mask='url(%23mask0_1144_129378)'%3e %3cpath d='M117.673 137.5L109.574 137.492L119.435 119.767L119.444 119.767L127.324 119.772L117.673 137.5Z' fill='white' stroke='%231E62A1'/%3e %3cpath d='M119.435 119.767L109.574 137.492L109.565 137.491L96.4862 137.468L106.347 119.752L106.356 119.753L119.435 119.767Z' fill='%23E5D050' stroke='%231E62A1'/%3e %3cpath d='M106.347 119.752L96.4865 137.468L83.3984 137.444L93.2587 119.738L106.347 119.752Z' fill='white' stroke='%231E62A1'/%3e %3cpath d='M93.2586 119.738L83.3983 137.444L70.7394 137.427L70.7524 136.64L80.1703 119.724L93.2586 119.738Z' fill='%23E5D050' stroke='%231E62A1'/%3e %3cpath d='M80.1707 119.724L70.7528 136.64L71.0318 119.717L80.1707 119.724Z' fill='white' stroke='%231E62A1'/%3e %3cpath d='M91.8762 145.75L82.0157 163.465L70.3109 163.445L70.3531 160.884L78.7879 145.736L91.8762 145.75Z' fill='%23E5D050' stroke='%231E62A1'/%3e %3cpath d='M104.964 145.764L95.094 163.489L82.0155 163.465L91.8759 145.75L104.964 145.764Z' fill='white' stroke='%231E62A1'/%3e %3cpath d='M103.183 163.498L95.0937 163.489L104.964 145.764L112.882 145.77L103.183 163.498Z' fill='%23E5D050' stroke='%231E62A1'/%3e %3cpath d='M78.7873 145.736L70.3525 160.884L70.6024 145.726L78.7873 145.736Z' fill='white' stroke='%231E62A1'/%3e %3c/g%3e %3cpath d='M83.9716 112.56C85.8415 112.591 87.3824 111.091 87.4134 109.211C87.4445 107.33 85.9538 105.78 84.0839 105.749C82.2141 105.718 80.6731 107.218 80.6421 109.099C80.6111 110.98 82.1017 112.53 83.9716 112.56Z' fill='%23E5D050' stroke='%231E62A1'/%3e %3cpath d='M165.492 102.808L161.62 102.891L163.137 173.302L167.008 173.218L165.492 102.808Z' fill='%231E62A1' stroke='%231E62A1'/%3e %3cpath d='M163.55 103.589C165.42 103.565 166.916 102.021 166.892 100.14C166.867 98.2589 165.332 96.7535 163.462 96.7775C161.592 96.8016 160.096 98.346 160.12 100.227C160.144 102.108 161.68 103.613 163.55 103.589Z' fill='%23E5D050' stroke='%231E62A1'/%3e %3cmask id='mask1_1144_129378' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='113' y='106' width='68' height='53'%3e %3cpath d='M180.284 157.139L179.639 106.971L139.046 108.165L113.13 158.771L180.284 157.139Z' fill='white'/%3e %3c/mask%3e %3cg mask='url(%23mask1_1144_129378)'%3e %3cpath d='M168.385 110.196L159.03 128.222L145.947 128.583L155.292 110.566L168.385 110.196Z' fill='white' stroke='%231E62A1'/%3e %3cpath d='M155.292 110.566L145.947 128.583L132.863 128.943L142.209 110.936L155.292 110.566Z' fill='%23E5D050' stroke='%231E62A1'/%3e %3cpath d='M137.566 111.063L142.21 110.936L132.864 128.943L128.344 129.068L137.566 111.063Z' fill='white' stroke='%231E62A1'/%3e %3cpath d='M132.864 128.943L128.63 129.074L137.852 111.069L142.21 110.936L132.864 128.943Z' fill='white' stroke='%231E62A1'/%3e %3cpath d='M124.579 137.455L128.508 137.347L119.162 155.354L115.224 155.462L124.579 137.455Z' fill='%23E5D050' stroke='%231E62A1'/%3e %3cpath d='M141.591 136.987L132.245 154.994L119.162 155.354L128.508 137.347L141.591 136.987Z' fill='white' stroke='%231E62A1'/%3e %3cpath d='M154.674 136.617L145.328 154.633L132.245 154.994L141.591 136.987L141.6 136.977L154.674 136.617Z' fill='%23E5D050' stroke='%231E62A1'/%3e %3cpath d='M167.757 136.247L158.411 154.264L145.328 154.633L154.674 136.617L167.757 136.247Z' fill='white' stroke='%231E62A1'/%3e %3cpath d='M177.736 141.531L177.736 141.541L171.322 153.906L171.313 153.906L158.411 154.264L167.756 136.247L177.645 135.967L177.736 141.531Z' fill='%23E5D050' stroke='%231E62A1'/%3e %3cpath d='M177.941 153.725L171.323 153.906L177.736 141.541L177.941 153.725Z' fill='white' stroke='%231E62A1'/%3e %3cpath d='M177.437 117.593L172.113 127.862L159.03 128.222L168.385 110.196L177.31 109.947L177.437 117.593Z' fill='%23E5D050' stroke='%231E62A1'/%3e %3cpath d='M177.606 127.705L172.114 127.862L177.438 117.593L177.606 127.705Z' fill='white' stroke='%231E62A1'/%3e %3c/g%3e %3c/symbol%3e %3csymbol id='noresult' viewBox='0 0 208 187' fill='none'%3e %3cellipse cx='103.533' cy='183.458' rx='61.5334' ry='3.45772' fill='%23ECEFF1'/%3e %3cpath d='M71.6923 37.0033V0H8V149H16.3077V10.3955L46.3151 7.40066L46.448 7.52894L46.5865 7.37599L61.496 5.89586L61.6622 6.05867L61.8394 5.86132L70.0308 5.02752V37.0033H61.1692V40.9503H80V37.0033H71.6923ZM28.8025 2.58037L33.7871 7.15891L23.5077 8.18513L28.8025 2.58037ZM22.0788 7.40066L17.2271 1.48013H27.6726L22.0788 7.40066ZM29.9157 1.48013H40.1231L35.2049 6.3103L29.9157 1.48013ZM70.0308 2.10179V3.53752L68.7348 3.66579L70.0308 2.10179ZM67.2948 2.91586L65.8049 1.48013H68.48L67.2948 2.91586ZM63.6172 1.48013L61.5735 3.76447L59.2308 1.48013H63.6172ZM57.0431 1.48013L54.5785 4.23811L51.8757 1.48013H57.0431ZM49.7102 1.48013L46.3428 5.25941L42.3717 1.48013H49.7102ZM16.3077 2.86652L20.8991 8.44662L16.3077 8.90547V2.86652ZM36.8886 6.84808L41.2308 2.5705L44.8862 6.04881L36.8886 6.84808ZM50.8012 2.63463L53.3268 5.20513L48.0431 5.73305L50.8012 2.63463ZM56.0849 4.93377L58.1508 2.62477L60.1114 4.53414L56.0849 4.93377ZM64.7249 2.61983L66.0874 3.94702L63.3182 4.22331L64.7249 2.61983Z' fill='%23ECEFF1'/%3e %3cpath d='M53.2805 64.3482H43.0115V59.4281H41.5445V64.3482H31.7646V55H29.8086V157.831H55.2365V57.9521H53.2805V64.3482ZM41.5445 72.2204H31.7646V66.8083H41.5445V72.2204ZM53.2805 72.2204H43.0115V66.8083H53.2805V72.2204Z' fill='%23ECEFF1'/%3e %3cpath d='M204 162V137.945H201.863V126.482H198.733V86.6293H194.21V81.4855L184.562 77.1551V71.9737H183.222V86.6293H181.35V126.482H179.482V105.526H174.401V94.7259H172.983V126.482H169.125V114.398H166.582V111.309H160.699V100.768H157.477V93.3107H153.516V82.4494H152.103V93.3107H148.142V100.768H144.919V111.309H139.037V114.398H136.499V126.482H133.487V111.309H127.604V78.6597H125.731V75.0581H113.164V78.6597H110.489V102.315H99.7897V104.628H95.78V106.429V112.829V115.682H88.5623V84.8285H86.1516V78.2695H80.9389V55H79.467V78.2695H75.7262V84.8285H53.7751V82.6704H52.4401V97.3261H50.5672V97.5847H49.4425V112.24H47.5697V116.223H43.6137V105.427H42.1956V131.137H40.621V120.337H39.2029V137.179H38.3374V125.095H35.7995V122.011H29.9169V111.469H26.6944V104.012H22.7335V93.1461H21.3203V104.012H17.3594V111.469H14.1369V122.011H8.25428V125.095H5.71638V136.925H5.25672V137.179H4V162H204Z' fill='%23ECEFF1'/%3e %3cpath d='M1 162H75' stroke='%23E0E3E6' stroke-width='0.5' stroke-linecap='round'/%3e %3cpath d='M95 162H207' stroke='%23E0E3E6' stroke-width='0.5' stroke-linecap='round'/%3e %3cpath d='M80 162H89' stroke='%23E0E3E6' stroke-width='0.5' stroke-linecap='round'/%3e %3cpath d='M151.701 84.1542C142.393 65.8799 126.53 55.2934 114.345 61.4939L63.7267 87.267C50.3644 94.1295 48.9028 114.083 57.9659 131.875C67.2738 150.157 84.6932 159.949 96.8789 153.741L146.836 128.258C158.083 121.466 160.724 101.89 151.694 84.1535L151.701 84.1542Z' fill='%23F4F7F9' stroke='%231E62A1' stroke-width='1.3' stroke-miterlimit='10'/%3e %3cpath d='M95.2056 150.459C86.1888 155.052 73.9976 149.92 65.2976 138.809C75.7797 134.482 80.9485 118.619 76.9047 101.821C75.7861 97.1777 74.0743 92.9148 71.9369 89.2006C81.8315 89.1291 93.1953 97.4013 99.8937 110.557C108.271 127.018 106.171 144.879 95.2056 150.459Z' fill='%23DBC765'/%3e %3cpath d='M65.2985 138.809C63.3986 136.4 61.6777 133.711 60.1853 130.783C51.8081 114.322 53.9077 96.461 64.8734 90.8805C67.0719 89.7558 69.4606 89.2142 71.9377 89.2005C74.0751 92.9146 75.787 97.1775 76.9056 101.821C80.9493 118.619 75.7806 134.482 65.2985 138.809Z' fill='%23EEE4B0'/%3e %3cpath d='M144.409 129.537C155.655 122.745 158.297 103.169 149.267 85.4327C139.959 67.1508 124.103 56.5651 111.918 62.7655' stroke='%231E62A1' stroke-width='1.3' stroke-miterlimit='10'/%3e %3cpath d='M102.092 109.44C92.7899 91.1739 75.3767 81.3982 63.1993 87.5994C51.0144 93.7999 48.6775 113.633 57.9793 131.899C67.281 150.165 84.6943 159.941 96.8716 153.74C109.057 147.539 111.393 127.706 102.092 109.44ZM95.2058 150.459C84.2401 156.04 68.5633 147.228 60.1854 130.775C51.8067 114.33 53.907 96.4611 64.8727 90.8806C75.8384 85.3001 91.5228 94.1124 99.8931 110.565C108.271 127.018 106.171 144.879 95.2051 150.467L95.2058 150.459Z' fill='%2383ABDE' stroke='%231E62A1' stroke-width='1.3'/%3e %3cpath d='M124.008 120.221C125.476 120.039 126.485 118.428 126.262 116.622C126.038 114.817 124.667 113.5 123.199 113.682C121.731 113.863 120.722 115.475 120.946 117.28C121.169 119.086 122.54 120.402 124.008 120.221Z' fill='%2304447F'/%3e %3cpath d='M123.608 116.948C125.764 110.203 125.958 102.961 125.434 95.9513C124.91 88.9412 124.055 81.3118 121.238 74.7147C118.904 69.2553 115.129 63.6844 110.242 60.2031C105.226 56.6258 99.0372 55.6365 93.0158 56.3746C88.6177 56.9123 84.2907 58.3279 80.5902 60.8104C74.4193 64.9578 70.8027 72.1171 68.6291 79.044C67.9866 81.1008 67.4988 83.3019 67.4121 84.4782' stroke='%231E62A1' stroke-width='2.5' stroke-miterlimit='10' stroke-linecap='round'/%3e %3cpath d='M101.85 144.003C100.93 145.598 99.7777 147.057 98.3952 148.281C97.8368 148.779 97.2363 149.319 96.5894 149.702C96.2093 149.926 95.7604 150.152 95.3837 150.423C94.9421 150.733 94.6517 151.226 94.2047 151.513C93.6528 151.858 93.0586 152.086 92.4327 152.241C91.5257 152.463 90.605 152.667 89.6816 152.818C89.1772 152.901 88.6899 153.047 88.2127 153.247C87.5763 153.516 87.1358 153.979 86.4784 153.49C86.0142 153.141 85.799 152.663 85.9057 152.092C86.1058 151.01 87.237 150.023 88.1817 149.561C89.3665 148.983 90.6811 148.815 91.9185 148.411C95.3556 147.279 98.4173 144.271 101.85 144.003Z' fill='%231E62A1'/%3e %3cpath d='M89.1121 183.41L89.0794 183.409C88.6797 183.398 88.4072 183.416 88.0981 183.439C88.0836 183.44 88.069 183.441 88.0544 183.442C87.7488 183.465 87.404 183.49 86.9001 183.491C86.6641 183.491 86.4837 183.501 86.3464 183.521C86.3304 183.523 86.3154 183.525 86.3012 183.528C86.5389 183.612 86.8874 183.679 87.3165 183.728C88.0934 183.817 88.9845 183.831 89.648 183.841C89.7679 183.843 89.8804 183.845 89.9834 183.847L89.1121 183.41ZM89.1121 183.41L89.1447 183.408M89.1121 183.41L89.1447 183.408M89.1447 183.408C89.7547 183.363 90.4677 183.377 91.2404 183.392C91.6555 183.401 92.0878 183.409 92.5306 183.409C92.9504 183.409 93.3231 183.373 93.6056 183.345M89.1447 183.408L93.6056 183.345M93.6056 183.345C93.6858 183.337 93.7587 183.33 93.8234 183.324M93.6056 183.345L93.8234 183.324M93.8234 183.324C93.9379 183.314 94.0202 183.311 94.0786 183.312M93.8234 183.324L94.0786 183.312M94.0786 183.312L94.1001 183.358C94.1026 183.373 94.1026 183.383 94.1022 183.388C94.0978 183.395 94.0797 183.42 94.0248 183.457C93.8573 183.572 93.5305 183.68 93.0377 183.754C92.131 183.89 90.9879 183.867 90.1374 183.85C90.085 183.849 90.0337 183.848 89.9836 183.847L94.0786 183.312ZM86.0787 183.421C86.0795 183.421 86.0846 183.424 86.0916 183.432C86.0814 183.425 86.0779 183.421 86.0787 183.421Z' fill='%231E62A1' stroke='%231E62A1' stroke-width='1.3'/%3e %3cpath d='M78.2542 180.552L78.2029 180.549C77.8274 180.533 77.4254 180.561 76.9664 180.596C76.9306 180.599 76.8945 180.602 76.858 180.604C76.4387 180.637 75.9775 180.673 75.5016 180.674C75.2879 180.674 75.1201 180.691 74.9933 180.72C74.8652 180.748 74.8039 180.783 74.78 180.801C74.7664 180.811 74.7656 180.814 74.7637 180.82C74.7636 180.821 74.7634 180.821 74.7632 180.822C74.7579 180.84 74.7448 180.905 74.7728 181.046C74.8078 181.22 74.9049 181.356 75.1073 181.481C75.3274 181.616 75.6478 181.718 76.0549 181.784C76.6639 181.884 77.3126 181.888 77.8926 181.891C78.1061 181.892 78.3103 181.893 78.4997 181.899L78.2542 180.552ZM78.2542 180.552L78.3052 180.546M78.2542 180.552L78.3052 180.546M78.3052 180.546C78.655 180.505 78.9778 180.447 79.2735 180.393C79.392 180.372 79.5061 180.351 79.616 180.333C80.0117 180.266 80.4221 180.214 80.9605 180.214C81.4643 180.214 81.8108 180.215 82.0788 180.25M78.3052 180.546L82.0788 180.25M82.0788 180.25C82.2073 180.267 82.2944 180.289 82.3548 180.312M82.0788 180.25L82.3548 180.312M82.3548 180.312L82.4463 180.62C82.4861 180.954 82.394 181.141 82.2612 181.279C82.0928 181.453 81.795 181.608 81.3537 181.72C80.4698 181.945 79.3306 181.925 78.5 181.899L82.3548 180.312Z' fill='%231E62A1' stroke='%231E62A1' stroke-width='1.3'/%3e %3cpath d='M87.6858 156.809C87.6944 157.103 87.7048 157.479 87.7096 157.918C88.0299 161.989 90.5603 169.187 88.787 170.779C88.0165 171.47 84.0887 171.916 86.1874 167.393C87.6003 164.347 87.7348 160.248 87.7096 157.918C87.6779 157.515 87.6678 157.142 87.6858 156.809Z' fill='%231E62A1' stroke='%231E62A1' stroke-width='1.3'/%3e %3c/symbol%3e %3csymbol id='search' viewBox='0 0 208 187' fill='none'%3e %3cellipse cx='103.533' cy='183.458' rx='61.5334' ry='3.45772' fill='%23ECEFF1'/%3e %3cpath d='M71.6923 37.0033V0H8V149H16.3077V10.3955L46.3151 7.40066L46.448 7.52894L46.5865 7.37599L61.496 5.89586L61.6622 6.05867L61.8394 5.86132L70.0308 5.02752V37.0033H61.1692V40.9503H80V37.0033H71.6923ZM28.8025 2.58037L33.7871 7.15891L23.5077 8.18513L28.8025 2.58037ZM22.0788 7.40066L17.2271 1.48013H27.6726L22.0788 7.40066ZM29.9157 1.48013H40.1231L35.2049 6.3103L29.9157 1.48013ZM70.0308 2.10179V3.53752L68.7348 3.66579L70.0308 2.10179ZM67.2948 2.91586L65.8049 1.48013H68.48L67.2948 2.91586ZM63.6172 1.48013L61.5735 3.76447L59.2308 1.48013H63.6172ZM57.0431 1.48013L54.5785 4.23811L51.8757 1.48013H57.0431ZM49.7102 1.48013L46.3428 5.25941L42.3717 1.48013H49.7102ZM16.3077 2.86652L20.8991 8.44662L16.3077 8.90547V2.86652ZM36.8886 6.84808L41.2308 2.5705L44.8862 6.04881L36.8886 6.84808ZM50.8012 2.63463L53.3268 5.20513L48.0431 5.73305L50.8012 2.63463ZM56.0849 4.93377L58.1508 2.62477L60.1114 4.53414L56.0849 4.93377ZM64.7249 2.61983L66.0874 3.94702L63.3182 4.22331L64.7249 2.61983Z' fill='%23ECEFF1'/%3e %3cpath d='M53.2805 64.3482H43.0115V59.4281H41.5445V64.3482H31.7646V55H29.8086V157.831H55.2365V57.9521H53.2805V64.3482ZM41.5445 72.2204H31.7646V66.8083H41.5445V72.2204ZM53.2805 72.2204H43.0115V66.8083H53.2805V72.2204Z' fill='%23ECEFF1'/%3e %3cpath d='M204 162V137.945H201.863V126.482H198.733V86.6293H194.21V81.4855L184.562 77.1551V71.9737H183.222V86.6293H181.35V126.482H179.482V105.526H174.401V94.7259H172.983V126.482H169.125V114.398H166.582V111.309H160.699V100.768H157.477V93.3107H153.516V82.4494H152.103V93.3107H148.142V100.768H144.919V111.309H139.037V114.398H136.499V126.482H133.487V111.309H127.604V78.6597H125.731V75.0581H113.164V78.6597H110.489V102.315H99.7897V104.628H95.78V106.429V112.829V115.682H88.5623V84.8285H86.1516V78.2695H80.9389V55H79.467V78.2695H75.7262V84.8285H53.7751V82.6704H52.4401V97.3261H50.5672V97.5847H49.4425V112.24H47.5697V116.223H43.6137V105.427H42.1956V131.137H40.621V120.337H39.2029V137.179H38.3374V125.095H35.7995V122.011H29.9169V111.469H26.6944V104.012H22.7335V93.1461H21.3203V104.012H17.3594V111.469H14.1369V122.011H8.25428V125.095H5.71638V136.925H5.25672V137.179H4V162H204Z' fill='%23ECEFF1'/%3e %3cpath d='M1 162H75' stroke='%23E0E3E6' stroke-width='0.5' stroke-linecap='round'/%3e %3cpath d='M95 162H207' stroke='%23E0E3E6' stroke-width='0.5' stroke-linecap='round'/%3e %3cpath d='M80 162H89' stroke='%23E0E3E6' stroke-width='0.5' stroke-linecap='round'/%3e %3cpath d='M57 182.5L80.5338 166.94L85.1873 171.043L92.0257 164.472L95.0363 171.043L98.8725 172.961L103.251 170.493L105.188 166.94L113.375 170.768L118.304 166.665L143.844 182.5' fill='%23EEE4B0'/%3e %3cpath d='M57 182.5L80.5338 166.94L85.1873 171.043L92.0257 164.472L95.0363 171.043L98.8725 172.961L103.251 170.493L105.188 166.94L113.375 170.768L118.304 166.665L143.844 182.5' stroke='%231E62A1' stroke-miterlimit='10' stroke-linecap='round'/%3e %3cpath d='M76.707 177.581L83.5204 173.929V177.581L90.6924 170.042' stroke='%231E62A1' stroke-width='0.5' stroke-miterlimit='10' stroke-linecap='round'/%3e %3cpath d='M95.8043 172.961L92.5186 175.88H95.8043L92.5186 180.742' stroke='%231E62A1' stroke-width='0.5' stroke-miterlimit='10' stroke-linecap='round'/%3e %3cpath d='M106.776 173.498L108.594 176.542L110.304 173.498L117.109 181.162' stroke='%231E62A1' stroke-width='0.5' stroke-miterlimit='10' stroke-linecap='round'/%3e %3cpath d='M105.483 163.314L114.199 153.866' stroke='%231E62A1' stroke-miterlimit='10' stroke-linecap='round'/%3e %3cpath d='M93.6852 161.634L88.1924 150.162' stroke='%231E62A1' stroke-miterlimit='10' stroke-linecap='round'/%3e %3cpath d='M78.1359 70.9966L88.0434 72.4075L87.3273 77.4356L77.4199 76.0247C76.0328 75.8272 75.0699 74.5444 75.2674 73.1574C75.4649 71.7703 76.7476 70.8074 78.1347 71.0049L78.1359 70.9966Z' fill='%23455A64'/%3e %3cpath d='M135.905 79.2232L145.813 80.6341C147.2 80.8316 148.163 82.1143 147.965 83.5014C147.768 84.8884 146.485 85.8514 145.098 85.6539L135.19 84.243L135.906 79.2149L135.905 79.2232Z' fill='%23455A64'/%3e %3cpath d='M98.9383 144.44L105.329 145.35L100.656 168.641L99.4375 169.268C98.9105 169.538 98.2724 169.464 97.824 169.064L96.8459 168.183L98.9395 144.432L98.9383 144.44Z' fill='%23D1D1DA' stroke='%23727272' stroke-miterlimit='10'/%3e %3cpath d='M99.1055 130.649L109.013 132.06L107.251 144.436C107.159 145.08 106.565 145.526 105.921 145.434L98.3497 144.356C97.7057 144.265 97.2596 143.67 97.3513 143.026L99.1137 130.65L99.1055 130.649Z' fill='%2304447F' stroke='%2304447F'/%3e %3cpath d='M125.392 64.3664L121.903 63.3136L105.776 61.3877L102.495 61.2995C98.9206 61.2032 95.8471 63.7981 95.3427 67.34L92.2411 89.12C92.0624 90.3749 92.471 91.6461 93.3501 92.5715L98.9005 98.374C99.4952 98.9894 100.271 99.3948 101.122 99.5159L102.129 99.6593L99.1909 120.292C99.1309 120.713 98.7348 121.01 98.3137 120.95L98.0743 120.916C97.6532 120.856 97.2571 121.153 97.1971 121.575L96.0778 129.434C96.0179 129.856 96.3153 130.252 96.7363 130.312L111.276 132.382C111.697 132.442 112.093 132.145 112.153 131.724L113.272 123.864C113.332 123.443 113.035 123.046 112.614 122.987C112.192 122.927 111.895 122.53 111.955 122.109L114.893 101.477L115.669 101.588C116.511 101.707 117.369 101.543 118.102 101.125L125.137 97.0981C126.246 96.4643 127.003 95.3506 127.183 94.0874L130.315 72.0928C130.805 68.6499 128.711 65.3698 125.384 64.3653L125.392 64.3664Z' fill='%23E5D050' stroke='%231E62A1'/%3e %3cpath d='M93.3124 69.1903L95.0545 69.4384L93.1956 82.4915L91.4536 82.2435C88.8529 81.8731 87.032 79.4573 87.4035 76.8484L87.9173 73.2404C88.2877 70.6397 90.7034 68.8188 93.3124 69.1903Z' fill='white' stroke='%231E62A1'/%3e %3cpath d='M130.003 74.4153L131.745 74.6633C134.346 75.0337 136.167 77.4494 135.795 80.0584L135.281 83.6664C134.911 86.2671 132.495 88.088 129.886 87.7165L128.144 87.4684L130.003 74.4153Z' fill='white' stroke='%231E62A1'/%3e %3cpath d='M92.9679 131.502C90.1595 128.213 90.5501 123.281 93.8393 120.473' stroke='%23455A64' stroke-linecap='round'/%3e %3cpath d='M89.6291 129.03C87.8237 126.92 88.0724 123.754 90.1827 121.949' stroke='%23455A64' stroke-linecap='round'/%3e %3cpath d='M114.665 134.592C118.28 132.217 119.281 127.373 116.907 123.758' stroke='%23455A64' stroke-linecap='round'/%3e %3cpath d='M118.567 133.151C120.89 131.629 121.535 128.52 120.012 126.197' stroke='%23455A64' stroke-linecap='round'/%3e %3cpath d='M102.872 86.6409C107.55 83.129 114.172 84.0719 117.684 88.7502' stroke='%23455A64' stroke-width='0.5' stroke-linecap='round'/%3e %3cpath d='M102.485 89.3574C107.164 85.8455 113.785 86.7884 117.297 91.4667' stroke='%23455A64' stroke-width='0.5' stroke-linecap='round'/%3e %3cpath d='M103.259 83.9245C107.937 80.4125 114.559 81.3555 118.071 86.0337' stroke='%23455A64' stroke-width='0.5' stroke-linecap='round'/%3e %3c/symbol%3e%3c/svg%3e";
|
15353
16643
|
var sincoIconos = img;
|
15354
16644
|
|
15355
|
-
var
|
15356
|
-
(function (
|
15357
|
-
|
15358
|
-
|
15359
|
-
|
15360
|
-
|
15361
|
-
})(
|
15362
|
-
const
|
16645
|
+
var EmptyStateImageUrls;
|
16646
|
+
(function (EmptyStateImageUrls) {
|
16647
|
+
EmptyStateImageUrls["error"] = "error";
|
16648
|
+
EmptyStateImageUrls["search"] = "search";
|
16649
|
+
EmptyStateImageUrls["noResult"] = "noResult";
|
16650
|
+
EmptyStateImageUrls["create"] = "create";
|
16651
|
+
})(EmptyStateImageUrls || (EmptyStateImageUrls = {}));
|
16652
|
+
const EmptyStateComponent = ({
|
15363
16653
|
state: _state = 'create',
|
15364
16654
|
title,
|
15365
16655
|
content,
|
15366
16656
|
actions
|
15367
16657
|
}) => {
|
15368
|
-
return
|
15369
|
-
|
15370
|
-
|
15371
|
-
|
15372
|
-
|
15373
|
-
|
15374
|
-
|
15375
|
-
|
15376
|
-
|
15377
|
-
|
15378
|
-
|
15379
|
-
|
15380
|
-
|
15381
|
-
|
15382
|
-
|
15383
|
-
|
15384
|
-
|
15385
|
-
|
15386
|
-
|
15387
|
-
|
15388
|
-
|
15389
|
-
|
15390
|
-
|
15391
|
-
|
15392
|
-
|
15393
|
-
|
15394
|
-
|
15395
|
-
|
15396
|
-
|
15397
|
-
|
15398
|
-
|
15399
|
-
|
15400
|
-
|
15401
|
-
|
15402
|
-
children: actions
|
15403
|
-
})]
|
15404
|
-
})]
|
15405
|
-
})
|
15406
|
-
});
|
16658
|
+
return /*#__PURE__*/React__default.createElement(ThemeProvider, {
|
16659
|
+
theme: SincoTheme
|
16660
|
+
}, /*#__PURE__*/React__default.createElement(Card$1, {
|
16661
|
+
elevation: 1
|
16662
|
+
}, /*#__PURE__*/React__default.createElement(CardContent$1, {
|
16663
|
+
sx: {
|
16664
|
+
display: 'flex',
|
16665
|
+
alignItems: 'center',
|
16666
|
+
justifyContent: 'center',
|
16667
|
+
flexDirection: 'column',
|
16668
|
+
gap: 4
|
16669
|
+
}
|
16670
|
+
}, /*#__PURE__*/React__default.createElement("svg", {
|
16671
|
+
style: {
|
16672
|
+
width: 206,
|
16673
|
+
height: 187
|
16674
|
+
}
|
16675
|
+
}, /*#__PURE__*/React__default.createElement("use", {
|
16676
|
+
xlinkHref: `${sincoIconos}#${EmptyStateImageUrls[_state]}`
|
16677
|
+
})), /*#__PURE__*/React__default.createElement(Stack$1, {
|
16678
|
+
direction: "column",
|
16679
|
+
spacing: 2
|
16680
|
+
}, title && /*#__PURE__*/React__default.createElement(Typography$1, {
|
16681
|
+
variant: "h6",
|
16682
|
+
textAlign: "center"
|
16683
|
+
}, title), content && /*#__PURE__*/React__default.createElement(Typography$1, {
|
16684
|
+
variant: "body1",
|
16685
|
+
textAlign: "center",
|
16686
|
+
color: "text.secondary"
|
16687
|
+
}, content), _state === 'create' && actions && /*#__PURE__*/React__default.createElement(Stack$1, {
|
16688
|
+
direction: "row",
|
16689
|
+
spacing: 2,
|
16690
|
+
justifyContent: "center"
|
16691
|
+
}, actions)))));
|
15407
16692
|
};
|
15408
16693
|
|
15409
16694
|
var wellKnownSymbol$a = wellKnownSymbol$f;
|
@@ -15874,91 +17159,312 @@ var _default = (0, _createSvgIcon.default)( /*#__PURE__*/(0, _jsxRuntime.jsx)("p
|
|
15874
17159
|
}), 'Close');
|
15875
17160
|
default_1 = Close.default = _default;
|
15876
17161
|
|
15877
|
-
const
|
15878
|
-
display:
|
15879
|
-
|
15880
|
-
|
15881
|
-
|
15882
|
-
|
15883
|
-
|
15884
|
-
overflow: "hidden"
|
17162
|
+
const stylesDrawerHeader = {
|
17163
|
+
display: 'flex',
|
17164
|
+
alignContent: 'center',
|
17165
|
+
justifyContent: 'space-between',
|
17166
|
+
backgroundColor: 'secondary.main',
|
17167
|
+
py: '12px',
|
17168
|
+
px: '8px'
|
15885
17169
|
};
|
15886
|
-
const
|
15887
|
-
display:
|
15888
|
-
|
15889
|
-
|
15890
|
-
|
15891
|
-
|
15892
|
-
|
17170
|
+
const stylesDrawerContent = {
|
17171
|
+
display: 'flex',
|
17172
|
+
overflow: 'auto',
|
17173
|
+
alignItems: 'flex-start',
|
17174
|
+
flexDirection: 'column',
|
17175
|
+
height: '-webkit-fill-available',
|
17176
|
+
py: '12px',
|
17177
|
+
px: '8px'
|
15893
17178
|
};
|
15894
|
-
const
|
15895
|
-
display:
|
15896
|
-
|
15897
|
-
|
15898
|
-
|
15899
|
-
|
15900
|
-
|
15901
|
-
|
17179
|
+
const stylesDrawerActions = {
|
17180
|
+
display: 'flex',
|
17181
|
+
alignContent: 'center',
|
17182
|
+
justifyContent: 'flex-end',
|
17183
|
+
borderTop: '1px solid rgba(16, 24, 64, 0.23)',
|
17184
|
+
backgroundColor: '#F1F0EE',
|
17185
|
+
mt: '4px',
|
17186
|
+
gap: '8px',
|
17187
|
+
py: '12px',
|
17188
|
+
px: '8px'
|
15902
17189
|
};
|
15903
|
-
const
|
15904
|
-
display:
|
15905
|
-
|
15906
|
-
|
15907
|
-
|
15908
|
-
|
15909
|
-
|
15910
|
-
|
15911
|
-
py: "12px",
|
15912
|
-
px: "8px"
|
17190
|
+
const stylesDrawer = {
|
17191
|
+
display: 'flex',
|
17192
|
+
flexDirection: 'column',
|
17193
|
+
alignContent: 'flex-start',
|
17194
|
+
justifyContent: 'space-between',
|
17195
|
+
width: '530px',
|
17196
|
+
height: '100%',
|
17197
|
+
overflow: 'hidden'
|
15913
17198
|
};
|
15914
17199
|
const DrawerComponent = ({
|
15915
17200
|
open,
|
15916
17201
|
onClose,
|
15917
|
-
|
15918
|
-
|
15919
|
-
|
15920
|
-
|
17202
|
+
anchor,
|
17203
|
+
title,
|
17204
|
+
content,
|
17205
|
+
actions
|
15921
17206
|
}) => {
|
15922
|
-
const [
|
15923
|
-
const
|
15924
|
-
|
17207
|
+
const [stateActions, setStateActions] = useState(false);
|
17208
|
+
const handleStateActions = () => {
|
17209
|
+
setStateActions(true);
|
15925
17210
|
};
|
15926
|
-
return
|
17211
|
+
return /*#__PURE__*/React__default.createElement(ThemeProvider, {
|
17212
|
+
theme: SincoTheme
|
17213
|
+
}, /*#__PURE__*/React__default.createElement(Drawer$1, {
|
15927
17214
|
anchor: anchor,
|
15928
17215
|
open: open,
|
15929
|
-
onClose: onClose
|
15930
|
-
|
17216
|
+
onClose: onClose
|
17217
|
+
}, /*#__PURE__*/React__default.createElement(Box$2, {
|
17218
|
+
sx: stylesDrawer
|
17219
|
+
}, /*#__PURE__*/React__default.createElement(Box$2, {
|
17220
|
+
sx: stylesDrawerHeader
|
17221
|
+
}, /*#__PURE__*/React__default.createElement(Typography$1, {
|
17222
|
+
variant: "h6"
|
17223
|
+
}, title), /*#__PURE__*/React__default.createElement(Box$2, null, /*#__PURE__*/React__default.createElement(IconButton$1, {
|
17224
|
+
onClick: onClose,
|
17225
|
+
size: "small"
|
17226
|
+
}, /*#__PURE__*/React__default.createElement(default_1, {
|
17227
|
+
fontSize: "small"
|
17228
|
+
})))), /*#__PURE__*/React__default.createElement(Box$2, {
|
17229
|
+
onClick: handleStateActions,
|
17230
|
+
sx: stylesDrawerContent
|
17231
|
+
}, content), stateActions && /*#__PURE__*/React__default.createElement(Box$2, {
|
17232
|
+
sx: stylesDrawerActions
|
17233
|
+
}, actions))));
|
17234
|
+
};
|
17235
|
+
|
17236
|
+
const ToastContent = styled$1(Stack$1)(() => ({
|
17237
|
+
position: 'fixed',
|
17238
|
+
zIndex: 1400,
|
17239
|
+
boxShadow: '0px 5px 5px -3px rgba(24, 39, 75, 0.2), 0px 8px 10px 1px rgba(24, 39, 75, 0.14), 0px 3px 14px 2px rgba(24, 39, 75, 0.12)',
|
17240
|
+
right: 16,
|
17241
|
+
marginTop: 16
|
17242
|
+
}));
|
17243
|
+
const ContentBox = styled$1(Box$2)(({
|
17244
|
+
theme
|
17245
|
+
}) => ({
|
17246
|
+
padding: theme.spacing(1.5),
|
17247
|
+
gap: theme.spacing(1.5),
|
17248
|
+
display: 'flex',
|
17249
|
+
alignItems: 'center',
|
17250
|
+
'&.color-error': {
|
17251
|
+
backgroundColor: '#FEEBEE'
|
17252
|
+
},
|
17253
|
+
'&.color-info': {
|
17254
|
+
backgroundColor: '#E1F5FE'
|
17255
|
+
},
|
17256
|
+
'&.color-warning': {
|
17257
|
+
backgroundColor: '#FFF3E0'
|
17258
|
+
},
|
17259
|
+
'&.color-success': {
|
17260
|
+
backgroundColor: '#E8F5E9'
|
17261
|
+
}
|
17262
|
+
}));
|
17263
|
+
const RippleIcon = styled$1(Stack$1)(({
|
17264
|
+
theme
|
17265
|
+
}) => ({
|
17266
|
+
padding: theme.spacing(1),
|
17267
|
+
gap: theme.spacing(1),
|
17268
|
+
height: 20,
|
17269
|
+
borderRadius: 50,
|
17270
|
+
'&.ripple-error': {
|
17271
|
+
backgroundColor: '#D143431F'
|
17272
|
+
},
|
17273
|
+
'&.ripple-info': {
|
17274
|
+
backgroundColor: '#2D9FC51F'
|
17275
|
+
},
|
17276
|
+
'&.ripple-warning': {
|
17277
|
+
backgroundColor: '#FB85001F'
|
17278
|
+
},
|
17279
|
+
'&.ripple-success': {
|
17280
|
+
backgroundColor: '#8FC93A1F'
|
17281
|
+
}
|
17282
|
+
}));
|
17283
|
+
const ContentIcon = styled$1(Stack$1)(({
|
17284
|
+
theme
|
17285
|
+
}) => ({
|
17286
|
+
'&.icon-color.color-info': {
|
17287
|
+
color: theme.palette.info.main
|
17288
|
+
},
|
17289
|
+
'&.icon-color.color-error': {
|
17290
|
+
color: theme.palette.error.main
|
17291
|
+
},
|
17292
|
+
'&.icon-color.color-warning': {
|
17293
|
+
color: theme.palette.warning.main
|
17294
|
+
},
|
17295
|
+
'&.icon-color.color-success': {
|
17296
|
+
color: theme.palette.success.main
|
17297
|
+
}
|
17298
|
+
}));
|
17299
|
+
const ToastNotification = toast => {
|
17300
|
+
const [stateToast, setStateToast] = useState(true);
|
17301
|
+
const [stateOptions, setStateOptions] = useState(true);
|
17302
|
+
const [progress, setProgress] = useState(100);
|
17303
|
+
const timeProgress = toast.time || 8000;
|
17304
|
+
const IconMap = {
|
17305
|
+
success: /*#__PURE__*/React__default.createElement(CheckCircleRounded, null),
|
17306
|
+
error: /*#__PURE__*/React__default.createElement(ErrorRounded, null),
|
17307
|
+
warning: /*#__PURE__*/React__default.createElement(WarningRounded, null),
|
17308
|
+
info: /*#__PURE__*/React__default.createElement(InfoRounded, null)
|
17309
|
+
};
|
17310
|
+
const ToastIcon = IconMap[toast.type || 'info'];
|
17311
|
+
const toastColorOption = {
|
17312
|
+
success: 'success',
|
17313
|
+
error: 'error',
|
17314
|
+
warning: 'warning',
|
17315
|
+
info: 'info'
|
17316
|
+
};
|
17317
|
+
const toastColorConfig = toastColorOption[toast.type || 'info'];
|
17318
|
+
const closeToast = () => {
|
17319
|
+
setStateToast(false);
|
17320
|
+
};
|
17321
|
+
const toggleOptions = () => {
|
17322
|
+
setStateOptions(prevShowOptions => !prevShowOptions);
|
17323
|
+
};
|
17324
|
+
const seeOptions = toast.seeMore;
|
17325
|
+
useEffect(() => {
|
17326
|
+
let seconds = 0;
|
17327
|
+
const interval = setInterval(() => {
|
17328
|
+
seconds += 100;
|
17329
|
+
const progress = 100 - seconds / timeProgress * 100;
|
17330
|
+
setProgress(progress <= 0 ? 0 : progress);
|
17331
|
+
}, 100);
|
17332
|
+
const closeTimeout = setTimeout(() => {
|
17333
|
+
clearInterval(interval);
|
17334
|
+
setStateToast(false);
|
17335
|
+
}, timeProgress);
|
17336
|
+
return () => {
|
17337
|
+
clearInterval(interval);
|
17338
|
+
clearTimeout(closeTimeout);
|
17339
|
+
};
|
17340
|
+
}, [timeProgress]);
|
17341
|
+
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, stateToast && /*#__PURE__*/React__default.createElement(ThemeProvider, {
|
17342
|
+
theme: SincoTheme
|
17343
|
+
}, /*#__PURE__*/React__default.createElement(Stack$1, {
|
17344
|
+
height: 105,
|
17345
|
+
top: 16,
|
17346
|
+
right: 16,
|
17347
|
+
position: "absolute",
|
17348
|
+
zIndex: 1400
|
17349
|
+
}, /*#__PURE__*/React__default.createElement(ToastContent, {
|
17350
|
+
position: 'fixed'
|
17351
|
+
}, /*#__PURE__*/React__default.createElement(ContentBox, {
|
17352
|
+
className: `color-${toast.type || 'info'}`
|
17353
|
+
}, toast && /*#__PURE__*/React__default.createElement(RippleIcon, {
|
17354
|
+
className: `ripple-${toast.type || 'info'}`
|
17355
|
+
}, /*#__PURE__*/React__default.createElement(ContentIcon, {
|
17356
|
+
className: `icon-color color-${toast.type || 'info'}`
|
17357
|
+
}, ToastIcon)), /*#__PURE__*/React__default.createElement(Divider$1, {
|
17358
|
+
orientation: "vertical",
|
17359
|
+
flexItem: true
|
17360
|
+
}), /*#__PURE__*/React__default.createElement(Stack$1, {
|
17361
|
+
gap: 0.5,
|
17362
|
+
width: 285
|
17363
|
+
}, /*#__PURE__*/React__default.createElement(Stack$1, {
|
17364
|
+
justifyContent: "space-between",
|
17365
|
+
flexDirection: "row",
|
17366
|
+
alignItems: "center"
|
17367
|
+
}, /*#__PURE__*/React__default.createElement(Typography$1, {
|
17368
|
+
variant: "subtitle2",
|
17369
|
+
color: "text.primary"
|
17370
|
+
}, toast.title), /*#__PURE__*/React__default.createElement(IconButton$1, {
|
17371
|
+
size: "small",
|
17372
|
+
"aria-label": "delete",
|
17373
|
+
onClick: closeToast
|
17374
|
+
}, /*#__PURE__*/React__default.createElement(Close$1, null))), /*#__PURE__*/React__default.createElement(Stack$1, {
|
17375
|
+
gap: "4px"
|
17376
|
+
}, /*#__PURE__*/React__default.createElement(Typography$1, {
|
17377
|
+
color: "text.primary",
|
17378
|
+
variant: "body2"
|
17379
|
+
}, toast.subtitle), !stateOptions && toast.dataOpt && toast.dataOpt.length > 0 && /*#__PURE__*/React__default.createElement("ul", {
|
17380
|
+
style: {
|
17381
|
+
paddingLeft: 15,
|
17382
|
+
marginBlock: 0,
|
17383
|
+
fontSize: 11,
|
17384
|
+
color: '#101840de'
|
17385
|
+
}
|
17386
|
+
}, toast.dataOpt.map((element, i) => {
|
17387
|
+
const keyElement = Object.keys(element);
|
17388
|
+
let options = '';
|
17389
|
+
for (let _i = 0; _i < keyElement.length; _i++) {
|
17390
|
+
options += element[keyElement[_i]];
|
17391
|
+
}
|
17392
|
+
return /*#__PURE__*/React__default.createElement("li", {
|
15931
17393
|
style: {
|
15932
|
-
|
15933
|
-
}
|
15934
|
-
|
15935
|
-
|
15936
|
-
|
15937
|
-
|
15938
|
-
|
15939
|
-
|
15940
|
-
|
15941
|
-
|
15942
|
-
|
15943
|
-
|
15944
|
-
|
15945
|
-
|
15946
|
-
|
15947
|
-
|
15948
|
-
|
15949
|
-
|
15950
|
-
|
15951
|
-
|
15952
|
-
|
15953
|
-
|
15954
|
-
sx: stylesContenido,
|
15955
|
-
children: children
|
15956
|
-
}), showActions && jsx(Box$2, {
|
15957
|
-
sx: stylesAcciones,
|
15958
|
-
children: acciones
|
15959
|
-
})]
|
17394
|
+
width: 'fit-content'
|
17395
|
+
},
|
17396
|
+
key: i
|
17397
|
+
}, /*#__PURE__*/React__default.createElement(Typography$1, {
|
17398
|
+
variant: "caption"
|
17399
|
+
}, options));
|
17400
|
+
}))), /*#__PURE__*/React__default.createElement(Stack$1, {
|
17401
|
+
justifyContent: "flex-end",
|
17402
|
+
flexDirection: "row",
|
17403
|
+
alignItems: "flex-end"
|
17404
|
+
}, toast.actions && /*#__PURE__*/React__default.createElement(Stack$1, {
|
17405
|
+
flexDirection: "row",
|
17406
|
+
gap: 1
|
17407
|
+
}, toast.actions), seeOptions && /*#__PURE__*/React__default.createElement(Button$1, {
|
17408
|
+
onClick: toggleOptions,
|
17409
|
+
size: "small",
|
17410
|
+
variant: "text",
|
17411
|
+
color: toastColorConfig,
|
17412
|
+
endIcon: stateOptions ? /*#__PURE__*/React__default.createElement(ArrowDownward, {
|
17413
|
+
fontSize: "small"
|
17414
|
+
}) : /*#__PURE__*/React__default.createElement(ArrowUpward, {
|
17415
|
+
fontSize: "small"
|
15960
17416
|
})
|
15961
|
-
})
|
17417
|
+
}, stateOptions ? 'Ver más' : 'Ver menos')))), /*#__PURE__*/React__default.createElement(LinearProgress$1, {
|
17418
|
+
color: toastColorConfig,
|
17419
|
+
variant: "determinate",
|
17420
|
+
value: progress
|
17421
|
+
})))));
|
17422
|
+
};
|
17423
|
+
|
17424
|
+
const PageHeaderContent = styled$1(Stack$1)(({
|
17425
|
+
theme
|
17426
|
+
}) => ({
|
17427
|
+
backgroundColor: '#fff',
|
17428
|
+
boxShadow: '0px 1px 3px rgba(24, 39, 75, 0.12), 0px 1px 1px -1px rgba(24, 39, 75, 0.14), 0px 2px 1px -2px rgba(24, 39, 75, 0.2)',
|
17429
|
+
zIndex: 100,
|
17430
|
+
padding: '8px 24px',
|
17431
|
+
justifyContent: 'space-between',
|
17432
|
+
minHeight: 39,
|
17433
|
+
position: 'fixed',
|
17434
|
+
width: '100%'
|
17435
|
+
}));
|
17436
|
+
const PageHeaderComponent = ({
|
17437
|
+
title,
|
17438
|
+
subtitle,
|
17439
|
+
actions,
|
17440
|
+
buttonBack
|
17441
|
+
}) => {
|
17442
|
+
return /*#__PURE__*/React__default.createElement(ThemeProvider, {
|
17443
|
+
theme: SincoTheme
|
17444
|
+
}, /*#__PURE__*/React__default.createElement("div", {
|
17445
|
+
style: {
|
17446
|
+
minHeight: 56
|
17447
|
+
}
|
17448
|
+
}, /*#__PURE__*/React__default.createElement(PageHeaderContent, null, /*#__PURE__*/React__default.createElement(Stack$1, {
|
17449
|
+
width: "90%",
|
17450
|
+
justifyContent: "space-between",
|
17451
|
+
flexDirection: "row",
|
17452
|
+
alignItems: "center"
|
17453
|
+
}, /*#__PURE__*/React__default.createElement(Stack$1, {
|
17454
|
+
gap: 1.5,
|
17455
|
+
flexDirection: "row",
|
17456
|
+
alignItems: "center"
|
17457
|
+
}, buttonBack, /*#__PURE__*/React__default.createElement(Stack$1, null, /*#__PURE__*/React__default.createElement(Typography$1, {
|
17458
|
+
variant: "h6",
|
17459
|
+
color: "text.primary"
|
17460
|
+
}, title), /*#__PURE__*/React__default.createElement(Typography$1, {
|
17461
|
+
variant: "caption",
|
17462
|
+
color: "text.secondary"
|
17463
|
+
}, subtitle))), /*#__PURE__*/React__default.createElement(Stack$1, {
|
17464
|
+
gap: 1,
|
17465
|
+
alignItems: "center",
|
17466
|
+
flexDirection: "row"
|
17467
|
+
}, actions)))));
|
15962
17468
|
};
|
15963
17469
|
|
15964
17470
|
var classof$2 = classofRaw$2;
|
@@ -18860,7 +20366,7 @@ class DislikeAnalyzer {
|
|
18860
20366
|
* tone, or a hue and chroma. Optionally, they can provide a background
|
18861
20367
|
* DynamicColor.
|
18862
20368
|
*/
|
18863
|
-
class DynamicColor {
|
20369
|
+
class DynamicColor$1 {
|
18864
20370
|
/**
|
18865
20371
|
* Create a DynamicColor defined by a TonalPalette and HCT tone.
|
18866
20372
|
*
|
@@ -18868,7 +20374,7 @@ class DynamicColor {
|
|
18868
20374
|
* and tone. May provide a background DynamicColor and ToneDeltaConstraint.
|
18869
20375
|
*/
|
18870
20376
|
static fromPalette(args) {
|
18871
|
-
return new DynamicColor(args.name ?? '', args.palette, args.tone, args.isBackground ?? false, args.background, args.secondBackground, args.contrastCurve, args.toneDeltaPair);
|
20377
|
+
return new DynamicColor$1(args.name ?? '', args.palette, args.tone, args.isBackground ?? false, args.background, args.secondBackground, args.contrastCurve, args.toneDeltaPair);
|
18872
20378
|
}
|
18873
20379
|
/**
|
18874
20380
|
* The base constructor for DynamicColor.
|
@@ -18991,17 +20497,17 @@ class DynamicColor {
|
|
18991
20497
|
const nInitialTone = nearer.tone(scheme);
|
18992
20498
|
let nTone = Contrast.ratioOfTones(bgTone, nInitialTone) >= nContrast ?
|
18993
20499
|
nInitialTone :
|
18994
|
-
DynamicColor.foregroundTone(bgTone, nContrast);
|
20500
|
+
DynamicColor$1.foregroundTone(bgTone, nContrast);
|
18995
20501
|
// Initial and adjusted tones for `farther`
|
18996
20502
|
const fInitialTone = farther.tone(scheme);
|
18997
20503
|
let fTone = Contrast.ratioOfTones(bgTone, fInitialTone) >= fContrast ?
|
18998
20504
|
fInitialTone :
|
18999
|
-
DynamicColor.foregroundTone(bgTone, fContrast);
|
20505
|
+
DynamicColor$1.foregroundTone(bgTone, fContrast);
|
19000
20506
|
if (decreasingContrast) {
|
19001
20507
|
// If decreasing contrast, adjust color to the "bare minimum"
|
19002
20508
|
// that satisfies contrast.
|
19003
|
-
nTone = DynamicColor.foregroundTone(bgTone, nContrast);
|
19004
|
-
fTone = DynamicColor.foregroundTone(bgTone, fContrast);
|
20509
|
+
nTone = DynamicColor$1.foregroundTone(bgTone, nContrast);
|
20510
|
+
fTone = DynamicColor$1.foregroundTone(bgTone, fContrast);
|
19005
20511
|
}
|
19006
20512
|
if ((fTone - nTone) * expansionDir >= delta) ;
|
19007
20513
|
else {
|
@@ -19063,10 +20569,10 @@ class DynamicColor {
|
|
19063
20569
|
if (Contrast.ratioOfTones(bgTone, answer) >= desiredRatio) ;
|
19064
20570
|
else {
|
19065
20571
|
// Rough improvement.
|
19066
|
-
answer = DynamicColor.foregroundTone(bgTone, desiredRatio);
|
20572
|
+
answer = DynamicColor$1.foregroundTone(bgTone, desiredRatio);
|
19067
20573
|
}
|
19068
20574
|
if (decreasingContrast) {
|
19069
|
-
answer = DynamicColor.foregroundTone(bgTone, desiredRatio);
|
20575
|
+
answer = DynamicColor$1.foregroundTone(bgTone, desiredRatio);
|
19070
20576
|
}
|
19071
20577
|
if (this.isBackground && 50 <= answer && answer < 60) {
|
19072
20578
|
// Must adjust
|
@@ -19098,8 +20604,8 @@ class DynamicColor {
|
|
19098
20604
|
availables.push(lightOption);
|
19099
20605
|
if (darkOption !== -1)
|
19100
20606
|
availables.push(darkOption);
|
19101
|
-
const prefersLight = DynamicColor.tonePrefersLightForeground(bgTone1) ||
|
19102
|
-
DynamicColor.tonePrefersLightForeground(bgTone2);
|
20607
|
+
const prefersLight = DynamicColor$1.tonePrefersLightForeground(bgTone1) ||
|
20608
|
+
DynamicColor$1.tonePrefersLightForeground(bgTone2);
|
19103
20609
|
if (prefersLight) {
|
19104
20610
|
return (lightOption < 0) ? 100 : lightOption;
|
19105
20611
|
}
|
@@ -19125,7 +20631,7 @@ class DynamicColor {
|
|
19125
20631
|
const darkerTone = Contrast.darkerUnsafe(bgTone, ratio);
|
19126
20632
|
const lighterRatio = Contrast.ratioOfTones(lighterTone, bgTone);
|
19127
20633
|
const darkerRatio = Contrast.ratioOfTones(darkerTone, bgTone);
|
19128
|
-
const preferLighter = DynamicColor.tonePrefersLightForeground(bgTone);
|
20634
|
+
const preferLighter = DynamicColor$1.tonePrefersLightForeground(bgTone);
|
19129
20635
|
if (preferLighter) {
|
19130
20636
|
// This handles an edge case where the initial contrast ratio is high
|
19131
20637
|
// (ex. 13.0), and the ratio passed to the function is that high
|
@@ -19174,8 +20680,8 @@ class DynamicColor {
|
|
19174
20680
|
* reasonably close to supporting it.
|
19175
20681
|
*/
|
19176
20682
|
static enableLightForeground(tone) {
|
19177
|
-
if (DynamicColor.tonePrefersLightForeground(tone) &&
|
19178
|
-
!DynamicColor.toneAllowsLightForeground(tone)) {
|
20683
|
+
if (DynamicColor$1.tonePrefersLightForeground(tone) &&
|
20684
|
+
!DynamicColor$1.toneAllowsLightForeground(tone)) {
|
19179
20685
|
return 49.0;
|
19180
20686
|
}
|
19181
20687
|
return tone;
|
@@ -19393,12 +20899,12 @@ function viewingConditionsForAlbers(scheme) {
|
|
19393
20899
|
}
|
19394
20900
|
function performAlbers(prealbers, scheme) {
|
19395
20901
|
const albersd = prealbers.inViewingConditions(viewingConditionsForAlbers(scheme));
|
19396
|
-
if (DynamicColor.tonePrefersLightForeground(prealbers.tone) &&
|
19397
|
-
!DynamicColor.toneAllowsLightForeground(albersd.tone)) {
|
19398
|
-
return DynamicColor.enableLightForeground(prealbers.tone);
|
20902
|
+
if (DynamicColor$1.tonePrefersLightForeground(prealbers.tone) &&
|
20903
|
+
!DynamicColor$1.toneAllowsLightForeground(albersd.tone)) {
|
20904
|
+
return DynamicColor$1.enableLightForeground(prealbers.tone);
|
19399
20905
|
}
|
19400
20906
|
else {
|
19401
|
-
return DynamicColor.enableLightForeground(albersd.tone);
|
20907
|
+
return DynamicColor$1.enableLightForeground(albersd.tone);
|
19402
20908
|
}
|
19403
20909
|
}
|
19404
20910
|
/**
|
@@ -19413,155 +20919,155 @@ class MaterialDynamicColors {
|
|
19413
20919
|
}
|
19414
20920
|
}
|
19415
20921
|
MaterialDynamicColors.contentAccentToneDelta = 15.0;
|
19416
|
-
MaterialDynamicColors.primaryPaletteKeyColor = DynamicColor.fromPalette({
|
20922
|
+
MaterialDynamicColors.primaryPaletteKeyColor = DynamicColor$1.fromPalette({
|
19417
20923
|
name: 'primary_palette_key_color',
|
19418
20924
|
palette: (s) => s.primaryPalette,
|
19419
20925
|
tone: (s) => s.primaryPalette.keyColor.tone,
|
19420
20926
|
});
|
19421
|
-
MaterialDynamicColors.secondaryPaletteKeyColor = DynamicColor.fromPalette({
|
20927
|
+
MaterialDynamicColors.secondaryPaletteKeyColor = DynamicColor$1.fromPalette({
|
19422
20928
|
name: 'secondary_palette_key_color',
|
19423
20929
|
palette: (s) => s.secondaryPalette,
|
19424
20930
|
tone: (s) => s.secondaryPalette.keyColor.tone,
|
19425
20931
|
});
|
19426
|
-
MaterialDynamicColors.tertiaryPaletteKeyColor = DynamicColor.fromPalette({
|
20932
|
+
MaterialDynamicColors.tertiaryPaletteKeyColor = DynamicColor$1.fromPalette({
|
19427
20933
|
name: 'tertiary_palette_key_color',
|
19428
20934
|
palette: (s) => s.tertiaryPalette,
|
19429
20935
|
tone: (s) => s.tertiaryPalette.keyColor.tone,
|
19430
20936
|
});
|
19431
|
-
MaterialDynamicColors.neutralPaletteKeyColor = DynamicColor.fromPalette({
|
20937
|
+
MaterialDynamicColors.neutralPaletteKeyColor = DynamicColor$1.fromPalette({
|
19432
20938
|
name: 'neutral_palette_key_color',
|
19433
20939
|
palette: (s) => s.neutralPalette,
|
19434
20940
|
tone: (s) => s.neutralPalette.keyColor.tone,
|
19435
20941
|
});
|
19436
|
-
MaterialDynamicColors.neutralVariantPaletteKeyColor = DynamicColor.fromPalette({
|
20942
|
+
MaterialDynamicColors.neutralVariantPaletteKeyColor = DynamicColor$1.fromPalette({
|
19437
20943
|
name: 'neutral_variant_palette_key_color',
|
19438
20944
|
palette: (s) => s.neutralVariantPalette,
|
19439
20945
|
tone: (s) => s.neutralVariantPalette.keyColor.tone,
|
19440
20946
|
});
|
19441
|
-
MaterialDynamicColors.background = DynamicColor.fromPalette({
|
20947
|
+
MaterialDynamicColors.background = DynamicColor$1.fromPalette({
|
19442
20948
|
name: 'background',
|
19443
20949
|
palette: (s) => s.neutralPalette,
|
19444
20950
|
tone: (s) => s.isDark ? 6 : 98,
|
19445
20951
|
isBackground: true,
|
19446
20952
|
});
|
19447
|
-
MaterialDynamicColors.onBackground = DynamicColor.fromPalette({
|
20953
|
+
MaterialDynamicColors.onBackground = DynamicColor$1.fromPalette({
|
19448
20954
|
name: 'on_background',
|
19449
20955
|
palette: (s) => s.neutralPalette,
|
19450
20956
|
tone: (s) => s.isDark ? 90 : 10,
|
19451
20957
|
background: (s) => MaterialDynamicColors.background,
|
19452
20958
|
contrastCurve: new ContrastCurve(3, 3, 4.5, 7),
|
19453
20959
|
});
|
19454
|
-
MaterialDynamicColors.surface = DynamicColor.fromPalette({
|
20960
|
+
MaterialDynamicColors.surface = DynamicColor$1.fromPalette({
|
19455
20961
|
name: 'surface',
|
19456
20962
|
palette: (s) => s.neutralPalette,
|
19457
20963
|
tone: (s) => s.isDark ? 6 : 98,
|
19458
20964
|
isBackground: true,
|
19459
20965
|
});
|
19460
|
-
MaterialDynamicColors.surfaceDim = DynamicColor.fromPalette({
|
20966
|
+
MaterialDynamicColors.surfaceDim = DynamicColor$1.fromPalette({
|
19461
20967
|
name: 'surface_dim',
|
19462
20968
|
palette: (s) => s.neutralPalette,
|
19463
20969
|
tone: (s) => s.isDark ? 6 : 87,
|
19464
20970
|
isBackground: true,
|
19465
20971
|
});
|
19466
|
-
MaterialDynamicColors.surfaceBright = DynamicColor.fromPalette({
|
20972
|
+
MaterialDynamicColors.surfaceBright = DynamicColor$1.fromPalette({
|
19467
20973
|
name: 'surface_bright',
|
19468
20974
|
palette: (s) => s.neutralPalette,
|
19469
20975
|
tone: (s) => s.isDark ? 24 : 98,
|
19470
20976
|
isBackground: true,
|
19471
20977
|
});
|
19472
|
-
MaterialDynamicColors.surfaceContainerLowest = DynamicColor.fromPalette({
|
20978
|
+
MaterialDynamicColors.surfaceContainerLowest = DynamicColor$1.fromPalette({
|
19473
20979
|
name: 'surface_container_lowest',
|
19474
20980
|
palette: (s) => s.neutralPalette,
|
19475
20981
|
tone: (s) => s.isDark ? 4 : 100,
|
19476
20982
|
isBackground: true,
|
19477
20983
|
});
|
19478
|
-
MaterialDynamicColors.surfaceContainerLow = DynamicColor.fromPalette({
|
20984
|
+
MaterialDynamicColors.surfaceContainerLow = DynamicColor$1.fromPalette({
|
19479
20985
|
name: 'surface_container_low',
|
19480
20986
|
palette: (s) => s.neutralPalette,
|
19481
20987
|
tone: (s) => s.isDark ? 10 : 96,
|
19482
20988
|
isBackground: true,
|
19483
20989
|
});
|
19484
|
-
MaterialDynamicColors.surfaceContainer = DynamicColor.fromPalette({
|
20990
|
+
MaterialDynamicColors.surfaceContainer = DynamicColor$1.fromPalette({
|
19485
20991
|
name: 'surface_container',
|
19486
20992
|
palette: (s) => s.neutralPalette,
|
19487
20993
|
tone: (s) => s.isDark ? 12 : 94,
|
19488
20994
|
isBackground: true,
|
19489
20995
|
});
|
19490
|
-
MaterialDynamicColors.surfaceContainerHigh = DynamicColor.fromPalette({
|
20996
|
+
MaterialDynamicColors.surfaceContainerHigh = DynamicColor$1.fromPalette({
|
19491
20997
|
name: 'surface_container_high',
|
19492
20998
|
palette: (s) => s.neutralPalette,
|
19493
20999
|
tone: (s) => s.isDark ? 17 : 92,
|
19494
21000
|
isBackground: true,
|
19495
21001
|
});
|
19496
|
-
MaterialDynamicColors.surfaceContainerHighest = DynamicColor.fromPalette({
|
21002
|
+
MaterialDynamicColors.surfaceContainerHighest = DynamicColor$1.fromPalette({
|
19497
21003
|
name: 'surface_container_highest',
|
19498
21004
|
palette: (s) => s.neutralPalette,
|
19499
21005
|
tone: (s) => s.isDark ? 22 : 90,
|
19500
21006
|
isBackground: true,
|
19501
21007
|
});
|
19502
|
-
MaterialDynamicColors.onSurface = DynamicColor.fromPalette({
|
21008
|
+
MaterialDynamicColors.onSurface = DynamicColor$1.fromPalette({
|
19503
21009
|
name: 'on_surface',
|
19504
21010
|
palette: (s) => s.neutralPalette,
|
19505
21011
|
tone: (s) => s.isDark ? 90 : 10,
|
19506
21012
|
background: (s) => MaterialDynamicColors.highestSurface(s),
|
19507
21013
|
contrastCurve: new ContrastCurve(4.5, 7, 11, 21),
|
19508
21014
|
});
|
19509
|
-
MaterialDynamicColors.surfaceVariant = DynamicColor.fromPalette({
|
21015
|
+
MaterialDynamicColors.surfaceVariant = DynamicColor$1.fromPalette({
|
19510
21016
|
name: 'surface_variant',
|
19511
21017
|
palette: (s) => s.neutralVariantPalette,
|
19512
21018
|
tone: (s) => s.isDark ? 30 : 90,
|
19513
21019
|
isBackground: true,
|
19514
21020
|
});
|
19515
|
-
MaterialDynamicColors.onSurfaceVariant = DynamicColor.fromPalette({
|
21021
|
+
MaterialDynamicColors.onSurfaceVariant = DynamicColor$1.fromPalette({
|
19516
21022
|
name: 'on_surface_variant',
|
19517
21023
|
palette: (s) => s.neutralVariantPalette,
|
19518
21024
|
tone: (s) => s.isDark ? 80 : 30,
|
19519
21025
|
background: (s) => MaterialDynamicColors.highestSurface(s),
|
19520
21026
|
contrastCurve: new ContrastCurve(3, 4.5, 7, 11),
|
19521
21027
|
});
|
19522
|
-
MaterialDynamicColors.inverseSurface = DynamicColor.fromPalette({
|
21028
|
+
MaterialDynamicColors.inverseSurface = DynamicColor$1.fromPalette({
|
19523
21029
|
name: 'inverse_surface',
|
19524
21030
|
palette: (s) => s.neutralPalette,
|
19525
21031
|
tone: (s) => s.isDark ? 90 : 20,
|
19526
21032
|
});
|
19527
|
-
MaterialDynamicColors.inverseOnSurface = DynamicColor.fromPalette({
|
21033
|
+
MaterialDynamicColors.inverseOnSurface = DynamicColor$1.fromPalette({
|
19528
21034
|
name: 'inverse_on_surface',
|
19529
21035
|
palette: (s) => s.neutralPalette,
|
19530
21036
|
tone: (s) => s.isDark ? 20 : 95,
|
19531
21037
|
background: (s) => MaterialDynamicColors.inverseSurface,
|
19532
21038
|
contrastCurve: new ContrastCurve(4.5, 7, 11, 21),
|
19533
21039
|
});
|
19534
|
-
MaterialDynamicColors.outline = DynamicColor.fromPalette({
|
21040
|
+
MaterialDynamicColors.outline = DynamicColor$1.fromPalette({
|
19535
21041
|
name: 'outline',
|
19536
21042
|
palette: (s) => s.neutralVariantPalette,
|
19537
21043
|
tone: (s) => s.isDark ? 60 : 50,
|
19538
21044
|
background: (s) => MaterialDynamicColors.highestSurface(s),
|
19539
21045
|
contrastCurve: new ContrastCurve(1.5, 3, 4.5, 7),
|
19540
21046
|
});
|
19541
|
-
MaterialDynamicColors.outlineVariant = DynamicColor.fromPalette({
|
21047
|
+
MaterialDynamicColors.outlineVariant = DynamicColor$1.fromPalette({
|
19542
21048
|
name: 'outline_variant',
|
19543
21049
|
palette: (s) => s.neutralVariantPalette,
|
19544
21050
|
tone: (s) => s.isDark ? 30 : 80,
|
19545
21051
|
background: (s) => MaterialDynamicColors.highestSurface(s),
|
19546
21052
|
contrastCurve: new ContrastCurve(1, 1, 3, 7),
|
19547
21053
|
});
|
19548
|
-
MaterialDynamicColors.shadow = DynamicColor.fromPalette({
|
21054
|
+
MaterialDynamicColors.shadow = DynamicColor$1.fromPalette({
|
19549
21055
|
name: 'shadow',
|
19550
21056
|
palette: (s) => s.neutralPalette,
|
19551
21057
|
tone: (s) => 0,
|
19552
21058
|
});
|
19553
|
-
MaterialDynamicColors.scrim = DynamicColor.fromPalette({
|
21059
|
+
MaterialDynamicColors.scrim = DynamicColor$1.fromPalette({
|
19554
21060
|
name: 'scrim',
|
19555
21061
|
palette: (s) => s.neutralPalette,
|
19556
21062
|
tone: (s) => 0,
|
19557
21063
|
});
|
19558
|
-
MaterialDynamicColors.surfaceTint = DynamicColor.fromPalette({
|
21064
|
+
MaterialDynamicColors.surfaceTint = DynamicColor$1.fromPalette({
|
19559
21065
|
name: 'surface_tint',
|
19560
21066
|
palette: (s) => s.primaryPalette,
|
19561
21067
|
tone: (s) => s.isDark ? 80 : 40,
|
19562
21068
|
isBackground: true,
|
19563
21069
|
});
|
19564
|
-
MaterialDynamicColors.primary = DynamicColor.fromPalette({
|
21070
|
+
MaterialDynamicColors.primary = DynamicColor$1.fromPalette({
|
19565
21071
|
name: 'primary',
|
19566
21072
|
palette: (s) => s.primaryPalette,
|
19567
21073
|
tone: (s) => {
|
@@ -19575,7 +21081,7 @@ MaterialDynamicColors.primary = DynamicColor.fromPalette({
|
|
19575
21081
|
contrastCurve: new ContrastCurve(3, 4.5, 7, 11),
|
19576
21082
|
toneDeltaPair: (s) => new ToneDeltaPair(MaterialDynamicColors.primaryContainer, MaterialDynamicColors.primary, 15, 'nearer', false),
|
19577
21083
|
});
|
19578
|
-
MaterialDynamicColors.onPrimary = DynamicColor.fromPalette({
|
21084
|
+
MaterialDynamicColors.onPrimary = DynamicColor$1.fromPalette({
|
19579
21085
|
name: 'on_primary',
|
19580
21086
|
palette: (s) => s.primaryPalette,
|
19581
21087
|
tone: (s) => {
|
@@ -19587,7 +21093,7 @@ MaterialDynamicColors.onPrimary = DynamicColor.fromPalette({
|
|
19587
21093
|
background: (s) => MaterialDynamicColors.primary,
|
19588
21094
|
contrastCurve: new ContrastCurve(4.5, 7, 11, 21),
|
19589
21095
|
});
|
19590
|
-
MaterialDynamicColors.primaryContainer = DynamicColor.fromPalette({
|
21096
|
+
MaterialDynamicColors.primaryContainer = DynamicColor$1.fromPalette({
|
19591
21097
|
name: 'primary_container',
|
19592
21098
|
palette: (s) => s.primaryPalette,
|
19593
21099
|
tone: (s) => {
|
@@ -19604,12 +21110,12 @@ MaterialDynamicColors.primaryContainer = DynamicColor.fromPalette({
|
|
19604
21110
|
contrastCurve: new ContrastCurve(1, 1, 3, 7),
|
19605
21111
|
toneDeltaPair: (s) => new ToneDeltaPair(MaterialDynamicColors.primaryContainer, MaterialDynamicColors.primary, 15, 'nearer', false),
|
19606
21112
|
});
|
19607
|
-
MaterialDynamicColors.onPrimaryContainer = DynamicColor.fromPalette({
|
21113
|
+
MaterialDynamicColors.onPrimaryContainer = DynamicColor$1.fromPalette({
|
19608
21114
|
name: 'on_primary_container',
|
19609
21115
|
palette: (s) => s.primaryPalette,
|
19610
21116
|
tone: (s) => {
|
19611
21117
|
if (isFidelity(s)) {
|
19612
|
-
return DynamicColor.foregroundTone(MaterialDynamicColors.primaryContainer.tone(s), 4.5);
|
21118
|
+
return DynamicColor$1.foregroundTone(MaterialDynamicColors.primaryContainer.tone(s), 4.5);
|
19613
21119
|
}
|
19614
21120
|
if (isMonochrome(s)) {
|
19615
21121
|
return s.isDark ? 0 : 100;
|
@@ -19619,14 +21125,14 @@ MaterialDynamicColors.onPrimaryContainer = DynamicColor.fromPalette({
|
|
19619
21125
|
background: (s) => MaterialDynamicColors.primaryContainer,
|
19620
21126
|
contrastCurve: new ContrastCurve(4.5, 7, 11, 21),
|
19621
21127
|
});
|
19622
|
-
MaterialDynamicColors.inversePrimary = DynamicColor.fromPalette({
|
21128
|
+
MaterialDynamicColors.inversePrimary = DynamicColor$1.fromPalette({
|
19623
21129
|
name: 'inverse_primary',
|
19624
21130
|
palette: (s) => s.primaryPalette,
|
19625
21131
|
tone: (s) => s.isDark ? 40 : 80,
|
19626
21132
|
background: (s) => MaterialDynamicColors.inverseSurface,
|
19627
21133
|
contrastCurve: new ContrastCurve(3, 4.5, 7, 11),
|
19628
21134
|
});
|
19629
|
-
MaterialDynamicColors.secondary = DynamicColor.fromPalette({
|
21135
|
+
MaterialDynamicColors.secondary = DynamicColor$1.fromPalette({
|
19630
21136
|
name: 'secondary',
|
19631
21137
|
palette: (s) => s.secondaryPalette,
|
19632
21138
|
tone: (s) => s.isDark ? 80 : 40,
|
@@ -19635,7 +21141,7 @@ MaterialDynamicColors.secondary = DynamicColor.fromPalette({
|
|
19635
21141
|
contrastCurve: new ContrastCurve(3, 4.5, 7, 11),
|
19636
21142
|
toneDeltaPair: (s) => new ToneDeltaPair(MaterialDynamicColors.secondaryContainer, MaterialDynamicColors.secondary, 15, 'nearer', false),
|
19637
21143
|
});
|
19638
|
-
MaterialDynamicColors.onSecondary = DynamicColor.fromPalette({
|
21144
|
+
MaterialDynamicColors.onSecondary = DynamicColor$1.fromPalette({
|
19639
21145
|
name: 'on_secondary',
|
19640
21146
|
palette: (s) => s.secondaryPalette,
|
19641
21147
|
tone: (s) => {
|
@@ -19649,7 +21155,7 @@ MaterialDynamicColors.onSecondary = DynamicColor.fromPalette({
|
|
19649
21155
|
background: (s) => MaterialDynamicColors.secondary,
|
19650
21156
|
contrastCurve: new ContrastCurve(4.5, 7, 11, 21),
|
19651
21157
|
});
|
19652
|
-
MaterialDynamicColors.secondaryContainer = DynamicColor.fromPalette({
|
21158
|
+
MaterialDynamicColors.secondaryContainer = DynamicColor$1.fromPalette({
|
19653
21159
|
name: 'secondary_container',
|
19654
21160
|
palette: (s) => s.secondaryPalette,
|
19655
21161
|
tone: (s) => {
|
@@ -19669,19 +21175,19 @@ MaterialDynamicColors.secondaryContainer = DynamicColor.fromPalette({
|
|
19669
21175
|
contrastCurve: new ContrastCurve(1, 1, 3, 7),
|
19670
21176
|
toneDeltaPair: (s) => new ToneDeltaPair(MaterialDynamicColors.secondaryContainer, MaterialDynamicColors.secondary, 15, 'nearer', false),
|
19671
21177
|
});
|
19672
|
-
MaterialDynamicColors.onSecondaryContainer = DynamicColor.fromPalette({
|
21178
|
+
MaterialDynamicColors.onSecondaryContainer = DynamicColor$1.fromPalette({
|
19673
21179
|
name: 'on_secondary_container',
|
19674
21180
|
palette: (s) => s.secondaryPalette,
|
19675
21181
|
tone: (s) => {
|
19676
21182
|
if (!isFidelity(s)) {
|
19677
21183
|
return s.isDark ? 90 : 10;
|
19678
21184
|
}
|
19679
|
-
return DynamicColor.foregroundTone(MaterialDynamicColors.secondaryContainer.tone(s), 4.5);
|
21185
|
+
return DynamicColor$1.foregroundTone(MaterialDynamicColors.secondaryContainer.tone(s), 4.5);
|
19680
21186
|
},
|
19681
21187
|
background: (s) => MaterialDynamicColors.secondaryContainer,
|
19682
21188
|
contrastCurve: new ContrastCurve(4.5, 7, 11, 21),
|
19683
21189
|
});
|
19684
|
-
MaterialDynamicColors.tertiary = DynamicColor.fromPalette({
|
21190
|
+
MaterialDynamicColors.tertiary = DynamicColor$1.fromPalette({
|
19685
21191
|
name: 'tertiary',
|
19686
21192
|
palette: (s) => s.tertiaryPalette,
|
19687
21193
|
tone: (s) => {
|
@@ -19695,7 +21201,7 @@ MaterialDynamicColors.tertiary = DynamicColor.fromPalette({
|
|
19695
21201
|
contrastCurve: new ContrastCurve(3, 4.5, 7, 11),
|
19696
21202
|
toneDeltaPair: (s) => new ToneDeltaPair(MaterialDynamicColors.tertiaryContainer, MaterialDynamicColors.tertiary, 15, 'nearer', false),
|
19697
21203
|
});
|
19698
|
-
MaterialDynamicColors.onTertiary = DynamicColor.fromPalette({
|
21204
|
+
MaterialDynamicColors.onTertiary = DynamicColor$1.fromPalette({
|
19699
21205
|
name: 'on_tertiary',
|
19700
21206
|
palette: (s) => s.tertiaryPalette,
|
19701
21207
|
tone: (s) => {
|
@@ -19707,7 +21213,7 @@ MaterialDynamicColors.onTertiary = DynamicColor.fromPalette({
|
|
19707
21213
|
background: (s) => MaterialDynamicColors.tertiary,
|
19708
21214
|
contrastCurve: new ContrastCurve(4.5, 7, 11, 21),
|
19709
21215
|
});
|
19710
|
-
MaterialDynamicColors.tertiaryContainer = DynamicColor.fromPalette({
|
21216
|
+
MaterialDynamicColors.tertiaryContainer = DynamicColor$1.fromPalette({
|
19711
21217
|
name: 'tertiary_container',
|
19712
21218
|
palette: (s) => s.tertiaryPalette,
|
19713
21219
|
tone: (s) => {
|
@@ -19726,7 +21232,7 @@ MaterialDynamicColors.tertiaryContainer = DynamicColor.fromPalette({
|
|
19726
21232
|
contrastCurve: new ContrastCurve(1, 1, 3, 7),
|
19727
21233
|
toneDeltaPair: (s) => new ToneDeltaPair(MaterialDynamicColors.tertiaryContainer, MaterialDynamicColors.tertiary, 15, 'nearer', false),
|
19728
21234
|
});
|
19729
|
-
MaterialDynamicColors.onTertiaryContainer = DynamicColor.fromPalette({
|
21235
|
+
MaterialDynamicColors.onTertiaryContainer = DynamicColor$1.fromPalette({
|
19730
21236
|
name: 'on_tertiary_container',
|
19731
21237
|
palette: (s) => s.tertiaryPalette,
|
19732
21238
|
tone: (s) => {
|
@@ -19736,12 +21242,12 @@ MaterialDynamicColors.onTertiaryContainer = DynamicColor.fromPalette({
|
|
19736
21242
|
if (!isFidelity(s)) {
|
19737
21243
|
return s.isDark ? 90 : 10;
|
19738
21244
|
}
|
19739
|
-
return DynamicColor.foregroundTone(MaterialDynamicColors.tertiaryContainer.tone(s), 4.5);
|
21245
|
+
return DynamicColor$1.foregroundTone(MaterialDynamicColors.tertiaryContainer.tone(s), 4.5);
|
19740
21246
|
},
|
19741
21247
|
background: (s) => MaterialDynamicColors.tertiaryContainer,
|
19742
21248
|
contrastCurve: new ContrastCurve(4.5, 7, 11, 21),
|
19743
21249
|
});
|
19744
|
-
MaterialDynamicColors.error = DynamicColor.fromPalette({
|
21250
|
+
MaterialDynamicColors.error = DynamicColor$1.fromPalette({
|
19745
21251
|
name: 'error',
|
19746
21252
|
palette: (s) => s.errorPalette,
|
19747
21253
|
tone: (s) => s.isDark ? 80 : 40,
|
@@ -19750,14 +21256,14 @@ MaterialDynamicColors.error = DynamicColor.fromPalette({
|
|
19750
21256
|
contrastCurve: new ContrastCurve(3, 4.5, 7, 11),
|
19751
21257
|
toneDeltaPair: (s) => new ToneDeltaPair(MaterialDynamicColors.errorContainer, MaterialDynamicColors.error, 15, 'nearer', false),
|
19752
21258
|
});
|
19753
|
-
MaterialDynamicColors.onError = DynamicColor.fromPalette({
|
21259
|
+
MaterialDynamicColors.onError = DynamicColor$1.fromPalette({
|
19754
21260
|
name: 'on_error',
|
19755
21261
|
palette: (s) => s.errorPalette,
|
19756
21262
|
tone: (s) => s.isDark ? 20 : 100,
|
19757
21263
|
background: (s) => MaterialDynamicColors.error,
|
19758
21264
|
contrastCurve: new ContrastCurve(4.5, 7, 11, 21),
|
19759
21265
|
});
|
19760
|
-
MaterialDynamicColors.errorContainer = DynamicColor.fromPalette({
|
21266
|
+
MaterialDynamicColors.errorContainer = DynamicColor$1.fromPalette({
|
19761
21267
|
name: 'error_container',
|
19762
21268
|
palette: (s) => s.errorPalette,
|
19763
21269
|
tone: (s) => s.isDark ? 30 : 90,
|
@@ -19766,14 +21272,14 @@ MaterialDynamicColors.errorContainer = DynamicColor.fromPalette({
|
|
19766
21272
|
contrastCurve: new ContrastCurve(1, 1, 3, 7),
|
19767
21273
|
toneDeltaPair: (s) => new ToneDeltaPair(MaterialDynamicColors.errorContainer, MaterialDynamicColors.error, 15, 'nearer', false),
|
19768
21274
|
});
|
19769
|
-
MaterialDynamicColors.onErrorContainer = DynamicColor.fromPalette({
|
21275
|
+
MaterialDynamicColors.onErrorContainer = DynamicColor$1.fromPalette({
|
19770
21276
|
name: 'on_error_container',
|
19771
21277
|
palette: (s) => s.errorPalette,
|
19772
21278
|
tone: (s) => s.isDark ? 90 : 10,
|
19773
21279
|
background: (s) => MaterialDynamicColors.errorContainer,
|
19774
21280
|
contrastCurve: new ContrastCurve(4.5, 7, 11, 21),
|
19775
21281
|
});
|
19776
|
-
MaterialDynamicColors.primaryFixed = DynamicColor.fromPalette({
|
21282
|
+
MaterialDynamicColors.primaryFixed = DynamicColor$1.fromPalette({
|
19777
21283
|
name: 'primary_fixed',
|
19778
21284
|
palette: (s) => s.primaryPalette,
|
19779
21285
|
tone: (s) => isMonochrome(s) ? 40.0 : 90.0,
|
@@ -19782,7 +21288,7 @@ MaterialDynamicColors.primaryFixed = DynamicColor.fromPalette({
|
|
19782
21288
|
contrastCurve: new ContrastCurve(1, 1, 3, 7),
|
19783
21289
|
toneDeltaPair: (s) => new ToneDeltaPair(MaterialDynamicColors.primaryFixed, MaterialDynamicColors.primaryFixedDim, 10, 'lighter', true),
|
19784
21290
|
});
|
19785
|
-
MaterialDynamicColors.primaryFixedDim = DynamicColor.fromPalette({
|
21291
|
+
MaterialDynamicColors.primaryFixedDim = DynamicColor$1.fromPalette({
|
19786
21292
|
name: 'primary_fixed_dim',
|
19787
21293
|
palette: (s) => s.primaryPalette,
|
19788
21294
|
tone: (s) => isMonochrome(s) ? 30.0 : 80.0,
|
@@ -19791,7 +21297,7 @@ MaterialDynamicColors.primaryFixedDim = DynamicColor.fromPalette({
|
|
19791
21297
|
contrastCurve: new ContrastCurve(1, 1, 3, 7),
|
19792
21298
|
toneDeltaPair: (s) => new ToneDeltaPair(MaterialDynamicColors.primaryFixed, MaterialDynamicColors.primaryFixedDim, 10, 'lighter', true),
|
19793
21299
|
});
|
19794
|
-
MaterialDynamicColors.onPrimaryFixed = DynamicColor.fromPalette({
|
21300
|
+
MaterialDynamicColors.onPrimaryFixed = DynamicColor$1.fromPalette({
|
19795
21301
|
name: 'on_primary_fixed',
|
19796
21302
|
palette: (s) => s.primaryPalette,
|
19797
21303
|
tone: (s) => isMonochrome(s) ? 100.0 : 10.0,
|
@@ -19799,7 +21305,7 @@ MaterialDynamicColors.onPrimaryFixed = DynamicColor.fromPalette({
|
|
19799
21305
|
secondBackground: (s) => MaterialDynamicColors.primaryFixed,
|
19800
21306
|
contrastCurve: new ContrastCurve(4.5, 7, 11, 21),
|
19801
21307
|
});
|
19802
|
-
MaterialDynamicColors.onPrimaryFixedVariant = DynamicColor.fromPalette({
|
21308
|
+
MaterialDynamicColors.onPrimaryFixedVariant = DynamicColor$1.fromPalette({
|
19803
21309
|
name: 'on_primary_fixed_variant',
|
19804
21310
|
palette: (s) => s.primaryPalette,
|
19805
21311
|
tone: (s) => isMonochrome(s) ? 90.0 : 30.0,
|
@@ -19807,7 +21313,7 @@ MaterialDynamicColors.onPrimaryFixedVariant = DynamicColor.fromPalette({
|
|
19807
21313
|
secondBackground: (s) => MaterialDynamicColors.primaryFixed,
|
19808
21314
|
contrastCurve: new ContrastCurve(3, 4.5, 7, 11),
|
19809
21315
|
});
|
19810
|
-
MaterialDynamicColors.secondaryFixed = DynamicColor.fromPalette({
|
21316
|
+
MaterialDynamicColors.secondaryFixed = DynamicColor$1.fromPalette({
|
19811
21317
|
name: 'secondary_fixed',
|
19812
21318
|
palette: (s) => s.secondaryPalette,
|
19813
21319
|
tone: (s) => isMonochrome(s) ? 80.0 : 90.0,
|
@@ -19816,7 +21322,7 @@ MaterialDynamicColors.secondaryFixed = DynamicColor.fromPalette({
|
|
19816
21322
|
contrastCurve: new ContrastCurve(1, 1, 3, 7),
|
19817
21323
|
toneDeltaPair: (s) => new ToneDeltaPair(MaterialDynamicColors.secondaryFixed, MaterialDynamicColors.secondaryFixedDim, 10, 'lighter', true),
|
19818
21324
|
});
|
19819
|
-
MaterialDynamicColors.secondaryFixedDim = DynamicColor.fromPalette({
|
21325
|
+
MaterialDynamicColors.secondaryFixedDim = DynamicColor$1.fromPalette({
|
19820
21326
|
name: 'secondary_fixed_dim',
|
19821
21327
|
palette: (s) => s.secondaryPalette,
|
19822
21328
|
tone: (s) => isMonochrome(s) ? 70.0 : 80.0,
|
@@ -19825,7 +21331,7 @@ MaterialDynamicColors.secondaryFixedDim = DynamicColor.fromPalette({
|
|
19825
21331
|
contrastCurve: new ContrastCurve(1, 1, 3, 7),
|
19826
21332
|
toneDeltaPair: (s) => new ToneDeltaPair(MaterialDynamicColors.secondaryFixed, MaterialDynamicColors.secondaryFixedDim, 10, 'lighter', true),
|
19827
21333
|
});
|
19828
|
-
MaterialDynamicColors.onSecondaryFixed = DynamicColor.fromPalette({
|
21334
|
+
MaterialDynamicColors.onSecondaryFixed = DynamicColor$1.fromPalette({
|
19829
21335
|
name: 'on_secondary_fixed',
|
19830
21336
|
palette: (s) => s.secondaryPalette,
|
19831
21337
|
tone: (s) => 10.0,
|
@@ -19833,7 +21339,7 @@ MaterialDynamicColors.onSecondaryFixed = DynamicColor.fromPalette({
|
|
19833
21339
|
secondBackground: (s) => MaterialDynamicColors.secondaryFixed,
|
19834
21340
|
contrastCurve: new ContrastCurve(4.5, 7, 11, 21),
|
19835
21341
|
});
|
19836
|
-
MaterialDynamicColors.onSecondaryFixedVariant = DynamicColor.fromPalette({
|
21342
|
+
MaterialDynamicColors.onSecondaryFixedVariant = DynamicColor$1.fromPalette({
|
19837
21343
|
name: 'on_secondary_fixed_variant',
|
19838
21344
|
palette: (s) => s.secondaryPalette,
|
19839
21345
|
tone: (s) => isMonochrome(s) ? 25.0 : 30.0,
|
@@ -19841,7 +21347,7 @@ MaterialDynamicColors.onSecondaryFixedVariant = DynamicColor.fromPalette({
|
|
19841
21347
|
secondBackground: (s) => MaterialDynamicColors.secondaryFixed,
|
19842
21348
|
contrastCurve: new ContrastCurve(3, 4.5, 7, 11),
|
19843
21349
|
});
|
19844
|
-
MaterialDynamicColors.tertiaryFixed = DynamicColor.fromPalette({
|
21350
|
+
MaterialDynamicColors.tertiaryFixed = DynamicColor$1.fromPalette({
|
19845
21351
|
name: 'tertiary_fixed',
|
19846
21352
|
palette: (s) => s.tertiaryPalette,
|
19847
21353
|
tone: (s) => isMonochrome(s) ? 40.0 : 90.0,
|
@@ -19850,7 +21356,7 @@ MaterialDynamicColors.tertiaryFixed = DynamicColor.fromPalette({
|
|
19850
21356
|
contrastCurve: new ContrastCurve(1, 1, 3, 7),
|
19851
21357
|
toneDeltaPair: (s) => new ToneDeltaPair(MaterialDynamicColors.tertiaryFixed, MaterialDynamicColors.tertiaryFixedDim, 10, 'lighter', true),
|
19852
21358
|
});
|
19853
|
-
MaterialDynamicColors.tertiaryFixedDim = DynamicColor.fromPalette({
|
21359
|
+
MaterialDynamicColors.tertiaryFixedDim = DynamicColor$1.fromPalette({
|
19854
21360
|
name: 'tertiary_fixed_dim',
|
19855
21361
|
palette: (s) => s.tertiaryPalette,
|
19856
21362
|
tone: (s) => isMonochrome(s) ? 30.0 : 80.0,
|
@@ -19859,7 +21365,7 @@ MaterialDynamicColors.tertiaryFixedDim = DynamicColor.fromPalette({
|
|
19859
21365
|
contrastCurve: new ContrastCurve(1, 1, 3, 7),
|
19860
21366
|
toneDeltaPair: (s) => new ToneDeltaPair(MaterialDynamicColors.tertiaryFixed, MaterialDynamicColors.tertiaryFixedDim, 10, 'lighter', true),
|
19861
21367
|
});
|
19862
|
-
MaterialDynamicColors.onTertiaryFixed = DynamicColor.fromPalette({
|
21368
|
+
MaterialDynamicColors.onTertiaryFixed = DynamicColor$1.fromPalette({
|
19863
21369
|
name: 'on_tertiary_fixed',
|
19864
21370
|
palette: (s) => s.tertiaryPalette,
|
19865
21371
|
tone: (s) => isMonochrome(s) ? 100.0 : 10.0,
|
@@ -19867,7 +21373,7 @@ MaterialDynamicColors.onTertiaryFixed = DynamicColor.fromPalette({
|
|
19867
21373
|
secondBackground: (s) => MaterialDynamicColors.tertiaryFixed,
|
19868
21374
|
contrastCurve: new ContrastCurve(4.5, 7, 11, 21),
|
19869
21375
|
});
|
19870
|
-
MaterialDynamicColors.onTertiaryFixedVariant = DynamicColor.fromPalette({
|
21376
|
+
MaterialDynamicColors.onTertiaryFixedVariant = DynamicColor$1.fromPalette({
|
19871
21377
|
name: 'on_tertiary_fixed_variant',
|
19872
21378
|
palette: (s) => s.tertiaryPalette,
|
19873
21379
|
tone: (s) => isMonochrome(s) ? 90.0 : 30.0,
|
@@ -21342,11 +22848,11 @@ function customColor(source, color) {
|
|
21342
22848
|
};
|
21343
22849
|
}
|
21344
22850
|
|
21345
|
-
const
|
22851
|
+
const DynamicColor = async src => {
|
21346
22852
|
const imageElement = document.createElement("img");
|
21347
22853
|
imageElement.src = src;
|
21348
22854
|
const dynamicPalette = await themeFromImage(imageElement);
|
21349
|
-
const
|
22855
|
+
const getTonalPalette = color => {
|
21350
22856
|
const {
|
21351
22857
|
hue,
|
21352
22858
|
chroma,
|
@@ -21362,8 +22868,8 @@ const dynamicColor = async src => {
|
|
21362
22868
|
dark,
|
21363
22869
|
light
|
21364
22870
|
} = dynamicPalette.schemes;
|
21365
|
-
const primaryMain =
|
21366
|
-
const secondaryMain =
|
22871
|
+
const primaryMain = getTonalPalette(primary);
|
22872
|
+
const secondaryMain = getTonalPalette(secondary);
|
21367
22873
|
const primaryLight = hexFromArgb(dark.primary);
|
21368
22874
|
const primaryDark = hexFromArgb(light.primary);
|
21369
22875
|
const secondaryLight = hexFromArgb(dark.secondary);
|
@@ -21391,13 +22897,13 @@ const dynamicColor = async src => {
|
|
21391
22897
|
};
|
21392
22898
|
};
|
21393
22899
|
|
21394
|
-
const
|
22900
|
+
const UseDynamicColor = url => {
|
21395
22901
|
const [primary, setPrimary] = useState(SincoTheme.palette.primary);
|
21396
22902
|
const [secondary, setSecondary] = useState(SincoTheme.palette.secondary);
|
21397
22903
|
const [background, setBackground] = useState(SincoTheme.palette.background);
|
21398
22904
|
const [loading, setLoading] = useState(false);
|
21399
22905
|
useEffect(() => {
|
21400
|
-
|
22906
|
+
DynamicColor(url).then(({
|
21401
22907
|
primaryColor,
|
21402
22908
|
secondaryColor,
|
21403
22909
|
backgroundColor
|
@@ -21416,4 +22922,4 @@ const useDynamicColor = url => {
|
|
21416
22922
|
};
|
21417
22923
|
};
|
21418
22924
|
|
21419
|
-
export { DrawerComponent,
|
22925
|
+
export { DrawerComponent, EmptyStateComponent, EmptyStateImageUrls, PageHeaderComponent, PageHeaderContent, SincoTheme, ToastNotification, UseDynamicColor };
|