@libs-ui/services-config-project 0.2.306 → 0.2.308-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/config-project-data.d.ts +22 -22
- package/config-project.service.d.ts +1 -1
- package/esm2022/config-project-data.mjs +332 -332
- package/esm2022/config-project.interface.mjs +1 -4
- package/esm2022/config-project.service.mjs +20 -18
- package/esm2022/index.mjs +1 -1
- package/fesm2022/libs-ui-services-config-project.mjs +339 -341
- package/fesm2022/libs-ui-services-config-project.mjs.map +1 -1
- package/package.json +2 -2
|
@@ -6,182 +6,182 @@ const fontConfig = {
|
|
|
6
6
|
name: 'SVN-Poppins',
|
|
7
7
|
uri_regular: 'SVN-Poppins-Regular.ttf',
|
|
8
8
|
uri_medium: 'SVN-Poppins-Medium.ttf',
|
|
9
|
-
uri_semibold: 'SVN-Poppins-SemiBold.ttf'
|
|
9
|
+
uri_semibold: 'SVN-Poppins-SemiBold.ttf',
|
|
10
10
|
};
|
|
11
11
|
const weights = {
|
|
12
12
|
uri_regular: '400',
|
|
13
13
|
uri_medium: '500',
|
|
14
14
|
uri_semibold: '600',
|
|
15
|
-
uri_bold: '700'
|
|
15
|
+
uri_bold: '700',
|
|
16
16
|
};
|
|
17
17
|
const configHeading = {
|
|
18
18
|
h1r: {
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
19
|
+
'font-size': '30px',
|
|
20
|
+
'font-weight': '400',
|
|
21
|
+
'line-height': '42px',
|
|
22
|
+
'letter-spacing': 'calc(30px * (0.5 / 100))',
|
|
23
23
|
},
|
|
24
24
|
h1m: {
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
25
|
+
'font-size': '30px',
|
|
26
|
+
'font-weight': '500',
|
|
27
|
+
'line-height': '42px',
|
|
28
|
+
'letter-spacing': 'calc(30px * (0.5 / 100))',
|
|
29
29
|
},
|
|
30
30
|
h1s: {
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
31
|
+
'font-size': '30px',
|
|
32
|
+
'font-weight': '600',
|
|
33
|
+
'line-height': '42px',
|
|
34
|
+
'letter-spacing': 'calc(30px * (0.5 / 100))',
|
|
35
35
|
},
|
|
36
36
|
h1b: {
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
37
|
+
'font-size': '30px',
|
|
38
|
+
'font-weight': '700',
|
|
39
|
+
'line-height': '42px',
|
|
40
|
+
'letter-spacing': 'calc(30px * (0.5 / 100))',
|
|
41
41
|
},
|
|
42
42
|
h2r: {
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
43
|
+
'font-size': '20px',
|
|
44
|
+
'font-weight': '400',
|
|
45
|
+
'line-height': '28px',
|
|
46
|
+
'letter-spacing': 'calc(20px * (0.5 / 100))',
|
|
47
47
|
},
|
|
48
48
|
h2m: {
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
49
|
+
'font-size': '20px',
|
|
50
|
+
'font-weight': '500',
|
|
51
|
+
'line-height': '28px',
|
|
52
|
+
'letter-spacing': 'calc(20px * (0.5 / 100))',
|
|
53
53
|
},
|
|
54
54
|
h2s: {
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
55
|
+
'font-size': '20px',
|
|
56
|
+
'font-weight': '600',
|
|
57
|
+
'line-height': '28px',
|
|
58
|
+
'letter-spacing': 'calc(20px * (0.5 / 100))',
|
|
59
59
|
},
|
|
60
60
|
h2b: {
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
61
|
+
'font-size': '20px',
|
|
62
|
+
'font-weight': '400',
|
|
63
|
+
'line-height': '28px',
|
|
64
|
+
'letter-spacing': 'calc(20px * (0.5 / 100))',
|
|
65
65
|
},
|
|
66
66
|
h3r: {
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
67
|
+
'font-size': '16px',
|
|
68
|
+
'font-weight': '400',
|
|
69
|
+
'line-height': '24px',
|
|
70
|
+
'letter-spacing': 'calc(16px * (0.5 / 100))',
|
|
71
71
|
},
|
|
72
72
|
h3m: {
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
73
|
+
'font-size': '16px',
|
|
74
|
+
'font-weight': '500',
|
|
75
|
+
'line-height': '24px',
|
|
76
|
+
'letter-spacing': 'calc(16px * (0.5 / 100))',
|
|
77
77
|
},
|
|
78
78
|
h3s: {
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
79
|
+
'font-size': '16px',
|
|
80
|
+
'font-weight': '600',
|
|
81
|
+
'line-height': '24px',
|
|
82
|
+
'letter-spacing': 'calc(16px * (0.5 / 100))',
|
|
83
83
|
},
|
|
84
84
|
h3b: {
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
85
|
+
'font-size': '16px',
|
|
86
|
+
'font-weight': '700',
|
|
87
|
+
'line-height': '24px',
|
|
88
|
+
'letter-spacing': 'calc(16px * (0.5 / 100))',
|
|
89
89
|
},
|
|
90
90
|
h4r: {
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
91
|
+
'font-size': '13px',
|
|
92
|
+
'font-weight': '400',
|
|
93
|
+
'line-height': '20px',
|
|
94
|
+
'letter-spacing': 'calc(13px * (0.5 / 100))',
|
|
95
95
|
},
|
|
96
96
|
h4m: {
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
97
|
+
'font-size': '13px',
|
|
98
|
+
'font-weight': '500',
|
|
99
|
+
'line-height': '20px',
|
|
100
|
+
'letter-spacing': 'calc(13px * (0.5 / 100))',
|
|
101
101
|
},
|
|
102
102
|
h4s: {
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
103
|
+
'font-size': '13px',
|
|
104
|
+
'font-weight': '600',
|
|
105
|
+
'line-height': '20px',
|
|
106
|
+
'letter-spacing': 'calc(13px * (0.5 / 100))',
|
|
107
107
|
},
|
|
108
108
|
h4b: {
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
109
|
+
'font-size': '13px',
|
|
110
|
+
'font-weight': '700',
|
|
111
|
+
'line-height': '20px',
|
|
112
|
+
'letter-spacing': 'calc(13px * (0.5 / 100))',
|
|
113
113
|
},
|
|
114
114
|
h5r: {
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
115
|
+
'font-size': '12px',
|
|
116
|
+
'font-weight': '400',
|
|
117
|
+
'line-height': '18px',
|
|
118
|
+
'letter-spacing': 'calc(12px * (0.5 / 100))',
|
|
119
119
|
},
|
|
120
120
|
h5m: {
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
121
|
+
'font-size': '12px',
|
|
122
|
+
'font-weight': '500',
|
|
123
|
+
'line-height': '18px',
|
|
124
|
+
'letter-spacing': 'calc(12px * (0.5 / 100))',
|
|
125
125
|
},
|
|
126
126
|
h5s: {
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
127
|
+
'font-size': '12px',
|
|
128
|
+
'font-weight': '600',
|
|
129
|
+
'line-height': '18px',
|
|
130
|
+
'letter-spacing': 'calc(12px * (0.5 / 100))',
|
|
131
131
|
},
|
|
132
132
|
h5b: {
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
133
|
+
'font-size': '12px',
|
|
134
|
+
'font-weight': '700',
|
|
135
|
+
'line-height': '18px',
|
|
136
|
+
'letter-spacing': 'calc(12px * (0.5 / 100))',
|
|
137
137
|
},
|
|
138
138
|
h6r: {
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
139
|
+
'font-size': '11px',
|
|
140
|
+
'font-weight': '400',
|
|
141
|
+
'line-height': '16px',
|
|
142
|
+
'letter-spacing': 'calc(11px * (0.5 / 100))',
|
|
143
143
|
},
|
|
144
144
|
h6m: {
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
145
|
+
'font-size': '11px',
|
|
146
|
+
'font-weight': '500',
|
|
147
|
+
'line-height': '16px',
|
|
148
|
+
'letter-spacing': 'calc(11px * (0.5 / 100))',
|
|
149
149
|
},
|
|
150
150
|
h6s: {
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
151
|
+
'font-size': '11px',
|
|
152
|
+
'font-weight': '600',
|
|
153
|
+
'line-height': '16px',
|
|
154
|
+
'letter-spacing': 'calc(11px * (0.5 / 100))',
|
|
155
155
|
},
|
|
156
156
|
h6b: {
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
157
|
+
'font-size': '11px',
|
|
158
|
+
'font-weight': '700',
|
|
159
|
+
'line-height': '16px',
|
|
160
|
+
'letter-spacing': 'calc(11px * (0.5 / 100))',
|
|
161
161
|
},
|
|
162
162
|
h7r: {
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
163
|
+
'font-size': '10px',
|
|
164
|
+
'font-weight': '400',
|
|
165
|
+
'line-height': '14px',
|
|
166
|
+
'letter-spacing': 'calc(11px * (0.5 / 100))',
|
|
167
167
|
},
|
|
168
168
|
h7m: {
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
169
|
+
'font-size': '10px',
|
|
170
|
+
'font-weight': '500',
|
|
171
|
+
'line-height': '14px',
|
|
172
|
+
'letter-spacing': 'calc(11px * (0.5 / 100))',
|
|
173
173
|
},
|
|
174
174
|
h7s: {
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
175
|
+
'font-size': '10px',
|
|
176
|
+
'font-weight': '600',
|
|
177
|
+
'line-height': '14px',
|
|
178
|
+
'letter-spacing': 'calc(11px * (0.5 / 100))',
|
|
179
179
|
},
|
|
180
180
|
h7b: {
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
181
|
+
'font-size': '10px',
|
|
182
|
+
'font-weight': '700',
|
|
183
|
+
'line-height': '14px',
|
|
184
|
+
'letter-spacing': 'calc(11px * (0.5 / 100))',
|
|
185
185
|
},
|
|
186
186
|
};
|
|
187
187
|
const sizeButtonConfig = () => ({
|
|
@@ -189,420 +189,420 @@ const sizeButtonConfig = () => ({
|
|
|
189
189
|
large: '20px',
|
|
190
190
|
medium: '16px',
|
|
191
191
|
small: '16px',
|
|
192
|
-
smaller: '16px'
|
|
192
|
+
smaller: '16px',
|
|
193
193
|
},
|
|
194
194
|
large: {
|
|
195
195
|
font_size: '16px',
|
|
196
|
-
line_height: '24px'
|
|
196
|
+
line_height: '24px',
|
|
197
197
|
},
|
|
198
198
|
medium: {
|
|
199
199
|
font_size: '12px',
|
|
200
|
-
line_height: '18px'
|
|
200
|
+
line_height: '18px',
|
|
201
201
|
},
|
|
202
202
|
small: {
|
|
203
203
|
font_size: '12px',
|
|
204
|
-
line_height: '18px'
|
|
204
|
+
line_height: '18px',
|
|
205
205
|
},
|
|
206
206
|
smaller: {
|
|
207
207
|
font_size: '11px',
|
|
208
|
-
line_height: '16px'
|
|
209
|
-
}
|
|
208
|
+
line_height: '16px',
|
|
209
|
+
},
|
|
210
210
|
});
|
|
211
211
|
const configButtonColor = (rootColorInTheme) => {
|
|
212
212
|
return {
|
|
213
|
-
|
|
213
|
+
'button-primary': {
|
|
214
214
|
configStepColor: {
|
|
215
|
-
text:
|
|
216
|
-
text_hover:
|
|
217
|
-
text_active:
|
|
218
|
-
text_disable:
|
|
215
|
+
text: 'white',
|
|
216
|
+
text_hover: 'white',
|
|
217
|
+
text_active: 'white',
|
|
218
|
+
text_disable: '#CDD0D6',
|
|
219
219
|
background: 0,
|
|
220
220
|
background_hover: 20,
|
|
221
221
|
background_active: -20,
|
|
222
|
-
background_disable:
|
|
222
|
+
background_disable: '#F8F9FA',
|
|
223
223
|
border: 0,
|
|
224
224
|
border_hover: 20,
|
|
225
225
|
border_active: -20,
|
|
226
|
-
border_disable:
|
|
226
|
+
border_disable: '#F8F9FA',
|
|
227
227
|
},
|
|
228
|
-
rootColor: rootColorInTheme
|
|
228
|
+
rootColor: rootColorInTheme,
|
|
229
229
|
},
|
|
230
|
-
|
|
230
|
+
'button-primary-revert': {
|
|
231
231
|
configStepColor: {
|
|
232
232
|
text: 0,
|
|
233
|
-
text_hover:
|
|
234
|
-
text_active:
|
|
235
|
-
text_disable:
|
|
236
|
-
background:
|
|
233
|
+
text_hover: 'white',
|
|
234
|
+
text_active: 'white',
|
|
235
|
+
text_disable: '#CDD0D6',
|
|
236
|
+
background: 'white',
|
|
237
237
|
background_hover: 20,
|
|
238
238
|
background_active: -20,
|
|
239
|
-
background_disable:
|
|
239
|
+
background_disable: '#F8F9FA',
|
|
240
240
|
border: 0,
|
|
241
241
|
border_hover: 20,
|
|
242
242
|
border_active: -20,
|
|
243
|
-
border_disable:
|
|
243
|
+
border_disable: '#F8F9FA',
|
|
244
244
|
},
|
|
245
|
-
rootColor: rootColorInTheme
|
|
245
|
+
rootColor: rootColorInTheme,
|
|
246
246
|
},
|
|
247
|
-
|
|
247
|
+
'button-secondary': {
|
|
248
248
|
configStepColor: {
|
|
249
249
|
text: 0,
|
|
250
250
|
text_hover: 20,
|
|
251
251
|
text_active: -20,
|
|
252
|
-
text_disable:
|
|
252
|
+
text_disable: '#CDD0D6',
|
|
253
253
|
background: 90,
|
|
254
254
|
background_hover: 90,
|
|
255
255
|
background_active: 90,
|
|
256
|
-
background_disable:
|
|
256
|
+
background_disable: '#F8F9FA',
|
|
257
257
|
border: 90,
|
|
258
258
|
border_hover: 90,
|
|
259
259
|
border_active: 90,
|
|
260
|
-
border_disable:
|
|
260
|
+
border_disable: '#F8F9FA',
|
|
261
261
|
},
|
|
262
|
-
rootColor: rootColorInTheme
|
|
262
|
+
rootColor: rootColorInTheme,
|
|
263
263
|
},
|
|
264
|
-
|
|
264
|
+
'button-third': {
|
|
265
265
|
configStepColor: {
|
|
266
|
-
text:
|
|
266
|
+
text: '#6A7383',
|
|
267
267
|
text_hover: 20,
|
|
268
268
|
text_active: -20,
|
|
269
|
-
text_disable:
|
|
270
|
-
background:
|
|
269
|
+
text_disable: '#CDD0D6',
|
|
270
|
+
background: '#F8F9FA',
|
|
271
271
|
background_hover: 90,
|
|
272
272
|
background_active: 90,
|
|
273
|
-
background_disable:
|
|
274
|
-
border:
|
|
273
|
+
background_disable: '#F8F9FA',
|
|
274
|
+
border: '#F8F9FA',
|
|
275
275
|
border_hover: 90,
|
|
276
276
|
border_active: 90,
|
|
277
|
-
border_disable:
|
|
277
|
+
border_disable: '#F8F9FA',
|
|
278
278
|
},
|
|
279
|
-
rootColor: rootColorInTheme
|
|
279
|
+
rootColor: rootColorInTheme,
|
|
280
280
|
},
|
|
281
|
-
|
|
281
|
+
'button-secondary-red': {
|
|
282
282
|
configStepColor: {
|
|
283
283
|
text: 0,
|
|
284
284
|
text_hover: -20,
|
|
285
285
|
text_active: -20,
|
|
286
|
-
text_disable:
|
|
286
|
+
text_disable: '#CDD0D6',
|
|
287
287
|
background: 90,
|
|
288
288
|
background_hover: 90,
|
|
289
289
|
background_active: 90,
|
|
290
|
-
background_disable:
|
|
290
|
+
background_disable: '#F8F9FA',
|
|
291
291
|
border: 90,
|
|
292
292
|
border_hover: 90,
|
|
293
293
|
border_active: 90,
|
|
294
|
-
border_disable:
|
|
294
|
+
border_disable: '#F8F9FA',
|
|
295
295
|
},
|
|
296
|
-
rootColor: '#EE2D41'
|
|
296
|
+
rootColor: '#EE2D41',
|
|
297
297
|
},
|
|
298
|
-
|
|
298
|
+
'button-outline': {
|
|
299
299
|
configStepColor: {
|
|
300
|
-
text:
|
|
300
|
+
text: '#6A7383',
|
|
301
301
|
text_hover: 20,
|
|
302
302
|
text_active: -20,
|
|
303
|
-
text_disable:
|
|
304
|
-
background:
|
|
305
|
-
background_hover:
|
|
306
|
-
background_active:
|
|
307
|
-
background_disable:
|
|
308
|
-
border:
|
|
303
|
+
text_disable: '#CDD0D6',
|
|
304
|
+
background: 'white',
|
|
305
|
+
background_hover: 'white',
|
|
306
|
+
background_active: 'white',
|
|
307
|
+
background_disable: '#F8F9FA',
|
|
308
|
+
border: '#e6e7ea',
|
|
309
309
|
border_hover: 20,
|
|
310
310
|
border_active: -20,
|
|
311
|
-
border_disable:
|
|
311
|
+
border_disable: '#E6E7EA',
|
|
312
312
|
},
|
|
313
|
-
rootColor: rootColorInTheme
|
|
313
|
+
rootColor: rootColorInTheme,
|
|
314
314
|
},
|
|
315
|
-
|
|
315
|
+
'button-danger-high': {
|
|
316
316
|
configStepColor: {
|
|
317
|
-
text:
|
|
318
|
-
text_hover:
|
|
319
|
-
text_active:
|
|
320
|
-
text_disable:
|
|
317
|
+
text: 'white',
|
|
318
|
+
text_hover: 'white',
|
|
319
|
+
text_active: 'white',
|
|
320
|
+
text_disable: '#CDD0D6',
|
|
321
321
|
background: 0,
|
|
322
322
|
background_hover: 20,
|
|
323
323
|
background_active: -20,
|
|
324
|
-
background_disable:
|
|
324
|
+
background_disable: '#F8F9FA',
|
|
325
325
|
border: 0,
|
|
326
326
|
border_hover: 20,
|
|
327
327
|
border_active: -20,
|
|
328
|
-
border_disable:
|
|
328
|
+
border_disable: '#F8F9FA',
|
|
329
329
|
},
|
|
330
|
-
rootColor:
|
|
330
|
+
rootColor: '#ee2d41',
|
|
331
331
|
},
|
|
332
|
-
|
|
332
|
+
'button-danger-low': {
|
|
333
333
|
configStepColor: {
|
|
334
|
-
text:
|
|
335
|
-
text_hover:
|
|
336
|
-
text_active:
|
|
337
|
-
text_disable:
|
|
334
|
+
text: 'white',
|
|
335
|
+
text_hover: 'white',
|
|
336
|
+
text_active: 'white',
|
|
337
|
+
text_disable: '#CDD0D6',
|
|
338
338
|
background: 0,
|
|
339
339
|
background_hover: 20,
|
|
340
340
|
background_active: -20,
|
|
341
|
-
background_disable:
|
|
341
|
+
background_disable: '#F8F9FA',
|
|
342
342
|
border: 0,
|
|
343
343
|
border_hover: 20,
|
|
344
344
|
border_active: -20,
|
|
345
|
-
border_disable:
|
|
345
|
+
border_disable: '#F8F9FA',
|
|
346
346
|
},
|
|
347
|
-
rootColor:
|
|
347
|
+
rootColor: '#ffa621',
|
|
348
348
|
},
|
|
349
|
-
|
|
349
|
+
'button-green': {
|
|
350
350
|
configStepColor: {
|
|
351
|
-
text:
|
|
352
|
-
text_hover:
|
|
353
|
-
text_active:
|
|
354
|
-
text_disable:
|
|
351
|
+
text: 'white',
|
|
352
|
+
text_hover: 'white',
|
|
353
|
+
text_active: 'white',
|
|
354
|
+
text_disable: '#CDD0D6',
|
|
355
355
|
background: 0,
|
|
356
356
|
background_hover: 20,
|
|
357
357
|
background_active: -20,
|
|
358
|
-
background_disable:
|
|
358
|
+
background_disable: '#F8F9FA',
|
|
359
359
|
border: 0,
|
|
360
360
|
border_hover: 20,
|
|
361
361
|
border_active: -20,
|
|
362
|
-
border_disable:
|
|
362
|
+
border_disable: '#F8F9FA',
|
|
363
363
|
},
|
|
364
|
-
rootColor:
|
|
364
|
+
rootColor: '#00d16d',
|
|
365
365
|
},
|
|
366
|
-
|
|
366
|
+
'button-violet': {
|
|
367
367
|
configStepColor: {
|
|
368
|
-
text:
|
|
369
|
-
text_hover:
|
|
370
|
-
text_active:
|
|
371
|
-
text_disable:
|
|
368
|
+
text: 'white',
|
|
369
|
+
text_hover: 'white',
|
|
370
|
+
text_active: 'white',
|
|
371
|
+
text_disable: '#CDD0D6',
|
|
372
372
|
background: 0,
|
|
373
373
|
background_hover: 20,
|
|
374
374
|
background_active: -20,
|
|
375
|
-
background_disable:
|
|
375
|
+
background_disable: '#F8F9FA',
|
|
376
376
|
border: 0,
|
|
377
377
|
border_hover: 20,
|
|
378
378
|
border_active: -20,
|
|
379
|
-
border_disable:
|
|
379
|
+
border_disable: '#F8F9FA',
|
|
380
380
|
},
|
|
381
|
-
rootColor:
|
|
381
|
+
rootColor: '#7239ea',
|
|
382
382
|
},
|
|
383
|
-
|
|
383
|
+
'button-outline-green': {
|
|
384
384
|
configStepColor: {
|
|
385
|
-
text:
|
|
385
|
+
text: '#6A7383',
|
|
386
386
|
text_hover: 20,
|
|
387
387
|
text_active: -20,
|
|
388
|
-
text_disable:
|
|
389
|
-
background:
|
|
390
|
-
background_hover:
|
|
391
|
-
background_active:
|
|
392
|
-
background_disable:
|
|
393
|
-
border:
|
|
388
|
+
text_disable: '#CDD0D6',
|
|
389
|
+
background: 'white',
|
|
390
|
+
background_hover: 'white',
|
|
391
|
+
background_active: 'white',
|
|
392
|
+
background_disable: '#F8F9FA',
|
|
393
|
+
border: '#e6e7ea',
|
|
394
394
|
border_hover: 20,
|
|
395
395
|
border_active: -20,
|
|
396
|
-
border_disable:
|
|
396
|
+
border_disable: '#E6E7EA',
|
|
397
397
|
},
|
|
398
|
-
rootColor:
|
|
398
|
+
rootColor: '#00d16d',
|
|
399
399
|
},
|
|
400
|
-
|
|
400
|
+
'button-secondary-green': {
|
|
401
401
|
configStepColor: {
|
|
402
402
|
text: 0,
|
|
403
|
-
text_hover:
|
|
404
|
-
text_active:
|
|
405
|
-
text_disable:
|
|
403
|
+
text_hover: 'white',
|
|
404
|
+
text_active: 'white',
|
|
405
|
+
text_disable: '#CDD0D6',
|
|
406
406
|
background: 90,
|
|
407
407
|
background_hover: 0,
|
|
408
408
|
background_active: 0,
|
|
409
|
-
background_disable:
|
|
409
|
+
background_disable: '#F8F9FA',
|
|
410
410
|
border: 0,
|
|
411
411
|
border_hover: 0,
|
|
412
412
|
border_active: 0,
|
|
413
|
-
border_disable:
|
|
413
|
+
border_disable: '#F8F9FA',
|
|
414
414
|
},
|
|
415
|
-
rootColor:
|
|
415
|
+
rootColor: '#00d16d',
|
|
416
416
|
},
|
|
417
|
-
|
|
417
|
+
'button-outline-secondary': {
|
|
418
418
|
configStepColor: {
|
|
419
419
|
text: 0,
|
|
420
|
-
text_hover:
|
|
421
|
-
text_active:
|
|
422
|
-
text_disable:
|
|
420
|
+
text_hover: 'white',
|
|
421
|
+
text_active: 'white',
|
|
422
|
+
text_disable: '#CDD0D6',
|
|
423
423
|
background: 90,
|
|
424
424
|
background_hover: 0,
|
|
425
425
|
background_active: 0,
|
|
426
|
-
background_disable:
|
|
426
|
+
background_disable: '#F8F9FA',
|
|
427
427
|
border: 0,
|
|
428
428
|
border_hover: 0,
|
|
429
429
|
border_active: 0,
|
|
430
|
-
border_disable:
|
|
430
|
+
border_disable: '#E6E7EA',
|
|
431
431
|
},
|
|
432
|
-
rootColor: rootColorInTheme
|
|
432
|
+
rootColor: rootColorInTheme,
|
|
433
433
|
},
|
|
434
|
-
|
|
434
|
+
'button-outline-hover-danger': {
|
|
435
435
|
configStepColor: {
|
|
436
|
-
text:
|
|
436
|
+
text: '#6A7383',
|
|
437
437
|
text_hover: 0,
|
|
438
438
|
text_active: -20,
|
|
439
|
-
text_disable:
|
|
440
|
-
background:
|
|
441
|
-
background_hover:
|
|
442
|
-
background_active:
|
|
443
|
-
background_disable:
|
|
444
|
-
border:
|
|
439
|
+
text_disable: '#CDD0D6',
|
|
440
|
+
background: 'white',
|
|
441
|
+
background_hover: 'white',
|
|
442
|
+
background_active: 'white',
|
|
443
|
+
background_disable: '#F8F9FA',
|
|
444
|
+
border: '#e6e7ea',
|
|
445
445
|
border_hover: 0,
|
|
446
446
|
border_active: -20,
|
|
447
|
-
border_disable:
|
|
447
|
+
border_disable: '#e6e7ea',
|
|
448
448
|
},
|
|
449
|
-
rootColor:
|
|
449
|
+
rootColor: '#f15767',
|
|
450
450
|
},
|
|
451
|
-
|
|
451
|
+
'button-third-hover-danger': {
|
|
452
452
|
configStepColor: {
|
|
453
|
-
text:
|
|
453
|
+
text: '#6A7383',
|
|
454
454
|
text_hover: 20,
|
|
455
455
|
text_active: -20,
|
|
456
|
-
text_disable:
|
|
457
|
-
background:
|
|
456
|
+
text_disable: '#CDD0D6',
|
|
457
|
+
background: '#F8F9FA',
|
|
458
458
|
background_hover: 90,
|
|
459
459
|
background_active: 90,
|
|
460
|
-
background_disable:
|
|
461
|
-
border:
|
|
460
|
+
background_disable: '#F8F9FA',
|
|
461
|
+
border: '#F8F9FA',
|
|
462
462
|
border_hover: 90,
|
|
463
463
|
border_active: 90,
|
|
464
|
-
border_disable:
|
|
464
|
+
border_disable: '#F8F9FA',
|
|
465
465
|
},
|
|
466
|
-
rootColor: '#EE2D41'
|
|
466
|
+
rootColor: '#EE2D41',
|
|
467
467
|
},
|
|
468
468
|
};
|
|
469
469
|
};
|
|
470
470
|
const configLinkButton = (rootColorInTheme) => {
|
|
471
471
|
return {
|
|
472
|
-
|
|
472
|
+
'button-link-primary': {
|
|
473
473
|
configStepColor: {
|
|
474
474
|
text: 0,
|
|
475
475
|
text_hover: 20,
|
|
476
476
|
text_active: -20,
|
|
477
|
-
text_disable:
|
|
477
|
+
text_disable: '#CDD0D6',
|
|
478
478
|
},
|
|
479
|
-
rootColor: rootColorInTheme
|
|
479
|
+
rootColor: rootColorInTheme,
|
|
480
480
|
},
|
|
481
|
-
|
|
481
|
+
'button-link-third': {
|
|
482
482
|
configStepColor: {
|
|
483
|
-
text:
|
|
483
|
+
text: '#6A7383',
|
|
484
484
|
text_hover: 20,
|
|
485
485
|
text_active: -20,
|
|
486
|
-
text_disable:
|
|
486
|
+
text_disable: '#CDD0D6',
|
|
487
487
|
},
|
|
488
|
-
rootColor: rootColorInTheme
|
|
488
|
+
rootColor: rootColorInTheme,
|
|
489
489
|
},
|
|
490
|
-
|
|
490
|
+
'button-link-danger-high': {
|
|
491
491
|
configStepColor: {
|
|
492
492
|
text: 0,
|
|
493
493
|
text_hover: 20,
|
|
494
494
|
text_active: -20,
|
|
495
|
-
text_disable:
|
|
495
|
+
text_disable: '#CDD0D6',
|
|
496
496
|
},
|
|
497
|
-
rootColor:
|
|
497
|
+
rootColor: '#ee2d41',
|
|
498
498
|
},
|
|
499
|
-
|
|
499
|
+
'button-link-danger-low': {
|
|
500
500
|
configStepColor: {
|
|
501
501
|
text: 0,
|
|
502
502
|
text_hover: 20,
|
|
503
503
|
text_active: -20,
|
|
504
|
-
text_disable:
|
|
504
|
+
text_disable: '#CDD0D6',
|
|
505
505
|
},
|
|
506
|
-
rootColor:
|
|
506
|
+
rootColor: '#ffa621',
|
|
507
507
|
},
|
|
508
|
-
|
|
508
|
+
'button-link-green': {
|
|
509
509
|
configStepColor: {
|
|
510
510
|
text: 0,
|
|
511
511
|
text_hover: 20,
|
|
512
512
|
text_active: -20,
|
|
513
|
-
text_disable:
|
|
513
|
+
text_disable: '#CDD0D6',
|
|
514
514
|
},
|
|
515
|
-
rootColor:
|
|
515
|
+
rootColor: '#00d16d',
|
|
516
516
|
},
|
|
517
|
-
|
|
517
|
+
'button-link-violet': {
|
|
518
518
|
configStepColor: {
|
|
519
519
|
text: 0,
|
|
520
520
|
text_hover: 20,
|
|
521
521
|
text_active: -20,
|
|
522
|
-
text_disable:
|
|
522
|
+
text_disable: '#CDD0D6',
|
|
523
523
|
},
|
|
524
|
-
rootColor:
|
|
525
|
-
}
|
|
524
|
+
rootColor: '#7239ea',
|
|
525
|
+
},
|
|
526
526
|
};
|
|
527
527
|
};
|
|
528
528
|
const configButtonStatus = () => {
|
|
529
529
|
return {
|
|
530
|
-
|
|
531
|
-
color:
|
|
532
|
-
background:
|
|
530
|
+
blue: {
|
|
531
|
+
color: '#226FF5',
|
|
532
|
+
background: '#E9F1FE',
|
|
533
533
|
},
|
|
534
|
-
|
|
535
|
-
color:
|
|
536
|
-
background:
|
|
534
|
+
green: {
|
|
535
|
+
color: '#00D16D',
|
|
536
|
+
background: '#E6FAF0',
|
|
537
537
|
},
|
|
538
|
-
|
|
539
|
-
color:
|
|
540
|
-
background:
|
|
538
|
+
red: {
|
|
539
|
+
color: '#EE2D41',
|
|
540
|
+
background: '#FDEAEC',
|
|
541
541
|
},
|
|
542
|
-
|
|
543
|
-
color:
|
|
544
|
-
background:
|
|
542
|
+
orange: {
|
|
543
|
+
color: '#F05800',
|
|
544
|
+
background: '#FEEEE6',
|
|
545
545
|
},
|
|
546
|
-
|
|
547
|
-
color:
|
|
548
|
-
background:
|
|
546
|
+
yellow: {
|
|
547
|
+
color: '#FFA621',
|
|
548
|
+
background: '#FFF6E9',
|
|
549
549
|
},
|
|
550
|
-
|
|
551
|
-
color:
|
|
552
|
-
background:
|
|
550
|
+
cyan: {
|
|
551
|
+
color: '#04C8C8',
|
|
552
|
+
background: '#E6FAFA',
|
|
553
553
|
},
|
|
554
|
-
|
|
555
|
-
color:
|
|
556
|
-
background:
|
|
554
|
+
purple: {
|
|
555
|
+
color: '#7239EA',
|
|
556
|
+
background: '#F1EBFD',
|
|
557
|
+
},
|
|
558
|
+
brown: {
|
|
559
|
+
color: '#663259',
|
|
560
|
+
background: '#F0EBEE',
|
|
557
561
|
},
|
|
558
|
-
"brown": {
|
|
559
|
-
color: "#663259",
|
|
560
|
-
background: "#F0EBEE"
|
|
561
|
-
}
|
|
562
562
|
};
|
|
563
563
|
};
|
|
564
564
|
const configButtonTab = () => {
|
|
565
565
|
return {
|
|
566
|
-
|
|
567
|
-
color:
|
|
568
|
-
background:
|
|
569
|
-
background_badge:
|
|
570
|
-
},
|
|
571
|
-
|
|
572
|
-
color:
|
|
573
|
-
background:
|
|
574
|
-
background_badge:
|
|
575
|
-
},
|
|
576
|
-
|
|
577
|
-
color:
|
|
578
|
-
background:
|
|
579
|
-
background_badge:
|
|
580
|
-
},
|
|
581
|
-
|
|
582
|
-
color:
|
|
583
|
-
background:
|
|
584
|
-
background_badge:
|
|
585
|
-
},
|
|
586
|
-
|
|
587
|
-
color:
|
|
588
|
-
background:
|
|
589
|
-
background_badge:
|
|
590
|
-
},
|
|
591
|
-
|
|
592
|
-
color:
|
|
593
|
-
background:
|
|
594
|
-
background_badge:
|
|
595
|
-
},
|
|
596
|
-
|
|
597
|
-
color:
|
|
598
|
-
background:
|
|
599
|
-
background_badge:
|
|
600
|
-
},
|
|
601
|
-
|
|
602
|
-
color:
|
|
603
|
-
background:
|
|
604
|
-
background_badge:
|
|
605
|
-
}
|
|
566
|
+
blue: {
|
|
567
|
+
color: '#226FF5',
|
|
568
|
+
background: '#F4F8FF',
|
|
569
|
+
background_badge: '#E9F1FE',
|
|
570
|
+
},
|
|
571
|
+
green: {
|
|
572
|
+
color: '#00D16D',
|
|
573
|
+
background: '#F2FCF7',
|
|
574
|
+
background_badge: '#E6FAF0',
|
|
575
|
+
},
|
|
576
|
+
red: {
|
|
577
|
+
color: '#EE2D41',
|
|
578
|
+
background: '#FDEAEC',
|
|
579
|
+
background_badge: '#FEE9F1',
|
|
580
|
+
},
|
|
581
|
+
orange: {
|
|
582
|
+
color: '#F05800',
|
|
583
|
+
background: '#FEF7F2',
|
|
584
|
+
background_badge: '#FEEEE6',
|
|
585
|
+
},
|
|
586
|
+
yellow: {
|
|
587
|
+
color: '#FFA621',
|
|
588
|
+
background: '#FFFBF4',
|
|
589
|
+
background_badge: '#FFF6E9',
|
|
590
|
+
},
|
|
591
|
+
cyan: {
|
|
592
|
+
color: '#04C8C8',
|
|
593
|
+
background: '#F2FCFC',
|
|
594
|
+
background_badge: '#E6FAFA',
|
|
595
|
+
},
|
|
596
|
+
purple: {
|
|
597
|
+
color: '#7239EA',
|
|
598
|
+
background: '#F8F5FE',
|
|
599
|
+
background_badge: '#F1EBFD',
|
|
600
|
+
},
|
|
601
|
+
brown: {
|
|
602
|
+
color: '#663259',
|
|
603
|
+
background: '#F7F5F7',
|
|
604
|
+
background_badge: '#F0EBEE',
|
|
605
|
+
},
|
|
606
606
|
};
|
|
607
607
|
};
|
|
608
608
|
const styleButtonTab = (type, config) => {
|
|
@@ -736,12 +736,12 @@ class LibsUiConfigProjectService {
|
|
|
736
736
|
currentDoc = currentDoc || document;
|
|
737
737
|
const doc = currentDoc.documentElement;
|
|
738
738
|
doc.style.setProperty('--libs-ui-font-family-name', `${this.configFont().name},Arial, Helvetica, sans-serif`);
|
|
739
|
-
Object.keys(weights).forEach(key => {
|
|
739
|
+
Object.keys(weights).forEach((key) => {
|
|
740
740
|
if (!get(this.configFont(), key)) {
|
|
741
741
|
return;
|
|
742
742
|
}
|
|
743
743
|
const fontFace = new FontFace(this.configFont().name, `url(${get(this.configFont(), key)})`, { weight: get(weights, key) });
|
|
744
|
-
fontFace.load().then(loadedFont => {
|
|
744
|
+
fontFace.load().then((loadedFont) => {
|
|
745
745
|
if (currentDoc && 'add' in currentDoc.fonts) {
|
|
746
746
|
currentDoc.fonts.add(loadedFont);
|
|
747
747
|
}
|
|
@@ -755,10 +755,10 @@ class LibsUiConfigProjectService {
|
|
|
755
755
|
setupFontHead() {
|
|
756
756
|
const configHeadsData = this.configHead();
|
|
757
757
|
let styles = '';
|
|
758
|
-
Object.keys(configHeadsData).forEach(keyConfig => {
|
|
758
|
+
Object.keys(configHeadsData).forEach((keyConfig) => {
|
|
759
759
|
let style = `font-family:var(--libs-ui-font-family-name,'Arial');`;
|
|
760
760
|
const config = get(configHeadsData, keyConfig);
|
|
761
|
-
Object.keys(config).forEach(key => {
|
|
761
|
+
Object.keys(config).forEach((key) => {
|
|
762
762
|
style = `${style}${key}:${get(config, key)};`;
|
|
763
763
|
});
|
|
764
764
|
styles = `${styles} .libs-ui-font-${keyConfig}{${style}}.libs-ui-font-${keyConfig}i{${style.replace(/;/g, ' !important;')}}`;
|
|
@@ -770,9 +770,9 @@ class LibsUiConfigProjectService {
|
|
|
770
770
|
setupButtonSize() {
|
|
771
771
|
const configButtonSize = this.configButtonSize();
|
|
772
772
|
const doc = document.documentElement;
|
|
773
|
-
Object.keys(configButtonSize).forEach(keySize => {
|
|
773
|
+
Object.keys(configButtonSize).forEach((keySize) => {
|
|
774
774
|
const config = get(configButtonSize, keySize);
|
|
775
|
-
Object.keys(config).forEach(keyType => {
|
|
775
|
+
Object.keys(config).forEach((keyType) => {
|
|
776
776
|
const name = `--libs-ui-button-size-${keySize}-${keyType.replace(/[_]/g, '-')}`;
|
|
777
777
|
doc.style.setProperty(name, get(config, keyType));
|
|
778
778
|
});
|
|
@@ -781,7 +781,7 @@ class LibsUiConfigProjectService {
|
|
|
781
781
|
setupButtonTab() {
|
|
782
782
|
const configButtonTab = this.configButtonTab();
|
|
783
783
|
let styles = '';
|
|
784
|
-
Object.keys(configButtonTab).forEach(key => {
|
|
784
|
+
Object.keys(configButtonTab).forEach((key) => {
|
|
785
785
|
const config = get(configButtonTab, key);
|
|
786
786
|
const style = config ? styleButtonTab(key, config) : '';
|
|
787
787
|
styles = `${styles}${style}`;
|
|
@@ -791,7 +791,8 @@ class LibsUiConfigProjectService {
|
|
|
791
791
|
}
|
|
792
792
|
setThemeColor() {
|
|
793
793
|
const doc = document.documentElement;
|
|
794
|
-
[
|
|
794
|
+
[
|
|
795
|
+
{
|
|
795
796
|
group: 'libs-ui',
|
|
796
797
|
type: 'color',
|
|
797
798
|
property: {
|
|
@@ -817,10 +818,11 @@ class LibsUiConfigProjectService {
|
|
|
817
818
|
text_disable: this.textDisableColor(),
|
|
818
819
|
gradient_from: this.themeColor().toLocaleUpperCase() === '#226FF5' ? colorStepContrastFromOrigin(this.themeColor(), 10)?.light : colorStepContrastFromOrigin(this.themeColor(), 0)?.light,
|
|
819
820
|
gradient_to: this.themeColor().toLocaleUpperCase() === '#226FF5' ? colorStepContrastFromOrigin('#5B2EBB', 10)?.light : colorStepContrastFromOrigin(this.themeColor(), 20)?.dark,
|
|
820
|
-
}
|
|
821
|
-
}
|
|
821
|
+
},
|
|
822
|
+
},
|
|
823
|
+
].forEach((item) => {
|
|
822
824
|
const name = `--${item.group.replace(/[_]/g, '-')}-${item.type.replace(/[_]/g, '-')}`;
|
|
823
|
-
Object.keys(item.property).forEach(key => doc.style.setProperty(`${name}-${key.replace(/[_]/g, '-')}`, item.property[key]));
|
|
825
|
+
Object.keys(item.property).forEach((key) => doc.style.setProperty(`${name}-${key.replace(/[_]/g, '-')}`, item.property[key]));
|
|
824
826
|
});
|
|
825
827
|
}
|
|
826
828
|
colorStepContrastFromOrigin(step, color) {
|
|
@@ -924,11 +926,11 @@ class LibsUiConfigProjectService {
|
|
|
924
926
|
return indexes;
|
|
925
927
|
}
|
|
926
928
|
for (const indexValue in values) {
|
|
927
|
-
if (values[indexValue] !== str[0] ||
|
|
929
|
+
if (values[indexValue] !== str[0] || +indexValue + str.length > values.length) {
|
|
928
930
|
continue;
|
|
929
931
|
}
|
|
930
932
|
for (const index in str.split('')) {
|
|
931
|
-
if (values[
|
|
933
|
+
if (values[+indexValue + +index] !== str[index]) {
|
|
932
934
|
break;
|
|
933
935
|
}
|
|
934
936
|
}
|
|
@@ -943,14 +945,10 @@ class LibsUiConfigProjectService {
|
|
|
943
945
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiConfigProjectService, decorators: [{
|
|
944
946
|
type: Injectable,
|
|
945
947
|
args: [{
|
|
946
|
-
providedIn: 'root'
|
|
948
|
+
providedIn: 'root',
|
|
947
949
|
}]
|
|
948
950
|
}], ctorParameters: () => [] });
|
|
949
951
|
|
|
950
|
-
;
|
|
951
|
-
;
|
|
952
|
-
;
|
|
953
|
-
|
|
954
952
|
/**
|
|
955
953
|
* Generated bundle index. Do not edit.
|
|
956
954
|
*/
|