@sinco/react 1.0.14-rc.64 → 1.0.14-rc.65
Sign up to get free protection for your applications and to get access to all the features.
- package/index.js +180 -41
- package/package.json +1 -1
- package/src/lib/Components/Drawer.d.ts +2 -3
- 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
@@ -10589,11 +10589,15 @@ const components = {
|
|
10589
10589
|
}
|
10590
10590
|
},
|
10591
10591
|
MuiChip: {
|
10592
|
-
defaultProps: {
|
10593
|
-
size: "small"
|
10594
|
-
},
|
10595
10592
|
styleOverrides: {
|
10596
10593
|
sizeSmall: {
|
10594
|
+
fontFamily: "Roboto",
|
10595
|
+
fontSize: "10px",
|
10596
|
+
fontStyle: "normal",
|
10597
|
+
fontWeight: 400,
|
10598
|
+
lineHeight: "10px",
|
10599
|
+
letterSpacing: " 0.15px",
|
10600
|
+
color: "text.primary",
|
10597
10601
|
height: 16
|
10598
10602
|
},
|
10599
10603
|
sizeMedium: {
|
@@ -10602,12 +10606,6 @@ const components = {
|
|
10602
10606
|
root: {
|
10603
10607
|
height: "inherit",
|
10604
10608
|
borderRadius: 4,
|
10605
|
-
fontFamily: "Roboto",
|
10606
|
-
fontSize: "10px",
|
10607
|
-
fontStyle: "normal",
|
10608
|
-
fontWeight: 400,
|
10609
|
-
lineHeight: "10px",
|
10610
|
-
letterSpacing: "0.15px",
|
10611
10609
|
".MuiChip-deleteIconSmall": {
|
10612
10610
|
height: 12,
|
10613
10611
|
width: 12
|
@@ -10939,7 +10937,7 @@ const palette = {
|
|
10939
10937
|
100: "#BCD0E3",
|
10940
10938
|
200: "#8FB1D0",
|
10941
10939
|
300: "#6392BD",
|
10942
|
-
light: "417AAE",
|
10940
|
+
light: "#417AAE",
|
10943
10941
|
main: "#2063A0",
|
10944
10942
|
600: "#1C5B98",
|
10945
10943
|
700: "#18518E",
|
@@ -11037,20 +11035,161 @@ const palette = {
|
|
11037
11035
|
contrastText: "#ffffff"
|
11038
11036
|
},
|
11039
11037
|
grey: {
|
11040
|
-
50: "#
|
11041
|
-
100: "#
|
11042
|
-
200: "#
|
11043
|
-
300: "#
|
11044
|
-
400: "#
|
11045
|
-
500: "#
|
11046
|
-
600: "#
|
11047
|
-
700: "#
|
11048
|
-
800: "#
|
11049
|
-
900: "#
|
11050
|
-
A100: "#
|
11051
|
-
A200: "#
|
11052
|
-
A400: "#
|
11053
|
-
A700: "#
|
11038
|
+
50: "#F7F7F8",
|
11039
|
+
100: "#EAEBEC",
|
11040
|
+
200: "#DCDEE0",
|
11041
|
+
300: "#CED1D4",
|
11042
|
+
400: "#C4C7CA",
|
11043
|
+
500: "#B9BDC1",
|
11044
|
+
600: "#B2B7BB",
|
11045
|
+
700: "#AAAEB3",
|
11046
|
+
800: "#A2A6AB",
|
11047
|
+
900: "#93989E",
|
11048
|
+
A100: "#FFFFFF",
|
11049
|
+
A200: "#FFFFFF",
|
11050
|
+
A400: "#D4EAFF",
|
11051
|
+
A700: "#BBDDFF"
|
11052
|
+
},
|
11053
|
+
text: {
|
11054
|
+
primary: "#101840de",
|
11055
|
+
secondary: "#10184099",
|
11056
|
+
disabled: "#10184061"
|
11057
|
+
},
|
11058
|
+
action: {
|
11059
|
+
active: "rgba(16, 24, 64, 0.54)",
|
11060
|
+
hover: "rgba(16, 24, 64, 0.04)",
|
11061
|
+
selected: "rgba(16, 24, 64, 0.08)",
|
11062
|
+
disabled: "rgba(16, 24, 64, 0.26)",
|
11063
|
+
disabledBackground: "rgba(16, 24, 64, 0.12)",
|
11064
|
+
focus: "rgba(16, 24, 64, 0.12)"
|
11065
|
+
},
|
11066
|
+
background: {
|
11067
|
+
default: '#f5f5f5',
|
11068
|
+
paper: "#fff"
|
11069
|
+
},
|
11070
|
+
common: {
|
11071
|
+
black: '#000',
|
11072
|
+
white: '#fff'
|
11073
|
+
},
|
11074
|
+
divider: "rgba(16,24,64,0.12)"
|
11075
|
+
};
|
11076
|
+
const paletteADPRO = {
|
11077
|
+
primary: {
|
11078
|
+
50: "#F8FAFB",
|
11079
|
+
100: "#E6EFF0",
|
11080
|
+
200: "#D2E3E4",
|
11081
|
+
300: "#82C6CB",
|
11082
|
+
400: "#2B9DA7",
|
11083
|
+
500: "#058C97",
|
11084
|
+
600: "#04848F",
|
11085
|
+
700: "#047984",
|
11086
|
+
800: "#036F7A",
|
11087
|
+
900: "#015C69",
|
11088
|
+
A100: "#98F0FF",
|
11089
|
+
A200: "#65E9FF",
|
11090
|
+
A400: "#32E1FF",
|
11091
|
+
A700: "#32E1FF"
|
11092
|
+
},
|
11093
|
+
secondary: {
|
11094
|
+
50: "#E0F7FA",
|
11095
|
+
100: "#B3EBF2",
|
11096
|
+
200: "#80DEEA",
|
11097
|
+
300: "#4DD0E1",
|
11098
|
+
light: "#26C6DA",
|
11099
|
+
main: "#00BCD4",
|
11100
|
+
600: "#00B6CF",
|
11101
|
+
700: "#00ADC9",
|
11102
|
+
800: "#00A5C3",
|
11103
|
+
dark: "#0097B9",
|
11104
|
+
A100: "#E2F9FF",
|
11105
|
+
A200: "#AFEEFF",
|
11106
|
+
A400: "#7CE3FF",
|
11107
|
+
A700: "#63DDFF",
|
11108
|
+
contrastText: "#ffffff"
|
11109
|
+
},
|
11110
|
+
error: {
|
11111
|
+
50: "#F9E8E8",
|
11112
|
+
100: "#F1C7C7",
|
11113
|
+
200: "#E8A1A1",
|
11114
|
+
300: "#DF7B7B",
|
11115
|
+
light: "#D85F5F",
|
11116
|
+
main: "#D14343",
|
11117
|
+
600: "#CC3D3D",
|
11118
|
+
700: "#C63434",
|
11119
|
+
800: "#C02C2C",
|
11120
|
+
dark: "#B51E1E",
|
11121
|
+
A100: "#FFECEC",
|
11122
|
+
A200: "#FFB9B9",
|
11123
|
+
A400: "#FF8686",
|
11124
|
+
A700: "#FF6D6D",
|
11125
|
+
contrastText: "#ffffff"
|
11126
|
+
},
|
11127
|
+
warning: {
|
11128
|
+
50: "#FFF0E0",
|
11129
|
+
100: "#FEDAB3",
|
11130
|
+
200: "#FDC280",
|
11131
|
+
300: "#FCAA4D",
|
11132
|
+
light: "#FC9726",
|
11133
|
+
main: "#FB8500",
|
11134
|
+
600: "#FA7D00",
|
11135
|
+
700: "#FA7200",
|
11136
|
+
800: "#F96800",
|
11137
|
+
dark: "#F85500",
|
11138
|
+
A100: "#FFFFFF",
|
11139
|
+
A200: "#FFF1EB",
|
11140
|
+
A400: "#FFCCB8",
|
11141
|
+
A700: "#FFBA9F",
|
11142
|
+
contrastText: "#ffffff"
|
11143
|
+
},
|
11144
|
+
info: {
|
11145
|
+
50: "#E6F3F8",
|
11146
|
+
100: "#C0E2EE",
|
11147
|
+
200: "#96CFE2",
|
11148
|
+
300: "#6CBCD6",
|
11149
|
+
light: "#4DADCE",
|
11150
|
+
main: "#2D9FC5",
|
11151
|
+
600: "#2897BF",
|
11152
|
+
700: "#228DB8",
|
11153
|
+
800: "#1C83B0",
|
11154
|
+
dark: "#1172A3",
|
11155
|
+
A100: "#D4EFFF",
|
11156
|
+
A200: "#A1DCFF",
|
11157
|
+
A400: "#6ECAFF",
|
11158
|
+
A700: "#54C1FF",
|
11159
|
+
contrastText: "#ffffff"
|
11160
|
+
},
|
11161
|
+
success: {
|
11162
|
+
50: "#F2F9E7",
|
11163
|
+
100: "#DDEFC4",
|
11164
|
+
200: "#C7E49D",
|
11165
|
+
300: "#B1D975",
|
11166
|
+
light: "#A0D158",
|
11167
|
+
main: "#8FC93A",
|
11168
|
+
600: "#87C334",
|
11169
|
+
700: "#7CBC2C",
|
11170
|
+
800: "#72B525",
|
11171
|
+
dark: "#60A918",
|
11172
|
+
A100: "#EDFFDE",
|
11173
|
+
A200: "#D2FFAB",
|
11174
|
+
A400: "#B6FF78",
|
11175
|
+
A700: "#A9FF5E",
|
11176
|
+
contrastText: "#ffffff"
|
11177
|
+
},
|
11178
|
+
grey: {
|
11179
|
+
50: "#FAFBFF",
|
11180
|
+
100: "#F4F6FA",
|
11181
|
+
200: "#EDEFF5",
|
11182
|
+
300: "#E6E8F0",
|
11183
|
+
400: "#D8DAE5",
|
11184
|
+
500: "#C1C4D6",
|
11185
|
+
600: "#8F95B2",
|
11186
|
+
700: "#696F8C",
|
11187
|
+
800: "#474D66",
|
11188
|
+
900: "#101840",
|
11189
|
+
A100: "#D8DAE5",
|
11190
|
+
A200: "#C1C4D6",
|
11191
|
+
A400: "#696F8C",
|
11192
|
+
A700: "#101840"
|
11054
11193
|
},
|
11055
11194
|
text: {
|
11056
11195
|
primary: "#101840de",
|
@@ -11229,8 +11368,17 @@ const themeOptions = {
|
|
11229
11368
|
mixins,
|
11230
11369
|
breakpoints
|
11231
11370
|
};
|
11371
|
+
const themeAdproOptions = {
|
11372
|
+
components,
|
11373
|
+
typography,
|
11374
|
+
spacing: 8,
|
11375
|
+
mixins,
|
11376
|
+
breakpoints,
|
11377
|
+
palette: paletteADPRO
|
11378
|
+
};
|
11232
11379
|
|
11233
11380
|
const SincoTheme = createTheme(Object.assign({}, themeOptions));
|
11381
|
+
const AdproSincoTheme = createTheme(Object.assign({}, themeAdproOptions));
|
11234
11382
|
|
11235
11383
|
var wellKnownSymbol$d = wellKnownSymbol$f;
|
11236
11384
|
|
@@ -16472,7 +16620,7 @@ const DrawerHeader = {
|
|
16472
16620
|
display: 'flex',
|
16473
16621
|
alignContent: 'center',
|
16474
16622
|
justifyContent: 'space-between',
|
16475
|
-
backgroundColor:
|
16623
|
+
backgroundColor: 'secondary.main',
|
16476
16624
|
py: '12px',
|
16477
16625
|
px: '8px'
|
16478
16626
|
};
|
@@ -16504,33 +16652,24 @@ const DrawerComponent = ({
|
|
16504
16652
|
position,
|
16505
16653
|
width,
|
16506
16654
|
open,
|
16507
|
-
onClose
|
16508
|
-
sx
|
16655
|
+
onClose
|
16509
16656
|
}) => {
|
16510
16657
|
const [stateActions, setActionsState] = useState(showActions);
|
16511
16658
|
const handleDrawerActions = () => {
|
16512
16659
|
setActionsState(true);
|
16513
16660
|
};
|
16514
|
-
return /*#__PURE__*/React__default.createElement(
|
16661
|
+
return /*#__PURE__*/React__default.createElement(ThemeProvider, {
|
16662
|
+
theme: SincoTheme
|
16663
|
+
}, /*#__PURE__*/React__default.createElement(Drawer$1, {
|
16515
16664
|
anchor: position,
|
16516
16665
|
open: open,
|
16517
|
-
onClose: onClose
|
16518
|
-
sx: {
|
16519
|
-
'-webkit-backdrop-filter': 'f0f0f099 !important',
|
16520
|
-
backdropFilter: 'blur(4px) !important',
|
16521
|
-
'.MuiBackdrop-root': {
|
16522
|
-
backgroundColor: '#F0f0f099 !important'
|
16523
|
-
}
|
16524
|
-
}
|
16666
|
+
onClose: onClose
|
16525
16667
|
}, /*#__PURE__*/React__default.createElement(Box$2, {
|
16526
16668
|
sx: DrawerContainer,
|
16527
16669
|
width: width
|
16528
16670
|
}, /*#__PURE__*/React__default.createElement(Box$2, {
|
16529
16671
|
sx: DrawerHeader
|
16530
16672
|
}, /*#__PURE__*/React__default.createElement(Typography$1, {
|
16531
|
-
sx: Object.assign({}, SincoTheme.typography.h6, {
|
16532
|
-
color: sx
|
16533
|
-
}),
|
16534
16673
|
variant: "h6"
|
16535
16674
|
}, title), /*#__PURE__*/React__default.createElement(Box$2, null, /*#__PURE__*/React__default.createElement(IconButton$1, {
|
16536
16675
|
onClick: onClose,
|
@@ -16542,7 +16681,7 @@ const DrawerComponent = ({
|
|
16542
16681
|
onClick: handleDrawerActions
|
16543
16682
|
}, children), stateActions && /*#__PURE__*/React__default.createElement(Box$2, {
|
16544
16683
|
sx: DrawerActions
|
16545
|
-
}, renderActions)));
|
16684
|
+
}, renderActions))));
|
16546
16685
|
};
|
16547
16686
|
|
16548
16687
|
const FooterActionComponent = ({
|
@@ -22021,4 +22160,4 @@ const useDynamicColor = url => {
|
|
22021
22160
|
};
|
22022
22161
|
};
|
22023
22162
|
|
22024
|
-
export { DrawerComponent, DynamicColor, EmptyStateComponent, EmptyStateImageUrls, FooterActionComponent, SincoTheme, useDynamicColor };
|
22163
|
+
export { AdproSincoTheme, DrawerComponent, DynamicColor, EmptyStateComponent, EmptyStateImageUrls, FooterActionComponent, SincoTheme, useDynamicColor };
|
package/package.json
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
import
|
1
|
+
import { ReactNode } from 'react';
|
2
2
|
export type handleDrawerPosition = 'left' | 'right';
|
3
3
|
export interface DrawerComponentProperties {
|
4
4
|
title: string;
|
@@ -9,6 +9,5 @@ export interface DrawerComponentProperties {
|
|
9
9
|
width: string;
|
10
10
|
open: boolean;
|
11
11
|
onClose: () => void;
|
12
|
-
sx?: React.CSSProperties;
|
13
12
|
}
|
14
|
-
export declare const DrawerComponent: ({ title, children, renderActions, showActions, position, width, open, onClose,
|
13
|
+
export declare const DrawerComponent: ({ title, children, renderActions, showActions, position, width, open, onClose, }: DrawerComponentProperties) => JSX.Element;
|
package/src/lib/Theme/index.d.ts
CHANGED
package/src/lib/Theme/theme.d.ts
CHANGED