@scattered-light/loomiere-mojave 0.7.1 → 0.9.0

package/dist/exports/tokens.dtcg.json

@@ -503,6 +503,11 @@
       "$value": "0.05em",
       "$description": "Small caps and labels."
     },
+    "caps": {
+      "$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."
+    },
     "widest": {
       "$type": "dimension",
       "$value": "0.1em",
@@ -7739,6 +7744,10 @@
       "$value": "{content.prose-color}",
       "$description": "Code block text, the same as prose."
     },
+    "pre-radius": {
+      "$value": "{radius.surface}",
+      "$description": "Code block corners, like any panel, so a brand that squares its surfaces squares code blocks too."
+    },
     "prose-color": {
       "$type": "color",
       "$value": "{text.primary}",
@@ -8374,6 +8383,18 @@
       "$description": "Narrowest a free-floating popup or menu gets, so short labels don't make a sliver."
     }
   },
+  "rule": {
+    "width": {
+      "$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."
+    },
+    "color": {
+      "$type": "color",
+      "$value": "{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."
+    }
+  },
   "color-scheme": {
     "$value": "light",
     "$description": "Which way native browser parts (scrollbars, date pickers, autofill) draw: light, or dark wherever the dark theme is on. Set as color-scheme on the root and handed to AG Grid's browserColorScheme, so they follow data-theme as well as the system setting.",
@@ -8537,6 +8558,22 @@
     "radius": {
       "$value": "{radius.surface}",
       "$description": "Grid corners, like any card or panel."
+    },
+    "total-rule-color": {
+      "$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."
+    },
+    "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."
+    },
+    "grand-total-rule-width": {
+      "$value": "{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."
+    },
+    "total-background": {
+      "$value": "{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."
     }
   },
   "font": {
@@ -8563,7 +8600,7 @@
       },
       "font": {
         "$value": "{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."
       }
     },
     "selected-base": {
@@ -8589,7 +8626,7 @@
       },
       "font": {
         "$value": "{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."
       }
     },
     "label-base": {
@@ -8615,7 +8652,7 @@
       },
       "font": {
         "$value": "{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."
       }
     },
     "link-base": {
@@ -8641,7 +8678,7 @@
       },
       "font": {
         "$value": "{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."
       }
     },
     "subtitle-base": {
@@ -8667,7 +8704,7 @@
       },
       "font": {
         "$value": "{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."
       }
     },
     "trigger-base": {
@@ -8693,7 +8730,7 @@
       },
       "font": {
         "$value": "{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."
       }
     },
     "title-base": {
@@ -8719,7 +8756,37 @@
       },
       "font": {
         "$value": "{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."
+      }
+    },
+    "figures-base": {
+      "font-family": {
+        "$value": "{font-family.mono}",
+        "$description": "font-family of font.figures-base."
+      },
+      "font-size": {
+        "$value": "{font-size.md}",
+        "$description": "font-size of font.figures-base."
+      },
+      "font-weight": {
+        "$value": "{font-weight.normal}",
+        "$description": "font-weight of font.figures-base."
+      },
+      "line-height": {
+        "$value": "{line-height.md}",
+        "$description": "line-height of font.figures-base."
+      },
+      "letter-spacing": {
+        "$value": "{letter-spacing.normal}",
+        "$description": "letter-spacing of font.figures-base."
+      },
+      "font-variant-numeric": {
+        "$value": "tabular-nums",
+        "$description": "font-variant-numeric of font.figures-base."
+      },
+      "font": {
+        "$value": "{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."
       }
     },
     "code-condense": {
@@ -8745,7 +8812,37 @@
       },
       "font": {
         "$value": "{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."
+      }
+    },
+    "figures-condense": {
+      "font-family": {
+        "$value": "{font-family.mono}",
+        "$description": "font-family of font.figures-condense."
+      },
+      "font-size": {
+        "$value": "{font-size.sm}",
+        "$description": "font-size of font.figures-condense."
+      },
+      "font-weight": {
+        "$value": "{font-weight.normal}",
+        "$description": "font-weight of font.figures-condense."
+      },
+      "line-height": {
+        "$value": "{line-height.sm}",
+        "$description": "line-height of font.figures-condense."
+      },
+      "letter-spacing": {
+        "$value": "{letter-spacing.normal}",
+        "$description": "letter-spacing of font.figures-condense."
+      },
+      "font-variant-numeric": {
+        "$value": "tabular-nums",
+        "$description": "font-variant-numeric of font.figures-condense."
+      },
+      "font": {
+        "$value": "{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."
       }
     },
     "body-condense": {
@@ -8771,7 +8868,7 @@
       },
       "font": {
         "$value": "{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."
       }
     },
     "trigger-condense": {
@@ -8797,7 +8894,7 @@
       },
       "font": {
         "$value": "{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."
       }
     },
     "selected-condense": {
@@ -8823,7 +8920,7 @@
       },
       "font": {
         "$value": "{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."
       }
     },
     "link-condense": {
@@ -8849,7 +8946,7 @@
       },
       "font": {
         "$value": "{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."
       }
     },
     "subtitle-condense": {
@@ -8875,7 +8972,7 @@
       },
       "font": {
         "$value": "{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."
       }
     },
     "eyebrow-condense": {
@@ -8905,7 +9002,37 @@
       },
       "font": {
         "$value": "{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."
+      }
+    },
+    "caps-condense": {
+      "font-family": {
+        "$value": "{font-family.body}",
+        "$description": "font-family of font.caps-condense."
+      },
+      "font-size": {
+        "$value": "{font-size.sm}",
+        "$description": "font-size of font.caps-condense."
+      },
+      "font-weight": {
+        "$value": "{font-weight.semibold}",
+        "$description": "font-weight of font.caps-condense."
+      },
+      "line-height": {
+        "$value": "{line-height.sm}",
+        "$description": "line-height of font.caps-condense."
+      },
+      "letter-spacing": {
+        "$value": "{letter-spacing.caps}",
+        "$description": "letter-spacing of font.caps-condense."
+      },
+      "text-transform": {
+        "$value": "uppercase",
+        "$description": "text-transform of font.caps-condense."
+      },
+      "font": {
+        "$value": "{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."
       }
     },
     "title-condense": {
@@ -8931,7 +9058,7 @@
       },
       "font": {
         "$value": "{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."
       }
     },
     "body-magnify": {
@@ -8957,7 +9084,7 @@
       },
       "font": {
         "$value": "{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."
       }
     },
     "trigger-magnify": {
@@ -8983,7 +9110,7 @@
       },
       "font": {
         "$value": "{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."
       }
     },
     "title-magnify": {
@@ -9009,7 +9136,7 @@
       },
       "font": {
         "$value": "{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."
       }
     },
     "body-minimize": {
@@ -9035,7 +9162,7 @@
       },
       "font": {
         "$value": "{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."
       }
     },
     "trigger-minimize": {
@@ -9061,7 +9188,7 @@
       },
       "font": {
         "$value": "{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."
       }
     },
     "selected-minimize": {
@@ -9087,7 +9214,7 @@
       },
       "font": {
         "$value": "{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."
       }
     },
     "link-minimize": {
@@ -9113,7 +9240,7 @@
       },
       "font": {
         "$value": "{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."
       }
     },
     "subtitle-minimize": {
@@ -9139,7 +9266,7 @@
       },
       "font": {
         "$value": "{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."
       }
     },
     "eyebrow-minimize": {
@@ -9169,7 +9296,7 @@
       },
       "font": {
         "$value": "{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."
       }
     },
     "title-amplify": {
@@ -9195,7 +9322,7 @@
       },
       "font": {
         "$value": "{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."
       }
     },
     "title-maximize": {
@@ -9221,7 +9348,7 @@
       },
       "font": {
         "$value": "{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."
       }
     }
   },
@@ -11901,6 +12028,43 @@
       }
     }
   },
+  "app-bar": {
+    "height": {
+      "$value": "{space.16}",
+      "$description": "Least height of the bar. It grows if its contents wrap."
+    },
+    "padding-inline": {
+      "$value": "{space.6}",
+      "$description": "Space at the bar's start and end."
+    },
+    "gap": {
+      "$value": "{space.2-5}",
+      "$description": "Space between the things in the bar."
+    },
+    "background": {
+      "$type": "color",
+      "$value": "{surface.raised}",
+      "$description": "The bar's fill: one step off the page, like a card, so the page reads as sitting under it."
+    },
+    "border-width": {
+      "$value": "{stroke.default}",
+      "$description": "The line under the bar while rule.width is 0. With rule.width on, the line takes the thicker of the two."
+    },
+    "border-color": {
+      "$type": "color",
+      "$value": "{rule.color}",
+      "$description": "The line under the bar, in the rule color, so an ink rule brand gets an ink line here too."
+    },
+    "divider-height": {
+      "$value": "{space.6}",
+      "$description": "Height of a vertical Separator between groups of actions in the bar."
+    },
+    "divider-color": {
+      "$type": "color",
+      "$value": "{border.strong}",
+      "$description": "Color of a vertical Separator in the bar."
+    }
+  },
   "avatar": {
     "size-xs": {
       "$value": "{space.8}",
@@ -12053,6 +12217,52 @@
       "$description": "The checkbox column. Wide enough for the control, no wider, so the data keeps the room."
     }
   },
+  "description-list": {
+    "row-padding-block": {
+      "$value": "{space.2}",
+      "$description": "Space above and below each pair."
+    },
+    "row-padding-inline": {
+      "$value": "{space.4}",
+      "$description": "Space either side of each pair, so pairs inside a sheet line up with its tab label."
+    },
+    "row-border-color": {
+      "$type": "color",
+      "$value": "{border.subtle}",
+      "$description": "Hairline between pairs, as quiet as a table's row lines."
+    },
+    "column-gap": {
+      "$value": "{space.4}",
+      "$description": "Space between the label column and the value column in the default variant."
+    },
+    "label-width": {
+      "$value": "minmax(8rem, 1fr)",
+      "$description": "The label column in the default variant. The value column takes twice the room."
+    },
+    "label-color": {
+      "$type": "color",
+      "$value": "{text.secondary}",
+      "$description": "Labels."
+    },
+    "value-color": {
+      "$type": "color",
+      "$value": "{text.primary}",
+      "$description": "Values."
+    },
+    "leader-color": {
+      "$type": "color",
+      "$value": "{border.control}",
+      "$description": "The dotted leader at variant=\"leader\". The control edge color: dark enough to lead the eye, still lighter than the text."
+    },
+    "leader-width": {
+      "$value": "{stroke.default}",
+      "$description": "Thickness of the dotted leader."
+    },
+    "leader-gap": {
+      "$value": "{space.1-5}",
+      "$description": "Space between the leader and the label or value either side of it."
+    }
+  },
   "drawer": {
     "popup-size": {
       "$value": "min(420px, 90vw)",
@@ -12118,6 +12328,17 @@
       "$description": "Width of each column in a two-column link list."
     }
   },
+  "picker-button": {
+    "max-width": {
+      "$value": "18rem",
+      "$description": "Widest the button grows. A longer choice is cut with an ellipsis; the label never is."
+    },
+    "label-color": {
+      "$type": "color",
+      "$value": "{text.secondary}",
+      "$description": "The caps label, quieter than the choice it names."
+    }
+  },
   "popover": {
     "text-max-width": {
       "$value": "{measure.narrow}",
@@ -12138,6 +12359,65 @@
       "$description": "Widest a preview card gets, so its description keeps a comfortable line length."
     }
   },
+  "sheet": {
+    "background": {
+      "$type": "color",
+      "$value": "{surface.raised}",
+      "$description": "The sheet's fill: the raised surface, one level above the page like any card or panel."
+    },
+    "border-color": {
+      "$type": "color",
+      "$value": "{border.default}",
+      "$description": "The sheet's sides and bottom, the everyday divider."
+    },
+    "border-width": {
+      "$value": "{stroke.default}",
+      "$description": "Thickness of the sides and bottom."
+    },
+    "rule-width": {
+      "$value": "{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)."
+    },
+    "rule-color": {
+      "$type": "color",
+      "$value": "{rule.color}",
+      "$description": "The top rule's color: the working-paper rule color, so sheets and ruled tables match."
+    },
+    "radius": {
+      "$value": "{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."
+    },
+    "padding": {
+      "$value": "{space.4}",
+      "$description": "Space inside a sheet with inset set. Without it, rows and tables inside run edge to edge."
+    },
+    "tab-background": {
+      "$type": "color",
+      "$value": "{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."
+    },
+    "tab-color": {
+      "$type": "color",
+      "$value": "{text.on-inverse-surface}",
+      "$description": "Text on the tab label."
+    },
+    "tab-height": {
+      "$value": "{space.7}",
+      "$description": "Height of the tab label."
+    },
+    "tab-padding-inline": {
+      "$value": "{space.3-5}",
+      "$description": "Space either side of the tab label's text."
+    },
+    "tab-radius": {
+      "$value": "{radius.sm}",
+      "$description": "The tab label's top corners. Its bottom corners stay square where it meets the rule."
+    },
+    "header-gap": {
+      "$value": "{space.3}",
+      "$description": "Space between the tab label and an action at the end of the header row, such as an Edit link."
+    }
+  },
   "slider": {
     "thumb-size": {
       "$value": "{space.5}",
@@ -12170,6 +12450,61 @@
       "$description": "The Shift step. Twice the arrow step, so a few presses cross the panel without holding the key."
     }
   },
+  "stat-figure": {
+    "figure-font-size": {
+      "$value": "{font-size.4xl}",
+      "$description": "Size of the figure. Large enough to lead the page, a step under the page title."
+    },
+    "figure-font-size-sm": {
+      "$value": "{font-size.2xl}",
+      "$description": "Size of the figure at size=\"sm\", for a row of figures in a card or a sheet header."
+    },
+    "figure-line-height": {
+      "$value": "{line-height.4xl}",
+      "$description": "Line height paired with figure-font-size."
+    },
+    "figure-line-height-sm": {
+      "$value": "{line-height.2xl}",
+      "$description": "Line height paired with figure-font-size-sm."
+    },
+    "figure-font-weight": {
+      "$value": "{font-weight.semibold}",
+      "$description": "Weight of the figure."
+    },
+    "figure-color": {
+      "$type": "color",
+      "$value": "{text.primary}",
+      "$description": "The figure's color."
+    },
+    "figure-color-accent": {
+      "$type": "color",
+      "$value": "{text.accent}",
+      "$description": "The figure's color at tone=\"accent\", for a figure that asks for action (open questions, items to review)."
+    },
+    "underline-width": {
+      "$value": "{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."
+    },
+    "underline-color": {
+      "$type": "color",
+      "$value": "{rule.color}",
+      "$description": "The double underline's color: the working-paper rule color, like a grand total's double rule."
+    },
+    "label-color": {
+      "$type": "color",
+      "$value": "{text.secondary}",
+      "$description": "The caps label above the figure."
+    },
+    "caption-color": {
+      "$type": "color",
+      "$value": "{text.secondary}",
+      "$description": "The caption under the figure."
+    },
+    "gap": {
+      "$value": "{space.1}",
+      "$description": "Space between the label, the figure and the caption."
+    }
+  },
   "switch": {
     "track-width": {
       "$value": "48px",
@@ -12226,6 +12561,28 @@
       "$description": "Distance from the screen corner from 500px up."
     }
   },
+  "toggle-group": {
+    "segmented-border-color": {
+      "$type": "color",
+      "$value": "{rule.color}",
+      "$description": "The outline around a segmented group and the line between its toggles. The rule color, so it is a control edge by default and ink with an ink rule."
+    },
+    "segmented-background": {
+      "$type": "color",
+      "$value": "{surface.raised}",
+      "$description": "Fill of a toggle that is not pressed."
+    },
+    "segmented-pressed-background": {
+      "$type": "color",
+      "$value": "{fill.inverse}",
+      "$description": "Fill of the pressed toggle: the solid chrome color, dark on light pages and light on dark ones."
+    },
+    "segmented-pressed-color": {
+      "$type": "color",
+      "$value": "{text.on-inverse}",
+      "$description": "Text on the pressed toggle."
+    }
+  },
   "toggle": {
     "opacity-disabled": {
       "$value": "0.5",