@scattered-light/loomiere-mojave 0.15.4 → 0.15.6

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.4 · styles for @base-ui/react 1.9.0 */
6700
+ /* @scattered-light/loomiere-base-ui 0.15.6 · 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.4 · styles for @base-ui/react 1.9.0 */
6710
+ /* @scattered-light/loomiere-base-ui 0.15.6 · 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.4 · styles for @base-ui/react 1.9.0 */
7154
+ /* @scattered-light/loomiere-base-ui 0.15.6 · 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.4 · styles for @base-ui/react 1.9.0 */
7267
+ /* @scattered-light/loomiere-base-ui 0.15.6 · 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.4 · styles for @base-ui/react 1.9.0 */
7335
+ /* @scattered-light/loomiere-base-ui 0.15.6 · 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.4 · styles for @base-ui/react 1.9.0 */
7456
+ /* @scattered-light/loomiere-base-ui 0.15.6 · 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.4 · styles for @base-ui/react 1.9.0 */
7465
+ /* @scattered-light/loomiere-base-ui 0.15.6 · 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.4 · styles for @base-ui/react 1.9.0 */
7667
+ /* @scattered-light/loomiere-base-ui 0.15.6 · 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.4 · styles for @base-ui/react 1.9.0 */
7775
+ /* @scattered-light/loomiere-base-ui 0.15.6 · 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.4 · styles for @base-ui/react 1.9.0 */
7925
+ /* @scattered-light/loomiere-base-ui 0.15.6 · 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.4 · styles for @base-ui/react 1.9.0 */
8082
+ /* @scattered-light/loomiere-base-ui 0.15.6 · 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.4 · styles for @base-ui/react 1.9.0 */
8098
+ /* @scattered-light/loomiere-base-ui 0.15.6 · 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.4 · styles for @base-ui/react 1.9.0 */
8214
+ /* @scattered-light/loomiere-base-ui 0.15.6 · 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.4 · styles for @base-ui/react 1.9.0 */
8699
+ /* @scattered-light/loomiere-base-ui 0.15.6 · 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.4 · styles for @base-ui/react 1.9.0 */
8868
+ /* @scattered-light/loomiere-base-ui 0.15.6 · 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.4 · styles for @base-ui/react 1.9.0 */
9014
+ /* @scattered-light/loomiere-base-ui 0.15.6 · 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.4 · styles for @base-ui/react 1.9.0 */
9147
+ /* @scattered-light/loomiere-base-ui 0.15.6 · 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.4 · styles for @base-ui/react 1.9.0 */
9208
+ /* @scattered-light/loomiere-base-ui 0.15.6 · 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.4 · styles for @base-ui/react 1.9.0 */
9250
+ /* @scattered-light/loomiere-base-ui 0.15.6 · 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.4 · styles for @base-ui/react 1.9.0 */
9270
+ /* @scattered-light/loomiere-base-ui 0.15.6 · 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),
@@ -9305,6 +9305,16 @@ textarea.FieldControl {
9305
9305
  padding-inline: var(--sl-control-padding-inline);
9306
9306
  }
9307
9307
 
9308
+ /* Search fields draw their own clear button where they want one, so the browser's built-in
9309
+ one must not show a second x. */
9310
+ .Input[type='search']::-webkit-search-cancel-button,
9311
+ .FieldControl[type='search']::-webkit-search-cancel-button,
9312
+ .AutocompleteInput[type='search']::-webkit-search-cancel-button {
9313
+ -webkit-appearance: none;
9314
+ appearance: none;
9315
+ display: none;
9316
+ }
9317
+
9308
9318
  .Input::placeholder,
9309
9319
  .FieldControl::placeholder,
9310
9320
  .NumberFieldInput::placeholder,
@@ -9404,7 +9414,7 @@ textarea.FieldControl {
9404
9414
  padding-inline: var(--sl-control-padding-inline-lg);
9405
9415
  }
9406
9416
 
9407
- /* @scattered-light/loomiere-base-ui 0.15.4 · styles for @base-ui/react 1.9.0 */
9417
+ /* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
9408
9418
  /* Menu - Mojave Theme
9409
9419
  *
9410
9420
  * No component tokens. The trigger is a Button. The popup is the popup concept, rows are item rows at the
@@ -9553,7 +9563,7 @@ textarea.FieldControl {
9553
9563
  color: var(--sl-text-tertiary);
9554
9564
  }
9555
9565
 
9556
- /* @scattered-light/loomiere-base-ui 0.15.4 · styles for @base-ui/react 1.9.0 */
9566
+ /* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
9557
9567
  /* Menubar - Mojave Theme
9558
9568
  *
9559
9569
  * 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 +9756,7 @@ textarea.FieldControl {
9746
9756
  color: var(--sl-text-tertiary);
9747
9757
  }
9748
9758
 
9749
- /* @scattered-light/loomiere-base-ui 0.15.4 · styles for @base-ui/react 1.9.0 */
9759
+ /* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
9750
9760
  /* Meter - Mojave Theme
9751
9761
  *
9752
9762
  * A gauge (tokens/semantic/gauge.json). The fill is the solid color of the scope around it:
@@ -9809,7 +9819,7 @@ textarea.FieldControl {
9809
9819
  height: var(--sl-gauge-height-lg);
9810
9820
  }
9811
9821
 
9812
- /* @scattered-light/loomiere-base-ui 0.15.4 · styles for @base-ui/react 1.9.0 */
9822
+ /* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
9813
9823
  /* Navigation Menu - Mojave Theme
9814
9824
  *
9815
9825
  * The strip is the bar concept, the panel is the popup concept and each link is an item
@@ -10229,7 +10239,7 @@ textarea.FieldControl {
10229
10239
  width: 100%;
10230
10240
  }
10231
10241
 
10232
- /* @scattered-light/loomiere-base-ui 0.15.4 · styles for @base-ui/react 1.9.0 */
10242
+ /* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
10233
10243
  /* Number Field - Mojave Theme
10234
10244
  *
10235
10245
  * No component tokens. The input is Input (Input.css) and the label, description and
@@ -10320,7 +10330,7 @@ textarea.FieldControl {
10320
10330
  user-select: none;
10321
10331
  }
10322
10332
 
10323
- /* @scattered-light/loomiere-base-ui 0.15.4 · styles for @base-ui/react 1.9.0 */
10333
+ /* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
10324
10334
  /* OTP Field - Mojave Theme
10325
10335
  *
10326
10336
  * One-time code entry: a row of single-character inputs. Each slot is the same control as Input
@@ -10383,7 +10393,7 @@ textarea.FieldControl {
10383
10393
  letter-spacing: var(--sl-font-body-magnify-letter-spacing);
10384
10394
  }
10385
10395
 
10386
- /* @scattered-light/loomiere-base-ui 0.15.4 · styles for @base-ui/react 1.9.0 */
10396
+ /* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
10387
10397
  /* Popover - Mojave Theme */
10388
10398
 
10389
10399
  /* ============================================
@@ -10548,7 +10558,7 @@ textarea.FieldControl {
10548
10558
  fill: var(--sl-popup-arrow-stroke);
10549
10559
  }
10550
10560
 
10551
- /* @scattered-light/loomiere-base-ui 0.15.4 · styles for @base-ui/react 1.9.0 */
10561
+ /* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
10552
10562
  /* Preview Card - Mojave Theme
10553
10563
  *
10554
10564
  * The popup concept (surface, arrow, motion) with a title-magnify title and condense
@@ -10665,7 +10675,7 @@ textarea.FieldControl {
10665
10675
  fill: var(--sl-popup-arrow-stroke);
10666
10676
  }
10667
10677
 
10668
- /* @scattered-light/loomiere-base-ui 0.15.4 · styles for @base-ui/react 1.9.0 */
10678
+ /* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
10669
10679
  /* Progress - Mojave Theme
10670
10680
  *
10671
10681
  * A gauge (tokens/semantic/gauge.json), the same bar as Meter. The fill is the solid color of
@@ -10742,7 +10752,7 @@ textarea.FieldControl {
10742
10752
  height: var(--sl-gauge-height-lg);
10743
10753
  }
10744
10754
 
10745
- /* @scattered-light/loomiere-base-ui 0.15.4 · styles for @base-ui/react 1.9.0 */
10755
+ /* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
10746
10756
  /* Radio - Mojave Theme
10747
10757
  * Same box as Checkbox, always round. Sizes follow the label the same way, and the
10748
10758
  * dot is a share of the circle (check.dot-scale).
@@ -10894,7 +10904,7 @@ textarea.FieldControl {
10894
10904
  gap: var(--sl-gap-stack-sm);
10895
10905
  }
10896
10906
 
10897
- /* @scattered-light/loomiere-base-ui 0.15.4 · styles for @base-ui/react 1.9.0 */
10907
+ /* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
10898
10908
  /* Scroll Area - Mojave Theme
10899
10909
  *
10900
10910
  * The scrollbar is the content scrollbar (content.scrollbar-*): a track that stays clear until
@@ -10976,7 +10986,7 @@ textarea.FieldControl {
10976
10986
  background: transparent;
10977
10987
  }
10978
10988
 
10979
- /* @scattered-light/loomiere-base-ui 0.15.4 · styles for @base-ui/react 1.9.0 */
10989
+ /* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
10980
10990
  /* Select - Mojave Theme
10981
10991
  *
10982
10992
  * The trigger is a field (the field pattern, control sizes, the base text style); the
@@ -11261,7 +11271,7 @@ textarea.FieldControl {
11261
11271
  stroke-width: var(--sl-stroke-default);
11262
11272
  }
11263
11273
 
11264
- /* @scattered-light/loomiere-base-ui 0.15.4 · styles for @base-ui/react 1.9.0 */
11274
+ /* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
11265
11275
  /* Separator - Mojave Theme
11266
11276
  *
11267
11277
  * A hairline in the everyday divider color (border.default), one stroke thick, with a step of
@@ -11289,7 +11299,7 @@ textarea.FieldControl {
11289
11299
  margin-inline: var(--sl-space-4);
11290
11300
  }
11291
11301
 
11292
- /* @scattered-light/loomiere-base-ui 0.15.4 · styles for @base-ui/react 1.9.0 */
11302
+ /* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
11293
11303
  /* Slider - Mojave Theme
11294
11304
  *
11295
11305
  * A slider is a gauge you can drag: the track, fill and label row are gauge.* (the same bar as
@@ -11455,7 +11465,7 @@ textarea.FieldControl {
11455
11465
  transform: translate(-50%, 50%);
11456
11466
  }
11457
11467
 
11458
- /* @scattered-light/loomiere-base-ui 0.15.4 · styles for @base-ui/react 1.9.0 */
11468
+ /* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
11459
11469
  /* Switch - Mojave Theme
11460
11470
  * Switch keeps its track sizes. The thumb, its travel and the ON/OFF text are
11461
11471
  * worked out from them: the thumb fills the track's height inside the padding,
@@ -11621,7 +11631,7 @@ textarea.FieldControl {
11621
11631
  color: var(--sl-text-disabled);
11622
11632
  }
11623
11633
 
11624
- /* @scattered-light/loomiere-base-ui 0.15.4 · styles for @base-ui/react 1.9.0 */
11634
+ /* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
11625
11635
  /* Tabs - Mojave Theme
11626
11636
  *
11627
11637
  * No component tokens. The divider, the selected line and color, hover and the disabled
@@ -11757,7 +11767,7 @@ textarea.FieldControl {
11757
11767
  padding: var(--sl-space-6);
11758
11768
  }
11759
11769
 
11760
- /* @scattered-light/loomiere-base-ui 0.15.4 · styles for @base-ui/react 1.9.0 */
11770
+ /* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
11761
11771
  /* Toast - Mojave Theme
11762
11772
  *
11763
11773
  * A toast is a notice (tokens/semantic/notice.json) on the popup surface. A toast whose type
@@ -11993,7 +12003,7 @@ textarea.FieldControl {
11993
12003
  flex-shrink: 0;
11994
12004
  }
11995
12005
 
11996
- /* @scattered-light/loomiere-base-ui 0.15.4 · styles for @base-ui/react 1.9.0 */
12006
+ /* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
11997
12007
  /* Toggle - Mojave Theme
11998
12008
  * A toggle is a button that stays pressed: the same heights, padding, gap and
11999
12009
  * trigger text style as a button of the same size. Pressed, it takes its emphasis level's
@@ -12105,7 +12115,7 @@ textarea.FieldControl {
12105
12115
  height: var(--sl-icon-size-maximize);
12106
12116
  }
12107
12117
 
12108
- /* @scattered-light/loomiere-base-ui 0.15.4 · styles for @base-ui/react 1.9.0 */
12118
+ /* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
12109
12119
  /* Toggle Group - Mojave Theme
12110
12120
  *
12111
12121
  * No component tokens. The strip is the bar concept (tokens/semantic/bar.json); the
@@ -12167,7 +12177,7 @@ textarea.FieldControl {
12167
12177
  outline-offset: var(--sl-focus-outline-offset-inset);
12168
12178
  }
12169
12179
 
12170
- /* @scattered-light/loomiere-base-ui 0.15.4 · styles for @base-ui/react 1.9.0 */
12180
+ /* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
12171
12181
  /* Toolbar - Mojave Theme
12172
12182
  *
12173
12183
  * The strip is the bar concept (tokens/semantic/bar.json). Buttons, toggles, selects
@@ -12229,7 +12239,7 @@ textarea.FieldControl {
12229
12239
  max-width: var(--sl-toolbar-input-max-width);
12230
12240
  }
12231
12241
 
12232
- /* @scattered-light/loomiere-base-ui 0.15.4 · styles for @base-ui/react 1.9.0 */
12242
+ /* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
12233
12243
  /* Tooltip - Mojave Theme
12234
12244
  *
12235
12245
  * The inverse surface (surface.inverse, text.on-inverse-surface) with condense text, so a tooltip
@@ -12290,7 +12300,7 @@ textarea.FieldControl {
12290
12300
  }
12291
12301
 
12292
12302
  /* Custom components: not Base UI parts. Built from existing concepts and tokens. */
12293
- /* @scattered-light/loomiere-base-ui 0.15.4 · styles for @base-ui/react 1.9.0 */
12303
+ /* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
12294
12304
  /* Badge
12295
12305
  *
12296
12306
  * A status or count label. Not a Base UI part, and not interactive: no hover or focus.
@@ -12395,7 +12405,7 @@ textarea.FieldControl {
12395
12405
  height: var(--sl-badge-dot-base);
12396
12406
  }
12397
12407
 
12398
- /* @scattered-light/loomiere-base-ui 0.15.4 · styles for @base-ui/react 1.9.0 */
12408
+ /* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
12399
12409
  /*
12400
12410
  * DatePicker: a field that opens a calendar for one date or a period.
12401
12411
  * Not a Base UI part. The popup is Popover on a wide viewport and Drawer
@@ -12968,7 +12978,7 @@ textarea.FieldControl {
12968
12978
  flex-basis: 100%;
12969
12979
  }
12970
12980
 
12971
- /* @scattered-light/loomiere-base-ui 0.15.4 · styles for @base-ui/react 1.9.0 */
12981
+ /* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
12972
12982
  /* Money field
12973
12983
  *
12974
12984
  * An amount of money, built on Number field. The value is an integer in minor units
@@ -13313,7 +13323,7 @@ textarea.FieldControl {
13313
13323
  letter-spacing: var(--sl-font-body-base-letter-spacing);
13314
13324
  }
13315
13325
 
13316
- /* @scattered-light/loomiere-base-ui 0.15.4 · styles for @base-ui/react 1.9.0 */
13326
+ /* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
13317
13327
  /* ListDetail
13318
13328
  *
13319
13329
  * The detail of one item, next to its list. Not a Base UI part. It is a Splitter
@@ -13440,7 +13450,7 @@ textarea.FieldControl {
13440
13450
  background: transparent;
13441
13451
  }
13442
13452
 
13443
- /* @scattered-light/loomiere-base-ui 0.15.4 · styles for @base-ui/react 1.9.0 */
13453
+ /* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
13444
13454
  /* Splitter
13445
13455
  *
13446
13456
  * Two or more panels and a handle between them. Not a Base UI part. It follows the
@@ -13648,7 +13658,7 @@ textarea.FieldControl {
13648
13658
  background: var(--sl-border-default);
13649
13659
  }
13650
13660
 
13651
- /* @scattered-light/loomiere-base-ui 0.15.4 · styles for @base-ui/react 1.9.0 */
13661
+ /* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
13652
13662
  /* EmptyState
13653
13663
  *
13654
13664
  * The block a page, pane, table, list or popup shows when it has nothing to show.
@@ -13904,7 +13914,7 @@ textarea.FieldControl {
13904
13914
  color: inherit;
13905
13915
  }
13906
13916
 
13907
- /* @scattered-light/loomiere-base-ui 0.15.4 · styles for @base-ui/react 1.9.0 */
13917
+ /* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
13908
13918
  /* Table - Mojave Theme
13909
13919
  *
13910
13920
  * Base UI has no table, so this styles the native <table class="Table"> elements with the
@@ -14029,6 +14039,12 @@ textarea.FieldControl {
14029
14039
  border-bottom: var(--sl-stroke-default) solid var(--sl-table-row-border-color);
14030
14040
  }
14031
14041
 
14042
+ /* The last row has no line under it, row header included, so a total's rule above a footer isn't doubled. */
14043
+ .Table tbody tr:last-child > th,
14044
+ .Table tbody:last-child tr:last-child > th {
14045
+ border-bottom: none;
14046
+ }
14047
+
14032
14048
  /* Numbers and amounts: right-aligned so digits line up */
14033
14049
  .Table [data-align='end'] {
14034
14050
  text-align: end;
@@ -14175,7 +14191,7 @@ textarea.FieldControl {
14175
14191
  color: inherit;
14176
14192
  }
14177
14193
 
14178
- /* @scattered-light/loomiere-base-ui 0.15.4 · styles for @base-ui/react 1.9.0 */
14194
+ /* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
14179
14195
  /* Collection
14180
14196
  *
14181
14197
  * DataTable, DataList, the toolbar and the pagination, in one place so the two views
@@ -14186,7 +14202,7 @@ textarea.FieldControl {
14186
14202
  * the tabs and the search where they are, so selecting rows does not grow the toolbar.
14187
14203
  */
14188
14204
 
14189
- /* @scattered-light/loomiere-base-ui 0.15.4 · styles for @base-ui/react 1.9.0 */
14205
+ /* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
14190
14206
  /* Collection toolbar
14191
14207
  *
14192
14208
  * The wrap follows the toolbar's own width, not the window: a table in a narrow pane wraps
@@ -14352,7 +14368,7 @@ textarea.FieldControl {
14352
14368
  border-block-end: var(--sl-stroke-default) solid var(--sl-table-border-color);
14353
14369
  }
14354
14370
 
14355
- /* @scattered-light/loomiere-base-ui 0.15.4 · styles for @base-ui/react 1.9.0 */
14371
+ /* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
14356
14372
  /* DataTable additions on top of .Table.
14357
14373
  *
14358
14374
  * Sort buttons fill the header cell and inherit its hover, so old aria-sort markup keeps
@@ -14551,7 +14567,7 @@ textarea.FieldControl {
14551
14567
  }
14552
14568
  }
14553
14569
 
14554
- /* @scattered-light/loomiere-base-ui 0.15.4 · styles for @base-ui/react 1.9.0 */
14570
+ /* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
14555
14571
  /* DataList
14556
14572
  *
14557
14573
  * The same rows as the table, in one container with the table's borders, hover, selected
@@ -14693,7 +14709,7 @@ textarea.FieldControl {
14693
14709
  transition: opacity var(--sl-duration-fast) var(--sl-easing-default);
14694
14710
  }
14695
14711
 
14696
- /* @scattered-light/loomiere-base-ui 0.15.4 · styles for @base-ui/react 1.9.0 */
14712
+ /* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
14697
14713
  /* Pagination
14698
14714
  *
14699
14715
  * Not tied to a collection. Anything with a page, a page count and a total can use it.
@@ -14718,7 +14734,7 @@ textarea.FieldControl {
14718
14734
  margin: 0;
14719
14735
  }
14720
14736
 
14721
- /* @scattered-light/loomiere-base-ui 0.15.4 · styles for @base-ui/react 1.9.0 */
14737
+ /* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
14722
14738
  /* EditableList
14723
14739
  *
14724
14740
  * One table at every width, so a field is not submitted twice. Under the stack width each
@@ -14817,7 +14833,7 @@ textarea.FieldControl {
14817
14833
  }
14818
14834
  }
14819
14835
 
14820
- /* @scattered-light/loomiere-base-ui 0.15.4 · styles for @base-ui/react 1.9.0 */
14836
+ /* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
14821
14837
  /* Sheet
14822
14838
  *
14823
14839
  * A working-paper surface: the raised surface with a heavier rule across its top
@@ -14916,7 +14932,7 @@ textarea.FieldControl {
14916
14932
  border-top: 0;
14917
14933
  }
14918
14934
 
14919
- /* @scattered-light/loomiere-base-ui 0.15.4 · styles for @base-ui/react 1.9.0 */
14935
+ /* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
14920
14936
  /* StatFigure
14921
14937
  *
14922
14938
  * One large figure with a caps label above and a caption under it. The label is
@@ -14977,7 +14993,7 @@ textarea.FieldControl {
14977
14993
  color: var(--sl-stat-figure-caption-color);
14978
14994
  }
14979
14995
 
14980
- /* @scattered-light/loomiere-base-ui 0.15.4 · styles for @base-ui/react 1.9.0 */
14996
+ /* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
14981
14997
  /* DescriptionList
14982
14998
  *
14983
14999
  * Label and value pairs in a native dl, one DescriptionItem (a div holding a dt and a dd)
@@ -15053,7 +15069,7 @@ textarea.FieldControl {
15053
15069
  text-align: end;
15054
15070
  }
15055
15071
 
15056
- /* @scattered-light/loomiere-base-ui 0.15.4 · styles for @base-ui/react 1.9.0 */
15072
+ /* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
15057
15073
  /* AppBar
15058
15074
  *
15059
15075
  * The bar across the top of an app window, one row on a line in the rule color. The line is
@@ -15087,7 +15103,7 @@ textarea.FieldControl {
15087
15103
  background: var(--sl-app-bar-divider-color);
15088
15104
  }
15089
15105
 
15090
- /* @scattered-light/loomiere-base-ui 0.15.4 · styles for @base-ui/react 1.9.0 */
15106
+ /* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
15091
15107
  /* PickerButton
15092
15108
  *
15093
15109
  * A trigger with a caps label before the current choice: CLIENT Alpha Services. The field
@@ -15187,7 +15203,7 @@ textarea.FieldControl {
15187
15203
  transform: rotate(180deg);
15188
15204
  }
15189
15205
 
15190
- /* @scattered-light/loomiere-base-ui 0.15.4 · styles for @base-ui/react 1.9.0 */
15206
+ /* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
15191
15207
  /* PickerSplit
15192
15208
  *
15193
15209
  * A PickerButton whose choice is itself a control: the main part (CLIENT Alpha Services) acts,
@@ -15285,7 +15301,7 @@ textarea.FieldControl {
15285
15301
  transform: rotate(180deg);
15286
15302
  }
15287
15303
 
15288
- /* @scattered-light/loomiere-base-ui 0.15.4 · styles for @base-ui/react 1.9.0 */
15304
+ /* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
15289
15305
  /* SideNav
15290
15306
  *
15291
15307
  * The column of links down the side of a workspace. Rows are ruled apart with a hairline; the