@latty-ds/web 0.6.0 → 0.7.0

package/dist/components/list/index.js

@@ -169,6 +169,14 @@ var listItemStyles = css2`
     gap: var(--lt-spacing-2);
   }
 
+  /* Keep the slotted content as a single flex item so rich inline markup
+     (strong, code, multiple text runs) flows as normal prose instead of each
+     node becoming its own shrunk flex item. min-width: 0 lets it wrap. */
+  .content {
+    flex: 1 1 auto;
+    min-width: 0;
+  }
+
   lt-icon {
     flex-shrink: 0;
     color: var(--lt-color-neutral-500);
@@ -192,7 +200,7 @@ var ListItem = class extends ThemeableElement {
     return html`
       <div class="inner">
         ${this.iconStart ? html`<lt-icon class="icon-start" name=${this.iconStart}></lt-icon>` : nothing}
-        <slot></slot>
+        <span class="content"><slot></slot></span>
         ${this.iconEnd ? html`<lt-icon class="icon-end" name=${this.iconEnd}></lt-icon>` : nothing}
       </div>
     `;

package/dist/index.cjs

@@ -3593,6 +3593,14 @@ var listItemStyles = i`
     gap: var(--lt-spacing-2);
   }
 
+  /* Keep the slotted content as a single flex item so rich inline markup
+     (strong, code, multiple text runs) flows as normal prose instead of each
+     node becoming its own shrunk flex item. min-width: 0 lets it wrap. */
+  .content {
+    flex: 1 1 auto;
+    min-width: 0;
+  }
+
   lt-icon {
     flex-shrink: 0;
     color: var(--lt-color-neutral-500);
@@ -3616,7 +3624,7 @@ var ListItem = class extends ThemeableElement {
     return T`
       <div class="inner">
         ${this.iconStart ? T`<lt-icon class="icon-start" name=${this.iconStart}></lt-icon>` : A}
-        <slot></slot>
+        <span class="content"><slot></slot></span>
         ${this.iconEnd ? T`<lt-icon class="icon-end" name=${this.iconEnd}></lt-icon>` : A}
       </div>
     `;

package/dist/index.js

@@ -2280,6 +2280,14 @@ var listItemStyles = css12`
     gap: var(--lt-spacing-2);
   }
 
+  /* Keep the slotted content as a single flex item so rich inline markup
+     (strong, code, multiple text runs) flows as normal prose instead of each
+     node becoming its own shrunk flex item. min-width: 0 lets it wrap. */
+  .content {
+    flex: 1 1 auto;
+    min-width: 0;
+  }
+
   lt-icon {
     flex-shrink: 0;
     color: var(--lt-color-neutral-500);
@@ -2303,7 +2311,7 @@ var ListItem = class extends ThemeableElement {
     return html10`
       <div class="inner">
         ${this.iconStart ? html10`<lt-icon class="icon-start" name=${this.iconStart}></lt-icon>` : nothing3}
-        <slot></slot>
+        <span class="content"><slot></slot></span>
         ${this.iconEnd ? html10`<lt-icon class="icon-end" name=${this.iconEnd}></lt-icon>` : nothing3}
       </div>
     `;

package/dist/manifest.json

@@ -1533,6 +1533,56 @@
       }
     ]
   },
+  "lt-radio-group": {
+    "members": [
+      {
+        "name": "label",
+        "description": "Label for the radio group.",
+        "type": "text",
+        "default": ""
+      },
+      {
+        "name": "name",
+        "description": "Name attribute applied to all radio buttons in the group.\nEnsures only one radio can be selected at a time.",
+        "type": "text",
+        "default": ""
+      },
+      {
+        "name": "value",
+        "description": "Currently selected value in the group.",
+        "type": "text",
+        "default": ""
+      },
+      {
+        "name": "orientation",
+        "description": "Layout orientation of the radio buttons.",
+        "type": "select",
+        "options": [
+          "vertical",
+          "horizontal"
+        ],
+        "default": "vertical"
+      },
+      {
+        "name": "helper-text",
+        "description": "Helper text displayed below the radio group.",
+        "type": "text",
+        "default": ""
+      },
+      {
+        "name": "error",
+        "description": "Whether the radio group is in an error state.",
+        "type": "boolean",
+        "default": false
+      },
+      {
+        "name": "required",
+        "description": "Whether selection is required.",
+        "type": "boolean",
+        "default": false
+      }
+    ]
+  },
   "lt-radio": {
     "members": [
       {
@@ -1607,56 +1657,6 @@
       }
     ]
   },
-  "lt-radio-group": {
-    "members": [
-      {
-        "name": "label",
-        "description": "Label for the radio group.",
-        "type": "text",
-        "default": ""
-      },
-      {
-        "name": "name",
-        "description": "Name attribute applied to all radio buttons in the group.\nEnsures only one radio can be selected at a time.",
-        "type": "text",
-        "default": ""
-      },
-      {
-        "name": "value",
-        "description": "Currently selected value in the group.",
-        "type": "text",
-        "default": ""
-      },
-      {
-        "name": "orientation",
-        "description": "Layout orientation of the radio buttons.",
-        "type": "select",
-        "options": [
-          "vertical",
-          "horizontal"
-        ],
-        "default": "vertical"
-      },
-      {
-        "name": "helper-text",
-        "description": "Helper text displayed below the radio group.",
-        "type": "text",
-        "default": ""
-      },
-      {
-        "name": "error",
-        "description": "Whether the radio group is in an error state.",
-        "type": "boolean",
-        "default": false
-      },
-      {
-        "name": "required",
-        "description": "Whether selection is required.",
-        "type": "boolean",
-        "default": false
-      }
-    ]
-  },
   "lt-select": {
     "members": [
       {
@@ -2050,6 +2050,37 @@
       }
     ]
   },
+  "lt-tab-group": {
+    "members": [
+      {
+        "name": "value",
+        "description": "Currently selected tab value.",
+        "type": "text",
+        "default": ""
+      },
+      {
+        "name": "appearance",
+        "description": "Visual appearance of the tab group.",
+        "type": "select",
+        "options": [
+          "default",
+          "pills"
+        ],
+        "default": "default"
+      },
+      {
+        "name": "size",
+        "description": "Size of the tabs.",
+        "type": "select",
+        "options": [
+          "sm",
+          "md",
+          "lg"
+        ],
+        "default": "md"
+      }
+    ]
+  },
   "lt-tab-panel": {
     "members": [
       {
@@ -2111,37 +2142,6 @@
       }
     ]
   },
-  "lt-tab-group": {
-    "members": [
-      {
-        "name": "value",
-        "description": "Currently selected tab value.",
-        "type": "text",
-        "default": ""
-      },
-      {
-        "name": "appearance",
-        "description": "Visual appearance of the tab group.",
-        "type": "select",
-        "options": [
-          "default",
-          "pills"
-        ],
-        "default": "default"
-      },
-      {
-        "name": "size",
-        "description": "Size of the tabs.",
-        "type": "select",
-        "options": [
-          "sm",
-          "md",
-          "lg"
-        ],
-        "default": "md"
-      }
-    ]
-  },
   "lt-table": {
     "members": [
       {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@latty-ds/web",
-  "version": "0.6.0",
+  "version": "0.7.0",
   "description": "Web Components for the Latty design system — framework-agnostic UI components built with Lit",
   "license": "MIT",
   "repository": {
@@ -224,8 +224,8 @@
   },
   "dependencies": {
     "@floating-ui/dom": "^1.7.6",
-    "@latty-ds/icons": "0.6.0"
+    "@latty-ds/icons": "0.7.0"
   },
   "customElements": "custom-elements.json",
-  "gitHead": "5f2e9dbee20f32bc24117a40f8f2f65a4de07979"
+  "gitHead": "40d5903d30b50455ed244d5f0fd75fbd84934c46"
 }