@scattered-light/loomiere-mojave 0.15.2 → 0.15.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -6697,7 +6697,7 @@
6697
6697
  }
6698
6698
 
6699
6699
 
6700
- /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
6700
+ /* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
6701
6701
  /* Loomiere for Base UI: component styles. Brand-free: every value is a --sl- variable from a
6702
6702
  Loomiere theme. Load the theme first:
6703
6703
  @import '<your theme>/tokens.css';
@@ -6707,7 +6707,7 @@
6707
6707
  /* Document defaults, in the reset layer so any unlayered rule wins over them, and so layered
6708
6708
  frameworks (Chakra's recipes, Tailwind's utilities) are not undone by them. */
6709
6709
  @layer reset {
6710
- /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
6710
+ /* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
6711
6711
  /* CSS Reset - Mojave Theme */
6712
6712
 
6713
6713
  /* ============================================
@@ -7151,7 +7151,7 @@ hr {
7151
7151
  }
7152
7152
  }
7153
7153
  @layer reset {
7154
- /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
7154
+ /* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
7155
7155
  /* Accessibility — base rules (no theme color dependencies). Theme-specific focus/invalid: accessibility-theme.css */
7156
7156
 
7157
7157
  /* Remove default focus; keyboard focus styled in accessibility-theme.css */
@@ -7264,7 +7264,7 @@ main:focus {
7264
7264
 
7265
7265
  }
7266
7266
  @layer reset {
7267
- /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
7267
+ /* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
7268
7268
  /* Focus, invalid, contrast — requires theme tokens (after theme-accessibility.css). */
7269
7269
 
7270
7270
  :focus-visible {
@@ -7332,7 +7332,7 @@ button,
7332
7332
 
7333
7333
  }
7334
7334
  /* Component styles */
7335
- /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
7335
+ /* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
7336
7336
  /* Accordion - Mojave Theme
7337
7337
  *
7338
7338
  * No component tokens. Hover, press, chevron, divider and motion are the disclosure
@@ -7453,7 +7453,7 @@ button,
7453
7453
  overflow: hidden;
7454
7454
  }
7455
7455
 
7456
- /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
7456
+ /* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
7457
7457
  /* Alert Dialog - Mojave Theme
7458
7458
  *
7459
7459
  * No component tokens and no rules of its own. An alert dialog looks exactly like a
@@ -7462,7 +7462,7 @@ button,
7462
7462
  * cancel quiet, and a destructive one bold with data-color="error".
7463
7463
  */
7464
7464
 
7465
- /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
7465
+ /* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
7466
7466
  /* Autocomplete - Mojave Theme
7467
7467
  *
7468
7468
  * No component tokens. The input is Input (Input.css), the clear button is an icon
@@ -7664,7 +7664,7 @@ button,
7664
7664
  (reset-accessibility.css).
7665
7665
  ============================================ */
7666
7666
 
7667
- /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
7667
+ /* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
7668
7668
  /* Avatar - Mojave Theme
7669
7669
  *
7670
7670
  * A round picture with a ring in the page color, so avatars in a group cut out of each other in
@@ -7772,7 +7772,7 @@ button,
7772
7772
  }
7773
7773
  }
7774
7774
 
7775
- /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
7775
+ /* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
7776
7776
  /* Button - Mojave Theme
7777
7777
  *
7778
7778
  * Colors are the brand's emphasis levels, sizes are control.*, text is the trigger
@@ -7922,7 +7922,7 @@ button,
7922
7922
  font-size: var(--sl-icon-size-maximize);
7923
7923
  }
7924
7924
 
7925
- /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
7925
+ /* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
7926
7926
  /* Checkbox - Mojave Theme
7927
7927
  * Sizes follow the label: the box is the icon size one tier above the label's text
7928
7928
  * tier (like a button's icon) and the check mark one tier below it.
@@ -8079,7 +8079,7 @@ button,
8079
8079
  border-radius: var(--sl-radius-pill);
8080
8080
  }
8081
8081
 
8082
- /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
8082
+ /* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
8083
8083
  /* Checkbox Group - Mojave Theme */
8084
8084
 
8085
8085
  /* Each checkbox row is already a full tap target tall, so the rows sit close. */
@@ -8095,7 +8095,7 @@ button,
8095
8095
  pointer-events: none;
8096
8096
  }
8097
8097
 
8098
- /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
8098
+ /* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
8099
8099
  /* Collapsible - Mojave Theme
8100
8100
  *
8101
8101
  * No component tokens. Hover, press, chevron and motion are the disclosure concept
@@ -8211,7 +8211,7 @@ button,
8211
8211
  background: var(--sl-surface-raised);
8212
8212
  }
8213
8213
 
8214
- /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
8214
+ /* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
8215
8215
  /* Combobox - Mojave Theme
8216
8216
  *
8217
8217
  * No component tokens. The input is Input (Input.css); the chips box is a field; the
@@ -8696,7 +8696,7 @@ button,
8696
8696
  color: var(--sl-text-tertiary);
8697
8697
  }
8698
8698
 
8699
- /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
8699
+ /* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
8700
8700
  /* Context Menu - Mojave Theme
8701
8701
  *
8702
8702
  * No component tokens. Opens on right-click; the trigger area only sets the cursor. The popup is the popup concept, rows are item rows at the
@@ -8865,7 +8865,7 @@ button,
8865
8865
  stroke-width: var(--sl-stroke-default);
8866
8866
  }
8867
8867
 
8868
- /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
8868
+ /* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
8869
8869
  /* Dialog and Alert dialog - Mojave Theme
8870
8870
  *
8871
8871
  * Both are centered modals built from the modal concept (tokens/semantic/modal.json):
@@ -9011,7 +9011,7 @@ button,
9011
9011
  margin-top: var(--sl-modal-actions-spacing);
9012
9012
  }
9013
9013
 
9014
- /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
9014
+ /* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
9015
9015
  /* Drawer - a panel that slides in from an edge and can be swiped away.
9016
9016
  The surface, scrim, heading and motion are the modal concept's (--sl-modal-*), so a
9017
9017
  drawer reads as a dialog's sibling; only its size and grab bar are its own
@@ -9144,7 +9144,7 @@ button,
9144
9144
  color: var(--sl-modal-description-color);
9145
9145
  }
9146
9146
 
9147
- /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
9147
+ /* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
9148
9148
  /* Field - Mojave Theme
9149
9149
  *
9150
9150
  * Label, control, description and error. No component tokens: spacing is the field
@@ -9205,7 +9205,7 @@ textarea.FieldControl {
9205
9205
  height: auto;
9206
9206
  }
9207
9207
 
9208
- /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
9208
+ /* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
9209
9209
  /* Fieldset - Mojave Theme
9210
9210
  *
9211
9211
  * No component tokens: a titled group of fields, spaced by the stack gaps, with
@@ -9247,7 +9247,7 @@ textarea.FieldControl {
9247
9247
  color: var(--sl-text-secondary);
9248
9248
  }
9249
9249
 
9250
- /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
9250
+ /* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
9251
9251
  /* Form - Mojave Theme
9252
9252
  *
9253
9253
  * No component tokens: fields stack with the large block space, and the action
@@ -9267,7 +9267,7 @@ textarea.FieldControl {
9267
9267
  margin-top: var(--sl-space-block-md);
9268
9268
  }
9269
9269
 
9270
- /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
9270
+ /* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
9271
9271
  /* Input - Mojave Theme
9272
9272
  *
9273
9273
  * No component tokens: the look is the field concept (tokens/semantic/field.json),
@@ -9404,7 +9404,7 @@ textarea.FieldControl {
9404
9404
  padding-inline: var(--sl-control-padding-inline-lg);
9405
9405
  }
9406
9406
 
9407
- /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
9407
+ /* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
9408
9408
  /* Menu - Mojave Theme
9409
9409
  *
9410
9410
  * No component tokens. The trigger is a Button. The popup is the popup concept, rows are item rows at the
@@ -9553,7 +9553,7 @@ textarea.FieldControl {
9553
9553
  color: var(--sl-text-tertiary);
9554
9554
  }
9555
9555
 
9556
- /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
9556
+ /* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
9557
9557
  /* Menubar - Mojave Theme
9558
9558
  *
9559
9559
  * No component tokens. A row of quiet triggers, each opening a menu. The popup is the popup concept, rows are item rows at the
@@ -9746,7 +9746,7 @@ textarea.FieldControl {
9746
9746
  color: var(--sl-text-tertiary);
9747
9747
  }
9748
9748
 
9749
- /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
9749
+ /* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
9750
9750
  /* Meter - Mojave Theme
9751
9751
  *
9752
9752
  * A gauge (tokens/semantic/gauge.json). The fill is the solid color of the scope around it:
@@ -9809,7 +9809,7 @@ textarea.FieldControl {
9809
9809
  height: var(--sl-gauge-height-lg);
9810
9810
  }
9811
9811
 
9812
- /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
9812
+ /* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
9813
9813
  /* Navigation Menu - Mojave Theme
9814
9814
  *
9815
9815
  * The strip is the bar concept, the panel is the popup concept and each link is an item
@@ -10229,7 +10229,7 @@ textarea.FieldControl {
10229
10229
  width: 100%;
10230
10230
  }
10231
10231
 
10232
- /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
10232
+ /* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
10233
10233
  /* Number Field - Mojave Theme
10234
10234
  *
10235
10235
  * No component tokens. The input is Input (Input.css) and the label, description and
@@ -10320,7 +10320,7 @@ textarea.FieldControl {
10320
10320
  user-select: none;
10321
10321
  }
10322
10322
 
10323
- /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
10323
+ /* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
10324
10324
  /* OTP Field - Mojave Theme
10325
10325
  *
10326
10326
  * One-time code entry: a row of single-character inputs. Each slot is the same control as Input
@@ -10383,7 +10383,7 @@ textarea.FieldControl {
10383
10383
  letter-spacing: var(--sl-font-body-magnify-letter-spacing);
10384
10384
  }
10385
10385
 
10386
- /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
10386
+ /* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
10387
10387
  /* Popover - Mojave Theme */
10388
10388
 
10389
10389
  /* ============================================
@@ -10548,7 +10548,7 @@ textarea.FieldControl {
10548
10548
  fill: var(--sl-popup-arrow-stroke);
10549
10549
  }
10550
10550
 
10551
- /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
10551
+ /* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
10552
10552
  /* Preview Card - Mojave Theme
10553
10553
  *
10554
10554
  * The popup concept (surface, arrow, motion) with a title-magnify title and condense
@@ -10665,7 +10665,7 @@ textarea.FieldControl {
10665
10665
  fill: var(--sl-popup-arrow-stroke);
10666
10666
  }
10667
10667
 
10668
- /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
10668
+ /* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
10669
10669
  /* Progress - Mojave Theme
10670
10670
  *
10671
10671
  * A gauge (tokens/semantic/gauge.json), the same bar as Meter. The fill is the solid color of
@@ -10742,7 +10742,7 @@ textarea.FieldControl {
10742
10742
  height: var(--sl-gauge-height-lg);
10743
10743
  }
10744
10744
 
10745
- /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
10745
+ /* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
10746
10746
  /* Radio - Mojave Theme
10747
10747
  * Same box as Checkbox, always round. Sizes follow the label the same way, and the
10748
10748
  * dot is a share of the circle (check.dot-scale).
@@ -10894,7 +10894,7 @@ textarea.FieldControl {
10894
10894
  gap: var(--sl-gap-stack-sm);
10895
10895
  }
10896
10896
 
10897
- /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
10897
+ /* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
10898
10898
  /* Scroll Area - Mojave Theme
10899
10899
  *
10900
10900
  * The scrollbar is the content scrollbar (content.scrollbar-*): a track that stays clear until
@@ -10976,7 +10976,7 @@ textarea.FieldControl {
10976
10976
  background: transparent;
10977
10977
  }
10978
10978
 
10979
- /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
10979
+ /* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
10980
10980
  /* Select - Mojave Theme
10981
10981
  *
10982
10982
  * The trigger is a field (the field pattern, control sizes, the base text style); the
@@ -11261,7 +11261,7 @@ textarea.FieldControl {
11261
11261
  stroke-width: var(--sl-stroke-default);
11262
11262
  }
11263
11263
 
11264
- /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
11264
+ /* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
11265
11265
  /* Separator - Mojave Theme
11266
11266
  *
11267
11267
  * A hairline in the everyday divider color (border.default), one stroke thick, with a step of
@@ -11289,7 +11289,7 @@ textarea.FieldControl {
11289
11289
  margin-inline: var(--sl-space-4);
11290
11290
  }
11291
11291
 
11292
- /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
11292
+ /* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
11293
11293
  /* Slider - Mojave Theme
11294
11294
  *
11295
11295
  * A slider is a gauge you can drag: the track, fill and label row are gauge.* (the same bar as
@@ -11455,7 +11455,7 @@ textarea.FieldControl {
11455
11455
  transform: translate(-50%, 50%);
11456
11456
  }
11457
11457
 
11458
- /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
11458
+ /* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
11459
11459
  /* Switch - Mojave Theme
11460
11460
  * Switch keeps its track sizes. The thumb, its travel and the ON/OFF text are
11461
11461
  * worked out from them: the thumb fills the track's height inside the padding,
@@ -11621,7 +11621,7 @@ textarea.FieldControl {
11621
11621
  color: var(--sl-text-disabled);
11622
11622
  }
11623
11623
 
11624
- /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
11624
+ /* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
11625
11625
  /* Tabs - Mojave Theme
11626
11626
  *
11627
11627
  * No component tokens. The divider, the selected line and color, hover and the disabled
@@ -11757,7 +11757,7 @@ textarea.FieldControl {
11757
11757
  padding: var(--sl-space-6);
11758
11758
  }
11759
11759
 
11760
- /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
11760
+ /* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
11761
11761
  /* Toast - Mojave Theme
11762
11762
  *
11763
11763
  * A toast is a notice (tokens/semantic/notice.json) on the popup surface. A toast whose type
@@ -11993,7 +11993,7 @@ textarea.FieldControl {
11993
11993
  flex-shrink: 0;
11994
11994
  }
11995
11995
 
11996
- /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
11996
+ /* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
11997
11997
  /* Toggle - Mojave Theme
11998
11998
  * A toggle is a button that stays pressed: the same heights, padding, gap and
11999
11999
  * trigger text style as a button of the same size. Pressed, it takes its emphasis level's
@@ -12105,7 +12105,7 @@ textarea.FieldControl {
12105
12105
  height: var(--sl-icon-size-maximize);
12106
12106
  }
12107
12107
 
12108
- /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
12108
+ /* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
12109
12109
  /* Toggle Group - Mojave Theme
12110
12110
  *
12111
12111
  * No component tokens. The strip is the bar concept (tokens/semantic/bar.json); the
@@ -12167,7 +12167,7 @@ textarea.FieldControl {
12167
12167
  outline-offset: var(--sl-focus-outline-offset-inset);
12168
12168
  }
12169
12169
 
12170
- /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
12170
+ /* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
12171
12171
  /* Toolbar - Mojave Theme
12172
12172
  *
12173
12173
  * The strip is the bar concept (tokens/semantic/bar.json). Buttons, toggles, selects
@@ -12229,7 +12229,7 @@ textarea.FieldControl {
12229
12229
  max-width: var(--sl-toolbar-input-max-width);
12230
12230
  }
12231
12231
 
12232
- /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
12232
+ /* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
12233
12233
  /* Tooltip - Mojave Theme
12234
12234
  *
12235
12235
  * The inverse surface (surface.inverse, text.on-inverse-surface) with condense text, so a tooltip
@@ -12290,7 +12290,7 @@ textarea.FieldControl {
12290
12290
  }
12291
12291
 
12292
12292
  /* Custom components: not Base UI parts. Built from existing concepts and tokens. */
12293
- /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
12293
+ /* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
12294
12294
  /* Badge
12295
12295
  *
12296
12296
  * A status or count label. Not a Base UI part, and not interactive: no hover or focus.
@@ -12395,7 +12395,7 @@ textarea.FieldControl {
12395
12395
  height: var(--sl-badge-dot-base);
12396
12396
  }
12397
12397
 
12398
- /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
12398
+ /* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
12399
12399
  /*
12400
12400
  * DatePicker: a field that opens a calendar for one date or a period.
12401
12401
  * Not a Base UI part. The popup is Popover on a wide viewport and Drawer
@@ -12968,7 +12968,7 @@ textarea.FieldControl {
12968
12968
  flex-basis: 100%;
12969
12969
  }
12970
12970
 
12971
- /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
12971
+ /* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
12972
12972
  /* Money field
12973
12973
  *
12974
12974
  * An amount of money, built on Number field. The value is an integer in minor units
@@ -13313,7 +13313,7 @@ textarea.FieldControl {
13313
13313
  letter-spacing: var(--sl-font-body-base-letter-spacing);
13314
13314
  }
13315
13315
 
13316
- /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
13316
+ /* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
13317
13317
  /* ListDetail
13318
13318
  *
13319
13319
  * The detail of one item, next to its list. Not a Base UI part. It is a Splitter
@@ -13440,7 +13440,7 @@ textarea.FieldControl {
13440
13440
  background: transparent;
13441
13441
  }
13442
13442
 
13443
- /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
13443
+ /* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
13444
13444
  /* Splitter
13445
13445
  *
13446
13446
  * Two or more panels and a handle between them. Not a Base UI part. It follows the
@@ -13648,7 +13648,7 @@ textarea.FieldControl {
13648
13648
  background: var(--sl-border-default);
13649
13649
  }
13650
13650
 
13651
- /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
13651
+ /* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
13652
13652
  /* EmptyState
13653
13653
  *
13654
13654
  * The block a page, pane, table, list or popup shows when it has nothing to show.
@@ -13904,7 +13904,7 @@ textarea.FieldControl {
13904
13904
  color: inherit;
13905
13905
  }
13906
13906
 
13907
- /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
13907
+ /* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
13908
13908
  /* Table - Mojave Theme
13909
13909
  *
13910
13910
  * Base UI has no table, so this styles the native <table class="Table"> elements with the
@@ -14105,6 +14105,19 @@ textarea.FieldControl {
14105
14105
  border-bottom: var(--sl-table-grand-total-rule-width) double var(--sl-table-total-rule-color);
14106
14106
  }
14107
14107
 
14108
+ /* With figures, the grand total's double rule is an underline under the number itself, as an
14109
+ accountant draws it, not a heavy border across the whole cell. */
14110
+ .Table[data-figures] :is(tbody, tfoot) tr[data-total='grand'] > * {
14111
+ border-bottom: 0;
14112
+ }
14113
+
14114
+ .Table[data-figures] :is(tbody, tfoot) tr[data-total='grand'] > [data-align='end'] {
14115
+ text-decoration: underline double;
14116
+ text-decoration-color: var(--sl-table-total-rule-color);
14117
+ text-decoration-thickness: var(--sl-table-grand-total-rule-width);
14118
+ text-underline-offset: var(--sl-space-1);
14119
+ }
14120
+
14108
14121
  /* A label or blank cell in a total row can leave the rules off, so they only run under the
14109
14122
  figures: data-rule="none" on the cell. */
14110
14123
  .Table :is(tbody, tfoot) tr[data-total] > [data-rule='none'] {
@@ -14164,7 +14177,7 @@ textarea.FieldControl {
14164
14177
  color: inherit;
14165
14178
  }
14166
14179
 
14167
- /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
14180
+ /* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
14168
14181
  /* Collection
14169
14182
  *
14170
14183
  * DataTable, DataList, the toolbar and the pagination, in one place so the two views
@@ -14175,7 +14188,7 @@ textarea.FieldControl {
14175
14188
  * the tabs and the search where they are, so selecting rows does not grow the toolbar.
14176
14189
  */
14177
14190
 
14178
- /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
14191
+ /* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
14179
14192
  /* Collection toolbar
14180
14193
  *
14181
14194
  * The wrap follows the toolbar's own width, not the window: a table in a narrow pane wraps
@@ -14341,7 +14354,7 @@ textarea.FieldControl {
14341
14354
  border-block-end: var(--sl-stroke-default) solid var(--sl-table-border-color);
14342
14355
  }
14343
14356
 
14344
- /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
14357
+ /* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
14345
14358
  /* DataTable additions on top of .Table.
14346
14359
  *
14347
14360
  * Sort buttons fill the header cell and inherit its hover, so old aria-sort markup keeps
@@ -14540,7 +14553,7 @@ textarea.FieldControl {
14540
14553
  }
14541
14554
  }
14542
14555
 
14543
- /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
14556
+ /* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
14544
14557
  /* DataList
14545
14558
  *
14546
14559
  * The same rows as the table, in one container with the table's borders, hover, selected
@@ -14682,7 +14695,7 @@ textarea.FieldControl {
14682
14695
  transition: opacity var(--sl-duration-fast) var(--sl-easing-default);
14683
14696
  }
14684
14697
 
14685
- /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
14698
+ /* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
14686
14699
  /* Pagination
14687
14700
  *
14688
14701
  * Not tied to a collection. Anything with a page, a page count and a total can use it.
@@ -14707,7 +14720,7 @@ textarea.FieldControl {
14707
14720
  margin: 0;
14708
14721
  }
14709
14722
 
14710
- /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
14723
+ /* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
14711
14724
  /* EditableList
14712
14725
  *
14713
14726
  * One table at every width, so a field is not submitted twice. Under the stack width each
@@ -14806,7 +14819,7 @@ textarea.FieldControl {
14806
14819
  }
14807
14820
  }
14808
14821
 
14809
- /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
14822
+ /* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
14810
14823
  /* Sheet
14811
14824
  *
14812
14825
  * A working-paper surface: the raised surface with a heavier rule across its top
@@ -14905,7 +14918,7 @@ textarea.FieldControl {
14905
14918
  border-top: 0;
14906
14919
  }
14907
14920
 
14908
- /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
14921
+ /* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
14909
14922
  /* StatFigure
14910
14923
  *
14911
14924
  * One large figure with a caps label above and a caption under it. The label is
@@ -14966,7 +14979,7 @@ textarea.FieldControl {
14966
14979
  color: var(--sl-stat-figure-caption-color);
14967
14980
  }
14968
14981
 
14969
- /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
14982
+ /* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
14970
14983
  /* DescriptionList
14971
14984
  *
14972
14985
  * Label and value pairs in a native dl, one DescriptionItem (a div holding a dt and a dd)
@@ -15042,7 +15055,7 @@ textarea.FieldControl {
15042
15055
  text-align: end;
15043
15056
  }
15044
15057
 
15045
- /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
15058
+ /* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
15046
15059
  /* AppBar
15047
15060
  *
15048
15061
  * The bar across the top of an app window, one row on a line in the rule color. The line is
@@ -15076,7 +15089,7 @@ textarea.FieldControl {
15076
15089
  background: var(--sl-app-bar-divider-color);
15077
15090
  }
15078
15091
 
15079
- /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
15092
+ /* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
15080
15093
  /* PickerButton
15081
15094
  *
15082
15095
  * A trigger with a caps label before the current choice: CLIENT Alpha Services. The field
@@ -15121,6 +15134,7 @@ textarea.FieldControl {
15121
15134
 
15122
15135
  .PickerButton:hover:not(:disabled) {
15123
15136
  border-color: var(--sl-field-border-color-hover);
15137
+ background: var(--sl-fill-subtle);
15124
15138
  }
15125
15139
 
15126
15140
  .PickerButton:focus-visible {
@@ -15175,7 +15189,7 @@ textarea.FieldControl {
15175
15189
  transform: rotate(180deg);
15176
15190
  }
15177
15191
 
15178
- /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
15192
+ /* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
15179
15193
  /* PickerSplit
15180
15194
  *
15181
15195
  * A PickerButton whose choice is itself a control: the main part (CLIENT Alpha Services) acts,
@@ -15273,7 +15287,7 @@ textarea.FieldControl {
15273
15287
  transform: rotate(180deg);
15274
15288
  }
15275
15289
 
15276
- /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
15290
+ /* @scattered-light/loomiere-base-ui 0.15.3 · styles for @base-ui/react 1.9.0 */
15277
15291
  /* SideNav
15278
15292
  *
15279
15293
  * The column of links down the side of a workspace. Rows are ruled apart with a hairline; the