@scattered-light/loomiere-mojave 0.1.1 → 0.3.0

package/dist/exports/tokens.dtcg.json

@@ -10741,9 +10741,9 @@
     }
   },
   "popover": {
-    "popup-max-width": {
-      "$value": "400px",
-      "$description": "Keeps longer text to a readable line length."
+    "text-max-width": {
+      "$value": "{measure.narrow}",
+      "$description": "Keeps the title and description to a readable line length. The popup itself has no fixed cap, so wider content such as a calendar or a form fits; it stops at the space Base UI reports beside the trigger."
     },
     "popup-min-width": {
       "$value": "{popup.min-width}",

package/dist/tokens.css

@@ -778,7 +778,6 @@
     --sl-drawer-popup-max-size: 85vh; /** Tallest a bottom or top drawer gets, leaving the page visible above it. */
     --sl-navigation-menu-popup-min-width: 400px; /** Narrowest a navigation panel gets on wider screens, and the widest a single column of links grows. */
     --sl-navigation-menu-column-width: 12rem; /** Width of each column in a two-column link list. */
-    --sl-popover-popup-max-width: 400px; /** Keeps longer text to a readable line length. */
     --sl-preview-card-popup-min-width: 300px; /** Narrowest a preview card gets, so a short title still has room for its image. */
     --sl-preview-card-popup-max-width: 450px; /** Widest a preview card gets, so its description keeps a comfortable line length. */
     --sl-slider-vertical-height: 200px; /** Default length of a vertical slider. */
@@ -1723,6 +1722,7 @@
     --sl-avatar-size-xl: var(--sl-space-24); /** 96px, on a profile page. */
     --sl-drawer-handle-width: var(--sl-space-10); /** Grab bar length. */
     --sl-drawer-handle-height: var(--sl-space-1); /** Grab bar thickness. */
+    --sl-popover-text-max-width: var(--sl-measure-narrow); /** Keeps the title and description to a readable line length. The popup itself has no fixed cap, so wider content such as a calendar or a form fits; it stops at the space Base UI reports beside the trigger. */
     --sl-popover-popup-min-width: var(--sl-popup-min-width); /** Narrow enough for a short note, wide enough that a title doesn't wrap word by word. */
     --sl-slider-thumb-size: var(--sl-space-5); /** Knob diameter, big enough to grab with a finger on a 4px track. */
     --sl-switch-track-text-font-size: var(--sl-font-size-xs); /** Sized to the track, not a text style: the ON/OFF label has to fit inside the switch at each size. The rest of the label uses condense-subtitle-label. */

package/dist/tokens.d.ts

@@ -2414,7 +2414,7 @@ declare const tokens: {
     readonly "column-width": string;
   };
   readonly "popover": {
-    readonly "popup-max-width": string;
+    readonly "text-max-width": string;
     readonly "popup-min-width": string;
   };
   readonly "preview-card": {

package/dist/tokens.js

@@ -2414,7 +2414,7 @@ const tokens = {
     "column-width": "12rem"
   },
   "popover": {
-    "popup-max-width": "400px",
+    "text-max-width": "45ch",
     "popup-min-width": "200px"
   },
   "preview-card": {

package/dist/tokens.json

@@ -17770,11 +17770,12 @@
       "description": "Width of each column in a two-column link list."
     },
     {
-      "name": "--sl-popover-popup-max-width",
-      "path": "popover.popup-max-width",
+      "name": "--sl-popover-text-max-width",
+      "path": "popover.text-max-width",
       "layer": "component",
-      "value": "400px",
-      "description": "Keeps longer text to a readable line length."
+      "value": "45ch",
+      "references": "{measure.narrow}",
+      "description": "Keeps the title and description to a readable line length. The popup itself has no fixed cap, so wider content such as a calendar or a form fits; it stops at the space Base UI reports beside the trigger."
     },
     {
       "name": "--sl-popover-popup-min-width",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scattered-light/loomiere-mojave",
-  "version": "0.1.1",
+  "version": "0.3.0",
   "description": "Mojave, the demo theme for Loomiere: desert stone and purple, built from one brand file.",
   "repository": {
     "type": "git",
@@ -22,6 +22,8 @@
     "./pairs.json": "./dist/pairs.json",
     "./brand.json": "./brand/mojave.json",
     "./exports/*": "./dist/exports/*",
+    "./tailwind.css": "./dist/exports/tailwind.css",
+    "./shadcn.css": "./dist/exports/shadcn.css",
     "./ag-grid/v36": {
       "types": "./dist/exports/ag-grid-v36.d.ts",
       "default": "./dist/exports/ag-grid-v36.js"
@@ -59,6 +61,6 @@
     }
   },
   "devDependencies": {
-    "@scattered-light/loomiere": "0.1.1"
+    "@scattered-light/loomiere": "0.3.0"
   }
 }