@mptw/skylens-ui 1.5.18 → 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/package.json

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