@trafilea/afrodita-components 6.37.4 → 6.38.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/build/index.d.ts +33 -2
- package/build/index.esm.js +111 -13
- package/build/index.esm.js.map +1 -1
- package/build/index.js +115 -12
- package/build/index.js.map +1 -1
- package/build/theme/revel.theme.d.ts +11 -1
- package/build/theme/revel.theme.js +10 -0
- package/build/theme/shapermint.theme.d.ts +11 -1
- package/build/theme/shapermint.theme.js +14 -0
- package/build/theme/thebodcon.theme.d.ts +11 -1
- package/build/theme/thebodcon.theme.js +10 -0
- package/build/theme/thespadr.theme.d.ts +11 -1
- package/build/theme/thespadr.theme.js +10 -0
- package/build/theme/truekind.theme.d.ts +11 -1
- package/build/theme/truekind.theme.js +10 -0
- package/package.json +1 -1
|
@@ -4,7 +4,8 @@ declare enum ComponentSize {
|
|
|
4
4
|
Large = "large",
|
|
5
5
|
Medium = "medium",
|
|
6
6
|
Small = "small",
|
|
7
|
-
XSmall = "xsmall"
|
|
7
|
+
XSmall = "xsmall",
|
|
8
|
+
XXSmall = "xxsmall"
|
|
8
9
|
}
|
|
9
10
|
|
|
10
11
|
declare type Themes = 'Shapermint' | 'Truekind' | 'Revel' | 'TheSpaDr' | 'TheBodCon';
|
|
@@ -214,6 +215,10 @@ declare type ThemeComponent = {
|
|
|
214
215
|
rating: {
|
|
215
216
|
fontWeight: number;
|
|
216
217
|
size: {
|
|
218
|
+
xxsmall: {
|
|
219
|
+
fontSize: string;
|
|
220
|
+
lineHeight: string;
|
|
221
|
+
};
|
|
217
222
|
xsmall: {
|
|
218
223
|
fontSize: string;
|
|
219
224
|
lineHeight: string;
|
|
@@ -235,6 +240,11 @@ declare type ThemeComponent = {
|
|
|
235
240
|
stars: {
|
|
236
241
|
element: {
|
|
237
242
|
color: string;
|
|
243
|
+
xxsmall: {
|
|
244
|
+
width: string;
|
|
245
|
+
height: string;
|
|
246
|
+
marginRight: string;
|
|
247
|
+
};
|
|
238
248
|
xsmall: {
|
|
239
249
|
width: string;
|
|
240
250
|
height: string;
|
|
@@ -37,6 +37,7 @@ var ComponentSize;
|
|
|
37
37
|
ComponentSize["Medium"] = "medium";
|
|
38
38
|
ComponentSize["Small"] = "small";
|
|
39
39
|
ComponentSize["XSmall"] = "xsmall";
|
|
40
|
+
ComponentSize["XXSmall"] = "xxsmall";
|
|
40
41
|
})(ComponentSize || (ComponentSize = {}));
|
|
41
42
|
var ComponentPosition;
|
|
42
43
|
(function (ComponentPosition) {
|
|
@@ -368,6 +369,10 @@ var revel = {
|
|
|
368
369
|
rating: {
|
|
369
370
|
fontWeight: 600,
|
|
370
371
|
size: {
|
|
372
|
+
xxsmall: {
|
|
373
|
+
fontSize: '0.563rem',
|
|
374
|
+
lineHeight: '0.563rem',
|
|
375
|
+
},
|
|
371
376
|
xsmall: {
|
|
372
377
|
fontSize: '12px',
|
|
373
378
|
lineHeight: '12px',
|
|
@@ -389,6 +394,11 @@ var revel = {
|
|
|
389
394
|
stars: {
|
|
390
395
|
element: {
|
|
391
396
|
color: '#F6C180',
|
|
397
|
+
xxsmall: {
|
|
398
|
+
width: '0.563rem',
|
|
399
|
+
height: '0.563rem',
|
|
400
|
+
marginRight: '0.1rem',
|
|
401
|
+
},
|
|
392
402
|
xsmall: {
|
|
393
403
|
width: '12px',
|
|
394
404
|
height: '12px',
|
|
@@ -4,7 +4,8 @@ declare enum ComponentSize {
|
|
|
4
4
|
Large = "large",
|
|
5
5
|
Medium = "medium",
|
|
6
6
|
Small = "small",
|
|
7
|
-
XSmall = "xsmall"
|
|
7
|
+
XSmall = "xsmall",
|
|
8
|
+
XXSmall = "xxsmall"
|
|
8
9
|
}
|
|
9
10
|
|
|
10
11
|
declare type Themes = 'Shapermint' | 'Truekind' | 'Revel' | 'TheSpaDr' | 'TheBodCon';
|
|
@@ -214,6 +215,10 @@ declare type ThemeComponent = {
|
|
|
214
215
|
rating: {
|
|
215
216
|
fontWeight: number;
|
|
216
217
|
size: {
|
|
218
|
+
xxsmall: {
|
|
219
|
+
fontSize: string;
|
|
220
|
+
lineHeight: string;
|
|
221
|
+
};
|
|
217
222
|
xsmall: {
|
|
218
223
|
fontSize: string;
|
|
219
224
|
lineHeight: string;
|
|
@@ -235,6 +240,11 @@ declare type ThemeComponent = {
|
|
|
235
240
|
stars: {
|
|
236
241
|
element: {
|
|
237
242
|
color: string;
|
|
243
|
+
xxsmall: {
|
|
244
|
+
width: string;
|
|
245
|
+
height: string;
|
|
246
|
+
marginRight: string;
|
|
247
|
+
};
|
|
238
248
|
xsmall: {
|
|
239
249
|
width: string;
|
|
240
250
|
height: string;
|
|
@@ -37,6 +37,7 @@ var ComponentSize;
|
|
|
37
37
|
ComponentSize["Medium"] = "medium";
|
|
38
38
|
ComponentSize["Small"] = "small";
|
|
39
39
|
ComponentSize["XSmall"] = "xsmall";
|
|
40
|
+
ComponentSize["XXSmall"] = "xxsmall";
|
|
40
41
|
})(ComponentSize || (ComponentSize = {}));
|
|
41
42
|
var ComponentPosition;
|
|
42
43
|
(function (ComponentPosition) {
|
|
@@ -337,6 +338,10 @@ var shapermint = {
|
|
|
337
338
|
rating: {
|
|
338
339
|
fontWeight: 400,
|
|
339
340
|
size: {
|
|
341
|
+
xxsmall: {
|
|
342
|
+
fontSize: '0.563rem',
|
|
343
|
+
lineHeight: '0.563rem',
|
|
344
|
+
},
|
|
340
345
|
xsmall: {
|
|
341
346
|
fontSize: '0.625rem',
|
|
342
347
|
lineHeight: '0.625rem',
|
|
@@ -358,6 +363,11 @@ var shapermint = {
|
|
|
358
363
|
stars: {
|
|
359
364
|
element: {
|
|
360
365
|
color: '#F2D96F',
|
|
366
|
+
xxsmall: {
|
|
367
|
+
width: '0.563rem',
|
|
368
|
+
height: '0.563rem',
|
|
369
|
+
marginRight: '0.1rem',
|
|
370
|
+
},
|
|
361
371
|
xsmall: {
|
|
362
372
|
width: '0.656rem',
|
|
363
373
|
height: '0.656rem',
|
|
@@ -897,6 +907,10 @@ var shapermint = {
|
|
|
897
907
|
fontSize: 14,
|
|
898
908
|
lineHeight: '22px',
|
|
899
909
|
},
|
|
910
|
+
'body-xsmall': {
|
|
911
|
+
fontSize: 12,
|
|
912
|
+
lineHeight: '16px',
|
|
913
|
+
},
|
|
900
914
|
'link-regular': {
|
|
901
915
|
fontSize: 16,
|
|
902
916
|
lineHeight: '24px',
|
|
@@ -4,7 +4,8 @@ declare enum ComponentSize {
|
|
|
4
4
|
Large = "large",
|
|
5
5
|
Medium = "medium",
|
|
6
6
|
Small = "small",
|
|
7
|
-
XSmall = "xsmall"
|
|
7
|
+
XSmall = "xsmall",
|
|
8
|
+
XXSmall = "xxsmall"
|
|
8
9
|
}
|
|
9
10
|
|
|
10
11
|
declare type Themes = 'Shapermint' | 'Truekind' | 'Revel' | 'TheSpaDr' | 'TheBodCon';
|
|
@@ -214,6 +215,10 @@ declare type ThemeComponent = {
|
|
|
214
215
|
rating: {
|
|
215
216
|
fontWeight: number;
|
|
216
217
|
size: {
|
|
218
|
+
xxsmall: {
|
|
219
|
+
fontSize: string;
|
|
220
|
+
lineHeight: string;
|
|
221
|
+
};
|
|
217
222
|
xsmall: {
|
|
218
223
|
fontSize: string;
|
|
219
224
|
lineHeight: string;
|
|
@@ -235,6 +240,11 @@ declare type ThemeComponent = {
|
|
|
235
240
|
stars: {
|
|
236
241
|
element: {
|
|
237
242
|
color: string;
|
|
243
|
+
xxsmall: {
|
|
244
|
+
width: string;
|
|
245
|
+
height: string;
|
|
246
|
+
marginRight: string;
|
|
247
|
+
};
|
|
238
248
|
xsmall: {
|
|
239
249
|
width: string;
|
|
240
250
|
height: string;
|
|
@@ -37,6 +37,7 @@ var ComponentSize;
|
|
|
37
37
|
ComponentSize["Medium"] = "medium";
|
|
38
38
|
ComponentSize["Small"] = "small";
|
|
39
39
|
ComponentSize["XSmall"] = "xsmall";
|
|
40
|
+
ComponentSize["XXSmall"] = "xxsmall";
|
|
40
41
|
})(ComponentSize || (ComponentSize = {}));
|
|
41
42
|
var ComponentPosition;
|
|
42
43
|
(function (ComponentPosition) {
|
|
@@ -338,6 +339,10 @@ var thebodcon = {
|
|
|
338
339
|
rating: {
|
|
339
340
|
fontWeight: 400,
|
|
340
341
|
size: {
|
|
342
|
+
xxsmall: {
|
|
343
|
+
fontSize: '0.563rem',
|
|
344
|
+
lineHeight: '0.563rem',
|
|
345
|
+
},
|
|
341
346
|
xsmall: {
|
|
342
347
|
fontSize: '0.625rem',
|
|
343
348
|
lineHeight: '0.625rem',
|
|
@@ -359,6 +364,11 @@ var thebodcon = {
|
|
|
359
364
|
stars: {
|
|
360
365
|
element: {
|
|
361
366
|
color: '#F2D96F',
|
|
367
|
+
xxsmall: {
|
|
368
|
+
width: '0.563rem',
|
|
369
|
+
height: '0.563rem',
|
|
370
|
+
marginRight: '0.1rem',
|
|
371
|
+
},
|
|
362
372
|
xsmall: {
|
|
363
373
|
width: '0.656rem',
|
|
364
374
|
height: '0.656rem',
|
|
@@ -4,7 +4,8 @@ declare enum ComponentSize {
|
|
|
4
4
|
Large = "large",
|
|
5
5
|
Medium = "medium",
|
|
6
6
|
Small = "small",
|
|
7
|
-
XSmall = "xsmall"
|
|
7
|
+
XSmall = "xsmall",
|
|
8
|
+
XXSmall = "xxsmall"
|
|
8
9
|
}
|
|
9
10
|
|
|
10
11
|
declare type Themes = 'Shapermint' | 'Truekind' | 'Revel' | 'TheSpaDr' | 'TheBodCon';
|
|
@@ -214,6 +215,10 @@ declare type ThemeComponent = {
|
|
|
214
215
|
rating: {
|
|
215
216
|
fontWeight: number;
|
|
216
217
|
size: {
|
|
218
|
+
xxsmall: {
|
|
219
|
+
fontSize: string;
|
|
220
|
+
lineHeight: string;
|
|
221
|
+
};
|
|
217
222
|
xsmall: {
|
|
218
223
|
fontSize: string;
|
|
219
224
|
lineHeight: string;
|
|
@@ -235,6 +240,11 @@ declare type ThemeComponent = {
|
|
|
235
240
|
stars: {
|
|
236
241
|
element: {
|
|
237
242
|
color: string;
|
|
243
|
+
xxsmall: {
|
|
244
|
+
width: string;
|
|
245
|
+
height: string;
|
|
246
|
+
marginRight: string;
|
|
247
|
+
};
|
|
238
248
|
xsmall: {
|
|
239
249
|
width: string;
|
|
240
250
|
height: string;
|
|
@@ -11,6 +11,7 @@ var ComponentSize;
|
|
|
11
11
|
ComponentSize["Medium"] = "medium";
|
|
12
12
|
ComponentSize["Small"] = "small";
|
|
13
13
|
ComponentSize["XSmall"] = "xsmall";
|
|
14
|
+
ComponentSize["XXSmall"] = "xxsmall";
|
|
14
15
|
})(ComponentSize || (ComponentSize = {}));
|
|
15
16
|
var ComponentPosition;
|
|
16
17
|
(function (ComponentPosition) {
|
|
@@ -292,6 +293,10 @@ var tsd = {
|
|
|
292
293
|
rating: {
|
|
293
294
|
fontWeight: 600,
|
|
294
295
|
size: {
|
|
296
|
+
xxsmall: {
|
|
297
|
+
fontSize: '0.563rem',
|
|
298
|
+
lineHeight: '0.563rem',
|
|
299
|
+
},
|
|
295
300
|
xsmall: {
|
|
296
301
|
fontSize: '12px',
|
|
297
302
|
lineHeight: '12px',
|
|
@@ -313,6 +318,11 @@ var tsd = {
|
|
|
313
318
|
stars: {
|
|
314
319
|
element: {
|
|
315
320
|
color: '--colors-pallete-yellow-soft-color',
|
|
321
|
+
xxsmall: {
|
|
322
|
+
width: '0.563rem',
|
|
323
|
+
height: '0.563rem',
|
|
324
|
+
marginRight: '0.1rem',
|
|
325
|
+
},
|
|
316
326
|
xsmall: {
|
|
317
327
|
width: '12px',
|
|
318
328
|
height: '12px',
|
|
@@ -4,7 +4,8 @@ declare enum ComponentSize {
|
|
|
4
4
|
Large = "large",
|
|
5
5
|
Medium = "medium",
|
|
6
6
|
Small = "small",
|
|
7
|
-
XSmall = "xsmall"
|
|
7
|
+
XSmall = "xsmall",
|
|
8
|
+
XXSmall = "xxsmall"
|
|
8
9
|
}
|
|
9
10
|
|
|
10
11
|
declare type Themes = 'Shapermint' | 'Truekind' | 'Revel' | 'TheSpaDr' | 'TheBodCon';
|
|
@@ -214,6 +215,10 @@ declare type ThemeComponent = {
|
|
|
214
215
|
rating: {
|
|
215
216
|
fontWeight: number;
|
|
216
217
|
size: {
|
|
218
|
+
xxsmall: {
|
|
219
|
+
fontSize: string;
|
|
220
|
+
lineHeight: string;
|
|
221
|
+
};
|
|
217
222
|
xsmall: {
|
|
218
223
|
fontSize: string;
|
|
219
224
|
lineHeight: string;
|
|
@@ -235,6 +240,11 @@ declare type ThemeComponent = {
|
|
|
235
240
|
stars: {
|
|
236
241
|
element: {
|
|
237
242
|
color: string;
|
|
243
|
+
xxsmall: {
|
|
244
|
+
width: string;
|
|
245
|
+
height: string;
|
|
246
|
+
marginRight: string;
|
|
247
|
+
};
|
|
238
248
|
xsmall: {
|
|
239
249
|
width: string;
|
|
240
250
|
height: string;
|
|
@@ -37,6 +37,7 @@ var ComponentSize;
|
|
|
37
37
|
ComponentSize["Medium"] = "medium";
|
|
38
38
|
ComponentSize["Small"] = "small";
|
|
39
39
|
ComponentSize["XSmall"] = "xsmall";
|
|
40
|
+
ComponentSize["XXSmall"] = "xxsmall";
|
|
40
41
|
})(ComponentSize || (ComponentSize = {}));
|
|
41
42
|
var ComponentPosition;
|
|
42
43
|
(function (ComponentPosition) {
|
|
@@ -418,6 +419,10 @@ var truekind = {
|
|
|
418
419
|
rating: {
|
|
419
420
|
fontWeight: 700,
|
|
420
421
|
size: {
|
|
422
|
+
xxsmall: {
|
|
423
|
+
fontSize: '0.563rem',
|
|
424
|
+
lineHeight: '0.563rem',
|
|
425
|
+
},
|
|
421
426
|
xsmall: {
|
|
422
427
|
fontSize: '0.625rem',
|
|
423
428
|
lineHeight: '0.625rem',
|
|
@@ -439,6 +444,11 @@ var truekind = {
|
|
|
439
444
|
stars: {
|
|
440
445
|
element: {
|
|
441
446
|
color: '#F2D96F',
|
|
447
|
+
xxsmall: {
|
|
448
|
+
width: '0.563rem',
|
|
449
|
+
height: '0.563rem',
|
|
450
|
+
marginRight: '0.1rem',
|
|
451
|
+
},
|
|
442
452
|
xsmall: {
|
|
443
453
|
width: '0.656rem',
|
|
444
454
|
height: '0.656rem',
|
package/package.json
CHANGED