@micro-lc/preview 0.7.4 → 0.7.5

package/website/development/.vite/manifest.json

@@ -6,12 +6,12 @@
   },
   "index.html": {
     "css": [
-      "assets/index-HuzVlez9.css"
+      "assets/index-q8Oea728.css"
     ],
     "dynamicImports": [
       "../../node_modules/@micro-lc/composer/dist/lib/logger/errors.js"
     ],
-    "file": "assets/index-tHug5tbN.js",
+    "file": "assets/index-1ITDJKPY.js",
     "isEntry": true,
     "src": "index.html"
   }

package/website/development/assets/{index-tHug5tbN.js → index-1ITDJKPY.js}

@@ -68819,7 +68819,6 @@ const getComponentLabel = (component) => {
   return (_a3 = component.info.label) != null ? _a3 : beautifyTag(component.tag);
 };
 const ComponentsExplorer = ({ info$, hide: hide2 }) => {
-  var _a3;
   const [searchValue, setSearchValue] = reactExports.useState("");
   const [libraryFilter, setLibraryFilter] = reactExports.useState([]);
   const [selectedComponent, setSelectedComponent] = reactExports.useState();
@@ -69008,7 +69007,16 @@ const ComponentsExplorer = ({ info$, hide: hide2 }) => {
           }
         )
       ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Typography$1, { className: "components-explorer-collapsed-description", style: descriptionExpandable ? { boxShadow: "inset 0 -8px 6px -6px rgb(0 0 0 / 20%)" } : {}, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: descriptionRef, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Markdown, { className: "components-explorer-markdown", remarkPlugins: [remarkGfm], children: selectedComponent.info.descriptionLong }) }) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Typography$1,
+          {
+            className: [
+              "components-explorer-collapsed-description",
+              descriptionExpandable ? "components-explorer-expandable-description" : ""
+            ].join(" "),
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: descriptionRef, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Markdown, { className: "components-explorer-markdown", remarkPlugins: [remarkGfm], children: selectedComponent.info.descriptionLong }) })
+          }
+        ),
         descriptionExpandable && /* @__PURE__ */ jsxRuntimeExports.jsxs(
           Button$1,
           {
@@ -69048,12 +69056,12 @@ const ComponentsExplorer = ({ info$, hide: hide2 }) => {
     };
   }, [componentContent, componentTitle, menuContent, menuTitle, selectedComponent]);
   reactExports.useEffect(() => {
-    var _a22;
-    const offsetHeight = (_a22 = descriptionRef.current) == null ? void 0 : _a22.offsetHeight;
-    if (offsetHeight && !descriptionExpandable) {
-      setDescriptionExpandable(offsetHeight > 44);
+    var _a3;
+    const offsetHeight = (_a3 = descriptionRef.current) == null ? void 0 : _a3.offsetHeight;
+    if (selectedComponent && offsetHeight && !descriptionExpandable) {
+      setDescriptionExpandable(offsetHeight > 80);
     }
-  }, [descriptionExpandable, (_a3 = descriptionRef.current) == null ? void 0 : _a3.offsetHeight]);
+  }, [descriptionExpandable, selectedComponent]);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "components-explorer-container", children: [
     explorerData.title,
     explorerData.content

package/website/development/assets/{index-HuzVlez9.css → index-q8Oea728.css}

@@ -82,8 +82,12 @@
   }.components-explorer-container .components-explorer-comp-detail-section > span {
     font-weight: 600;
   }.components-explorer-container .components-explorer-comp-detail-section .components-explorer-collapsed-description {
-    max-height: 44px;
-    overflow: hidden;
+    max-height: 80px;
+    overflow: clip;
+  }.components-explorer-container .components-explorer-comp-detail-section .components-explorer-expandable-description {
+    color: transparent;
+    background: linear-gradient(#666, rgb(102 102 102 / 0%));
+    background-clip: text;
   }.components-explorer-container .components-explorer-comp-detail-section .components-explorer-markdown blockquote {
     padding: 8px;
     background-color: #eee;

package/website/development/index.html

@@ -16,8 +16,8 @@
     }
   </style>
   <script src="https://unpkg.com/zone.js"></script>
-  <script type="module" crossorigin src="./assets/index-tHug5tbN.js"></script>
-  <link rel="stylesheet" crossorigin href="./assets/index-HuzVlez9.css">
+  <script type="module" crossorigin src="./assets/index-1ITDJKPY.js"></script>
+  <link rel="stylesheet" crossorigin href="./assets/index-q8Oea728.css">
 </head>
 <body></body>
 </html>

package/website/index.html

@@ -16,8 +16,8 @@
     }
   </style>
   <script src="https://unpkg.com/zone.js"></script>
-  <script type="module" crossorigin src="./assets/index-UUnaDy2L.js"></script>
-  <link rel="stylesheet" crossorigin href="./assets/index-_9UZNNtx.css">
+  <script type="module" crossorigin src="./assets/index-Da1xwVn-.js"></script>
+  <link rel="stylesheet" crossorigin href="./assets/index-KArLGziQ.css">
 </head>
 <body></body>
 </html>