@sinco/react 1.0.4-rc.7 → 1.0.4-rc.8
Sign up to get free protection for your applications and to get access to all the features.
- package/index.js +172 -66
- package/package.json +1 -1
- package/src/lib/Theme/index.d.ts +0 -14
- package/src/lib/Theme/typography.d.ts +14 -0
package/index.js
CHANGED
@@ -7982,15 +7982,44 @@ const components = {
|
|
7982
7982
|
}
|
7983
7983
|
},
|
7984
7984
|
MuiChip: {
|
7985
|
-
defaultProps: {
|
7986
|
-
size: 'small'
|
7987
|
-
},
|
7988
7985
|
styleOverrides: {
|
7986
|
+
sizeSmall: {
|
7987
|
+
paddingBlock: 4
|
7988
|
+
},
|
7989
|
+
sizeMedium: {
|
7990
|
+
paddingBlock: 7
|
7991
|
+
},
|
7989
7992
|
root: {
|
7993
|
+
height: "inherit",
|
7990
7994
|
borderRadius: 4
|
7995
|
+
// '&.MuiChip-colorPrimary': {
|
7996
|
+
// color: '#101840DE',
|
7997
|
+
// backgroundColor: '#E4ECF4',
|
7998
|
+
// ".MuiChip-deleteIcon": {
|
7999
|
+
// height: 12,
|
8000
|
+
// width: 12,
|
8001
|
+
// },
|
8002
|
+
// },
|
8003
|
+
// '&.MuiChip-colorPrimary.MuiChip-outlined': {
|
8004
|
+
// border: '1px solid #90B1D0',
|
8005
|
+
// backgroundColor: "#fff",
|
8006
|
+
// ".MuiChip-avatar": {
|
8007
|
+
// marginBlock: 2
|
8008
|
+
// },
|
8009
|
+
// "&.MuiChip-colorPrimary.MuiChip-outlined:hover": {
|
8010
|
+
// backgroundColor: "#E4ECF4"
|
8011
|
+
// },
|
8012
|
+
// ".MuiChip-deleteIcon": {
|
8013
|
+
// color: "#90B1D0",
|
8014
|
+
// "&:hover": {
|
8015
|
+
// color: "#6392BD !important"
|
8016
|
+
// }
|
8017
|
+
// },
|
8018
|
+
// },
|
7991
8019
|
}
|
7992
8020
|
}
|
7993
8021
|
},
|
8022
|
+
|
7994
8023
|
MuiAlert: {
|
7995
8024
|
defaultProps: {
|
7996
8025
|
iconMapping: {
|
@@ -8010,25 +8039,39 @@ const components = {
|
|
8010
8039
|
}
|
8011
8040
|
},
|
8012
8041
|
MuiButton: {
|
8013
|
-
defaultProps: {
|
8014
|
-
size: 'medium'
|
8015
|
-
},
|
8016
8042
|
styleOverrides: {
|
8017
|
-
|
8018
|
-
|
8043
|
+
endIcon: {
|
8044
|
+
marginLeft: 2
|
8045
|
+
},
|
8046
|
+
iconSizeSmall: {
|
8047
|
+
height: 14,
|
8048
|
+
width: 14
|
8049
|
+
},
|
8050
|
+
iconSizeMedium: {
|
8051
|
+
height: 15,
|
8052
|
+
width: 18
|
8053
|
+
},
|
8054
|
+
iconSizeLarge: {
|
8055
|
+
height: 17,
|
8056
|
+
width: 22
|
8019
8057
|
},
|
8020
8058
|
sizeSmall: {
|
8021
|
-
padding: '
|
8059
|
+
padding: '6px 5px'
|
8022
8060
|
},
|
8023
8061
|
sizeMedium: {
|
8024
|
-
padding: '
|
8062
|
+
padding: '8.5px 8px',
|
8063
|
+
".MuiSvgIcon-fontSizeMedium": {
|
8064
|
+
height: 18,
|
8065
|
+
width: 18
|
8066
|
+
}
|
8025
8067
|
},
|
8026
8068
|
sizeLarge: {
|
8027
|
-
padding: '10.5px
|
8028
|
-
fontSize: 14
|
8029
|
-
|
8030
|
-
|
8031
|
-
|
8069
|
+
padding: '10.5px 11px',
|
8070
|
+
fontSize: 14,
|
8071
|
+
".MuiSvgIcon-fontSizeLarge": {
|
8072
|
+
height: 20,
|
8073
|
+
width: 20
|
8074
|
+
}
|
8032
8075
|
}
|
8033
8076
|
}
|
8034
8077
|
},
|
@@ -8283,44 +8326,105 @@ const components = {
|
|
8283
8326
|
|
8284
8327
|
const palette = {
|
8285
8328
|
primary: {
|
8286
|
-
|
8287
|
-
|
8288
|
-
|
8329
|
+
50: "#E4ECF4",
|
8330
|
+
100: "#BCD0E3",
|
8331
|
+
200: "#8FB1D0",
|
8332
|
+
300: "#6392BD",
|
8333
|
+
light: "417AAE",
|
8334
|
+
main: "#2063A0",
|
8335
|
+
600: "#1C5B98",
|
8336
|
+
700: "#18518E",
|
8337
|
+
800: "#134784",
|
8338
|
+
dark: "#0B3573",
|
8339
|
+
A100: "#A5C5FF",
|
8340
|
+
A200: "#72A4FF",
|
8341
|
+
A400: "#3F83FF",
|
8342
|
+
A700: "#2572FF",
|
8289
8343
|
contrastText: "#ffffff"
|
8290
8344
|
},
|
8291
8345
|
secondary: {
|
8292
|
-
|
8293
|
-
|
8294
|
-
|
8346
|
+
50: "#E0F7FA",
|
8347
|
+
100: "#B3EBF2",
|
8348
|
+
200: "#80DEEA",
|
8349
|
+
300: "#4DD0E1",
|
8350
|
+
light: "#26C6DA",
|
8351
|
+
main: "#00BCD4",
|
8352
|
+
600: "#00B6CF",
|
8353
|
+
700: "#00ADC9",
|
8354
|
+
800: "#00A5C3",
|
8355
|
+
dark: "#0097B9",
|
8356
|
+
A100: "#E2F9FF",
|
8357
|
+
A200: "#AFEEFF",
|
8358
|
+
A400: "#7CE3FF",
|
8359
|
+
A700: "#63DDFF",
|
8295
8360
|
contrastText: "#ffffff"
|
8296
8361
|
},
|
8297
|
-
text: {
|
8298
|
-
primary: "#101840de",
|
8299
|
-
secondary: "#10184099",
|
8300
|
-
disabled: "#10184061"
|
8301
|
-
},
|
8302
8362
|
error: {
|
8363
|
+
50: "#F9E8E8",
|
8364
|
+
100: "#F1C7C7",
|
8365
|
+
200: "#E8A1A1",
|
8366
|
+
300: "#DF7B7B",
|
8367
|
+
light: "#D85F5F",
|
8303
8368
|
main: "#D14343",
|
8304
|
-
|
8305
|
-
|
8369
|
+
600: "#CC3D3D",
|
8370
|
+
700: "#C63434",
|
8371
|
+
800: "#C02C2C",
|
8372
|
+
dark: "#B51E1E",
|
8373
|
+
A100: "#FFECEC",
|
8374
|
+
A200: "#FFB9B9",
|
8375
|
+
A400: "#FF8686",
|
8376
|
+
A700: "#FF6D6D",
|
8306
8377
|
contrastText: "#ffffff"
|
8307
8378
|
},
|
8308
8379
|
warning: {
|
8309
|
-
|
8310
|
-
|
8311
|
-
|
8380
|
+
50: "#FFF0E0",
|
8381
|
+
100: "#FEDAB3",
|
8382
|
+
200: "#FDC280",
|
8383
|
+
300: "#FCAA4D",
|
8384
|
+
light: "#FC9726",
|
8385
|
+
main: "#FB8500",
|
8386
|
+
600: "#FA7D00",
|
8387
|
+
700: "#FA7200",
|
8388
|
+
800: "#F96800",
|
8389
|
+
dark: "#F85500",
|
8390
|
+
A100: "#FFFFFF",
|
8391
|
+
A200: "#FFF1EB",
|
8392
|
+
A400: "#FFCCB8",
|
8393
|
+
A700: "#FFBA9F",
|
8312
8394
|
contrastText: "#ffffff"
|
8313
8395
|
},
|
8314
8396
|
info: {
|
8315
|
-
|
8316
|
-
|
8317
|
-
|
8397
|
+
50: "#E6F3F8",
|
8398
|
+
100: "#C0E2EE",
|
8399
|
+
200: "#96CFE2",
|
8400
|
+
300: "#6CBCD6",
|
8401
|
+
light: "#4DADCE",
|
8402
|
+
main: "#2D9FC5",
|
8403
|
+
600: "#2897BF",
|
8404
|
+
700: "#228DB8",
|
8405
|
+
800: "#1C83B0",
|
8406
|
+
dark: "#1172A3",
|
8407
|
+
A100: "#D4EFFF",
|
8408
|
+
A200: "#A1DCFF",
|
8409
|
+
A400: "#6ECAFF",
|
8410
|
+
A700: "#54C1FF",
|
8318
8411
|
contrastText: "#ffffff"
|
8319
8412
|
},
|
8320
8413
|
success: {
|
8321
|
-
|
8322
|
-
|
8323
|
-
|
8414
|
+
50: "#F2F9E7",
|
8415
|
+
100: "#DDEFC4",
|
8416
|
+
200: "#C7E49D",
|
8417
|
+
300: "#B1D975",
|
8418
|
+
light: "#A0D158",
|
8419
|
+
main: "#8FC93A",
|
8420
|
+
600: "#87C334",
|
8421
|
+
700: "#7CBC2C",
|
8422
|
+
800: "#72B525",
|
8423
|
+
dark: "#60A918",
|
8424
|
+
A100: "#EDFFDE",
|
8425
|
+
A200: "#D2FFAB",
|
8426
|
+
A400: "#B6FF78",
|
8427
|
+
A700: "#A9FF5E",
|
8324
8428
|
contrastText: "#ffffff"
|
8325
8429
|
},
|
8326
8430
|
grey: {
|
@@ -8339,6 +8443,11 @@ const palette = {
|
|
8339
8443
|
A400: "#696F8C",
|
8340
8444
|
A700: "#101840"
|
8341
8445
|
},
|
8446
|
+
text: {
|
8447
|
+
primary: "#101840de",
|
8448
|
+
secondary: "#10184099",
|
8449
|
+
disabled: "#10184061"
|
8450
|
+
},
|
8342
8451
|
action: {
|
8343
8452
|
active: "rgba(16, 24, 64, 0.54)",
|
8344
8453
|
hover: "rgba(16, 24, 64, 0.04)",
|
@@ -8379,8 +8488,18 @@ const mixins = {
|
|
8379
8488
|
|
8380
8489
|
const typography = {
|
8381
8490
|
fontSize: 13,
|
8491
|
+
body3: {
|
8492
|
+
fontFamily: 'Roboto',
|
8493
|
+
fontWeight: 310,
|
8494
|
+
fontSize: 12,
|
8495
|
+
letterSpacing: 0.17,
|
8496
|
+
lineHeight: 1.2,
|
8497
|
+
[breakpoints.down('md')]: {
|
8498
|
+
fontSize: 11
|
8499
|
+
}
|
8500
|
+
},
|
8382
8501
|
body1: {
|
8383
|
-
fontFamily:
|
8502
|
+
fontFamily: 'Roboto',
|
8384
8503
|
fontSize: 14,
|
8385
8504
|
fontWeight: 400,
|
8386
8505
|
letterSpacing: 0.15,
|
@@ -8390,7 +8509,7 @@ const typography = {
|
|
8390
8509
|
}
|
8391
8510
|
},
|
8392
8511
|
body2: {
|
8393
|
-
fontFamily:
|
8512
|
+
fontFamily: 'Roboto',
|
8394
8513
|
fontSize: 13,
|
8395
8514
|
fontWeight: 400,
|
8396
8515
|
letterSpacing: 0.17,
|
@@ -8400,7 +8519,7 @@ const typography = {
|
|
8400
8519
|
}
|
8401
8520
|
},
|
8402
8521
|
subtitle1: {
|
8403
|
-
fontFamily:
|
8522
|
+
fontFamily: 'Roboto',
|
8404
8523
|
fontSize: 14,
|
8405
8524
|
fontWeight: 500,
|
8406
8525
|
letterSpacing: 0.15,
|
@@ -8410,7 +8529,7 @@ const typography = {
|
|
8410
8529
|
}
|
8411
8530
|
},
|
8412
8531
|
subtitle2: {
|
8413
|
-
fontFamily:
|
8532
|
+
fontFamily: 'Roboto',
|
8414
8533
|
fontSize: 13,
|
8415
8534
|
fontWeight: 500,
|
8416
8535
|
letterSpacing: 0.1,
|
@@ -8420,7 +8539,7 @@ const typography = {
|
|
8420
8539
|
}
|
8421
8540
|
},
|
8422
8541
|
caption: {
|
8423
|
-
fontFamily:
|
8542
|
+
fontFamily: 'Roboto',
|
8424
8543
|
fontSize: 11,
|
8425
8544
|
fontWeight: 400,
|
8426
8545
|
letterSpacing: 0.4,
|
@@ -8430,7 +8549,7 @@ const typography = {
|
|
8430
8549
|
}
|
8431
8550
|
},
|
8432
8551
|
overline: {
|
8433
|
-
fontFamily:
|
8552
|
+
fontFamily: 'Roboto',
|
8434
8553
|
fontSize: 11,
|
8435
8554
|
fontWeight: 400,
|
8436
8555
|
letterSpacing: 1,
|
@@ -8440,7 +8559,7 @@ const typography = {
|
|
8440
8559
|
}
|
8441
8560
|
},
|
8442
8561
|
h6: {
|
8443
|
-
fontFamily:
|
8562
|
+
fontFamily: 'Nunito',
|
8444
8563
|
fontSize: 16,
|
8445
8564
|
fontWeight: 600,
|
8446
8565
|
lineHeight: 1.6,
|
@@ -8449,44 +8568,44 @@ const typography = {
|
|
8449
8568
|
}
|
8450
8569
|
},
|
8451
8570
|
h5: {
|
8452
|
-
fontFamily:
|
8571
|
+
fontFamily: 'Nunito',
|
8453
8572
|
fontSize: 18,
|
8454
8573
|
fontWeight: 600,
|
8455
8574
|
lineHeight: 1.8
|
8456
8575
|
},
|
8457
8576
|
h4: {
|
8458
|
-
fontFamily:
|
8577
|
+
fontFamily: 'Nunito',
|
8459
8578
|
fontSize: 20,
|
8460
8579
|
fontWeight: 600,
|
8461
8580
|
letterSpacing: 0.25,
|
8462
8581
|
lineHeight: 1
|
8463
8582
|
},
|
8464
8583
|
h3: {
|
8465
|
-
fontFamily:
|
8584
|
+
fontFamily: 'Nunito',
|
8466
8585
|
fontSize: 28,
|
8467
8586
|
fontWeight: 500,
|
8468
8587
|
lineHeight: 1.2
|
8469
8588
|
},
|
8470
8589
|
h2: {
|
8471
|
-
fontFamily:
|
8590
|
+
fontFamily: 'Nunito',
|
8472
8591
|
fontSize: 32,
|
8473
8592
|
fontWeight: 400,
|
8474
8593
|
letterSpacing: -0.5,
|
8475
8594
|
lineHeight: 1.2
|
8476
8595
|
},
|
8477
8596
|
h1: {
|
8478
|
-
fontFamily:
|
8597
|
+
fontFamily: 'Nunito',
|
8479
8598
|
fontSize: 40,
|
8480
8599
|
fontWeight: 300,
|
8481
8600
|
letterSpacing: -1.5,
|
8482
8601
|
lineHeight: 1.4
|
8483
8602
|
},
|
8484
8603
|
button: {
|
8485
|
-
fontFamily:
|
8486
|
-
textTransform:
|
8604
|
+
fontFamily: 'Roboto',
|
8605
|
+
textTransform: 'unset',
|
8487
8606
|
fontWeightLight: 300,
|
8488
8607
|
fontSize: 13,
|
8489
|
-
lineHeight:
|
8608
|
+
lineHeight: 'normal',
|
8490
8609
|
'@media(max-width: 885px)': {
|
8491
8610
|
fontSize: 14
|
8492
8611
|
}
|
@@ -8502,20 +8621,7 @@ const themeOptions = {
|
|
8502
8621
|
breakpoints
|
8503
8622
|
};
|
8504
8623
|
|
8505
|
-
const SincoTheme = createTheme(Object.assign({}, themeOptions
|
8506
|
-
typography: {
|
8507
|
-
body3: {
|
8508
|
-
fontFamily: "Roboto",
|
8509
|
-
fontWeight: 310,
|
8510
|
-
fontSize: 12,
|
8511
|
-
letterSpacing: 0.17,
|
8512
|
-
lineHeight: 1.2,
|
8513
|
-
[breakpoints.down("md")]: {
|
8514
|
-
fontSize: 11
|
8515
|
-
}
|
8516
|
-
}
|
8517
|
-
}
|
8518
|
-
}));
|
8624
|
+
const SincoTheme = createTheme(Object.assign({}, themeOptions));
|
8519
8625
|
|
8520
8626
|
var wellKnownSymbol$2 = wellKnownSymbol$4;
|
8521
8627
|
|
package/package.json
CHANGED
package/src/lib/Theme/index.d.ts
CHANGED
@@ -1,15 +1 @@
|
|
1
|
-
/// <reference types="react" />
|
2
|
-
declare module "@mui/material/styles" {
|
3
|
-
interface TypographyVariants {
|
4
|
-
body3: React.CSSProperties;
|
5
|
-
}
|
6
|
-
interface TypographyVariantsOptions {
|
7
|
-
body3?: React.CSSProperties;
|
8
|
-
}
|
9
|
-
}
|
10
|
-
declare module "@mui/material/Typography" {
|
11
|
-
interface TypographyPropsVariantOverrides {
|
12
|
-
body3: true;
|
13
|
-
}
|
14
|
-
}
|
15
1
|
export declare const SincoTheme: import("@mui/material/styles").Theme;
|
@@ -1,3 +1,17 @@
|
|
1
|
+
/// <reference types="react" />
|
1
2
|
import { TypographyOptions } from '@mui/material/styles/createTypography';
|
3
|
+
declare module '@mui/material/styles' {
|
4
|
+
interface TypographyVariants {
|
5
|
+
body3: React.CSSProperties;
|
6
|
+
}
|
7
|
+
interface TypographyVariantsOptions {
|
8
|
+
body3?: React.CSSProperties;
|
9
|
+
}
|
10
|
+
}
|
11
|
+
declare module '@mui/material/Typography' {
|
12
|
+
interface TypographyPropsVariantOverrides {
|
13
|
+
body3: true;
|
14
|
+
}
|
15
|
+
}
|
2
16
|
declare const typography: TypographyOptions;
|
3
17
|
export default typography;
|