@sinco/react 0.0.0-rc.1 → 0.0.0-rc.3
Sign up to get free protection for your applications and to get access to all the features.
- package/index.js +419 -177
- package/package.json +1 -1
- package/src/index.d.ts +1 -1
- package/src/lib/Theme/components.d.ts +2 -0
- package/src/lib/Theme/index.d.ts +1 -0
- package/src/lib/Theme/theme.d.ts +2 -0
- package/src/lib/bitakoraTheme/index.d.ts +0 -1
- package/src/lib/bitakoraTheme/theme.d.ts +0 -2
- /package/src/lib/{bitakoraTheme → Theme}/palette.d.ts +0 -0
- /package/src/lib/{bitakoraTheme → Theme}/shadows.d.ts +0 -0
- /package/src/lib/{bitakoraTheme → Theme}/typography.d.ts +0 -0
package/index.js
CHANGED
@@ -2725,7 +2725,7 @@ const green = {
|
|
2725
2725
|
var green$1 = green;
|
2726
2726
|
|
2727
2727
|
const _excluded$3 = ["mode", "contrastThreshold", "tonalOffset"];
|
2728
|
-
const light
|
2728
|
+
const light = {
|
2729
2729
|
// The colors used to style the text.
|
2730
2730
|
text: {
|
2731
2731
|
// The most important text.
|
@@ -2905,7 +2905,7 @@ function createPalette(palette) {
|
|
2905
2905
|
// Bootstrap: https://github.com/twbs/bootstrap/blob/1d6e3710dd447de1a200f29e8fa521f8a0908f70/scss/_functions.scss#L59
|
2906
2906
|
// and material-components-web https://github.com/material-components/material-components-web/blob/ac46b8863c4dab9fc22c4c662dc6bd1b65dd652f/packages/mdc-theme/_functions.scss#L54
|
2907
2907
|
function getContrastText(background) {
|
2908
|
-
const contrastText = getContrastRatio(background, dark.text.primary) >= contrastThreshold ? dark.text.primary : light
|
2908
|
+
const contrastText = getContrastRatio(background, dark.text.primary) >= contrastThreshold ? dark.text.primary : light.text.primary;
|
2909
2909
|
if (process.env.NODE_ENV !== 'production') {
|
2910
2910
|
const contrast = getContrastRatio(background, contrastText);
|
2911
2911
|
if (contrast < 3) {
|
@@ -2954,7 +2954,7 @@ const theme2 = createTheme({ palette: {
|
|
2954
2954
|
};
|
2955
2955
|
const modes = {
|
2956
2956
|
dark,
|
2957
|
-
light
|
2957
|
+
light
|
2958
2958
|
};
|
2959
2959
|
if (process.env.NODE_ENV !== 'production') {
|
2960
2960
|
if (!modes[mode]) {
|
@@ -3112,8 +3112,8 @@ function createShadow(...px) {
|
|
3112
3112
|
}
|
3113
3113
|
|
3114
3114
|
// Values from https://github.com/material-components/material-components-web/blob/be8747f94574669cb5e7add1a7c54fa41a89cec7/packages/mdc-elevation/_variables.scss
|
3115
|
-
const shadows
|
3116
|
-
var shadows$
|
3115
|
+
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)];
|
3116
|
+
var shadows$1 = shadows;
|
3117
3117
|
|
3118
3118
|
const _excluded$1 = ["duration", "easing", "delay"];
|
3119
3119
|
// Follow https://material.google.com/motion/duration-easing.html#duration-easing-natural-easing-curves
|
@@ -3232,7 +3232,7 @@ Please use another name.` : formatMuiErrorMessage(18));
|
|
3232
3232
|
mixins: createMixins(systemTheme.breakpoints, mixinsInput),
|
3233
3233
|
palette,
|
3234
3234
|
// Don't use [...shadows] until you've verified its transpiled code is not invoking the iterator protocol.
|
3235
|
-
shadows: shadows$
|
3235
|
+
shadows: shadows$1.slice(),
|
3236
3236
|
typography: createTypography(palette, typographyInput),
|
3237
3237
|
transitions: createTransitions(transitionsInput),
|
3238
3238
|
zIndex: _extends$1({}, zIndex$1)
|
@@ -3279,208 +3279,450 @@ Please use another name.` : formatMuiErrorMessage(18));
|
|
3279
3279
|
return muiTheme;
|
3280
3280
|
}
|
3281
3281
|
|
3282
|
-
const
|
3283
|
-
|
3284
|
-
|
3285
|
-
|
3286
|
-
|
3282
|
+
const Componentes = {
|
3283
|
+
MuiDialog: {
|
3284
|
+
styleOverrides: {
|
3285
|
+
root: {
|
3286
|
+
" .MuiBackdrop-root": {
|
3287
|
+
backgroundColor: "#f0f0f099",
|
3288
|
+
backdropFilter: "blur(2px) !important"
|
3289
|
+
}
|
3290
|
+
}
|
3291
|
+
}
|
3287
3292
|
},
|
3288
|
-
|
3289
|
-
|
3290
|
-
|
3291
|
-
|
3292
|
-
|
3293
|
+
MuiDialogContent: {
|
3294
|
+
styleOverrides: {
|
3295
|
+
root: {
|
3296
|
+
paddingTop: "8px !important",
|
3297
|
+
paddingBottom: 8
|
3298
|
+
}
|
3299
|
+
}
|
3293
3300
|
},
|
3294
|
-
|
3295
|
-
|
3296
|
-
|
3297
|
-
|
3298
|
-
|
3301
|
+
MuiChip: {
|
3302
|
+
defaultProps: {
|
3303
|
+
size: "small"
|
3304
|
+
},
|
3305
|
+
styleOverrides: {
|
3306
|
+
sizeSmall: {
|
3307
|
+
height: 24
|
3308
|
+
},
|
3309
|
+
root: {
|
3310
|
+
borderRadius: 4
|
3311
|
+
}
|
3312
|
+
}
|
3299
3313
|
},
|
3300
|
-
|
3301
|
-
|
3302
|
-
|
3303
|
-
|
3304
|
-
|
3305
|
-
|
3306
|
-
|
3314
|
+
MuiButton: {
|
3315
|
+
defaultProps: {
|
3316
|
+
size: "small"
|
3317
|
+
},
|
3318
|
+
styleOverrides: {
|
3319
|
+
sizeSmall: {
|
3320
|
+
height: 26,
|
3321
|
+
fontSize: 12
|
3322
|
+
},
|
3323
|
+
sizeMedium: {
|
3324
|
+
height: 32,
|
3325
|
+
fontSize: 13
|
3326
|
+
},
|
3327
|
+
sizeLarge: {
|
3328
|
+
height: 38,
|
3329
|
+
fontSize: 14
|
3330
|
+
},
|
3331
|
+
root: {
|
3332
|
+
width: "fit-content"
|
3333
|
+
}
|
3334
|
+
}
|
3307
3335
|
},
|
3308
|
-
|
3309
|
-
|
3310
|
-
|
3311
|
-
|
3312
|
-
contrastText: '#FFFFFF'
|
3336
|
+
MuiCheckbox: {
|
3337
|
+
defaultProps: {
|
3338
|
+
size: "small"
|
3339
|
+
}
|
3313
3340
|
},
|
3314
|
-
|
3315
|
-
|
3316
|
-
|
3317
|
-
|
3318
|
-
|
3341
|
+
MuiFab: {
|
3342
|
+
defaultProps: {
|
3343
|
+
size: "small"
|
3344
|
+
},
|
3345
|
+
styleOverrides: {
|
3346
|
+
circular: {
|
3347
|
+
"&.MuiFab-sizeSmall": {
|
3348
|
+
height: 38,
|
3349
|
+
width: 38,
|
3350
|
+
".MuiSvgIcon-fontSizeSmall": {
|
3351
|
+
height: 20,
|
3352
|
+
width: 20
|
3353
|
+
}
|
3354
|
+
},
|
3355
|
+
"&.MuiFab-sizeMedium": {
|
3356
|
+
height: 48,
|
3357
|
+
width: 48,
|
3358
|
+
"& .MuiSvgIcon-fontSizeMedium": {
|
3359
|
+
height: 22,
|
3360
|
+
width: 22
|
3361
|
+
}
|
3362
|
+
},
|
3363
|
+
"&.MuiFab-sizeLarge": {
|
3364
|
+
height: 56,
|
3365
|
+
width: 56,
|
3366
|
+
"& .MuiSvgIcon-fontSizeLarge": {
|
3367
|
+
height: 24,
|
3368
|
+
width: 24
|
3369
|
+
}
|
3370
|
+
}
|
3371
|
+
},
|
3372
|
+
extended: {
|
3373
|
+
"&.MuiFab-sizeSmall": {
|
3374
|
+
height: 32,
|
3375
|
+
".MuiSvgIcon-fontSizeSmall": {
|
3376
|
+
height: 20,
|
3377
|
+
width: 20,
|
3378
|
+
marginRight: 4
|
3379
|
+
}
|
3380
|
+
},
|
3381
|
+
"&.MuiFab-sizeMedium": {
|
3382
|
+
height: 38,
|
3383
|
+
"& .MuiSvgIcon-fontSizeMedium": {
|
3384
|
+
height: 22,
|
3385
|
+
width: 22,
|
3386
|
+
marginRight: 4
|
3387
|
+
}
|
3388
|
+
},
|
3389
|
+
"&.MuiFab-sizeLarge": {
|
3390
|
+
height: 48,
|
3391
|
+
"& .MuiSvgIcon-fontSizeLarge": {
|
3392
|
+
height: 24,
|
3393
|
+
width: 24,
|
3394
|
+
marginRight: 4
|
3395
|
+
}
|
3396
|
+
}
|
3397
|
+
}
|
3398
|
+
}
|
3319
3399
|
},
|
3320
|
-
|
3321
|
-
|
3322
|
-
|
3323
|
-
|
3324
|
-
|
3400
|
+
MuiFormControl: {
|
3401
|
+
defaultProps: {
|
3402
|
+
size: "small",
|
3403
|
+
margin: "none"
|
3404
|
+
}
|
3325
3405
|
},
|
3326
|
-
|
3327
|
-
|
3328
|
-
|
3329
|
-
|
3330
|
-
contrastText: '#FFFFFF'
|
3406
|
+
MuiFormHelperText: {
|
3407
|
+
defaultProps: {
|
3408
|
+
margin: "dense"
|
3409
|
+
}
|
3331
3410
|
},
|
3332
|
-
|
3333
|
-
|
3334
|
-
|
3411
|
+
MuiSvgIcon: {
|
3412
|
+
defaultProps: {
|
3413
|
+
fontSize: "small"
|
3414
|
+
}
|
3335
3415
|
},
|
3336
|
-
|
3337
|
-
|
3338
|
-
|
3339
|
-
|
3340
|
-
|
3341
|
-
|
3342
|
-
|
3343
|
-
|
3344
|
-
|
3345
|
-
|
3346
|
-
|
3347
|
-
|
3348
|
-
|
3349
|
-
|
3350
|
-
|
3351
|
-
|
3352
|
-
|
3353
|
-
}
|
3354
|
-
const palette = Palette;
|
3355
|
-
|
3356
|
-
const shadowsCustom = ['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)'];
|
3357
|
-
const shadows = shadowsCustom;
|
3358
|
-
|
3359
|
-
const Typography = {
|
3360
|
-
fontSize: 14,
|
3361
|
-
h1: {
|
3362
|
-
fontFamily: 'Nunito',
|
3363
|
-
fontSize: '6.85714286rem',
|
3364
|
-
fontWeight: '300',
|
3365
|
-
lineHeight: '1.167',
|
3366
|
-
letterSpacing: '-0.01562em'
|
3416
|
+
MuiIconButton: {
|
3417
|
+
defaultProps: {
|
3418
|
+
size: "small"
|
3419
|
+
},
|
3420
|
+
styleOverrides: {
|
3421
|
+
sizeSmall: {
|
3422
|
+
fontSize: 14,
|
3423
|
+
padding: 4
|
3424
|
+
},
|
3425
|
+
sizeMedium: {
|
3426
|
+
fontSize: 20,
|
3427
|
+
padding: 13
|
3428
|
+
},
|
3429
|
+
sizeLarge: {
|
3430
|
+
fontSize: 33,
|
3431
|
+
padding: 17
|
3432
|
+
}
|
3433
|
+
}
|
3367
3434
|
},
|
3368
|
-
|
3369
|
-
|
3370
|
-
|
3371
|
-
|
3372
|
-
|
3373
|
-
|
3435
|
+
MuiFilledInput: {
|
3436
|
+
styleOverrides: {
|
3437
|
+
sizeSmall: {
|
3438
|
+
height: 38
|
3439
|
+
}
|
3440
|
+
}
|
3374
3441
|
},
|
3375
|
-
|
3376
|
-
|
3377
|
-
|
3378
|
-
|
3379
|
-
|
3380
|
-
|
3442
|
+
MuiInputBase: {
|
3443
|
+
defaultProps: {
|
3444
|
+
margin: "none"
|
3445
|
+
},
|
3446
|
+
styleOverrides: {
|
3447
|
+
root: {
|
3448
|
+
".MuiOutlinedInput-input.MuiInputBase-inputSizeSmall": {
|
3449
|
+
paddingBlock: 5.9
|
3450
|
+
},
|
3451
|
+
".MuiOutlinedInput-input": {
|
3452
|
+
paddingBlock: 14
|
3453
|
+
},
|
3454
|
+
".MuiFilledInput-input.MuiInputBase-inputSizeSmall": {
|
3455
|
+
paddingBlock: "none"
|
3456
|
+
},
|
3457
|
+
".MuiFilledInput-input": {
|
3458
|
+
paddingTop: 22,
|
3459
|
+
paddingBottom: 6
|
3460
|
+
}
|
3461
|
+
}
|
3462
|
+
}
|
3381
3463
|
},
|
3382
|
-
|
3383
|
-
|
3384
|
-
|
3385
|
-
|
3386
|
-
|
3387
|
-
|
3464
|
+
MuiOutlinedInput: {
|
3465
|
+
styleOverrides: {
|
3466
|
+
notchedOutline: {
|
3467
|
+
borderColor: "rgba(16, 24, 64, 0.23)"
|
3468
|
+
}
|
3469
|
+
}
|
3388
3470
|
},
|
3389
|
-
|
3390
|
-
|
3391
|
-
|
3392
|
-
|
3393
|
-
|
3394
|
-
|
3471
|
+
MuiAutocomplete: {
|
3472
|
+
defaultProps: {
|
3473
|
+
size: "small"
|
3474
|
+
},
|
3475
|
+
styleOverrides: {
|
3476
|
+
root: {
|
3477
|
+
"&.MuiAutocomplete-root .MuiOutlinedInput-root.MuiInputBase-sizeSmall": {
|
3478
|
+
paddingBlock: 3.5,
|
3479
|
+
paddingRight: 14,
|
3480
|
+
".MuiSvgIcon-root.MuiSvgIcon-fontSizeSmall": {
|
3481
|
+
fontSize: 24,
|
3482
|
+
height: "1.4rem",
|
3483
|
+
width: "1.4rem"
|
3484
|
+
}
|
3485
|
+
}
|
3486
|
+
}
|
3487
|
+
}
|
3395
3488
|
},
|
3396
|
-
|
3397
|
-
|
3398
|
-
|
3399
|
-
|
3400
|
-
|
3401
|
-
|
3489
|
+
MuiCard: {
|
3490
|
+
styleOverrides: {
|
3491
|
+
root: {
|
3492
|
+
overflow: "initial"
|
3493
|
+
}
|
3494
|
+
}
|
3402
3495
|
},
|
3403
|
-
|
3404
|
-
|
3405
|
-
|
3406
|
-
|
3407
|
-
|
3408
|
-
|
3496
|
+
MuiInputLabel: {
|
3497
|
+
styleOverrides: {
|
3498
|
+
outlined: {
|
3499
|
+
"&.MuiInputLabel-outlined.MuiInputLabel-sizeSmall ": {
|
3500
|
+
transform: "translate(14px,6px) scale(1)"
|
3501
|
+
},
|
3502
|
+
"&.MuiInputLabel-outlined ": {
|
3503
|
+
"&.MuiInputLabel-shrink": {
|
3504
|
+
transform: "translate(14px, -7px) scale(0.75)"
|
3505
|
+
}
|
3506
|
+
}
|
3507
|
+
}
|
3508
|
+
},
|
3509
|
+
defaultProps: {
|
3510
|
+
margin: "dense"
|
3511
|
+
}
|
3409
3512
|
},
|
3410
|
-
|
3411
|
-
|
3412
|
-
|
3413
|
-
|
3414
|
-
|
3415
|
-
|
3513
|
+
MuiCardHeader: {
|
3514
|
+
styleOverrides: {
|
3515
|
+
root: {
|
3516
|
+
padding: 12
|
3517
|
+
}
|
3518
|
+
}
|
3519
|
+
},
|
3520
|
+
MuiRadio: {
|
3521
|
+
defaultProps: {
|
3522
|
+
size: "small"
|
3523
|
+
}
|
3524
|
+
},
|
3525
|
+
MuiSwitch: {
|
3526
|
+
defaultProps: {
|
3527
|
+
size: "small"
|
3528
|
+
}
|
3529
|
+
},
|
3530
|
+
MuiTextField: {
|
3531
|
+
defaultProps: {
|
3532
|
+
size: "small",
|
3533
|
+
margin: "none"
|
3534
|
+
}
|
3535
|
+
},
|
3536
|
+
MuiList: {
|
3537
|
+
defaultProps: {
|
3538
|
+
dense: true
|
3539
|
+
}
|
3416
3540
|
},
|
3541
|
+
MuiMenuItem: {
|
3542
|
+
defaultProps: {
|
3543
|
+
dense: true
|
3544
|
+
}
|
3545
|
+
},
|
3546
|
+
MuiTable: {
|
3547
|
+
defaultProps: {
|
3548
|
+
size: "small"
|
3549
|
+
}
|
3550
|
+
}
|
3551
|
+
};
|
3552
|
+
const components = Componentes;
|
3553
|
+
|
3554
|
+
const Typography = {
|
3555
|
+
fontSize: 13,
|
3417
3556
|
body1: {
|
3418
|
-
fontFamily:
|
3419
|
-
fontSize:
|
3420
|
-
fontWeight:
|
3421
|
-
|
3422
|
-
|
3557
|
+
fontFamily: "Roboto",
|
3558
|
+
fontSize: 14,
|
3559
|
+
fontWeight: 400,
|
3560
|
+
letterSpacing: 0.15,
|
3561
|
+
lineHeight: 1.4
|
3423
3562
|
},
|
3424
3563
|
body2: {
|
3425
|
-
fontFamily:
|
3426
|
-
fontSize:
|
3427
|
-
fontWeight:
|
3428
|
-
|
3429
|
-
|
3564
|
+
fontFamily: "Roboto",
|
3565
|
+
fontSize: 13,
|
3566
|
+
fontWeight: 400,
|
3567
|
+
letterSpacing: 0.17,
|
3568
|
+
lineHeight: 1.2
|
3569
|
+
},
|
3570
|
+
subtitle1: {
|
3571
|
+
fontFamily: "Roboto",
|
3572
|
+
fontSize: 14,
|
3573
|
+
fontWeight: 500,
|
3574
|
+
letterSpacing: 0.15,
|
3575
|
+
lineHeight: 1.4
|
3576
|
+
},
|
3577
|
+
subtitle2: {
|
3578
|
+
fontFamily: "Roboto",
|
3579
|
+
fontSize: 13,
|
3580
|
+
fontWeight: 500,
|
3581
|
+
letterSpacing: 0.1,
|
3582
|
+
lineHeight: 1.4
|
3430
3583
|
},
|
3431
3584
|
caption: {
|
3432
|
-
fontFamily:
|
3433
|
-
fontSize:
|
3434
|
-
fontWeight:
|
3435
|
-
|
3436
|
-
|
3585
|
+
fontFamily: "Roboto",
|
3586
|
+
fontSize: 11,
|
3587
|
+
fontWeight: 400,
|
3588
|
+
letterSpacing: 0.4,
|
3589
|
+
lineHeight: 1.4
|
3437
3590
|
},
|
3438
3591
|
overline: {
|
3439
|
-
fontFamily:
|
3440
|
-
fontSize:
|
3441
|
-
fontWeight:
|
3442
|
-
|
3443
|
-
|
3592
|
+
fontFamily: "Roboto",
|
3593
|
+
fontSize: 1.1,
|
3594
|
+
fontWeight: 400,
|
3595
|
+
letterSpacing: 1,
|
3596
|
+
lineHeight: 2.66
|
3597
|
+
},
|
3598
|
+
h6: {
|
3599
|
+
fontFamily: "Nunito",
|
3600
|
+
fontSize: 16,
|
3601
|
+
fontWeight: 600,
|
3602
|
+
lineHeight: 1.6
|
3603
|
+
},
|
3604
|
+
h5: {
|
3605
|
+
fontFamily: "Nunito",
|
3606
|
+
fontSize: 18,
|
3607
|
+
fontWeight: 600,
|
3608
|
+
lineHeight: 1.8
|
3609
|
+
},
|
3610
|
+
h4: {
|
3611
|
+
fontFamily: "Nunito",
|
3612
|
+
fontSize: 20,
|
3613
|
+
fontWeight: 600,
|
3614
|
+
letterSpacing: 0.25,
|
3615
|
+
lineHeight: 1
|
3616
|
+
},
|
3617
|
+
h3: {
|
3618
|
+
fontFamily: "Nunito",
|
3619
|
+
fontSize: 28,
|
3620
|
+
fontWeight: 500,
|
3621
|
+
lineHeight: 1.2
|
3622
|
+
},
|
3623
|
+
h2: {
|
3624
|
+
fontFamily: "Nunito",
|
3625
|
+
fontSize: 32,
|
3626
|
+
fontWeight: 400,
|
3627
|
+
letterSpacing: -0.5,
|
3628
|
+
lineHeight: 1.2
|
3629
|
+
},
|
3630
|
+
h1: {
|
3631
|
+
fontFamily: "Nunito",
|
3632
|
+
fontSize: 40,
|
3633
|
+
fontWeight: 300,
|
3634
|
+
letterSpacing: -1.5,
|
3635
|
+
lineHeight: 1.4
|
3444
3636
|
},
|
3445
3637
|
button: {
|
3446
|
-
|
3447
|
-
|
3448
|
-
|
3449
|
-
lineHeight: '1.75',
|
3450
|
-
letterSpacing: '0.02857em',
|
3451
|
-
textTransform: 'none'
|
3638
|
+
textTransform: "unset",
|
3639
|
+
fontWeightLight: 300,
|
3640
|
+
fontSize: 13
|
3452
3641
|
}
|
3453
3642
|
};
|
3454
3643
|
const typography = Typography;
|
3455
3644
|
|
3456
|
-
const
|
3457
|
-
|
3645
|
+
const Palettes = {
|
3646
|
+
primary: {
|
3647
|
+
main: "#1e62a1",
|
3648
|
+
light: "#5a8fd3",
|
3649
|
+
dark: "#003972",
|
3650
|
+
contrastText: "#ffffff"
|
3651
|
+
},
|
3652
|
+
secondary: {
|
3653
|
+
main: "#0CBBE2",
|
3654
|
+
light: "#67eeff",
|
3655
|
+
dark: "#008bb0",
|
3656
|
+
contrastText: "#ffffff"
|
3657
|
+
},
|
3658
|
+
text: {
|
3659
|
+
primary: "rgba(16,24,64,0.87)",
|
3660
|
+
secondary: "rgba(16,24,64,0.6)",
|
3661
|
+
disabled: "rgba(16,24,64,0.38)"
|
3662
|
+
},
|
3663
|
+
error: {
|
3664
|
+
main: "#D14343",
|
3665
|
+
light: "#d85f5f",
|
3666
|
+
dark: "#b51e1e",
|
3667
|
+
contrastText: "#ffffff"
|
3668
|
+
},
|
3669
|
+
warning: {
|
3670
|
+
main: "#fb8500",
|
3671
|
+
light: "#fc9726",
|
3672
|
+
dark: "#f85500",
|
3673
|
+
contrastText: "#ffffff"
|
3674
|
+
},
|
3675
|
+
info: {
|
3676
|
+
main: "#2d9fc5",
|
3677
|
+
light: "#4dadce",
|
3678
|
+
dark: "#1172a3",
|
3679
|
+
contrastText: "#ffffff"
|
3680
|
+
},
|
3681
|
+
success: {
|
3682
|
+
main: "#8fc93a",
|
3683
|
+
dark: "#60a918",
|
3684
|
+
light: "#a0d158",
|
3685
|
+
contrastText: "#ffffff"
|
3686
|
+
},
|
3687
|
+
grey: {
|
3688
|
+
50: "#FAFBFF",
|
3689
|
+
100: "#F4F6FA",
|
3690
|
+
200: "#EDEFF5",
|
3691
|
+
300: "#E6E8F0",
|
3692
|
+
400: "#D8DAE5",
|
3693
|
+
500: "#C1C4D6",
|
3694
|
+
600: "#8F95B2",
|
3695
|
+
700: "#696F8C",
|
3696
|
+
800: "#474D66",
|
3697
|
+
900: "#101840",
|
3698
|
+
A100: "#D8DAE5",
|
3699
|
+
A200: "#C1C4D6",
|
3700
|
+
A400: "#696F8C",
|
3701
|
+
A700: "#101840"
|
3702
|
+
},
|
3703
|
+
action: {
|
3704
|
+
active: "rgba(16, 24, 64, 0.54)",
|
3705
|
+
hover: "rgba(16, 24, 64, 0.04)",
|
3706
|
+
selected: "rgba(16, 24, 64, 0.08)",
|
3707
|
+
disabled: "rgba(16, 24, 64, 0.26)",
|
3708
|
+
disabledBackground: "rgba(16, 24, 64, 0.12)",
|
3709
|
+
focus: "rgba(16, 24, 64, 0.12)"
|
3710
|
+
},
|
3711
|
+
background: {
|
3712
|
+
default: "#f5f5f5",
|
3713
|
+
paper: "#fff"
|
3714
|
+
},
|
3715
|
+
divider: "rgba(16,24,64,0.12)"
|
3716
|
+
};
|
3717
|
+
const palette = Palettes;
|
3718
|
+
|
3719
|
+
const themeOptions = {
|
3458
3720
|
palette,
|
3459
|
-
|
3460
|
-
|
3461
|
-
|
3462
|
-
MuiButton: {
|
3463
|
-
styleOverrides: {
|
3464
|
-
sizeSmall: {
|
3465
|
-
minHeight: '30px'
|
3466
|
-
},
|
3467
|
-
root: {
|
3468
|
-
textTransform: 'none'
|
3469
|
-
}
|
3470
|
-
}
|
3471
|
-
},
|
3472
|
-
MuiCardContent: {
|
3473
|
-
styleOverrides: {
|
3474
|
-
root: {
|
3475
|
-
':last-child': {
|
3476
|
-
paddingBottom: '16px'
|
3477
|
-
}
|
3478
|
-
}
|
3479
|
-
}
|
3480
|
-
}
|
3481
|
-
}
|
3721
|
+
typography,
|
3722
|
+
components,
|
3723
|
+
spacing: 8
|
3482
3724
|
};
|
3483
3725
|
|
3484
|
-
const
|
3726
|
+
const SincoTheme = createTheme(Object.assign({}, themeOptions));
|
3485
3727
|
|
3486
|
-
export {
|
3728
|
+
export { SincoTheme };
|
package/package.json
CHANGED
package/src/index.d.ts
CHANGED
@@ -1 +1 @@
|
|
1
|
-
export * from './lib/
|
1
|
+
export * from './lib/Theme';
|
@@ -0,0 +1 @@
|
|
1
|
+
export declare const SincoTheme: import("@mui/material/styles").Theme;
|
@@ -1 +0,0 @@
|
|
1
|
-
export declare const BitakoraTheme: import("@mui/material/styles").Theme;
|
File without changes
|
File without changes
|
File without changes
|