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

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.
Files changed (66) hide show
  1. package/dist/design-system/components/bundle.js +1 -1
  2. package/dist/design-system/components/styles.css +63 -62
  3. package/dist/styles/components/Accordion.css +1 -1
  4. package/dist/styles/components/AlertDialog.css +1 -1
  5. package/dist/styles/components/Autocomplete.css +1 -1
  6. package/dist/styles/components/Avatar.css +1 -1
  7. package/dist/styles/components/Button.css +1 -1
  8. package/dist/styles/components/Checkbox.css +1 -1
  9. package/dist/styles/components/CheckboxGroup.css +1 -1
  10. package/dist/styles/components/Collapsible.css +1 -1
  11. package/dist/styles/components/Combobox.css +1 -1
  12. package/dist/styles/components/ContextMenu.css +1 -1
  13. package/dist/styles/components/Dialog.css +1 -1
  14. package/dist/styles/components/Drawer.css +1 -1
  15. package/dist/styles/components/Field.css +1 -1
  16. package/dist/styles/components/Fieldset.css +1 -1
  17. package/dist/styles/components/Form.css +1 -1
  18. package/dist/styles/components/Input.css +1 -1
  19. package/dist/styles/components/Menu.css +1 -1
  20. package/dist/styles/components/Menubar.css +1 -1
  21. package/dist/styles/components/Meter.css +1 -1
  22. package/dist/styles/components/NavigationMenu.css +1 -1
  23. package/dist/styles/components/NumberField.css +1 -1
  24. package/dist/styles/components/OTPField.css +1 -1
  25. package/dist/styles/components/Popover.css +1 -1
  26. package/dist/styles/components/PreviewCard.css +1 -1
  27. package/dist/styles/components/Progress.css +1 -1
  28. package/dist/styles/components/Radio.css +1 -1
  29. package/dist/styles/components/ScrollArea.css +1 -1
  30. package/dist/styles/components/Select.css +1 -1
  31. package/dist/styles/components/Separator.css +1 -1
  32. package/dist/styles/components/Slider.css +1 -1
  33. package/dist/styles/components/Switch.css +1 -1
  34. package/dist/styles/components/Tabs.css +1 -1
  35. package/dist/styles/components/Toast.css +1 -1
  36. package/dist/styles/components/Toggle.css +1 -1
  37. package/dist/styles/components/ToggleGroup.css +1 -1
  38. package/dist/styles/components/Toolbar.css +1 -1
  39. package/dist/styles/components/Tooltip.css +1 -1
  40. package/dist/styles/custom/AppBar.css +1 -1
  41. package/dist/styles/custom/Badge.css +1 -1
  42. package/dist/styles/custom/Collection.css +1 -1
  43. package/dist/styles/custom/CollectionPagination.css +1 -1
  44. package/dist/styles/custom/CollectionToolbar.css +1 -1
  45. package/dist/styles/custom/DataList.css +1 -1
  46. package/dist/styles/custom/DataTable.css +1 -1
  47. package/dist/styles/custom/DatePicker.css +1 -1
  48. package/dist/styles/custom/DescriptionList.css +1 -1
  49. package/dist/styles/custom/EditableList.css +1 -1
  50. package/dist/styles/custom/EmptyState.css +1 -1
  51. package/dist/styles/custom/ListDetail.css +1 -1
  52. package/dist/styles/custom/MoneyField.css +1 -1
  53. package/dist/styles/custom/PickerButton.css +1 -1
  54. package/dist/styles/custom/PickerSplit.css +3 -2
  55. package/dist/styles/custom/Sheet.css +1 -1
  56. package/dist/styles/custom/SideNav.css +1 -1
  57. package/dist/styles/custom/Splitter.css +1 -1
  58. package/dist/styles/custom/StatFigure.css +1 -1
  59. package/dist/styles/custom/Table.css +1 -1
  60. package/dist/styles/index.css +1 -1
  61. package/dist/styles/reset/accessibility.css +1 -1
  62. package/dist/styles/reset/reset-accessibility.css +1 -1
  63. package/dist/styles/reset/reset-tailwind.css +1 -1
  64. package/dist/styles/reset/reset.css +1 -1
  65. package/dist/styles/tailwind.css +1 -1
  66. package/package.json +2 -2
@@ -1,5 +1,5 @@
1
1
  @import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,400,0..1,0');
2
- /* @scattered-light/loomiere-base-ui 0.15.0 · styles for @base-ui/react 1.9.0 */
2
+ /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
3
3
  /* Loomiere for Base UI: component styles. Brand-free: every value is a --sl- variable from a
4
4
  Loomiere theme. Load the theme first:
5
5
  @import '<your theme>/tokens.css';
@@ -9,7 +9,7 @@
9
9
  /* Document defaults, in the reset layer so any unlayered rule wins over them, and so layered
10
10
  frameworks (Chakra's recipes, Tailwind's utilities) are not undone by them. */
11
11
  @layer reset {
12
- /* @scattered-light/loomiere-base-ui 0.15.0 · styles for @base-ui/react 1.9.0 */
12
+ /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
13
13
  /* CSS Reset - Mojave Theme */
14
14
 
15
15
  /* ============================================
@@ -453,7 +453,7 @@ hr {
453
453
  }
454
454
  }
455
455
  @layer reset {
456
- /* @scattered-light/loomiere-base-ui 0.15.0 · styles for @base-ui/react 1.9.0 */
456
+ /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
457
457
  /* Accessibility — base rules (no theme color dependencies). Theme-specific focus/invalid: accessibility-theme.css */
458
458
 
459
459
  /* Remove default focus; keyboard focus styled in accessibility-theme.css */
@@ -566,7 +566,7 @@ main:focus {
566
566
 
567
567
  }
568
568
  @layer reset {
569
- /* @scattered-light/loomiere-base-ui 0.15.0 · styles for @base-ui/react 1.9.0 */
569
+ /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
570
570
  /* Focus, invalid, contrast — requires theme tokens (after theme-accessibility.css). */
571
571
 
572
572
  :focus-visible {
@@ -634,7 +634,7 @@ button,
634
634
 
635
635
  }
636
636
  /* Component styles */
637
- /* @scattered-light/loomiere-base-ui 0.15.0 · styles for @base-ui/react 1.9.0 */
637
+ /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
638
638
  /* Accordion - Mojave Theme
639
639
  *
640
640
  * No component tokens. Hover, press, chevron, divider and motion are the disclosure
@@ -755,7 +755,7 @@ button,
755
755
  overflow: hidden;
756
756
  }
757
757
 
758
- /* @scattered-light/loomiere-base-ui 0.15.0 · styles for @base-ui/react 1.9.0 */
758
+ /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
759
759
  /* Alert Dialog - Mojave Theme
760
760
  *
761
761
  * No component tokens and no rules of its own. An alert dialog looks exactly like a
@@ -764,7 +764,7 @@ button,
764
764
  * cancel quiet, and a destructive one bold with data-color="error".
765
765
  */
766
766
 
767
- /* @scattered-light/loomiere-base-ui 0.15.0 · styles for @base-ui/react 1.9.0 */
767
+ /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
768
768
  /* Autocomplete - Mojave Theme
769
769
  *
770
770
  * No component tokens. The input is Input (Input.css), the clear button is an icon
@@ -966,7 +966,7 @@ button,
966
966
  (reset-accessibility.css).
967
967
  ============================================ */
968
968
 
969
- /* @scattered-light/loomiere-base-ui 0.15.0 · styles for @base-ui/react 1.9.0 */
969
+ /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
970
970
  /* Avatar - Mojave Theme
971
971
  *
972
972
  * A round picture with a ring in the page color, so avatars in a group cut out of each other in
@@ -1074,7 +1074,7 @@ button,
1074
1074
  }
1075
1075
  }
1076
1076
 
1077
- /* @scattered-light/loomiere-base-ui 0.15.0 · styles for @base-ui/react 1.9.0 */
1077
+ /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
1078
1078
  /* Button - Mojave Theme
1079
1079
  *
1080
1080
  * Colors are the brand's emphasis levels, sizes are control.*, text is the trigger
@@ -1224,7 +1224,7 @@ button,
1224
1224
  font-size: var(--sl-icon-size-maximize);
1225
1225
  }
1226
1226
 
1227
- /* @scattered-light/loomiere-base-ui 0.15.0 · styles for @base-ui/react 1.9.0 */
1227
+ /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
1228
1228
  /* Checkbox - Mojave Theme
1229
1229
  * Sizes follow the label: the box is the icon size one tier above the label's text
1230
1230
  * tier (like a button's icon) and the check mark one tier below it.
@@ -1381,7 +1381,7 @@ button,
1381
1381
  border-radius: var(--sl-radius-pill);
1382
1382
  }
1383
1383
 
1384
- /* @scattered-light/loomiere-base-ui 0.15.0 · styles for @base-ui/react 1.9.0 */
1384
+ /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
1385
1385
  /* Checkbox Group - Mojave Theme */
1386
1386
 
1387
1387
  /* Each checkbox row is already a full tap target tall, so the rows sit close. */
@@ -1397,7 +1397,7 @@ button,
1397
1397
  pointer-events: none;
1398
1398
  }
1399
1399
 
1400
- /* @scattered-light/loomiere-base-ui 0.15.0 · styles for @base-ui/react 1.9.0 */
1400
+ /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
1401
1401
  /* Collapsible - Mojave Theme
1402
1402
  *
1403
1403
  * No component tokens. Hover, press, chevron and motion are the disclosure concept
@@ -1513,7 +1513,7 @@ button,
1513
1513
  background: var(--sl-surface-raised);
1514
1514
  }
1515
1515
 
1516
- /* @scattered-light/loomiere-base-ui 0.15.0 · styles for @base-ui/react 1.9.0 */
1516
+ /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
1517
1517
  /* Combobox - Mojave Theme
1518
1518
  *
1519
1519
  * No component tokens. The input is Input (Input.css); the chips box is a field; the
@@ -1998,7 +1998,7 @@ button,
1998
1998
  color: var(--sl-text-tertiary);
1999
1999
  }
2000
2000
 
2001
- /* @scattered-light/loomiere-base-ui 0.15.0 · styles for @base-ui/react 1.9.0 */
2001
+ /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
2002
2002
  /* Context Menu - Mojave Theme
2003
2003
  *
2004
2004
  * 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
@@ -2167,7 +2167,7 @@ button,
2167
2167
  stroke-width: var(--sl-stroke-default);
2168
2168
  }
2169
2169
 
2170
- /* @scattered-light/loomiere-base-ui 0.15.0 · styles for @base-ui/react 1.9.0 */
2170
+ /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
2171
2171
  /* Dialog and Alert dialog - Mojave Theme
2172
2172
  *
2173
2173
  * Both are centered modals built from the modal concept (tokens/semantic/modal.json):
@@ -2313,7 +2313,7 @@ button,
2313
2313
  margin-top: var(--sl-modal-actions-spacing);
2314
2314
  }
2315
2315
 
2316
- /* @scattered-light/loomiere-base-ui 0.15.0 · styles for @base-ui/react 1.9.0 */
2316
+ /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
2317
2317
  /* Drawer - a panel that slides in from an edge and can be swiped away.
2318
2318
  The surface, scrim, heading and motion are the modal concept's (--sl-modal-*), so a
2319
2319
  drawer reads as a dialog's sibling; only its size and grab bar are its own
@@ -2446,7 +2446,7 @@ button,
2446
2446
  color: var(--sl-modal-description-color);
2447
2447
  }
2448
2448
 
2449
- /* @scattered-light/loomiere-base-ui 0.15.0 · styles for @base-ui/react 1.9.0 */
2449
+ /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
2450
2450
  /* Field - Mojave Theme
2451
2451
  *
2452
2452
  * Label, control, description and error. No component tokens: spacing is the field
@@ -2507,7 +2507,7 @@ textarea.FieldControl {
2507
2507
  height: auto;
2508
2508
  }
2509
2509
 
2510
- /* @scattered-light/loomiere-base-ui 0.15.0 · styles for @base-ui/react 1.9.0 */
2510
+ /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
2511
2511
  /* Fieldset - Mojave Theme
2512
2512
  *
2513
2513
  * No component tokens: a titled group of fields, spaced by the stack gaps, with
@@ -2549,7 +2549,7 @@ textarea.FieldControl {
2549
2549
  color: var(--sl-text-secondary);
2550
2550
  }
2551
2551
 
2552
- /* @scattered-light/loomiere-base-ui 0.15.0 · styles for @base-ui/react 1.9.0 */
2552
+ /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
2553
2553
  /* Form - Mojave Theme
2554
2554
  *
2555
2555
  * No component tokens: fields stack with the large block space, and the action
@@ -2569,7 +2569,7 @@ textarea.FieldControl {
2569
2569
  margin-top: var(--sl-space-block-md);
2570
2570
  }
2571
2571
 
2572
- /* @scattered-light/loomiere-base-ui 0.15.0 · styles for @base-ui/react 1.9.0 */
2572
+ /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
2573
2573
  /* Input - Mojave Theme
2574
2574
  *
2575
2575
  * No component tokens: the look is the field concept (tokens/semantic/field.json),
@@ -2706,7 +2706,7 @@ textarea.FieldControl {
2706
2706
  padding-inline: var(--sl-control-padding-inline-lg);
2707
2707
  }
2708
2708
 
2709
- /* @scattered-light/loomiere-base-ui 0.15.0 · styles for @base-ui/react 1.9.0 */
2709
+ /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
2710
2710
  /* Menu - Mojave Theme
2711
2711
  *
2712
2712
  * No component tokens. The trigger is a Button. The popup is the popup concept, rows are item rows at the
@@ -2855,7 +2855,7 @@ textarea.FieldControl {
2855
2855
  color: var(--sl-text-tertiary);
2856
2856
  }
2857
2857
 
2858
- /* @scattered-light/loomiere-base-ui 0.15.0 · styles for @base-ui/react 1.9.0 */
2858
+ /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
2859
2859
  /* Menubar - Mojave Theme
2860
2860
  *
2861
2861
  * No component tokens. A row of quiet triggers, each opening a menu. The popup is the popup concept, rows are item rows at the
@@ -3048,7 +3048,7 @@ textarea.FieldControl {
3048
3048
  color: var(--sl-text-tertiary);
3049
3049
  }
3050
3050
 
3051
- /* @scattered-light/loomiere-base-ui 0.15.0 · styles for @base-ui/react 1.9.0 */
3051
+ /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
3052
3052
  /* Meter - Mojave Theme
3053
3053
  *
3054
3054
  * A gauge (tokens/semantic/gauge.json). The fill is the solid color of the scope around it:
@@ -3111,7 +3111,7 @@ textarea.FieldControl {
3111
3111
  height: var(--sl-gauge-height-lg);
3112
3112
  }
3113
3113
 
3114
- /* @scattered-light/loomiere-base-ui 0.15.0 · styles for @base-ui/react 1.9.0 */
3114
+ /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
3115
3115
  /* Navigation Menu - Mojave Theme
3116
3116
  *
3117
3117
  * The strip is the bar concept, the panel is the popup concept and each link is an item
@@ -3531,7 +3531,7 @@ textarea.FieldControl {
3531
3531
  width: 100%;
3532
3532
  }
3533
3533
 
3534
- /* @scattered-light/loomiere-base-ui 0.15.0 · styles for @base-ui/react 1.9.0 */
3534
+ /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
3535
3535
  /* Number Field - Mojave Theme
3536
3536
  *
3537
3537
  * No component tokens. The input is Input (Input.css) and the label, description and
@@ -3622,7 +3622,7 @@ textarea.FieldControl {
3622
3622
  user-select: none;
3623
3623
  }
3624
3624
 
3625
- /* @scattered-light/loomiere-base-ui 0.15.0 · styles for @base-ui/react 1.9.0 */
3625
+ /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
3626
3626
  /* OTP Field - Mojave Theme
3627
3627
  *
3628
3628
  * One-time code entry: a row of single-character inputs. Each slot is the same control as Input
@@ -3685,7 +3685,7 @@ textarea.FieldControl {
3685
3685
  letter-spacing: var(--sl-font-body-magnify-letter-spacing);
3686
3686
  }
3687
3687
 
3688
- /* @scattered-light/loomiere-base-ui 0.15.0 · styles for @base-ui/react 1.9.0 */
3688
+ /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
3689
3689
  /* Popover - Mojave Theme */
3690
3690
 
3691
3691
  /* ============================================
@@ -3850,7 +3850,7 @@ textarea.FieldControl {
3850
3850
  fill: var(--sl-popup-arrow-stroke);
3851
3851
  }
3852
3852
 
3853
- /* @scattered-light/loomiere-base-ui 0.15.0 · styles for @base-ui/react 1.9.0 */
3853
+ /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
3854
3854
  /* Preview Card - Mojave Theme
3855
3855
  *
3856
3856
  * The popup concept (surface, arrow, motion) with a title-magnify title and condense
@@ -3967,7 +3967,7 @@ textarea.FieldControl {
3967
3967
  fill: var(--sl-popup-arrow-stroke);
3968
3968
  }
3969
3969
 
3970
- /* @scattered-light/loomiere-base-ui 0.15.0 · styles for @base-ui/react 1.9.0 */
3970
+ /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
3971
3971
  /* Progress - Mojave Theme
3972
3972
  *
3973
3973
  * A gauge (tokens/semantic/gauge.json), the same bar as Meter. The fill is the solid color of
@@ -4044,7 +4044,7 @@ textarea.FieldControl {
4044
4044
  height: var(--sl-gauge-height-lg);
4045
4045
  }
4046
4046
 
4047
- /* @scattered-light/loomiere-base-ui 0.15.0 · styles for @base-ui/react 1.9.0 */
4047
+ /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
4048
4048
  /* Radio - Mojave Theme
4049
4049
  * Same box as Checkbox, always round. Sizes follow the label the same way, and the
4050
4050
  * dot is a share of the circle (check.dot-scale).
@@ -4196,7 +4196,7 @@ textarea.FieldControl {
4196
4196
  gap: var(--sl-gap-stack-sm);
4197
4197
  }
4198
4198
 
4199
- /* @scattered-light/loomiere-base-ui 0.15.0 · styles for @base-ui/react 1.9.0 */
4199
+ /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
4200
4200
  /* Scroll Area - Mojave Theme
4201
4201
  *
4202
4202
  * The scrollbar is the content scrollbar (content.scrollbar-*): a track that stays clear until
@@ -4278,7 +4278,7 @@ textarea.FieldControl {
4278
4278
  background: transparent;
4279
4279
  }
4280
4280
 
4281
- /* @scattered-light/loomiere-base-ui 0.15.0 · styles for @base-ui/react 1.9.0 */
4281
+ /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
4282
4282
  /* Select - Mojave Theme
4283
4283
  *
4284
4284
  * The trigger is a field (the field pattern, control sizes, the base text style); the
@@ -4563,7 +4563,7 @@ textarea.FieldControl {
4563
4563
  stroke-width: var(--sl-stroke-default);
4564
4564
  }
4565
4565
 
4566
- /* @scattered-light/loomiere-base-ui 0.15.0 · styles for @base-ui/react 1.9.0 */
4566
+ /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
4567
4567
  /* Separator - Mojave Theme
4568
4568
  *
4569
4569
  * A hairline in the everyday divider color (border.default), one stroke thick, with a step of
@@ -4591,7 +4591,7 @@ textarea.FieldControl {
4591
4591
  margin-inline: var(--sl-space-4);
4592
4592
  }
4593
4593
 
4594
- /* @scattered-light/loomiere-base-ui 0.15.0 · styles for @base-ui/react 1.9.0 */
4594
+ /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
4595
4595
  /* Slider - Mojave Theme
4596
4596
  *
4597
4597
  * A slider is a gauge you can drag: the track, fill and label row are gauge.* (the same bar as
@@ -4757,7 +4757,7 @@ textarea.FieldControl {
4757
4757
  transform: translate(-50%, 50%);
4758
4758
  }
4759
4759
 
4760
- /* @scattered-light/loomiere-base-ui 0.15.0 · styles for @base-ui/react 1.9.0 */
4760
+ /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
4761
4761
  /* Switch - Mojave Theme
4762
4762
  * Switch keeps its track sizes. The thumb, its travel and the ON/OFF text are
4763
4763
  * worked out from them: the thumb fills the track's height inside the padding,
@@ -4923,7 +4923,7 @@ textarea.FieldControl {
4923
4923
  color: var(--sl-text-disabled);
4924
4924
  }
4925
4925
 
4926
- /* @scattered-light/loomiere-base-ui 0.15.0 · styles for @base-ui/react 1.9.0 */
4926
+ /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
4927
4927
  /* Tabs - Mojave Theme
4928
4928
  *
4929
4929
  * No component tokens. The divider, the selected line and color, hover and the disabled
@@ -5059,7 +5059,7 @@ textarea.FieldControl {
5059
5059
  padding: var(--sl-space-6);
5060
5060
  }
5061
5061
 
5062
- /* @scattered-light/loomiere-base-ui 0.15.0 · styles for @base-ui/react 1.9.0 */
5062
+ /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
5063
5063
  /* Toast - Mojave Theme
5064
5064
  *
5065
5065
  * A toast is a notice (tokens/semantic/notice.json) on the popup surface. A toast whose type
@@ -5295,7 +5295,7 @@ textarea.FieldControl {
5295
5295
  flex-shrink: 0;
5296
5296
  }
5297
5297
 
5298
- /* @scattered-light/loomiere-base-ui 0.15.0 · styles for @base-ui/react 1.9.0 */
5298
+ /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
5299
5299
  /* Toggle - Mojave Theme
5300
5300
  * A toggle is a button that stays pressed: the same heights, padding, gap and
5301
5301
  * trigger text style as a button of the same size. Pressed, it takes its emphasis level's
@@ -5407,7 +5407,7 @@ textarea.FieldControl {
5407
5407
  height: var(--sl-icon-size-maximize);
5408
5408
  }
5409
5409
 
5410
- /* @scattered-light/loomiere-base-ui 0.15.0 · styles for @base-ui/react 1.9.0 */
5410
+ /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
5411
5411
  /* Toggle Group - Mojave Theme
5412
5412
  *
5413
5413
  * No component tokens. The strip is the bar concept (tokens/semantic/bar.json); the
@@ -5469,7 +5469,7 @@ textarea.FieldControl {
5469
5469
  outline-offset: var(--sl-focus-outline-offset-inset);
5470
5470
  }
5471
5471
 
5472
- /* @scattered-light/loomiere-base-ui 0.15.0 · styles for @base-ui/react 1.9.0 */
5472
+ /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
5473
5473
  /* Toolbar - Mojave Theme
5474
5474
  *
5475
5475
  * The strip is the bar concept (tokens/semantic/bar.json). Buttons, toggles, selects
@@ -5531,7 +5531,7 @@ textarea.FieldControl {
5531
5531
  max-width: var(--sl-toolbar-input-max-width);
5532
5532
  }
5533
5533
 
5534
- /* @scattered-light/loomiere-base-ui 0.15.0 · styles for @base-ui/react 1.9.0 */
5534
+ /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
5535
5535
  /* Tooltip - Mojave Theme
5536
5536
  *
5537
5537
  * The inverse surface (surface.inverse, text.on-inverse-surface) with condense text, so a tooltip
@@ -5592,7 +5592,7 @@ textarea.FieldControl {
5592
5592
  }
5593
5593
 
5594
5594
  /* Custom components: not Base UI parts. Built from existing concepts and tokens. */
5595
- /* @scattered-light/loomiere-base-ui 0.15.0 · styles for @base-ui/react 1.9.0 */
5595
+ /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
5596
5596
  /* Badge
5597
5597
  *
5598
5598
  * A status or count label. Not a Base UI part, and not interactive: no hover or focus.
@@ -5697,7 +5697,7 @@ textarea.FieldControl {
5697
5697
  height: var(--sl-badge-dot-base);
5698
5698
  }
5699
5699
 
5700
- /* @scattered-light/loomiere-base-ui 0.15.0 · styles for @base-ui/react 1.9.0 */
5700
+ /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
5701
5701
  /*
5702
5702
  * DatePicker: a field that opens a calendar for one date or a period.
5703
5703
  * Not a Base UI part. The popup is Popover on a wide viewport and Drawer
@@ -6270,7 +6270,7 @@ textarea.FieldControl {
6270
6270
  flex-basis: 100%;
6271
6271
  }
6272
6272
 
6273
- /* @scattered-light/loomiere-base-ui 0.15.0 · styles for @base-ui/react 1.9.0 */
6273
+ /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
6274
6274
  /* Money field
6275
6275
  *
6276
6276
  * An amount of money, built on Number field. The value is an integer in minor units
@@ -6615,7 +6615,7 @@ textarea.FieldControl {
6615
6615
  letter-spacing: var(--sl-font-body-base-letter-spacing);
6616
6616
  }
6617
6617
 
6618
- /* @scattered-light/loomiere-base-ui 0.15.0 · styles for @base-ui/react 1.9.0 */
6618
+ /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
6619
6619
  /* ListDetail
6620
6620
  *
6621
6621
  * The detail of one item, next to its list. Not a Base UI part. It is a Splitter
@@ -6742,7 +6742,7 @@ textarea.FieldControl {
6742
6742
  background: transparent;
6743
6743
  }
6744
6744
 
6745
- /* @scattered-light/loomiere-base-ui 0.15.0 · styles for @base-ui/react 1.9.0 */
6745
+ /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
6746
6746
  /* Splitter
6747
6747
  *
6748
6748
  * Two or more panels and a handle between them. Not a Base UI part. It follows the
@@ -6950,7 +6950,7 @@ textarea.FieldControl {
6950
6950
  background: var(--sl-border-default);
6951
6951
  }
6952
6952
 
6953
- /* @scattered-light/loomiere-base-ui 0.15.0 · styles for @base-ui/react 1.9.0 */
6953
+ /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
6954
6954
  /* EmptyState
6955
6955
  *
6956
6956
  * The block a page, pane, table, list or popup shows when it has nothing to show.
@@ -7206,7 +7206,7 @@ textarea.FieldControl {
7206
7206
  color: inherit;
7207
7207
  }
7208
7208
 
7209
- /* @scattered-light/loomiere-base-ui 0.15.0 · styles for @base-ui/react 1.9.0 */
7209
+ /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
7210
7210
  /* Table - Mojave Theme
7211
7211
  *
7212
7212
  * Base UI has no table, so this styles the native <table class="Table"> elements with the
@@ -7466,7 +7466,7 @@ textarea.FieldControl {
7466
7466
  color: inherit;
7467
7467
  }
7468
7468
 
7469
- /* @scattered-light/loomiere-base-ui 0.15.0 · styles for @base-ui/react 1.9.0 */
7469
+ /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
7470
7470
  /* Collection
7471
7471
  *
7472
7472
  * DataTable, DataList, the toolbar and the pagination, in one place so the two views
@@ -7477,7 +7477,7 @@ textarea.FieldControl {
7477
7477
  * the tabs and the search where they are, so selecting rows does not grow the toolbar.
7478
7478
  */
7479
7479
 
7480
- /* @scattered-light/loomiere-base-ui 0.15.0 · styles for @base-ui/react 1.9.0 */
7480
+ /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
7481
7481
  /* Collection toolbar
7482
7482
  *
7483
7483
  * The wrap follows the toolbar's own width, not the window: a table in a narrow pane wraps
@@ -7643,7 +7643,7 @@ textarea.FieldControl {
7643
7643
  border-block-end: var(--sl-stroke-default) solid var(--sl-table-border-color);
7644
7644
  }
7645
7645
 
7646
- /* @scattered-light/loomiere-base-ui 0.15.0 · styles for @base-ui/react 1.9.0 */
7646
+ /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
7647
7647
  /* DataTable additions on top of .Table.
7648
7648
  *
7649
7649
  * Sort buttons fill the header cell and inherit its hover, so old aria-sort markup keeps
@@ -7842,7 +7842,7 @@ textarea.FieldControl {
7842
7842
  }
7843
7843
  }
7844
7844
 
7845
- /* @scattered-light/loomiere-base-ui 0.15.0 · styles for @base-ui/react 1.9.0 */
7845
+ /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
7846
7846
  /* DataList
7847
7847
  *
7848
7848
  * The same rows as the table, in one container with the table's borders, hover, selected
@@ -7984,7 +7984,7 @@ textarea.FieldControl {
7984
7984
  transition: opacity var(--sl-duration-fast) var(--sl-easing-default);
7985
7985
  }
7986
7986
 
7987
- /* @scattered-light/loomiere-base-ui 0.15.0 · styles for @base-ui/react 1.9.0 */
7987
+ /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
7988
7988
  /* Pagination
7989
7989
  *
7990
7990
  * Not tied to a collection. Anything with a page, a page count and a total can use it.
@@ -8009,7 +8009,7 @@ textarea.FieldControl {
8009
8009
  margin: 0;
8010
8010
  }
8011
8011
 
8012
- /* @scattered-light/loomiere-base-ui 0.15.0 · styles for @base-ui/react 1.9.0 */
8012
+ /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
8013
8013
  /* EditableList
8014
8014
  *
8015
8015
  * One table at every width, so a field is not submitted twice. Under the stack width each
@@ -8108,7 +8108,7 @@ textarea.FieldControl {
8108
8108
  }
8109
8109
  }
8110
8110
 
8111
- /* @scattered-light/loomiere-base-ui 0.15.0 · styles for @base-ui/react 1.9.0 */
8111
+ /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
8112
8112
  /* Sheet
8113
8113
  *
8114
8114
  * A working-paper surface: the raised surface with a heavier rule across its top
@@ -8207,7 +8207,7 @@ textarea.FieldControl {
8207
8207
  border-top: 0;
8208
8208
  }
8209
8209
 
8210
- /* @scattered-light/loomiere-base-ui 0.15.0 · styles for @base-ui/react 1.9.0 */
8210
+ /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
8211
8211
  /* StatFigure
8212
8212
  *
8213
8213
  * One large figure with a caps label above and a caption under it. The label is
@@ -8268,7 +8268,7 @@ textarea.FieldControl {
8268
8268
  color: var(--sl-stat-figure-caption-color);
8269
8269
  }
8270
8270
 
8271
- /* @scattered-light/loomiere-base-ui 0.15.0 · styles for @base-ui/react 1.9.0 */
8271
+ /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
8272
8272
  /* DescriptionList
8273
8273
  *
8274
8274
  * Label and value pairs in a native dl, one DescriptionItem (a div holding a dt and a dd)
@@ -8344,7 +8344,7 @@ textarea.FieldControl {
8344
8344
  text-align: end;
8345
8345
  }
8346
8346
 
8347
- /* @scattered-light/loomiere-base-ui 0.15.0 · styles for @base-ui/react 1.9.0 */
8347
+ /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
8348
8348
  /* AppBar
8349
8349
  *
8350
8350
  * The bar across the top of an app window, one row on a line in the rule color. The line is
@@ -8378,7 +8378,7 @@ textarea.FieldControl {
8378
8378
  background: var(--sl-app-bar-divider-color);
8379
8379
  }
8380
8380
 
8381
- /* @scattered-light/loomiere-base-ui 0.15.0 · styles for @base-ui/react 1.9.0 */
8381
+ /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
8382
8382
  /* PickerButton
8383
8383
  *
8384
8384
  * A trigger with a caps label before the current choice: CLIENT Alpha Services. The field
@@ -8477,7 +8477,7 @@ textarea.FieldControl {
8477
8477
  transform: rotate(180deg);
8478
8478
  }
8479
8479
 
8480
- /* @scattered-light/loomiere-base-ui 0.15.0 · styles for @base-ui/react 1.9.0 */
8480
+ /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
8481
8481
  /* PickerSplit
8482
8482
  *
8483
8483
  * A PickerButton whose choice is itself a control: the main part (CLIENT Alpha Services) acts,
@@ -8497,6 +8497,7 @@ textarea.FieldControl {
8497
8497
  outline: none;
8498
8498
  display: inline-grid;
8499
8499
  grid-template-columns: minmax(0, 1fr) var(--sl-control-height-md);
8500
+ grid-template-rows: minmax(0, 1fr);
8500
8501
  box-sizing: border-box;
8501
8502
  max-width: var(--sl-picker-button-max-width);
8502
8503
  min-width: 0;
@@ -8536,7 +8537,7 @@ textarea.FieldControl {
8536
8537
  justify-content: start;
8537
8538
  gap: var(--sl-gap-control);
8538
8539
  min-width: 0;
8539
- padding-block: var(--sl-control-padding-block);
8540
+ padding-block: 0;
8540
8541
  padding-inline: var(--sl-control-padding-inline);
8541
8542
  white-space: nowrap;
8542
8543
  }
@@ -8574,7 +8575,7 @@ textarea.FieldControl {
8574
8575
  transform: rotate(180deg);
8575
8576
  }
8576
8577
 
8577
- /* @scattered-light/loomiere-base-ui 0.15.0 · styles for @base-ui/react 1.9.0 */
8578
+ /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
8578
8579
  /* SideNav
8579
8580
  *
8580
8581
  * The column of links down the side of a workspace. Rows are ruled apart with a hairline; the
@@ -1,4 +1,4 @@
1
- /* @scattered-light/loomiere-base-ui 0.15.0 · styles for @base-ui/react 1.9.0 */
1
+ /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
2
2
  /* Accordion - Mojave Theme
3
3
  *
4
4
  * No component tokens. Hover, press, chevron, divider and motion are the disclosure
@@ -1,4 +1,4 @@
1
- /* @scattered-light/loomiere-base-ui 0.15.0 · styles for @base-ui/react 1.9.0 */
1
+ /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
2
2
  /* Alert Dialog - Mojave Theme
3
3
  *
4
4
  * No component tokens and no rules of its own. An alert dialog looks exactly like a
@@ -1,4 +1,4 @@
1
- /* @scattered-light/loomiere-base-ui 0.15.0 · styles for @base-ui/react 1.9.0 */
1
+ /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
2
2
  /* Autocomplete - Mojave Theme
3
3
  *
4
4
  * No component tokens. The input is Input (Input.css), the clear button is an icon
@@ -1,4 +1,4 @@
1
- /* @scattered-light/loomiere-base-ui 0.15.0 · styles for @base-ui/react 1.9.0 */
1
+ /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
2
2
  /* Avatar - Mojave Theme
3
3
  *
4
4
  * A round picture with a ring in the page color, so avatars in a group cut out of each other in
@@ -1,4 +1,4 @@
1
- /* @scattered-light/loomiere-base-ui 0.15.0 · styles for @base-ui/react 1.9.0 */
1
+ /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
2
2
  /* Button - Mojave Theme
3
3
  *
4
4
  * Colors are the brand's emphasis levels, sizes are control.*, text is the trigger
@@ -1,4 +1,4 @@
1
- /* @scattered-light/loomiere-base-ui 0.15.0 · styles for @base-ui/react 1.9.0 */
1
+ /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
2
2
  /* Checkbox - Mojave Theme
3
3
  * Sizes follow the label: the box is the icon size one tier above the label's text
4
4
  * tier (like a button's icon) and the check mark one tier below it.
@@ -1,4 +1,4 @@
1
- /* @scattered-light/loomiere-base-ui 0.15.0 · styles for @base-ui/react 1.9.0 */
1
+ /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
2
2
  /* Checkbox Group - Mojave Theme */
3
3
 
4
4
  /* Each checkbox row is already a full tap target tall, so the rows sit close. */
@@ -1,4 +1,4 @@
1
- /* @scattered-light/loomiere-base-ui 0.15.0 · styles for @base-ui/react 1.9.0 */
1
+ /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
2
2
  /* Collapsible - Mojave Theme
3
3
  *
4
4
  * No component tokens. Hover, press, chevron and motion are the disclosure concept
@@ -1,4 +1,4 @@
1
- /* @scattered-light/loomiere-base-ui 0.15.0 · styles for @base-ui/react 1.9.0 */
1
+ /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
2
2
  /* Combobox - Mojave Theme
3
3
  *
4
4
  * No component tokens. The input is Input (Input.css); the chips box is a field; the
@@ -1,4 +1,4 @@
1
- /* @scattered-light/loomiere-base-ui 0.15.0 · styles for @base-ui/react 1.9.0 */
1
+ /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
2
2
  /* Context Menu - Mojave Theme
3
3
  *
4
4
  * 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
@@ -1,4 +1,4 @@
1
- /* @scattered-light/loomiere-base-ui 0.15.0 · styles for @base-ui/react 1.9.0 */
1
+ /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
2
2
  /* Dialog and Alert dialog - Mojave Theme
3
3
  *
4
4
  * Both are centered modals built from the modal concept (tokens/semantic/modal.json):
@@ -1,4 +1,4 @@
1
- /* @scattered-light/loomiere-base-ui 0.15.0 · styles for @base-ui/react 1.9.0 */
1
+ /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
2
2
  /* Drawer - a panel that slides in from an edge and can be swiped away.
3
3
  The surface, scrim, heading and motion are the modal concept's (--sl-modal-*), so a
4
4
  drawer reads as a dialog's sibling; only its size and grab bar are its own
@@ -1,4 +1,4 @@
1
- /* @scattered-light/loomiere-base-ui 0.15.0 · styles for @base-ui/react 1.9.0 */
1
+ /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
2
2
  /* Field - Mojave Theme
3
3
  *
4
4
  * Label, control, description and error. No component tokens: spacing is the field
@@ -1,4 +1,4 @@
1
- /* @scattered-light/loomiere-base-ui 0.15.0 · styles for @base-ui/react 1.9.0 */
1
+ /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
2
2
  /* Fieldset - Mojave Theme
3
3
  *
4
4
  * No component tokens: a titled group of fields, spaced by the stack gaps, with
@@ -1,4 +1,4 @@
1
- /* @scattered-light/loomiere-base-ui 0.15.0 · styles for @base-ui/react 1.9.0 */
1
+ /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
2
2
  /* Form - Mojave Theme
3
3
  *
4
4
  * No component tokens: fields stack with the large block space, and the action
@@ -1,4 +1,4 @@
1
- /* @scattered-light/loomiere-base-ui 0.15.0 · styles for @base-ui/react 1.9.0 */
1
+ /* @scattered-light/loomiere-base-ui 0.15.2 · styles for @base-ui/react 1.9.0 */
2
2
  /* Input - Mojave Theme
3
3
  *
4
4
  * No component tokens: the look is the field concept (tokens/semantic/field.json),