@widergy/energy-ui 3.1.2 → 3.1.3

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+## [3.1.3](https://github.com/widergy/energy-ui/compare/v3.1.2...v3.1.3) (2024-01-11)
+
+
+### Bug Fixes
+
+* updated rating assets ([#397](https://github.com/widergy/energy-ui/issues/397)) ([8c801b4](https://github.com/widergy/energy-ui/commit/8c801b4db9b6f580c2f43b72f3cc474d6cda3ac5))
+
 ## [3.1.2](https://github.com/widergy/energy-ui/compare/v3.1.1...v3.1.2) (2024-01-11)
 
 

package/dist/components/UTRating/components/Faces/assets/mood-confuzed-selected.svg

@@ -0,0 +1,4 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="24" cy="24" r="20" fill="#FFD6D7"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24 8C15.1634 8 8 15.1634 8 24C8 32.8366 15.1634 40 24 40C32.8366 40 40 32.8366 40 24C40 15.1634 32.8366 8 24 8ZM4 24C4 12.9543 12.9543 4 24 4C35.0457 4 44 12.9543 44 24C44 35.0457 35.0457 44 24 44C12.9543 44 4 35.0457 4 24ZM16 20C16 18.8954 16.8954 18 18 18H18.02C19.1246 18 20.02 18.8954 20.02 20C20.02 21.1046 19.1246 22 18.02 22H18C16.8954 22 16 21.1046 16 20ZM28 20C28 18.8954 28.8954 18 30 18H30.02C31.1246 18 32.02 18.8954 32.02 20C32.02 21.1046 31.1246 22 30.02 22H30C28.8954 22 28 21.1046 28 20ZM30.8613 30.9955C27.0664 30.7317 23.2856 31.6769 20.0613 33.6955C19.1251 34.2816 17.891 33.9978 17.3048 33.0616C16.7187 32.1254 17.0025 30.8913 17.9387 30.3051C21.8795 27.838 26.5005 26.6827 31.1387 27.0051C32.2406 27.0817 33.0718 28.0371 32.9952 29.139C32.9186 30.2409 31.9632 31.0721 30.8613 30.9955Z" fill="#E00002"/>
+</svg>

package/dist/components/UTRating/components/Faces/assets/mood-confuzed.svg

@@ -1,3 +1,3 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4ZM2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12ZM8 10C8 9.44772 8.44772 9 9 9H9.01C9.56228 9 10.01 9.44772 10.01 10C10.01 10.5523 9.56228 11 9.01 11H9C8.44772 11 8 10.5523 8 10ZM14 10C14 9.44772 14.4477 9 15 9H15.01C15.5623 9 16.01 9.44772 16.01 10C16.01 10.5523 15.5623 11 15.01 11H15C14.4477 11 14 10.5523 14 10ZM15.4306 15.4978C13.5332 15.3658 11.6428 15.8385 10.0306 16.8478C9.56254 17.1408 8.94548 16.9989 8.65241 16.5308C8.35934 16.0627 8.50124 15.4456 8.96935 15.1526C10.9397 13.919 13.2503 13.3413 15.5694 13.5026C16.1203 13.5409 16.5359 14.0186 16.4976 14.5695C16.4593 15.1205 15.9816 15.5361 15.4306 15.4978Z" fill="#091E42"/>
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24 8C15.1634 8 8 15.1634 8 24C8 32.8366 15.1634 40 24 40C32.8366 40 40 32.8366 40 24C40 15.1634 32.8366 8 24 8ZM4 24C4 12.9543 12.9543 4 24 4C35.0457 4 44 12.9543 44 24C44 35.0457 35.0457 44 24 44C12.9543 44 4 35.0457 4 24ZM16 20C16 18.8954 16.8954 18 18 18H18.02C19.1246 18 20.02 18.8954 20.02 20C20.02 21.1046 19.1246 22 18.02 22H18C16.8954 22 16 21.1046 16 20ZM28 20C28 18.8954 28.8954 18 30 18H30.02C31.1246 18 32.02 18.8954 32.02 20C32.02 21.1046 31.1246 22 30.02 22H30C28.8954 22 28 21.1046 28 20ZM30.8613 30.9955C27.0664 30.7317 23.2856 31.6769 20.0613 33.6955C19.1251 34.2816 17.891 33.9978 17.3048 33.0616C16.7187 32.1254 17.0025 30.8913 17.9387 30.3051C21.8795 27.838 26.5005 26.6827 31.1387 27.0051C32.2406 27.0817 33.0718 28.0371 32.9952 29.139C32.9186 30.2409 31.9632 31.0721 30.8613 30.9955Z" fill="#677489"/>
 </svg>

package/dist/components/UTRating/components/Faces/assets/mood-empty-selected.svg

@@ -0,0 +1,4 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="24" cy="24" r="20" fill="#FFF5D6"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24 8C15.1634 8 8 15.1634 8 24C8 32.8366 15.1634 40 24 40C32.8366 40 40 32.8366 40 24C40 15.1634 32.8366 8 24 8ZM4 24C4 12.9543 12.9543 4 24 4C35.0457 4 44 12.9543 44 24C44 35.0457 35.0457 44 24 44C12.9543 44 4 35.0457 4 24ZM16 20C16 18.8954 16.8954 18 18 18H18.02C19.1246 18 20.02 18.8954 20.02 20C20.02 21.1046 19.1246 22 18.02 22H18C16.8954 22 16 21.1046 16 20ZM28 20C28 18.8954 28.8954 18 30 18H30.02C31.1246 18 32.02 18.8954 32.02 20C32.02 21.1046 31.1246 22 30.02 22H30C28.8954 22 28 21.1046 28 20ZM16 30C16 28.8954 16.8954 28 18 28H30C31.1046 28 32 28.8954 32 30C32 31.1046 31.1046 32 30 32H18C16.8954 32 16 31.1046 16 30Z" fill="#C29400"/>
+</svg>

package/dist/components/UTRating/components/Faces/assets/mood-empty.svg

@@ -1,3 +1,3 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4ZM2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12ZM8 10C8 9.44772 8.44772 9 9 9H9.01C9.56228 9 10.01 9.44772 10.01 10C10.01 10.5523 9.56228 11 9.01 11H9C8.44772 11 8 10.5523 8 10ZM14 10C14 9.44772 14.4477 9 15 9H15.01C15.5623 9 16.01 9.44772 16.01 10C16.01 10.5523 15.5623 11 15.01 11H15C14.4477 11 14 10.5523 14 10ZM8 15C8 14.4477 8.44772 14 9 14H15C15.5523 14 16 14.4477 16 15C16 15.5523 15.5523 16 15 16H9C8.44772 16 8 15.5523 8 15Z" fill="#091E42"/>
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24 8C15.1634 8 8 15.1634 8 24C8 32.8366 15.1634 40 24 40C32.8366 40 40 32.8366 40 24C40 15.1634 32.8366 8 24 8ZM4 24C4 12.9543 12.9543 4 24 4C35.0457 4 44 12.9543 44 24C44 35.0457 35.0457 44 24 44C12.9543 44 4 35.0457 4 24ZM16 20C16 18.8954 16.8954 18 18 18H18.02C19.1246 18 20.02 18.8954 20.02 20C20.02 21.1046 19.1246 22 18.02 22H18C16.8954 22 16 21.1046 16 20ZM28 20C28 18.8954 28.8954 18 30 18H30.02C31.1246 18 32.02 18.8954 32.02 20C32.02 21.1046 31.1246 22 30.02 22H30C28.8954 22 28 21.1046 28 20ZM16 30C16 28.8954 16.8954 28 18 28H30C31.1046 28 32 28.8954 32 30C32 31.1046 31.1046 32 30 32H18C16.8954 32 16 31.1046 16 30Z" fill="#677489"/>
 </svg>

package/dist/components/UTRating/components/Faces/assets/mood-happy-selected.svg

@@ -0,0 +1,4 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="24" cy="24" r="20" fill="#CDFED8"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24 8C15.1634 8 8 15.1634 8 24C8 32.8366 15.1634 40 24 40C32.8366 40 40 32.8366 40 24C40 15.1634 32.8366 8 24 8ZM4 24C4 12.9543 12.9543 4 24 4C35.0457 4 44 12.9543 44 24C44 35.0457 35.0457 44 24 44C12.9543 44 4 35.0457 4 24ZM16 18C16 16.8954 16.8954 16 18 16H18.02C19.1246 16 20.02 16.8954 20.02 18C20.02 19.1046 19.1246 20 18.02 20H18C16.8954 20 16 19.1046 16 18ZM28 18C28 16.8954 28.8954 16 30 16H30.02C31.1246 16 32.02 16.8954 32.02 18C32.02 19.1046 31.1246 20 30.02 20H30C28.8954 20 28 19.1046 28 18ZM14.5858 24.5858C14.9609 24.2107 15.4696 24 16 24H32C32.5304 24 33.0391 24.2107 33.4142 24.5858C33.7893 24.9609 34 25.4696 34 26C34 28.6522 32.9464 31.1957 31.0711 33.0711C29.1957 34.9464 26.6522 36 24 36C21.3478 36 18.8043 34.9464 16.9289 33.0711C15.0536 31.1957 14 28.6522 14 26C14 25.4696 14.2107 24.9609 14.5858 24.5858ZM18.3431 28C18.6387 28.8358 19.1185 29.6038 19.7574 30.2426C20.8826 31.3679 22.4087 32 24 32C25.5913 32 27.1174 31.3679 28.2426 30.2426C28.8815 29.6038 29.3613 28.8358 29.6569 28H18.3431Z" fill="#048B21"/>
+</svg>

package/dist/components/UTRating/components/Faces/assets/mood-happy.svg

@@ -1,3 +1,3 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4ZM2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12ZM8 9C8 8.44772 8.44772 8 9 8H9.01C9.56228 8 10.01 8.44772 10.01 9C10.01 9.55228 9.56228 10 9.01 10H9C8.44772 10 8 9.55228 8 9ZM14 9C14 8.44772 14.4477 8 15 8H15.01C15.5623 8 16.01 8.44772 16.01 9C16.01 9.55228 15.5623 10 15.01 10H15C14.4477 10 14 9.55228 14 9ZM7.29289 12.2929C7.48043 12.1054 7.73478 12 8 12H16C16.2652 12 16.5196 12.1054 16.7071 12.2929C16.8946 12.4804 17 12.7348 17 13C17 14.3261 16.4732 15.5979 15.5355 16.5355C14.5979 17.4732 13.3261 18 12 18C10.6739 18 9.40215 17.4732 8.46447 16.5355C7.52678 15.5979 7 14.3261 7 13C7 12.7348 7.10536 12.4804 7.29289 12.2929ZM9.17157 14C9.31933 14.4179 9.55927 14.8019 9.87868 15.1213C10.4413 15.6839 11.2044 16 12 16C12.7956 16 13.5587 15.6839 14.1213 15.1213C14.4407 14.8019 14.6807 14.4179 14.8284 14H9.17157Z" fill="#091E42"/>
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24 8C15.1634 8 8 15.1634 8 24C8 32.8366 15.1634 40 24 40C32.8366 40 40 32.8366 40 24C40 15.1634 32.8366 8 24 8ZM4 24C4 12.9543 12.9543 4 24 4C35.0457 4 44 12.9543 44 24C44 35.0457 35.0457 44 24 44C12.9543 44 4 35.0457 4 24ZM16 18C16 16.8954 16.8954 16 18 16H18.02C19.1246 16 20.02 16.8954 20.02 18C20.02 19.1046 19.1246 20 18.02 20H18C16.8954 20 16 19.1046 16 18ZM28 18C28 16.8954 28.8954 16 30 16H30.02C31.1246 16 32.02 16.8954 32.02 18C32.02 19.1046 31.1246 20 30.02 20H30C28.8954 20 28 19.1046 28 18ZM14.5858 24.5858C14.9609 24.2107 15.4696 24 16 24H32C32.5304 24 33.0391 24.2107 33.4142 24.5858C33.7893 24.9609 34 25.4696 34 26C34 28.6522 32.9464 31.1957 31.0711 33.0711C29.1957 34.9464 26.6522 36 24 36C21.3478 36 18.8043 34.9464 16.9289 33.0711C15.0536 31.1957 14 28.6522 14 26C14 25.4696 14.2107 24.9609 14.5858 24.5858ZM18.3431 28C18.6387 28.8358 19.1185 29.6038 19.7574 30.2426C20.8826 31.3679 22.4087 32 24 32C25.5913 32 27.1174 31.3679 28.2426 30.2426C28.8815 29.6038 29.3613 28.8358 29.6569 28H18.3431Z" fill="#677489"/>
 </svg>

package/dist/components/UTRating/components/Faces/assets/mood-sad-selected.svg

@@ -0,0 +1,4 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="24" cy="24" r="20" fill="#FFE7D7"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24 8C15.1634 8 8 15.1634 8 24C8 32.8366 15.1634 40 24 40C32.8366 40 40 32.8366 40 24C40 15.1634 32.8366 8 24 8ZM4 24C4 12.9543 12.9543 4 24 4C35.0457 4 44 12.9543 44 24C44 35.0457 35.0457 44 24 44C12.9543 44 4 35.0457 4 24ZM16 20C16 18.8954 16.8954 18 18 18H18.02C19.1246 18 20.02 18.8954 20.02 20C20.02 21.1046 19.1246 22 18.02 22H18C16.8954 22 16 21.1046 16 20ZM28 20C28 18.8954 28.8954 18 30 18H30.02C31.1246 18 32.02 18.8954 32.02 20C32.02 21.1046 31.1246 22 30.02 22H30C28.8954 22 28 21.1046 28 20ZM24 30.3994C23.3348 30.3994 22.6763 30.5321 22.063 30.7898C21.4498 31.0475 20.8941 31.425 20.4286 31.9001C19.6555 32.6891 18.3893 32.702 17.6003 31.929C16.8113 31.156 16.7984 29.8897 17.5714 29.1007C18.4094 28.2455 19.4096 27.566 20.5135 27.1022C21.6173 26.6383 22.8026 26.3994 24 26.3994C25.1974 26.3994 26.3827 26.6383 27.4865 27.1022C28.5904 27.566 29.5906 28.2455 30.4286 29.1007C31.2016 29.8897 31.1887 31.156 30.3997 31.929C29.6107 32.702 28.3445 32.6891 27.5714 31.9001C27.1059 31.425 26.5502 31.0475 25.937 30.7898C25.3237 30.5321 24.6652 30.3994 24 30.3994Z" fill="#EA6001"/>
+</svg>

package/dist/components/UTRating/components/Faces/assets/mood-sad.svg

@@ -1,3 +1,3 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4ZM2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12ZM8 10C8 9.44772 8.44772 9 9 9H9.01C9.56228 9 10.01 9.44772 10.01 10C10.01 10.5523 9.56228 11 9.01 11H9C8.44772 11 8 10.5523 8 10ZM14 10C14 9.44772 14.4477 9 15 9H15.01C15.5623 9 16.01 9.44772 16.01 10C16.01 10.5523 15.5623 11 15.01 11H15C14.4477 11 14 10.5523 14 10ZM12 15.1997C11.6674 15.1997 11.3381 15.2661 11.0315 15.3949C10.7249 15.5238 10.4471 15.7125 10.2143 15.9501C9.82777 16.3446 9.19463 16.351 8.80015 15.9645C8.40566 15.578 8.3992 14.9449 8.78571 14.5504C9.2047 14.1227 9.70481 13.783 10.2567 13.5511C10.8087 13.3192 11.4013 13.1997 12 13.1997C12.5987 13.1997 13.1913 13.3192 13.7433 13.5511C14.2952 13.783 14.7953 14.1227 15.2143 14.5504C15.6008 14.9449 15.5943 15.578 15.1999 15.9645C14.8054 16.351 14.1722 16.3446 13.7857 15.9501C13.5529 15.7125 13.2751 15.5238 12.9685 15.3949C12.6619 15.2661 12.3326 15.1997 12 15.1997Z" fill="#091E42"/>
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24 8C15.1634 8 8 15.1634 8 24C8 32.8366 15.1634 40 24 40C32.8366 40 40 32.8366 40 24C40 15.1634 32.8366 8 24 8ZM4 24C4 12.9543 12.9543 4 24 4C35.0457 4 44 12.9543 44 24C44 35.0457 35.0457 44 24 44C12.9543 44 4 35.0457 4 24ZM16 20C16 18.8954 16.8954 18 18 18H18.02C19.1246 18 20.02 18.8954 20.02 20C20.02 21.1046 19.1246 22 18.02 22H18C16.8954 22 16 21.1046 16 20ZM28 20C28 18.8954 28.8954 18 30 18H30.02C31.1246 18 32.02 18.8954 32.02 20C32.02 21.1046 31.1246 22 30.02 22H30C28.8954 22 28 21.1046 28 20ZM24 30.3994C23.3348 30.3994 22.6763 30.5321 22.063 30.7898C21.4498 31.0475 20.8941 31.425 20.4286 31.9001C19.6555 32.6891 18.3893 32.702 17.6003 31.929C16.8113 31.156 16.7984 29.8897 17.5714 29.1007C18.4094 28.2455 19.4096 27.566 20.5135 27.1022C21.6173 26.6383 22.8026 26.3994 24 26.3994C25.1974 26.3994 26.3827 26.6383 27.4865 27.1022C28.5904 27.566 29.5906 28.2455 30.4286 29.1007C31.2016 29.8897 31.1887 31.156 30.3997 31.929C29.6107 32.702 28.3445 32.6891 27.5714 31.9001C27.1059 31.425 26.5502 31.0475 25.937 30.7898C25.3237 30.5321 24.6652 30.3994 24 30.3994Z" fill="#677489"/>
 </svg>

package/dist/components/UTRating/components/Faces/assets/mood-smile-selected.svg

@@ -0,0 +1,4 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="24" cy="24" r="20" fill="#E1FEE8"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24 8C15.1634 8 8 15.1634 8 24C8 32.8366 15.1634 40 24 40C32.8366 40 40 32.8366 40 24C40 15.1634 32.8366 8 24 8ZM4 24C4 12.9543 12.9543 4 24 4C35.0457 4 44 12.9543 44 24C44 35.0457 35.0457 44 24 44C12.9543 44 4 35.0457 4 24ZM16 20C16 18.8954 16.8954 18 18 18H18.02C19.1246 18 20.02 18.8954 20.02 20C20.02 21.1046 19.1246 22 18.02 22H18C16.8954 22 16 21.1046 16 20ZM28 20C28 18.8954 28.8954 18 30 18H30.02C31.1246 18 32.02 18.8954 32.02 20C32.02 21.1046 31.1246 22 30.02 22H30C28.8954 22 28 21.1046 28 20ZM17.6003 28.5714C18.3893 27.7984 19.6555 27.8113 20.4286 28.6003C20.8941 29.0754 21.4498 29.4529 22.063 29.7106C22.6763 29.9683 23.3348 30.101 24 30.101C24.6652 30.101 25.3237 29.9683 25.937 29.7106C26.5502 29.4529 27.1059 29.0754 27.5714 28.6003C28.3445 27.8113 29.6107 27.7984 30.3997 28.5714C31.1887 29.3445 31.2016 30.6107 30.4286 31.3997C29.5906 32.255 28.5904 32.9344 27.4865 33.3983C26.3827 33.8621 25.1974 34.101 24 34.101C22.8026 34.101 21.6173 33.8621 20.5135 33.3983C19.4096 32.9344 18.4094 32.255 17.5714 31.3997C16.7984 30.6107 16.8113 29.3445 17.6003 28.5714Z" fill="#04A928"/>
+</svg>

package/dist/components/UTRating/components/Faces/assets/mood-smile.svg

@@ -1,3 +1,3 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4ZM2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12ZM8 10C8 9.44772 8.44772 9 9 9H9.01C9.56228 9 10.01 9.44772 10.01 10C10.01 10.5523 9.56228 11 9.01 11H9C8.44772 11 8 10.5523 8 10ZM14 10C14 9.44772 14.4477 9 15 9H15.01C15.5623 9 16.01 9.44772 16.01 10C16.01 10.5523 15.5623 11 15.01 11H15C14.4477 11 14 10.5523 14 10ZM8.80015 14.2857C9.19463 13.8992 9.82777 13.9057 10.2143 14.3001C10.4471 14.5377 10.7249 14.7265 11.0315 14.8553C11.3381 14.9841 11.6674 15.0505 12 15.0505C12.3326 15.0505 12.6619 14.9841 12.9685 14.8553C13.2751 14.7265 13.5529 14.5377 13.7857 14.3001C14.1722 13.9057 14.8054 13.8992 15.1999 14.2857C15.5943 14.6722 15.6008 15.3054 15.2143 15.6999C14.7953 16.1275 14.2952 16.4672 13.7433 16.6991C13.1913 16.931 12.5987 17.0505 12 17.0505C11.4013 17.0505 10.8087 16.931 10.2567 16.6991C9.70481 16.4672 9.2047 16.1275 8.78571 15.6999C8.3992 15.3054 8.40566 14.6722 8.80015 14.2857Z" fill="#091E42"/>
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24 8C15.1634 8 8 15.1634 8 24C8 32.8366 15.1634 40 24 40C32.8366 40 40 32.8366 40 24C40 15.1634 32.8366 8 24 8ZM4 24C4 12.9543 12.9543 4 24 4C35.0457 4 44 12.9543 44 24C44 35.0457 35.0457 44 24 44C12.9543 44 4 35.0457 4 24ZM16 20C16 18.8954 16.8954 18 18 18H18.02C19.1246 18 20.02 18.8954 20.02 20C20.02 21.1046 19.1246 22 18.02 22H18C16.8954 22 16 21.1046 16 20ZM28 20C28 18.8954 28.8954 18 30 18H30.02C31.1246 18 32.02 18.8954 32.02 20C32.02 21.1046 31.1246 22 30.02 22H30C28.8954 22 28 21.1046 28 20ZM17.6003 28.5714C18.3893 27.7984 19.6555 27.8113 20.4286 28.6003C20.8941 29.0754 21.4498 29.4529 22.063 29.7106C22.6763 29.9683 23.3348 30.101 24 30.101C24.6652 30.101 25.3237 29.9683 25.937 29.7106C26.5502 29.4529 27.1059 29.0754 27.5714 28.6003C28.3445 27.8113 29.6107 27.7984 30.3997 28.5714C31.1887 29.3445 31.2016 30.6107 30.4286 31.3997C29.5906 32.255 28.5904 32.9344 27.4865 33.3983C26.3827 33.8621 25.1974 34.101 24 34.101C22.8026 34.101 21.6173 33.8621 20.5135 33.3983C19.4096 32.9344 18.4094 32.255 17.5714 31.3997C16.7984 30.6107 16.8113 29.3445 17.6003 28.5714Z" fill="#677489"/>
 </svg>

package/dist/components/UTRating/components/Faces/constants.js

@@ -3,20 +3,20 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.FACES_ICONS = exports.FACES_CLASSES = void 0;
+exports.FACES_ICONS_SELECTED = exports.FACES_ICONS = exports.FACES_CLASSES = void 0;
 var _react = _interopRequireDefault(require("react"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var MoodConfuzed = function MoodConfuzed(props) {
   return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
-    d: "M12 4a8 8 0 1 0 0 16 8 8 0 0 0 0-16ZM2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12Zm6-2a1 1 0 0 1 1-1h.01a1 1 0 0 1 0 2H9a1 1 0 0 1-1-1Zm6 0a1 1 0 0 1 1-1h.01a1 1 0 1 1 0 2H15a1 1 0 0 1-1-1Zm1.43 5.498a9 9 0 0 0-5.4 1.35 1 1 0 0 1-1.06-1.695 11 11 0 0 1 6.6-1.65 1 1 0 1 1-.14 1.995Z",
-    fill: "#091E42"
+    d: "M24 8C15.163 8 8 15.163 8 24s7.163 16 16 16 16-7.163 16-16S32.837 8 24 8ZM4 24C4 12.954 12.954 4 24 4s20 8.954 20 20-8.954 20-20 20S4 35.046 4 24Zm12-4a2 2 0 0 1 2-2h.02a2 2 0 1 1 0 4H18a2 2 0 0 1-2-2Zm12 0a2 2 0 0 1 2-2h.02a2 2 0 1 1 0 4H30a2 2 0 0 1-2-2Zm2.861 10.995a18 18 0 0 0-10.8 2.7 2 2 0 0 1-2.122-3.39 22 22 0 0 1 13.2-3.3 2 2 0 0 1-.278 3.99Z",
+    fill: "#677489"
   }));
 };
 MoodConfuzed.defaultProps = {
-  width: "24",
-  height: "24",
+  width: "48",
+  height: "48",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
@@ -24,13 +24,13 @@ var MoodEmpty = function MoodEmpty(props) {
   return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
-    d: "M12 4a8 8 0 1 0 0 16 8 8 0 0 0 0-16ZM2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12Zm6-2a1 1 0 0 1 1-1h.01a1 1 0 0 1 0 2H9a1 1 0 0 1-1-1Zm6 0a1 1 0 0 1 1-1h.01a1 1 0 1 1 0 2H15a1 1 0 0 1-1-1Zm-6 5a1 1 0 0 1 1-1h6a1 1 0 1 1 0 2H9a1 1 0 0 1-1-1Z",
-    fill: "#091E42"
+    d: "M24 8C15.163 8 8 15.163 8 24s7.163 16 16 16 16-7.163 16-16S32.837 8 24 8ZM4 24C4 12.954 12.954 4 24 4s20 8.954 20 20-8.954 20-20 20S4 35.046 4 24Zm12-4a2 2 0 0 1 2-2h.02a2 2 0 1 1 0 4H18a2 2 0 0 1-2-2Zm12 0a2 2 0 0 1 2-2h.02a2 2 0 1 1 0 4H30a2 2 0 0 1-2-2ZM16 30a2 2 0 0 1 2-2h12a2 2 0 1 1 0 4H18a2 2 0 0 1-2-2Z",
+    fill: "#677489"
   }));
 };
 MoodEmpty.defaultProps = {
-  width: "24",
-  height: "24",
+  width: "48",
+  height: "48",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
@@ -38,13 +38,13 @@ var MoodHappy = function MoodHappy(props) {
   return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
-    d: "M12 4a8 8 0 1 0 0 16 8 8 0 0 0 0-16ZM2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12Zm6-3a1 1 0 0 1 1-1h.01a1 1 0 0 1 0 2H9a1 1 0 0 1-1-1Zm6 0a1 1 0 0 1 1-1h.01a1 1 0 1 1 0 2H15a1 1 0 0 1-1-1Zm-6.707 3.293A1 1 0 0 1 8 12h8a1 1 0 0 1 1 1 5 5 0 1 1-10 0 1 1 0 0 1 .293-.707ZM9.172 14a3 3 0 0 0 5.656 0H9.172Z",
-    fill: "#091E42"
+    d: "M24 8C15.163 8 8 15.163 8 24s7.163 16 16 16 16-7.163 16-16S32.837 8 24 8ZM4 24C4 12.954 12.954 4 24 4s20 8.954 20 20-8.954 20-20 20S4 35.046 4 24Zm12-6a2 2 0 0 1 2-2h.02a2 2 0 1 1 0 4H18a2 2 0 0 1-2-2Zm12 0a2 2 0 0 1 2-2h.02a2 2 0 1 1 0 4H30a2 2 0 0 1-2-2Zm-13.414 6.586A2 2 0 0 1 16 24h16a2 2 0 0 1 2 2 10 10 0 0 1-20 0 2 2 0 0 1 .586-1.414ZM18.343 28a6 6 0 0 0 11.314 0H18.343Z",
+    fill: "#677489"
   }));
 };
 MoodHappy.defaultProps = {
-  width: "24",
-  height: "24",
+  width: "48",
+  height: "48",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
@@ -52,13 +52,13 @@ var MoodSad = function MoodSad(props) {
   return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
-    d: "M12 4a8 8 0 1 0 0 16 8 8 0 0 0 0-16ZM2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12Zm6-2a1 1 0 0 1 1-1h.01a1 1 0 0 1 0 2H9a1 1 0 0 1-1-1Zm6 0a1 1 0 0 1 1-1h.01a1 1 0 1 1 0 2H15a1 1 0 0 1-1-1Zm-2 5.2a2.5 2.5 0 0 0-1.786.75 1 1 0 0 1-1.428-1.4 4.499 4.499 0 0 1 6.428 0 1 1 0 0 1-1.428 1.4A2.501 2.501 0 0 0 12 15.2Z",
-    fill: "#091E42"
+    d: "M24 8C15.163 8 8 15.163 8 24s7.163 16 16 16 16-7.163 16-16S32.837 8 24 8ZM4 24C4 12.954 12.954 4 24 4s20 8.954 20 20-8.954 20-20 20S4 35.046 4 24Zm12-4a2 2 0 0 1 2-2h.02a2 2 0 1 1 0 4H18a2 2 0 0 1-2-2Zm12 0a2 2 0 0 1 2-2h.02a2 2 0 1 1 0 4H30a2 2 0 0 1-2-2Zm-4 10.4a5 5 0 0 0-3.571 1.5 2 2 0 0 1-2.858-2.8 9 9 0 0 1 12.858 0 2 2 0 0 1-2.858 2.8A5 5 0 0 0 24 30.4Z",
+    fill: "#677489"
   }));
 };
 MoodSad.defaultProps = {
-  width: "24",
-  height: "24",
+  width: "48",
+  height: "48",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
@@ -66,15 +66,111 @@ var MoodSmile = function MoodSmile(props) {
   return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
-    d: "M12 4a8 8 0 1 0 0 16 8 8 0 0 0 0-16ZM2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12Zm6-2a1 1 0 0 1 1-1h.01a1 1 0 0 1 0 2H9a1 1 0 0 1-1-1Zm6 0a1 1 0 0 1 1-1h.01a1 1 0 1 1 0 2H15a1 1 0 0 1-1-1Zm-5.2 4.286a1 1 0 0 1 1.414.014 2.5 2.5 0 0 0 3.572 0 1 1 0 0 1 1.428 1.4 4.5 4.5 0 0 1-6.428 0 1 1 0 0 1 .014-1.414Z",
-    fill: "#091E42"
+    d: "M24 8C15.163 8 8 15.163 8 24s7.163 16 16 16 16-7.163 16-16S32.837 8 24 8ZM4 24C4 12.954 12.954 4 24 4s20 8.954 20 20-8.954 20-20 20S4 35.046 4 24Zm12-4a2 2 0 0 1 2-2h.02a2 2 0 1 1 0 4H18a2 2 0 0 1-2-2Zm12 0a2 2 0 0 1 2-2h.02a2 2 0 1 1 0 4H30a2 2 0 0 1-2-2Zm-10.4 8.571a2 2 0 0 1 2.829.03 5 5 0 0 0 7.142 0A2 2 0 0 1 30.43 31.4a9 9 0 0 1-12.858 0 2 2 0 0 1 .03-2.829Z",
+    fill: "#677489"
   }));
 };
 MoodSmile.defaultProps = {
-  width: "24",
-  height: "24",
+  width: "48",
+  height: "48",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+var MoodConfuzedSelected = function MoodConfuzedSelected(props) {
+  return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("circle", {
+    cx: "24",
+    cy: "24",
+    r: "20",
+    fill: "#FFD6D7"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M24 8C15.163 8 8 15.163 8 24s7.163 16 16 16 16-7.163 16-16S32.837 8 24 8ZM4 24C4 12.954 12.954 4 24 4s20 8.954 20 20-8.954 20-20 20S4 35.046 4 24Zm12-4a2 2 0 0 1 2-2h.02a2 2 0 1 1 0 4H18a2 2 0 0 1-2-2Zm12 0a2 2 0 0 1 2-2h.02a2 2 0 1 1 0 4H30a2 2 0 0 1-2-2Zm2.861 10.995a18 18 0 0 0-10.8 2.7 2 2 0 0 1-2.122-3.39 22 22 0 0 1 13.2-3.3 2 2 0 0 1-.278 3.99Z",
+    fill: "#E00002"
+  }));
+};
+MoodConfuzedSelected.defaultProps = {
+  width: "48",
+  height: "48",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+var MoodEmptySelected = function MoodEmptySelected(props) {
+  return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("circle", {
+    cx: "24",
+    cy: "24",
+    r: "20",
+    fill: "#FFF5D6"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M24 8C15.163 8 8 15.163 8 24s7.163 16 16 16 16-7.163 16-16S32.837 8 24 8ZM4 24C4 12.954 12.954 4 24 4s20 8.954 20 20-8.954 20-20 20S4 35.046 4 24Zm12-4a2 2 0 0 1 2-2h.02a2 2 0 1 1 0 4H18a2 2 0 0 1-2-2Zm12 0a2 2 0 0 1 2-2h.02a2 2 0 1 1 0 4H30a2 2 0 0 1-2-2ZM16 30a2 2 0 0 1 2-2h12a2 2 0 1 1 0 4H18a2 2 0 0 1-2-2Z",
+    fill: "#C29400"
+  }));
+};
+MoodEmptySelected.defaultProps = {
+  width: "48",
+  height: "48",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+var MoodHappySelected = function MoodHappySelected(props) {
+  return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("circle", {
+    cx: "24",
+    cy: "24",
+    r: "20",
+    fill: "#CDFED8"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M24 8C15.163 8 8 15.163 8 24s7.163 16 16 16 16-7.163 16-16S32.837 8 24 8ZM4 24C4 12.954 12.954 4 24 4s20 8.954 20 20-8.954 20-20 20S4 35.046 4 24Zm12-6a2 2 0 0 1 2-2h.02a2 2 0 1 1 0 4H18a2 2 0 0 1-2-2Zm12 0a2 2 0 0 1 2-2h.02a2 2 0 1 1 0 4H30a2 2 0 0 1-2-2Zm-13.414 6.586A2 2 0 0 1 16 24h16a2 2 0 0 1 2 2 10 10 0 0 1-20 0 2 2 0 0 1 .586-1.414ZM18.343 28a6 6 0 0 0 11.314 0H18.343Z",
+    fill: "#048B21"
+  }));
+};
+MoodHappySelected.defaultProps = {
+  width: "48",
+  height: "48",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+var MoodSadSelected = function MoodSadSelected(props) {
+  return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("circle", {
+    cx: "24",
+    cy: "24",
+    r: "20",
+    fill: "#FFE7D7"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M24 8C15.163 8 8 15.163 8 24s7.163 16 16 16 16-7.163 16-16S32.837 8 24 8ZM4 24C4 12.954 12.954 4 24 4s20 8.954 20 20-8.954 20-20 20S4 35.046 4 24Zm12-4a2 2 0 0 1 2-2h.02a2 2 0 1 1 0 4H18a2 2 0 0 1-2-2Zm12 0a2 2 0 0 1 2-2h.02a2 2 0 1 1 0 4H30a2 2 0 0 1-2-2Zm-4 10.4a5 5 0 0 0-3.571 1.5 2 2 0 0 1-2.858-2.8 9 9 0 0 1 12.858 0 2 2 0 0 1-2.858 2.8A5 5 0 0 0 24 30.4Z",
+    fill: "#EA6001"
+  }));
+};
+MoodSadSelected.defaultProps = {
+  width: "48",
+  height: "48",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+var MoodSmileSelected = function MoodSmileSelected(props) {
+  return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("circle", {
+    cx: "24",
+    cy: "24",
+    r: "20",
+    fill: "#E1FEE8"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M24 8C15.163 8 8 15.163 8 24s7.163 16 16 16 16-7.163 16-16S32.837 8 24 8ZM4 24C4 12.954 12.954 4 24 4s20 8.954 20 20-8.954 20-20 20S4 35.046 4 24Zm12-4a2 2 0 0 1 2-2h.02a2 2 0 1 1 0 4H18a2 2 0 0 1-2-2Zm12 0a2 2 0 0 1 2-2h.02a2 2 0 1 1 0 4H30a2 2 0 0 1-2-2Zm-10.4 8.571a2 2 0 0 1 2.829.03 5 5 0 0 0 7.142 0A2 2 0 0 1 30.43 31.4a9 9 0 0 1-12.858 0 2 2 0 0 1 .03-2.829Z",
+    fill: "#04A928"
+  }));
+};
+MoodSmileSelected.defaultProps = {
+  width: "48",
+  height: "48",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
 const FACES_ICONS = exports.FACES_ICONS = [MoodConfuzed, MoodSad, MoodEmpty, MoodSmile, MoodHappy];
+const FACES_ICONS_SELECTED = exports.FACES_ICONS_SELECTED = [MoodConfuzedSelected, MoodSadSelected, MoodEmptySelected, MoodSmileSelected, MoodHappySelected];
 const FACES_CLASSES = exports.FACES_CLASSES = ['faceButtonConfuzed', 'faceButtonSad', 'faceButtonEmpty', 'faceButtonSmile', 'faceButtonHappy'];

package/dist/components/UTRating/components/Faces/index.js

@@ -46,20 +46,24 @@ const Faces = _ref => {
   };
   const textVariantToUse = textVariants[textVariant] || textVariants[_constants.NO_TEXT];
   const Icon = _constants2.FACES_ICONS[order - 1];
-  return Icon && /*#__PURE__*/_react.default.createElement("div", {
+  const IconSelected = _constants2.FACES_ICONS_SELECTED[order - 1];
+  return Icon && IconSelected && /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(_stylesModule.default.container, " ").concat(textVariantToUse.containerClass)
   }, /*#__PURE__*/_react.default.createElement(_UTButton.default, {
     classNames: {
-      root: "\n              ".concat(_stylesModule.default.faceButton, "\n              ").concat(classes[_constants2.FACES_CLASSES[order - 1]], "\n              ").concat(selected && classes.faceButtonSelected, "\n            "),
-      icon: "".concat(_stylesModule.default.faceIcon, " ").concat(classes.faceIcon)
+      root: "\n              ".concat(_stylesModule.default.faceButton, "\n              ").concat(classes[_constants2.FACES_CLASSES[order - 1]], "\n              ").concat(selected && "".concat(classes.faceButtonSelected, " ").concat(_stylesModule.default.faceButtonSelected), "\n            ")
     },
-    Icon: Icon,
+    Icon: () => /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(Icon, {
+      className: _stylesModule.default.faceIcon
+    }), /*#__PURE__*/_react.default.createElement(IconSelected, {
+      className: _stylesModule.default.faceIconSelected
+    })),
     onClick: handleClick,
     variant: "text"
   }), textVariantToUse.showLabel && /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
     className: "".concat(_stylesModule.default.text, " ").concat(textVariantToUse.labelClass),
     colorTheme: "gray",
-    variant: "small"
+    weight: "semibold"
   }, name));
 };
 Faces.propTypes = {

package/dist/components/UTRating/components/Faces/styles.module.scss

@@ -55,20 +55,35 @@
 
 .faceButton {
   background: none !important;
+
+  &:not(&:hover):not(.faceButtonSelected) {
+    .faceIconSelected {
+      display: none;
+    }
+  }
+
+  &:hover {
+    .faceIcon {
+      display: none;
+    }
+  }
 }
 
-.faceIcon {
-  height: 48px;
-  width: 48px;
+.faceButtonSelected {
+  & .faceIcon {
+    display: none;
+  }
+}
+
+.faceIcon,
+.faceIconSelected {
+  height: 56px;
+  width: 56px;
 
   @media #{$mobile} {
     height: 24px;
     width: 24px;
   }
-
-  path {
-    transition: fill .4s;
-  }
 }
 
 .text {

package/dist/components/UTRating/theme.js

@@ -52,11 +52,6 @@ const retrieveStyle = _ref => {
         color: theme.Palette.success['05']
       }
     },
-    faceIcon: {
-      '& path': {
-        fill: theme.Palette.gray['04']
-      }
-    },
     faceButtonSelected: {},
     label: {
       color: "".concat((0, _seamlessImmutable.getIn)(theme, ['UTRating', 'label', 'color'])),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@widergy/energy-ui",
-  "version": "3.1.2",
+  "version": "3.1.3",
   "description": "Widergy Web Components",
   "author": "widergy",
   "license": "MIT",