@sinco/react 0.0.0-rc.8 → 1.0.0-rc.0
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 +16 -44
- 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 -2
- 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,
|
|
@@ -4809,6 +4781,6 @@ const themeOptions = {
|
|
|
4809
4781
|
spacing: 8
|
|
4810
4782
|
};
|
|
4811
4783
|
|
|
4812
|
-
const SincoTheme =
|
|
4784
|
+
const SincoTheme = createTheme(Object.assign({}, themeOptions));
|
|
4813
4785
|
|
|
4814
4786
|
export { SincoTheme };
|
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,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
export declare const SincoTheme: (override?: ThemeOptions) => 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;
|