@akinon/ui-theme 0.6.0 → 1.0.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/dist/cjs/colors.d.ts +8 -0
- package/dist/cjs/colors.d.ts.map +1 -1
- package/dist/cjs/colors.js +10 -2
- package/dist/cjs/theme.d.ts +2 -0
- package/dist/cjs/theme.d.ts.map +1 -1
- package/dist/cjs/theme.js +333 -34
- package/dist/cjs/types.d.ts +565 -0
- package/dist/esm/colors.d.ts +8 -0
- package/dist/esm/colors.d.ts.map +1 -1
- package/dist/esm/colors.js +10 -2
- package/dist/esm/theme.d.ts +2 -0
- package/dist/esm/theme.d.ts.map +1 -1
- package/dist/esm/theme.js +333 -34
- package/dist/esm/types.d.ts +565 -0
- package/package.json +5 -5
package/dist/cjs/colors.d.ts
CHANGED
|
@@ -2,6 +2,7 @@ export declare const neutral: {
|
|
|
2
2
|
'50': string;
|
|
3
3
|
'75': string;
|
|
4
4
|
'80': string;
|
|
5
|
+
'90': string;
|
|
5
6
|
'100': string;
|
|
6
7
|
'150': string;
|
|
7
8
|
'200': string;
|
|
@@ -17,11 +18,13 @@ export declare const neutral: {
|
|
|
17
18
|
'800': string;
|
|
18
19
|
'900': string;
|
|
19
20
|
'950': string;
|
|
21
|
+
'1000': string;
|
|
20
22
|
};
|
|
21
23
|
export declare const ebonyClay: {
|
|
22
24
|
'25': string;
|
|
23
25
|
'50': string;
|
|
24
26
|
'100': string;
|
|
27
|
+
'125': string;
|
|
25
28
|
'150': string;
|
|
26
29
|
'175': string;
|
|
27
30
|
'200': string;
|
|
@@ -34,12 +37,14 @@ export declare const ebonyClay: {
|
|
|
34
37
|
'500': string;
|
|
35
38
|
'550': string;
|
|
36
39
|
'600': string;
|
|
40
|
+
'625': string;
|
|
37
41
|
'700': string;
|
|
38
42
|
'800': string;
|
|
39
43
|
'850': string;
|
|
40
44
|
'900': string;
|
|
41
45
|
'950': string;
|
|
42
46
|
'951': string;
|
|
47
|
+
'960': string;
|
|
43
48
|
};
|
|
44
49
|
export declare const gray: {
|
|
45
50
|
'100': string;
|
|
@@ -65,6 +70,7 @@ export declare const red: {
|
|
|
65
70
|
'300': string;
|
|
66
71
|
'400': string;
|
|
67
72
|
'425': string;
|
|
73
|
+
'425-10': string;
|
|
68
74
|
'450': string;
|
|
69
75
|
'500': string;
|
|
70
76
|
'600': string;
|
|
@@ -89,6 +95,8 @@ export declare const green: {
|
|
|
89
95
|
'950': string;
|
|
90
96
|
'951': string;
|
|
91
97
|
'952': string;
|
|
98
|
+
'952-10': string;
|
|
99
|
+
'952-15': string;
|
|
92
100
|
'953': string;
|
|
93
101
|
'954': string;
|
|
94
102
|
};
|
package/dist/cjs/colors.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/colors.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,OAAO
|
|
1
|
+
{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/colors.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;CAqBnB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;CAyBrB,CAAC;AAEF,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;CAgBhB,CAAC;AAEF,eAAO,MAAM,GAAG;;;;;;;;;;;;;;;;;CAiBf,CAAC;AAEF,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;CAkBjB,CAAC;AAEF,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;CAgBhB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;CAelB,CAAC;AAEF,eAAO,MAAM,IAAI;;;;;;;;;;;;CAYhB,CAAC;AAGF,eAAO,MAAM,KAAK;;;;;;;;;;;;CAYjB,CAAC;AAGF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;CAkBlB,CAAC;AAGF,eAAO,MAAM,MAAM;;;;;;;;;;;;CAYlB,CAAC"}
|
package/dist/cjs/colors.js
CHANGED
|
@@ -6,6 +6,7 @@ exports.neutral = {
|
|
|
6
6
|
'50': '#ffffff',
|
|
7
7
|
'75': '#fbfcfd',
|
|
8
8
|
'80': '#fafafa',
|
|
9
|
+
'90': '#f6f7f9',
|
|
9
10
|
'100': '#f5f6f6',
|
|
10
11
|
'150': '#f1f3f9',
|
|
11
12
|
'200': '#e5e5e5',
|
|
@@ -20,12 +21,14 @@ exports.neutral = {
|
|
|
20
21
|
'700': '#404040',
|
|
21
22
|
'800': '#262626',
|
|
22
23
|
'900': '#171717',
|
|
23
|
-
'950': '#0a0a0a'
|
|
24
|
+
'950': '#0a0a0a',
|
|
25
|
+
'1000': '#000000'
|
|
24
26
|
};
|
|
25
27
|
exports.ebonyClay = {
|
|
26
28
|
'25': '#6c7ebe',
|
|
27
29
|
'50': '#677084',
|
|
28
30
|
'100': '#5c6880',
|
|
31
|
+
'125': '#5c5e81',
|
|
29
32
|
'150': '#58669a',
|
|
30
33
|
'175': '#495679',
|
|
31
34
|
'200': '#515c7c',
|
|
@@ -38,12 +41,14 @@ exports.ebonyClay = {
|
|
|
38
41
|
'500': '#293245', // applied from design: layout color
|
|
39
42
|
'550': '#262e47',
|
|
40
43
|
'600': '#232b3b', // applied from design: header input bg
|
|
44
|
+
'625': '#252c40',
|
|
41
45
|
'700': '#1d2331',
|
|
42
46
|
'800': '#171d27',
|
|
43
47
|
'850': '#131826',
|
|
44
48
|
'900': '#11171e',
|
|
45
49
|
'950': '#0c111a',
|
|
46
|
-
'951': '#000000bf'
|
|
50
|
+
'951': '#000000bf',
|
|
51
|
+
'960': '#1e1e2d'
|
|
47
52
|
};
|
|
48
53
|
exports.gray = {
|
|
49
54
|
'100': '#f5f5f5',
|
|
@@ -69,6 +74,7 @@ exports.red = {
|
|
|
69
74
|
'300': '#fac7b1',
|
|
70
75
|
'400': '#f58d7a',
|
|
71
76
|
'425': '#ff5163',
|
|
77
|
+
'425-10': '#ff516310',
|
|
72
78
|
'450': '#f05050',
|
|
73
79
|
'500': '#ef4444',
|
|
74
80
|
'600': '#d93636',
|
|
@@ -93,6 +99,8 @@ exports.green = {
|
|
|
93
99
|
'950': '#163d03',
|
|
94
100
|
'951': '#67b50c',
|
|
95
101
|
'952': '#71d200',
|
|
102
|
+
'952-10': '#71d20010',
|
|
103
|
+
'952-15': '#71d20015',
|
|
96
104
|
'953': '#e3f6cc',
|
|
97
105
|
'954': '#7bd500'
|
|
98
106
|
};
|
package/dist/cjs/theme.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { theme as antdTheme, ThemeConfig } from 'antd';
|
|
2
|
+
import { CustomTokens } from './types';
|
|
2
3
|
export declare const fontSize = 16;
|
|
3
4
|
type ColorName = 'akinon' | 'azure' | 'blue' | 'orange' | 'red' | 'green' | 'pink' | 'purple' | 'gray' | 'ebonyClay' | 'neutral';
|
|
4
5
|
type Color = {
|
|
@@ -7,6 +8,7 @@ type Color = {
|
|
|
7
8
|
type Colors = Record<ColorName, Color>;
|
|
8
9
|
export type DefaultThemeConfig = ThemeConfig & {
|
|
9
10
|
colors: Colors;
|
|
11
|
+
customTokens: CustomTokens;
|
|
10
12
|
};
|
|
11
13
|
/**
|
|
12
14
|
* Non-editable akinon theme object.
|
package/dist/cjs/theme.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AAevD,OAAO,EAML,YAAY,EAmBb,MAAM,SAAS,CAAC;AAGjB,eAAO,MAAM,QAAQ,KAAK,CAAC;AAE3B,KAAK,SAAS,GACV,QAAQ,GACR,OAAO,GACP,MAAM,GACN,QAAQ,GACR,KAAK,GACL,OAAO,GACP,MAAM,GACN,QAAQ,GACR,MAAM,GACN,WAAW,GACX,SAAS,CAAC;AAEd,KAAK,KAAK,GAAG;IACX,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;CACvB,CAAC;AAEF,KAAK,MAAM,GAAG,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;AAevC,MAAM,MAAM,kBAAkB,GAAG,WAAW,GAAG;IAC7C,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,YAAY,CAAC;CAC5B,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,KAAK,EAAE,kBA2oBnB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,QAAQ,EAAE,OAAO,SAAS,CAAC,QAA6B,CAAC;AAEtE;;;;;;;;;GASG;AACH,eAAO,MAAM,eAAe;;CA2B3B,CAAC"}
|
package/dist/cjs/theme.js
CHANGED
|
@@ -51,7 +51,72 @@ exports.theme = {
|
|
|
51
51
|
fontFamily: "'Jost Variable'," + antd_1.theme.getDesignToken().fontFamily,
|
|
52
52
|
fontSize: exports.fontSize * 0.875
|
|
53
53
|
},
|
|
54
|
+
customTokens: {
|
|
55
|
+
layout: {
|
|
56
|
+
displayFlex: 'flex',
|
|
57
|
+
displayGrid: 'grid',
|
|
58
|
+
displayBlock: 'block',
|
|
59
|
+
displayInline: 'inline',
|
|
60
|
+
displayInlineBlock: 'inline-block',
|
|
61
|
+
displayNone: 'none',
|
|
62
|
+
positionAbsolute: 'absolute',
|
|
63
|
+
positionRelative: 'relative',
|
|
64
|
+
positionFixed: 'fixed',
|
|
65
|
+
positionSticky: 'sticky',
|
|
66
|
+
positionStatic: 'static'
|
|
67
|
+
},
|
|
68
|
+
typography: {
|
|
69
|
+
textTransformUppercase: 'uppercase',
|
|
70
|
+
textTransformLowercase: 'lowercase',
|
|
71
|
+
textTransformCapitalize: 'capitalize',
|
|
72
|
+
textAlignLeft: 'left',
|
|
73
|
+
textAlignCenter: 'center',
|
|
74
|
+
textAlignRight: 'right',
|
|
75
|
+
textAlignJustify: 'justify',
|
|
76
|
+
whiteSpaceNormal: 'normal',
|
|
77
|
+
whiteSpaceNoWrap: 'nowrap',
|
|
78
|
+
whiteSpacePre: 'pre',
|
|
79
|
+
whiteSpacePreLine: 'pre-line',
|
|
80
|
+
whiteSpacePreWrap: 'pre-wrap',
|
|
81
|
+
textDecorationUnderline: 'underline',
|
|
82
|
+
textDecorationOverline: 'overline',
|
|
83
|
+
textDecorationLineThrough: 'line-through'
|
|
84
|
+
},
|
|
85
|
+
sizing: {
|
|
86
|
+
sizeMaxContent: 'max-content',
|
|
87
|
+
sizeMinContent: 'min-content',
|
|
88
|
+
sizeFitContent: 'fit-content',
|
|
89
|
+
valueFull: '100%',
|
|
90
|
+
valueThreeQuarter: '75%',
|
|
91
|
+
valueHalf: '50%',
|
|
92
|
+
valueQuarter: '25%',
|
|
93
|
+
valueZero: '0',
|
|
94
|
+
valueAuto: 'auto'
|
|
95
|
+
},
|
|
96
|
+
others: {
|
|
97
|
+
colorTransparent: 'transparent',
|
|
98
|
+
valueHidden: 'hidden',
|
|
99
|
+
valueUnset: 'unset',
|
|
100
|
+
emptyContent: '""',
|
|
101
|
+
lineHeightShort: '1',
|
|
102
|
+
lineHeightTall: '2'
|
|
103
|
+
},
|
|
104
|
+
border: {
|
|
105
|
+
borderNone: 'none',
|
|
106
|
+
borderSolid: 'solid',
|
|
107
|
+
borderDashed: 'dashed',
|
|
108
|
+
borderDotted: 'dotted',
|
|
109
|
+
borderWidthThin: '1px',
|
|
110
|
+
borderWidthThick: '2px'
|
|
111
|
+
},
|
|
112
|
+
overflow: {
|
|
113
|
+
overflowVisible: 'visible',
|
|
114
|
+
overflowHidden: 'hidden',
|
|
115
|
+
overflowScroll: 'scroll'
|
|
116
|
+
}
|
|
117
|
+
},
|
|
54
118
|
components: {
|
|
119
|
+
// TODO: Please order these props alphabetically.
|
|
55
120
|
Button: {
|
|
56
121
|
// type: primary
|
|
57
122
|
colorPrimary: colors.azure['500'],
|
|
@@ -109,7 +174,7 @@ exports.theme = {
|
|
|
109
174
|
borderRadius: 5,
|
|
110
175
|
paddingBlock: 10,
|
|
111
176
|
paddingInline: 45,
|
|
112
|
-
contentLineHeight:
|
|
177
|
+
contentLineHeight: 'normal',
|
|
113
178
|
fontWeight: 600
|
|
114
179
|
},
|
|
115
180
|
Checkbox: {
|
|
@@ -139,21 +204,55 @@ exports.theme = {
|
|
|
139
204
|
},
|
|
140
205
|
Layout: {
|
|
141
206
|
headerBg: colors.ebonyClay['500'],
|
|
142
|
-
siderBg: colors.ebonyClay['500']
|
|
207
|
+
siderBg: colors.ebonyClay['500'],
|
|
208
|
+
mainBorder: `1px solid ${colors.gray['900']}`
|
|
143
209
|
},
|
|
144
210
|
Dropdown: {
|
|
145
211
|
colorPrimary: colors.neutral['100'], // primary color (azure500) doesn't work well with dropdown bg
|
|
146
212
|
controlPaddingHorizontal: exports.fontSize
|
|
147
213
|
},
|
|
148
214
|
Menu: {
|
|
215
|
+
minWidth: '250px',
|
|
149
216
|
darkItemBg: colors.ebonyClay['500'],
|
|
150
217
|
darkSubMenuItemBg: colors.ebonyClay['600'],
|
|
151
218
|
darkItemSelectedBg: colors.ebonyClay['700'],
|
|
219
|
+
darkItemColor: colors.gray['500'],
|
|
220
|
+
lightItemBg: `${colors.neutral['50']} !important`,
|
|
221
|
+
lightItemMainIconColor: `${colors.azure['500']} !important`,
|
|
222
|
+
lightItemMainTitle: `${colors.ebonyClay['500']} !important`,
|
|
223
|
+
LightSubItemBg: `${colors.neutral['90']} !important`,
|
|
224
|
+
lightSubTitleColor: `${colors.gray['500']} !important`,
|
|
225
|
+
lightSubIconColor: `${colors.ebonyClay['125']} !important`,
|
|
226
|
+
lightchildItemBg: `${colors.neutral['350']} !important`,
|
|
227
|
+
lightChildItemColor: `${colors.ebonyClay['500']} !important`,
|
|
152
228
|
itemBorderRadius: 0,
|
|
153
229
|
itemMarginBlock: 0,
|
|
154
230
|
itemMarginInline: 0,
|
|
155
|
-
|
|
156
|
-
|
|
231
|
+
itemHeight: exports.fontSize * 3.25,
|
|
232
|
+
none: 'none !important',
|
|
233
|
+
unset: 'unset !important',
|
|
234
|
+
iconPosition: 'absolute !important',
|
|
235
|
+
mainBorder: `1px solid ${colors.gray['900']}`,
|
|
236
|
+
mainMenuIconSize: '12px !important',
|
|
237
|
+
mainMenuExpandIconSize: '16px !important',
|
|
238
|
+
mainMenuColor: colors.neutral['50'],
|
|
239
|
+
mainMenuFontWeight: '600 !important',
|
|
240
|
+
subMenuTitleColor: `${colors.gray['500']} !important`,
|
|
241
|
+
subMenuTitleIconMargin: '-25px !important',
|
|
242
|
+
subMenufontWeigth: '500 !important',
|
|
243
|
+
subMenuOnlyChildSize: '6px !important',
|
|
244
|
+
subMenuItemSelectedChildColor: `${colors.neutral['50']} !important`,
|
|
245
|
+
subMenuOnlyChildRadius: '50% !important',
|
|
246
|
+
subMenuOnlyChildBgColor: `${colors.ebonyClay['125']} !important`,
|
|
247
|
+
subMenuOnlyChildMargin: '-23px !important',
|
|
248
|
+
subMenuOnlyChildOpacity: '1 !important',
|
|
249
|
+
subMenuIconSize: '10px !important',
|
|
250
|
+
childMenuItemSelectedChildWidth: '10px !important',
|
|
251
|
+
childMenuItemSelectedChildHeight: '2px !important',
|
|
252
|
+
childMenuItemSelectedChildRadius: '1px !important',
|
|
253
|
+
childMenuItemSelectedChildMargin: '-17px !important',
|
|
254
|
+
childMenuItemSelectedChildOpacity: '1 !important',
|
|
255
|
+
childMenuItemSelectedChildBgColor: `${colors.ebonyClay['125']} !important`
|
|
157
256
|
},
|
|
158
257
|
Breadcrumb: {
|
|
159
258
|
fontSize: exports.fontSize * 0.625,
|
|
@@ -188,6 +287,9 @@ exports.theme = {
|
|
|
188
287
|
defaultColorFailed: colors.red['951'],
|
|
189
288
|
defaultBorderColorFailed: colors.red['450'],
|
|
190
289
|
defaultBgFailed: colors.red['952'],
|
|
290
|
+
defaultColorEmpty: colors.ebonyClay['400'],
|
|
291
|
+
defaultBorderColorEmpty: colors.neutral['350'],
|
|
292
|
+
defaultBgEmpty: colors.neutral['200'],
|
|
191
293
|
borderRadius: 5,
|
|
192
294
|
fontSize: exports.fontSize * 0.8125,
|
|
193
295
|
paddingLeft: 15,
|
|
@@ -252,14 +354,99 @@ exports.theme = {
|
|
|
252
354
|
verticalErrorPadding: '7px 0'
|
|
253
355
|
},
|
|
254
356
|
Pagination: {
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
357
|
+
zero: '0 !important',
|
|
358
|
+
none: 'none !important',
|
|
359
|
+
unset: 'unset !important',
|
|
360
|
+
maxContent: 'max-content !important',
|
|
361
|
+
fontSize: '14px !important',
|
|
362
|
+
transparent: 'transparent !important',
|
|
363
|
+
displayFlex: 'flex !important',
|
|
364
|
+
displayFlexRow: 'row !important',
|
|
365
|
+
displayContents: 'contents !important',
|
|
366
|
+
displayGrid: 'grid !important',
|
|
367
|
+
center: 'center !important',
|
|
368
|
+
full: '100% !important',
|
|
369
|
+
lineHeight: '1 !important',
|
|
370
|
+
auto: 'auto !important',
|
|
371
|
+
hidden: 'hidden !important',
|
|
372
|
+
Simple: {
|
|
373
|
+
minWidth: '68.56px !important',
|
|
374
|
+
fontWeight: 'normal !important',
|
|
375
|
+
color: `${colors.gray['500']} !important`,
|
|
376
|
+
input: {
|
|
377
|
+
textColor: `${colors.ebonyClay['960']} !important`,
|
|
378
|
+
fontWeight: '600 !important'
|
|
379
|
+
},
|
|
380
|
+
prevNextButton: {
|
|
381
|
+
svgWidth: '10px !important',
|
|
382
|
+
svgHeight: '100% !important',
|
|
383
|
+
svgFill: `${colors.gray['500']} !important`
|
|
384
|
+
},
|
|
385
|
+
slashPadding: '8px !important',
|
|
386
|
+
lightInputTextColor: `${colors.ebonyClay['960']} !important`,
|
|
387
|
+
darkInputTextColor: `${colors.neutral['50']} !important`
|
|
388
|
+
},
|
|
389
|
+
Table: {
|
|
390
|
+
totalText: {
|
|
391
|
+
width: 'fit-content !important',
|
|
392
|
+
fontWeight: '500 !important',
|
|
393
|
+
color: `${colors.gray['500']} !important`,
|
|
394
|
+
margin: 'auto 32px !important'
|
|
395
|
+
},
|
|
396
|
+
prevNextButton: {
|
|
397
|
+
svgWidth: '10px !important',
|
|
398
|
+
svgFill: `${colors.gray['500']} !important`,
|
|
399
|
+
svgPadding: '14px 14px !important',
|
|
400
|
+
svgBorder: `1px solid ${colors.neutral['350']} !important`,
|
|
401
|
+
prevSvgBorderRadius: '5px 0 0 5px !important',
|
|
402
|
+
nextSvgBorderRadius: '0 5px 5px 0 !important'
|
|
403
|
+
},
|
|
404
|
+
pageInfo: {
|
|
405
|
+
border: `1px solid ${colors.neutral['350']} !important`,
|
|
406
|
+
padding: '12px 10px !important',
|
|
407
|
+
currentPageBgColor: `${colors.neutral['75']} !important`,
|
|
408
|
+
currentPageMinWidth: '18px !important',
|
|
409
|
+
currentPageTextColor: `${colors.ebonyClay['960']} !important`,
|
|
410
|
+
currentPageFontWeight: '600 !important',
|
|
411
|
+
totalPageBgColor: `${colors.neutral['50']} !important`,
|
|
412
|
+
totalPageTextColor: `${colors.gray['500']} !important`
|
|
413
|
+
},
|
|
414
|
+
sizeChanger: {
|
|
415
|
+
bgColor: `${colors.neutral['50']} !important`,
|
|
416
|
+
textColor: `${colors.ebonyClay['951']} !important`,
|
|
417
|
+
width: 'fit-content !important',
|
|
418
|
+
colGap: '10px !important',
|
|
419
|
+
border: `1px solid ${colors.neutral['350']} !important`,
|
|
420
|
+
borderRadius: '5px !important',
|
|
421
|
+
item1: {
|
|
422
|
+
bgColor: `${colors.neutral['50']} !important`,
|
|
423
|
+
textColor: `${colors.ebonyClay['951']} !important`,
|
|
424
|
+
padding: '10px 16px !important'
|
|
425
|
+
},
|
|
426
|
+
item2: {
|
|
427
|
+
textColor: `${colors.gray['500']} !important`,
|
|
428
|
+
fontWeight: '600 !important'
|
|
429
|
+
},
|
|
430
|
+
icon: {
|
|
431
|
+
bgColor: `${colors.neutral['50']} !important`,
|
|
432
|
+
textColor: `${colors.gray['500']} !important`,
|
|
433
|
+
width: '10px !important',
|
|
434
|
+
position: 'relative !important',
|
|
435
|
+
fontWeight: '600 !important'
|
|
436
|
+
}
|
|
437
|
+
}
|
|
438
|
+
},
|
|
439
|
+
Jumper: {
|
|
440
|
+
border: `1px solid ${colors.neutral['350']} !important`,
|
|
441
|
+
bgColor: `${colors.neutral['75']} !important`,
|
|
442
|
+
textColor: `${colors.ebonyClay['960']} !important`,
|
|
443
|
+
fontWeight: '600',
|
|
444
|
+
minWidth: '18px',
|
|
445
|
+
height: 'calc(100% - 3px)',
|
|
446
|
+
spanVisibility: 'hidden',
|
|
447
|
+
spanWhiteSpace: 'pre',
|
|
448
|
+
spanPosition: 'absolute'
|
|
449
|
+
}
|
|
263
450
|
},
|
|
264
451
|
Select: {
|
|
265
452
|
colorTextDisabled: colors.ebonyClay['350'],
|
|
@@ -267,7 +454,19 @@ exports.theme = {
|
|
|
267
454
|
colorBgContainer: colors.ebonyClay['475'],
|
|
268
455
|
fontSizeLG: exports.fontSize * 0.875,
|
|
269
456
|
colorBorder: colors.ebonyClay['550'],
|
|
270
|
-
lineWidth: 2
|
|
457
|
+
lineWidth: 2,
|
|
458
|
+
colorBgElevated: '#fffcfc',
|
|
459
|
+
optionActiveBg: 'rgba(68, 130, 255, 0.2)',
|
|
460
|
+
colorText: '#9b9b9b',
|
|
461
|
+
selectedOptionColor: 'black',
|
|
462
|
+
selectItemBorderShadowColor: '#eaeff0',
|
|
463
|
+
selectItemBgColor: 'rgba(245, 245, 245, 0.5)',
|
|
464
|
+
selectItemHoverBgColor: 'rgba(68, 130, 255, 0.2)'
|
|
465
|
+
},
|
|
466
|
+
Table: {
|
|
467
|
+
colorBgContainer: 'transparent',
|
|
468
|
+
rowHoverBg: 'unset',
|
|
469
|
+
borderColor: colors.neutral['350']
|
|
271
470
|
},
|
|
272
471
|
Input: {
|
|
273
472
|
colorBgContainer: colors.ebonyClay['475'],
|
|
@@ -308,45 +507,48 @@ exports.theme = {
|
|
|
308
507
|
badgeColorBackgroundColor: colors.red['425']
|
|
309
508
|
},
|
|
310
509
|
Progress: {
|
|
311
|
-
strokeColor: colors.
|
|
312
|
-
trailColor: colors.
|
|
510
|
+
strokeColor: colors.ebonyClay['625'],
|
|
511
|
+
trailColor: colors.neutral['50'],
|
|
313
512
|
borderRadius: '0',
|
|
314
513
|
height: '18px !important',
|
|
315
514
|
successBgColor: 'repeating-linear-gradient(60deg, rgba(36, 180, 19, 1) 0, rgba(36, 180, 19, 1) 5px, rgba(72, 192, 62, 1) 5px, rgba(72, 192, 62, 1) 10px) !important'
|
|
316
515
|
},
|
|
317
516
|
Steps: {
|
|
318
|
-
zero: '0
|
|
319
|
-
auto: 'auto
|
|
320
|
-
none: 'none
|
|
517
|
+
zero: '0',
|
|
518
|
+
auto: 'auto',
|
|
519
|
+
none: 'none',
|
|
321
520
|
full: '100% !important',
|
|
322
|
-
flex: 'flex
|
|
521
|
+
flex: 'flex',
|
|
323
522
|
rowGap: '10px',
|
|
324
523
|
iconWidthHeight: '38px !important',
|
|
325
524
|
iconSize: '18px !important',
|
|
326
525
|
paddingInlineEnd: '16px',
|
|
327
526
|
tailTop: '16px',
|
|
328
527
|
tailHeight: '3px',
|
|
329
|
-
titleFontSize: '14px
|
|
528
|
+
titleFontSize: '14px',
|
|
330
529
|
iconColor: 'white',
|
|
331
|
-
tailColor: 'linear-gradient(to right, #343639 50%, transparent 50%)
|
|
332
|
-
tailLastChildColor: 'linear-gradient(to right, #4482ff 50%, transparent 50%)
|
|
333
|
-
tailFirstChildColor: 'linear-gradient(to right, transparent 50%, #4482ff 50%)
|
|
334
|
-
tailProcessFirstChildColor: 'linear-gradient(to right, transparent 50%, #3b404c 50%)
|
|
335
|
-
tailProcessColor: 'linear-gradient(to right, #4482ff 50%, #3b404c 50%)
|
|
336
|
-
tailWaitLastChildColor: 'linear-gradient(to right, #3b404c 50%, transparent 50%)
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
|
|
343
|
-
|
|
530
|
+
tailColor: 'linear-gradient(to right, #343639 50%, transparent 50%)',
|
|
531
|
+
tailLastChildColor: 'linear-gradient(to right, #4482ff 50%, transparent 50%)',
|
|
532
|
+
tailFirstChildColor: 'linear-gradient(to right, transparent 50%, #4482ff 50%)',
|
|
533
|
+
tailProcessFirstChildColor: 'linear-gradient(to right, transparent 50%, #3b404c 50%)',
|
|
534
|
+
tailProcessColor: 'linear-gradient(to right, #4482ff 50%, #3b404c 50%)',
|
|
535
|
+
tailWaitLastChildColor: 'linear-gradient(to right, #3b404c 50%, transparent 50%)',
|
|
536
|
+
tailWaitMiddleChildColor: `linear-gradient(to right, #4482ff 50%, #3b404c 50%)`,
|
|
537
|
+
tailErrorChildColor: `linear-gradient(to right, ${colors.red['450']} 50%, #3b404c 50%) !important`,
|
|
538
|
+
finishIconBgColor: `${colors.green['952']}`,
|
|
539
|
+
finishTailColor: `${colors.azure['500']}`,
|
|
540
|
+
processIconBgColor: `${colors.orange['425']}`,
|
|
541
|
+
waitIconBgColor: `${colors.neutral['50']}`,
|
|
542
|
+
waitIconColor: `${colors.ebonyClay['951']}`,
|
|
543
|
+
waitTitleColor: `${colors.neutral['50']}`,
|
|
544
|
+
waitTailColor: `${colors.gray['900']}`,
|
|
545
|
+
errorIconBgColor: `${colors.red['450']}`,
|
|
344
546
|
manyItemsTransform: 'rotate(-40deg)',
|
|
345
547
|
manyItemsWidth: '90px',
|
|
346
548
|
manyItemsHeight: '80px',
|
|
347
549
|
manyItemsWhiteSpace: 'break-spaces',
|
|
348
550
|
manyItemsMarginInlineStart: '40px',
|
|
349
|
-
manyItemsIconWidthHeight: '22px
|
|
551
|
+
manyItemsIconWidthHeight: '22px',
|
|
350
552
|
manyItemsTailHeight: '4px',
|
|
351
553
|
manyItemsTailBottom: '10px'
|
|
352
554
|
},
|
|
@@ -371,6 +573,103 @@ exports.theme = {
|
|
|
371
573
|
fontWeight: 500,
|
|
372
574
|
textPaddingInline: 8,
|
|
373
575
|
margin: 48
|
|
576
|
+
},
|
|
577
|
+
DatePicker: {
|
|
578
|
+
general: {
|
|
579
|
+
fontSize: '14px',
|
|
580
|
+
fontWeight: '600',
|
|
581
|
+
fontColor: '#788195',
|
|
582
|
+
bgDarkBlue: `${colors.ebonyClay['475']}`,
|
|
583
|
+
wideBorder: '2px solid #262e47',
|
|
584
|
+
itemCenter: 'center',
|
|
585
|
+
inputMarginBottom: '7px',
|
|
586
|
+
inputPadding: '10px 16px !important',
|
|
587
|
+
lightThemeBorder: '1px solid #c8daec'
|
|
588
|
+
},
|
|
589
|
+
title: {
|
|
590
|
+
lightColor: `${colors.ebonyClay['500']}`
|
|
591
|
+
},
|
|
592
|
+
pickerTriangle: {
|
|
593
|
+
transform: 'translateX(-50%)',
|
|
594
|
+
beforeTop: '-8px',
|
|
595
|
+
beforeBorderX: '12px solid transparent',
|
|
596
|
+
beforeBorderBottom: '9px solid #262e47',
|
|
597
|
+
beforeZIndex: '1',
|
|
598
|
+
afterTop: '-6px',
|
|
599
|
+
afterBorderX: '10px solid transparent',
|
|
600
|
+
afterBorderBottom: '8px solid #2b344c',
|
|
601
|
+
afterZIndex: '2'
|
|
602
|
+
},
|
|
603
|
+
pickerPanel: {
|
|
604
|
+
shadow: '0 3px 6px 0 rgba(0, 0, 0, 0.2)',
|
|
605
|
+
width: '292px',
|
|
606
|
+
header: {
|
|
607
|
+
marginY: '20px',
|
|
608
|
+
padding: '0 22px',
|
|
609
|
+
textSize: '16px',
|
|
610
|
+
textColor: '#b6c2cf',
|
|
611
|
+
arrawWidth: '10.2px',
|
|
612
|
+
arrowPaddingLeft: '12px',
|
|
613
|
+
arrowPaddingRight: '20px',
|
|
614
|
+
datePickerarrowPadding: '0.2px 0.2px 0.2px 0'
|
|
615
|
+
},
|
|
616
|
+
body: {
|
|
617
|
+
padding: '0 20px'
|
|
618
|
+
},
|
|
619
|
+
content: {
|
|
620
|
+
tableHeaderBorder: '1px solid #a6c5e228',
|
|
621
|
+
tableHeaderFontSize: '12px',
|
|
622
|
+
tableHeaderFontColor: '#b6c2cf',
|
|
623
|
+
tableHeaderWidth: '36px',
|
|
624
|
+
tableHeaderPaddingBottom: '6px'
|
|
625
|
+
},
|
|
626
|
+
row: {
|
|
627
|
+
marginY: '5px',
|
|
628
|
+
previousCellWidth: '36px',
|
|
629
|
+
cellLineHeight: '1.43',
|
|
630
|
+
cellFontWeight: 'normal',
|
|
631
|
+
cellTextColor: '#b6c2cf',
|
|
632
|
+
cellBg: '#1d2843',
|
|
633
|
+
cellBorder: '2px solid #a6c5e228',
|
|
634
|
+
cellBorderRadius: '3px'
|
|
635
|
+
},
|
|
636
|
+
separator: {
|
|
637
|
+
width: '6px',
|
|
638
|
+
height: '2px',
|
|
639
|
+
backgroundColor: '#262e47'
|
|
640
|
+
},
|
|
641
|
+
range: {
|
|
642
|
+
iconPosition: '10px',
|
|
643
|
+
iconTransform: 'translateY(-50%)',
|
|
644
|
+
inputPadding: '10px 16px !important',
|
|
645
|
+
inputRadius: '5px'
|
|
646
|
+
},
|
|
647
|
+
footer: {
|
|
648
|
+
margin: '4px 20px 0',
|
|
649
|
+
lineHeight: 'normal',
|
|
650
|
+
fontSize: '12px',
|
|
651
|
+
padding: '0 27px',
|
|
652
|
+
border: '1px solid #4482ff',
|
|
653
|
+
borderRadius: '11px',
|
|
654
|
+
datePickerBorderTop: '1px solid #a6c5e228',
|
|
655
|
+
datePickerPadding: '28px 0 23px',
|
|
656
|
+
rangeDirection: 'row',
|
|
657
|
+
rangeColGap: '50px',
|
|
658
|
+
rangeBorder: '1px solid #a6c5e25c',
|
|
659
|
+
rangePadding: '13px 20px 16px',
|
|
660
|
+
rangeCol: '12px',
|
|
661
|
+
rangeInputPadding: '10px 12px 10px 16px',
|
|
662
|
+
rangeInputRadius: '5px'
|
|
663
|
+
}
|
|
664
|
+
}
|
|
665
|
+
},
|
|
666
|
+
Upload: {
|
|
667
|
+
borderRadiusLG: 5,
|
|
668
|
+
colorFillAlter: colors.ebonyClay['475'],
|
|
669
|
+
colorError: colors.red['450'],
|
|
670
|
+
lineWidth: 0,
|
|
671
|
+
controlHeightLG: 30,
|
|
672
|
+
paddingXS: 0
|
|
374
673
|
}
|
|
375
674
|
}
|
|
376
675
|
};
|