Changed radio bg

Author: AntonL9vov

package.json

@@ -1,7 +1,7 @@
 {
   "name": "vue3-hive-ui-kit",
   "private": false,
-  "version": "0.7.21",
+  "version": "0.7.22",
   "type": "module",
   "description": "UI kit for Vue 3",
   "files": [

src/assets/radio-bg.svg

@@ -35,7 +35,7 @@ $accent-red: #b74a4a;
 $common-widget-height: 2.2rem;
 $common-widget-inner-height: 26px;
 
-$bg-radio: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' /%3e%3c/svg%3e");
+$bg-radio: url('./radio-bg.svg');
 
 $bg-checkbox: url('./check-mark.svg');
 $bg-checkbox-minus: url('./minus-icon.svg');

src/assets/variables.scss

@@ -143,8 +143,8 @@ $gap: 15px;
         border-radius: 50%;
         margin-right: 0.5em;
         background-repeat: no-repeat;
-        background-position: center center;
-        background-size: 50% 50%;
+        background-position: center;
+        background-size: 100%;
         background-color: var(--bg-input, $bg-input);
       }
     }

src/components/hive-radio-group/hive-radio-group.vue

@@ -8,19 +8,19 @@ const a = 1;
 </script>
 
 <template>
-  <!-- <hive-splitter style="min-height: 100vh">
+  <hive-splitter style="min-height: 100vh">
     <hive-pane id="light">
       <all-widgets />
     </hive-pane>
-    <hive-pane id="dark">
+    <!-- <hive-pane id="dark">
       <div hive-theme="dark" style="background: black; color: white">
         <all-widgets dark />
       </div>
-    </hive-pane> 
-  </hive-splitter> -->
-  <div>
+    </hive-pane> -->
+  </hive-splitter>
+  <!-- <div>
     <filter-new />
-  </div>
+  </div> -->
 </template>
 
 <style lang="scss"></style>