@scattered-light/loomiere-mojave 0.4.0 → 0.4.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.
@@ -4630,7 +4630,7 @@
4630
4630
  }
4631
4631
 
4632
4632
 
4633
- /* @scattered-light/loomiere-base-ui 0.4.0 · styles for @base-ui/react 1.9.0 */
4633
+ /* @scattered-light/loomiere-base-ui 0.4.1 · styles for @base-ui/react 1.9.0 */
4634
4634
  /* Loomiere for Base UI: component styles. Brand-free: every value is a --sl- variable from a
4635
4635
  Loomiere theme. Load the theme first:
4636
4636
  @import '<your theme>/tokens.css';
@@ -4640,7 +4640,7 @@
4640
4640
  /* Document defaults, in the reset layer so any unlayered rule wins over them, and so layered
4641
4641
  frameworks (Chakra's recipes, Tailwind's utilities) are not undone by them. */
4642
4642
  @layer reset {
4643
- /* @scattered-light/loomiere-base-ui 0.4.0 · styles for @base-ui/react 1.9.0 */
4643
+ /* @scattered-light/loomiere-base-ui 0.4.1 · styles for @base-ui/react 1.9.0 */
4644
4644
  /* CSS Reset - Mojave Theme */
4645
4645
 
4646
4646
  /* ============================================
@@ -5084,7 +5084,7 @@ hr {
5084
5084
  }
5085
5085
  }
5086
5086
  @layer reset {
5087
- /* @scattered-light/loomiere-base-ui 0.4.0 · styles for @base-ui/react 1.9.0 */
5087
+ /* @scattered-light/loomiere-base-ui 0.4.1 · styles for @base-ui/react 1.9.0 */
5088
5088
  /* Accessibility — base rules (no theme color dependencies). Theme-specific focus/invalid: accessibility-theme.css */
5089
5089
 
5090
5090
  /* Remove default focus; keyboard focus styled in accessibility-theme.css */
@@ -5197,7 +5197,7 @@ main:focus {
5197
5197
 
5198
5198
  }
5199
5199
  @layer reset {
5200
- /* @scattered-light/loomiere-base-ui 0.4.0 · styles for @base-ui/react 1.9.0 */
5200
+ /* @scattered-light/loomiere-base-ui 0.4.1 · styles for @base-ui/react 1.9.0 */
5201
5201
  /* Focus, invalid, contrast — requires theme tokens (after theme-accessibility.css). */
5202
5202
 
5203
5203
  :focus-visible {
@@ -5265,7 +5265,7 @@ button,
5265
5265
 
5266
5266
  }
5267
5267
  /* Component styles */
5268
- /* @scattered-light/loomiere-base-ui 0.4.0 · styles for @base-ui/react 1.9.0 */
5268
+ /* @scattered-light/loomiere-base-ui 0.4.1 · styles for @base-ui/react 1.9.0 */
5269
5269
  /* Accordion - Mojave Theme
5270
5270
  *
5271
5271
  * No component tokens. Hover, press, chevron, divider and motion are the disclosure
@@ -5386,7 +5386,7 @@ button,
5386
5386
  overflow: hidden;
5387
5387
  }
5388
5388
 
5389
- /* @scattered-light/loomiere-base-ui 0.4.0 · styles for @base-ui/react 1.9.0 */
5389
+ /* @scattered-light/loomiere-base-ui 0.4.1 · styles for @base-ui/react 1.9.0 */
5390
5390
  /* Alert Dialog - Mojave Theme
5391
5391
  *
5392
5392
  * No component tokens and no rules of its own. An alert dialog looks exactly like a
@@ -5395,7 +5395,7 @@ button,
5395
5395
  * cancel quiet, and a destructive one bold with data-color="error".
5396
5396
  */
5397
5397
 
5398
- /* @scattered-light/loomiere-base-ui 0.4.0 · styles for @base-ui/react 1.9.0 */
5398
+ /* @scattered-light/loomiere-base-ui 0.4.1 · styles for @base-ui/react 1.9.0 */
5399
5399
  /* Autocomplete - Mojave Theme
5400
5400
  *
5401
5401
  * No component tokens. The input is Input (Input.css), the clear button is an icon
@@ -5597,7 +5597,7 @@ button,
5597
5597
  (reset-accessibility.css).
5598
5598
  ============================================ */
5599
5599
 
5600
- /* @scattered-light/loomiere-base-ui 0.4.0 · styles for @base-ui/react 1.9.0 */
5600
+ /* @scattered-light/loomiere-base-ui 0.4.1 · styles for @base-ui/react 1.9.0 */
5601
5601
  /* Avatar - Mojave Theme
5602
5602
  *
5603
5603
  * A round picture with a ring in the page color, so avatars in a group cut out of each other in
@@ -5705,7 +5705,7 @@ button,
5705
5705
  }
5706
5706
  }
5707
5707
 
5708
- /* @scattered-light/loomiere-base-ui 0.4.0 · styles for @base-ui/react 1.9.0 */
5708
+ /* @scattered-light/loomiere-base-ui 0.4.1 · styles for @base-ui/react 1.9.0 */
5709
5709
  /* Button - Mojave Theme
5710
5710
  *
5711
5711
  * Colors are the brand's emphasis levels, sizes are control.*, text is the trigger
@@ -5855,7 +5855,7 @@ button,
5855
5855
  font-size: var(--sl-icon-size-maximize);
5856
5856
  }
5857
5857
 
5858
- /* @scattered-light/loomiere-base-ui 0.4.0 · styles for @base-ui/react 1.9.0 */
5858
+ /* @scattered-light/loomiere-base-ui 0.4.1 · styles for @base-ui/react 1.9.0 */
5859
5859
  /* Checkbox - Mojave Theme
5860
5860
  * Sizes follow the label: the box is the icon size one tier above the label's text
5861
5861
  * tier (like a button's icon) and the check mark one tier below it.
@@ -6012,7 +6012,7 @@ button,
6012
6012
  border-radius: var(--sl-radius-pill);
6013
6013
  }
6014
6014
 
6015
- /* @scattered-light/loomiere-base-ui 0.4.0 · styles for @base-ui/react 1.9.0 */
6015
+ /* @scattered-light/loomiere-base-ui 0.4.1 · styles for @base-ui/react 1.9.0 */
6016
6016
  /* Checkbox Group - Mojave Theme */
6017
6017
 
6018
6018
  /* Each checkbox row is already a full tap target tall, so the rows sit close. */
@@ -6028,7 +6028,7 @@ button,
6028
6028
  pointer-events: none;
6029
6029
  }
6030
6030
 
6031
- /* @scattered-light/loomiere-base-ui 0.4.0 · styles for @base-ui/react 1.9.0 */
6031
+ /* @scattered-light/loomiere-base-ui 0.4.1 · styles for @base-ui/react 1.9.0 */
6032
6032
  /* Collapsible - Mojave Theme
6033
6033
  *
6034
6034
  * No component tokens. Hover, press, chevron and motion are the disclosure concept
@@ -6144,7 +6144,7 @@ button,
6144
6144
  background: var(--sl-surface-raised);
6145
6145
  }
6146
6146
 
6147
- /* @scattered-light/loomiere-base-ui 0.4.0 · styles for @base-ui/react 1.9.0 */
6147
+ /* @scattered-light/loomiere-base-ui 0.4.1 · styles for @base-ui/react 1.9.0 */
6148
6148
  /* Combobox - Mojave Theme
6149
6149
  *
6150
6150
  * No component tokens. The input is Input (Input.css); the chips box is a field; the
@@ -6629,7 +6629,7 @@ button,
6629
6629
  color: var(--sl-text-tertiary);
6630
6630
  }
6631
6631
 
6632
- /* @scattered-light/loomiere-base-ui 0.4.0 · styles for @base-ui/react 1.9.0 */
6632
+ /* @scattered-light/loomiere-base-ui 0.4.1 · styles for @base-ui/react 1.9.0 */
6633
6633
  /* Context Menu - Mojave Theme
6634
6634
  *
6635
6635
  * 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
@@ -6798,7 +6798,7 @@ button,
6798
6798
  stroke-width: var(--sl-stroke-default);
6799
6799
  }
6800
6800
 
6801
- /* @scattered-light/loomiere-base-ui 0.4.0 · styles for @base-ui/react 1.9.0 */
6801
+ /* @scattered-light/loomiere-base-ui 0.4.1 · styles for @base-ui/react 1.9.0 */
6802
6802
  /* Dialog and Alert dialog - Mojave Theme
6803
6803
  *
6804
6804
  * Both are centered modals built from the modal concept (tokens/semantic/modal.json):
@@ -6944,7 +6944,7 @@ button,
6944
6944
  margin-top: var(--sl-modal-actions-spacing);
6945
6945
  }
6946
6946
 
6947
- /* @scattered-light/loomiere-base-ui 0.4.0 · styles for @base-ui/react 1.9.0 */
6947
+ /* @scattered-light/loomiere-base-ui 0.4.1 · styles for @base-ui/react 1.9.0 */
6948
6948
  /* Drawer - a panel that slides in from an edge and can be swiped away.
6949
6949
  The surface, scrim, heading and motion are the modal concept's (--sl-modal-*), so a
6950
6950
  drawer reads as a dialog's sibling; only its size and grab bar are its own
@@ -7071,7 +7071,7 @@ button,
7071
7071
  color: var(--sl-modal-description-color);
7072
7072
  }
7073
7073
 
7074
- /* @scattered-light/loomiere-base-ui 0.4.0 · styles for @base-ui/react 1.9.0 */
7074
+ /* @scattered-light/loomiere-base-ui 0.4.1 · styles for @base-ui/react 1.9.0 */
7075
7075
  /* Field - Mojave Theme
7076
7076
  *
7077
7077
  * Label, control, description and error. No component tokens: spacing is the field
@@ -7132,7 +7132,7 @@ textarea.FieldControl {
7132
7132
  height: auto;
7133
7133
  }
7134
7134
 
7135
- /* @scattered-light/loomiere-base-ui 0.4.0 · styles for @base-ui/react 1.9.0 */
7135
+ /* @scattered-light/loomiere-base-ui 0.4.1 · styles for @base-ui/react 1.9.0 */
7136
7136
  /* Fieldset - Mojave Theme
7137
7137
  *
7138
7138
  * No component tokens: a titled group of fields, spaced by the stack gaps, with
@@ -7174,7 +7174,7 @@ textarea.FieldControl {
7174
7174
  color: var(--sl-text-secondary);
7175
7175
  }
7176
7176
 
7177
- /* @scattered-light/loomiere-base-ui 0.4.0 · styles for @base-ui/react 1.9.0 */
7177
+ /* @scattered-light/loomiere-base-ui 0.4.1 · styles for @base-ui/react 1.9.0 */
7178
7178
  /* Form - Mojave Theme
7179
7179
  *
7180
7180
  * No component tokens: fields stack with the large block space, and the action
@@ -7194,7 +7194,7 @@ textarea.FieldControl {
7194
7194
  margin-top: var(--sl-space-block-md);
7195
7195
  }
7196
7196
 
7197
- /* @scattered-light/loomiere-base-ui 0.4.0 · styles for @base-ui/react 1.9.0 */
7197
+ /* @scattered-light/loomiere-base-ui 0.4.1 · styles for @base-ui/react 1.9.0 */
7198
7198
  /* Input - Mojave Theme
7199
7199
  *
7200
7200
  * No component tokens: the look is the field concept (tokens/semantic/field.json),
@@ -7331,7 +7331,7 @@ textarea.FieldControl {
7331
7331
  padding-inline: var(--sl-control-padding-inline-lg);
7332
7332
  }
7333
7333
 
7334
- /* @scattered-light/loomiere-base-ui 0.4.0 · styles for @base-ui/react 1.9.0 */
7334
+ /* @scattered-light/loomiere-base-ui 0.4.1 · styles for @base-ui/react 1.9.0 */
7335
7335
  /* Menu - Mojave Theme
7336
7336
  *
7337
7337
  * No component tokens. The trigger is a Button. The popup is the popup concept, rows are item rows at the
@@ -7480,7 +7480,7 @@ textarea.FieldControl {
7480
7480
  color: var(--sl-text-tertiary);
7481
7481
  }
7482
7482
 
7483
- /* @scattered-light/loomiere-base-ui 0.4.0 · styles for @base-ui/react 1.9.0 */
7483
+ /* @scattered-light/loomiere-base-ui 0.4.1 · styles for @base-ui/react 1.9.0 */
7484
7484
  /* Menubar - Mojave Theme
7485
7485
  *
7486
7486
  * No component tokens. A row of quiet triggers, each opening a menu. The popup is the popup concept, rows are item rows at the
@@ -7673,7 +7673,7 @@ textarea.FieldControl {
7673
7673
  color: var(--sl-text-tertiary);
7674
7674
  }
7675
7675
 
7676
- /* @scattered-light/loomiere-base-ui 0.4.0 · styles for @base-ui/react 1.9.0 */
7676
+ /* @scattered-light/loomiere-base-ui 0.4.1 · styles for @base-ui/react 1.9.0 */
7677
7677
  /* Meter - Mojave Theme
7678
7678
  *
7679
7679
  * A gauge (tokens/semantic/gauge.json). The fill is the solid color of the scope around it:
@@ -7733,7 +7733,7 @@ textarea.FieldControl {
7733
7733
  height: var(--sl-gauge-height-lg);
7734
7734
  }
7735
7735
 
7736
- /* @scattered-light/loomiere-base-ui 0.4.0 · styles for @base-ui/react 1.9.0 */
7736
+ /* @scattered-light/loomiere-base-ui 0.4.1 · styles for @base-ui/react 1.9.0 */
7737
7737
  /* Navigation Menu - Mojave Theme
7738
7738
  *
7739
7739
  * The strip is the bar concept, the panel is the popup concept and each link is an item
@@ -8153,7 +8153,7 @@ textarea.FieldControl {
8153
8153
  width: 100%;
8154
8154
  }
8155
8155
 
8156
- /* @scattered-light/loomiere-base-ui 0.4.0 · styles for @base-ui/react 1.9.0 */
8156
+ /* @scattered-light/loomiere-base-ui 0.4.1 · styles for @base-ui/react 1.9.0 */
8157
8157
  /* Number Field - Mojave Theme
8158
8158
  *
8159
8159
  * No component tokens. The input is Input (Input.css) and the label, description and
@@ -8244,7 +8244,7 @@ textarea.FieldControl {
8244
8244
  user-select: none;
8245
8245
  }
8246
8246
 
8247
- /* @scattered-light/loomiere-base-ui 0.4.0 · styles for @base-ui/react 1.9.0 */
8247
+ /* @scattered-light/loomiere-base-ui 0.4.1 · styles for @base-ui/react 1.9.0 */
8248
8248
  /* OTP Field - Mojave Theme
8249
8249
  *
8250
8250
  * One-time code entry: a row of single-character inputs. Each slot is the same control as Input
@@ -8307,7 +8307,7 @@ textarea.FieldControl {
8307
8307
  letter-spacing: var(--sl-font-body-magnify-letter-spacing);
8308
8308
  }
8309
8309
 
8310
- /* @scattered-light/loomiere-base-ui 0.4.0 · styles for @base-ui/react 1.9.0 */
8310
+ /* @scattered-light/loomiere-base-ui 0.4.1 · styles for @base-ui/react 1.9.0 */
8311
8311
  /* Popover - Mojave Theme */
8312
8312
 
8313
8313
  /* ============================================
@@ -8472,7 +8472,7 @@ textarea.FieldControl {
8472
8472
  fill: var(--sl-popup-arrow-stroke);
8473
8473
  }
8474
8474
 
8475
- /* @scattered-light/loomiere-base-ui 0.4.0 · styles for @base-ui/react 1.9.0 */
8475
+ /* @scattered-light/loomiere-base-ui 0.4.1 · styles for @base-ui/react 1.9.0 */
8476
8476
  /* Preview Card - Mojave Theme
8477
8477
  *
8478
8478
  * The popup concept (surface, arrow, motion) with a title-magnify title and condense
@@ -8589,7 +8589,7 @@ textarea.FieldControl {
8589
8589
  fill: var(--sl-popup-arrow-stroke);
8590
8590
  }
8591
8591
 
8592
- /* @scattered-light/loomiere-base-ui 0.4.0 · styles for @base-ui/react 1.9.0 */
8592
+ /* @scattered-light/loomiere-base-ui 0.4.1 · styles for @base-ui/react 1.9.0 */
8593
8593
  /* Progress - Mojave Theme
8594
8594
  *
8595
8595
  * A gauge (tokens/semantic/gauge.json), the same bar as Meter. The fill is the solid color of
@@ -8666,7 +8666,7 @@ textarea.FieldControl {
8666
8666
  height: var(--sl-gauge-height-lg);
8667
8667
  }
8668
8668
 
8669
- /* @scattered-light/loomiere-base-ui 0.4.0 · styles for @base-ui/react 1.9.0 */
8669
+ /* @scattered-light/loomiere-base-ui 0.4.1 · styles for @base-ui/react 1.9.0 */
8670
8670
  /* Radio - Mojave Theme
8671
8671
  * Same box as Checkbox, always round. Sizes follow the label the same way, and the
8672
8672
  * dot is a share of the circle (check.dot-scale).
@@ -8818,7 +8818,7 @@ textarea.FieldControl {
8818
8818
  gap: var(--sl-gap-stack-sm);
8819
8819
  }
8820
8820
 
8821
- /* @scattered-light/loomiere-base-ui 0.4.0 · styles for @base-ui/react 1.9.0 */
8821
+ /* @scattered-light/loomiere-base-ui 0.4.1 · styles for @base-ui/react 1.9.0 */
8822
8822
  /* Scroll Area - Mojave Theme
8823
8823
  *
8824
8824
  * The scrollbar is the content scrollbar (content.scrollbar-*): a track that stays clear until
@@ -8900,7 +8900,7 @@ textarea.FieldControl {
8900
8900
  background: transparent;
8901
8901
  }
8902
8902
 
8903
- /* @scattered-light/loomiere-base-ui 0.4.0 · styles for @base-ui/react 1.9.0 */
8903
+ /* @scattered-light/loomiere-base-ui 0.4.1 · styles for @base-ui/react 1.9.0 */
8904
8904
  /* Select - Mojave Theme
8905
8905
  *
8906
8906
  * The trigger is a field (the field pattern, control sizes, the base text style); the
@@ -9174,7 +9174,7 @@ textarea.FieldControl {
9174
9174
  stroke-width: var(--sl-stroke-default);
9175
9175
  }
9176
9176
 
9177
- /* @scattered-light/loomiere-base-ui 0.4.0 · styles for @base-ui/react 1.9.0 */
9177
+ /* @scattered-light/loomiere-base-ui 0.4.1 · styles for @base-ui/react 1.9.0 */
9178
9178
  /* Separator - Mojave Theme
9179
9179
  *
9180
9180
  * A hairline in the everyday divider color (border.default), one stroke thick, with a step of
@@ -9202,7 +9202,7 @@ textarea.FieldControl {
9202
9202
  margin-inline: var(--sl-space-4);
9203
9203
  }
9204
9204
 
9205
- /* @scattered-light/loomiere-base-ui 0.4.0 · styles for @base-ui/react 1.9.0 */
9205
+ /* @scattered-light/loomiere-base-ui 0.4.1 · styles for @base-ui/react 1.9.0 */
9206
9206
  /* Slider - Mojave Theme
9207
9207
  *
9208
9208
  * A slider is a gauge you can drag: the track, fill and label row are gauge.* (the same bar as
@@ -9368,7 +9368,7 @@ textarea.FieldControl {
9368
9368
  transform: translate(-50%, 50%);
9369
9369
  }
9370
9370
 
9371
- /* @scattered-light/loomiere-base-ui 0.4.0 · styles for @base-ui/react 1.9.0 */
9371
+ /* @scattered-light/loomiere-base-ui 0.4.1 · styles for @base-ui/react 1.9.0 */
9372
9372
  /* Switch - Mojave Theme
9373
9373
  * Switch keeps its track sizes. The thumb, its travel and the ON/OFF text are
9374
9374
  * worked out from them: the thumb fills the track's height inside the padding,
@@ -9534,7 +9534,7 @@ textarea.FieldControl {
9534
9534
  color: var(--sl-text-disabled);
9535
9535
  }
9536
9536
 
9537
- /* @scattered-light/loomiere-base-ui 0.4.0 · styles for @base-ui/react 1.9.0 */
9537
+ /* @scattered-light/loomiere-base-ui 0.4.1 · styles for @base-ui/react 1.9.0 */
9538
9538
  /* Table - Mojave Theme
9539
9539
  *
9540
9540
  * Base UI has no table, so this styles the native <table class="Table"> elements with the
@@ -9679,7 +9679,7 @@ textarea.FieldControl {
9679
9679
  color: var(--sl-text-tertiary);
9680
9680
  }
9681
9681
 
9682
- /* @scattered-light/loomiere-base-ui 0.4.0 · styles for @base-ui/react 1.9.0 */
9682
+ /* @scattered-light/loomiere-base-ui 0.4.1 · styles for @base-ui/react 1.9.0 */
9683
9683
  /* Tabs - Mojave Theme
9684
9684
  *
9685
9685
  * No component tokens. The divider, the selected line and color, hover and the disabled
@@ -9815,7 +9815,7 @@ textarea.FieldControl {
9815
9815
  padding: var(--sl-space-6);
9816
9816
  }
9817
9817
 
9818
- /* @scattered-light/loomiere-base-ui 0.4.0 · styles for @base-ui/react 1.9.0 */
9818
+ /* @scattered-light/loomiere-base-ui 0.4.1 · styles for @base-ui/react 1.9.0 */
9819
9819
  /* Toast - Mojave Theme
9820
9820
  *
9821
9821
  * A toast is a notice (tokens/semantic/notice.json) on the popup surface. A toast whose type
@@ -10051,7 +10051,7 @@ textarea.FieldControl {
10051
10051
  flex-shrink: 0;
10052
10052
  }
10053
10053
 
10054
- /* @scattered-light/loomiere-base-ui 0.4.0 · styles for @base-ui/react 1.9.0 */
10054
+ /* @scattered-light/loomiere-base-ui 0.4.1 · styles for @base-ui/react 1.9.0 */
10055
10055
  /* Toggle - Mojave Theme
10056
10056
  * A toggle is a button that stays pressed: the same heights, padding, gap and
10057
10057
  * trigger text style as a button of the same size. Pressed, it takes its emphasis level's
@@ -10163,7 +10163,7 @@ textarea.FieldControl {
10163
10163
  height: var(--sl-icon-size-maximize);
10164
10164
  }
10165
10165
 
10166
- /* @scattered-light/loomiere-base-ui 0.4.0 · styles for @base-ui/react 1.9.0 */
10166
+ /* @scattered-light/loomiere-base-ui 0.4.1 · styles for @base-ui/react 1.9.0 */
10167
10167
  /* Toggle Group - Mojave Theme
10168
10168
  *
10169
10169
  * No component tokens. The strip is the bar concept (tokens/semantic/bar.json); the
@@ -10184,7 +10184,7 @@ textarea.FieldControl {
10184
10184
  border-radius: var(--sl-radius-item);
10185
10185
  }
10186
10186
 
10187
- /* @scattered-light/loomiere-base-ui 0.4.0 · styles for @base-ui/react 1.9.0 */
10187
+ /* @scattered-light/loomiere-base-ui 0.4.1 · styles for @base-ui/react 1.9.0 */
10188
10188
  /* Toolbar - Mojave Theme
10189
10189
  *
10190
10190
  * The strip is the bar concept (tokens/semantic/bar.json). Buttons, toggles, selects
@@ -10246,7 +10246,7 @@ textarea.FieldControl {
10246
10246
  max-width: var(--sl-toolbar-input-max-width);
10247
10247
  }
10248
10248
 
10249
- /* @scattered-light/loomiere-base-ui 0.4.0 · styles for @base-ui/react 1.9.0 */
10249
+ /* @scattered-light/loomiere-base-ui 0.4.1 · styles for @base-ui/react 1.9.0 */
10250
10250
  /* Tooltip - Mojave Theme
10251
10251
  *
10252
10252
  * The inverse surface (surface.inverse, text.on-inverse-surface) with condense text, so a tooltip