@walkeros/explorer 3.4.2 → 4.0.0-next-1777463920154

package/dist/styles.css

@@ -299,7 +299,6 @@
   font-size: 14px;
   line-height: 1.5;
   color: var(--color-text);
-  margin-bottom: var(--spacing-grid-gap);
 }
 .elb-explorer * {
   box-sizing: border-box;
@@ -1089,12 +1088,13 @@
   display: block;
 }
 .elb-property-table__container {
-  margin: 1.5rem 0 0;
   overflow: visible;
   border-radius: var(--radius-box);
   border: 1px solid var(--border-box);
   width: 100%;
   box-sizing: border-box;
+  container-type: inline-size;
+  container-name: elb-property-table;
 }
 .elb-property-table__container table {
   margin: 0;
@@ -1194,7 +1194,8 @@
 }
 .elb-property-table__property-cell {
   width: 20%;
-  white-space: nowrap;
+  white-space: normal;
+  word-break: break-word;
 }
 .elb-property-table__type-cell {
   width: 25%;
@@ -1202,6 +1203,9 @@
 .elb-property-table__description {
   line-height: 1.4;
   color: var(--color-text);
+  word-break: break-word;
+  overflow-wrap: anywhere;
+  min-width: 0;
 }
 .elb-property-table__more-button {
   background: none;
@@ -1425,6 +1429,69 @@
     padding: 16px 20px 20px;
   }
 }
+.elb-property-table__empty {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 120px;
+  padding: 2rem 1rem;
+  color: var(--color-text-muted);
+  font-style: italic;
+  text-align: center;
+}
+@container elb-property-table (max-width: 420px) {
+  .elb-property-table,
+  .elb-property-table thead,
+  .elb-property-table tbody,
+  .elb-property-table tr {
+    display: block;
+  }
+  .elb-property-table thead {
+    display: none;
+  }
+  .elb-property-table td.elb-property-table__action-cell {
+    display: none;
+  }
+  .elb-property-table tbody tr {
+    display: grid;
+    grid-template-columns: auto 1fr;
+    column-gap: 8px;
+    row-gap: 4px;
+    padding: 12px 16px;
+    border-bottom: 1px solid var(--border-box);
+  }
+  .elb-property-table tbody tr:last-child {
+    border-bottom: none;
+  }
+  .elb-property-table td {
+    display: block;
+    padding: 0;
+    border: none;
+  }
+  .elb-property-table td::before {
+    content: none;
+  }
+  .elb-property-table__property-cell {
+    grid-row: 1;
+    grid-column: 1;
+    width: auto;
+    align-self: center;
+  }
+  .elb-property-table__type-cell {
+    grid-row: 1;
+    grid-column: 2;
+    width: auto;
+    align-self: center;
+    min-width: 0;
+  }
+  .elb-property-table__description {
+    grid-row: 2;
+    grid-column: 1/-1;
+    line-height: 1.4;
+    color: var(--color-text-muted);
+    font-size: calc(var(--font-size-base) - 1px);
+  }
+}
 .elb-explorer-box {
   display: flex;
   flex-direction: column;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@walkeros/explorer",
-  "version": "3.4.2",
+  "version": "4.0.0-next-1777463920154",
   "description": "Interactive React components for walkerOS documentation and exploration",
   "license": "MIT",
   "type": "module",
@@ -35,9 +35,9 @@
     "@rjsf/core": "^6.1.2",
     "@rjsf/utils": "^6.1.2",
     "@rjsf/validator-ajv8": "^6.1.2",
-    "@walkeros/collector": "3.4.2",
-    "@walkeros/core": "3.4.2",
-    "@walkeros/web-source-browser": "3.4.2",
+    "@walkeros/collector": "4.0.0-next-1777463920154",
+    "@walkeros/core": "4.0.0-next-1777463920154",
+    "@walkeros/web-source-browser": "4.0.0-next-1777463920154",
     "clsx": "^2.1.1",
     "monaco-editor": "^0.55.1",
     "prettier": "^3.7.4",
@@ -63,8 +63,8 @@
     "@typescript-eslint/eslint-plugin": "^8.28.0",
     "@typescript-eslint/parser": "^8.28.0",
     "@vitejs/plugin-react": "^5.1.2",
-    "@walkeros/config": "3.4.2",
-    "@walkeros/web-destination-gtag": "3.4.2",
+    "@walkeros/config": "4.0.0-next-1777463920154",
+    "@walkeros/web-destination-gtag": "4.0.0-next-1777463920154",
     "eslint": "^9.23.0",
     "eslint-plugin-jest": "^28.11.0",
     "eslint-plugin-storybook": "^10.1.11",