@sinco/react 1.0.11 → 1.0.12-rc.1
Sign up to get free protection for your applications and to get access to all the features.
- package/index.js +86 -1
- package/package.json +1 -1
- 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
@@ -11089,6 +11089,82 @@ const palette = {
|
|
11089
11089
|
},
|
11090
11090
|
divider: "rgba(16,24,64,0.12)"
|
11091
11091
|
};
|
11092
|
+
const paletteADPRO = {
|
11093
|
+
primary: {
|
11094
|
+
light: "#FC9726",
|
11095
|
+
main: "#FB8500",
|
11096
|
+
dark: "#F85500",
|
11097
|
+
contrastText: "#ffffff"
|
11098
|
+
},
|
11099
|
+
secondary: {
|
11100
|
+
light: "417AAE",
|
11101
|
+
main: "#2063A0",
|
11102
|
+
dark: "#0B3573",
|
11103
|
+
contrastText: "#ffffff"
|
11104
|
+
},
|
11105
|
+
error: {
|
11106
|
+
light: "#26C6DA",
|
11107
|
+
main: "#00BCD4",
|
11108
|
+
dark: "#0097B9",
|
11109
|
+
contrastText: "#ffffff"
|
11110
|
+
},
|
11111
|
+
warning: {
|
11112
|
+
light: "#D85F5F",
|
11113
|
+
main: "#D14343",
|
11114
|
+
dark: "#B51E1E",
|
11115
|
+
contrastText: "#ffffff"
|
11116
|
+
},
|
11117
|
+
info: {
|
11118
|
+
light: "#A0D158",
|
11119
|
+
main: "#8FC93A",
|
11120
|
+
dark: "#60A918",
|
11121
|
+
contrastText: "#ffffff"
|
11122
|
+
},
|
11123
|
+
success: {
|
11124
|
+
light: "#4DADCE",
|
11125
|
+
main: "#2D9FC5",
|
11126
|
+
dark: "#1172A3",
|
11127
|
+
contrastText: "#ffffff"
|
11128
|
+
},
|
11129
|
+
grey: {
|
11130
|
+
50: "#FAFBFF",
|
11131
|
+
100: "#F4F6FA",
|
11132
|
+
200: "#EDEFF5",
|
11133
|
+
300: "#E6E8F0",
|
11134
|
+
400: "#D8DAE5",
|
11135
|
+
500: "#C1C4D6",
|
11136
|
+
600: "#8F95B2",
|
11137
|
+
700: "#696F8C",
|
11138
|
+
800: "#474D66",
|
11139
|
+
900: "#101840",
|
11140
|
+
A100: "#D8DAE5",
|
11141
|
+
A200: "#C1C4D6",
|
11142
|
+
A400: "#696F8C",
|
11143
|
+
A700: "#101840"
|
11144
|
+
},
|
11145
|
+
text: {
|
11146
|
+
primary: "#101840de",
|
11147
|
+
secondary: "#10184099",
|
11148
|
+
disabled: "#10184061"
|
11149
|
+
},
|
11150
|
+
action: {
|
11151
|
+
active: "rgba(16, 24, 64, 0.54)",
|
11152
|
+
hover: "rgba(16, 24, 64, 0.04)",
|
11153
|
+
selected: "rgba(16, 24, 64, 0.08)",
|
11154
|
+
disabled: "rgba(16, 24, 64, 0.26)",
|
11155
|
+
disabledBackground: "rgba(16, 24, 64, 0.12)",
|
11156
|
+
focus: "rgba(16, 24, 64, 0.12)"
|
11157
|
+
},
|
11158
|
+
background: {
|
11159
|
+
default: '#f5f5f5',
|
11160
|
+
paper: "#fff"
|
11161
|
+
},
|
11162
|
+
common: {
|
11163
|
+
black: '#000',
|
11164
|
+
white: '#fff'
|
11165
|
+
},
|
11166
|
+
divider: "rgba(16,24,64,0.12)"
|
11167
|
+
};
|
11092
11168
|
|
11093
11169
|
const breakpoints = createBreakpoints({
|
11094
11170
|
values: {
|
@@ -11243,8 +11319,17 @@ const themeOptions = {
|
|
11243
11319
|
mixins,
|
11244
11320
|
breakpoints
|
11245
11321
|
};
|
11322
|
+
const themeAdproOptions = {
|
11323
|
+
components,
|
11324
|
+
typography,
|
11325
|
+
spacing: 8,
|
11326
|
+
mixins,
|
11327
|
+
breakpoints,
|
11328
|
+
palette: paletteADPRO
|
11329
|
+
};
|
11246
11330
|
|
11247
11331
|
const SincoTheme = createTheme(Object.assign({}, themeOptions));
|
11332
|
+
const AdproSincoTheme = createTheme(Object.assign({}, themeAdproOptions));
|
11248
11333
|
|
11249
11334
|
var wellKnownSymbol$d = wellKnownSymbol$f;
|
11250
11335
|
|
@@ -22026,4 +22111,4 @@ const useDynamicColor = url => {
|
|
22026
22111
|
};
|
22027
22112
|
};
|
22028
22113
|
|
22029
|
-
export { DrawerComponent, DynamicColor, EmptyStateComponent, EmptyStateImageUrls, FooterActionComponent, SincoTheme, useDynamicColor };
|
22114
|
+
export { AdproSincoTheme, DrawerComponent, DynamicColor, EmptyStateComponent, EmptyStateImageUrls, FooterActionComponent, SincoTheme, useDynamicColor };
|
package/package.json
CHANGED
package/src/lib/Theme/index.d.ts
CHANGED
package/src/lib/Theme/theme.d.ts
CHANGED