@sinco/react 1.0.2-rc.19 → 1.0.2-rc.20
Sign up to get free protection for your applications and to get access to all the features.
- package/index.js +454 -343
- package/package.json +1 -1
- package/src/lib/Theme/breackpoints.d.ts +2 -0
- package/src/lib/Theme/components.d.ts +3 -2
- package/src/lib/Theme/mixins.d.ts +3 -0
- package/src/lib/Theme/palette.d.ts +2 -1
- package/src/lib/Theme/shadows.d.ts +2 -1
- package/src/lib/Theme/typography.d.ts +2 -1
package/index.js
CHANGED
@@ -8829,12 +8829,270 @@ const getOverlayAlpha = elevation => {
|
|
8829
8829
|
};
|
8830
8830
|
var getOverlayAlpha$1 = getOverlayAlpha;
|
8831
8831
|
|
8832
|
-
|
8832
|
+
function getSvgIconUtilityClass(slot) {
|
8833
|
+
return generateUtilityClass('MuiSvgIcon', slot);
|
8834
|
+
}
|
8835
|
+
generateUtilityClasses('MuiSvgIcon', ['root', 'colorPrimary', 'colorSecondary', 'colorAction', 'colorError', 'colorDisabled', 'fontSizeInherit', 'fontSizeSmall', 'fontSizeMedium', 'fontSizeLarge']);
|
8836
|
+
|
8837
|
+
const _excluded$8 = ["children", "className", "color", "component", "fontSize", "htmlColor", "inheritViewBox", "titleAccess", "viewBox"];
|
8838
|
+
const useUtilityClasses$7 = ownerState => {
|
8839
|
+
const {
|
8840
|
+
color,
|
8841
|
+
fontSize,
|
8842
|
+
classes
|
8843
|
+
} = ownerState;
|
8844
|
+
const slots = {
|
8845
|
+
root: ['root', color !== 'inherit' && `color${capitalize(color)}`, `fontSize${capitalize(fontSize)}`]
|
8846
|
+
};
|
8847
|
+
return composeClasses(slots, getSvgIconUtilityClass, classes);
|
8848
|
+
};
|
8849
|
+
const SvgIconRoot = styled$1('svg', {
|
8850
|
+
name: 'MuiSvgIcon',
|
8851
|
+
slot: 'Root',
|
8852
|
+
overridesResolver: (props, styles) => {
|
8853
|
+
const {
|
8854
|
+
ownerState
|
8855
|
+
} = props;
|
8856
|
+
return [styles.root, ownerState.color !== 'inherit' && styles[`color${capitalize(ownerState.color)}`], styles[`fontSize${capitalize(ownerState.fontSize)}`]];
|
8857
|
+
}
|
8858
|
+
})(({
|
8859
|
+
theme,
|
8860
|
+
ownerState
|
8861
|
+
}) => {
|
8862
|
+
var _theme$transitions, _theme$transitions$cr, _theme$transitions2, _theme$typography, _theme$typography$pxT, _theme$typography2, _theme$typography2$px, _theme$typography3, _theme$typography3$px, _palette$ownerState$c, _palette, _palette2, _palette3;
|
8863
|
+
return {
|
8864
|
+
userSelect: 'none',
|
8865
|
+
width: '1em',
|
8866
|
+
height: '1em',
|
8867
|
+
display: 'inline-block',
|
8868
|
+
// the <svg> will define the property that has `currentColor`
|
8869
|
+
// e.g. heroicons uses fill="none" and stroke="currentColor"
|
8870
|
+
fill: ownerState.hasSvgAsChild ? undefined : 'currentColor',
|
8871
|
+
flexShrink: 0,
|
8872
|
+
transition: (_theme$transitions = theme.transitions) == null || (_theme$transitions$cr = _theme$transitions.create) == null ? void 0 : _theme$transitions$cr.call(_theme$transitions, 'fill', {
|
8873
|
+
duration: (_theme$transitions2 = theme.transitions) == null || (_theme$transitions2 = _theme$transitions2.duration) == null ? void 0 : _theme$transitions2.shorter
|
8874
|
+
}),
|
8875
|
+
fontSize: {
|
8876
|
+
inherit: 'inherit',
|
8877
|
+
small: ((_theme$typography = theme.typography) == null || (_theme$typography$pxT = _theme$typography.pxToRem) == null ? void 0 : _theme$typography$pxT.call(_theme$typography, 20)) || '1.25rem',
|
8878
|
+
medium: ((_theme$typography2 = theme.typography) == null || (_theme$typography2$px = _theme$typography2.pxToRem) == null ? void 0 : _theme$typography2$px.call(_theme$typography2, 24)) || '1.5rem',
|
8879
|
+
large: ((_theme$typography3 = theme.typography) == null || (_theme$typography3$px = _theme$typography3.pxToRem) == null ? void 0 : _theme$typography3$px.call(_theme$typography3, 35)) || '2.1875rem'
|
8880
|
+
}[ownerState.fontSize],
|
8881
|
+
// TODO v5 deprecate, v6 remove for sx
|
8882
|
+
color: (_palette$ownerState$c = (_palette = (theme.vars || theme).palette) == null || (_palette = _palette[ownerState.color]) == null ? void 0 : _palette.main) != null ? _palette$ownerState$c : {
|
8883
|
+
action: (_palette2 = (theme.vars || theme).palette) == null || (_palette2 = _palette2.action) == null ? void 0 : _palette2.active,
|
8884
|
+
disabled: (_palette3 = (theme.vars || theme).palette) == null || (_palette3 = _palette3.action) == null ? void 0 : _palette3.disabled,
|
8885
|
+
inherit: undefined
|
8886
|
+
}[ownerState.color]
|
8887
|
+
};
|
8888
|
+
});
|
8889
|
+
const SvgIcon = /*#__PURE__*/React.forwardRef(function SvgIcon(inProps, ref) {
|
8890
|
+
const props = useThemeProps({
|
8891
|
+
props: inProps,
|
8892
|
+
name: 'MuiSvgIcon'
|
8893
|
+
});
|
8894
|
+
const {
|
8895
|
+
children,
|
8896
|
+
className,
|
8897
|
+
color = 'inherit',
|
8898
|
+
component = 'svg',
|
8899
|
+
fontSize = 'medium',
|
8900
|
+
htmlColor,
|
8901
|
+
inheritViewBox = false,
|
8902
|
+
titleAccess,
|
8903
|
+
viewBox = '0 0 24 24'
|
8904
|
+
} = props,
|
8905
|
+
other = _objectWithoutPropertiesLoose$2(props, _excluded$8);
|
8906
|
+
const hasSvgAsChild = /*#__PURE__*/React.isValidElement(children) && children.type === 'svg';
|
8907
|
+
const ownerState = _extends$3({}, props, {
|
8908
|
+
color,
|
8909
|
+
component,
|
8910
|
+
fontSize,
|
8911
|
+
instanceFontSize: inProps.fontSize,
|
8912
|
+
inheritViewBox,
|
8913
|
+
viewBox,
|
8914
|
+
hasSvgAsChild
|
8915
|
+
});
|
8916
|
+
const more = {};
|
8917
|
+
if (!inheritViewBox) {
|
8918
|
+
more.viewBox = viewBox;
|
8919
|
+
}
|
8920
|
+
const classes = useUtilityClasses$7(ownerState);
|
8921
|
+
return /*#__PURE__*/jsxs(SvgIconRoot, _extends$3({
|
8922
|
+
as: component,
|
8923
|
+
className: clsx(classes.root, className),
|
8924
|
+
focusable: "false",
|
8925
|
+
color: htmlColor,
|
8926
|
+
"aria-hidden": titleAccess ? undefined : true,
|
8927
|
+
role: titleAccess ? 'img' : undefined,
|
8928
|
+
ref: ref
|
8929
|
+
}, more, other, hasSvgAsChild && children.props, {
|
8930
|
+
ownerState: ownerState,
|
8931
|
+
children: [hasSvgAsChild ? children.props.children : children, titleAccess ? /*#__PURE__*/jsx("title", {
|
8932
|
+
children: titleAccess
|
8933
|
+
}) : null]
|
8934
|
+
}));
|
8935
|
+
});
|
8936
|
+
process.env.NODE_ENV !== "production" ? SvgIcon.propTypes /* remove-proptypes */ = {
|
8937
|
+
// ----------------------------- Warning --------------------------------
|
8938
|
+
// | These PropTypes are generated from the TypeScript type definitions |
|
8939
|
+
// | To update them edit the d.ts file and run "yarn proptypes" |
|
8940
|
+
// ----------------------------------------------------------------------
|
8941
|
+
/**
|
8942
|
+
* Node passed into the SVG element.
|
8943
|
+
*/
|
8944
|
+
children: PropTypes.node,
|
8945
|
+
/**
|
8946
|
+
* Override or extend the styles applied to the component.
|
8947
|
+
*/
|
8948
|
+
classes: PropTypes.object,
|
8949
|
+
/**
|
8950
|
+
* @ignore
|
8951
|
+
*/
|
8952
|
+
className: PropTypes.string,
|
8953
|
+
/**
|
8954
|
+
* The color of the component.
|
8955
|
+
* It supports both default and custom theme colors, which can be added as shown in the
|
8956
|
+
* [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
|
8957
|
+
* You can use the `htmlColor` prop to apply a color attribute to the SVG element.
|
8958
|
+
* @default 'inherit'
|
8959
|
+
*/
|
8960
|
+
color: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['inherit', 'action', 'disabled', 'primary', 'secondary', 'error', 'info', 'success', 'warning']), PropTypes.string]),
|
8961
|
+
/**
|
8962
|
+
* The component used for the root node.
|
8963
|
+
* Either a string to use a HTML element or a component.
|
8964
|
+
*/
|
8965
|
+
component: PropTypes.elementType,
|
8966
|
+
/**
|
8967
|
+
* The fontSize applied to the icon. Defaults to 24px, but can be configure to inherit font size.
|
8968
|
+
* @default 'medium'
|
8969
|
+
*/
|
8970
|
+
fontSize: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['inherit', 'large', 'medium', 'small']), PropTypes.string]),
|
8971
|
+
/**
|
8972
|
+
* Applies a color attribute to the SVG element.
|
8973
|
+
*/
|
8974
|
+
htmlColor: PropTypes.string,
|
8975
|
+
/**
|
8976
|
+
* If `true`, the root node will inherit the custom `component`'s viewBox and the `viewBox`
|
8977
|
+
* prop will be ignored.
|
8978
|
+
* Useful when you want to reference a custom `component` and have `SvgIcon` pass that
|
8979
|
+
* `component`'s viewBox to the root node.
|
8980
|
+
* @default false
|
8981
|
+
*/
|
8982
|
+
inheritViewBox: PropTypes.bool,
|
8983
|
+
/**
|
8984
|
+
* The shape-rendering attribute. The behavior of the different options is described on the
|
8985
|
+
* [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/shape-rendering).
|
8986
|
+
* If you are having issues with blurry icons you should investigate this prop.
|
8987
|
+
*/
|
8988
|
+
shapeRendering: PropTypes.string,
|
8989
|
+
/**
|
8990
|
+
* The system prop that allows defining system overrides as well as additional CSS styles.
|
8991
|
+
*/
|
8992
|
+
sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
|
8993
|
+
/**
|
8994
|
+
* Provides a human-readable title for the element that contains it.
|
8995
|
+
* https://www.w3.org/TR/SVG-access/#Equivalent
|
8996
|
+
*/
|
8997
|
+
titleAccess: PropTypes.string,
|
8998
|
+
/**
|
8999
|
+
* Allows you to redefine what the coordinates without units mean inside an SVG element.
|
9000
|
+
* For example, if the SVG element is 500 (width) by 200 (height),
|
9001
|
+
* and you pass viewBox="0 0 50 20",
|
9002
|
+
* this means that the coordinates inside the SVG will go from the top left corner (0,0)
|
9003
|
+
* to bottom right (50,20) and each unit will be worth 10px.
|
9004
|
+
* @default '0 0 24 24'
|
9005
|
+
*/
|
9006
|
+
viewBox: PropTypes.string
|
9007
|
+
} : void 0;
|
9008
|
+
SvgIcon.muiName = 'SvgIcon';
|
9009
|
+
var SvgIcon$1 = SvgIcon;
|
9010
|
+
|
9011
|
+
function createSvgIcon(path, displayName) {
|
9012
|
+
function Component(props, ref) {
|
9013
|
+
return /*#__PURE__*/jsx(SvgIcon$1, _extends$3({
|
9014
|
+
"data-testid": `${displayName}Icon`,
|
9015
|
+
ref: ref
|
9016
|
+
}, props, {
|
9017
|
+
children: path
|
9018
|
+
}));
|
9019
|
+
}
|
9020
|
+
if (process.env.NODE_ENV !== 'production') {
|
9021
|
+
// Need to set `displayName` on the inner component for React.memo.
|
9022
|
+
// React prior to 16.14 ignores `displayName` on the wrapper.
|
9023
|
+
Component.displayName = `${displayName}Icon`;
|
9024
|
+
}
|
9025
|
+
Component.muiName = SvgIcon$1.muiName;
|
9026
|
+
return /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(Component));
|
9027
|
+
}
|
9028
|
+
|
9029
|
+
var ArrowDownward = createSvgIcon( /*#__PURE__*/jsx("path", {
|
9030
|
+
d: "m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
|
9031
|
+
}), 'ArrowDownward');
|
9032
|
+
|
9033
|
+
var ArrowUpward = createSvgIcon( /*#__PURE__*/jsx("path", {
|
9034
|
+
d: "m4 12 1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"
|
9035
|
+
}), 'ArrowUpward');
|
9036
|
+
|
9037
|
+
var CheckCircleRounded = createSvgIcon( /*#__PURE__*/jsx("path", {
|
9038
|
+
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"
|
9039
|
+
}), 'CheckCircleRounded');
|
9040
|
+
|
9041
|
+
var Close = createSvgIcon( /*#__PURE__*/jsx("path", {
|
9042
|
+
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"
|
9043
|
+
}), 'Close');
|
9044
|
+
|
9045
|
+
var ErrorRounded = createSvgIcon( /*#__PURE__*/jsx("path", {
|
9046
|
+
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"
|
9047
|
+
}), 'ErrorRounded');
|
9048
|
+
|
9049
|
+
var InfoRounded = createSvgIcon( /*#__PURE__*/jsx("path", {
|
9050
|
+
d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 15c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1s1 .45 1 1v4c0 .55-.45 1-1 1zm1-8h-2V7h2v2z"
|
9051
|
+
}), 'InfoRounded');
|
9052
|
+
|
9053
|
+
var WarningRounded = createSvgIcon( /*#__PURE__*/jsx("path", {
|
9054
|
+
d: "M4.47 21h15.06c1.54 0 2.5-1.67 1.73-3L13.73 4.99c-.77-1.33-2.69-1.33-3.46 0L2.74 18c-.77 1.33.19 3 1.73 3zM12 14c-.55 0-1-.45-1-1v-2c0-.55.45-1 1-1s1 .45 1 1v2c0 .55-.45 1-1 1zm1 4h-2v-2h2v2z"
|
9055
|
+
}), 'WarningRounded');
|
9056
|
+
|
9057
|
+
const components = {
|
9058
|
+
MuiRating: {
|
9059
|
+
defaultProps: {
|
9060
|
+
size: 'small'
|
9061
|
+
},
|
9062
|
+
styleOverrides: {
|
9063
|
+
sizeSmall: {
|
9064
|
+
fontSize: 18
|
9065
|
+
},
|
9066
|
+
sizeMedium: {
|
9067
|
+
fontSize: 24
|
9068
|
+
},
|
9069
|
+
sizeLarge: {
|
9070
|
+
fontSize: 30
|
9071
|
+
}
|
9072
|
+
}
|
9073
|
+
},
|
9074
|
+
MuiToolbar: {
|
9075
|
+
styleOverrides: {
|
9076
|
+
root: {
|
9077
|
+
height: "48px"
|
9078
|
+
}
|
9079
|
+
}
|
9080
|
+
},
|
8833
9081
|
MuiDataGrid: {
|
8834
9082
|
defaultProps: {
|
8835
9083
|
density: "compact"
|
8836
9084
|
}
|
8837
9085
|
},
|
9086
|
+
MuiDrawer: {
|
9087
|
+
styleOverrides: {
|
9088
|
+
root: {
|
9089
|
+
"&.MuiBackdrop-root": {
|
9090
|
+
backgroundColor: "#f0f0f099",
|
9091
|
+
backdropFilter: "blur(2px) !important"
|
9092
|
+
}
|
9093
|
+
}
|
9094
|
+
}
|
9095
|
+
},
|
8838
9096
|
MuiDialog: {
|
8839
9097
|
styleOverrides: {
|
8840
9098
|
root: {
|
@@ -8855,13 +9113,25 @@ const Componentes = {
|
|
8855
9113
|
},
|
8856
9114
|
MuiChip: {
|
8857
9115
|
defaultProps: {
|
8858
|
-
size:
|
9116
|
+
size: 'small'
|
9117
|
+
},
|
9118
|
+
styleOverrides: {
|
9119
|
+
root: {
|
9120
|
+
borderRadius: 4
|
9121
|
+
}
|
8859
9122
|
}
|
8860
9123
|
},
|
8861
9124
|
MuiAlert: {
|
9125
|
+
defaultProps: {
|
9126
|
+
iconMapping: {
|
9127
|
+
success: /*#__PURE__*/React__default.createElement(CheckCircleRounded),
|
9128
|
+
error: /*#__PURE__*/React__default.createElement(ErrorRounded),
|
9129
|
+
warning: /*#__PURE__*/React__default.createElement(WarningRounded),
|
9130
|
+
info: /*#__PURE__*/React__default.createElement(InfoRounded)
|
9131
|
+
}
|
9132
|
+
},
|
8862
9133
|
styleOverrides: {
|
8863
9134
|
root: {
|
8864
|
-
boxShadow: "0px 0px 1px rgba(0,0,0,.7)",
|
8865
9135
|
paddingY: .5,
|
8866
9136
|
paddingX: 2,
|
8867
9137
|
alignItems: "center",
|
@@ -8871,19 +9141,20 @@ const Componentes = {
|
|
8871
9141
|
},
|
8872
9142
|
MuiButton: {
|
8873
9143
|
defaultProps: {
|
8874
|
-
size:
|
9144
|
+
size: 'medium'
|
8875
9145
|
},
|
8876
9146
|
styleOverrides: {
|
9147
|
+
fullWidth: {
|
9148
|
+
width: '100%'
|
9149
|
+
},
|
8877
9150
|
sizeSmall: {
|
8878
|
-
|
8879
|
-
fontSize: 12
|
9151
|
+
padding: '4px 10px'
|
8880
9152
|
},
|
8881
9153
|
sizeMedium: {
|
8882
|
-
|
8883
|
-
fontSize: 13
|
9154
|
+
padding: '7.5px 15px'
|
8884
9155
|
},
|
8885
9156
|
sizeLarge: {
|
8886
|
-
|
9157
|
+
padding: '10.5px 22px',
|
8887
9158
|
fontSize: 14
|
8888
9159
|
},
|
8889
9160
|
root: {
|
@@ -8973,9 +9244,20 @@ const Componentes = {
|
|
8973
9244
|
},
|
8974
9245
|
MuiSvgIcon: {
|
8975
9246
|
styleOverrides: {
|
9247
|
+
fontSizeLarge: {
|
9248
|
+
width: 35,
|
9249
|
+
height: 35,
|
9250
|
+
fontSize: 35
|
9251
|
+
},
|
9252
|
+
fontSizeMedium: {
|
9253
|
+
width: 20,
|
9254
|
+
height: 20,
|
9255
|
+
fontSize: 20
|
9256
|
+
},
|
8976
9257
|
fontSizeSmall: {
|
8977
|
-
width:
|
8978
|
-
height:
|
9258
|
+
width: 16,
|
9259
|
+
height: 16,
|
9260
|
+
fontSize: 26
|
8979
9261
|
}
|
8980
9262
|
}
|
8981
9263
|
},
|
@@ -8983,7 +9265,7 @@ const Componentes = {
|
|
8983
9265
|
styleOverrides: {
|
8984
9266
|
sizeSmall: {
|
8985
9267
|
fontSize: 14,
|
8986
|
-
padding:
|
9268
|
+
padding: 2
|
8987
9269
|
},
|
8988
9270
|
sizeMedium: {
|
8989
9271
|
fontSize: 20,
|
@@ -9062,6 +9344,14 @@ const Componentes = {
|
|
9062
9344
|
},
|
9063
9345
|
MuiInputLabel: {
|
9064
9346
|
styleOverrides: {
|
9347
|
+
asterisk: {
|
9348
|
+
color: '#D14343'
|
9349
|
+
},
|
9350
|
+
root: {
|
9351
|
+
display: 'flex',
|
9352
|
+
gap: '.2rem',
|
9353
|
+
flexDirection: 'row-reverse'
|
9354
|
+
},
|
9065
9355
|
outlined: {
|
9066
9356
|
"&.MuiInputLabel-outlined.MuiInputLabel-sizeSmall ": {
|
9067
9357
|
transform: "translate(14px,7px) scale(1)"
|
@@ -9117,102 +9407,8 @@ const Componentes = {
|
|
9117
9407
|
}
|
9118
9408
|
}
|
9119
9409
|
};
|
9120
|
-
const components = Componentes;
|
9121
9410
|
|
9122
|
-
const
|
9123
|
-
fontSize: 13,
|
9124
|
-
body1: {
|
9125
|
-
fontFamily: "Roboto",
|
9126
|
-
fontSize: 14,
|
9127
|
-
fontWeight: 400,
|
9128
|
-
letterSpacing: 0.15,
|
9129
|
-
lineHeight: 1.4
|
9130
|
-
},
|
9131
|
-
body2: {
|
9132
|
-
fontFamily: "Roboto",
|
9133
|
-
fontSize: 13,
|
9134
|
-
fontWeight: 400,
|
9135
|
-
letterSpacing: 0.17,
|
9136
|
-
lineHeight: 1.2
|
9137
|
-
},
|
9138
|
-
subtitle1: {
|
9139
|
-
fontFamily: "Roboto",
|
9140
|
-
fontSize: 14,
|
9141
|
-
fontWeight: 500,
|
9142
|
-
letterSpacing: 0.15,
|
9143
|
-
lineHeight: 1.4
|
9144
|
-
},
|
9145
|
-
subtitle2: {
|
9146
|
-
fontFamily: "Roboto",
|
9147
|
-
fontSize: 13,
|
9148
|
-
fontWeight: 500,
|
9149
|
-
letterSpacing: 0.1,
|
9150
|
-
lineHeight: 1.4
|
9151
|
-
},
|
9152
|
-
caption: {
|
9153
|
-
fontFamily: "Roboto",
|
9154
|
-
fontSize: 11,
|
9155
|
-
fontWeight: 400,
|
9156
|
-
letterSpacing: 0.4,
|
9157
|
-
lineHeight: 1.4
|
9158
|
-
},
|
9159
|
-
overline: {
|
9160
|
-
fontFamily: "Roboto",
|
9161
|
-
fontSize: 11,
|
9162
|
-
fontWeight: 400,
|
9163
|
-
letterSpacing: 1,
|
9164
|
-
lineHeight: 2.66
|
9165
|
-
},
|
9166
|
-
h6: {
|
9167
|
-
fontFamily: "Nunito",
|
9168
|
-
fontSize: 16,
|
9169
|
-
fontWeight: 600,
|
9170
|
-
lineHeight: 1.6
|
9171
|
-
},
|
9172
|
-
h5: {
|
9173
|
-
fontFamily: "Nunito",
|
9174
|
-
fontSize: 18,
|
9175
|
-
fontWeight: 600,
|
9176
|
-
lineHeight: 1.8
|
9177
|
-
},
|
9178
|
-
h4: {
|
9179
|
-
fontFamily: "Nunito",
|
9180
|
-
fontSize: 20,
|
9181
|
-
fontWeight: 600,
|
9182
|
-
letterSpacing: 0.25,
|
9183
|
-
lineHeight: 1
|
9184
|
-
},
|
9185
|
-
h3: {
|
9186
|
-
fontFamily: "Nunito",
|
9187
|
-
fontSize: 28,
|
9188
|
-
fontWeight: 500,
|
9189
|
-
lineHeight: 1.2
|
9190
|
-
},
|
9191
|
-
h2: {
|
9192
|
-
fontFamily: "Nunito",
|
9193
|
-
fontSize: 32,
|
9194
|
-
fontWeight: 400,
|
9195
|
-
letterSpacing: -0.5,
|
9196
|
-
lineHeight: 1.2
|
9197
|
-
},
|
9198
|
-
h1: {
|
9199
|
-
fontFamily: "Nunito",
|
9200
|
-
fontSize: 40,
|
9201
|
-
fontWeight: 300,
|
9202
|
-
letterSpacing: -1.5,
|
9203
|
-
lineHeight: 1.4
|
9204
|
-
},
|
9205
|
-
button: {
|
9206
|
-
fontFamily: "Roboto",
|
9207
|
-
textTransform: "unset",
|
9208
|
-
fontWeightLight: 300,
|
9209
|
-
fontSize: 13,
|
9210
|
-
lineHeight: "normal"
|
9211
|
-
}
|
9212
|
-
};
|
9213
|
-
const typography = Typography$2;
|
9214
|
-
|
9215
|
-
const Palettes = {
|
9411
|
+
const palette = {
|
9216
9412
|
primary: {
|
9217
9413
|
main: "#1e62a1",
|
9218
9414
|
light: "#5a8fd3",
|
@@ -9226,9 +9422,9 @@ const Palettes = {
|
|
9226
9422
|
contrastText: "#ffffff"
|
9227
9423
|
},
|
9228
9424
|
text: {
|
9229
|
-
primary: "
|
9230
|
-
secondary: "
|
9231
|
-
disabled: "
|
9425
|
+
primary: "#101840de",
|
9426
|
+
secondary: "#10184099",
|
9427
|
+
disabled: "#10184061"
|
9232
9428
|
},
|
9233
9429
|
error: {
|
9234
9430
|
main: "#D14343",
|
@@ -9278,19 +9474,159 @@ const Palettes = {
|
|
9278
9474
|
disabledBackground: "rgba(16, 24, 64, 0.12)",
|
9279
9475
|
focus: "rgba(16, 24, 64, 0.12)"
|
9280
9476
|
},
|
9281
|
-
background: {
|
9282
|
-
default:
|
9283
|
-
paper: "#fff"
|
9477
|
+
background: {
|
9478
|
+
default: '#f5f5f5',
|
9479
|
+
paper: "#fff"
|
9480
|
+
},
|
9481
|
+
common: {
|
9482
|
+
black: '#000',
|
9483
|
+
white: '#fff'
|
9484
|
+
},
|
9485
|
+
divider: "rgba(16,24,64,0.12)"
|
9486
|
+
};
|
9487
|
+
|
9488
|
+
const breakpoints = createBreakpoints({
|
9489
|
+
values: {
|
9490
|
+
xs: 0,
|
9491
|
+
sm: 600,
|
9492
|
+
md: 960,
|
9493
|
+
lg: 1280,
|
9494
|
+
xl: 1920
|
9495
|
+
}
|
9496
|
+
});
|
9497
|
+
|
9498
|
+
const mixins = {
|
9499
|
+
toolbar: {
|
9500
|
+
minHeight: 48,
|
9501
|
+
[breakpoints.down('md')]: {
|
9502
|
+
minHeight: 52
|
9503
|
+
}
|
9504
|
+
}
|
9505
|
+
};
|
9506
|
+
|
9507
|
+
const typography = {
|
9508
|
+
fontSize: 13,
|
9509
|
+
body1: {
|
9510
|
+
fontFamily: "Roboto",
|
9511
|
+
fontSize: 14,
|
9512
|
+
fontWeight: 400,
|
9513
|
+
letterSpacing: 0.15,
|
9514
|
+
lineHeight: 1.4,
|
9515
|
+
'@media(max-width: 885px)': {
|
9516
|
+
fontSize: 15
|
9517
|
+
}
|
9518
|
+
},
|
9519
|
+
body2: {
|
9520
|
+
fontFamily: "Roboto",
|
9521
|
+
fontSize: 13,
|
9522
|
+
fontWeight: 400,
|
9523
|
+
letterSpacing: 0.17,
|
9524
|
+
lineHeight: 1.2,
|
9525
|
+
'@media(max-width: 885px)': {
|
9526
|
+
fontSize: 14
|
9527
|
+
}
|
9528
|
+
},
|
9529
|
+
subtitle1: {
|
9530
|
+
fontFamily: "Roboto",
|
9531
|
+
fontSize: 14,
|
9532
|
+
fontWeight: 500,
|
9533
|
+
letterSpacing: 0.15,
|
9534
|
+
lineHeight: 1.4,
|
9535
|
+
'@media(max-width: 885px)': {
|
9536
|
+
fontSize: 15
|
9537
|
+
}
|
9538
|
+
},
|
9539
|
+
subtitle2: {
|
9540
|
+
fontFamily: "Roboto",
|
9541
|
+
fontSize: 13,
|
9542
|
+
fontWeight: 500,
|
9543
|
+
letterSpacing: 0.1,
|
9544
|
+
lineHeight: 1.4,
|
9545
|
+
'@media(max-width: 885px)': {
|
9546
|
+
fontSize: 14
|
9547
|
+
}
|
9548
|
+
},
|
9549
|
+
caption: {
|
9550
|
+
fontFamily: "Roboto",
|
9551
|
+
fontSize: 11,
|
9552
|
+
fontWeight: 400,
|
9553
|
+
letterSpacing: 0.4,
|
9554
|
+
lineHeight: 1.4,
|
9555
|
+
'@media(max-width: 885px)': {
|
9556
|
+
fontSize: 12
|
9557
|
+
}
|
9558
|
+
},
|
9559
|
+
overline: {
|
9560
|
+
fontFamily: "Roboto",
|
9561
|
+
fontSize: 11,
|
9562
|
+
fontWeight: 400,
|
9563
|
+
letterSpacing: 1,
|
9564
|
+
lineHeight: 2.66,
|
9565
|
+
'@media(max-width: 885px)': {
|
9566
|
+
fontSize: 12
|
9567
|
+
}
|
9568
|
+
},
|
9569
|
+
h6: {
|
9570
|
+
fontFamily: "Nunito",
|
9571
|
+
fontSize: 16,
|
9572
|
+
fontWeight: 600,
|
9573
|
+
lineHeight: 1.6,
|
9574
|
+
'@media(max-width: 885px)': {
|
9575
|
+
fontSize: 17
|
9576
|
+
}
|
9577
|
+
},
|
9578
|
+
h5: {
|
9579
|
+
fontFamily: "Nunito",
|
9580
|
+
fontSize: 18,
|
9581
|
+
fontWeight: 600,
|
9582
|
+
lineHeight: 1.8
|
9583
|
+
},
|
9584
|
+
h4: {
|
9585
|
+
fontFamily: "Nunito",
|
9586
|
+
fontSize: 20,
|
9587
|
+
fontWeight: 600,
|
9588
|
+
letterSpacing: 0.25,
|
9589
|
+
lineHeight: 1
|
9590
|
+
},
|
9591
|
+
h3: {
|
9592
|
+
fontFamily: "Nunito",
|
9593
|
+
fontSize: 28,
|
9594
|
+
fontWeight: 500,
|
9595
|
+
lineHeight: 1.2
|
9596
|
+
},
|
9597
|
+
h2: {
|
9598
|
+
fontFamily: "Nunito",
|
9599
|
+
fontSize: 32,
|
9600
|
+
fontWeight: 400,
|
9601
|
+
letterSpacing: -0.5,
|
9602
|
+
lineHeight: 1.2
|
9284
9603
|
},
|
9285
|
-
|
9604
|
+
h1: {
|
9605
|
+
fontFamily: "Nunito",
|
9606
|
+
fontSize: 40,
|
9607
|
+
fontWeight: 300,
|
9608
|
+
letterSpacing: -1.5,
|
9609
|
+
lineHeight: 1.4
|
9610
|
+
},
|
9611
|
+
button: {
|
9612
|
+
fontFamily: "Roboto",
|
9613
|
+
textTransform: "unset",
|
9614
|
+
fontWeightLight: 300,
|
9615
|
+
fontSize: 13,
|
9616
|
+
lineHeight: "normal",
|
9617
|
+
'@media(max-width: 885px)': {
|
9618
|
+
fontSize: 14
|
9619
|
+
}
|
9620
|
+
}
|
9286
9621
|
};
|
9287
|
-
const palette = Palettes;
|
9288
9622
|
|
9289
9623
|
const themeOptions = {
|
9290
|
-
palette,
|
9291
|
-
typography,
|
9292
9624
|
components,
|
9293
|
-
|
9625
|
+
typography,
|
9626
|
+
palette,
|
9627
|
+
spacing: 8,
|
9628
|
+
mixins,
|
9629
|
+
breakpoints
|
9294
9630
|
};
|
9295
9631
|
|
9296
9632
|
const SincoTheme = createTheme(Object.assign({}, themeOptions));
|
@@ -9831,203 +10167,6 @@ for (var COLLECTION_NAME in DOMIterables) {
|
|
9831
10167
|
|
9832
10168
|
handlePrototype(DOMTokenListPrototype, 'DOMTokenList');
|
9833
10169
|
|
9834
|
-
function getSvgIconUtilityClass(slot) {
|
9835
|
-
return generateUtilityClass('MuiSvgIcon', slot);
|
9836
|
-
}
|
9837
|
-
generateUtilityClasses('MuiSvgIcon', ['root', 'colorPrimary', 'colorSecondary', 'colorAction', 'colorError', 'colorDisabled', 'fontSizeInherit', 'fontSizeSmall', 'fontSizeMedium', 'fontSizeLarge']);
|
9838
|
-
|
9839
|
-
const _excluded$8 = ["children", "className", "color", "component", "fontSize", "htmlColor", "inheritViewBox", "titleAccess", "viewBox"];
|
9840
|
-
const useUtilityClasses$7 = ownerState => {
|
9841
|
-
const {
|
9842
|
-
color,
|
9843
|
-
fontSize,
|
9844
|
-
classes
|
9845
|
-
} = ownerState;
|
9846
|
-
const slots = {
|
9847
|
-
root: ['root', color !== 'inherit' && `color${capitalize(color)}`, `fontSize${capitalize(fontSize)}`]
|
9848
|
-
};
|
9849
|
-
return composeClasses(slots, getSvgIconUtilityClass, classes);
|
9850
|
-
};
|
9851
|
-
const SvgIconRoot = styled$1('svg', {
|
9852
|
-
name: 'MuiSvgIcon',
|
9853
|
-
slot: 'Root',
|
9854
|
-
overridesResolver: (props, styles) => {
|
9855
|
-
const {
|
9856
|
-
ownerState
|
9857
|
-
} = props;
|
9858
|
-
return [styles.root, ownerState.color !== 'inherit' && styles[`color${capitalize(ownerState.color)}`], styles[`fontSize${capitalize(ownerState.fontSize)}`]];
|
9859
|
-
}
|
9860
|
-
})(({
|
9861
|
-
theme,
|
9862
|
-
ownerState
|
9863
|
-
}) => {
|
9864
|
-
var _theme$transitions, _theme$transitions$cr, _theme$transitions2, _theme$typography, _theme$typography$pxT, _theme$typography2, _theme$typography2$px, _theme$typography3, _theme$typography3$px, _palette$ownerState$c, _palette, _palette2, _palette3;
|
9865
|
-
return {
|
9866
|
-
userSelect: 'none',
|
9867
|
-
width: '1em',
|
9868
|
-
height: '1em',
|
9869
|
-
display: 'inline-block',
|
9870
|
-
// the <svg> will define the property that has `currentColor`
|
9871
|
-
// e.g. heroicons uses fill="none" and stroke="currentColor"
|
9872
|
-
fill: ownerState.hasSvgAsChild ? undefined : 'currentColor',
|
9873
|
-
flexShrink: 0,
|
9874
|
-
transition: (_theme$transitions = theme.transitions) == null || (_theme$transitions$cr = _theme$transitions.create) == null ? void 0 : _theme$transitions$cr.call(_theme$transitions, 'fill', {
|
9875
|
-
duration: (_theme$transitions2 = theme.transitions) == null || (_theme$transitions2 = _theme$transitions2.duration) == null ? void 0 : _theme$transitions2.shorter
|
9876
|
-
}),
|
9877
|
-
fontSize: {
|
9878
|
-
inherit: 'inherit',
|
9879
|
-
small: ((_theme$typography = theme.typography) == null || (_theme$typography$pxT = _theme$typography.pxToRem) == null ? void 0 : _theme$typography$pxT.call(_theme$typography, 20)) || '1.25rem',
|
9880
|
-
medium: ((_theme$typography2 = theme.typography) == null || (_theme$typography2$px = _theme$typography2.pxToRem) == null ? void 0 : _theme$typography2$px.call(_theme$typography2, 24)) || '1.5rem',
|
9881
|
-
large: ((_theme$typography3 = theme.typography) == null || (_theme$typography3$px = _theme$typography3.pxToRem) == null ? void 0 : _theme$typography3$px.call(_theme$typography3, 35)) || '2.1875rem'
|
9882
|
-
}[ownerState.fontSize],
|
9883
|
-
// TODO v5 deprecate, v6 remove for sx
|
9884
|
-
color: (_palette$ownerState$c = (_palette = (theme.vars || theme).palette) == null || (_palette = _palette[ownerState.color]) == null ? void 0 : _palette.main) != null ? _palette$ownerState$c : {
|
9885
|
-
action: (_palette2 = (theme.vars || theme).palette) == null || (_palette2 = _palette2.action) == null ? void 0 : _palette2.active,
|
9886
|
-
disabled: (_palette3 = (theme.vars || theme).palette) == null || (_palette3 = _palette3.action) == null ? void 0 : _palette3.disabled,
|
9887
|
-
inherit: undefined
|
9888
|
-
}[ownerState.color]
|
9889
|
-
};
|
9890
|
-
});
|
9891
|
-
const SvgIcon = /*#__PURE__*/React.forwardRef(function SvgIcon(inProps, ref) {
|
9892
|
-
const props = useThemeProps({
|
9893
|
-
props: inProps,
|
9894
|
-
name: 'MuiSvgIcon'
|
9895
|
-
});
|
9896
|
-
const {
|
9897
|
-
children,
|
9898
|
-
className,
|
9899
|
-
color = 'inherit',
|
9900
|
-
component = 'svg',
|
9901
|
-
fontSize = 'medium',
|
9902
|
-
htmlColor,
|
9903
|
-
inheritViewBox = false,
|
9904
|
-
titleAccess,
|
9905
|
-
viewBox = '0 0 24 24'
|
9906
|
-
} = props,
|
9907
|
-
other = _objectWithoutPropertiesLoose$2(props, _excluded$8);
|
9908
|
-
const hasSvgAsChild = /*#__PURE__*/React.isValidElement(children) && children.type === 'svg';
|
9909
|
-
const ownerState = _extends$3({}, props, {
|
9910
|
-
color,
|
9911
|
-
component,
|
9912
|
-
fontSize,
|
9913
|
-
instanceFontSize: inProps.fontSize,
|
9914
|
-
inheritViewBox,
|
9915
|
-
viewBox,
|
9916
|
-
hasSvgAsChild
|
9917
|
-
});
|
9918
|
-
const more = {};
|
9919
|
-
if (!inheritViewBox) {
|
9920
|
-
more.viewBox = viewBox;
|
9921
|
-
}
|
9922
|
-
const classes = useUtilityClasses$7(ownerState);
|
9923
|
-
return /*#__PURE__*/jsxs(SvgIconRoot, _extends$3({
|
9924
|
-
as: component,
|
9925
|
-
className: clsx(classes.root, className),
|
9926
|
-
focusable: "false",
|
9927
|
-
color: htmlColor,
|
9928
|
-
"aria-hidden": titleAccess ? undefined : true,
|
9929
|
-
role: titleAccess ? 'img' : undefined,
|
9930
|
-
ref: ref
|
9931
|
-
}, more, other, hasSvgAsChild && children.props, {
|
9932
|
-
ownerState: ownerState,
|
9933
|
-
children: [hasSvgAsChild ? children.props.children : children, titleAccess ? /*#__PURE__*/jsx("title", {
|
9934
|
-
children: titleAccess
|
9935
|
-
}) : null]
|
9936
|
-
}));
|
9937
|
-
});
|
9938
|
-
process.env.NODE_ENV !== "production" ? SvgIcon.propTypes /* remove-proptypes */ = {
|
9939
|
-
// ----------------------------- Warning --------------------------------
|
9940
|
-
// | These PropTypes are generated from the TypeScript type definitions |
|
9941
|
-
// | To update them edit the d.ts file and run "yarn proptypes" |
|
9942
|
-
// ----------------------------------------------------------------------
|
9943
|
-
/**
|
9944
|
-
* Node passed into the SVG element.
|
9945
|
-
*/
|
9946
|
-
children: PropTypes.node,
|
9947
|
-
/**
|
9948
|
-
* Override or extend the styles applied to the component.
|
9949
|
-
*/
|
9950
|
-
classes: PropTypes.object,
|
9951
|
-
/**
|
9952
|
-
* @ignore
|
9953
|
-
*/
|
9954
|
-
className: PropTypes.string,
|
9955
|
-
/**
|
9956
|
-
* The color of the component.
|
9957
|
-
* It supports both default and custom theme colors, which can be added as shown in the
|
9958
|
-
* [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
|
9959
|
-
* You can use the `htmlColor` prop to apply a color attribute to the SVG element.
|
9960
|
-
* @default 'inherit'
|
9961
|
-
*/
|
9962
|
-
color: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['inherit', 'action', 'disabled', 'primary', 'secondary', 'error', 'info', 'success', 'warning']), PropTypes.string]),
|
9963
|
-
/**
|
9964
|
-
* The component used for the root node.
|
9965
|
-
* Either a string to use a HTML element or a component.
|
9966
|
-
*/
|
9967
|
-
component: PropTypes.elementType,
|
9968
|
-
/**
|
9969
|
-
* The fontSize applied to the icon. Defaults to 24px, but can be configure to inherit font size.
|
9970
|
-
* @default 'medium'
|
9971
|
-
*/
|
9972
|
-
fontSize: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['inherit', 'large', 'medium', 'small']), PropTypes.string]),
|
9973
|
-
/**
|
9974
|
-
* Applies a color attribute to the SVG element.
|
9975
|
-
*/
|
9976
|
-
htmlColor: PropTypes.string,
|
9977
|
-
/**
|
9978
|
-
* If `true`, the root node will inherit the custom `component`'s viewBox and the `viewBox`
|
9979
|
-
* prop will be ignored.
|
9980
|
-
* Useful when you want to reference a custom `component` and have `SvgIcon` pass that
|
9981
|
-
* `component`'s viewBox to the root node.
|
9982
|
-
* @default false
|
9983
|
-
*/
|
9984
|
-
inheritViewBox: PropTypes.bool,
|
9985
|
-
/**
|
9986
|
-
* The shape-rendering attribute. The behavior of the different options is described on the
|
9987
|
-
* [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/shape-rendering).
|
9988
|
-
* If you are having issues with blurry icons you should investigate this prop.
|
9989
|
-
*/
|
9990
|
-
shapeRendering: PropTypes.string,
|
9991
|
-
/**
|
9992
|
-
* The system prop that allows defining system overrides as well as additional CSS styles.
|
9993
|
-
*/
|
9994
|
-
sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
|
9995
|
-
/**
|
9996
|
-
* Provides a human-readable title for the element that contains it.
|
9997
|
-
* https://www.w3.org/TR/SVG-access/#Equivalent
|
9998
|
-
*/
|
9999
|
-
titleAccess: PropTypes.string,
|
10000
|
-
/**
|
10001
|
-
* Allows you to redefine what the coordinates without units mean inside an SVG element.
|
10002
|
-
* For example, if the SVG element is 500 (width) by 200 (height),
|
10003
|
-
* and you pass viewBox="0 0 50 20",
|
10004
|
-
* this means that the coordinates inside the SVG will go from the top left corner (0,0)
|
10005
|
-
* to bottom right (50,20) and each unit will be worth 10px.
|
10006
|
-
* @default '0 0 24 24'
|
10007
|
-
*/
|
10008
|
-
viewBox: PropTypes.string
|
10009
|
-
} : void 0;
|
10010
|
-
SvgIcon.muiName = 'SvgIcon';
|
10011
|
-
var SvgIcon$1 = SvgIcon;
|
10012
|
-
|
10013
|
-
function createSvgIcon(path, displayName) {
|
10014
|
-
function Component(props, ref) {
|
10015
|
-
return /*#__PURE__*/jsx(SvgIcon$1, _extends$3({
|
10016
|
-
"data-testid": `${displayName}Icon`,
|
10017
|
-
ref: ref
|
10018
|
-
}, props, {
|
10019
|
-
children: path
|
10020
|
-
}));
|
10021
|
-
}
|
10022
|
-
if (process.env.NODE_ENV !== 'production') {
|
10023
|
-
// Need to set `displayName` on the inner component for React.memo.
|
10024
|
-
// React prior to 16.14 ignores `displayName` on the wrapper.
|
10025
|
-
Component.displayName = `${displayName}Icon`;
|
10026
|
-
}
|
10027
|
-
Component.muiName = SvgIcon$1.muiName;
|
10028
|
-
return /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(Component));
|
10029
|
-
}
|
10030
|
-
|
10031
10170
|
function _objectWithoutPropertiesLoose(source, excluded) {
|
10032
10171
|
if (source == null) return {};
|
10033
10172
|
var target = {};
|
@@ -12814,34 +12953,6 @@ process.env.NODE_ENV !== "production" ? LinearProgress.propTypes /* remove-propt
|
|
12814
12953
|
} : void 0;
|
12815
12954
|
var LinearProgress$1 = LinearProgress;
|
12816
12955
|
|
12817
|
-
var ArrowDownward = createSvgIcon( /*#__PURE__*/jsx("path", {
|
12818
|
-
d: "m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
|
12819
|
-
}), 'ArrowDownward');
|
12820
|
-
|
12821
|
-
var ArrowUpward = createSvgIcon( /*#__PURE__*/jsx("path", {
|
12822
|
-
d: "m4 12 1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"
|
12823
|
-
}), 'ArrowUpward');
|
12824
|
-
|
12825
|
-
var CheckCircleRounded = createSvgIcon( /*#__PURE__*/jsx("path", {
|
12826
|
-
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"
|
12827
|
-
}), 'CheckCircleRounded');
|
12828
|
-
|
12829
|
-
var Close = createSvgIcon( /*#__PURE__*/jsx("path", {
|
12830
|
-
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"
|
12831
|
-
}), 'Close');
|
12832
|
-
|
12833
|
-
var ErrorRounded = createSvgIcon( /*#__PURE__*/jsx("path", {
|
12834
|
-
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"
|
12835
|
-
}), 'ErrorRounded');
|
12836
|
-
|
12837
|
-
var InfoRounded = createSvgIcon( /*#__PURE__*/jsx("path", {
|
12838
|
-
d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 15c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1s1 .45 1 1v4c0 .55-.45 1-1 1zm1-8h-2V7h2v2z"
|
12839
|
-
}), 'InfoRounded');
|
12840
|
-
|
12841
|
-
var WarningRounded = createSvgIcon( /*#__PURE__*/jsx("path", {
|
12842
|
-
d: "M4.47 21h15.06c1.54 0 2.5-1.67 1.73-3L13.73 4.99c-.77-1.33-2.69-1.33-3.46 0L2.74 18c-.77 1.33.19 3 1.73 3zM12 14c-.55 0-1-.45-1-1v-2c0-.55.45-1 1-1s1 .45 1 1v2c0 .55-.45 1-1 1zm1 4h-2v-2h2v2z"
|
12843
|
-
}), 'WarningRounded');
|
12844
|
-
|
12845
12956
|
const ToastNotification = toast => {
|
12846
12957
|
const [openToast, setOpenToast] = useState(true);
|
12847
12958
|
const [showOptions, setShowOptions] = useState(true);
|
package/package.json
CHANGED
@@ -1,2 +1,3 @@
|
|
1
|
-
import { Components } from
|
2
|
-
|
1
|
+
import { Components } from '@mui/material';
|
2
|
+
declare const components: Components;
|
3
|
+
export default components;
|