@scattered-light/loomiere-mojave 0.14.0 → 0.15.0

package/dist/exports/tailwind.css

@@ -367,6 +367,7 @@
   --color-table-range: var(--sl-table-range-background);
   --color-table-range-border: var(--sl-table-range-border);
   --color-table-total-rule: var(--sl-table-total-rule-color);
+  --color-table-grand-total-top: var(--sl-table-grand-total-top-color);
   --color-table-total: var(--sl-table-total-background);
   --color-gauge-track: var(--sl-gauge-track-color);
   --color-gauge-label: var(--sl-gauge-label-color);
@@ -1095,6 +1096,7 @@
   --sl-table-range-background: var(--sl-interactive-tint);
   --sl-table-range-border: var(--sl-focus-ring);
   --sl-table-total-rule-color: var(--sl-rule-color);
+  --sl-table-grand-total-top-color: var(--sl-table-total-rule-color);
   --sl-table-total-background: var(--sl-table-background);
   --sl-app-bar-background: var(--sl-surface-raised);
   --sl-app-bar-border-color: var(--sl-rule-color);
@@ -1284,6 +1286,7 @@
   --sl-table-range-background: var(--sl-interactive-tint);
   --sl-table-range-border: var(--sl-focus-ring);
   --sl-table-total-rule-color: var(--sl-rule-color);
+  --sl-table-grand-total-top-color: var(--sl-table-total-rule-color);
   --sl-table-total-background: var(--sl-table-background);
   --sl-app-bar-background: var(--sl-surface-raised);
   --sl-app-bar-border-color: var(--sl-rule-color);
@@ -1473,6 +1476,7 @@
   --sl-table-range-background: var(--sl-interactive-tint);
   --sl-table-range-border: var(--sl-focus-ring);
   --sl-table-total-rule-color: var(--sl-rule-color);
+  --sl-table-grand-total-top-color: var(--sl-table-total-rule-color);
   --sl-table-total-background: var(--sl-table-background);
   --sl-app-bar-background: var(--sl-surface-raised);
   --sl-app-bar-border-color: var(--sl-rule-color);

package/dist/exports/tokens.dtcg.json

@@ -8568,6 +8568,11 @@
       "$value": "{rule.color}",
       "$description": "The line above a subtotal or total row and the double line under a grand total. The working-paper rule color, so totals and sheet tops are ruled in the same ink."
     },
+    "grand-total-top-color": {
+      "$type": "color",
+      "$value": "{table.total-rule-color}",
+      "$description": "The line above a grand total row. The total rule color by default; a brand can quiet it so the double rule under the figures leads."
+    },
     "subtotal-rule-width": {
       "$value": "{stroke.default}",
       "$description": "The single line above a subtotal row (tr data-total=\"subtotal\"), the line an accountant draws before adding a column."
@@ -12394,6 +12399,11 @@
       "$type": "color",
       "$value": "{text.secondary}",
       "$description": "The caps label, quieter than the choice it names."
+    },
+    "text-offset": {
+      "$type": "dimension",
+      "$value": "0px",
+      "$description": "Nudges the label and choice down together, for a typeface whose text sits high in the button. Zero keeps the baseline where the line box puts it."
     }
   },
   "popover": {

package/dist/tokens.css

@@ -793,6 +793,7 @@
     --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-picker-button-max-width: 18rem; /** Widest the button grows. A longer choice is cut with an ellipsis; the label never is. */
+    --sl-picker-button-text-offset: 0px; /** Nudges the label and choice down together, for a typeface whose text sits high in the button. Zero keeps the baseline where the line box puts it. */
     --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-sheet-tab-text-offset: 0px; /** Nudges the tab label down, for a typeface whose caps sit high in the line box. Zero centers the line box. */
@@ -2429,6 +2430,7 @@
     --sl-toggle-group-segmented-pressed-color: var(--sl-text-on-inverse); /** Text on the pressed toggle. */
     --sl-check-background: var(--sl-field-background); /** Empty box, the same fill as a field so it reads as something to fill in. */
     --sl-popup-arrow-fill: var(--sl-popup-background); /** The arrow is part of the popup, so it takes the popup's fill. */
+    --sl-table-grand-total-top-color: var(--sl-table-total-rule-color); /** The line above a grand total row. The total rule color by default; a brand can quiet it so the double rule under the figures leads. */
     --sl-collection-tree-parent-row-hover: var(--sl-table-row-hover); /** A parent row under the pointer, with treeLines. A brand sets it a step darker than table.row-hover so a parent still stands out when hovered. */
   }
 
@@ -5911,6 +5913,7 @@
     --sl-table-range-background: var(--sl-interactive-tint);
     --sl-table-range-border: var(--sl-focus-ring);
     --sl-table-total-rule-color: var(--sl-rule-color);
+    --sl-table-grand-total-top-color: var(--sl-table-total-rule-color);
     --sl-table-total-background: var(--sl-table-background);
     --sl-app-bar-background: var(--sl-surface-raised);
     --sl-app-bar-border-color: var(--sl-rule-color);
@@ -6100,6 +6103,7 @@
     --sl-table-range-background: var(--sl-interactive-tint);
     --sl-table-range-border: var(--sl-focus-ring);
     --sl-table-total-rule-color: var(--sl-rule-color);
+    --sl-table-grand-total-top-color: var(--sl-table-total-rule-color);
     --sl-table-total-background: var(--sl-table-background);
     --sl-app-bar-background: var(--sl-surface-raised);
     --sl-app-bar-border-color: var(--sl-rule-color);
@@ -6289,6 +6293,7 @@
     --sl-table-range-background: var(--sl-interactive-tint);
     --sl-table-range-border: var(--sl-focus-ring);
     --sl-table-total-rule-color: var(--sl-rule-color);
+    --sl-table-grand-total-top-color: var(--sl-table-total-rule-color);
     --sl-table-total-background: var(--sl-table-background);
     --sl-app-bar-background: var(--sl-surface-raised);
     --sl-app-bar-border-color: var(--sl-rule-color);

package/dist/tokens.d.ts

@@ -2024,6 +2024,7 @@ declare const tokens: {
     readonly "cell-padding-inline": string;
     readonly "radius": string;
     readonly "total-rule-color": string;
+    readonly "grand-total-top-color": string;
     readonly "subtotal-rule-width": string;
     readonly "grand-total-rule-width": string;
     readonly "total-background": string;
@@ -2827,6 +2828,7 @@ declare const tokens: {
   readonly "picker-button": {
     readonly "max-width": string;
     readonly "label-color": string;
+    readonly "text-offset": string;
   };
   readonly "popover": {
     readonly "text-max-width": string;

package/dist/tokens.js

@@ -2024,6 +2024,7 @@ const tokens = {
     "cell-padding-inline": "0.75rem",
     "radius": "0.5rem",
     "total-rule-color": "#7c8980",
+    "grand-total-top-color": "#7c8980",
     "subtotal-rule-width": "1px",
     "grand-total-rule-width": "3px",
     "total-background": "#ffffff"
@@ -2826,7 +2827,8 @@ const tokens = {
   },
   "picker-button": {
     "max-width": "18rem",
-    "label-color": "#4f5852"
+    "label-color": "#4f5852",
+    "text-offset": "0px"
   },
   "popover": {
     "text-max-width": "45ch",

package/dist/tokens.json

@@ -14368,6 +14368,15 @@
       "references": "{rule.color}",
       "description": "The line above a subtotal or total row and the double line under a grand total. The working-paper rule color, so totals and sheet tops are ruled in the same ink."
     },
+    {
+      "name": "--sl-table-grand-total-top-color",
+      "path": "table.grand-total-top-color",
+      "layer": "semantic",
+      "type": "color",
+      "value": "#7c8980",
+      "references": "{table.total-rule-color}",
+      "description": "The line above a grand total row. The total rule color by default; a brand can quiet it so the double rule under the figures leads."
+    },
     {
       "name": "--sl-table-subtotal-rule-width",
       "path": "table.subtotal-rule-width",
@@ -20658,6 +20667,14 @@
       "references": "{text.secondary}",
       "description": "The caps label, quieter than the choice it names."
     },
+    {
+      "name": "--sl-picker-button-text-offset",
+      "path": "picker-button.text-offset",
+      "layer": "component",
+      "type": "dimension",
+      "value": "0px",
+      "description": "Nudges the label and choice down together, for a typeface whose text sits high in the button. Zero keeps the baseline where the line box puts it."
+    },
     {
       "name": "--sl-popover-text-max-width",
       "path": "popover.text-max-width",
@@ -22674,6 +22691,7 @@
         "--sl-table-range-border": "#a36759",
         "--sl-table-radius": "0.375rem",
         "--sl-table-total-rule-color": "#6b8d99",
+        "--sl-table-grand-total-top-color": "#6b8d99",
         "--sl-font-body-base-font-family": "Roboto, sans-serif",
         "--sl-font-body-base-font-size": "0.875rem",
         "--sl-font-body-base-line-height": 1.352,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scattered-light/loomiere-mojave",
-  "version": "0.14.0",
+  "version": "0.15.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.14.0"
+    "@scattered-light/loomiere": "0.15.0"
   }
 }