@sinco/react 0.0.0-rc.9 → 1.0.0-rc.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +7 -7
- package/index.js +41 -51
- package/package.json +1 -1
- package/src/index.d.ts +1 -1
- package/src/lib/Theme/components.d.ts +2 -2
- package/src/lib/Theme/index.d.ts +1 -1
- package/src/lib/Theme/palette.d.ts +2 -2
- package/src/lib/Theme/shadows.d.ts +2 -2
- package/src/lib/Theme/theme.d.ts +2 -2
- package/src/lib/Theme/typography.d.ts +2 -2
package/README.md
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
# react
|
|
2
|
-
|
|
3
|
-
This library was generated with [Nx](https://nx.dev).
|
|
4
|
-
|
|
5
|
-
## Running unit tests
|
|
6
|
-
|
|
7
|
-
Run `nx test react` to execute the unit tests via [Jest](https://jestjs.io).
|
|
1
|
+
# react
|
|
2
|
+
|
|
3
|
+
This library was generated with [Nx](https://nx.dev).
|
|
4
|
+
|
|
5
|
+
## Running unit tests
|
|
6
|
+
|
|
7
|
+
Run `nx test react` to execute the unit tests via [Jest](https://jestjs.io).
|
package/index.js
CHANGED
|
@@ -2294,34 +2294,6 @@ function generateUtilityClass(componentName, slot, globalStatePrefix = 'Mui') {
|
|
|
2294
2294
|
return globalStateClass ? `${globalStatePrefix}-${globalStateClass}` : `${ClassNameGenerator$1.generate(componentName)}-${slot}`;
|
|
2295
2295
|
}
|
|
2296
2296
|
|
|
2297
|
-
function _extends$1() {
|
|
2298
|
-
_extends$1 = Object.assign ? Object.assign.bind() : function (target) {
|
|
2299
|
-
for (var i = 1; i < arguments.length; i++) {
|
|
2300
|
-
var source = arguments[i];
|
|
2301
|
-
for (var key in source) {
|
|
2302
|
-
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
|
2303
|
-
target[key] = source[key];
|
|
2304
|
-
}
|
|
2305
|
-
}
|
|
2306
|
-
}
|
|
2307
|
-
return target;
|
|
2308
|
-
};
|
|
2309
|
-
return _extends$1.apply(this, arguments);
|
|
2310
|
-
}
|
|
2311
|
-
|
|
2312
|
-
function _objectWithoutPropertiesLoose$1(source, excluded) {
|
|
2313
|
-
if (source == null) return {};
|
|
2314
|
-
var target = {};
|
|
2315
|
-
var sourceKeys = Object.keys(source);
|
|
2316
|
-
var key, i;
|
|
2317
|
-
for (i = 0; i < sourceKeys.length; i++) {
|
|
2318
|
-
key = sourceKeys[i];
|
|
2319
|
-
if (excluded.indexOf(key) >= 0) continue;
|
|
2320
|
-
target[key] = source[key];
|
|
2321
|
-
}
|
|
2322
|
-
return target;
|
|
2323
|
-
}
|
|
2324
|
-
|
|
2325
2297
|
function _extends() {
|
|
2326
2298
|
_extends = Object.assign ? Object.assign.bind() : function (target) {
|
|
2327
2299
|
for (var i = 1; i < arguments.length; i++) {
|
|
@@ -3661,7 +3633,7 @@ function lighten(color, coefficient) {
|
|
|
3661
3633
|
}
|
|
3662
3634
|
|
|
3663
3635
|
function createMixins(breakpoints, mixins) {
|
|
3664
|
-
return _extends
|
|
3636
|
+
return _extends({
|
|
3665
3637
|
toolbar: {
|
|
3666
3638
|
minHeight: 56,
|
|
3667
3639
|
[breakpoints.up('xs')]: {
|
|
@@ -3977,7 +3949,7 @@ function createPalette(palette) {
|
|
|
3977
3949
|
contrastThreshold = 3,
|
|
3978
3950
|
tonalOffset = 0.2
|
|
3979
3951
|
} = palette,
|
|
3980
|
-
other = _objectWithoutPropertiesLoose
|
|
3952
|
+
other = _objectWithoutPropertiesLoose(palette, _excluded$3);
|
|
3981
3953
|
const primary = palette.primary || getDefaultPrimary(mode);
|
|
3982
3954
|
const secondary = palette.secondary || getDefaultSecondary(mode);
|
|
3983
3955
|
const error = palette.error || getDefaultError(mode);
|
|
@@ -4005,7 +3977,7 @@ function createPalette(palette) {
|
|
|
4005
3977
|
lightShade = 300,
|
|
4006
3978
|
darkShade = 700
|
|
4007
3979
|
}) => {
|
|
4008
|
-
color = _extends
|
|
3980
|
+
color = _extends({}, color);
|
|
4009
3981
|
if (!color.main && color[mainShade]) {
|
|
4010
3982
|
color.main = color[mainShade];
|
|
4011
3983
|
}
|
|
@@ -4045,9 +4017,9 @@ const theme2 = createTheme({ palette: {
|
|
|
4045
4017
|
console.error(`MUI: The palette mode \`${mode}\` is not supported.`);
|
|
4046
4018
|
}
|
|
4047
4019
|
}
|
|
4048
|
-
const paletteOutput = deepmerge(_extends
|
|
4020
|
+
const paletteOutput = deepmerge(_extends({
|
|
4049
4021
|
// A collection of common colors.
|
|
4050
|
-
common: _extends
|
|
4022
|
+
common: _extends({}, common$1),
|
|
4051
4023
|
// prevent mutable object.
|
|
4052
4024
|
// The palette mode, can be light or dark.
|
|
4053
4025
|
mode,
|
|
@@ -4132,7 +4104,7 @@ function createTypography(palette, typography) {
|
|
|
4132
4104
|
allVariants,
|
|
4133
4105
|
pxToRem: pxToRem2
|
|
4134
4106
|
} = _ref,
|
|
4135
|
-
other = _objectWithoutPropertiesLoose
|
|
4107
|
+
other = _objectWithoutPropertiesLoose(_ref, _excluded$2);
|
|
4136
4108
|
if (process.env.NODE_ENV !== 'production') {
|
|
4137
4109
|
if (typeof fontSize !== 'number') {
|
|
4138
4110
|
console.error('MUI: `fontSize` is required to be a number.');
|
|
@@ -4143,7 +4115,7 @@ function createTypography(palette, typography) {
|
|
|
4143
4115
|
}
|
|
4144
4116
|
const coef = fontSize / 14;
|
|
4145
4117
|
const pxToRem = pxToRem2 || (size => `${size / htmlFontSize * coef}rem`);
|
|
4146
|
-
const buildVariant = (fontWeight, size, lineHeight, letterSpacing, casing) => _extends
|
|
4118
|
+
const buildVariant = (fontWeight, size, lineHeight, letterSpacing, casing) => _extends({
|
|
4147
4119
|
fontFamily,
|
|
4148
4120
|
fontWeight,
|
|
4149
4121
|
fontSize: pxToRem(size),
|
|
@@ -4174,7 +4146,7 @@ function createTypography(palette, typography) {
|
|
|
4174
4146
|
letterSpacing: 'inherit'
|
|
4175
4147
|
}
|
|
4176
4148
|
};
|
|
4177
|
-
return deepmerge(_extends
|
|
4149
|
+
return deepmerge(_extends({
|
|
4178
4150
|
htmlFontSize,
|
|
4179
4151
|
pxToRem,
|
|
4180
4152
|
fontFamily,
|
|
@@ -4242,15 +4214,15 @@ function getAutoHeightDuration(height) {
|
|
|
4242
4214
|
return Math.round((4 + 15 * constant ** 0.25 + constant / 5) * 10);
|
|
4243
4215
|
}
|
|
4244
4216
|
function createTransitions(inputTransitions) {
|
|
4245
|
-
const mergedEasing = _extends
|
|
4246
|
-
const mergedDuration = _extends
|
|
4217
|
+
const mergedEasing = _extends({}, easing, inputTransitions.easing);
|
|
4218
|
+
const mergedDuration = _extends({}, duration, inputTransitions.duration);
|
|
4247
4219
|
const create = (props = ['all'], options = {}) => {
|
|
4248
4220
|
const {
|
|
4249
4221
|
duration: durationOption = mergedDuration.standard,
|
|
4250
4222
|
easing: easingOption = mergedEasing.easeInOut,
|
|
4251
4223
|
delay = 0
|
|
4252
4224
|
} = options,
|
|
4253
|
-
other = _objectWithoutPropertiesLoose
|
|
4225
|
+
other = _objectWithoutPropertiesLoose(options, _excluded$1);
|
|
4254
4226
|
if (process.env.NODE_ENV !== 'production') {
|
|
4255
4227
|
const isString = value => typeof value === 'string';
|
|
4256
4228
|
// IE11 support, replace with Number.isNaN
|
|
@@ -4274,7 +4246,7 @@ function createTransitions(inputTransitions) {
|
|
|
4274
4246
|
}
|
|
4275
4247
|
return (Array.isArray(props) ? props : [props]).map(animatedProp => `${animatedProp} ${typeof durationOption === 'string' ? durationOption : formatMs(durationOption)} ${easingOption} ${typeof delay === 'string' ? delay : formatMs(delay)}`).join(',');
|
|
4276
4248
|
};
|
|
4277
|
-
return _extends
|
|
4249
|
+
return _extends({
|
|
4278
4250
|
getAutoHeightDuration,
|
|
4279
4251
|
create
|
|
4280
4252
|
}, inputTransitions, {
|
|
@@ -4305,7 +4277,7 @@ function createTheme(options = {}, ...args) {
|
|
|
4305
4277
|
transitions: transitionsInput = {},
|
|
4306
4278
|
typography: typographyInput = {}
|
|
4307
4279
|
} = options,
|
|
4308
|
-
other = _objectWithoutPropertiesLoose
|
|
4280
|
+
other = _objectWithoutPropertiesLoose(options, _excluded);
|
|
4309
4281
|
if (options.vars) {
|
|
4310
4282
|
throw new Error(process.env.NODE_ENV !== "production" ? `MUI: \`vars\` is a private field used for CSS variables support.
|
|
4311
4283
|
Please use another name.` : formatMuiErrorMessage(18));
|
|
@@ -4319,7 +4291,7 @@ Please use another name.` : formatMuiErrorMessage(18));
|
|
|
4319
4291
|
shadows: shadows$1.slice(),
|
|
4320
4292
|
typography: createTypography(palette, typographyInput),
|
|
4321
4293
|
transitions: createTransitions(transitionsInput),
|
|
4322
|
-
zIndex: _extends
|
|
4294
|
+
zIndex: _extends({}, zIndex$1)
|
|
4323
4295
|
});
|
|
4324
4296
|
muiTheme = deepmerge(muiTheme, other);
|
|
4325
4297
|
muiTheme = args.reduce((acc, argument) => deepmerge(acc, argument), muiTheme);
|
|
@@ -4353,7 +4325,7 @@ Please use another name.` : formatMuiErrorMessage(18));
|
|
|
4353
4325
|
}
|
|
4354
4326
|
});
|
|
4355
4327
|
}
|
|
4356
|
-
muiTheme.unstable_sxConfig = _extends
|
|
4328
|
+
muiTheme.unstable_sxConfig = _extends({}, defaultSxConfig$1, other == null ? void 0 : other.unstable_sxConfig);
|
|
4357
4329
|
muiTheme.unstable_sx = function sx(props) {
|
|
4358
4330
|
return styleFunctionSx$1({
|
|
4359
4331
|
sx: props,
|
|
@@ -4382,7 +4354,7 @@ const Componentes = {
|
|
|
4382
4354
|
MuiDialogContent: {
|
|
4383
4355
|
styleOverrides: {
|
|
4384
4356
|
root: {
|
|
4385
|
-
paddingTop:
|
|
4357
|
+
paddingTop: 8,
|
|
4386
4358
|
paddingBottom: 8
|
|
4387
4359
|
}
|
|
4388
4360
|
}
|
|
@@ -4390,13 +4362,16 @@ const Componentes = {
|
|
|
4390
4362
|
MuiChip: {
|
|
4391
4363
|
defaultProps: {
|
|
4392
4364
|
size: "small"
|
|
4393
|
-
}
|
|
4365
|
+
}
|
|
4366
|
+
},
|
|
4367
|
+
MuiAlert: {
|
|
4394
4368
|
styleOverrides: {
|
|
4395
|
-
sizeSmall: {
|
|
4396
|
-
height: 24
|
|
4397
|
-
},
|
|
4398
4369
|
root: {
|
|
4399
|
-
|
|
4370
|
+
boxShadow: "0px 0px 1px rgba(0,0,0,.7)",
|
|
4371
|
+
paddingY: .5,
|
|
4372
|
+
paddingX: 2,
|
|
4373
|
+
alignItems: "center",
|
|
4374
|
+
border: "none"
|
|
4400
4375
|
}
|
|
4401
4376
|
}
|
|
4402
4377
|
},
|
|
@@ -4422,6 +4397,11 @@ const Componentes = {
|
|
|
4422
4397
|
}
|
|
4423
4398
|
}
|
|
4424
4399
|
},
|
|
4400
|
+
MuiButtonGroup: {
|
|
4401
|
+
defaultProps: {
|
|
4402
|
+
size: "small"
|
|
4403
|
+
}
|
|
4404
|
+
},
|
|
4425
4405
|
MuiCheckbox: {
|
|
4426
4406
|
defaultProps: {
|
|
4427
4407
|
size: "small"
|
|
@@ -4497,6 +4477,14 @@ const Componentes = {
|
|
|
4497
4477
|
margin: "dense"
|
|
4498
4478
|
}
|
|
4499
4479
|
},
|
|
4480
|
+
MuiSvgIcon: {
|
|
4481
|
+
styleOverrides: {
|
|
4482
|
+
fontSizeSmall: {
|
|
4483
|
+
width: "1rem",
|
|
4484
|
+
height: "1rem"
|
|
4485
|
+
}
|
|
4486
|
+
}
|
|
4487
|
+
},
|
|
4500
4488
|
MuiIconButton: {
|
|
4501
4489
|
styleOverrides: {
|
|
4502
4490
|
sizeSmall: {
|
|
@@ -4676,7 +4664,7 @@ const Typography = {
|
|
|
4676
4664
|
},
|
|
4677
4665
|
overline: {
|
|
4678
4666
|
fontFamily: "Roboto",
|
|
4679
|
-
fontSize:
|
|
4667
|
+
fontSize: 11,
|
|
4680
4668
|
fontWeight: 400,
|
|
4681
4669
|
letterSpacing: 1,
|
|
4682
4670
|
lineHeight: 2.66
|
|
@@ -4721,9 +4709,11 @@ const Typography = {
|
|
|
4721
4709
|
lineHeight: 1.4
|
|
4722
4710
|
},
|
|
4723
4711
|
button: {
|
|
4712
|
+
fontFamily: "Roboto",
|
|
4724
4713
|
textTransform: "unset",
|
|
4725
4714
|
fontWeightLight: 300,
|
|
4726
|
-
fontSize: 13
|
|
4715
|
+
fontSize: 13,
|
|
4716
|
+
lineHeight: "normal"
|
|
4727
4717
|
}
|
|
4728
4718
|
};
|
|
4729
4719
|
const typography = Typography;
|
package/package.json
CHANGED
package/src/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from './lib/Theme';
|
|
1
|
+
export * from './lib/Theme';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { Components } from "@mui/material";
|
|
2
|
-
export declare const components: Components<unknown>;
|
|
1
|
+
import { Components } from "@mui/material";
|
|
2
|
+
export declare const components: Components<unknown>;
|
package/src/lib/Theme/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const SincoTheme: import("@mui/material/styles").Theme;
|
|
1
|
+
export declare const SincoTheme: import("@mui/material/styles").Theme;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { PaletteOptions } from '@mui/material';
|
|
2
|
-
export declare const palette: PaletteOptions;
|
|
1
|
+
import { PaletteOptions } from '@mui/material';
|
|
2
|
+
export declare const palette: PaletteOptions;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { Shadows } from '@mui/material/styles/shadows';
|
|
2
|
-
export declare const shadows: Shadows;
|
|
1
|
+
import { Shadows } from '@mui/material/styles/shadows';
|
|
2
|
+
export declare const shadows: Shadows;
|
package/src/lib/Theme/theme.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { ThemeOptions } from "@mui/material/styles";
|
|
2
|
-
export declare const themeOptions: ThemeOptions;
|
|
1
|
+
import { ThemeOptions } from "@mui/material/styles";
|
|
2
|
+
export declare const themeOptions: ThemeOptions;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { TypographyOptions } from '@mui/material/styles/createTypography';
|
|
2
|
-
export declare const typography: TypographyOptions;
|
|
1
|
+
import { TypographyOptions } from '@mui/material/styles/createTypography';
|
|
2
|
+
export declare const typography: TypographyOptions;
|