chore: release v0.2.27

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xsolla/pay-station-sdk",
-  "version": "0.0.26",
+  "version": "0.0.27",
   "description": "Pay Station SDK",
   "main": "dist/main.js",
   "types": "dist/index.d.ts",

src/features/headless-checkout/web-components/select/select.template.ts

@@ -1,7 +1,8 @@
 import { SelectComponentConfig } from './select-component.config.interface';
-import { cdnIconsUrl } from '../../environment';
 
-const arrow = `${cdnIconsUrl}/common-icons/chevron-down--line.svg`;
+const arrowIcon = `<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='M5.29289 8.29289C5.68342 7.90237 6.31658 7.90237 6.70711 8.29289L12 13.5858L17.2929 8.29289C17.6834 7.90237 18.3166 7.90237 18.7071 8.29289C19.0976 8.68342 19.0976 9.31658 18.7071 9.70711L12.7071 15.7071C12.3166 16.0976 11.6834 16.0976 11.2929 15.7071L5.29289 9.70711C4.90237 9.31658 4.90237 8.68342 5.29289 8.29289Z' fill='#18171C'/>
+</svg>`;
 export const getSelectOptionTemplate = (
   option: {
     label: string;
@@ -32,7 +33,7 @@ export const getSelectComponentTemplate = (
 
           <div class='arrow-wrapper'>
             <div id='dropdown-icon' class='arrow arrow-down'>
-              <img src='${arrow}'>
+            ${arrowIcon}
             </div>
           </div>
         </button>