@scattered-light/loomiere-mojave 0.24.0 → 0.24.1

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.24.0 · styles for @base-ui/react 1.9.0 */
6736
+ /* @scattered-light/loomiere-base-ui 0.24.1 · 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.24.0 · styles for @base-ui/react 1.9.0 */
6746
+ /* @scattered-light/loomiere-base-ui 0.24.1 · 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.24.0 · styles for @base-ui/react 1.9.0 */
7190
+ /* @scattered-light/loomiere-base-ui 0.24.1 · 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.24.0 · styles for @base-ui/react 1.9.0 */
7303
+ /* @scattered-light/loomiere-base-ui 0.24.1 · 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.24.0 · styles for @base-ui/react 1.9.0 */
7371
+ /* @scattered-light/loomiere-base-ui 0.24.1 · 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.24.0 · styles for @base-ui/react 1.9.0 */
7492
+ /* @scattered-light/loomiere-base-ui 0.24.1 · 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.24.0 · styles for @base-ui/react 1.9.0 */
7501
+ /* @scattered-light/loomiere-base-ui 0.24.1 · 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.24.0 · styles for @base-ui/react 1.9.0 */
7703
+ /* @scattered-light/loomiere-base-ui 0.24.1 · 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.24.0 · styles for @base-ui/react 1.9.0 */
7811
+ /* @scattered-light/loomiere-base-ui 0.24.1 · 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
@@ -7979,7 +7979,7 @@ button,
7979
7979
  font-size: var(--sl-icon-size-maximize);
7980
7980
  }
7981
7981
 
7982
- /* @scattered-light/loomiere-base-ui 0.24.0 · styles for @base-ui/react 1.9.0 */
7982
+ /* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
7983
7983
  /* Checkbox - Mojave Theme
7984
7984
  * Sizes follow the label: the box is the icon size one tier above the label's text
7985
7985
  * tier (like a button's icon) and the check mark one tier below it.
@@ -8136,7 +8136,7 @@ button,
8136
8136
  border-radius: var(--sl-radius-pill);
8137
8137
  }
8138
8138
 
8139
- /* @scattered-light/loomiere-base-ui 0.24.0 · styles for @base-ui/react 1.9.0 */
8139
+ /* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
8140
8140
  /* Checkbox Group - Mojave Theme */
8141
8141
 
8142
8142
  /* Each checkbox row is already a full tap target tall, so the rows sit close. */
@@ -8152,7 +8152,7 @@ button,
8152
8152
  pointer-events: none;
8153
8153
  }
8154
8154
 
8155
- /* @scattered-light/loomiere-base-ui 0.24.0 · styles for @base-ui/react 1.9.0 */
8155
+ /* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
8156
8156
  /* Collapsible - Mojave Theme
8157
8157
  *
8158
8158
  * No component tokens. Hover, press, chevron and motion are the disclosure concept
@@ -8268,7 +8268,7 @@ button,
8268
8268
  background: var(--sl-surface-raised);
8269
8269
  }
8270
8270
 
8271
- /* @scattered-light/loomiere-base-ui 0.24.0 · styles for @base-ui/react 1.9.0 */
8271
+ /* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
8272
8272
  /* Combobox - Mojave Theme
8273
8273
  *
8274
8274
  * No component tokens. The input is Input (Input.css); the chips box is a field; the
@@ -8753,7 +8753,7 @@ button,
8753
8753
  color: var(--sl-text-tertiary);
8754
8754
  }
8755
8755
 
8756
- /* @scattered-light/loomiere-base-ui 0.24.0 · styles for @base-ui/react 1.9.0 */
8756
+ /* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
8757
8757
  /* Context Menu - Mojave Theme
8758
8758
  *
8759
8759
  * 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
@@ -8922,7 +8922,7 @@ button,
8922
8922
  stroke-width: var(--sl-stroke-default);
8923
8923
  }
8924
8924
 
8925
- /* @scattered-light/loomiere-base-ui 0.24.0 · styles for @base-ui/react 1.9.0 */
8925
+ /* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
8926
8926
  /* Dialog and Alert dialog - Mojave Theme
8927
8927
  *
8928
8928
  * Both are centered modals built from the modal concept (tokens/semantic/modal.json):
@@ -9068,7 +9068,7 @@ button,
9068
9068
  margin-top: var(--sl-modal-actions-spacing);
9069
9069
  }
9070
9070
 
9071
- /* @scattered-light/loomiere-base-ui 0.24.0 · styles for @base-ui/react 1.9.0 */
9071
+ /* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
9072
9072
  /* Drawer - a panel that slides in from an edge and can be swiped away.
9073
9073
  The surface, scrim, heading and motion are the modal concept's (--sl-modal-*), so a
9074
9074
  drawer reads as a dialog's sibling; only its size and grab bar are its own
@@ -9201,7 +9201,7 @@ button,
9201
9201
  color: var(--sl-modal-description-color);
9202
9202
  }
9203
9203
 
9204
- /* @scattered-light/loomiere-base-ui 0.24.0 · styles for @base-ui/react 1.9.0 */
9204
+ /* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
9205
9205
  /* Field - Mojave Theme
9206
9206
  *
9207
9207
  * Label, control, description and error. No component tokens: spacing is the field
@@ -9262,7 +9262,7 @@ textarea.FieldControl {
9262
9262
  height: auto;
9263
9263
  }
9264
9264
 
9265
- /* @scattered-light/loomiere-base-ui 0.24.0 · styles for @base-ui/react 1.9.0 */
9265
+ /* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
9266
9266
  /* Fieldset - Mojave Theme
9267
9267
  *
9268
9268
  * No component tokens: a titled group of fields, spaced by the stack gaps, with
@@ -9304,7 +9304,7 @@ textarea.FieldControl {
9304
9304
  color: var(--sl-text-secondary);
9305
9305
  }
9306
9306
 
9307
- /* @scattered-light/loomiere-base-ui 0.24.0 · styles for @base-ui/react 1.9.0 */
9307
+ /* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
9308
9308
  /* Form - Mojave Theme
9309
9309
  *
9310
9310
  * No component tokens: fields stack with the large block space, and the action
@@ -9324,7 +9324,7 @@ textarea.FieldControl {
9324
9324
  margin-top: var(--sl-space-block-md);
9325
9325
  }
9326
9326
 
9327
- /* @scattered-light/loomiere-base-ui 0.24.0 · styles for @base-ui/react 1.9.0 */
9327
+ /* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
9328
9328
  /* Input - Mojave Theme
9329
9329
  *
9330
9330
  * No component tokens: the look is the field concept (tokens/semantic/field.json),
@@ -9471,7 +9471,7 @@ textarea.FieldControl {
9471
9471
  padding-inline: var(--sl-control-padding-inline-lg);
9472
9472
  }
9473
9473
 
9474
- /* @scattered-light/loomiere-base-ui 0.24.0 · styles for @base-ui/react 1.9.0 */
9474
+ /* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
9475
9475
  /* Menu - Mojave Theme
9476
9476
  *
9477
9477
  * No component tokens. The trigger is a Button. The popup is the popup concept, rows are item rows at the
@@ -9620,7 +9620,7 @@ textarea.FieldControl {
9620
9620
  color: var(--sl-text-tertiary);
9621
9621
  }
9622
9622
 
9623
- /* @scattered-light/loomiere-base-ui 0.24.0 · styles for @base-ui/react 1.9.0 */
9623
+ /* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
9624
9624
  /* Menubar - Mojave Theme
9625
9625
  *
9626
9626
  * No component tokens. A row of quiet triggers, each opening a menu. The popup is the popup concept, rows are item rows at the
@@ -9813,7 +9813,7 @@ textarea.FieldControl {
9813
9813
  color: var(--sl-text-tertiary);
9814
9814
  }
9815
9815
 
9816
- /* @scattered-light/loomiere-base-ui 0.24.0 · styles for @base-ui/react 1.9.0 */
9816
+ /* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
9817
9817
  /* Meter - Mojave Theme
9818
9818
  *
9819
9819
  * A gauge (tokens/semantic/gauge.json). The fill is the solid color of the scope around it:
@@ -9876,7 +9876,7 @@ textarea.FieldControl {
9876
9876
  height: var(--sl-gauge-height-lg);
9877
9877
  }
9878
9878
 
9879
- /* @scattered-light/loomiere-base-ui 0.24.0 · styles for @base-ui/react 1.9.0 */
9879
+ /* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
9880
9880
  /* Navigation Menu - Mojave Theme
9881
9881
  *
9882
9882
  * The strip is the bar concept, the panel is the popup concept and each link is an item
@@ -10296,7 +10296,7 @@ textarea.FieldControl {
10296
10296
  width: 100%;
10297
10297
  }
10298
10298
 
10299
- /* @scattered-light/loomiere-base-ui 0.24.0 · styles for @base-ui/react 1.9.0 */
10299
+ /* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
10300
10300
  /* Number Field - Mojave Theme
10301
10301
  *
10302
10302
  * No component tokens. The input is Input (Input.css) and the label, description and
@@ -10387,7 +10387,7 @@ textarea.FieldControl {
10387
10387
  user-select: none;
10388
10388
  }
10389
10389
 
10390
- /* @scattered-light/loomiere-base-ui 0.24.0 · styles for @base-ui/react 1.9.0 */
10390
+ /* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
10391
10391
  /* OTP Field - Mojave Theme
10392
10392
  *
10393
10393
  * One-time code entry: a row of single-character inputs. Each slot is the same control as Input
@@ -10450,7 +10450,7 @@ textarea.FieldControl {
10450
10450
  letter-spacing: var(--sl-font-body-magnify-letter-spacing);
10451
10451
  }
10452
10452
 
10453
- /* @scattered-light/loomiere-base-ui 0.24.0 · styles for @base-ui/react 1.9.0 */
10453
+ /* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
10454
10454
  /* Popover - Mojave Theme */
10455
10455
 
10456
10456
  /* ============================================
@@ -10615,7 +10615,7 @@ textarea.FieldControl {
10615
10615
  fill: var(--sl-popup-arrow-stroke);
10616
10616
  }
10617
10617
 
10618
- /* @scattered-light/loomiere-base-ui 0.24.0 · styles for @base-ui/react 1.9.0 */
10618
+ /* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
10619
10619
  /* Preview Card - Mojave Theme
10620
10620
  *
10621
10621
  * The popup concept (surface, arrow, motion) with a title-magnify title and condense
@@ -10732,7 +10732,7 @@ textarea.FieldControl {
10732
10732
  fill: var(--sl-popup-arrow-stroke);
10733
10733
  }
10734
10734
 
10735
- /* @scattered-light/loomiere-base-ui 0.24.0 · styles for @base-ui/react 1.9.0 */
10735
+ /* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
10736
10736
  /* Progress - Mojave Theme
10737
10737
  *
10738
10738
  * A gauge (tokens/semantic/gauge.json), the same bar as Meter. The fill is the solid color of
@@ -10809,7 +10809,7 @@ textarea.FieldControl {
10809
10809
  height: var(--sl-gauge-height-lg);
10810
10810
  }
10811
10811
 
10812
- /* @scattered-light/loomiere-base-ui 0.24.0 · styles for @base-ui/react 1.9.0 */
10812
+ /* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
10813
10813
  /* Radio - Mojave Theme
10814
10814
  * Same box as Checkbox, always round. Sizes follow the label the same way, and the
10815
10815
  * dot is a share of the circle (check.dot-scale).
@@ -10961,7 +10961,7 @@ textarea.FieldControl {
10961
10961
  gap: var(--sl-gap-stack-sm);
10962
10962
  }
10963
10963
 
10964
- /* @scattered-light/loomiere-base-ui 0.24.0 · styles for @base-ui/react 1.9.0 */
10964
+ /* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
10965
10965
  /* Scroll Area - Mojave Theme
10966
10966
  *
10967
10967
  * The scrollbar is the content scrollbar (content.scrollbar-*): a track that stays clear until
@@ -11043,7 +11043,7 @@ textarea.FieldControl {
11043
11043
  background: transparent;
11044
11044
  }
11045
11045
 
11046
- /* @scattered-light/loomiere-base-ui 0.24.0 · styles for @base-ui/react 1.9.0 */
11046
+ /* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
11047
11047
  /* Select - Mojave Theme
11048
11048
  *
11049
11049
  * The trigger is a field (the field pattern, control sizes, the base text style); the
@@ -11334,7 +11334,7 @@ textarea.FieldControl {
11334
11334
  stroke-width: var(--sl-stroke-default);
11335
11335
  }
11336
11336
 
11337
- /* @scattered-light/loomiere-base-ui 0.24.0 · styles for @base-ui/react 1.9.0 */
11337
+ /* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
11338
11338
  /* Separator - Mojave Theme
11339
11339
  *
11340
11340
  * A hairline in the everyday divider color (border.default), one stroke thick, with a step of
@@ -11362,7 +11362,7 @@ textarea.FieldControl {
11362
11362
  margin-inline: var(--sl-space-4);
11363
11363
  }
11364
11364
 
11365
- /* @scattered-light/loomiere-base-ui 0.24.0 · styles for @base-ui/react 1.9.0 */
11365
+ /* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
11366
11366
  /* Slider - Mojave Theme
11367
11367
  *
11368
11368
  * A slider is a gauge you can drag: the track, fill and label row are gauge.* (the same bar as
@@ -11528,7 +11528,7 @@ textarea.FieldControl {
11528
11528
  transform: translate(-50%, 50%);
11529
11529
  }
11530
11530
 
11531
- /* @scattered-light/loomiere-base-ui 0.24.0 · styles for @base-ui/react 1.9.0 */
11531
+ /* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
11532
11532
  /* Switch - Mojave Theme
11533
11533
  * Switch keeps its track sizes. The thumb, its travel and the ON/OFF text are
11534
11534
  * worked out from them: the thumb fills the track's height inside the padding,
@@ -11694,7 +11694,7 @@ textarea.FieldControl {
11694
11694
  color: var(--sl-text-disabled);
11695
11695
  }
11696
11696
 
11697
- /* @scattered-light/loomiere-base-ui 0.24.0 · styles for @base-ui/react 1.9.0 */
11697
+ /* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
11698
11698
  /* Tabs - Mojave Theme
11699
11699
  *
11700
11700
  * No component tokens. The divider, the selected line and color, hover and the disabled
@@ -11830,7 +11830,7 @@ textarea.FieldControl {
11830
11830
  padding: var(--sl-space-6);
11831
11831
  }
11832
11832
 
11833
- /* @scattered-light/loomiere-base-ui 0.24.0 · styles for @base-ui/react 1.9.0 */
11833
+ /* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
11834
11834
  /* Toast - Mojave Theme
11835
11835
  *
11836
11836
  * A toast is a notice (tokens/semantic/notice.json) on the popup surface. A toast whose type
@@ -12066,7 +12066,7 @@ textarea.FieldControl {
12066
12066
  flex-shrink: 0;
12067
12067
  }
12068
12068
 
12069
- /* @scattered-light/loomiere-base-ui 0.24.0 · styles for @base-ui/react 1.9.0 */
12069
+ /* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
12070
12070
  /* Toggle - Mojave Theme
12071
12071
  * A toggle is a button that stays pressed: the same heights, padding, gap and
12072
12072
  * trigger text style as a button of the same size. Pressed, it takes its emphasis level's
@@ -12178,7 +12178,7 @@ textarea.FieldControl {
12178
12178
  height: var(--sl-icon-size-maximize);
12179
12179
  }
12180
12180
 
12181
- /* @scattered-light/loomiere-base-ui 0.24.0 · styles for @base-ui/react 1.9.0 */
12181
+ /* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
12182
12182
  /* Toggle Group - Mojave Theme
12183
12183
  *
12184
12184
  * No component tokens. The strip is the bar concept (tokens/semantic/bar.json); the
@@ -12240,7 +12240,7 @@ textarea.FieldControl {
12240
12240
  outline-offset: var(--sl-focus-outline-offset-inset);
12241
12241
  }
12242
12242
 
12243
- /* @scattered-light/loomiere-base-ui 0.24.0 · styles for @base-ui/react 1.9.0 */
12243
+ /* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
12244
12244
  /* Toolbar - Mojave Theme
12245
12245
  *
12246
12246
  * The strip is the bar concept (tokens/semantic/bar.json). Buttons, toggles, selects
@@ -12302,7 +12302,7 @@ textarea.FieldControl {
12302
12302
  max-width: var(--sl-toolbar-input-max-width);
12303
12303
  }
12304
12304
 
12305
- /* @scattered-light/loomiere-base-ui 0.24.0 · styles for @base-ui/react 1.9.0 */
12305
+ /* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
12306
12306
  /* Tooltip - Mojave Theme
12307
12307
  *
12308
12308
  * The inverse surface (surface.inverse, text.on-inverse-surface) with condense text, so a tooltip
@@ -12363,7 +12363,7 @@ textarea.FieldControl {
12363
12363
  }
12364
12364
 
12365
12365
  /* Custom components: not Base UI parts. Built from existing concepts and tokens. */
12366
- /* @scattered-light/loomiere-base-ui 0.24.0 · styles for @base-ui/react 1.9.0 */
12366
+ /* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
12367
12367
  /* Badge
12368
12368
  *
12369
12369
  * A status or count label. Not a Base UI part, and not interactive: no hover or focus.
@@ -12468,7 +12468,7 @@ textarea.FieldControl {
12468
12468
  height: var(--sl-badge-dot-base);
12469
12469
  }
12470
12470
 
12471
- /* @scattered-light/loomiere-base-ui 0.24.0 · styles for @base-ui/react 1.9.0 */
12471
+ /* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
12472
12472
  /*
12473
12473
  * DatePicker: a field that opens a calendar for one date or a period.
12474
12474
  * Not a Base UI part. The popup is Popover on a wide viewport and Drawer
@@ -13058,7 +13058,7 @@ textarea.FieldControl {
13058
13058
  flex-basis: 100%;
13059
13059
  }
13060
13060
 
13061
- /* @scattered-light/loomiere-base-ui 0.24.0 · styles for @base-ui/react 1.9.0 */
13061
+ /* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
13062
13062
  /* Money field
13063
13063
  *
13064
13064
  * An amount of money, built on Number field. The value is an integer in minor units
@@ -13403,7 +13403,7 @@ textarea.FieldControl {
13403
13403
  letter-spacing: var(--sl-font-body-base-letter-spacing);
13404
13404
  }
13405
13405
 
13406
- /* @scattered-light/loomiere-base-ui 0.24.0 · styles for @base-ui/react 1.9.0 */
13406
+ /* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
13407
13407
  /* ListDetail
13408
13408
  *
13409
13409
  * The detail of one item, next to its list. Not a Base UI part. It is a Splitter
@@ -13530,7 +13530,7 @@ textarea.FieldControl {
13530
13530
  background: transparent;
13531
13531
  }
13532
13532
 
13533
- /* @scattered-light/loomiere-base-ui 0.24.0 · styles for @base-ui/react 1.9.0 */
13533
+ /* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
13534
13534
  /* Splitter
13535
13535
  *
13536
13536
  * Two or more panels and a handle between them. Not a Base UI part. It follows the
@@ -13738,7 +13738,7 @@ textarea.FieldControl {
13738
13738
  background: var(--sl-border-default);
13739
13739
  }
13740
13740
 
13741
- /* @scattered-light/loomiere-base-ui 0.24.0 · styles for @base-ui/react 1.9.0 */
13741
+ /* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
13742
13742
  /* EmptyState
13743
13743
  *
13744
13744
  * The block a page, pane, table, list or popup shows when it has nothing to show.
@@ -13994,7 +13994,7 @@ textarea.FieldControl {
13994
13994
  color: inherit;
13995
13995
  }
13996
13996
 
13997
- /* @scattered-light/loomiere-base-ui 0.24.0 · styles for @base-ui/react 1.9.0 */
13997
+ /* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
13998
13998
  /* Table - Mojave Theme
13999
13999
  *
14000
14000
  * Base UI has no table, so this styles the native <table class="Table"> elements with the
@@ -14275,7 +14275,7 @@ textarea.FieldControl {
14275
14275
  color: inherit;
14276
14276
  }
14277
14277
 
14278
- /* @scattered-light/loomiere-base-ui 0.24.0 · styles for @base-ui/react 1.9.0 */
14278
+ /* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
14279
14279
  /* Collection
14280
14280
  *
14281
14281
  * DataTable, DataList, the toolbar and the pagination, in one place so the two views
@@ -14286,7 +14286,7 @@ textarea.FieldControl {
14286
14286
  * the tabs and the search where they are, so selecting rows does not grow the toolbar.
14287
14287
  */
14288
14288
 
14289
- /* @scattered-light/loomiere-base-ui 0.24.0 · styles for @base-ui/react 1.9.0 */
14289
+ /* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
14290
14290
  /* Collection toolbar
14291
14291
  *
14292
14292
  * The wrap follows the toolbar's own width, not the window: a table in a narrow pane wraps
@@ -14498,7 +14498,7 @@ textarea.FieldControl {
14498
14498
  margin-inline-start: auto;
14499
14499
  }
14500
14500
 
14501
- /* @scattered-light/loomiere-base-ui 0.24.0 · styles for @base-ui/react 1.9.0 */
14501
+ /* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
14502
14502
  /* DataTable additions on top of .Table.
14503
14503
  *
14504
14504
  * Sort buttons fill the header cell and inherit its hover, so old aria-sort markup keeps
@@ -14534,6 +14534,10 @@ textarea.FieldControl {
14534
14534
  background: transparent;
14535
14535
  color: inherit;
14536
14536
  font: inherit;
14537
+ /* A button's own text-transform and letter-spacing reset the header's, so a caps header
14538
+ * (headerStyle="caps") showed sortable columns in mixed case. Inherit them like the font. */
14539
+ text-transform: inherit;
14540
+ letter-spacing: inherit;
14537
14541
  text-align: inherit;
14538
14542
  cursor: pointer;
14539
14543
  }
@@ -14698,7 +14702,7 @@ textarea.FieldControl {
14698
14702
  }
14699
14703
  }
14700
14704
 
14701
- /* @scattered-light/loomiere-base-ui 0.24.0 · styles for @base-ui/react 1.9.0 */
14705
+ /* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
14702
14706
  /* DataList
14703
14707
  *
14704
14708
  * The same rows as the table, in one container with the table's borders, hover, selected
@@ -14840,7 +14844,7 @@ textarea.FieldControl {
14840
14844
  transition: opacity var(--sl-duration-fast) var(--sl-easing-default);
14841
14845
  }
14842
14846
 
14843
- /* @scattered-light/loomiere-base-ui 0.24.0 · styles for @base-ui/react 1.9.0 */
14847
+ /* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
14844
14848
  /* Collection cards
14845
14849
  *
14846
14850
  * The page of a collection as a grid. Columns fill the width, none narrower than
@@ -14865,7 +14869,7 @@ textarea.FieldControl {
14865
14869
  flex: 1 1 auto;
14866
14870
  }
14867
14871
 
14868
- /* @scattered-light/loomiere-base-ui 0.24.0 · styles for @base-ui/react 1.9.0 */
14872
+ /* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
14869
14873
  /* Pagination
14870
14874
  *
14871
14875
  * Not tied to a collection. Anything with a page, a page count and a total can use it.
@@ -14890,7 +14894,7 @@ textarea.FieldControl {
14890
14894
  margin: 0;
14891
14895
  }
14892
14896
 
14893
- /* @scattered-light/loomiere-base-ui 0.24.0 · styles for @base-ui/react 1.9.0 */
14897
+ /* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
14894
14898
  /* EditableList
14895
14899
  *
14896
14900
  * One table at every width, so a field is not submitted twice. Under the stack width each
@@ -14989,7 +14993,7 @@ textarea.FieldControl {
14989
14993
  }
14990
14994
  }
14991
14995
 
14992
- /* @scattered-light/loomiere-base-ui 0.24.0 · styles for @base-ui/react 1.9.0 */
14996
+ /* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
14993
14997
  /* Sheet
14994
14998
  *
14995
14999
  * A working-paper surface: the raised surface with a heavier rule across its top
@@ -15107,7 +15111,7 @@ textarea.FieldControl {
15107
15111
  border-top: 0;
15108
15112
  }
15109
15113
 
15110
- /* @scattered-light/loomiere-base-ui 0.24.0 · styles for @base-ui/react 1.9.0 */
15114
+ /* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
15111
15115
  /* StatFigure
15112
15116
  *
15113
15117
  * One large figure with a caps label above and a caption under it. The label is
@@ -15168,7 +15172,7 @@ textarea.FieldControl {
15168
15172
  color: var(--sl-stat-figure-caption-color);
15169
15173
  }
15170
15174
 
15171
- /* @scattered-light/loomiere-base-ui 0.24.0 · styles for @base-ui/react 1.9.0 */
15175
+ /* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
15172
15176
  /* StatCard
15173
15177
  *
15174
15178
  * A card for one thing a page lists: a name (the heading), a caption, and a row of StatFigures
@@ -15330,7 +15334,7 @@ textarea.FieldControl {
15330
15334
  white-space: nowrap;
15331
15335
  }
15332
15336
 
15333
- /* @scattered-light/loomiere-base-ui 0.24.0 · styles for @base-ui/react 1.9.0 */
15337
+ /* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
15334
15338
  /* DescriptionList
15335
15339
  *
15336
15340
  * Label and value pairs in a native dl, one DescriptionItem (a div holding a dt and a dd)
@@ -15408,7 +15412,7 @@ textarea.FieldControl {
15408
15412
  text-align: end;
15409
15413
  }
15410
15414
 
15411
- /* @scattered-light/loomiere-base-ui 0.24.0 · styles for @base-ui/react 1.9.0 */
15415
+ /* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
15412
15416
  /* FormGrid
15413
15417
  *
15414
15418
  * Fields on a grid. Columns are as wide as the space allows up to --form-grid-columns
@@ -15445,7 +15449,7 @@ textarea.FieldControl {
15445
15449
  align-self: end;
15446
15450
  }
15447
15451
 
15448
- /* @scattered-light/loomiere-base-ui 0.24.0 · styles for @base-ui/react 1.9.0 */
15452
+ /* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
15449
15453
  /* Notice
15450
15454
  *
15451
15455
  * A message in the page: a thick leading edge and a tinted ground. data-status picks the
@@ -15501,7 +15505,7 @@ textarea.FieldControl {
15501
15505
  --notice-ground: var(--sl-surface-tray);
15502
15506
  }
15503
15507
 
15504
- /* @scattered-light/loomiere-base-ui 0.24.0 · styles for @base-ui/react 1.9.0 */
15508
+ /* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
15505
15509
  /* Spinner
15506
15510
  *
15507
15511
  * A ring that turns: the track in the subtle border, the moving arc in the accent border.
@@ -15537,7 +15541,7 @@ textarea.FieldControl {
15537
15541
  }
15538
15542
  }
15539
15543
 
15540
- /* @scattered-light/loomiere-base-ui 0.24.0 · styles for @base-ui/react 1.9.0 */
15544
+ /* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
15541
15545
  /* AppBar
15542
15546
  *
15543
15547
  * The bar across the top of an app window, one row on a line in the rule color. The line is
@@ -15571,7 +15575,7 @@ textarea.FieldControl {
15571
15575
  background: var(--sl-app-bar-divider-color);
15572
15576
  }
15573
15577
 
15574
- /* @scattered-light/loomiere-base-ui 0.24.0 · styles for @base-ui/react 1.9.0 */
15578
+ /* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
15575
15579
  /* PickerButton
15576
15580
  *
15577
15581
  * A trigger with a caps label before the current choice: CLIENT Alpha Services. The field
@@ -15671,7 +15675,7 @@ textarea.FieldControl {
15671
15675
  transform: rotate(180deg);
15672
15676
  }
15673
15677
 
15674
- /* @scattered-light/loomiere-base-ui 0.24.0 · styles for @base-ui/react 1.9.0 */
15678
+ /* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
15675
15679
  /* MultiSelect
15676
15680
  *
15677
15681
  * A PickerButton trigger that opens a popover of checkbox rows (label, count at the end) and a
@@ -15725,7 +15729,7 @@ textarea.FieldControl {
15725
15729
  border-top: 1px solid var(--sl-popup-separator-color);
15726
15730
  }
15727
15731
 
15728
- /* @scattered-light/loomiere-base-ui 0.24.0 · styles for @base-ui/react 1.9.0 */
15732
+ /* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
15729
15733
  /* PickerSplit
15730
15734
  *
15731
15735
  * A PickerButton whose choice is itself a control: the main part (CLIENT Alpha Services) acts,
@@ -15823,7 +15827,7 @@ textarea.FieldControl {
15823
15827
  transform: rotate(180deg);
15824
15828
  }
15825
15829
 
15826
- /* @scattered-light/loomiere-base-ui 0.24.0 · styles for @base-ui/react 1.9.0 */
15830
+ /* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
15827
15831
  /* SplitButton
15828
15832
  *
15829
15833
  * A Button and a square Menu trigger side by side, joined into one outline: the inner corners
@@ -15847,7 +15851,7 @@ textarea.FieldControl {
15847
15851
  margin-inline-start: -1px;
15848
15852
  }
15849
15853
 
15850
- /* @scattered-light/loomiere-base-ui 0.24.0 · styles for @base-ui/react 1.9.0 */
15854
+ /* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
15851
15855
  /* SideNav
15852
15856
  *
15853
15857
  * The column of links down the side of a workspace. Rows are ruled apart with a hairline; the