@mptw/skylens-ui 1.3.8 → 1.3.10

package/components/SLModal.vue

@@ -290,7 +290,8 @@ export default defineComponent({
 
 <style lang="stylus" scoped>
 .modal
-  @apply fixed top-0 left-0 w-full h-full overflow-hidden
+  @apply z-50 fixed top-0 left-0 w-full h-full overflow-hidden
+
   &.modal-centered
     @apply flex items-center
 

package/components/SLRadioGroup.vue

@@ -3,14 +3,15 @@ SLElementWithTitle(:title='disabled ? disabledHint : ""')
   .radio-group(:class='sizeClass')
     .radio(v-for="option, i in options")
       input(
-          type="radio"
-          :id="uids[i]"
-          :checked="modelValue === option.value"
-          :disabled="disabled"
-        )
-      label(@click="onClickedRadio(option.value)")
-        span(v-if='option.label') {{ option.label }}
-        SLIcon(v-if='option.icon' :icon='option.icon')
+        type="radio"
+        :id="uids[i]"
+        :checked="modelValue === option.value"
+        :disabled="disabled"
+      )
+      SLElementWithTitle(:title='option.desc')
+        label(@click="onClickedRadio(option.value)")
+          span(v-if='option.label') {{ option.label }}
+          SLIcon(v-if='option.icon' :icon='option.icon')
 </template>
 
 <script lang="ts">
@@ -138,8 +139,9 @@ export default defineComponent({
       label
         @apply bg-third-hover text-white
 
-      input:checked + label
-        @apply text-third-7
+      input:checked + .element-with-title
+        label
+          @apply text-third-7
 
   &.radio-group--edit-purple
     @apply bg-edit-purple border-primary
@@ -151,15 +153,17 @@ export default defineComponent({
         label
           @apply bg-card-lightpr-bg text-primary-light
 
-        input:checked + label
-          @apply bg-edit-purple text-white
+        input:checked + .element-with-title
+          label
+            @apply bg-edit-purple text-white
 
     .radio
       label
         @apply bg-edit-purple text-white
 
-      input:checked + label
-        @apply text-primary
+      input:checked + .element-with-title
+        label
+          @apply text-primary
 
   &.radio-group--insight-title
     @apply bg-bg border-bg
@@ -171,15 +175,17 @@ export default defineComponent({
         label
           @apply bg-card-lightpr-bg text-primary-light
 
-        input:checked + label
-          @apply bg-edit-purple text-white
+        input:checked + .element-with-title
+          label
+            @apply bg-edit-purple text-white
 
     .radio
       label
         @apply bg-bg text-primary
 
-      input:checked + label
-        @apply bg-insight-title text-white
+      input:checked + .element-with-title
+        label
+          @apply bg-insight-title text-white
 
   &.disabled
     @apply bg-gray-6 border-gray-6
@@ -193,9 +199,11 @@ export default defineComponent({
     label
       @apply inline-flex justify-center items-center relative px-3 s('py-1.25') bg-bg rounded text-base leading-normal text-primary-hover cursor-pointer transition
 
-    input:checked + label
-      @apply bg-white text-primary shadow
+    input:checked + .element-with-title
+      label
+        @apply bg-white text-primary shadow
 
-    input:disabled + label
-      @apply bg-gray-6 text-gray-4 cursor-default
-</style>
+    input:disabled + .element-with-title
+      label
+        @apply bg-gray-6 text-gray-4 cursor-default
+</style>  

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mptw/skylens-ui",
   "type": "module",
-  "version": "1.3.8",
+  "version": "1.3.10",
   "main": "./nuxt.config.ts",
   "scripts": {
     "dev": "nuxi dev .playground",