@scattered-light/loomiere-mojave 0.7.0 → 0.7.1

package/dist/exports/tokens.dtcg.json

@@ -12036,6 +12036,10 @@
       "$value": "{space.2}",
       "$description": "Between the search, the filters and the actions."
     },
+    "search-min-width": {
+      "$value": "{space.60}",
+      "$description": "The narrowest the toolbar search gets beside the filters and actions. Under it, the search wraps to its own line, so a few words of a query still show."
+    },
     "narrow-width": {
       "$value": "{space.96}",
       "$description": "Below this, a table with narrow=\"list\" becomes a list, and the toolbar's search takes the full width. A 360px pane is under it."

package/dist/tokens.css

@@ -1850,6 +1850,7 @@
     --sl-collection-list-row-padding-block: var(--sl-space-3); /** Vertical padding of a list row. The row is not a fixed height, because a second line and an extra slot have to fit. */
     --sl-collection-list-row-gap: var(--sl-space-2); /** Between the checkbox, the text, the amount and the actions in a list row. */
     --sl-collection-toolbar-gap: var(--sl-space-2); /** Between the search, the filters and the actions. */
+    --sl-collection-search-min-width: var(--sl-space-60); /** The narrowest the toolbar search gets beside the filters and actions. Under it, the search wraps to its own line, so a few words of a query still show. */
     --sl-collection-narrow-width: var(--sl-space-96); /** Below this, a table with narrow="list" becomes a list, and the toolbar's search takes the full width. A 360px pane is under it. */
     --sl-collection-editable-list-stack-width: var(--sl-space-80); /** Below this, editable rows stack and show their own labels. 320px matches. */
     --sl-collection-selection-column-width: var(--sl-space-10); /** The checkbox column. Wide enough for the control, no wider, so the data keeps the room. */

package/dist/tokens.d.ts

@@ -2725,6 +2725,7 @@ declare const tokens: {
     readonly "list-row-padding-block": string;
     readonly "list-row-gap": string;
     readonly "toolbar-gap": string;
+    readonly "search-min-width": string;
     readonly "narrow-width": string;
     readonly "editable-list-stack-width": string;
     readonly "selection-column-width": string;

package/dist/tokens.js

@@ -2725,6 +2725,7 @@ const tokens = {
     "list-row-padding-block": "0.75rem",
     "list-row-gap": "0.5rem",
     "toolbar-gap": "0.5rem",
+    "search-min-width": "15rem",
     "narrow-width": "24rem",
     "editable-list-stack-width": "20rem",
     "selection-column-width": "2.5rem"

package/dist/tokens.json

@@ -20016,6 +20016,14 @@
       "references": "{space.2}",
       "description": "Between the search, the filters and the actions."
     },
+    {
+      "name": "--sl-collection-search-min-width",
+      "path": "collection.search-min-width",
+      "layer": "component",
+      "value": "15rem",
+      "references": "{space.60}",
+      "description": "The narrowest the toolbar search gets beside the filters and actions. Under it, the search wraps to its own line, so a few words of a query still show."
+    },
     {
       "name": "--sl-collection-narrow-width",
       "path": "collection.narrow-width",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scattered-light/loomiere-mojave",
-  "version": "0.7.0",
+  "version": "0.7.1",
   "description": "Mojave, the demo theme for Loomiere: desert stone and purple, built from one brand file.",
   "repository": {
     "type": "git",
@@ -62,6 +62,6 @@
     }
   },
   "devDependencies": {
-    "@scattered-light/loomiere": "0.7.0"
+    "@scattered-light/loomiere": "0.7.1"
   }
 }