@scattered-light/loomiere-mojave 0.15.4 → 0.15.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -6697,7 +6697,7 @@
|
|
|
6697
6697
|
}
|
|
6698
6698
|
|
|
6699
6699
|
|
|
6700
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
6700
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
6701
6701
|
/* Loomiere for Base UI: component styles. Brand-free: every value is a --sl- variable from a
|
|
6702
6702
|
Loomiere theme. Load the theme first:
|
|
6703
6703
|
@import '<your theme>/tokens.css';
|
|
@@ -6707,7 +6707,7 @@
|
|
|
6707
6707
|
/* Document defaults, in the reset layer so any unlayered rule wins over them, and so layered
|
|
6708
6708
|
frameworks (Chakra's recipes, Tailwind's utilities) are not undone by them. */
|
|
6709
6709
|
@layer reset {
|
|
6710
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
6710
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
6711
6711
|
/* CSS Reset - Mojave Theme */
|
|
6712
6712
|
|
|
6713
6713
|
/* ============================================
|
|
@@ -7151,7 +7151,7 @@ hr {
|
|
|
7151
7151
|
}
|
|
7152
7152
|
}
|
|
7153
7153
|
@layer reset {
|
|
7154
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
7154
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
7155
7155
|
/* Accessibility — base rules (no theme color dependencies). Theme-specific focus/invalid: accessibility-theme.css */
|
|
7156
7156
|
|
|
7157
7157
|
/* Remove default focus; keyboard focus styled in accessibility-theme.css */
|
|
@@ -7264,7 +7264,7 @@ main:focus {
|
|
|
7264
7264
|
|
|
7265
7265
|
}
|
|
7266
7266
|
@layer reset {
|
|
7267
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
7267
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
7268
7268
|
/* Focus, invalid, contrast — requires theme tokens (after theme-accessibility.css). */
|
|
7269
7269
|
|
|
7270
7270
|
:focus-visible {
|
|
@@ -7332,7 +7332,7 @@ button,
|
|
|
7332
7332
|
|
|
7333
7333
|
}
|
|
7334
7334
|
/* Component styles */
|
|
7335
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
7335
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
7336
7336
|
/* Accordion - Mojave Theme
|
|
7337
7337
|
*
|
|
7338
7338
|
* No component tokens. Hover, press, chevron, divider and motion are the disclosure
|
|
@@ -7453,7 +7453,7 @@ button,
|
|
|
7453
7453
|
overflow: hidden;
|
|
7454
7454
|
}
|
|
7455
7455
|
|
|
7456
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
7456
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
7457
7457
|
/* Alert Dialog - Mojave Theme
|
|
7458
7458
|
*
|
|
7459
7459
|
* No component tokens and no rules of its own. An alert dialog looks exactly like a
|
|
@@ -7462,7 +7462,7 @@ button,
|
|
|
7462
7462
|
* cancel quiet, and a destructive one bold with data-color="error".
|
|
7463
7463
|
*/
|
|
7464
7464
|
|
|
7465
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
7465
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
7466
7466
|
/* Autocomplete - Mojave Theme
|
|
7467
7467
|
*
|
|
7468
7468
|
* No component tokens. The input is Input (Input.css), the clear button is an icon
|
|
@@ -7664,7 +7664,7 @@ button,
|
|
|
7664
7664
|
(reset-accessibility.css).
|
|
7665
7665
|
============================================ */
|
|
7666
7666
|
|
|
7667
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
7667
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
7668
7668
|
/* Avatar - Mojave Theme
|
|
7669
7669
|
*
|
|
7670
7670
|
* A round picture with a ring in the page color, so avatars in a group cut out of each other in
|
|
@@ -7772,7 +7772,7 @@ button,
|
|
|
7772
7772
|
}
|
|
7773
7773
|
}
|
|
7774
7774
|
|
|
7775
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
7775
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
7776
7776
|
/* Button - Mojave Theme
|
|
7777
7777
|
*
|
|
7778
7778
|
* Colors are the brand's emphasis levels, sizes are control.*, text is the trigger
|
|
@@ -7922,7 +7922,7 @@ button,
|
|
|
7922
7922
|
font-size: var(--sl-icon-size-maximize);
|
|
7923
7923
|
}
|
|
7924
7924
|
|
|
7925
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
7925
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
7926
7926
|
/* Checkbox - Mojave Theme
|
|
7927
7927
|
* Sizes follow the label: the box is the icon size one tier above the label's text
|
|
7928
7928
|
* tier (like a button's icon) and the check mark one tier below it.
|
|
@@ -8079,7 +8079,7 @@ button,
|
|
|
8079
8079
|
border-radius: var(--sl-radius-pill);
|
|
8080
8080
|
}
|
|
8081
8081
|
|
|
8082
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
8082
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
8083
8083
|
/* Checkbox Group - Mojave Theme */
|
|
8084
8084
|
|
|
8085
8085
|
/* Each checkbox row is already a full tap target tall, so the rows sit close. */
|
|
@@ -8095,7 +8095,7 @@ button,
|
|
|
8095
8095
|
pointer-events: none;
|
|
8096
8096
|
}
|
|
8097
8097
|
|
|
8098
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
8098
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
8099
8099
|
/* Collapsible - Mojave Theme
|
|
8100
8100
|
*
|
|
8101
8101
|
* No component tokens. Hover, press, chevron and motion are the disclosure concept
|
|
@@ -8211,7 +8211,7 @@ button,
|
|
|
8211
8211
|
background: var(--sl-surface-raised);
|
|
8212
8212
|
}
|
|
8213
8213
|
|
|
8214
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
8214
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
8215
8215
|
/* Combobox - Mojave Theme
|
|
8216
8216
|
*
|
|
8217
8217
|
* No component tokens. The input is Input (Input.css); the chips box is a field; the
|
|
@@ -8696,7 +8696,7 @@ button,
|
|
|
8696
8696
|
color: var(--sl-text-tertiary);
|
|
8697
8697
|
}
|
|
8698
8698
|
|
|
8699
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
8699
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
8700
8700
|
/* Context Menu - Mojave Theme
|
|
8701
8701
|
*
|
|
8702
8702
|
* No component tokens. Opens on right-click; the trigger area only sets the cursor. The popup is the popup concept, rows are item rows at the
|
|
@@ -8865,7 +8865,7 @@ button,
|
|
|
8865
8865
|
stroke-width: var(--sl-stroke-default);
|
|
8866
8866
|
}
|
|
8867
8867
|
|
|
8868
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
8868
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
8869
8869
|
/* Dialog and Alert dialog - Mojave Theme
|
|
8870
8870
|
*
|
|
8871
8871
|
* Both are centered modals built from the modal concept (tokens/semantic/modal.json):
|
|
@@ -9011,7 +9011,7 @@ button,
|
|
|
9011
9011
|
margin-top: var(--sl-modal-actions-spacing);
|
|
9012
9012
|
}
|
|
9013
9013
|
|
|
9014
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
9014
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
9015
9015
|
/* Drawer - a panel that slides in from an edge and can be swiped away.
|
|
9016
9016
|
The surface, scrim, heading and motion are the modal concept's (--sl-modal-*), so a
|
|
9017
9017
|
drawer reads as a dialog's sibling; only its size and grab bar are its own
|
|
@@ -9144,7 +9144,7 @@ button,
|
|
|
9144
9144
|
color: var(--sl-modal-description-color);
|
|
9145
9145
|
}
|
|
9146
9146
|
|
|
9147
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
9147
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
9148
9148
|
/* Field - Mojave Theme
|
|
9149
9149
|
*
|
|
9150
9150
|
* Label, control, description and error. No component tokens: spacing is the field
|
|
@@ -9205,7 +9205,7 @@ textarea.FieldControl {
|
|
|
9205
9205
|
height: auto;
|
|
9206
9206
|
}
|
|
9207
9207
|
|
|
9208
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
9208
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
9209
9209
|
/* Fieldset - Mojave Theme
|
|
9210
9210
|
*
|
|
9211
9211
|
* No component tokens: a titled group of fields, spaced by the stack gaps, with
|
|
@@ -9247,7 +9247,7 @@ textarea.FieldControl {
|
|
|
9247
9247
|
color: var(--sl-text-secondary);
|
|
9248
9248
|
}
|
|
9249
9249
|
|
|
9250
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
9250
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
9251
9251
|
/* Form - Mojave Theme
|
|
9252
9252
|
*
|
|
9253
9253
|
* No component tokens: fields stack with the large block space, and the action
|
|
@@ -9267,7 +9267,7 @@ textarea.FieldControl {
|
|
|
9267
9267
|
margin-top: var(--sl-space-block-md);
|
|
9268
9268
|
}
|
|
9269
9269
|
|
|
9270
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
9270
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
9271
9271
|
/* Input - Mojave Theme
|
|
9272
9272
|
*
|
|
9273
9273
|
* No component tokens: the look is the field concept (tokens/semantic/field.json),
|
|
@@ -9305,6 +9305,16 @@ textarea.FieldControl {
|
|
|
9305
9305
|
padding-inline: var(--sl-control-padding-inline);
|
|
9306
9306
|
}
|
|
9307
9307
|
|
|
9308
|
+
/* Search fields draw their own clear button where they want one, so the browser's built-in
|
|
9309
|
+
one must not show a second x. */
|
|
9310
|
+
.Input[type='search']::-webkit-search-cancel-button,
|
|
9311
|
+
.FieldControl[type='search']::-webkit-search-cancel-button,
|
|
9312
|
+
.AutocompleteInput[type='search']::-webkit-search-cancel-button {
|
|
9313
|
+
-webkit-appearance: none;
|
|
9314
|
+
appearance: none;
|
|
9315
|
+
display: none;
|
|
9316
|
+
}
|
|
9317
|
+
|
|
9308
9318
|
.Input::placeholder,
|
|
9309
9319
|
.FieldControl::placeholder,
|
|
9310
9320
|
.NumberFieldInput::placeholder,
|
|
@@ -9404,7 +9414,7 @@ textarea.FieldControl {
|
|
|
9404
9414
|
padding-inline: var(--sl-control-padding-inline-lg);
|
|
9405
9415
|
}
|
|
9406
9416
|
|
|
9407
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
9417
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
9408
9418
|
/* Menu - Mojave Theme
|
|
9409
9419
|
*
|
|
9410
9420
|
* No component tokens. The trigger is a Button. The popup is the popup concept, rows are item rows at the
|
|
@@ -9553,7 +9563,7 @@ textarea.FieldControl {
|
|
|
9553
9563
|
color: var(--sl-text-tertiary);
|
|
9554
9564
|
}
|
|
9555
9565
|
|
|
9556
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
9566
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
9557
9567
|
/* Menubar - Mojave Theme
|
|
9558
9568
|
*
|
|
9559
9569
|
* No component tokens. A row of quiet triggers, each opening a menu. The popup is the popup concept, rows are item rows at the
|
|
@@ -9746,7 +9756,7 @@ textarea.FieldControl {
|
|
|
9746
9756
|
color: var(--sl-text-tertiary);
|
|
9747
9757
|
}
|
|
9748
9758
|
|
|
9749
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
9759
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
9750
9760
|
/* Meter - Mojave Theme
|
|
9751
9761
|
*
|
|
9752
9762
|
* A gauge (tokens/semantic/gauge.json). The fill is the solid color of the scope around it:
|
|
@@ -9809,7 +9819,7 @@ textarea.FieldControl {
|
|
|
9809
9819
|
height: var(--sl-gauge-height-lg);
|
|
9810
9820
|
}
|
|
9811
9821
|
|
|
9812
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
9822
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
9813
9823
|
/* Navigation Menu - Mojave Theme
|
|
9814
9824
|
*
|
|
9815
9825
|
* The strip is the bar concept, the panel is the popup concept and each link is an item
|
|
@@ -10229,7 +10239,7 @@ textarea.FieldControl {
|
|
|
10229
10239
|
width: 100%;
|
|
10230
10240
|
}
|
|
10231
10241
|
|
|
10232
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
10242
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
10233
10243
|
/* Number Field - Mojave Theme
|
|
10234
10244
|
*
|
|
10235
10245
|
* No component tokens. The input is Input (Input.css) and the label, description and
|
|
@@ -10320,7 +10330,7 @@ textarea.FieldControl {
|
|
|
10320
10330
|
user-select: none;
|
|
10321
10331
|
}
|
|
10322
10332
|
|
|
10323
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
10333
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
10324
10334
|
/* OTP Field - Mojave Theme
|
|
10325
10335
|
*
|
|
10326
10336
|
* One-time code entry: a row of single-character inputs. Each slot is the same control as Input
|
|
@@ -10383,7 +10393,7 @@ textarea.FieldControl {
|
|
|
10383
10393
|
letter-spacing: var(--sl-font-body-magnify-letter-spacing);
|
|
10384
10394
|
}
|
|
10385
10395
|
|
|
10386
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
10396
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
10387
10397
|
/* Popover - Mojave Theme */
|
|
10388
10398
|
|
|
10389
10399
|
/* ============================================
|
|
@@ -10548,7 +10558,7 @@ textarea.FieldControl {
|
|
|
10548
10558
|
fill: var(--sl-popup-arrow-stroke);
|
|
10549
10559
|
}
|
|
10550
10560
|
|
|
10551
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
10561
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
10552
10562
|
/* Preview Card - Mojave Theme
|
|
10553
10563
|
*
|
|
10554
10564
|
* The popup concept (surface, arrow, motion) with a title-magnify title and condense
|
|
@@ -10665,7 +10675,7 @@ textarea.FieldControl {
|
|
|
10665
10675
|
fill: var(--sl-popup-arrow-stroke);
|
|
10666
10676
|
}
|
|
10667
10677
|
|
|
10668
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
10678
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
10669
10679
|
/* Progress - Mojave Theme
|
|
10670
10680
|
*
|
|
10671
10681
|
* A gauge (tokens/semantic/gauge.json), the same bar as Meter. The fill is the solid color of
|
|
@@ -10742,7 +10752,7 @@ textarea.FieldControl {
|
|
|
10742
10752
|
height: var(--sl-gauge-height-lg);
|
|
10743
10753
|
}
|
|
10744
10754
|
|
|
10745
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
10755
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
10746
10756
|
/* Radio - Mojave Theme
|
|
10747
10757
|
* Same box as Checkbox, always round. Sizes follow the label the same way, and the
|
|
10748
10758
|
* dot is a share of the circle (check.dot-scale).
|
|
@@ -10894,7 +10904,7 @@ textarea.FieldControl {
|
|
|
10894
10904
|
gap: var(--sl-gap-stack-sm);
|
|
10895
10905
|
}
|
|
10896
10906
|
|
|
10897
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
10907
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
10898
10908
|
/* Scroll Area - Mojave Theme
|
|
10899
10909
|
*
|
|
10900
10910
|
* The scrollbar is the content scrollbar (content.scrollbar-*): a track that stays clear until
|
|
@@ -10976,7 +10986,7 @@ textarea.FieldControl {
|
|
|
10976
10986
|
background: transparent;
|
|
10977
10987
|
}
|
|
10978
10988
|
|
|
10979
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
10989
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
10980
10990
|
/* Select - Mojave Theme
|
|
10981
10991
|
*
|
|
10982
10992
|
* The trigger is a field (the field pattern, control sizes, the base text style); the
|
|
@@ -11261,7 +11271,7 @@ textarea.FieldControl {
|
|
|
11261
11271
|
stroke-width: var(--sl-stroke-default);
|
|
11262
11272
|
}
|
|
11263
11273
|
|
|
11264
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
11274
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
11265
11275
|
/* Separator - Mojave Theme
|
|
11266
11276
|
*
|
|
11267
11277
|
* A hairline in the everyday divider color (border.default), one stroke thick, with a step of
|
|
@@ -11289,7 +11299,7 @@ textarea.FieldControl {
|
|
|
11289
11299
|
margin-inline: var(--sl-space-4);
|
|
11290
11300
|
}
|
|
11291
11301
|
|
|
11292
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
11302
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
11293
11303
|
/* Slider - Mojave Theme
|
|
11294
11304
|
*
|
|
11295
11305
|
* A slider is a gauge you can drag: the track, fill and label row are gauge.* (the same bar as
|
|
@@ -11455,7 +11465,7 @@ textarea.FieldControl {
|
|
|
11455
11465
|
transform: translate(-50%, 50%);
|
|
11456
11466
|
}
|
|
11457
11467
|
|
|
11458
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
11468
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
11459
11469
|
/* Switch - Mojave Theme
|
|
11460
11470
|
* Switch keeps its track sizes. The thumb, its travel and the ON/OFF text are
|
|
11461
11471
|
* worked out from them: the thumb fills the track's height inside the padding,
|
|
@@ -11621,7 +11631,7 @@ textarea.FieldControl {
|
|
|
11621
11631
|
color: var(--sl-text-disabled);
|
|
11622
11632
|
}
|
|
11623
11633
|
|
|
11624
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
11634
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
11625
11635
|
/* Tabs - Mojave Theme
|
|
11626
11636
|
*
|
|
11627
11637
|
* No component tokens. The divider, the selected line and color, hover and the disabled
|
|
@@ -11757,7 +11767,7 @@ textarea.FieldControl {
|
|
|
11757
11767
|
padding: var(--sl-space-6);
|
|
11758
11768
|
}
|
|
11759
11769
|
|
|
11760
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
11770
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
11761
11771
|
/* Toast - Mojave Theme
|
|
11762
11772
|
*
|
|
11763
11773
|
* A toast is a notice (tokens/semantic/notice.json) on the popup surface. A toast whose type
|
|
@@ -11993,7 +12003,7 @@ textarea.FieldControl {
|
|
|
11993
12003
|
flex-shrink: 0;
|
|
11994
12004
|
}
|
|
11995
12005
|
|
|
11996
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
12006
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
11997
12007
|
/* Toggle - Mojave Theme
|
|
11998
12008
|
* A toggle is a button that stays pressed: the same heights, padding, gap and
|
|
11999
12009
|
* trigger text style as a button of the same size. Pressed, it takes its emphasis level's
|
|
@@ -12105,7 +12115,7 @@ textarea.FieldControl {
|
|
|
12105
12115
|
height: var(--sl-icon-size-maximize);
|
|
12106
12116
|
}
|
|
12107
12117
|
|
|
12108
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
12118
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
12109
12119
|
/* Toggle Group - Mojave Theme
|
|
12110
12120
|
*
|
|
12111
12121
|
* No component tokens. The strip is the bar concept (tokens/semantic/bar.json); the
|
|
@@ -12167,7 +12177,7 @@ textarea.FieldControl {
|
|
|
12167
12177
|
outline-offset: var(--sl-focus-outline-offset-inset);
|
|
12168
12178
|
}
|
|
12169
12179
|
|
|
12170
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
12180
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
12171
12181
|
/* Toolbar - Mojave Theme
|
|
12172
12182
|
*
|
|
12173
12183
|
* The strip is the bar concept (tokens/semantic/bar.json). Buttons, toggles, selects
|
|
@@ -12229,7 +12239,7 @@ textarea.FieldControl {
|
|
|
12229
12239
|
max-width: var(--sl-toolbar-input-max-width);
|
|
12230
12240
|
}
|
|
12231
12241
|
|
|
12232
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
12242
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
12233
12243
|
/* Tooltip - Mojave Theme
|
|
12234
12244
|
*
|
|
12235
12245
|
* The inverse surface (surface.inverse, text.on-inverse-surface) with condense text, so a tooltip
|
|
@@ -12290,7 +12300,7 @@ textarea.FieldControl {
|
|
|
12290
12300
|
}
|
|
12291
12301
|
|
|
12292
12302
|
/* Custom components: not Base UI parts. Built from existing concepts and tokens. */
|
|
12293
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
12303
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
12294
12304
|
/* Badge
|
|
12295
12305
|
*
|
|
12296
12306
|
* A status or count label. Not a Base UI part, and not interactive: no hover or focus.
|
|
@@ -12395,7 +12405,7 @@ textarea.FieldControl {
|
|
|
12395
12405
|
height: var(--sl-badge-dot-base);
|
|
12396
12406
|
}
|
|
12397
12407
|
|
|
12398
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
12408
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
12399
12409
|
/*
|
|
12400
12410
|
* DatePicker: a field that opens a calendar for one date or a period.
|
|
12401
12411
|
* Not a Base UI part. The popup is Popover on a wide viewport and Drawer
|
|
@@ -12968,7 +12978,7 @@ textarea.FieldControl {
|
|
|
12968
12978
|
flex-basis: 100%;
|
|
12969
12979
|
}
|
|
12970
12980
|
|
|
12971
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
12981
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
12972
12982
|
/* Money field
|
|
12973
12983
|
*
|
|
12974
12984
|
* An amount of money, built on Number field. The value is an integer in minor units
|
|
@@ -13313,7 +13323,7 @@ textarea.FieldControl {
|
|
|
13313
13323
|
letter-spacing: var(--sl-font-body-base-letter-spacing);
|
|
13314
13324
|
}
|
|
13315
13325
|
|
|
13316
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
13326
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
13317
13327
|
/* ListDetail
|
|
13318
13328
|
*
|
|
13319
13329
|
* The detail of one item, next to its list. Not a Base UI part. It is a Splitter
|
|
@@ -13440,7 +13450,7 @@ textarea.FieldControl {
|
|
|
13440
13450
|
background: transparent;
|
|
13441
13451
|
}
|
|
13442
13452
|
|
|
13443
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
13453
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
13444
13454
|
/* Splitter
|
|
13445
13455
|
*
|
|
13446
13456
|
* Two or more panels and a handle between them. Not a Base UI part. It follows the
|
|
@@ -13648,7 +13658,7 @@ textarea.FieldControl {
|
|
|
13648
13658
|
background: var(--sl-border-default);
|
|
13649
13659
|
}
|
|
13650
13660
|
|
|
13651
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
13661
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
13652
13662
|
/* EmptyState
|
|
13653
13663
|
*
|
|
13654
13664
|
* The block a page, pane, table, list or popup shows when it has nothing to show.
|
|
@@ -13904,7 +13914,7 @@ textarea.FieldControl {
|
|
|
13904
13914
|
color: inherit;
|
|
13905
13915
|
}
|
|
13906
13916
|
|
|
13907
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
13917
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
13908
13918
|
/* Table - Mojave Theme
|
|
13909
13919
|
*
|
|
13910
13920
|
* Base UI has no table, so this styles the native <table class="Table"> elements with the
|
|
@@ -14029,6 +14039,12 @@ textarea.FieldControl {
|
|
|
14029
14039
|
border-bottom: var(--sl-stroke-default) solid var(--sl-table-row-border-color);
|
|
14030
14040
|
}
|
|
14031
14041
|
|
|
14042
|
+
/* The last row has no line under it, row header included, so a total's rule above a footer isn't doubled. */
|
|
14043
|
+
.Table tbody tr:last-child > th,
|
|
14044
|
+
.Table tbody:last-child tr:last-child > th {
|
|
14045
|
+
border-bottom: none;
|
|
14046
|
+
}
|
|
14047
|
+
|
|
14032
14048
|
/* Numbers and amounts: right-aligned so digits line up */
|
|
14033
14049
|
.Table [data-align='end'] {
|
|
14034
14050
|
text-align: end;
|
|
@@ -14175,7 +14191,7 @@ textarea.FieldControl {
|
|
|
14175
14191
|
color: inherit;
|
|
14176
14192
|
}
|
|
14177
14193
|
|
|
14178
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
14194
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
14179
14195
|
/* Collection
|
|
14180
14196
|
*
|
|
14181
14197
|
* DataTable, DataList, the toolbar and the pagination, in one place so the two views
|
|
@@ -14186,7 +14202,7 @@ textarea.FieldControl {
|
|
|
14186
14202
|
* the tabs and the search where they are, so selecting rows does not grow the toolbar.
|
|
14187
14203
|
*/
|
|
14188
14204
|
|
|
14189
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
14205
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
14190
14206
|
/* Collection toolbar
|
|
14191
14207
|
*
|
|
14192
14208
|
* The wrap follows the toolbar's own width, not the window: a table in a narrow pane wraps
|
|
@@ -14352,7 +14368,7 @@ textarea.FieldControl {
|
|
|
14352
14368
|
border-block-end: var(--sl-stroke-default) solid var(--sl-table-border-color);
|
|
14353
14369
|
}
|
|
14354
14370
|
|
|
14355
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
14371
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
14356
14372
|
/* DataTable additions on top of .Table.
|
|
14357
14373
|
*
|
|
14358
14374
|
* Sort buttons fill the header cell and inherit its hover, so old aria-sort markup keeps
|
|
@@ -14551,7 +14567,7 @@ textarea.FieldControl {
|
|
|
14551
14567
|
}
|
|
14552
14568
|
}
|
|
14553
14569
|
|
|
14554
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
14570
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
14555
14571
|
/* DataList
|
|
14556
14572
|
*
|
|
14557
14573
|
* The same rows as the table, in one container with the table's borders, hover, selected
|
|
@@ -14693,7 +14709,7 @@ textarea.FieldControl {
|
|
|
14693
14709
|
transition: opacity var(--sl-duration-fast) var(--sl-easing-default);
|
|
14694
14710
|
}
|
|
14695
14711
|
|
|
14696
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
14712
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
14697
14713
|
/* Pagination
|
|
14698
14714
|
*
|
|
14699
14715
|
* Not tied to a collection. Anything with a page, a page count and a total can use it.
|
|
@@ -14718,7 +14734,7 @@ textarea.FieldControl {
|
|
|
14718
14734
|
margin: 0;
|
|
14719
14735
|
}
|
|
14720
14736
|
|
|
14721
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
14737
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
14722
14738
|
/* EditableList
|
|
14723
14739
|
*
|
|
14724
14740
|
* One table at every width, so a field is not submitted twice. Under the stack width each
|
|
@@ -14817,7 +14833,7 @@ textarea.FieldControl {
|
|
|
14817
14833
|
}
|
|
14818
14834
|
}
|
|
14819
14835
|
|
|
14820
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
14836
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
14821
14837
|
/* Sheet
|
|
14822
14838
|
*
|
|
14823
14839
|
* A working-paper surface: the raised surface with a heavier rule across its top
|
|
@@ -14916,7 +14932,7 @@ textarea.FieldControl {
|
|
|
14916
14932
|
border-top: 0;
|
|
14917
14933
|
}
|
|
14918
14934
|
|
|
14919
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
14935
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
14920
14936
|
/* StatFigure
|
|
14921
14937
|
*
|
|
14922
14938
|
* One large figure with a caps label above and a caption under it. The label is
|
|
@@ -14977,7 +14993,7 @@ textarea.FieldControl {
|
|
|
14977
14993
|
color: var(--sl-stat-figure-caption-color);
|
|
14978
14994
|
}
|
|
14979
14995
|
|
|
14980
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
14996
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
14981
14997
|
/* DescriptionList
|
|
14982
14998
|
*
|
|
14983
14999
|
* Label and value pairs in a native dl, one DescriptionItem (a div holding a dt and a dd)
|
|
@@ -15053,7 +15069,7 @@ textarea.FieldControl {
|
|
|
15053
15069
|
text-align: end;
|
|
15054
15070
|
}
|
|
15055
15071
|
|
|
15056
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
15072
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
15057
15073
|
/* AppBar
|
|
15058
15074
|
*
|
|
15059
15075
|
* The bar across the top of an app window, one row on a line in the rule color. The line is
|
|
@@ -15087,7 +15103,7 @@ textarea.FieldControl {
|
|
|
15087
15103
|
background: var(--sl-app-bar-divider-color);
|
|
15088
15104
|
}
|
|
15089
15105
|
|
|
15090
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
15106
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
15091
15107
|
/* PickerButton
|
|
15092
15108
|
*
|
|
15093
15109
|
* A trigger with a caps label before the current choice: CLIENT Alpha Services. The field
|
|
@@ -15187,7 +15203,7 @@ textarea.FieldControl {
|
|
|
15187
15203
|
transform: rotate(180deg);
|
|
15188
15204
|
}
|
|
15189
15205
|
|
|
15190
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
15206
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
15191
15207
|
/* PickerSplit
|
|
15192
15208
|
*
|
|
15193
15209
|
* A PickerButton whose choice is itself a control: the main part (CLIENT Alpha Services) acts,
|
|
@@ -15285,7 +15301,7 @@ textarea.FieldControl {
|
|
|
15285
15301
|
transform: rotate(180deg);
|
|
15286
15302
|
}
|
|
15287
15303
|
|
|
15288
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
15304
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
15289
15305
|
/* SideNav
|
|
15290
15306
|
*
|
|
15291
15307
|
* The column of links down the side of a workspace. Rows are ruled apart with a hairline; the
|