@scattered-light/loomiere-mojave 0.11.0 → 0.12.0

package/dist/exports/tailwind.css

@@ -1097,6 +1097,7 @@
   --sl-app-bar-background: var(--sl-surface-raised);
   --sl-app-bar-border-color: var(--sl-rule-color);
   --sl-app-bar-divider-color: var(--sl-border-strong);
+  --sl-collection-tree-line-color: var(--sl-border-strong);
   --sl-description-list-row-border-color: var(--sl-border-subtle);
   --sl-description-list-label-color: var(--sl-text-secondary);
   --sl-description-list-value-color: var(--sl-text-primary);
@@ -1281,6 +1282,7 @@
   --sl-app-bar-background: var(--sl-surface-raised);
   --sl-app-bar-border-color: var(--sl-rule-color);
   --sl-app-bar-divider-color: var(--sl-border-strong);
+  --sl-collection-tree-line-color: var(--sl-border-strong);
   --sl-description-list-row-border-color: var(--sl-border-subtle);
   --sl-description-list-label-color: var(--sl-text-secondary);
   --sl-description-list-value-color: var(--sl-text-primary);
@@ -1465,6 +1467,7 @@
   --sl-app-bar-background: var(--sl-surface-raised);
   --sl-app-bar-border-color: var(--sl-rule-color);
   --sl-app-bar-divider-color: var(--sl-border-strong);
+  --sl-collection-tree-line-color: var(--sl-border-strong);
   --sl-description-list-row-border-color: var(--sl-border-subtle);
   --sl-description-list-label-color: var(--sl-text-secondary);
   --sl-description-list-value-color: var(--sl-text-primary);

package/dist/exports/tokens.dtcg.json

@@ -12188,6 +12188,15 @@
       "$value": "{space.4}",
       "$description": "How far each deeper level steps in, so a child sits under its parent's text."
     },
+    "tree-line-color": {
+      "$type": "color",
+      "$value": "{border.strong}",
+      "$description": "The elbow connector from a child row back to its parent, with treeLines."
+    },
+    "disclosure-size-small": {
+      "$value": "{space.5}",
+      "$description": "The expand and collapse button when a table sets disclosure=\"small\", small enough that a parent row keeps its siblings' height."
+    },
     "list-row-padding-block": {
       "$value": "{space.3}",
       "$description": "Vertical padding of a list row. The row is not a fixed height, because a second line and an extra slot have to fit."

package/dist/tokens.css

@@ -1873,6 +1873,7 @@
     --sl-badge-dot-condense: var(--sl-space-2); /** 8px, the default. */
     --sl-badge-dot-base: var(--sl-space-2); /** 8px. The base badge is taller, but the dot stays a mark. */
     --sl-collection-tree-indent: var(--sl-space-4); /** How far each deeper level steps in, so a child sits under its parent's text. */
+    --sl-collection-disclosure-size-small: var(--sl-space-5); /** The expand and collapse button when a table sets disclosure="small", small enough that a parent row keeps its siblings' height. */
     --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. */
@@ -2367,6 +2368,7 @@
     --sl-status-level-default-bold-fg: var(--sl-scope-accent-on-solid); /** bold in default: solid in accent (primary) */
     --sl-app-bar-background: var(--sl-surface-raised); /** The bar's fill: one step off the page, like a card, so the page reads as sitting under it. */
     --sl-app-bar-divider-color: var(--sl-border-strong); /** Color of a vertical Separator in the bar. */
+    --sl-collection-tree-line-color: var(--sl-border-strong); /** The elbow connector from a child row back to its parent, with treeLines. */
     --sl-description-list-row-border-color: var(--sl-border-subtle); /** Hairline between pairs, as quiet as a table's row lines. */
     --sl-description-list-label-color: var(--sl-text-secondary); /** Labels. */
     --sl-description-list-leader-color: var(--sl-border-control); /** The dotted leader at variant="leader". The control edge color: dark enough to lead the eye, still lighter than the text. */
@@ -5900,6 +5902,7 @@
     --sl-app-bar-background: var(--sl-surface-raised);
     --sl-app-bar-border-color: var(--sl-rule-color);
     --sl-app-bar-divider-color: var(--sl-border-strong);
+    --sl-collection-tree-line-color: var(--sl-border-strong);
     --sl-description-list-row-border-color: var(--sl-border-subtle);
     --sl-description-list-label-color: var(--sl-text-secondary);
     --sl-description-list-value-color: var(--sl-text-primary);
@@ -6084,6 +6087,7 @@
     --sl-app-bar-background: var(--sl-surface-raised);
     --sl-app-bar-border-color: var(--sl-rule-color);
     --sl-app-bar-divider-color: var(--sl-border-strong);
+    --sl-collection-tree-line-color: var(--sl-border-strong);
     --sl-description-list-row-border-color: var(--sl-border-subtle);
     --sl-description-list-label-color: var(--sl-text-secondary);
     --sl-description-list-value-color: var(--sl-text-primary);
@@ -6268,6 +6272,7 @@
     --sl-app-bar-background: var(--sl-surface-raised);
     --sl-app-bar-border-color: var(--sl-rule-color);
     --sl-app-bar-divider-color: var(--sl-border-strong);
+    --sl-collection-tree-line-color: var(--sl-border-strong);
     --sl-description-list-row-border-color: var(--sl-border-subtle);
     --sl-description-list-label-color: var(--sl-text-secondary);
     --sl-description-list-value-color: var(--sl-text-primary);

package/dist/tokens.d.ts

@@ -2769,6 +2769,8 @@ declare const tokens: {
     readonly "header-height-sm": string;
     readonly "header-height-md": string;
     readonly "tree-indent": string;
+    readonly "tree-line-color": string;
+    readonly "disclosure-size-small": string;
     readonly "list-row-padding-block": string;
     readonly "list-row-gap": string;
     readonly "toolbar-gap": string;

package/dist/tokens.js

@@ -2769,6 +2769,8 @@ const tokens = {
     "header-height-sm": "2.75rem",
     "header-height-md": "3.25rem",
     "tree-indent": "1rem",
+    "tree-line-color": "#7c8980",
+    "disclosure-size-small": "1.25rem",
     "list-row-padding-block": "0.75rem",
     "list-row-gap": "0.5rem",
     "toolbar-gap": "0.5rem",

package/dist/tokens.json

@@ -20289,6 +20289,23 @@
       "references": "{space.4}",
       "description": "How far each deeper level steps in, so a child sits under its parent's text."
     },
+    {
+      "name": "--sl-collection-tree-line-color",
+      "path": "collection.tree-line-color",
+      "layer": "component",
+      "type": "color",
+      "value": "#7c8980",
+      "references": "{border.strong}",
+      "description": "The elbow connector from a child row back to its parent, with treeLines."
+    },
+    {
+      "name": "--sl-collection-disclosure-size-small",
+      "path": "collection.disclosure-size-small",
+      "layer": "component",
+      "value": "1.25rem",
+      "references": "{space.5}",
+      "description": "The expand and collapse button when a table sets disclosure=\"small\", small enough that a parent row keeps its siblings' height."
+    },
     {
       "name": "--sl-collection-list-row-padding-block",
       "path": "collection.list-row-padding-block",
@@ -23789,6 +23806,7 @@
         "--sl-avatar-initials-font-size-lg": "clamp(0.875rem, 0.8167rem + 0.2917vw, 1.05rem)",
         "--sl-avatar-initials-font-size-xl": "clamp(1.26rem, 1.176rem + 0.42vw, 1.512rem)",
         "--sl-button-radius": "0.0938rem",
+        "--sl-collection-tree-line-color": "#6b8d99",
         "--sl-description-list-row-border-color": "#def6ff",
         "--sl-description-list-label-color": "#3c5a66",
         "--sl-description-list-value-color": "#203d48",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scattered-light/loomiere-mojave",
-  "version": "0.11.0",
+  "version": "0.12.0",
   "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.11.0"
+    "@scattered-light/loomiere": "0.12.0"
   }
 }