@mptw/skylens-ui 1.5.17 → 1.5.19

package/app/app.vue

@@ -1,27 +1,6 @@
 <template lang="pug">
 div
-  SLSidebarNav
+  SLInfoTip(info='aabbccdd')
 </template>
 
-<script setup lang="ts">
-import { ScreenSize } from "./interface/commons";
-
-const screenSize = ref<ScreenSize>(ScreenSize["2xl"]);
-
-const screenSizeString = computed(() => {
-  switch (screenSize.value) {
-    case ScreenSize.md:
-      return "md";
-    case ScreenSize.lg:
-      return "lg";
-    case ScreenSize["1.5xl"]:
-      return "1.5xl";
-    case ScreenSize["2xl"]:
-      return "2xl";
-    case ScreenSize.xl:
-      return "xl";
-    default:
-      return "";
-  }
-});
-</script>
+<script setup lang="ts"></script>

package/app/assets/css/icons.css

@@ -1,11 +1,11 @@
 @font-face {
   font-family: "MEShPlus-font-icon";
-  src: url("fonts/MEShPlus-font-icon.eot?63gs52");
+  src: url("fonts/MEShPlus-font-icon.eot?3utd08");
   src:
-    url("fonts/MEShPlus-font-icon.eot?63gs52#iefix") format("embedded-opentype"),
-    url("fonts/MEShPlus-font-icon.ttf?63gs52") format("truetype"),
-    url("fonts/MEShPlus-font-icon.woff?63gs52") format("woff"),
-    url("fonts/MEShPlus-font-icon.svg?63gs52#MEShPlus-font-icon") format("svg");
+    url("fonts/MEShPlus-font-icon.eot?3utd08#iefix") format("embedded-opentype"),
+    url("fonts/MEShPlus-font-icon.ttf?3utd08") format("truetype"),
+    url("fonts/MEShPlus-font-icon.woff?3utd08") format("woff"),
+    url("fonts/MEShPlus-font-icon.svg?3utd08#MEShPlus-font-icon") format("svg");
   font-weight: normal;
   font-style: normal;
   font-display: block;

package/app/components/SLInfoTip.vue

@@ -190,34 +190,19 @@ export default defineComponent({
     @apply inline-flex cursor-default;
   }
 
-  .info-content {
-    @apply relative py-5 pl-4 pr-6 border border-primary-600/50 rounded-lg bg-white text-sm text-pgray-2 text-left font-normal whitespace-normal shadow-popup-sm;
-
-    .pin-toggle {
-      @apply absolute top-0 right-0 mt-2 mr-2 text-base text-primary-600;
-
-      &:hover .icon:before {
-        content: "\\e967";
-      }
-
-      .icon:before {
-        content: "\\e980";
-      }
-    }
-  }
-
   .info {
     @apply z-10 absolute invisible;
 
-    &[data-show], &.pinned {
+    &[data-show],
+    &.pinned {
       @apply visible;
 
       .info-content .pin-toggle:hover .icon:before {
-        content: "\\e943";
+        content: "\e9c0";
       }
 
       .info-content .pin-toggle .icon:before {
-        content: "\\e943";
+        content: "\e967";
       }
     }
 
@@ -228,6 +213,22 @@ export default defineComponent({
     &[data-popper-placement^="right"] {
       @apply pl-3;
     }
+
+    .info-content {
+      @apply relative py-5 pl-4 pr-6 border border-primary-600/50 rounded-lg bg-white text-sm text-pgray-2 text-left font-normal whitespace-normal shadow-popup-sm;
+
+      .pin-toggle {
+        @apply absolute top-0 right-0 mt-2 mr-2 text-base text-primary-600;
+
+        &:hover .icon:before {
+          content: "\e967";
+        }
+
+        .icon:before {
+          content: "\e980";
+        }
+      }
+    }
   }
 }
 

package/app/components/SLMultiEmailInput.vue

@@ -718,7 +718,7 @@ export default defineComponent({
 .multi-email-input-body .multi-email-input-role {
   @apply grow-0 shrink-0 flex;
 
-  :deep(.dropdown-toggle) {
+  & :deep(.dropdown-toggle) {
     @apply text-sm;
   }
 }
@@ -726,14 +726,15 @@ export default defineComponent({
 .multi-email-input-autocomplete {
   @apply z-50 max-h-[116px] p-1 bg-white rounded shadow-default hidden;
 
-  :deep(.swiper-scrollbar-drag) {
+  & :deep(.swiper-scrollbar-drag) {
     @apply bg-primary-300;
   }
 
   .autotcomplete-item {
     @apply block w-full py-1 px-2 bg-white text-sm text-pgray-2;
 
-    &:hover, &.focused {
+    &:hover,
+    &.focused {
       @apply bg-primary-100;
     }
   }

package/app/components/SLProjectShareItem.vue

@@ -79,11 +79,11 @@ export default defineComponent({
   .item-actions {
     @apply grow-0 shrink-0;
 
-    :deep(.dropdown-toggle) {
+    & :deep(.dropdown-toggle) {
       @apply py-0.75 border-primary-600 bg-white text-sm;
     }
 
-    :deep(.dropdown-menu) {
+    & :deep(.dropdown-menu) {
       @apply border-primary-600;
     }
 
@@ -99,6 +99,7 @@ export default defineComponent({
 
 .project-share-item
   .item-actions
+  &
   :deep(.dropdown-menu)
   .dropdown-list-wrapper
   .dropdown-list {

package/app/components/SLStayRangeInput.vue

@@ -261,7 +261,8 @@ export default defineComponent({
 .stay-range-input {
   @apply flex flex-col;
 
-  &.disabled .input-group input[type="text"], &.readonly .input-group input[type="text"] {
+  &.disabled .input-group input[type="text"],
+  &.readonly .input-group input[type="text"] {
     @apply border-primary-600 bg-primary-100;
   }
 
@@ -289,7 +290,7 @@ export default defineComponent({
     @apply grow flex flex-nowrap space-x-2;
 
     input[type="text"] {
-      @apply grow-0 shrink-0 w-11 border border-primary-600 rounded text-base text-center text-pgray-2 outline-none;
+      @apply grow-0 shrink-0 w-11 bg-white border border-primary-600 rounded text-base text-center text-pgray-2 outline-none;
     }
 
     .custom-select {

package/package.json

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