@scattered-light/loomiere-base-ui 0.15.2 → 0.15.3

package/dist/styles/components/Input.css

@@ -1,4 +1,4 @@
-/* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
+/* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
 /* Input - Mojave Theme
  *
  * No component tokens: the look is the field concept (tokens/semantic/field.json),

package/dist/styles/components/Menu.css

@@ -1,4 +1,4 @@
-/* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
+/* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
 /* Menu - Mojave Theme
  *
  * No component tokens. The trigger is a Button. The popup is the popup concept, rows are item rows at the

package/dist/styles/components/Menubar.css

@@ -1,4 +1,4 @@
-/* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
+/* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
 /* Menubar - Mojave Theme
  *
  * No component tokens. A row of quiet triggers, each opening a menu. The popup is the popup concept, rows are item rows at the

package/dist/styles/components/Meter.css

@@ -1,4 +1,4 @@
-/* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
+/* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
 /* Meter - Mojave Theme
  *
  * A gauge (tokens/semantic/gauge.json). The fill is the solid color of the scope around it:

package/dist/styles/components/NavigationMenu.css

@@ -1,4 +1,4 @@
-/* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
+/* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
 /* Navigation Menu - Mojave Theme
  *
  * The strip is the bar concept, the panel is the popup concept and each link is an item

package/dist/styles/components/NumberField.css

@@ -1,4 +1,4 @@
-/* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
+/* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
 /* Number Field - Mojave Theme
  *
  * No component tokens. The input is Input (Input.css) and the label, description and

package/dist/styles/components/OTPField.css

@@ -1,4 +1,4 @@
-/* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
+/* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
 /* OTP Field - Mojave Theme
  *
  * One-time code entry: a row of single-character inputs. Each slot is the same control as Input

package/dist/styles/components/Popover.css

@@ -1,4 +1,4 @@
-/* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
+/* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
 /* Popover - Mojave Theme */
 
 /* ============================================

package/dist/styles/components/PreviewCard.css

@@ -1,4 +1,4 @@
-/* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
+/* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
 /* Preview Card - Mojave Theme
  *
  * The popup concept (surface, arrow, motion) with a title-magnify title and condense

package/dist/styles/components/Progress.css

@@ -1,4 +1,4 @@
-/* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
+/* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
 /* Progress - Mojave Theme
  *
  * A gauge (tokens/semantic/gauge.json), the same bar as Meter. The fill is the solid color of

package/dist/styles/components/Radio.css

@@ -1,4 +1,4 @@
-/* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
+/* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
 /* Radio - Mojave Theme
  * Same box as Checkbox, always round. Sizes follow the label the same way, and the
  * dot is a share of the circle (check.dot-scale).

package/dist/styles/components/ScrollArea.css

@@ -1,4 +1,4 @@
-/* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
+/* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
 /* Scroll Area - Mojave Theme
  *
  * The scrollbar is the content scrollbar (content.scrollbar-*): a track that stays clear until

package/dist/styles/components/Select.css

@@ -1,4 +1,4 @@
-/* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
+/* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
 /* Select - Mojave Theme
  *
  * The trigger is a field (the field pattern, control sizes, the base text style); the

package/dist/styles/components/Separator.css

@@ -1,4 +1,4 @@
-/* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
+/* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
 /* Separator - Mojave Theme
  *
  * A hairline in the everyday divider color (border.default), one stroke thick, with a step of

package/dist/styles/components/Slider.css

@@ -1,4 +1,4 @@
-/* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
+/* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
 /* Slider - Mojave Theme
  *
  * A slider is a gauge you can drag: the track, fill and label row are gauge.* (the same bar as

package/dist/styles/components/Switch.css

@@ -1,4 +1,4 @@
-/* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
+/* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
 /* Switch - Mojave Theme
  * Switch keeps its track sizes. The thumb, its travel and the ON/OFF text are
  * worked out from them: the thumb fills the track's height inside the padding,

package/dist/styles/components/Tabs.css

@@ -1,4 +1,4 @@
-/* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
+/* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
 /* Tabs - Mojave Theme
  *
  * No component tokens. The divider, the selected line and color, hover and the disabled

package/dist/styles/components/Toast.css

@@ -1,4 +1,4 @@
-/* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
+/* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
 /* Toast - Mojave Theme
  *
  * A toast is a notice (tokens/semantic/notice.json) on the popup surface. A toast whose type

package/dist/styles/components/Toggle.css

@@ -1,4 +1,4 @@
-/* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
+/* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
 /* Toggle - Mojave Theme
  * A toggle is a button that stays pressed: the same heights, padding, gap and
  * trigger text style as a button of the same size. Pressed, it takes its emphasis level's

package/dist/styles/components/ToggleGroup.css

@@ -1,4 +1,4 @@
-/* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
+/* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
 /* Toggle Group - Mojave Theme
  *
  * No component tokens. The strip is the bar concept (tokens/semantic/bar.json); the

package/dist/styles/components/Toolbar.css

@@ -1,4 +1,4 @@
-/* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
+/* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
 /* Toolbar - Mojave Theme
  *
  * The strip is the bar concept (tokens/semantic/bar.json). Buttons, toggles, selects

package/dist/styles/components/Tooltip.css

@@ -1,4 +1,4 @@
-/* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
+/* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
 /* Tooltip - Mojave Theme
  *
  * The inverse surface (surface.inverse, text.on-inverse-surface) with condense text, so a tooltip

package/dist/styles/custom/AppBar.css

@@ -1,4 +1,4 @@
-/* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
+/* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
 /* AppBar
  *
  * The bar across the top of an app window, one row on a line in the rule color. The line is

package/dist/styles/custom/Badge.css

@@ -1,4 +1,4 @@
-/* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
+/* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
 /* Badge
  *
  * A status or count label. Not a Base UI part, and not interactive: no hover or focus.

package/dist/styles/custom/Collection.css

@@ -1,4 +1,4 @@
-/* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
+/* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
 /* Collection
  *
  * DataTable, DataList, the toolbar and the pagination, in one place so the two views

package/dist/styles/custom/CollectionPagination.css

@@ -1,4 +1,4 @@
-/* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
+/* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
 /* Pagination
  *
  * Not tied to a collection. Anything with a page, a page count and a total can use it.

package/dist/styles/custom/CollectionToolbar.css

@@ -1,4 +1,4 @@
-/* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
+/* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
 /* Collection toolbar
  *
  * The wrap follows the toolbar's own width, not the window: a table in a narrow pane wraps

package/dist/styles/custom/DataList.css

@@ -1,4 +1,4 @@
-/* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
+/* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
 /* DataList
  *
  * The same rows as the table, in one container with the table's borders, hover, selected

package/dist/styles/custom/DataTable.css

@@ -1,4 +1,4 @@
-/* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
+/* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
 /* DataTable additions on top of .Table.
  *
  * Sort buttons fill the header cell and inherit its hover, so old aria-sort markup keeps

package/dist/styles/custom/DatePicker.css

@@ -1,4 +1,4 @@
-/* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
+/* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
 /*
  * DatePicker: a field that opens a calendar for one date or a period.
  * Not a Base UI part. The popup is Popover on a wide viewport and Drawer

package/dist/styles/custom/DescriptionList.css

@@ -1,4 +1,4 @@
-/* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
+/* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
 /* DescriptionList
  *
  * Label and value pairs in a native dl, one DescriptionItem (a div holding a dt and a dd)

package/dist/styles/custom/EditableList.css

@@ -1,4 +1,4 @@
-/* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
+/* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
 /* EditableList
  *
  * One table at every width, so a field is not submitted twice. Under the stack width each

package/dist/styles/custom/EmptyState.css

@@ -1,4 +1,4 @@
-/* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
+/* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
 /* EmptyState
  *
  * The block a page, pane, table, list or popup shows when it has nothing to show.

package/dist/styles/custom/ListDetail.css

@@ -1,4 +1,4 @@
-/* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
+/* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
 /* ListDetail
  *
  * The detail of one item, next to its list. Not a Base UI part. It is a Splitter

package/dist/styles/custom/MoneyField.css

@@ -1,4 +1,4 @@
-/* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
+/* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
 /* Money field
  *
  * An amount of money, built on Number field. The value is an integer in minor units

package/dist/styles/custom/PickerButton.css

@@ -1,4 +1,4 @@
-/* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
+/* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
 /* PickerButton
  *
  * A trigger with a caps label before the current choice: CLIENT Alpha Services. The field
@@ -43,6 +43,7 @@
 
 .PickerButton:hover:not(:disabled) {
   border-color: var(--sl-field-border-color-hover);
+  background: var(--sl-fill-subtle);
 }
 
 .PickerButton:focus-visible {

package/dist/styles/custom/PickerSplit.css

@@ -1,4 +1,4 @@
-/* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
+/* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
 /* PickerSplit
  *
  * A PickerButton whose choice is itself a control: the main part (CLIENT Alpha Services) acts,

package/dist/styles/custom/Sheet.css

@@ -1,4 +1,4 @@
-/* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
+/* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
 /* Sheet
  *
  * A working-paper surface: the raised surface with a heavier rule across its top

package/dist/styles/custom/SideNav.css

@@ -1,4 +1,4 @@
-/* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
+/* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
 /* SideNav
  *
  * The column of links down the side of a workspace. Rows are ruled apart with a hairline; the

package/dist/styles/custom/Splitter.css

@@ -1,4 +1,4 @@
-/* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
+/* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
 /* Splitter
  *
  * Two or more panels and a handle between them. Not a Base UI part. It follows the

package/dist/styles/custom/StatFigure.css

@@ -1,4 +1,4 @@
-/* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
+/* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
 /* StatFigure
  *
  * One large figure with a caps label above and a caption under it. The label is

package/dist/styles/custom/Table.css

@@ -1,4 +1,4 @@
-/* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
+/* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
 /* Table - Mojave Theme
  *
  * Base UI has no table, so this styles the native <table class="Table"> elements with the
@@ -199,6 +199,19 @@
   border-bottom: var(--sl-table-grand-total-rule-width) double var(--sl-table-total-rule-color);
 }
 
+/* With figures, the grand total's double rule is an underline under the number itself, as an
+   accountant draws it, not a heavy border across the whole cell. */
+.Table[data-figures] :is(tbody, tfoot) tr[data-total='grand'] > * {
+  border-bottom: 0;
+}
+
+.Table[data-figures] :is(tbody, tfoot) tr[data-total='grand'] > [data-align='end'] {
+  text-decoration: underline double;
+  text-decoration-color: var(--sl-table-total-rule-color);
+  text-decoration-thickness: var(--sl-table-grand-total-rule-width);
+  text-underline-offset: var(--sl-space-1);
+}
+
 /* A label or blank cell in a total row can leave the rules off, so they only run under the
    figures: data-rule="none" on the cell. */
 .Table :is(tbody, tfoot) tr[data-total] > [data-rule='none'] {

package/dist/styles/index.css

@@ -1,4 +1,4 @@
-/* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
+/* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
 /* Loomiere for Base UI: component styles. Brand-free: every value is a --sl- variable from a
    Loomiere theme. Load the theme first:
      @import '<your theme>/tokens.css';

package/dist/styles/reset/accessibility.css

@@ -1,4 +1,4 @@
-/* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
+/* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
 /* Focus, invalid, contrast — requires theme tokens (after theme-accessibility.css). */
 
 :focus-visible {

package/dist/styles/reset/reset-accessibility.css

@@ -1,4 +1,4 @@
-/* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
+/* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
 /* Accessibility — base rules (no theme color dependencies). Theme-specific focus/invalid: accessibility-theme.css */
 
 /* Remove default focus; keyboard focus styled in accessibility-theme.css */

package/dist/styles/reset/reset-tailwind.css

@@ -1,4 +1,4 @@
-/* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
+/* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
 /* CSS Reset - Mojave Theme */
 
 /* ============================================

package/dist/styles/reset/reset.css

@@ -1,4 +1,4 @@
-/* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
+/* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
 /* CSS Reset - Mojave Theme */
 
 /* ============================================

package/dist/styles/tailwind.css

@@ -1,4 +1,4 @@
-/* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
+/* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
 /* Loomiere for Base UI: component styles for Tailwind CSS v4. Load Tailwind and the theme first:
      @import 'tailwindcss';
      @import '<your theme>/tokens.css';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scattered-light/loomiere-base-ui",
-  "version": "0.15.2",
+  "version": "0.15.3",
   "description": "Base UI components styled by any Loomiere theme. Brand-free: every value is a --sl- variable.",
   "keywords": [
     "base-ui",
@@ -76,7 +76,7 @@
     }
   },
   "devDependencies": {
-    "@scattered-light/loomiere": "0.15.2",
+    "@scattered-light/loomiere": "0.15.3",
     "@tanstack/react-table": "^9.3.1"
   }
 }