@sinco/react 1.0.1-rc.0 → 1.0.1-rc.1
Sign up to get free protection for your applications and to get access to all the features.
- package/index.js +137 -96
- package/package.json +1 -1
- package/src/lib/Theme/breackpoints.d.ts +2 -0
- package/src/lib/Theme/components.d.ts +2 -1
- 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
@@ -7485,11 +7485,27 @@ var WarningRounded = createSvgIcon( /*#__PURE__*/jsx("path", {
|
|
7485
7485
|
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"
|
7486
7486
|
}), 'WarningRounded');
|
7487
7487
|
|
7488
|
-
const
|
7488
|
+
const components = {
|
7489
|
+
MuiRating: {
|
7490
|
+
defaultProps: {
|
7491
|
+
size: 'small'
|
7492
|
+
},
|
7493
|
+
styleOverrides: {
|
7494
|
+
sizeSmall: {
|
7495
|
+
fontSize: 18
|
7496
|
+
},
|
7497
|
+
sizeMedium: {
|
7498
|
+
fontSize: 24
|
7499
|
+
},
|
7500
|
+
sizeLarge: {
|
7501
|
+
fontSize: 30
|
7502
|
+
}
|
7503
|
+
}
|
7504
|
+
},
|
7489
7505
|
MuiToolbar: {
|
7490
7506
|
styleOverrides: {
|
7491
7507
|
root: {
|
7492
|
-
|
7508
|
+
height: "48px"
|
7493
7509
|
}
|
7494
7510
|
}
|
7495
7511
|
},
|
@@ -7550,21 +7566,17 @@ const Componentes = {
|
|
7550
7566
|
},
|
7551
7567
|
styleOverrides: {
|
7552
7568
|
fullWidth: {
|
7553
|
-
width: '100%
|
7569
|
+
width: '100%'
|
7554
7570
|
},
|
7555
7571
|
sizeSmall: {
|
7556
|
-
|
7557
|
-
fontSize: 12,
|
7558
|
-
'@media(max-width: 600px)': {
|
7559
|
-
fontSize: 14
|
7560
|
-
}
|
7572
|
+
padding: '6px 10px'
|
7561
7573
|
},
|
7562
7574
|
sizeMedium: {
|
7563
|
-
|
7575
|
+
padding: '7.5px 15px',
|
7564
7576
|
fontSize: 13
|
7565
7577
|
},
|
7566
7578
|
sizeLarge: {
|
7567
|
-
|
7579
|
+
padding: '10.5px 22px',
|
7568
7580
|
fontSize: 14
|
7569
7581
|
},
|
7570
7582
|
root: {
|
@@ -7743,6 +7755,14 @@ const Componentes = {
|
|
7743
7755
|
},
|
7744
7756
|
MuiInputLabel: {
|
7745
7757
|
styleOverrides: {
|
7758
|
+
asterisk: {
|
7759
|
+
color: '#D14343'
|
7760
|
+
},
|
7761
|
+
root: {
|
7762
|
+
display: 'flex',
|
7763
|
+
gap: '.2rem',
|
7764
|
+
flexDirection: 'row-reverse'
|
7765
|
+
},
|
7746
7766
|
outlined: {
|
7747
7767
|
"&.MuiInputLabel-outlined.MuiInputLabel-sizeSmall ": {
|
7748
7768
|
transform: "translate(14px,7px) scale(1)"
|
@@ -7798,9 +7818,100 @@ const Componentes = {
|
|
7798
7818
|
}
|
7799
7819
|
}
|
7800
7820
|
};
|
7801
|
-
const components = Componentes;
|
7802
7821
|
|
7803
|
-
const
|
7822
|
+
const palette = {
|
7823
|
+
primary: {
|
7824
|
+
main: "#1e62a1",
|
7825
|
+
light: "#5a8fd3",
|
7826
|
+
dark: "#003972",
|
7827
|
+
contrastText: "#ffffff"
|
7828
|
+
},
|
7829
|
+
secondary: {
|
7830
|
+
main: "#0CBBE2",
|
7831
|
+
light: "#67eeff",
|
7832
|
+
dark: "#008bb0",
|
7833
|
+
contrastText: "#ffffff"
|
7834
|
+
},
|
7835
|
+
text: {
|
7836
|
+
primary: "rgba(16,24,64,0.87)",
|
7837
|
+
secondary: "rgba(16,24,64,0.6)",
|
7838
|
+
disabled: "rgba(16,24,64,0.38)"
|
7839
|
+
},
|
7840
|
+
error: {
|
7841
|
+
main: "#D14343",
|
7842
|
+
light: "#d85f5f",
|
7843
|
+
dark: "#b51e1e",
|
7844
|
+
contrastText: "#ffffff"
|
7845
|
+
},
|
7846
|
+
warning: {
|
7847
|
+
main: "#fb8500",
|
7848
|
+
light: "#fc9726",
|
7849
|
+
dark: "#f85500",
|
7850
|
+
contrastText: "#ffffff"
|
7851
|
+
},
|
7852
|
+
info: {
|
7853
|
+
main: "#2d9fc5",
|
7854
|
+
light: "#4dadce",
|
7855
|
+
dark: "#1172a3",
|
7856
|
+
contrastText: "#ffffff"
|
7857
|
+
},
|
7858
|
+
success: {
|
7859
|
+
main: "#8fc93a",
|
7860
|
+
dark: "#60a918",
|
7861
|
+
light: "#a0d158",
|
7862
|
+
contrastText: "#ffffff"
|
7863
|
+
},
|
7864
|
+
grey: {
|
7865
|
+
50: "#FAFBFF",
|
7866
|
+
100: "#F4F6FA",
|
7867
|
+
200: "#EDEFF5",
|
7868
|
+
300: "#E6E8F0",
|
7869
|
+
400: "#D8DAE5",
|
7870
|
+
500: "#C1C4D6",
|
7871
|
+
600: "#8F95B2",
|
7872
|
+
700: "#696F8C",
|
7873
|
+
800: "#474D66",
|
7874
|
+
900: "#101840",
|
7875
|
+
A100: "#D8DAE5",
|
7876
|
+
A200: "#C1C4D6",
|
7877
|
+
A400: "#696F8C",
|
7878
|
+
A700: "#101840"
|
7879
|
+
},
|
7880
|
+
action: {
|
7881
|
+
active: "rgba(16, 24, 64, 0.54)",
|
7882
|
+
hover: "rgba(16, 24, 64, 0.04)",
|
7883
|
+
selected: "rgba(16, 24, 64, 0.08)",
|
7884
|
+
disabled: "rgba(16, 24, 64, 0.26)",
|
7885
|
+
disabledBackground: "rgba(16, 24, 64, 0.12)",
|
7886
|
+
focus: "rgba(16, 24, 64, 0.12)"
|
7887
|
+
},
|
7888
|
+
background: {
|
7889
|
+
default: '#f5f5f5',
|
7890
|
+
paper: "#fff"
|
7891
|
+
},
|
7892
|
+
divider: "rgba(16,24,64,0.12)"
|
7893
|
+
};
|
7894
|
+
|
7895
|
+
const breakpoints = createBreakpoints({
|
7896
|
+
values: {
|
7897
|
+
xs: 0,
|
7898
|
+
sm: 600,
|
7899
|
+
md: 960,
|
7900
|
+
lg: 1280,
|
7901
|
+
xl: 1920
|
7902
|
+
}
|
7903
|
+
});
|
7904
|
+
|
7905
|
+
const mixins = {
|
7906
|
+
toolbar: {
|
7907
|
+
minHeight: 48,
|
7908
|
+
[breakpoints.down('sm')]: {
|
7909
|
+
minHeight: 48
|
7910
|
+
}
|
7911
|
+
}
|
7912
|
+
};
|
7913
|
+
|
7914
|
+
const typography = {
|
7804
7915
|
fontSize: 13,
|
7805
7916
|
body1: {
|
7806
7917
|
fontFamily: 'Roboto',
|
@@ -7808,7 +7919,7 @@ const Typography = {
|
|
7808
7919
|
fontWeight: 400,
|
7809
7920
|
letterSpacing: 0.15,
|
7810
7921
|
lineHeight: 1.4,
|
7811
|
-
'@media(max-width:
|
7922
|
+
'@media(max-width: 885px)': {
|
7812
7923
|
fontSize: 15
|
7813
7924
|
}
|
7814
7925
|
},
|
@@ -7818,7 +7929,7 @@ const Typography = {
|
|
7818
7929
|
fontWeight: 400,
|
7819
7930
|
letterSpacing: 0.17,
|
7820
7931
|
lineHeight: 1.2,
|
7821
|
-
'@media(max-width:
|
7932
|
+
'@media(max-width: 885px)': {
|
7822
7933
|
fontSize: 14
|
7823
7934
|
}
|
7824
7935
|
},
|
@@ -7828,7 +7939,7 @@ const Typography = {
|
|
7828
7939
|
fontWeight: 500,
|
7829
7940
|
letterSpacing: 0.15,
|
7830
7941
|
lineHeight: 1.4,
|
7831
|
-
'@media(max-width:
|
7942
|
+
'@media(max-width: 885px)': {
|
7832
7943
|
fontSize: 15
|
7833
7944
|
}
|
7834
7945
|
},
|
@@ -7838,7 +7949,7 @@ const Typography = {
|
|
7838
7949
|
fontWeight: 500,
|
7839
7950
|
letterSpacing: 0.1,
|
7840
7951
|
lineHeight: 1.4,
|
7841
|
-
'@media(max-width:
|
7952
|
+
'@media(max-width: 885px)': {
|
7842
7953
|
fontSize: 14
|
7843
7954
|
}
|
7844
7955
|
},
|
@@ -7848,7 +7959,7 @@ const Typography = {
|
|
7848
7959
|
fontWeight: 400,
|
7849
7960
|
letterSpacing: 0.4,
|
7850
7961
|
lineHeight: 1.4,
|
7851
|
-
'@media(max-width:
|
7962
|
+
'@media(max-width: 885px)': {
|
7852
7963
|
fontSize: 12
|
7853
7964
|
}
|
7854
7965
|
},
|
@@ -7858,7 +7969,7 @@ const Typography = {
|
|
7858
7969
|
fontWeight: 400,
|
7859
7970
|
letterSpacing: 1,
|
7860
7971
|
lineHeight: 2.66,
|
7861
|
-
'@media(max-width:
|
7972
|
+
'@media(max-width: 885px)': {
|
7862
7973
|
fontSize: 12
|
7863
7974
|
}
|
7864
7975
|
},
|
@@ -7867,7 +7978,7 @@ const Typography = {
|
|
7867
7978
|
fontSize: 16,
|
7868
7979
|
fontWeight: 600,
|
7869
7980
|
lineHeight: 1.6,
|
7870
|
-
'@media(max-width:
|
7981
|
+
'@media(max-width: px)': {
|
7871
7982
|
fontSize: 17
|
7872
7983
|
}
|
7873
7984
|
},
|
@@ -7909,90 +8020,20 @@ const Typography = {
|
|
7909
8020
|
textTransform: 'unset',
|
7910
8021
|
fontWeightLight: 300,
|
7911
8022
|
fontSize: 13,
|
7912
|
-
lineHeight: 'normal'
|
8023
|
+
lineHeight: 'normal',
|
8024
|
+
'@media(max-width: 885px)': {
|
8025
|
+
fontSize: 14
|
8026
|
+
}
|
7913
8027
|
}
|
7914
8028
|
};
|
7915
|
-
const typography = Typography;
|
7916
|
-
|
7917
|
-
const Palettes = {
|
7918
|
-
primary: {
|
7919
|
-
main: "#1e62a1",
|
7920
|
-
light: "#5a8fd3",
|
7921
|
-
dark: "#003972",
|
7922
|
-
contrastText: "#ffffff"
|
7923
|
-
},
|
7924
|
-
secondary: {
|
7925
|
-
main: "#0CBBE2",
|
7926
|
-
light: "#67eeff",
|
7927
|
-
dark: "#008bb0",
|
7928
|
-
contrastText: "#ffffff"
|
7929
|
-
},
|
7930
|
-
text: {
|
7931
|
-
primary: "rgba(16,24,64,0.87)",
|
7932
|
-
secondary: "rgba(16,24,64,0.6)",
|
7933
|
-
disabled: "rgba(16,24,64,0.38)"
|
7934
|
-
},
|
7935
|
-
error: {
|
7936
|
-
main: "#D14343",
|
7937
|
-
light: "#d85f5f",
|
7938
|
-
dark: "#b51e1e",
|
7939
|
-
contrastText: "#ffffff"
|
7940
|
-
},
|
7941
|
-
warning: {
|
7942
|
-
main: "#fb8500",
|
7943
|
-
light: "#fc9726",
|
7944
|
-
dark: "#f85500",
|
7945
|
-
contrastText: "#ffffff"
|
7946
|
-
},
|
7947
|
-
info: {
|
7948
|
-
main: "#2d9fc5",
|
7949
|
-
light: "#4dadce",
|
7950
|
-
dark: "#1172a3",
|
7951
|
-
contrastText: "#ffffff"
|
7952
|
-
},
|
7953
|
-
success: {
|
7954
|
-
main: "#8fc93a",
|
7955
|
-
dark: "#60a918",
|
7956
|
-
light: "#a0d158",
|
7957
|
-
contrastText: "#ffffff"
|
7958
|
-
},
|
7959
|
-
grey: {
|
7960
|
-
50: "#FAFBFF",
|
7961
|
-
100: "#F4F6FA",
|
7962
|
-
200: "#EDEFF5",
|
7963
|
-
300: "#E6E8F0",
|
7964
|
-
400: "#D8DAE5",
|
7965
|
-
500: "#C1C4D6",
|
7966
|
-
600: "#8F95B2",
|
7967
|
-
700: "#696F8C",
|
7968
|
-
800: "#474D66",
|
7969
|
-
900: "#101840",
|
7970
|
-
A100: "#D8DAE5",
|
7971
|
-
A200: "#C1C4D6",
|
7972
|
-
A400: "#696F8C",
|
7973
|
-
A700: "#101840"
|
7974
|
-
},
|
7975
|
-
action: {
|
7976
|
-
active: "rgba(16, 24, 64, 0.54)",
|
7977
|
-
hover: "rgba(16, 24, 64, 0.04)",
|
7978
|
-
selected: "rgba(16, 24, 64, 0.08)",
|
7979
|
-
disabled: "rgba(16, 24, 64, 0.26)",
|
7980
|
-
disabledBackground: "rgba(16, 24, 64, 0.12)",
|
7981
|
-
focus: "rgba(16, 24, 64, 0.12)"
|
7982
|
-
},
|
7983
|
-
background: {
|
7984
|
-
default: "#f5f5f5",
|
7985
|
-
paper: "#fff"
|
7986
|
-
},
|
7987
|
-
divider: "rgba(16,24,64,0.12)"
|
7988
|
-
};
|
7989
|
-
const palette = Palettes;
|
7990
8029
|
|
7991
8030
|
const themeOptions = {
|
7992
8031
|
palette,
|
7993
8032
|
typography,
|
7994
8033
|
components,
|
7995
|
-
spacing: 8
|
8034
|
+
spacing: 8,
|
8035
|
+
mixins,
|
8036
|
+
breakpoints
|
7996
8037
|
};
|
7997
8038
|
|
7998
8039
|
const SincoTheme = createTheme(Object.assign({}, themeOptions));
|
package/package.json
CHANGED