be-components 6.2.1 → 6.2.2

package/src/Components/Icons.tsx

@@ -1086,6 +1086,30 @@ const PreferencesIcon = ({ color, size }:IconProps) => {
     )
 }
 
+const OpenStar = ({color, size}:IconProps) => {
+    return (
+        <Svg width={`${size??30}px`} height={`${size??30}px`} viewBox="0 0 40 40">
+            <G id="Page-1" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
+                <G id="star-svgrepo-com-(2)" transform="translate(0.000000, 0.000000)" fill={color ?? Colors.brand.midnight}>
+                    <Path d="M18.6838986,3.82904638 C17.9512394,4.78561495 17.1244397,6.2614822 15.9234406,8.4159987 L15.3137595,9.50970364 C15.277015,9.57562064 15.2407355,9.64092368 15.2048095,9.70559415 C14.6452871,10.7124888 14.1730587,11.56234 13.4121016,12.1400021 C12.6429583,12.7238782 11.7053295,12.9345968 10.6156246,13.1794925 C10.5455959,13.1952136 10.4749347,13.2111021 10.4036409,13.2272325 L9.21972103,13.4951052 C6.88421651,14.0235389 5.29539919,14.3871149 4.20712687,14.815994 C3.1451618,15.2344916 2.92099192,15.5773791 2.83555843,15.8521542 C2.7453807,16.1421294 2.7427016,16.5856691 3.37757364,17.5942383 C4.02195275,18.6178773 5.10901576,19.8945424 6.69885635,21.7537255 L7.50597212,22.6975497 C7.55287496,22.752434 7.59936849,22.8065741 7.64537829,22.8603422 C8.39519111,23.7349564 9.02037002,24.4640806 9.30714524,25.3863232 C9.59219021,26.3029843 9.49771476,27.2661576 9.38316467,28.4339843 C9.37613204,28.505613 9.36904359,28.5779859 9.36193653,28.651289 L9.2399073,29.9104655 C8.99973724,32.3890042 8.83780059,34.0956274 8.89257328,35.3248501 C8.94721574,36.5520263 9.20639996,36.8911928 9.41244871,37.0474735 C9.59572513,37.1866378 9.93450091,37.340686 11.0381967,37.0244035 C12.1598275,36.7030977 13.6505228,36.0210437 15.8373932,35.0141491 L16.9458331,34.5038179 C17.014113,34.4723757 17.0818346,34.4411195 17.1488121,34.4100494 C18.1624045,33.9415792 19.0416699,33.5348771 20.0011223,33.5348771 C20.9605746,33.5348771 21.83984,33.9415792 22.8534324,34.4100494 C22.9205959,34.4411195 22.9881316,34.4723757 23.0564114,34.5038179 L24.1648886,35.0141491 C26.3517031,36.0210437 27.84251,36.7030977 28.9641967,37.0244035 C30.0678366,37.340686 30.406631,37.1866378 30.5898888,37.0474735 C30.7958446,36.8911928 31.0550102,36.5520263 31.1097084,35.3248501 C31.1644067,34.0956274 31.0025445,32.3890042 30.7623558,29.9104655 L30.640308,28.651289 C30.6332381,28.5779859 30.6261683,28.505613 30.6190984,28.4339843 C30.5046786,27.2661576 30.4101659,26.3029843 30.6951923,25.3863232 C30.9818931,24.4640806 31.6072022,23.7349564 32.3569778,22.8601561 C32.4029318,22.8065741 32.449444,22.752434 32.4963282,22.6975497 L33.3034068,21.7537255 C34.8931915,19.8945424 35.9802732,18.6178773 36.6247453,17.5942383 C37.2595429,16.5856691 37.2569382,16.1421294 37.1667047,15.8521542 C37.0813084,15.5773791 36.8571199,15.2344916 35.7951549,14.815994 C34.7069569,14.3871149 33.1181024,14.0235389 30.7826351,13.4951052 L29.5986222,13.2272325 C29.5273656,13.2111021 29.4566672,13.1952136 29.3867129,13.1794739 C28.2970266,12.9345968 27.359342,12.7238782 26.5902173,12.1400021 C25.8292788,11.56234 25.3570876,10.7124888 24.7974536,9.70559415 C24.7615462,9.64092368 24.7252668,9.57562064 24.6886152,9.50970364 L24.0789341,8.4159987 C22.8778048,6.2614822 22.0510051,4.78561495 21.318532,3.82904638 C20.586617,2.87338946 20.2128455,2.79072809 20.0011223,2.79072809 C19.7895851,2.79072809 19.4156275,2.87338946 18.6838986,3.82904638 Z M16.4682465,2.13230231 C17.3549539,0.974205966 18.4511519,0 20.0011223,0 C21.5510926,0 22.6472906,0.974205966 23.534184,2.13230231 C24.4056354,3.27023099 25.3295524,4.92797929 26.4588671,6.95404788 L27.1260371,8.15089814 C27.8564637,9.46099614 28.0432564,9.73930615 28.2776776,9.91720576 C28.5031684,10.0884262 28.7941483,10.1839249 30.2144429,10.5053052 L31.5169687,10.7999689 C33.7041553,11.2947836 35.5060354,11.7024345 36.8184218,12.2195936 C38.1806692,12.7564367 39.3726822,13.5476825 39.831664,15.0234568 C40.2858084,16.4840866 39.7752913,17.8277292 38.9864454,19.0809521 C38.2199255,20.2986398 36.99554,21.7300973 35.5000819,23.4789536 L34.6172816,24.5113369 C33.6554106,25.6360003 33.4544782,25.9113522 33.3599655,26.2149834 C33.2637784,26.5247542 33.2727088,26.8825255 33.4180127,28.3820768 L33.5512234,29.755301 C33.7776445,32.0922567 33.9623907,33.9977659 33.8976458,35.4491305 C33.8319707,36.9263559 33.4963391,38.34479 32.2773491,39.2703815 C31.035289,40.2130894 29.5904361,40.1068557 28.1954441,39.7072235 C26.8428712,39.3196843 25.1567133,38.5431177 23.1090631,37.6004098 L21.8893289,37.0387293 C20.5546167,36.4242109 20.2688461,36.3256052 20.0011223,36.3256052 C19.7333984,36.3256052 19.4476279,36.4242109 18.1131017,37.0387293 L16.8931814,37.6004098 C14.84568,38.5431177 13.1594663,39.3196843 11.8068934,39.7072235 C10.4119387,40.1068557 8.96695549,40.2130894 7.72504428,39.2703815 C6.50590541,38.34479 6.17040408,36.9263559 6.10459871,35.4491305 C6.03994684,33.9977659 6.22465583,32.0920707 6.45115132,29.755301 L6.58423184,28.3820768 C6.72953575,26.8825255 6.73859632,26.5247542 6.64229759,26.2149834 C6.54784075,25.9113522 6.34690833,25.6360003 5.38501877,24.5113369 L4.50225566,23.4789536 C3.00670448,21.7302833 1.78237486,20.2986398 1.01585488,19.0809521 C0.226934649,17.8277292 -0.283489518,16.4840866 0.170710781,15.0234568 C0.629636713,13.5476825 1.82170552,12.7564367 3.18393432,12.2195936 C4.4962463,11.7024345 6.29816361,11.2947836 8.48542466,10.7999689 L8.60386316,10.7731779 L9.78778304,10.5053052 C11.2081334,10.1839435 11.4991319,10.0884262 11.7247158,9.91720576 C11.9590439,9.73930615 12.1458739,9.46099614 12.8761888,8.15089814 L13.5433589,6.95402928 C14.6727107,4.92797929 15.596758,3.27023099 16.4682465,2.13230231 Z" id="Shape"></Path>
+                </G>
+            </G>
+        </Svg>
+    )
+}
+
+const FilledStar = ({color, size}:IconProps) => {
+    return (
+        <Svg width={`${size??30}px`} height={`${size??30}px`} viewBox="0 0 40 40">
+            <G id="Page-1" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
+                <G id="star-svgrepo-com" transform="translate(0.000000, 0.000000)" fill={color ?? Colors.brand.midnight} fillRule="nonzero">
+                    <Path d="M14.3063059,6.81675141 C16.8395827,2.27225714 18.1061811,0 19.9999787,0 C21.8937763,0 23.1603747,2.27223714 25.6935715,6.81673141 L26.3489707,7.99244993 C27.0689698,9.28384831 27.4287693,9.92956749 27.9901686,10.355607 C28.5513679,10.7816464 29.250167,10.9397862 30.6481653,11.2560858 L31.9209637,11.5440455 C36.8401575,12.6571041 39.2999544,13.2136234 39.8851536,15.095441 C40.4703529,16.9771786 38.793555,18.9381761 35.4397592,22.8597712 L34.5721603,23.8743699 C33.6191615,24.9887685 33.1425621,25.5459678 32.9281624,26.235367 C32.7139627,26.9247661 32.7859626,27.6681652 32.9299624,29.1551633 L33.0611622,30.5087616 C33.5681616,35.741155 33.8217613,38.3573517 32.2897632,39.5203502 C30.7575651,40.6833488 28.454568,39.6229501 23.8485738,37.5023528 L22.6569753,36.9535535 C21.348177,36.3509542 20.6937778,36.0495546 19.9999787,36.0495546 C19.3061796,36.0495546 18.6517804,36.3509542 17.342982,36.9535535 L16.1513835,37.5023528 C11.5453493,39.6229501 9.24235224,40.6833488 7.71029417,39.5203502 C6.1782361,38.3573517 6.43175578,35.741155 6.93879514,30.5087616 L7.06995498,29.1551633 C7.2140548,27.6681652 7.28609471,26.9247661 7.07171498,26.235367 C6.85735525,25.5459678 6.38085585,24.9887685 5.42783705,23.8743699 L4.56019814,22.8597712 C1.20650236,18.9381761 -0.470355524,16.9771786 0.114843738,15.095441 C0.700043001,13.2136234 3.1597199,12.6571041 8.07907371,11.5440455 L9.3517721,11.2560858 C10.7496903,10.9397862 11.4486495,10.7816464 12.0098688,10.355607 C12.571088,9.92956749 12.9310476,9.28386831 13.6509267,7.99244993 L14.3063059,6.81675141 Z" id="Path"></Path>
+                </G>
+            </G>
+        </Svg>
+    )
+}
+
 
  const ListIcon = ({ color, size }: IconProps) => {
     let ratio = 1.4
@@ -1594,6 +1618,8 @@ export default {
     SelectorIcon,
     CloseIcon,
     BettorEdgeIcon,
+    FilledStar,
+    OpenStar,
     LeaderboardIcon,
     BirthdayIcon,
     CheckIcon,