@sinco/react 1.0.14-rc.7 → 1.0.14-rc.9
Sign up to get free protection for your applications and to get access to all the features.
- package/index.js +158 -34
- package/package.json +1 -1
- package/src/lib/Theme/components.d.ts +0 -10
- package/src/lib/Theme/index.d.ts +1 -0
- package/src/lib/Theme/palette.d.ts +1 -0
- package/src/lib/Theme/theme.d.ts +1 -0
package/index.js
CHANGED
@@ -10547,7 +10547,7 @@ const components = {
|
|
10547
10547
|
root: {
|
10548
10548
|
boxShadow: "0px 3px 1px -2px rgba(24, 39, 75, 0.20), 0px 2px 2px 0px rgba(24, 39, 75, 0.14), 0px 1px 5px 0px rgba(24, 39, 75, 0.12)",
|
10549
10549
|
"&.MuiBackdrop-root": {
|
10550
|
-
backgroundColor: "#
|
10550
|
+
backgroundColor: "#f0f0f0",
|
10551
10551
|
backdropFilter: "blur(2px) !important"
|
10552
10552
|
}
|
10553
10553
|
}
|
@@ -10574,25 +10574,18 @@ const components = {
|
|
10574
10574
|
},
|
10575
10575
|
MuiCheckbox: {
|
10576
10576
|
variants: [{
|
10577
|
-
props: {
|
10578
|
-
size: "xsmall"
|
10579
|
-
},
|
10580
|
-
style: {
|
10581
|
-
padding: 2
|
10582
|
-
}
|
10583
|
-
}, {
|
10584
10577
|
props: {
|
10585
10578
|
size: "small"
|
10586
10579
|
},
|
10587
10580
|
style: {
|
10588
|
-
padding:
|
10581
|
+
padding: 2
|
10589
10582
|
}
|
10590
10583
|
}, {
|
10591
10584
|
props: {
|
10592
10585
|
size: "medium"
|
10593
10586
|
},
|
10594
10587
|
style: {
|
10595
|
-
padding:
|
10588
|
+
padding: 4
|
10596
10589
|
}
|
10597
10590
|
}],
|
10598
10591
|
defaultProps: {
|
@@ -10600,42 +10593,23 @@ const components = {
|
|
10600
10593
|
}
|
10601
10594
|
},
|
10602
10595
|
MuiChip: {
|
10603
|
-
variants: [{
|
10604
|
-
props: {
|
10605
|
-
size: "xsmall"
|
10606
|
-
},
|
10607
|
-
style: {
|
10608
|
-
height: 16,
|
10609
|
-
fontFamily: "Roboto",
|
10610
|
-
fontSize: "10px",
|
10611
|
-
fontStyle: "normal",
|
10612
|
-
fontWeight: 400,
|
10613
|
-
lineHeight: "10px",
|
10614
|
-
letterSpacing: "0.15px",
|
10615
|
-
color: "text.primary.light"
|
10616
|
-
}
|
10617
|
-
}],
|
10618
10596
|
styleOverrides: {
|
10619
10597
|
sizeSmall: {
|
10620
|
-
height:
|
10598
|
+
height: 16
|
10621
10599
|
},
|
10622
10600
|
sizeMedium: {
|
10623
|
-
height:
|
10601
|
+
height: 24
|
10624
10602
|
},
|
10625
10603
|
root: {
|
10626
10604
|
height: "inherit",
|
10627
10605
|
borderRadius: 4,
|
10628
|
-
".MuiChip-
|
10606
|
+
".MuiChip-deleteIconSmall": {
|
10629
10607
|
height: 12,
|
10630
10608
|
width: 12
|
10631
10609
|
},
|
10632
|
-
".MuiChip-
|
10610
|
+
".MuiChip-deleteIconMedium": {
|
10633
10611
|
height: 16,
|
10634
10612
|
widht: 16
|
10635
|
-
},
|
10636
|
-
".MuiChip-deleteIconMedium": {
|
10637
|
-
height: 20,
|
10638
|
-
widht: 20
|
10639
10613
|
}
|
10640
10614
|
}
|
10641
10615
|
}
|
@@ -11096,6 +11070,147 @@ const palette = {
|
|
11096
11070
|
},
|
11097
11071
|
divider: "rgba(16,24,64,0.12)"
|
11098
11072
|
};
|
11073
|
+
const paletteADPRO = {
|
11074
|
+
primary: {
|
11075
|
+
50: "#e1f1f3",
|
11076
|
+
100: "#b4dde0",
|
11077
|
+
200: "#82c6cb",
|
11078
|
+
300: "#50afb6",
|
11079
|
+
400: "#2b9da7",
|
11080
|
+
500: "#058c97",
|
11081
|
+
600: "#04848f",
|
11082
|
+
700: "#047984",
|
11083
|
+
800: "#036f7a",
|
11084
|
+
900: "#015c69",
|
11085
|
+
A100: "#98f0ff",
|
11086
|
+
A200: "#65e9ff",
|
11087
|
+
A400: "#32e1ff",
|
11088
|
+
A700: "#19ddff"
|
11089
|
+
},
|
11090
|
+
secondary: {
|
11091
|
+
50: "#E0F7FA",
|
11092
|
+
100: "#B3EBF2",
|
11093
|
+
200: "#80DEEA",
|
11094
|
+
300: "#4DD0E1",
|
11095
|
+
light: "#26C6DA",
|
11096
|
+
main: "#00BCD4",
|
11097
|
+
600: "#00B6CF",
|
11098
|
+
700: "#00ADC9",
|
11099
|
+
800: "#00A5C3",
|
11100
|
+
dark: "#0097B9",
|
11101
|
+
A100: "#E2F9FF",
|
11102
|
+
A200: "#AFEEFF",
|
11103
|
+
A400: "#7CE3FF",
|
11104
|
+
A700: "#63DDFF",
|
11105
|
+
contrastText: "#ffffff"
|
11106
|
+
},
|
11107
|
+
error: {
|
11108
|
+
50: "#F9E8E8",
|
11109
|
+
100: "#F1C7C7",
|
11110
|
+
200: "#E8A1A1",
|
11111
|
+
300: "#DF7B7B",
|
11112
|
+
light: "#D85F5F",
|
11113
|
+
main: "#D14343",
|
11114
|
+
600: "#CC3D3D",
|
11115
|
+
700: "#C63434",
|
11116
|
+
800: "#C02C2C",
|
11117
|
+
dark: "#B51E1E",
|
11118
|
+
A100: "#FFECEC",
|
11119
|
+
A200: "#FFB9B9",
|
11120
|
+
A400: "#FF8686",
|
11121
|
+
A700: "#FF6D6D",
|
11122
|
+
contrastText: "#ffffff"
|
11123
|
+
},
|
11124
|
+
warning: {
|
11125
|
+
50: "#FFF0E0",
|
11126
|
+
100: "#FEDAB3",
|
11127
|
+
200: "#FDC280",
|
11128
|
+
300: "#FCAA4D",
|
11129
|
+
light: "#FC9726",
|
11130
|
+
main: "#FB8500",
|
11131
|
+
600: "#FA7D00",
|
11132
|
+
700: "#FA7200",
|
11133
|
+
800: "#F96800",
|
11134
|
+
dark: "#F85500",
|
11135
|
+
A100: "#FFFFFF",
|
11136
|
+
A200: "#FFF1EB",
|
11137
|
+
A400: "#FFCCB8",
|
11138
|
+
A700: "#FFBA9F",
|
11139
|
+
contrastText: "#ffffff"
|
11140
|
+
},
|
11141
|
+
info: {
|
11142
|
+
50: "#E6F3F8",
|
11143
|
+
100: "#C0E2EE",
|
11144
|
+
200: "#96CFE2",
|
11145
|
+
300: "#6CBCD6",
|
11146
|
+
light: "#4DADCE",
|
11147
|
+
main: "#2D9FC5",
|
11148
|
+
600: "#2897BF",
|
11149
|
+
700: "#228DB8",
|
11150
|
+
800: "#1C83B0",
|
11151
|
+
dark: "#1172A3",
|
11152
|
+
A100: "#D4EFFF",
|
11153
|
+
A200: "#A1DCFF",
|
11154
|
+
A400: "#6ECAFF",
|
11155
|
+
A700: "#54C1FF",
|
11156
|
+
contrastText: "#ffffff"
|
11157
|
+
},
|
11158
|
+
success: {
|
11159
|
+
50: "#F2F9E7",
|
11160
|
+
100: "#DDEFC4",
|
11161
|
+
200: "#C7E49D",
|
11162
|
+
300: "#B1D975",
|
11163
|
+
light: "#A0D158",
|
11164
|
+
main: "#8FC93A",
|
11165
|
+
600: "#87C334",
|
11166
|
+
700: "#7CBC2C",
|
11167
|
+
800: "#72B525",
|
11168
|
+
dark: "#60A918",
|
11169
|
+
A100: "#EDFFDE",
|
11170
|
+
A200: "#D2FFAB",
|
11171
|
+
A400: "#B6FF78",
|
11172
|
+
A700: "#A9FF5E",
|
11173
|
+
contrastText: "#ffffff"
|
11174
|
+
},
|
11175
|
+
grey: {
|
11176
|
+
50: "#FAFBFF",
|
11177
|
+
100: "#F4F6FA",
|
11178
|
+
200: "#EDEFF5",
|
11179
|
+
300: "#E6E8F0",
|
11180
|
+
400: "#D8DAE5",
|
11181
|
+
500: "#C1C4D6",
|
11182
|
+
600: "#8F95B2",
|
11183
|
+
700: "#696F8C",
|
11184
|
+
800: "#474D66",
|
11185
|
+
900: "#101840",
|
11186
|
+
A100: "#D8DAE5",
|
11187
|
+
A200: "#C1C4D6",
|
11188
|
+
A400: "#696F8C",
|
11189
|
+
A700: "#101840"
|
11190
|
+
},
|
11191
|
+
text: {
|
11192
|
+
primary: "#101840de",
|
11193
|
+
secondary: "#10184099",
|
11194
|
+
disabled: "#10184061"
|
11195
|
+
},
|
11196
|
+
action: {
|
11197
|
+
active: "rgba(16, 24, 64, 0.54)",
|
11198
|
+
hover: "rgba(16, 24, 64, 0.04)",
|
11199
|
+
selected: "rgba(16, 24, 64, 0.08)",
|
11200
|
+
disabled: "rgba(16, 24, 64, 0.26)",
|
11201
|
+
disabledBackground: "rgba(16, 24, 64, 0.12)",
|
11202
|
+
focus: "rgba(16, 24, 64, 0.12)"
|
11203
|
+
},
|
11204
|
+
background: {
|
11205
|
+
default: '#f5f5f5',
|
11206
|
+
paper: "#fff"
|
11207
|
+
},
|
11208
|
+
common: {
|
11209
|
+
black: '#000',
|
11210
|
+
white: '#fff'
|
11211
|
+
},
|
11212
|
+
divider: "rgba(16,24,64,0.12)"
|
11213
|
+
};
|
11099
11214
|
|
11100
11215
|
const breakpoints = createBreakpoints({
|
11101
11216
|
values: {
|
@@ -11250,8 +11365,17 @@ const themeOptions = {
|
|
11250
11365
|
mixins,
|
11251
11366
|
breakpoints
|
11252
11367
|
};
|
11368
|
+
const themeAdproOptions = {
|
11369
|
+
components,
|
11370
|
+
typography,
|
11371
|
+
spacing: 8,
|
11372
|
+
mixins,
|
11373
|
+
breakpoints,
|
11374
|
+
palette: paletteADPRO
|
11375
|
+
};
|
11253
11376
|
|
11254
11377
|
const SincoTheme = createTheme(Object.assign({}, themeOptions));
|
11378
|
+
const AdproSincoTheme = createTheme(Object.assign({}, themeAdproOptions));
|
11255
11379
|
|
11256
11380
|
var wellKnownSymbol$d = wellKnownSymbol$f;
|
11257
11381
|
|
@@ -22033,4 +22157,4 @@ const useDynamicColor = url => {
|
|
22033
22157
|
};
|
22034
22158
|
};
|
22035
22159
|
|
22036
|
-
export { DrawerComponent, DynamicColor, EmptyStateComponent, EmptyStateImageUrls, FooterActionComponent, SincoTheme, useDynamicColor };
|
22160
|
+
export { AdproSincoTheme, DrawerComponent, DynamicColor, EmptyStateComponent, EmptyStateImageUrls, FooterActionComponent, SincoTheme, useDynamicColor };
|
package/package.json
CHANGED
@@ -1,12 +1,2 @@
|
|
1
1
|
import { Components } from '@mui/material';
|
2
|
-
declare module '@mui/material/Chip' {
|
3
|
-
interface ChipPropsSizeOverrides {
|
4
|
-
xsmall: true;
|
5
|
-
}
|
6
|
-
}
|
7
|
-
declare module "@mui/material/Checkbox" {
|
8
|
-
interface CheckboxPropsSizeOverrides {
|
9
|
-
xsmall: true;
|
10
|
-
}
|
11
|
-
}
|
12
2
|
export declare const components: Components;
|
package/src/lib/Theme/index.d.ts
CHANGED
package/src/lib/Theme/theme.d.ts
CHANGED