@scattered-light/loomiere-mojave 0.7.0 → 0.8.0

package/dist/tokens.json

@@ -820,6 +820,14 @@
       "value": "0.05em",
       "description": "Small caps and labels."
     },
+    {
+      "name": "--sl-letter-spacing-caps",
+      "path": "letter-spacing.caps",
+      "layer": "foundation",
+      "type": "dimension",
+      "value": "0.08em",
+      "description": "Uppercase labels that sit beside figures, such as a column head or a working-paper caption. Between wider and widest."
+    },
     {
       "name": "--sl-letter-spacing-widest",
       "path": "letter-spacing.widest",
@@ -12816,6 +12824,14 @@
       "references": "{content.prose-color}",
       "description": "Code block text, the same as prose."
     },
+    {
+      "name": "--sl-content-pre-radius",
+      "path": "content.pre-radius",
+      "layer": "semantic",
+      "value": "0.5rem",
+      "references": "{radius.surface}",
+      "description": "Code block corners, like any panel, so a brand that squares its surfaces squares code blocks too."
+    },
     {
       "name": "--sl-content-prose-color",
       "path": "content.prose-color",
@@ -13994,6 +14010,23 @@
       "value": "200px",
       "description": "Narrowest a free-floating popup or menu gets, so short labels don't make a sliver."
     },
+    {
+      "name": "--sl-rule-width",
+      "path": "rule.width",
+      "layer": "semantic",
+      "type": "dimension",
+      "value": "0px",
+      "description": "Thickness of the top rule. 0 turns it off and leaves every top edge as it was. Point it at a stroke step (stroke.medium or stroke.thick) to turn it on."
+    },
+    {
+      "name": "--sl-rule-color",
+      "path": "rule.color",
+      "layer": "semantic",
+      "type": "color",
+      "value": "#7c8980",
+      "references": "{border.strong}",
+      "description": "Color of the top rule. The chrome's strong border, so the rule reads as structure, not as an accent or a selection. A brand can point it at text.primary for an ink rule."
+    },
     {
       "name": "--sl-color-scheme",
       "path": "color-scheme",
@@ -14318,6 +14351,38 @@
       "references": "{radius.surface}",
       "description": "Grid corners, like any card or panel."
     },
+    {
+      "name": "--sl-table-total-rule-color",
+      "path": "table.total-rule-color",
+      "layer": "semantic",
+      "value": "#7c8980",
+      "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-subtotal-rule-width",
+      "path": "table.subtotal-rule-width",
+      "layer": "semantic",
+      "value": "1px",
+      "references": "{stroke.default}",
+      "description": "The single line above a subtotal row (tr data-total=\"subtotal\"), the line an accountant draws before adding a column."
+    },
+    {
+      "name": "--sl-table-grand-total-rule-width",
+      "path": "table.grand-total-rule-width",
+      "layer": "semantic",
+      "value": "3px",
+      "references": "{stroke.thick}",
+      "description": "The double line under a grand total row (tr data-total=\"grand\"). It is drawn as a CSS double border, which needs at least 3px to show two strokes."
+    },
+    {
+      "name": "--sl-table-total-background",
+      "path": "table.total-background",
+      "layer": "semantic",
+      "value": "#ffffff",
+      "references": "{table.background}",
+      "description": "Fill of a subtotal or grand total row: the cell color, so the rules mark the total instead of a band. The footer's default totals row keeps the header tray."
+    },
     {
       "name": "--sl-font-body-base-font-family",
       "path": "font.body-base.font-family",
@@ -14364,7 +14429,7 @@
       "layer": "semantic",
       "value": "400 clamp(0.875rem, 0.8333rem + 0.2083vw, 1rem) / 1.35 'Barlow Semi Condensed', sans-serif",
       "references": "{font.body-base.font-weight} {font.body-base.font-size} / {font.body-base.line-height} {font.body-base.font-family}",
-      "description": "Body copy in the base tier, the default UI and body text. As a font shorthand; letter-spacing and text-transform are separate."
+      "description": "Body copy in the base tier, the default UI and body text. As a font shorthand; letter-spacing, text-transform and font-variant-numeric are separate."
     },
     {
       "name": "--sl-font-selected-base-font-family",
@@ -14412,7 +14477,7 @@
       "layer": "semantic",
       "value": "600 clamp(0.875rem, 0.8333rem + 0.2083vw, 1rem) / 1.35 'Barlow Semi Condensed', sans-serif",
       "references": "{font.selected-base.font-weight} {font.selected-base.font-size} / {font.selected-base.line-height} {font.selected-base.font-family}",
-      "description": "The selected or current item in the base tier (the default UI and body text): selected tabs and toggles, the current nav item or page. Base body text at semibold, so selection reads without changing size. As a font shorthand; letter-spacing and text-transform are separate."
+      "description": "The selected or current item in the base tier (the default UI and body text): selected tabs and toggles, the current nav item or page. Base body text at semibold, so selection reads without changing size. As a font shorthand; letter-spacing, text-transform and font-variant-numeric are separate."
     },
     {
       "name": "--sl-font-label-base-font-family",
@@ -14460,7 +14525,7 @@
       "layer": "semantic",
       "value": "500 0.75rem / 1.428 'Barlow Semi Condensed', sans-serif",
       "references": "{font.label-base.font-weight} {font.label-base.font-size} / {font.label-base.line-height} {font.label-base.font-family}",
-      "description": "Form labels in the base tier, the default UI and body text. As a font shorthand; letter-spacing and text-transform are separate."
+      "description": "Form labels in the base tier, the default UI and body text. As a font shorthand; letter-spacing, text-transform and font-variant-numeric are separate."
     },
     {
       "name": "--sl-font-link-base-font-family",
@@ -14508,7 +14573,7 @@
       "layer": "semantic",
       "value": "400 clamp(0.875rem, 0.8333rem + 0.2083vw, 1rem) / 1.35 'Barlow Semi Condensed', sans-serif",
       "references": "{font.link-base.font-weight} {font.link-base.font-size} / {font.link-base.line-height} {font.link-base.font-family}",
-      "description": "Links in the base tier. The same type as base body text: a link stands out by color and underline, not by its type. As a font shorthand; letter-spacing and text-transform are separate."
+      "description": "Links in the base tier. The same type as base body text: a link stands out by color and underline, not by its type. As a font shorthand; letter-spacing, text-transform and font-variant-numeric are separate."
     },
     {
       "name": "--sl-font-subtitle-base-font-family",
@@ -14556,7 +14621,7 @@
       "layer": "semantic",
       "value": "700 clamp(0.875rem, 0.8333rem + 0.2083vw, 1rem) / 1.35 'Barlow Semi Condensed', sans-serif",
       "references": "{font.subtitle-base.font-weight} {font.subtitle-base.font-size} / {font.subtitle-base.line-height} {font.subtitle-base.font-family}",
-      "description": "Subtitles in the base tier, the default UI and body text. As a font shorthand; letter-spacing and text-transform are separate."
+      "description": "Subtitles in the base tier, the default UI and body text. As a font shorthand; letter-spacing, text-transform and font-variant-numeric are separate."
     },
     {
       "name": "--sl-font-trigger-base-font-family",
@@ -14604,7 +14669,7 @@
       "layer": "semantic",
       "value": "500 clamp(0.875rem, 0.8333rem + 0.2083vw, 1rem) / 1.428 'Barlow Semi Condensed', sans-serif",
       "references": "{font.trigger-base.font-weight} {font.trigger-base.font-size} / {font.trigger-base.line-height} {font.trigger-base.font-family}",
-      "description": "Buttons and triggers in the base tier, the default UI and body text. As a font shorthand; letter-spacing and text-transform are separate."
+      "description": "Buttons and triggers in the base tier, the default UI and body text. As a font shorthand; letter-spacing, text-transform and font-variant-numeric are separate."
     },
     {
       "name": "--sl-font-title-base-font-family",
@@ -14652,7 +14717,62 @@
       "layer": "semantic",
       "value": "600 clamp(0.875rem, 0.8333rem + 0.2083vw, 1rem) / 1.35 'Funnel Display', sans-serif",
       "references": "{font.title-base.font-weight} {font.title-base.font-size} / {font.title-base.line-height} {font.title-base.font-family}",
-      "description": "Titles in the base tier: a toast, an accordion row, a list item heading. Titles use the display family; the tier sets the size. As a font shorthand; letter-spacing and text-transform are separate."
+      "description": "Titles in the base tier: a toast, an accordion row, a list item heading. Titles use the display family; the tier sets the size. As a font shorthand; letter-spacing, text-transform and font-variant-numeric are separate."
+    },
+    {
+      "name": "--sl-font-figures-base-font-family",
+      "path": "font.figures-base.font-family",
+      "layer": "semantic",
+      "value": "'Roboto Mono', monospace",
+      "references": "{font-family.mono}",
+      "description": "font-family of font.figures-base."
+    },
+    {
+      "name": "--sl-font-figures-base-font-size",
+      "path": "font.figures-base.font-size",
+      "layer": "semantic",
+      "value": "clamp(0.875rem, 0.8333rem + 0.2083vw, 1rem)",
+      "references": "{font-size.md}",
+      "description": "font-size of font.figures-base."
+    },
+    {
+      "name": "--sl-font-figures-base-font-weight",
+      "path": "font.figures-base.font-weight",
+      "layer": "semantic",
+      "value": 400,
+      "references": "{font-weight.normal}",
+      "description": "font-weight of font.figures-base."
+    },
+    {
+      "name": "--sl-font-figures-base-line-height",
+      "path": "font.figures-base.line-height",
+      "layer": "semantic",
+      "value": 1.35,
+      "references": "{line-height.md}",
+      "description": "line-height of font.figures-base."
+    },
+    {
+      "name": "--sl-font-figures-base-letter-spacing",
+      "path": "font.figures-base.letter-spacing",
+      "layer": "semantic",
+      "value": "0",
+      "references": "{letter-spacing.normal}",
+      "description": "letter-spacing of font.figures-base."
+    },
+    {
+      "name": "--sl-font-figures-base-font-variant-numeric",
+      "path": "font.figures-base.font-variant-numeric",
+      "layer": "semantic",
+      "value": "tabular-nums",
+      "description": "font-variant-numeric of font.figures-base."
+    },
+    {
+      "name": "--sl-font-figures-base-font",
+      "path": "font.figures-base.font",
+      "layer": "semantic",
+      "value": "400 clamp(0.875rem, 0.8333rem + 0.2083vw, 1rem) / 1.35 'Roboto Mono', monospace",
+      "references": "{font.figures-base.font-weight} {font.figures-base.font-size} / {font.figures-base.line-height} {font.figures-base.font-family}",
+      "description": "Figures in the base tier: an amount beside base text, a balance in a card. The mono family with tabular numbers, so digits line up. As a font shorthand; letter-spacing, text-transform and font-variant-numeric are separate."
     },
     {
       "name": "--sl-font-code-condense-font-family",
@@ -14700,7 +14820,62 @@
       "layer": "semantic",
       "value": "400 0.75rem / 1.428 'Roboto Mono', monospace",
       "references": "{font.code-condense.font-weight} {font.code-condense.font-size} / {font.code-condense.line-height} {font.code-condense.font-family}",
-      "description": "Code uses the mono family so characters line up. As a font shorthand; letter-spacing and text-transform are separate."
+      "description": "Code uses the mono family so characters line up. As a font shorthand; letter-spacing, text-transform and font-variant-numeric are separate."
+    },
+    {
+      "name": "--sl-font-figures-condense-font-family",
+      "path": "font.figures-condense.font-family",
+      "layer": "semantic",
+      "value": "'Roboto Mono', monospace",
+      "references": "{font-family.mono}",
+      "description": "font-family of font.figures-condense."
+    },
+    {
+      "name": "--sl-font-figures-condense-font-size",
+      "path": "font.figures-condense.font-size",
+      "layer": "semantic",
+      "value": "0.75rem",
+      "references": "{font-size.sm}",
+      "description": "font-size of font.figures-condense."
+    },
+    {
+      "name": "--sl-font-figures-condense-font-weight",
+      "path": "font.figures-condense.font-weight",
+      "layer": "semantic",
+      "value": 400,
+      "references": "{font-weight.normal}",
+      "description": "font-weight of font.figures-condense."
+    },
+    {
+      "name": "--sl-font-figures-condense-line-height",
+      "path": "font.figures-condense.line-height",
+      "layer": "semantic",
+      "value": 1.428,
+      "references": "{line-height.sm}",
+      "description": "line-height of font.figures-condense."
+    },
+    {
+      "name": "--sl-font-figures-condense-letter-spacing",
+      "path": "font.figures-condense.letter-spacing",
+      "layer": "semantic",
+      "value": "0",
+      "references": "{letter-spacing.normal}",
+      "description": "letter-spacing of font.figures-condense."
+    },
+    {
+      "name": "--sl-font-figures-condense-font-variant-numeric",
+      "path": "font.figures-condense.font-variant-numeric",
+      "layer": "semantic",
+      "value": "tabular-nums",
+      "description": "font-variant-numeric of font.figures-condense."
+    },
+    {
+      "name": "--sl-font-figures-condense-font",
+      "path": "font.figures-condense.font",
+      "layer": "semantic",
+      "value": "400 0.75rem / 1.428 'Roboto Mono', monospace",
+      "references": "{font.figures-condense.font-weight} {font.figures-condense.font-size} / {font.figures-condense.line-height} {font.figures-condense.font-family}",
+      "description": "Figures in the condense tier: amounts and counts in tables and dense rows. The mono family with tabular numbers, so digits line up down a column. As a font shorthand; letter-spacing, text-transform and font-variant-numeric are separate."
     },
     {
       "name": "--sl-font-body-condense-font-family",
@@ -14748,7 +14923,7 @@
       "layer": "semantic",
       "value": "400 0.75rem / 1.428 'Barlow Semi Condensed', sans-serif",
       "references": "{font.body-condense.font-weight} {font.body-condense.font-size} / {font.body-condense.line-height} {font.body-condense.font-family}",
-      "description": "Body copy in the condense tier, dense UI text (tables, secondary labels). As a font shorthand; letter-spacing and text-transform are separate."
+      "description": "Body copy in the condense tier, dense UI text (tables, secondary labels). As a font shorthand; letter-spacing, text-transform and font-variant-numeric are separate."
     },
     {
       "name": "--sl-font-trigger-condense-font-family",
@@ -14796,7 +14971,7 @@
       "layer": "semantic",
       "value": "500 0.75rem / 1.428 'Barlow Semi Condensed', sans-serif",
       "references": "{font.trigger-condense.font-weight} {font.trigger-condense.font-size} / {font.trigger-condense.line-height} {font.trigger-condense.font-family}",
-      "description": "Buttons and triggers in the condense tier (dense UI): condense body text at medium, like base-trigger one tier down. As a font shorthand; letter-spacing and text-transform are separate."
+      "description": "Buttons and triggers in the condense tier (dense UI): condense body text at medium, like base-trigger one tier down. As a font shorthand; letter-spacing, text-transform and font-variant-numeric are separate."
     },
     {
       "name": "--sl-font-selected-condense-font-family",
@@ -14844,7 +15019,7 @@
       "layer": "semantic",
       "value": "600 0.75rem / 1.428 'Barlow Semi Condensed', sans-serif",
       "references": "{font.selected-condense.font-weight} {font.selected-condense.font-size} / {font.selected-condense.line-height} {font.selected-condense.font-family}",
-      "description": "The selected or current item in the condense tier (dense UI text): selected tabs and toggles, the current nav item or page. Condense body text at semibold, so selection reads without changing size. As a font shorthand; letter-spacing and text-transform are separate."
+      "description": "The selected or current item in the condense tier (dense UI text): selected tabs and toggles, the current nav item or page. Condense body text at semibold, so selection reads without changing size. As a font shorthand; letter-spacing, text-transform and font-variant-numeric are separate."
     },
     {
       "name": "--sl-font-link-condense-font-family",
@@ -14892,7 +15067,7 @@
       "layer": "semantic",
       "value": "400 0.75rem / 1.428 'Barlow Semi Condensed', sans-serif",
       "references": "{font.link-condense.font-weight} {font.link-condense.font-size} / {font.link-condense.line-height} {font.link-condense.font-family}",
-      "description": "Links in the condense tier. The same type as condense body text: a link stands out by color and underline, not by its type. As a font shorthand; letter-spacing and text-transform are separate."
+      "description": "Links in the condense tier. The same type as condense body text: a link stands out by color and underline, not by its type. As a font shorthand; letter-spacing, text-transform and font-variant-numeric are separate."
     },
     {
       "name": "--sl-font-subtitle-condense-font-family",
@@ -14940,7 +15115,7 @@
       "layer": "semantic",
       "value": "700 0.75rem / 1.428 'Barlow Semi Condensed', sans-serif",
       "references": "{font.subtitle-condense.font-weight} {font.subtitle-condense.font-size} / {font.subtitle-condense.line-height} {font.subtitle-condense.font-family}",
-      "description": "Subtitles in the condense tier, dense UI text (tables, secondary labels). As a font shorthand; letter-spacing and text-transform are separate."
+      "description": "Subtitles in the condense tier, dense UI text (tables, secondary labels). As a font shorthand; letter-spacing, text-transform and font-variant-numeric are separate."
     },
     {
       "name": "--sl-font-eyebrow-condense-font-family",
@@ -14995,7 +15170,62 @@
       "layer": "semantic",
       "value": "600 0.75rem / 1.428 'Barlow Semi Condensed', sans-serif",
       "references": "{font.eyebrow-condense.font-weight} {font.eyebrow-condense.font-size} / {font.eyebrow-condense.line-height} {font.eyebrow-condense.font-family}",
-      "description": "Small uppercase eyebrow labels in the condense tier, dense UI text (tables, secondary labels). As a font shorthand; letter-spacing and text-transform are separate."
+      "description": "Small uppercase eyebrow labels in the condense tier, dense UI text (tables, secondary labels). As a font shorthand; letter-spacing, text-transform and font-variant-numeric are separate."
+    },
+    {
+      "name": "--sl-font-caps-condense-font-family",
+      "path": "font.caps-condense.font-family",
+      "layer": "semantic",
+      "value": "'Barlow Semi Condensed', sans-serif",
+      "references": "{font-family.body}",
+      "description": "font-family of font.caps-condense."
+    },
+    {
+      "name": "--sl-font-caps-condense-font-size",
+      "path": "font.caps-condense.font-size",
+      "layer": "semantic",
+      "value": "0.75rem",
+      "references": "{font-size.sm}",
+      "description": "font-size of font.caps-condense."
+    },
+    {
+      "name": "--sl-font-caps-condense-font-weight",
+      "path": "font.caps-condense.font-weight",
+      "layer": "semantic",
+      "value": 600,
+      "references": "{font-weight.semibold}",
+      "description": "font-weight of font.caps-condense."
+    },
+    {
+      "name": "--sl-font-caps-condense-line-height",
+      "path": "font.caps-condense.line-height",
+      "layer": "semantic",
+      "value": 1.428,
+      "references": "{line-height.sm}",
+      "description": "line-height of font.caps-condense."
+    },
+    {
+      "name": "--sl-font-caps-condense-letter-spacing",
+      "path": "font.caps-condense.letter-spacing",
+      "layer": "semantic",
+      "value": "0.08em",
+      "references": "{letter-spacing.caps}",
+      "description": "letter-spacing of font.caps-condense."
+    },
+    {
+      "name": "--sl-font-caps-condense-text-transform",
+      "path": "font.caps-condense.text-transform",
+      "layer": "semantic",
+      "value": "uppercase",
+      "description": "text-transform of font.caps-condense."
+    },
+    {
+      "name": "--sl-font-caps-condense-font",
+      "path": "font.caps-condense.font",
+      "layer": "semantic",
+      "value": "600 0.75rem / 1.428 'Barlow Semi Condensed', sans-serif",
+      "references": "{font.caps-condense.font-weight} {font.caps-condense.font-size} / {font.caps-condense.line-height} {font.caps-condense.font-family}",
+      "description": "Caps labels in the condense tier: a working-paper caption, a column head over figures, a sheet's tab label. Uppercase and tracked a little wider than an eyebrow, so it reads as a label and not a heading. As a font shorthand; letter-spacing, text-transform and font-variant-numeric are separate."
     },
     {
       "name": "--sl-font-title-condense-font-family",
@@ -15043,7 +15273,7 @@
       "layer": "semantic",
       "value": "600 0.75rem / 1.428 'Funnel Display', sans-serif",
       "references": "{font.title-condense.font-weight} {font.title-condense.font-size} / {font.title-condense.line-height} {font.title-condense.font-family}",
-      "description": "Titles in the condense tier: group headers in tables, menus and dense panels. Titles use the display family; the tier sets the size. As a font shorthand; letter-spacing and text-transform are separate."
+      "description": "Titles in the condense tier: group headers in tables, menus and dense panels. Titles use the display family; the tier sets the size. As a font shorthand; letter-spacing, text-transform and font-variant-numeric are separate."
     },
     {
       "name": "--sl-font-body-magnify-font-family",
@@ -15091,7 +15321,7 @@
       "layer": "semantic",
       "value": "400 clamp(1rem, 0.9333rem + 0.3333vw, 1.2rem) / 1.35 'Barlow Semi Condensed', sans-serif",
       "references": "{font.body-magnify.font-weight} {font.body-magnify.font-size} / {font.body-magnify.line-height} {font.body-magnify.font-family}",
-      "description": "Body copy in the magnify tier, emphasized body text (lead paragraphs). As a font shorthand; letter-spacing and text-transform are separate."
+      "description": "Body copy in the magnify tier, emphasized body text (lead paragraphs). As a font shorthand; letter-spacing, text-transform and font-variant-numeric are separate."
     },
     {
       "name": "--sl-font-trigger-magnify-font-family",
@@ -15139,7 +15369,7 @@
       "layer": "semantic",
       "value": "500 clamp(1rem, 0.9333rem + 0.3333vw, 1.2rem) / 1.35 'Barlow Semi Condensed', sans-serif",
       "references": "{font.trigger-magnify.font-weight} {font.trigger-magnify.font-size} / {font.trigger-magnify.line-height} {font.trigger-magnify.font-family}",
-      "description": "Buttons and triggers in the magnify tier (emphasized, larger UI): magnify body text at medium, like base-trigger one tier up. As a font shorthand; letter-spacing and text-transform are separate."
+      "description": "Buttons and triggers in the magnify tier (emphasized, larger UI): magnify body text at medium, like base-trigger one tier up. As a font shorthand; letter-spacing, text-transform and font-variant-numeric are separate."
     },
     {
       "name": "--sl-font-title-magnify-font-family",
@@ -15187,7 +15417,7 @@
       "layer": "semantic",
       "value": "600 clamp(1rem, 0.9333rem + 0.3333vw, 1.2rem) / 1.35 'Funnel Display', sans-serif",
       "references": "{font.title-magnify.font-weight} {font.title-magnify.font-size} / {font.title-magnify.line-height} {font.title-magnify.font-family}",
-      "description": "Titles in the magnify tier: popovers, cards and fieldsets. Titles use the display family; the tier sets the size. As a font shorthand; letter-spacing and text-transform are separate."
+      "description": "Titles in the magnify tier: popovers, cards and fieldsets. Titles use the display family; the tier sets the size. As a font shorthand; letter-spacing, text-transform and font-variant-numeric are separate."
     },
     {
       "name": "--sl-font-body-minimize-font-family",
@@ -15235,7 +15465,7 @@
       "layer": "semantic",
       "value": "400 0.625rem / 1.428 'Barlow Semi Condensed', sans-serif",
       "references": "{font.body-minimize.font-weight} {font.body-minimize.font-size} / {font.body-minimize.line-height} {font.body-minimize.font-family}",
-      "description": "Body copy in the minimize tier, the smallest functional text (captions, fine print). As a font shorthand; letter-spacing and text-transform are separate."
+      "description": "Body copy in the minimize tier, the smallest functional text (captions, fine print). As a font shorthand; letter-spacing, text-transform and font-variant-numeric are separate."
     },
     {
       "name": "--sl-font-trigger-minimize-font-family",
@@ -15283,7 +15513,7 @@
       "layer": "semantic",
       "value": "500 0.625rem / 1.428 'Barlow Semi Condensed', sans-serif",
       "references": "{font.trigger-minimize.font-weight} {font.trigger-minimize.font-size} / {font.trigger-minimize.line-height} {font.trigger-minimize.font-family}",
-      "description": "Buttons and triggers in the minimize tier (the smallest UI): minimize body text at medium, like base-trigger one tier down. As a font shorthand; letter-spacing and text-transform are separate."
+      "description": "Buttons and triggers in the minimize tier (the smallest UI): minimize body text at medium, like base-trigger one tier down. As a font shorthand; letter-spacing, text-transform and font-variant-numeric are separate."
     },
     {
       "name": "--sl-font-selected-minimize-font-family",
@@ -15331,7 +15561,7 @@
       "layer": "semantic",
       "value": "600 0.625rem / 1.428 'Barlow Semi Condensed', sans-serif",
       "references": "{font.selected-minimize.font-weight} {font.selected-minimize.font-size} / {font.selected-minimize.line-height} {font.selected-minimize.font-family}",
-      "description": "The selected or current item in the minimize tier (the smallest functional text): selected tabs and toggles, the current nav item or page. Minimize body text at semibold, so selection reads without changing size. As a font shorthand; letter-spacing and text-transform are separate."
+      "description": "The selected or current item in the minimize tier (the smallest functional text): selected tabs and toggles, the current nav item or page. Minimize body text at semibold, so selection reads without changing size. As a font shorthand; letter-spacing, text-transform and font-variant-numeric are separate."
     },
     {
       "name": "--sl-font-link-minimize-font-family",
@@ -15379,7 +15609,7 @@
       "layer": "semantic",
       "value": "400 0.625rem / 1.428 'Barlow Semi Condensed', sans-serif",
       "references": "{font.link-minimize.font-weight} {font.link-minimize.font-size} / {font.link-minimize.line-height} {font.link-minimize.font-family}",
-      "description": "Links in the minimize tier. The same type as minimize body text: a link stands out by color and underline, not by its type. As a font shorthand; letter-spacing and text-transform are separate."
+      "description": "Links in the minimize tier. The same type as minimize body text: a link stands out by color and underline, not by its type. As a font shorthand; letter-spacing, text-transform and font-variant-numeric are separate."
     },
     {
       "name": "--sl-font-subtitle-minimize-font-family",
@@ -15427,7 +15657,7 @@
       "layer": "semantic",
       "value": "700 0.625rem / 1.428 'Barlow Semi Condensed', sans-serif",
       "references": "{font.subtitle-minimize.font-weight} {font.subtitle-minimize.font-size} / {font.subtitle-minimize.line-height} {font.subtitle-minimize.font-family}",
-      "description": "Subtitles in the minimize tier, the smallest functional text (captions, fine print). As a font shorthand; letter-spacing and text-transform are separate."
+      "description": "Subtitles in the minimize tier, the smallest functional text (captions, fine print). As a font shorthand; letter-spacing, text-transform and font-variant-numeric are separate."
     },
     {
       "name": "--sl-font-eyebrow-minimize-font-family",
@@ -15482,7 +15712,7 @@
       "layer": "semantic",
       "value": "600 0.625rem / 1.428 'Barlow Semi Condensed', sans-serif",
       "references": "{font.eyebrow-minimize.font-weight} {font.eyebrow-minimize.font-size} / {font.eyebrow-minimize.line-height} {font.eyebrow-minimize.font-family}",
-      "description": "Small uppercase eyebrow labels in the minimize tier, the smallest functional text (captions, fine print). As a font shorthand; letter-spacing and text-transform are separate."
+      "description": "Small uppercase eyebrow labels in the minimize tier, the smallest functional text (captions, fine print). As a font shorthand; letter-spacing, text-transform and font-variant-numeric are separate."
     },
     {
       "name": "--sl-font-title-amplify-font-family",
@@ -15530,7 +15760,7 @@
       "layer": "semantic",
       "value": "600 clamp(1.44rem, 1.344rem + 0.48vw, 1.728rem) / 1.253 'Funnel Display', sans-serif",
       "references": "{font.title-amplify.font-weight} {font.title-amplify.font-size} / {font.title-amplify.line-height} {font.title-amplify.font-family}",
-      "description": "Titles in the amplify tier: dialogs, drawers and page sections. Titles use the display family; the tier sets the size. As a font shorthand; letter-spacing and text-transform are separate."
+      "description": "Titles in the amplify tier: dialogs, drawers and page sections. Titles use the display family; the tier sets the size. As a font shorthand; letter-spacing, text-transform and font-variant-numeric are separate."
     },
     {
       "name": "--sl-font-title-maximize-font-family",
@@ -15578,7 +15808,7 @@
       "layer": "semantic",
       "value": "600 clamp(2.0736rem, 1.9354rem + 0.6912vw, 2.4883rem) / 1 'Funnel Display', sans-serif",
       "references": "{font.title-maximize.font-weight} {font.title-maximize.font-size} / {font.title-maximize.line-height} {font.title-maximize.font-family}",
-      "description": "Titles in the maximize tier: the page head. Titles use the display family; the tier sets the size. As a font shorthand; letter-spacing and text-transform are separate."
+      "description": "Titles in the maximize tier: the page head. Titles use the display family; the tier sets the size. As a font shorthand; letter-spacing, text-transform and font-variant-numeric are separate."
     },
     {
       "name": "--sl-emphasis-bold-bg",
@@ -20016,6 +20246,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",
@@ -20040,6 +20278,89 @@
       "references": "{space.10}",
       "description": "The checkbox column. Wide enough for the control, no wider, so the data keeps the room."
     },
+    {
+      "name": "--sl-description-list-row-padding-block",
+      "path": "description-list.row-padding-block",
+      "layer": "component",
+      "value": "0.5rem",
+      "references": "{space.2}",
+      "description": "Space above and below each pair."
+    },
+    {
+      "name": "--sl-description-list-row-padding-inline",
+      "path": "description-list.row-padding-inline",
+      "layer": "component",
+      "value": "1rem",
+      "references": "{space.4}",
+      "description": "Space either side of each pair, so pairs inside a sheet line up with its tab label."
+    },
+    {
+      "name": "--sl-description-list-row-border-color",
+      "path": "description-list.row-border-color",
+      "layer": "component",
+      "type": "color",
+      "value": "#eff3ee",
+      "references": "{border.subtle}",
+      "description": "Hairline between pairs, as quiet as a table's row lines."
+    },
+    {
+      "name": "--sl-description-list-column-gap",
+      "path": "description-list.column-gap",
+      "layer": "component",
+      "value": "1rem",
+      "references": "{space.4}",
+      "description": "Space between the label column and the value column in the default variant."
+    },
+    {
+      "name": "--sl-description-list-label-width",
+      "path": "description-list.label-width",
+      "layer": "component",
+      "value": "minmax(8rem, 1fr)",
+      "description": "The label column in the default variant. The value column takes twice the room."
+    },
+    {
+      "name": "--sl-description-list-label-color",
+      "path": "description-list.label-color",
+      "layer": "component",
+      "type": "color",
+      "value": "#4f5852",
+      "references": "{text.secondary}",
+      "description": "Labels."
+    },
+    {
+      "name": "--sl-description-list-value-color",
+      "path": "description-list.value-color",
+      "layer": "component",
+      "type": "color",
+      "value": "#221928",
+      "references": "{text.primary}",
+      "description": "Values."
+    },
+    {
+      "name": "--sl-description-list-leader-color",
+      "path": "description-list.leader-color",
+      "layer": "component",
+      "type": "color",
+      "value": "#7c8980",
+      "references": "{border.control}",
+      "description": "The dotted leader at variant=\"leader\". The control edge color: dark enough to lead the eye, still lighter than the text."
+    },
+    {
+      "name": "--sl-description-list-leader-width",
+      "path": "description-list.leader-width",
+      "layer": "component",
+      "value": "1px",
+      "references": "{stroke.default}",
+      "description": "Thickness of the dotted leader."
+    },
+    {
+      "name": "--sl-description-list-leader-gap",
+      "path": "description-list.leader-gap",
+      "layer": "component",
+      "value": "0.375rem",
+      "references": "{space.1-5}",
+      "description": "Space between the leader and the label or value either side of it."
+    },
     {
       "name": "--sl-drawer-popup-size",
       "path": "drawer.popup-size",
@@ -20175,6 +20496,115 @@
       "value": "450px",
       "description": "Widest a preview card gets, so its description keeps a comfortable line length."
     },
+    {
+      "name": "--sl-sheet-background",
+      "path": "sheet.background",
+      "layer": "component",
+      "type": "color",
+      "value": "#f8fbf9",
+      "references": "{surface.raised}",
+      "description": "The sheet's fill: the raised surface, one level above the page like any card or panel."
+    },
+    {
+      "name": "--sl-sheet-border-color",
+      "path": "sheet.border-color",
+      "layer": "component",
+      "type": "color",
+      "value": "#e7ece4",
+      "references": "{border.default}",
+      "description": "The sheet's sides and bottom, the everyday divider."
+    },
+    {
+      "name": "--sl-sheet-border-width",
+      "path": "sheet.border-width",
+      "layer": "component",
+      "value": "1px",
+      "references": "{stroke.default}",
+      "description": "Thickness of the sides and bottom."
+    },
+    {
+      "name": "--sl-sheet-rule-width",
+      "path": "sheet.rule-width",
+      "layer": "component",
+      "value": "2px",
+      "references": "{stroke.medium}",
+      "description": "The top rule. A sheet always has one, so it is its own token rather than rule.width (which is 0 until a brand turns it on for tables and drawers)."
+    },
+    {
+      "name": "--sl-sheet-rule-color",
+      "path": "sheet.rule-color",
+      "layer": "component",
+      "type": "color",
+      "value": "#7c8980",
+      "references": "{rule.color}",
+      "description": "The top rule's color: the working-paper rule color, so sheets and ruled tables match."
+    },
+    {
+      "name": "--sl-sheet-radius",
+      "path": "sheet.radius",
+      "layer": "component",
+      "value": "0.5rem",
+      "references": "{radius.surface}",
+      "description": "Corners, like any card or panel. The top corners stay square under a tab label, so the tab sits flush on the rule."
+    },
+    {
+      "name": "--sl-sheet-padding",
+      "path": "sheet.padding",
+      "layer": "component",
+      "value": "1rem",
+      "references": "{space.4}",
+      "description": "Space inside a sheet with inset set. Without it, rows and tables inside run edge to edge."
+    },
+    {
+      "name": "--sl-sheet-tab-background",
+      "path": "sheet.tab-background",
+      "layer": "component",
+      "type": "color",
+      "value": "#353d38",
+      "references": "{surface.inverse}",
+      "description": "The tab label's fill: the inverse surface, so the label reads as the sheet's name, and its text passes AA in every theme."
+    },
+    {
+      "name": "--sl-sheet-tab-color",
+      "path": "sheet.tab-color",
+      "layer": "component",
+      "type": "color",
+      "value": "#f8fbf9",
+      "references": "{text.on-inverse-surface}",
+      "description": "Text on the tab label."
+    },
+    {
+      "name": "--sl-sheet-tab-height",
+      "path": "sheet.tab-height",
+      "layer": "component",
+      "value": "1.75rem",
+      "references": "{space.7}",
+      "description": "Height of the tab label."
+    },
+    {
+      "name": "--sl-sheet-tab-padding-inline",
+      "path": "sheet.tab-padding-inline",
+      "layer": "component",
+      "value": "0.875rem",
+      "references": "{space.3-5}",
+      "description": "Space either side of the tab label's text."
+    },
+    {
+      "name": "--sl-sheet-tab-radius",
+      "path": "sheet.tab-radius",
+      "layer": "component",
+      "value": "0.125rem",
+      "references": "{radius.sm}",
+      "description": "The tab label's top corners. Its bottom corners stay square where it meets the rule."
+    },
+    {
+      "name": "--sl-sheet-header-gap",
+      "path": "sheet.header-gap",
+      "layer": "component",
+      "value": "0.75rem",
+      "references": "{space.3}",
+      "description": "Space between the tab label and an action at the end of the header row, such as an Edit link."
+    },
     {
       "name": "--sl-slider-thumb-size",
       "path": "slider.thumb-size",
@@ -20228,6 +20658,107 @@
       "value": "10%",
       "description": "The Shift step. Twice the arrow step, so a few presses cross the panel without holding the key."
     },
+    {
+      "name": "--sl-stat-figure-figure-font-size",
+      "path": "stat-figure.figure-font-size",
+      "layer": "component",
+      "value": "clamp(2.0736rem, 1.9354rem + 0.6912vw, 2.4883rem)",
+      "references": "{font-size.4xl}",
+      "description": "Size of the figure. Large enough to lead the page, a step under the page title."
+    },
+    {
+      "name": "--sl-stat-figure-figure-font-size-sm",
+      "path": "stat-figure.figure-font-size-sm",
+      "layer": "component",
+      "value": "clamp(1.44rem, 1.344rem + 0.48vw, 1.728rem)",
+      "references": "{font-size.2xl}",
+      "description": "Size of the figure at size=\"sm\", for a row of figures in a card or a sheet header."
+    },
+    {
+      "name": "--sl-stat-figure-figure-line-height",
+      "path": "stat-figure.figure-line-height",
+      "layer": "component",
+      "value": 1,
+      "references": "{line-height.4xl}",
+      "description": "Line height paired with figure-font-size."
+    },
+    {
+      "name": "--sl-stat-figure-figure-line-height-sm",
+      "path": "stat-figure.figure-line-height-sm",
+      "layer": "component",
+      "value": 1.253,
+      "references": "{line-height.2xl}",
+      "description": "Line height paired with figure-font-size-sm."
+    },
+    {
+      "name": "--sl-stat-figure-figure-font-weight",
+      "path": "stat-figure.figure-font-weight",
+      "layer": "component",
+      "value": 600,
+      "references": "{font-weight.semibold}",
+      "description": "Weight of the figure."
+    },
+    {
+      "name": "--sl-stat-figure-figure-color",
+      "path": "stat-figure.figure-color",
+      "layer": "component",
+      "type": "color",
+      "value": "#221928",
+      "references": "{text.primary}",
+      "description": "The figure's color."
+    },
+    {
+      "name": "--sl-stat-figure-figure-color-accent",
+      "path": "stat-figure.figure-color-accent",
+      "layer": "component",
+      "type": "color",
+      "value": "#7131a0",
+      "references": "{text.accent}",
+      "description": "The figure's color at tone=\"accent\", for a figure that asks for action (open questions, items to review)."
+    },
+    {
+      "name": "--sl-stat-figure-underline-width",
+      "path": "stat-figure.underline-width",
+      "layer": "component",
+      "value": "3px",
+      "references": "{stroke.thick}",
+      "description": "The double underline at underline=\"double\", the accountant's mark for a final total. A CSS double border, so at least 3px."
+    },
+    {
+      "name": "--sl-stat-figure-underline-color",
+      "path": "stat-figure.underline-color",
+      "layer": "component",
+      "type": "color",
+      "value": "#7c8980",
+      "references": "{rule.color}",
+      "description": "The double underline's color: the working-paper rule color, like a grand total's double rule."
+    },
+    {
+      "name": "--sl-stat-figure-label-color",
+      "path": "stat-figure.label-color",
+      "layer": "component",
+      "type": "color",
+      "value": "#4f5852",
+      "references": "{text.secondary}",
+      "description": "The caps label above the figure."
+    },
+    {
+      "name": "--sl-stat-figure-caption-color",
+      "path": "stat-figure.caption-color",
+      "layer": "component",
+      "type": "color",
+      "value": "#4f5852",
+      "references": "{text.secondary}",
+      "description": "The caption under the figure."
+    },
+    {
+      "name": "--sl-stat-figure-gap",
+      "path": "stat-figure.gap",
+      "layer": "component",
+      "value": "0.25rem",
+      "references": "{space.1}",
+      "description": "Space between the label, the figure and the caption."
+    },
     {
       "name": "--sl-switch-track-width",
       "path": "switch.track-width",
@@ -21642,6 +22173,7 @@
         "--sl-content-mark-background": "#fedfd7",
         "--sl-content-pre-border": "#d1f3ff",
         "--sl-content-pre-text": "#203d48",
+        "--sl-content-pre-radius": "0.375rem",
         "--sl-content-prose-color": "#203d48",
         "--sl-content-scrollbar-thumb": "#b6dfee",
         "--sl-content-scrollbar-thumb-hover": "#a9d5e5",
@@ -21691,6 +22223,7 @@
         "--sl-popup-radius-field": "0.0938rem",
         "--sl-popup-arrow-stroke": "#d1f3ff",
         "--sl-popup-separator-color": "#def6ff",
+        "--sl-rule-color": "#6b8d99",
         "--sl-table-color": "#203d48",
         "--sl-table-subtle-color": "#3c5a66",
         "--sl-table-header-background": "#f3fcff",
@@ -21706,6 +22239,7 @@
         "--sl-table-range-background": "#fffaf9",
         "--sl-table-range-border": "#a36759",
         "--sl-table-radius": "0.375rem",
+        "--sl-table-total-rule-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,
@@ -21733,8 +22267,13 @@
         "--sl-font-title-base-font-size": "0.875rem",
         "--sl-font-title-base-line-height": 1.352,
         "--sl-font-title-base-font": "600 0.875rem / 1.352 Roboto, sans-serif",
+        "--sl-font-figures-base-font-size": "0.875rem",
+        "--sl-font-figures-base-line-height": 1.352,
+        "--sl-font-figures-base-font": "400 0.875rem / 1.352 'Roboto Mono', monospace",
         "--sl-font-code-condense-line-height": 1.4,
         "--sl-font-code-condense-font": "400 0.75rem / 1.4 'Roboto Mono', monospace",
+        "--sl-font-figures-condense-line-height": 1.4,
+        "--sl-font-figures-condense-font": "400 0.75rem / 1.4 'Roboto Mono', monospace",
         "--sl-font-body-condense-font-family": "Roboto, sans-serif",
         "--sl-font-body-condense-line-height": 1.4,
         "--sl-font-body-condense-font": "400 0.75rem / 1.4 Roboto, sans-serif",
@@ -21753,6 +22292,9 @@
         "--sl-font-eyebrow-condense-font-family": "Roboto, sans-serif",
         "--sl-font-eyebrow-condense-line-height": 1.4,
         "--sl-font-eyebrow-condense-font": "600 0.75rem / 1.4 Roboto, sans-serif",
+        "--sl-font-caps-condense-font-family": "Roboto, sans-serif",
+        "--sl-font-caps-condense-line-height": 1.4,
+        "--sl-font-caps-condense-font": "600 0.75rem / 1.4 Roboto, sans-serif",
         "--sl-font-title-condense-font-family": "Roboto, sans-serif",
         "--sl-font-title-condense-line-height": 1.4,
         "--sl-font-title-condense-font": "600 0.75rem / 1.4 Roboto, sans-serif",
@@ -22928,7 +23470,26 @@
         "--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-drawer-handle-color": "#6b8d99"
+        "--sl-description-list-row-border-color": "#def6ff",
+        "--sl-description-list-label-color": "#3c5a66",
+        "--sl-description-list-value-color": "#203d48",
+        "--sl-description-list-leader-color": "#6b8d99",
+        "--sl-drawer-handle-color": "#6b8d99",
+        "--sl-sheet-background": "#f3fcff",
+        "--sl-sheet-border-color": "#d1f3ff",
+        "--sl-sheet-rule-color": "#6b8d99",
+        "--sl-sheet-radius": "0.375rem",
+        "--sl-sheet-tab-background": "#203d48",
+        "--sl-sheet-tab-color": "#f3fcff",
+        "--sl-sheet-tab-radius": "0.0938rem",
+        "--sl-stat-figure-figure-font-size": "clamp(1.8144rem, 1.6934rem + 0.6048vw, 2.1773rem)",
+        "--sl-stat-figure-figure-font-size-sm": "clamp(1.26rem, 1.176rem + 0.42vw, 1.512rem)",
+        "--sl-stat-figure-figure-line-height-sm": 1.183,
+        "--sl-stat-figure-figure-color": "#203d48",
+        "--sl-stat-figure-figure-color-accent": "#70463c",
+        "--sl-stat-figure-underline-color": "#6b8d99",
+        "--sl-stat-figure-label-color": "#3c5a66",
+        "--sl-stat-figure-caption-color": "#3c5a66"
       }
     }
   ]