@scattered-light/loomiere-mojave 0.15.5 → 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
|
|
@@ -14181,7 +14191,7 @@ textarea.FieldControl {
|
|
|
14181
14191
|
color: inherit;
|
|
14182
14192
|
}
|
|
14183
14193
|
|
|
14184
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
14194
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
14185
14195
|
/* Collection
|
|
14186
14196
|
*
|
|
14187
14197
|
* DataTable, DataList, the toolbar and the pagination, in one place so the two views
|
|
@@ -14192,7 +14202,7 @@ textarea.FieldControl {
|
|
|
14192
14202
|
* the tabs and the search where they are, so selecting rows does not grow the toolbar.
|
|
14193
14203
|
*/
|
|
14194
14204
|
|
|
14195
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
14205
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
14196
14206
|
/* Collection toolbar
|
|
14197
14207
|
*
|
|
14198
14208
|
* The wrap follows the toolbar's own width, not the window: a table in a narrow pane wraps
|
|
@@ -14358,7 +14368,7 @@ textarea.FieldControl {
|
|
|
14358
14368
|
border-block-end: var(--sl-stroke-default) solid var(--sl-table-border-color);
|
|
14359
14369
|
}
|
|
14360
14370
|
|
|
14361
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
14371
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
14362
14372
|
/* DataTable additions on top of .Table.
|
|
14363
14373
|
*
|
|
14364
14374
|
* Sort buttons fill the header cell and inherit its hover, so old aria-sort markup keeps
|
|
@@ -14557,7 +14567,7 @@ textarea.FieldControl {
|
|
|
14557
14567
|
}
|
|
14558
14568
|
}
|
|
14559
14569
|
|
|
14560
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
14570
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
14561
14571
|
/* DataList
|
|
14562
14572
|
*
|
|
14563
14573
|
* The same rows as the table, in one container with the table's borders, hover, selected
|
|
@@ -14699,7 +14709,7 @@ textarea.FieldControl {
|
|
|
14699
14709
|
transition: opacity var(--sl-duration-fast) var(--sl-easing-default);
|
|
14700
14710
|
}
|
|
14701
14711
|
|
|
14702
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
14712
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
14703
14713
|
/* Pagination
|
|
14704
14714
|
*
|
|
14705
14715
|
* Not tied to a collection. Anything with a page, a page count and a total can use it.
|
|
@@ -14724,7 +14734,7 @@ textarea.FieldControl {
|
|
|
14724
14734
|
margin: 0;
|
|
14725
14735
|
}
|
|
14726
14736
|
|
|
14727
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
14737
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
14728
14738
|
/* EditableList
|
|
14729
14739
|
*
|
|
14730
14740
|
* One table at every width, so a field is not submitted twice. Under the stack width each
|
|
@@ -14823,7 +14833,7 @@ textarea.FieldControl {
|
|
|
14823
14833
|
}
|
|
14824
14834
|
}
|
|
14825
14835
|
|
|
14826
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
14836
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
14827
14837
|
/* Sheet
|
|
14828
14838
|
*
|
|
14829
14839
|
* A working-paper surface: the raised surface with a heavier rule across its top
|
|
@@ -14922,7 +14932,7 @@ textarea.FieldControl {
|
|
|
14922
14932
|
border-top: 0;
|
|
14923
14933
|
}
|
|
14924
14934
|
|
|
14925
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
14935
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
14926
14936
|
/* StatFigure
|
|
14927
14937
|
*
|
|
14928
14938
|
* One large figure with a caps label above and a caption under it. The label is
|
|
@@ -14983,7 +14993,7 @@ textarea.FieldControl {
|
|
|
14983
14993
|
color: var(--sl-stat-figure-caption-color);
|
|
14984
14994
|
}
|
|
14985
14995
|
|
|
14986
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
14996
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
14987
14997
|
/* DescriptionList
|
|
14988
14998
|
*
|
|
14989
14999
|
* Label and value pairs in a native dl, one DescriptionItem (a div holding a dt and a dd)
|
|
@@ -15059,7 +15069,7 @@ textarea.FieldControl {
|
|
|
15059
15069
|
text-align: end;
|
|
15060
15070
|
}
|
|
15061
15071
|
|
|
15062
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
15072
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
15063
15073
|
/* AppBar
|
|
15064
15074
|
*
|
|
15065
15075
|
* The bar across the top of an app window, one row on a line in the rule color. The line is
|
|
@@ -15093,7 +15103,7 @@ textarea.FieldControl {
|
|
|
15093
15103
|
background: var(--sl-app-bar-divider-color);
|
|
15094
15104
|
}
|
|
15095
15105
|
|
|
15096
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
15106
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
15097
15107
|
/* PickerButton
|
|
15098
15108
|
*
|
|
15099
15109
|
* A trigger with a caps label before the current choice: CLIENT Alpha Services. The field
|
|
@@ -15193,7 +15203,7 @@ textarea.FieldControl {
|
|
|
15193
15203
|
transform: rotate(180deg);
|
|
15194
15204
|
}
|
|
15195
15205
|
|
|
15196
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
15206
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
15197
15207
|
/* PickerSplit
|
|
15198
15208
|
*
|
|
15199
15209
|
* A PickerButton whose choice is itself a control: the main part (CLIENT Alpha Services) acts,
|
|
@@ -15291,7 +15301,7 @@ textarea.FieldControl {
|
|
|
15291
15301
|
transform: rotate(180deg);
|
|
15292
15302
|
}
|
|
15293
15303
|
|
|
15294
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
15304
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
15295
15305
|
/* SideNav
|
|
15296
15306
|
*
|
|
15297
15307
|
* The column of links down the side of a workspace. Rows are ruled apart with a hairline; the
|