@depersgroep/lfvp-design-tokens 0.379.0 → 0.381.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/assets/icons/rtlplay/kidsAvatar.svg +3 -0
- package/assets/icons/streamz/kidsAvatar.svg +3 -0
- package/assets/icons/vtmgo/kidsAvatar.svg +3 -0
- package/package.json +1 -1
- package/tokens/brands/rtlplay.json +19 -5
- package/tokens/brands/streamz.json +14 -0
- package/tokens/brands/vtmgo.json +14 -0
- package/tokens/brands/whitelabel.json +14 -0
- package/tokens/components/badge.json +7 -7
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.41249 2.34313C14.7458 0.91409 20.2278 4.07916 21.6569 9.41247C23.0859 14.7458 19.9209 20.2278 14.5876 21.6569C9.25427 23.0859 3.77222 19.9209 2.34314 14.5875C0.91407 9.25421 4.07914 3.77219 9.41249 2.34313ZM15.837 12.6588C15.3001 12.5489 14.7757 12.8905 14.6575 13.4236L14.6538 13.4369C14.6477 13.4576 14.6351 13.4975 14.6133 13.5517C14.5695 13.6608 14.4908 13.8231 14.3584 14.0031C14.1032 14.35 13.62 14.8038 12.6933 15.0521C11.7666 15.3004 11.1212 15.149 10.7268 14.9762C10.5221 14.8865 10.3727 14.7853 10.2802 14.7128C10.2343 14.6767 10.2034 14.6484 10.1878 14.6335L10.178 14.6238C9.80912 14.2213 9.18412 14.1877 8.77408 14.5513C8.35986 14.9186 8.32175 15.5522 8.68906 15.9665L8.69076 15.9682L8.69253 15.9702L8.69638 15.9745L8.70546 15.9845L8.72971 16.0102C8.74844 16.0298 8.77246 16.054 8.80176 16.082C8.86031 16.138 8.9405 16.2099 9.04231 16.2897C9.24564 16.4494 9.53899 16.6447 9.92221 16.8125C10.7036 17.1549 11.8151 17.363 13.2122 16.9886C14.6093 16.6142 15.4678 15.8783 15.9733 15.1911C16.2213 14.8542 16.3776 14.5384 16.4738 14.2985C16.5221 14.1784 16.5557 14.076 16.5784 13.9983C16.5898 13.9593 16.5985 13.9264 16.6049 13.9001L16.6131 13.8657L16.6159 13.8525L16.6171 13.8468L16.6177 13.8442L16.6181 13.8419C16.7291 13.2995 16.3794 12.7698 15.837 12.6588ZM8.18744 9.70064C7.4388 9.90126 6.99458 10.6708 7.19519 11.4194C7.39581 12.1681 8.16524 12.6123 8.91388 12.4117C9.66253 12.2111 10.1068 11.4417 9.90628 10.693C9.70568 9.94434 8.93611 9.50004 8.18744 9.70064ZM13.9196 8.16471C13.171 8.36533 12.7266 9.13489 12.9272 9.88354C13.1279 10.6322 13.8974 11.0764 14.6461 10.8758C15.3947 10.6752 15.839 9.90573 15.6385 9.15708C15.4379 8.40842 14.6683 7.96411 13.9196 8.16471Z" fill="white"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M14.1312 2.23189C19.526 3.40892 22.9451 8.73641 21.7681 14.1312C20.5911 19.5259 15.2636 22.9451 9.86886 21.7681C4.47407 20.5911 1.05488 15.2636 2.23189 9.86882C3.40891 4.47405 8.73645 1.05487 14.1312 2.23189ZM15.1073 14.3458C14.6806 14.0018 14.0579 14.0647 13.7083 14.4842L13.6989 14.4943C13.684 14.5099 13.6545 14.5396 13.6102 14.5778C13.5213 14.6546 13.3769 14.7627 13.1766 14.8619C12.7907 15.0531 12.1532 15.2346 11.2158 15.0301C10.2784 14.8256 9.7744 14.395 9.50317 14.0605C9.36245 13.8869 9.27609 13.7284 9.22725 13.6215C9.20296 13.5684 9.18852 13.5291 9.18152 13.5087L9.1772 13.4956C9.03409 12.9687 8.49413 12.6521 7.96296 12.7871C7.42638 12.9234 7.10182 13.4689 7.23816 14.0055L7.23887 14.0079L7.23952 14.0105L7.24099 14.016L7.24447 14.0291L7.25421 14.0631C7.26189 14.089 7.27212 14.1216 7.28529 14.1599C7.31163 14.2365 7.34989 14.3372 7.40375 14.4548C7.51115 14.6901 7.68224 14.9981 7.94577 15.323C8.48302 15.9858 9.3752 16.6806 10.7884 16.9889C12.2016 17.2973 13.3021 17.0372 14.0666 16.6585C14.4415 16.4728 14.7253 16.264 14.9209 16.0949C15.0189 16.0104 15.0957 15.9348 15.1515 15.8761C15.1795 15.8468 15.2024 15.8214 15.2201 15.801L15.2432 15.7742L15.2518 15.7638L15.2554 15.7593L15.2571 15.7573C15.2567 15.7568 15.2554 15.7593 15.2554 15.7593L15.2586 15.7554C15.606 15.3244 15.5383 14.6933 15.1073 14.3458ZM9.66713 8.20765C8.90985 8.04246 8.16207 8.52245 7.99685 9.27973C7.83167 10.037 8.31156 10.7847 9.06881 10.95C9.82609 11.1152 10.5739 10.6353 10.7392 9.87804C10.9044 9.12075 10.4244 8.37288 9.66713 8.20765ZM15.4653 9.47269C14.7081 9.30748 13.9602 9.78746 13.7949 10.5447C13.6298 11.302 14.1098 12.0498 14.867 12.215C15.6243 12.3802 16.3721 11.9003 16.5374 11.1431C16.7026 10.3858 16.2226 9.63791 15.4653 9.47269Z" fill="white"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M13.9239 1.29073C14.3085 1.36728 14.6644 1.54916 14.9517 1.81613C15.2389 2.08309 15.4462 2.42464 15.5507 2.8026L16.9471 7.7847L21.7632 9.5345C22.1319 9.66716 22.4578 9.89697 22.7065 10.1997C22.9552 10.5024 23.1174 10.8669 23.176 11.2542C23.2201 11.6456 23.1534 12.0416 22.9835 12.3969C22.8135 12.7522 22.5472 13.0526 22.2148 13.2639L17.8899 16.0569L17.7617 21.1815C17.7528 21.5763 17.6336 21.9608 17.4176 22.2913C17.2016 22.6219 16.8974 22.8854 16.5394 23.0521C16.1815 23.2188 15.784 23.2821 15.392 23.2347C15 23.1873 14.629 23.0312 14.3211 22.784L10.2922 19.5365L5.32677 20.9937C4.94988 21.1037 4.54968 21.1059 4.17158 21.0002C3.79347 20.8944 3.45252 20.6847 3.18738 20.3952C2.91561 20.1093 2.73099 19.7519 2.65516 19.3648C2.57934 18.9777 2.61549 18.577 2.75935 18.2097L4.60604 13.4128L1.63033 9.13792C1.40138 8.81402 1.27017 8.43122 1.25214 8.03499C1.23412 7.63874 1.33007 7.24556 1.52868 6.90221C1.72494 6.56412 2.01108 6.28699 2.35524 6.10157C2.69939 5.91616 3.08818 5.82971 3.47847 5.85177L8.64465 6.13212L11.8423 2.06445C12.0835 1.75528 12.4059 1.51919 12.7735 1.38256C13.141 1.24594 13.5393 1.21418 13.9239 1.29073ZM11.794 13.8145C10.6633 13.5895 9.64804 13.4572 9.42718 14.1089C9.20213 15.2396 9.93628 16.3386 11.0669 16.5636C12.1976 16.7887 13.2967 16.0546 13.5218 14.9239C13.5574 14.3799 12.9246 14.0396 11.794 13.8145ZM13.9986 10.7475C13.4795 10.6442 12.975 10.9813 12.8716 11.5003C12.7683 12.0194 13.1053 12.524 13.6244 12.6273C14.1435 12.7306 14.648 12.3936 14.7514 11.8745C14.8547 11.3554 14.5177 10.8509 13.9986 10.7475ZM10.4092 9.99981C9.89011 9.89649 9.38557 10.2335 9.28225 10.7526C9.17892 11.2717 9.51595 11.7762 10.035 11.8795C10.5541 11.9829 11.0587 11.6458 11.162 11.1268C11.2653 10.6077 10.9283 10.1031 10.4092 9.99981Z" fill="white"/>
|
|
3
|
+
</svg>
|
package/package.json
CHANGED
|
@@ -24,24 +24,24 @@
|
|
|
24
24
|
},
|
|
25
25
|
"30": {
|
|
26
26
|
"$type": "color",
|
|
27
|
-
"$value": "#
|
|
27
|
+
"$value": "#831633"
|
|
28
28
|
},
|
|
29
29
|
"40": {
|
|
30
30
|
"$type": "color",
|
|
31
|
-
"$value": "#
|
|
31
|
+
"$value": "#AF1D45"
|
|
32
32
|
},
|
|
33
33
|
"45": {
|
|
34
34
|
"$type": "color",
|
|
35
|
-
"$value": "#
|
|
35
|
+
"$value": "#C5214D"
|
|
36
36
|
},
|
|
37
37
|
"50": {
|
|
38
38
|
"$type": "color",
|
|
39
|
-
"$value": "#
|
|
39
|
+
"$value": "#D92455",
|
|
40
40
|
"$description": "Primary"
|
|
41
41
|
},
|
|
42
42
|
"60": {
|
|
43
43
|
"$type": "color",
|
|
44
|
-
"$value": "#
|
|
44
|
+
"$value": "#E25078"
|
|
45
45
|
},
|
|
46
46
|
"70": {
|
|
47
47
|
"$type": "color",
|
|
@@ -392,6 +392,10 @@
|
|
|
392
392
|
"$type": "borderRadius",
|
|
393
393
|
"$value": "{core.borderRadius.full}"
|
|
394
394
|
},
|
|
395
|
+
"badge": {
|
|
396
|
+
"$type": "borderRadius",
|
|
397
|
+
"$value": "{core.borderRadius.full}"
|
|
398
|
+
},
|
|
395
399
|
"pill": {
|
|
396
400
|
"$type": "borderRadius",
|
|
397
401
|
"$value": "{core.borderRadius.full}"
|
|
@@ -549,6 +553,16 @@
|
|
|
549
553
|
"$type": "color",
|
|
550
554
|
"$value": "{base.colorSet.neutrals.dark3}"
|
|
551
555
|
}
|
|
556
|
+
},
|
|
557
|
+
"badge": {
|
|
558
|
+
"backgroundColor": {
|
|
559
|
+
"$type": "color",
|
|
560
|
+
"$value": "{core.color.primary.50}"
|
|
561
|
+
},
|
|
562
|
+
"iconColor": {
|
|
563
|
+
"$type": "color",
|
|
564
|
+
"$value": "{core.color.primary.50}"
|
|
565
|
+
}
|
|
552
566
|
}
|
|
553
567
|
},
|
|
554
568
|
"sizing": {
|
|
@@ -392,6 +392,10 @@
|
|
|
392
392
|
"$type": "borderRadius",
|
|
393
393
|
"$value": "{base.ui.borderRadius.flex.br3}"
|
|
394
394
|
},
|
|
395
|
+
"badge": {
|
|
396
|
+
"$type": "borderRadius",
|
|
397
|
+
"$value": "{badge.small.fontSize}/3"
|
|
398
|
+
},
|
|
395
399
|
"pill": {
|
|
396
400
|
"$type": "borderRadius",
|
|
397
401
|
"$value": "{base.ui.borderRadius.flex.br2}"
|
|
@@ -549,6 +553,16 @@
|
|
|
549
553
|
"$type": "color",
|
|
550
554
|
"$value": "{base.colorSet.neutrals.dark2}"
|
|
551
555
|
}
|
|
556
|
+
},
|
|
557
|
+
"badge": {
|
|
558
|
+
"backgroundColor": {
|
|
559
|
+
"$type": "color",
|
|
560
|
+
"$value": "{core.color.primary.40}"
|
|
561
|
+
},
|
|
562
|
+
"iconColor": {
|
|
563
|
+
"$type": "color",
|
|
564
|
+
"$value": "{core.color.primary.50}"
|
|
565
|
+
}
|
|
552
566
|
}
|
|
553
567
|
},
|
|
554
568
|
"sizing": {
|
package/tokens/brands/vtmgo.json
CHANGED
|
@@ -392,6 +392,10 @@
|
|
|
392
392
|
"$type": "borderRadius",
|
|
393
393
|
"$value": "{base.ui.borderRadius.flex.br4}"
|
|
394
394
|
},
|
|
395
|
+
"badge": {
|
|
396
|
+
"$type": "borderRadius",
|
|
397
|
+
"$value": "{badge.small.fontSize}/3"
|
|
398
|
+
},
|
|
395
399
|
"pill": {
|
|
396
400
|
"$type": "borderRadius",
|
|
397
401
|
"$value": "{base.ui.borderRadius.flex.br4}"
|
|
@@ -549,6 +553,16 @@
|
|
|
549
553
|
"$type": "color",
|
|
550
554
|
"$value": "{base.colorSet.neutrals.dark4}"
|
|
551
555
|
}
|
|
556
|
+
},
|
|
557
|
+
"badge": {
|
|
558
|
+
"backgroundColor": {
|
|
559
|
+
"$type": "color",
|
|
560
|
+
"$value": "{core.color.primary.40}"
|
|
561
|
+
},
|
|
562
|
+
"iconColor": {
|
|
563
|
+
"$type": "color",
|
|
564
|
+
"$value": "{core.color.primary.50}"
|
|
565
|
+
}
|
|
552
566
|
}
|
|
553
567
|
},
|
|
554
568
|
"sizing": {
|
|
@@ -392,6 +392,10 @@
|
|
|
392
392
|
"$type": "borderRadius",
|
|
393
393
|
"$value": "{core.borderRadius.4}"
|
|
394
394
|
},
|
|
395
|
+
"badge": {
|
|
396
|
+
"$type": "borderRadius",
|
|
397
|
+
"$value": "{core.borderRadius.4}"
|
|
398
|
+
},
|
|
395
399
|
"pill": {
|
|
396
400
|
"$type": "borderRadius",
|
|
397
401
|
"$value": "{base.ui.borderRadius.flex.br2}"
|
|
@@ -549,6 +553,16 @@
|
|
|
549
553
|
"$type": "color",
|
|
550
554
|
"$value": "{base.colorSet.neutrals.dark2}"
|
|
551
555
|
}
|
|
556
|
+
},
|
|
557
|
+
"badge": {
|
|
558
|
+
"backgroundColor": {
|
|
559
|
+
"$type": "color",
|
|
560
|
+
"$value": "{core.color.primary.45}"
|
|
561
|
+
},
|
|
562
|
+
"iconColor": {
|
|
563
|
+
"$type": "color",
|
|
564
|
+
"$value": "{core.color.primary.45}"
|
|
565
|
+
}
|
|
552
566
|
}
|
|
553
567
|
},
|
|
554
568
|
"sizing": {
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
},
|
|
8
8
|
"horizontalPadding": {
|
|
9
9
|
"$type": "spacing",
|
|
10
|
-
"$value": "{badge.small.fontSize}/
|
|
10
|
+
"$value": "{badge.small.fontSize}/2.5"
|
|
11
11
|
},
|
|
12
12
|
"gap": {
|
|
13
13
|
"$type": "spacing",
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
},
|
|
24
24
|
"borderRadius": {
|
|
25
25
|
"$type": "borderRadius",
|
|
26
|
-
"$value": "{
|
|
26
|
+
"$value": "{base.borderRadius.badge}"
|
|
27
27
|
},
|
|
28
28
|
"iconSize": {
|
|
29
29
|
"$type": "sizing",
|
|
@@ -45,11 +45,11 @@
|
|
|
45
45
|
},
|
|
46
46
|
"horizontalPadding": {
|
|
47
47
|
"$type": "spacing",
|
|
48
|
-
"$value": "{badge.medium.fontSize}/
|
|
48
|
+
"$value": "{badge.medium.fontSize}/2.5"
|
|
49
49
|
},
|
|
50
50
|
"gap": {
|
|
51
51
|
"$type": "spacing",
|
|
52
|
-
"$value": "{badge.medium.fontSize}/
|
|
52
|
+
"$value": "{badge.medium.fontSize}/2"
|
|
53
53
|
},
|
|
54
54
|
"margin": {
|
|
55
55
|
"$type": "spacing",
|
|
@@ -61,7 +61,7 @@
|
|
|
61
61
|
},
|
|
62
62
|
"borderRadius": {
|
|
63
63
|
"$type": "borderRadius",
|
|
64
|
-
"$value": "{
|
|
64
|
+
"$value": "{base.borderRadius.badge}"
|
|
65
65
|
},
|
|
66
66
|
"iconSize": {
|
|
67
67
|
"$type": "sizing",
|
|
@@ -83,7 +83,7 @@
|
|
|
83
83
|
},
|
|
84
84
|
"iconColor": {
|
|
85
85
|
"$type": "color",
|
|
86
|
-
"$value": "{base.color.
|
|
86
|
+
"$value": "{base.color.badge.iconColor}"
|
|
87
87
|
},
|
|
88
88
|
"textColor": {
|
|
89
89
|
"$type": "color",
|
|
@@ -93,7 +93,7 @@
|
|
|
93
93
|
"highlight": {
|
|
94
94
|
"backgroundColor": {
|
|
95
95
|
"$type": "color",
|
|
96
|
-
"$value": "{base.color.
|
|
96
|
+
"$value": "{base.color.badge.backgroundColor}"
|
|
97
97
|
},
|
|
98
98
|
"iconColor": {
|
|
99
99
|
"$type": "color",
|