@scattered-light/loomiere-mojave 0.22.2 → 0.22.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.
@@ -6733,7 +6733,7 @@
6733
6733
  }
6734
6734
 
6735
6735
 
6736
- /* @scattered-light/loomiere-base-ui 0.22.2 · styles for @base-ui/react 1.9.0 */
6736
+ /* @scattered-light/loomiere-base-ui 0.22.3 · styles for @base-ui/react 1.9.0 */
6737
6737
  /* Loomiere for Base UI: component styles. Brand-free: every value is a --sl- variable from a
6738
6738
  Loomiere theme. Load the theme first:
6739
6739
  @import '<your theme>/tokens.css';
@@ -6743,7 +6743,7 @@
6743
6743
  /* Document defaults, in the reset layer so any unlayered rule wins over them, and so layered
6744
6744
  frameworks (Chakra's recipes, Tailwind's utilities) are not undone by them. */
6745
6745
  @layer reset {
6746
- /* @scattered-light/loomiere-base-ui 0.22.2 · styles for @base-ui/react 1.9.0 */
6746
+ /* @scattered-light/loomiere-base-ui 0.22.3 · styles for @base-ui/react 1.9.0 */
6747
6747
  /* CSS Reset - Mojave Theme */
6748
6748
 
6749
6749
  /* ============================================
@@ -7187,7 +7187,7 @@ hr {
7187
7187
  }
7188
7188
  }
7189
7189
  @layer reset {
7190
- /* @scattered-light/loomiere-base-ui 0.22.2 · styles for @base-ui/react 1.9.0 */
7190
+ /* @scattered-light/loomiere-base-ui 0.22.3 · styles for @base-ui/react 1.9.0 */
7191
7191
  /* Accessibility — base rules (no theme color dependencies). Theme-specific focus/invalid: accessibility-theme.css */
7192
7192
 
7193
7193
  /* Remove default focus; keyboard focus styled in accessibility-theme.css */
@@ -7300,7 +7300,7 @@ main:focus {
7300
7300
 
7301
7301
  }
7302
7302
  @layer reset {
7303
- /* @scattered-light/loomiere-base-ui 0.22.2 · styles for @base-ui/react 1.9.0 */
7303
+ /* @scattered-light/loomiere-base-ui 0.22.3 · styles for @base-ui/react 1.9.0 */
7304
7304
  /* Focus, invalid, contrast — requires theme tokens (after theme-accessibility.css). */
7305
7305
 
7306
7306
  :focus-visible {
@@ -7368,7 +7368,7 @@ button,
7368
7368
 
7369
7369
  }
7370
7370
  /* Component styles */
7371
- /* @scattered-light/loomiere-base-ui 0.22.2 · styles for @base-ui/react 1.9.0 */
7371
+ /* @scattered-light/loomiere-base-ui 0.22.3 · styles for @base-ui/react 1.9.0 */
7372
7372
  /* Accordion - Mojave Theme
7373
7373
  *
7374
7374
  * No component tokens. Hover, press, chevron, divider and motion are the disclosure
@@ -7489,7 +7489,7 @@ button,
7489
7489
  overflow: hidden;
7490
7490
  }
7491
7491
 
7492
- /* @scattered-light/loomiere-base-ui 0.22.2 · styles for @base-ui/react 1.9.0 */
7492
+ /* @scattered-light/loomiere-base-ui 0.22.3 · styles for @base-ui/react 1.9.0 */
7493
7493
  /* Alert Dialog - Mojave Theme
7494
7494
  *
7495
7495
  * No component tokens and no rules of its own. An alert dialog looks exactly like a
@@ -7498,7 +7498,7 @@ button,
7498
7498
  * cancel quiet, and a destructive one bold with data-color="error".
7499
7499
  */
7500
7500
 
7501
- /* @scattered-light/loomiere-base-ui 0.22.2 · styles for @base-ui/react 1.9.0 */
7501
+ /* @scattered-light/loomiere-base-ui 0.22.3 · styles for @base-ui/react 1.9.0 */
7502
7502
  /* Autocomplete - Mojave Theme
7503
7503
  *
7504
7504
  * No component tokens. The input is Input (Input.css), the clear button is an icon
@@ -7700,7 +7700,7 @@ button,
7700
7700
  (reset-accessibility.css).
7701
7701
  ============================================ */
7702
7702
 
7703
- /* @scattered-light/loomiere-base-ui 0.22.2 · styles for @base-ui/react 1.9.0 */
7703
+ /* @scattered-light/loomiere-base-ui 0.22.3 · styles for @base-ui/react 1.9.0 */
7704
7704
  /* Avatar - Mojave Theme
7705
7705
  *
7706
7706
  * A round picture with a ring in the page color, so avatars in a group cut out of each other in
@@ -7808,7 +7808,7 @@ button,
7808
7808
  }
7809
7809
  }
7810
7810
 
7811
- /* @scattered-light/loomiere-base-ui 0.22.2 · styles for @base-ui/react 1.9.0 */
7811
+ /* @scattered-light/loomiere-base-ui 0.22.3 · styles for @base-ui/react 1.9.0 */
7812
7812
  /* Button - Mojave Theme
7813
7813
  *
7814
7814
  * Colors are the brand's emphasis levels, sizes are control.*, text is the trigger
@@ -7958,7 +7958,7 @@ button,
7958
7958
  font-size: var(--sl-icon-size-maximize);
7959
7959
  }
7960
7960
 
7961
- /* @scattered-light/loomiere-base-ui 0.22.2 · styles for @base-ui/react 1.9.0 */
7961
+ /* @scattered-light/loomiere-base-ui 0.22.3 · styles for @base-ui/react 1.9.0 */
7962
7962
  /* Checkbox - Mojave Theme
7963
7963
  * Sizes follow the label: the box is the icon size one tier above the label's text
7964
7964
  * tier (like a button's icon) and the check mark one tier below it.
@@ -8115,7 +8115,7 @@ button,
8115
8115
  border-radius: var(--sl-radius-pill);
8116
8116
  }
8117
8117
 
8118
- /* @scattered-light/loomiere-base-ui 0.22.2 · styles for @base-ui/react 1.9.0 */
8118
+ /* @scattered-light/loomiere-base-ui 0.22.3 · styles for @base-ui/react 1.9.0 */
8119
8119
  /* Checkbox Group - Mojave Theme */
8120
8120
 
8121
8121
  /* Each checkbox row is already a full tap target tall, so the rows sit close. */
@@ -8131,7 +8131,7 @@ button,
8131
8131
  pointer-events: none;
8132
8132
  }
8133
8133
 
8134
- /* @scattered-light/loomiere-base-ui 0.22.2 · styles for @base-ui/react 1.9.0 */
8134
+ /* @scattered-light/loomiere-base-ui 0.22.3 · styles for @base-ui/react 1.9.0 */
8135
8135
  /* Collapsible - Mojave Theme
8136
8136
  *
8137
8137
  * No component tokens. Hover, press, chevron and motion are the disclosure concept
@@ -8247,7 +8247,7 @@ button,
8247
8247
  background: var(--sl-surface-raised);
8248
8248
  }
8249
8249
 
8250
- /* @scattered-light/loomiere-base-ui 0.22.2 · styles for @base-ui/react 1.9.0 */
8250
+ /* @scattered-light/loomiere-base-ui 0.22.3 · styles for @base-ui/react 1.9.0 */
8251
8251
  /* Combobox - Mojave Theme
8252
8252
  *
8253
8253
  * No component tokens. The input is Input (Input.css); the chips box is a field; the
@@ -8732,7 +8732,7 @@ button,
8732
8732
  color: var(--sl-text-tertiary);
8733
8733
  }
8734
8734
 
8735
- /* @scattered-light/loomiere-base-ui 0.22.2 · styles for @base-ui/react 1.9.0 */
8735
+ /* @scattered-light/loomiere-base-ui 0.22.3 · styles for @base-ui/react 1.9.0 */
8736
8736
  /* Context Menu - Mojave Theme
8737
8737
  *
8738
8738
  * 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
@@ -8901,7 +8901,7 @@ button,
8901
8901
  stroke-width: var(--sl-stroke-default);
8902
8902
  }
8903
8903
 
8904
- /* @scattered-light/loomiere-base-ui 0.22.2 · styles for @base-ui/react 1.9.0 */
8904
+ /* @scattered-light/loomiere-base-ui 0.22.3 · styles for @base-ui/react 1.9.0 */
8905
8905
  /* Dialog and Alert dialog - Mojave Theme
8906
8906
  *
8907
8907
  * Both are centered modals built from the modal concept (tokens/semantic/modal.json):
@@ -9047,7 +9047,7 @@ button,
9047
9047
  margin-top: var(--sl-modal-actions-spacing);
9048
9048
  }
9049
9049
 
9050
- /* @scattered-light/loomiere-base-ui 0.22.2 · styles for @base-ui/react 1.9.0 */
9050
+ /* @scattered-light/loomiere-base-ui 0.22.3 · styles for @base-ui/react 1.9.0 */
9051
9051
  /* Drawer - a panel that slides in from an edge and can be swiped away.
9052
9052
  The surface, scrim, heading and motion are the modal concept's (--sl-modal-*), so a
9053
9053
  drawer reads as a dialog's sibling; only its size and grab bar are its own
@@ -9180,7 +9180,7 @@ button,
9180
9180
  color: var(--sl-modal-description-color);
9181
9181
  }
9182
9182
 
9183
- /* @scattered-light/loomiere-base-ui 0.22.2 · styles for @base-ui/react 1.9.0 */
9183
+ /* @scattered-light/loomiere-base-ui 0.22.3 · styles for @base-ui/react 1.9.0 */
9184
9184
  /* Field - Mojave Theme
9185
9185
  *
9186
9186
  * Label, control, description and error. No component tokens: spacing is the field
@@ -9241,7 +9241,7 @@ textarea.FieldControl {
9241
9241
  height: auto;
9242
9242
  }
9243
9243
 
9244
- /* @scattered-light/loomiere-base-ui 0.22.2 · styles for @base-ui/react 1.9.0 */
9244
+ /* @scattered-light/loomiere-base-ui 0.22.3 · styles for @base-ui/react 1.9.0 */
9245
9245
  /* Fieldset - Mojave Theme
9246
9246
  *
9247
9247
  * No component tokens: a titled group of fields, spaced by the stack gaps, with
@@ -9283,7 +9283,7 @@ textarea.FieldControl {
9283
9283
  color: var(--sl-text-secondary);
9284
9284
  }
9285
9285
 
9286
- /* @scattered-light/loomiere-base-ui 0.22.2 · styles for @base-ui/react 1.9.0 */
9286
+ /* @scattered-light/loomiere-base-ui 0.22.3 · styles for @base-ui/react 1.9.0 */
9287
9287
  /* Form - Mojave Theme
9288
9288
  *
9289
9289
  * No component tokens: fields stack with the large block space, and the action
@@ -9303,7 +9303,7 @@ textarea.FieldControl {
9303
9303
  margin-top: var(--sl-space-block-md);
9304
9304
  }
9305
9305
 
9306
- /* @scattered-light/loomiere-base-ui 0.22.2 · styles for @base-ui/react 1.9.0 */
9306
+ /* @scattered-light/loomiere-base-ui 0.22.3 · styles for @base-ui/react 1.9.0 */
9307
9307
  /* Input - Mojave Theme
9308
9308
  *
9309
9309
  * No component tokens: the look is the field concept (tokens/semantic/field.json),
@@ -9450,7 +9450,7 @@ textarea.FieldControl {
9450
9450
  padding-inline: var(--sl-control-padding-inline-lg);
9451
9451
  }
9452
9452
 
9453
- /* @scattered-light/loomiere-base-ui 0.22.2 · styles for @base-ui/react 1.9.0 */
9453
+ /* @scattered-light/loomiere-base-ui 0.22.3 · styles for @base-ui/react 1.9.0 */
9454
9454
  /* Menu - Mojave Theme
9455
9455
  *
9456
9456
  * No component tokens. The trigger is a Button. The popup is the popup concept, rows are item rows at the
@@ -9599,7 +9599,7 @@ textarea.FieldControl {
9599
9599
  color: var(--sl-text-tertiary);
9600
9600
  }
9601
9601
 
9602
- /* @scattered-light/loomiere-base-ui 0.22.2 · styles for @base-ui/react 1.9.0 */
9602
+ /* @scattered-light/loomiere-base-ui 0.22.3 · styles for @base-ui/react 1.9.0 */
9603
9603
  /* Menubar - Mojave Theme
9604
9604
  *
9605
9605
  * No component tokens. A row of quiet triggers, each opening a menu. The popup is the popup concept, rows are item rows at the
@@ -9792,7 +9792,7 @@ textarea.FieldControl {
9792
9792
  color: var(--sl-text-tertiary);
9793
9793
  }
9794
9794
 
9795
- /* @scattered-light/loomiere-base-ui 0.22.2 · styles for @base-ui/react 1.9.0 */
9795
+ /* @scattered-light/loomiere-base-ui 0.22.3 · styles for @base-ui/react 1.9.0 */
9796
9796
  /* Meter - Mojave Theme
9797
9797
  *
9798
9798
  * A gauge (tokens/semantic/gauge.json). The fill is the solid color of the scope around it:
@@ -9855,7 +9855,7 @@ textarea.FieldControl {
9855
9855
  height: var(--sl-gauge-height-lg);
9856
9856
  }
9857
9857
 
9858
- /* @scattered-light/loomiere-base-ui 0.22.2 · styles for @base-ui/react 1.9.0 */
9858
+ /* @scattered-light/loomiere-base-ui 0.22.3 · styles for @base-ui/react 1.9.0 */
9859
9859
  /* Navigation Menu - Mojave Theme
9860
9860
  *
9861
9861
  * The strip is the bar concept, the panel is the popup concept and each link is an item
@@ -10275,7 +10275,7 @@ textarea.FieldControl {
10275
10275
  width: 100%;
10276
10276
  }
10277
10277
 
10278
- /* @scattered-light/loomiere-base-ui 0.22.2 · styles for @base-ui/react 1.9.0 */
10278
+ /* @scattered-light/loomiere-base-ui 0.22.3 · styles for @base-ui/react 1.9.0 */
10279
10279
  /* Number Field - Mojave Theme
10280
10280
  *
10281
10281
  * No component tokens. The input is Input (Input.css) and the label, description and
@@ -10366,7 +10366,7 @@ textarea.FieldControl {
10366
10366
  user-select: none;
10367
10367
  }
10368
10368
 
10369
- /* @scattered-light/loomiere-base-ui 0.22.2 · styles for @base-ui/react 1.9.0 */
10369
+ /* @scattered-light/loomiere-base-ui 0.22.3 · styles for @base-ui/react 1.9.0 */
10370
10370
  /* OTP Field - Mojave Theme
10371
10371
  *
10372
10372
  * One-time code entry: a row of single-character inputs. Each slot is the same control as Input
@@ -10429,7 +10429,7 @@ textarea.FieldControl {
10429
10429
  letter-spacing: var(--sl-font-body-magnify-letter-spacing);
10430
10430
  }
10431
10431
 
10432
- /* @scattered-light/loomiere-base-ui 0.22.2 · styles for @base-ui/react 1.9.0 */
10432
+ /* @scattered-light/loomiere-base-ui 0.22.3 · styles for @base-ui/react 1.9.0 */
10433
10433
  /* Popover - Mojave Theme */
10434
10434
 
10435
10435
  /* ============================================
@@ -10594,7 +10594,7 @@ textarea.FieldControl {
10594
10594
  fill: var(--sl-popup-arrow-stroke);
10595
10595
  }
10596
10596
 
10597
- /* @scattered-light/loomiere-base-ui 0.22.2 · styles for @base-ui/react 1.9.0 */
10597
+ /* @scattered-light/loomiere-base-ui 0.22.3 · styles for @base-ui/react 1.9.0 */
10598
10598
  /* Preview Card - Mojave Theme
10599
10599
  *
10600
10600
  * The popup concept (surface, arrow, motion) with a title-magnify title and condense
@@ -10711,7 +10711,7 @@ textarea.FieldControl {
10711
10711
  fill: var(--sl-popup-arrow-stroke);
10712
10712
  }
10713
10713
 
10714
- /* @scattered-light/loomiere-base-ui 0.22.2 · styles for @base-ui/react 1.9.0 */
10714
+ /* @scattered-light/loomiere-base-ui 0.22.3 · styles for @base-ui/react 1.9.0 */
10715
10715
  /* Progress - Mojave Theme
10716
10716
  *
10717
10717
  * A gauge (tokens/semantic/gauge.json), the same bar as Meter. The fill is the solid color of
@@ -10788,7 +10788,7 @@ textarea.FieldControl {
10788
10788
  height: var(--sl-gauge-height-lg);
10789
10789
  }
10790
10790
 
10791
- /* @scattered-light/loomiere-base-ui 0.22.2 · styles for @base-ui/react 1.9.0 */
10791
+ /* @scattered-light/loomiere-base-ui 0.22.3 · styles for @base-ui/react 1.9.0 */
10792
10792
  /* Radio - Mojave Theme
10793
10793
  * Same box as Checkbox, always round. Sizes follow the label the same way, and the
10794
10794
  * dot is a share of the circle (check.dot-scale).
@@ -10940,7 +10940,7 @@ textarea.FieldControl {
10940
10940
  gap: var(--sl-gap-stack-sm);
10941
10941
  }
10942
10942
 
10943
- /* @scattered-light/loomiere-base-ui 0.22.2 · styles for @base-ui/react 1.9.0 */
10943
+ /* @scattered-light/loomiere-base-ui 0.22.3 · styles for @base-ui/react 1.9.0 */
10944
10944
  /* Scroll Area - Mojave Theme
10945
10945
  *
10946
10946
  * The scrollbar is the content scrollbar (content.scrollbar-*): a track that stays clear until
@@ -11022,7 +11022,7 @@ textarea.FieldControl {
11022
11022
  background: transparent;
11023
11023
  }
11024
11024
 
11025
- /* @scattered-light/loomiere-base-ui 0.22.2 · styles for @base-ui/react 1.9.0 */
11025
+ /* @scattered-light/loomiere-base-ui 0.22.3 · styles for @base-ui/react 1.9.0 */
11026
11026
  /* Select - Mojave Theme
11027
11027
  *
11028
11028
  * The trigger is a field (the field pattern, control sizes, the base text style); the
@@ -11078,6 +11078,12 @@ textarea.FieldControl {
11078
11078
 
11079
11079
  .SelectValue {
11080
11080
  flex: 1;
11081
+ /* min-width 0 lets the value shrink inside the flex trigger; a long choice is cut with an ellipsis on one
11082
+ line instead of wrapping and growing the field. The open list shows the full name. */
11083
+ min-width: 0;
11084
+ overflow: hidden;
11085
+ text-overflow: ellipsis;
11086
+ white-space: nowrap;
11081
11087
  text-align: left;
11082
11088
  color: var(--sl-field-color);
11083
11089
  }
@@ -11307,7 +11313,7 @@ textarea.FieldControl {
11307
11313
  stroke-width: var(--sl-stroke-default);
11308
11314
  }
11309
11315
 
11310
- /* @scattered-light/loomiere-base-ui 0.22.2 · styles for @base-ui/react 1.9.0 */
11316
+ /* @scattered-light/loomiere-base-ui 0.22.3 · styles for @base-ui/react 1.9.0 */
11311
11317
  /* Separator - Mojave Theme
11312
11318
  *
11313
11319
  * A hairline in the everyday divider color (border.default), one stroke thick, with a step of
@@ -11335,7 +11341,7 @@ textarea.FieldControl {
11335
11341
  margin-inline: var(--sl-space-4);
11336
11342
  }
11337
11343
 
11338
- /* @scattered-light/loomiere-base-ui 0.22.2 · styles for @base-ui/react 1.9.0 */
11344
+ /* @scattered-light/loomiere-base-ui 0.22.3 · styles for @base-ui/react 1.9.0 */
11339
11345
  /* Slider - Mojave Theme
11340
11346
  *
11341
11347
  * A slider is a gauge you can drag: the track, fill and label row are gauge.* (the same bar as
@@ -11501,7 +11507,7 @@ textarea.FieldControl {
11501
11507
  transform: translate(-50%, 50%);
11502
11508
  }
11503
11509
 
11504
- /* @scattered-light/loomiere-base-ui 0.22.2 · styles for @base-ui/react 1.9.0 */
11510
+ /* @scattered-light/loomiere-base-ui 0.22.3 · styles for @base-ui/react 1.9.0 */
11505
11511
  /* Switch - Mojave Theme
11506
11512
  * Switch keeps its track sizes. The thumb, its travel and the ON/OFF text are
11507
11513
  * worked out from them: the thumb fills the track's height inside the padding,
@@ -11667,7 +11673,7 @@ textarea.FieldControl {
11667
11673
  color: var(--sl-text-disabled);
11668
11674
  }
11669
11675
 
11670
- /* @scattered-light/loomiere-base-ui 0.22.2 · styles for @base-ui/react 1.9.0 */
11676
+ /* @scattered-light/loomiere-base-ui 0.22.3 · styles for @base-ui/react 1.9.0 */
11671
11677
  /* Tabs - Mojave Theme
11672
11678
  *
11673
11679
  * No component tokens. The divider, the selected line and color, hover and the disabled
@@ -11803,7 +11809,7 @@ textarea.FieldControl {
11803
11809
  padding: var(--sl-space-6);
11804
11810
  }
11805
11811
 
11806
- /* @scattered-light/loomiere-base-ui 0.22.2 · styles for @base-ui/react 1.9.0 */
11812
+ /* @scattered-light/loomiere-base-ui 0.22.3 · styles for @base-ui/react 1.9.0 */
11807
11813
  /* Toast - Mojave Theme
11808
11814
  *
11809
11815
  * A toast is a notice (tokens/semantic/notice.json) on the popup surface. A toast whose type
@@ -12039,7 +12045,7 @@ textarea.FieldControl {
12039
12045
  flex-shrink: 0;
12040
12046
  }
12041
12047
 
12042
- /* @scattered-light/loomiere-base-ui 0.22.2 · styles for @base-ui/react 1.9.0 */
12048
+ /* @scattered-light/loomiere-base-ui 0.22.3 · styles for @base-ui/react 1.9.0 */
12043
12049
  /* Toggle - Mojave Theme
12044
12050
  * A toggle is a button that stays pressed: the same heights, padding, gap and
12045
12051
  * trigger text style as a button of the same size. Pressed, it takes its emphasis level's
@@ -12151,7 +12157,7 @@ textarea.FieldControl {
12151
12157
  height: var(--sl-icon-size-maximize);
12152
12158
  }
12153
12159
 
12154
- /* @scattered-light/loomiere-base-ui 0.22.2 · styles for @base-ui/react 1.9.0 */
12160
+ /* @scattered-light/loomiere-base-ui 0.22.3 · styles for @base-ui/react 1.9.0 */
12155
12161
  /* Toggle Group - Mojave Theme
12156
12162
  *
12157
12163
  * No component tokens. The strip is the bar concept (tokens/semantic/bar.json); the
@@ -12213,7 +12219,7 @@ textarea.FieldControl {
12213
12219
  outline-offset: var(--sl-focus-outline-offset-inset);
12214
12220
  }
12215
12221
 
12216
- /* @scattered-light/loomiere-base-ui 0.22.2 · styles for @base-ui/react 1.9.0 */
12222
+ /* @scattered-light/loomiere-base-ui 0.22.3 · styles for @base-ui/react 1.9.0 */
12217
12223
  /* Toolbar - Mojave Theme
12218
12224
  *
12219
12225
  * The strip is the bar concept (tokens/semantic/bar.json). Buttons, toggles, selects
@@ -12275,7 +12281,7 @@ textarea.FieldControl {
12275
12281
  max-width: var(--sl-toolbar-input-max-width);
12276
12282
  }
12277
12283
 
12278
- /* @scattered-light/loomiere-base-ui 0.22.2 · styles for @base-ui/react 1.9.0 */
12284
+ /* @scattered-light/loomiere-base-ui 0.22.3 · styles for @base-ui/react 1.9.0 */
12279
12285
  /* Tooltip - Mojave Theme
12280
12286
  *
12281
12287
  * The inverse surface (surface.inverse, text.on-inverse-surface) with condense text, so a tooltip
@@ -12336,7 +12342,7 @@ textarea.FieldControl {
12336
12342
  }
12337
12343
 
12338
12344
  /* Custom components: not Base UI parts. Built from existing concepts and tokens. */
12339
- /* @scattered-light/loomiere-base-ui 0.22.2 · styles for @base-ui/react 1.9.0 */
12345
+ /* @scattered-light/loomiere-base-ui 0.22.3 · styles for @base-ui/react 1.9.0 */
12340
12346
  /* Badge
12341
12347
  *
12342
12348
  * A status or count label. Not a Base UI part, and not interactive: no hover or focus.
@@ -12441,7 +12447,7 @@ textarea.FieldControl {
12441
12447
  height: var(--sl-badge-dot-base);
12442
12448
  }
12443
12449
 
12444
- /* @scattered-light/loomiere-base-ui 0.22.2 · styles for @base-ui/react 1.9.0 */
12450
+ /* @scattered-light/loomiere-base-ui 0.22.3 · styles for @base-ui/react 1.9.0 */
12445
12451
  /*
12446
12452
  * DatePicker: a field that opens a calendar for one date or a period.
12447
12453
  * Not a Base UI part. The popup is Popover on a wide viewport and Drawer
@@ -13031,7 +13037,7 @@ textarea.FieldControl {
13031
13037
  flex-basis: 100%;
13032
13038
  }
13033
13039
 
13034
- /* @scattered-light/loomiere-base-ui 0.22.2 · styles for @base-ui/react 1.9.0 */
13040
+ /* @scattered-light/loomiere-base-ui 0.22.3 · styles for @base-ui/react 1.9.0 */
13035
13041
  /* Money field
13036
13042
  *
13037
13043
  * An amount of money, built on Number field. The value is an integer in minor units
@@ -13376,7 +13382,7 @@ textarea.FieldControl {
13376
13382
  letter-spacing: var(--sl-font-body-base-letter-spacing);
13377
13383
  }
13378
13384
 
13379
- /* @scattered-light/loomiere-base-ui 0.22.2 · styles for @base-ui/react 1.9.0 */
13385
+ /* @scattered-light/loomiere-base-ui 0.22.3 · styles for @base-ui/react 1.9.0 */
13380
13386
  /* ListDetail
13381
13387
  *
13382
13388
  * The detail of one item, next to its list. Not a Base UI part. It is a Splitter
@@ -13503,7 +13509,7 @@ textarea.FieldControl {
13503
13509
  background: transparent;
13504
13510
  }
13505
13511
 
13506
- /* @scattered-light/loomiere-base-ui 0.22.2 · styles for @base-ui/react 1.9.0 */
13512
+ /* @scattered-light/loomiere-base-ui 0.22.3 · styles for @base-ui/react 1.9.0 */
13507
13513
  /* Splitter
13508
13514
  *
13509
13515
  * Two or more panels and a handle between them. Not a Base UI part. It follows the
@@ -13711,7 +13717,7 @@ textarea.FieldControl {
13711
13717
  background: var(--sl-border-default);
13712
13718
  }
13713
13719
 
13714
- /* @scattered-light/loomiere-base-ui 0.22.2 · styles for @base-ui/react 1.9.0 */
13720
+ /* @scattered-light/loomiere-base-ui 0.22.3 · styles for @base-ui/react 1.9.0 */
13715
13721
  /* EmptyState
13716
13722
  *
13717
13723
  * The block a page, pane, table, list or popup shows when it has nothing to show.
@@ -13967,7 +13973,7 @@ textarea.FieldControl {
13967
13973
  color: inherit;
13968
13974
  }
13969
13975
 
13970
- /* @scattered-light/loomiere-base-ui 0.22.2 · styles for @base-ui/react 1.9.0 */
13976
+ /* @scattered-light/loomiere-base-ui 0.22.3 · styles for @base-ui/react 1.9.0 */
13971
13977
  /* Table - Mojave Theme
13972
13978
  *
13973
13979
  * Base UI has no table, so this styles the native <table class="Table"> elements with the
@@ -14248,7 +14254,7 @@ textarea.FieldControl {
14248
14254
  color: inherit;
14249
14255
  }
14250
14256
 
14251
- /* @scattered-light/loomiere-base-ui 0.22.2 · styles for @base-ui/react 1.9.0 */
14257
+ /* @scattered-light/loomiere-base-ui 0.22.3 · styles for @base-ui/react 1.9.0 */
14252
14258
  /* Collection
14253
14259
  *
14254
14260
  * DataTable, DataList, the toolbar and the pagination, in one place so the two views
@@ -14259,7 +14265,7 @@ textarea.FieldControl {
14259
14265
  * the tabs and the search where they are, so selecting rows does not grow the toolbar.
14260
14266
  */
14261
14267
 
14262
- /* @scattered-light/loomiere-base-ui 0.22.2 · styles for @base-ui/react 1.9.0 */
14268
+ /* @scattered-light/loomiere-base-ui 0.22.3 · styles for @base-ui/react 1.9.0 */
14263
14269
  /* Collection toolbar
14264
14270
  *
14265
14271
  * The wrap follows the toolbar's own width, not the window: a table in a narrow pane wraps
@@ -14471,7 +14477,7 @@ textarea.FieldControl {
14471
14477
  margin-inline-start: auto;
14472
14478
  }
14473
14479
 
14474
- /* @scattered-light/loomiere-base-ui 0.22.2 · styles for @base-ui/react 1.9.0 */
14480
+ /* @scattered-light/loomiere-base-ui 0.22.3 · styles for @base-ui/react 1.9.0 */
14475
14481
  /* DataTable additions on top of .Table.
14476
14482
  *
14477
14483
  * Sort buttons fill the header cell and inherit its hover, so old aria-sort markup keeps
@@ -14670,7 +14676,7 @@ textarea.FieldControl {
14670
14676
  }
14671
14677
  }
14672
14678
 
14673
- /* @scattered-light/loomiere-base-ui 0.22.2 · styles for @base-ui/react 1.9.0 */
14679
+ /* @scattered-light/loomiere-base-ui 0.22.3 · styles for @base-ui/react 1.9.0 */
14674
14680
  /* DataList
14675
14681
  *
14676
14682
  * The same rows as the table, in one container with the table's borders, hover, selected
@@ -14812,7 +14818,7 @@ textarea.FieldControl {
14812
14818
  transition: opacity var(--sl-duration-fast) var(--sl-easing-default);
14813
14819
  }
14814
14820
 
14815
- /* @scattered-light/loomiere-base-ui 0.22.2 · styles for @base-ui/react 1.9.0 */
14821
+ /* @scattered-light/loomiere-base-ui 0.22.3 · styles for @base-ui/react 1.9.0 */
14816
14822
  /* Collection cards
14817
14823
  *
14818
14824
  * The page of a collection as a grid. Columns fill the width, none narrower than
@@ -14837,7 +14843,7 @@ textarea.FieldControl {
14837
14843
  flex: 1 1 auto;
14838
14844
  }
14839
14845
 
14840
- /* @scattered-light/loomiere-base-ui 0.22.2 · styles for @base-ui/react 1.9.0 */
14846
+ /* @scattered-light/loomiere-base-ui 0.22.3 · styles for @base-ui/react 1.9.0 */
14841
14847
  /* Pagination
14842
14848
  *
14843
14849
  * Not tied to a collection. Anything with a page, a page count and a total can use it.
@@ -14862,7 +14868,7 @@ textarea.FieldControl {
14862
14868
  margin: 0;
14863
14869
  }
14864
14870
 
14865
- /* @scattered-light/loomiere-base-ui 0.22.2 · styles for @base-ui/react 1.9.0 */
14871
+ /* @scattered-light/loomiere-base-ui 0.22.3 · styles for @base-ui/react 1.9.0 */
14866
14872
  /* EditableList
14867
14873
  *
14868
14874
  * One table at every width, so a field is not submitted twice. Under the stack width each
@@ -14961,7 +14967,7 @@ textarea.FieldControl {
14961
14967
  }
14962
14968
  }
14963
14969
 
14964
- /* @scattered-light/loomiere-base-ui 0.22.2 · styles for @base-ui/react 1.9.0 */
14970
+ /* @scattered-light/loomiere-base-ui 0.22.3 · styles for @base-ui/react 1.9.0 */
14965
14971
  /* Sheet
14966
14972
  *
14967
14973
  * A working-paper surface: the raised surface with a heavier rule across its top
@@ -15079,7 +15085,7 @@ textarea.FieldControl {
15079
15085
  border-top: 0;
15080
15086
  }
15081
15087
 
15082
- /* @scattered-light/loomiere-base-ui 0.22.2 · styles for @base-ui/react 1.9.0 */
15088
+ /* @scattered-light/loomiere-base-ui 0.22.3 · styles for @base-ui/react 1.9.0 */
15083
15089
  /* StatFigure
15084
15090
  *
15085
15091
  * One large figure with a caps label above and a caption under it. The label is
@@ -15140,7 +15146,7 @@ textarea.FieldControl {
15140
15146
  color: var(--sl-stat-figure-caption-color);
15141
15147
  }
15142
15148
 
15143
- /* @scattered-light/loomiere-base-ui 0.22.2 · styles for @base-ui/react 1.9.0 */
15149
+ /* @scattered-light/loomiere-base-ui 0.22.3 · styles for @base-ui/react 1.9.0 */
15144
15150
  /* StatCard
15145
15151
  *
15146
15152
  * A card for one thing a page lists: a name (the heading), a caption, and a row of StatFigures
@@ -15302,7 +15308,7 @@ textarea.FieldControl {
15302
15308
  white-space: nowrap;
15303
15309
  }
15304
15310
 
15305
- /* @scattered-light/loomiere-base-ui 0.22.2 · styles for @base-ui/react 1.9.0 */
15311
+ /* @scattered-light/loomiere-base-ui 0.22.3 · styles for @base-ui/react 1.9.0 */
15306
15312
  /* DescriptionList
15307
15313
  *
15308
15314
  * Label and value pairs in a native dl, one DescriptionItem (a div holding a dt and a dd)
@@ -15380,7 +15386,7 @@ textarea.FieldControl {
15380
15386
  text-align: end;
15381
15387
  }
15382
15388
 
15383
- /* @scattered-light/loomiere-base-ui 0.22.2 · styles for @base-ui/react 1.9.0 */
15389
+ /* @scattered-light/loomiere-base-ui 0.22.3 · styles for @base-ui/react 1.9.0 */
15384
15390
  /* AppBar
15385
15391
  *
15386
15392
  * The bar across the top of an app window, one row on a line in the rule color. The line is
@@ -15414,7 +15420,7 @@ textarea.FieldControl {
15414
15420
  background: var(--sl-app-bar-divider-color);
15415
15421
  }
15416
15422
 
15417
- /* @scattered-light/loomiere-base-ui 0.22.2 · styles for @base-ui/react 1.9.0 */
15423
+ /* @scattered-light/loomiere-base-ui 0.22.3 · styles for @base-ui/react 1.9.0 */
15418
15424
  /* PickerButton
15419
15425
  *
15420
15426
  * A trigger with a caps label before the current choice: CLIENT Alpha Services. The field
@@ -15514,7 +15520,7 @@ textarea.FieldControl {
15514
15520
  transform: rotate(180deg);
15515
15521
  }
15516
15522
 
15517
- /* @scattered-light/loomiere-base-ui 0.22.2 · styles for @base-ui/react 1.9.0 */
15523
+ /* @scattered-light/loomiere-base-ui 0.22.3 · styles for @base-ui/react 1.9.0 */
15518
15524
  /* MultiSelect
15519
15525
  *
15520
15526
  * A PickerButton trigger that opens a popover of checkbox rows (label, count at the end) and a
@@ -15568,7 +15574,7 @@ textarea.FieldControl {
15568
15574
  border-top: 1px solid var(--sl-popup-separator-color);
15569
15575
  }
15570
15576
 
15571
- /* @scattered-light/loomiere-base-ui 0.22.2 · styles for @base-ui/react 1.9.0 */
15577
+ /* @scattered-light/loomiere-base-ui 0.22.3 · styles for @base-ui/react 1.9.0 */
15572
15578
  /* PickerSplit
15573
15579
  *
15574
15580
  * A PickerButton whose choice is itself a control: the main part (CLIENT Alpha Services) acts,
@@ -15666,7 +15672,7 @@ textarea.FieldControl {
15666
15672
  transform: rotate(180deg);
15667
15673
  }
15668
15674
 
15669
- /* @scattered-light/loomiere-base-ui 0.22.2 · styles for @base-ui/react 1.9.0 */
15675
+ /* @scattered-light/loomiere-base-ui 0.22.3 · styles for @base-ui/react 1.9.0 */
15670
15676
  /* SplitButton
15671
15677
  *
15672
15678
  * A Button and a square Menu trigger side by side, joined into one outline: the inner corners
@@ -15690,7 +15696,7 @@ textarea.FieldControl {
15690
15696
  margin-inline-start: -1px;
15691
15697
  }
15692
15698
 
15693
- /* @scattered-light/loomiere-base-ui 0.22.2 · styles for @base-ui/react 1.9.0 */
15699
+ /* @scattered-light/loomiere-base-ui 0.22.3 · styles for @base-ui/react 1.9.0 */
15694
15700
  /* SideNav
15695
15701
  *
15696
15702
  * The column of links down the side of a workspace. Rows are ruled apart with a hairline; the