@scattered-light/loomiere-mojave 0.15.3 → 0.15.5
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.
|
@@ -11,6 +11,7 @@ Tokens: the table concept (--sl-table-*).
|
|
|
11
11
|
| Class | Data attributes it answers to |
|
|
12
12
|
|---|---|
|
|
13
13
|
| `Table` | `data-header-style`: `caps`; `data-figures`; `data-sticky-header` |
|
|
14
|
+
| `TableFigure` | |
|
|
14
15
|
| `EmptyState` | |
|
|
15
16
|
|
|
16
17
|
Base UI sets the state attributes (`data-checked`, `data-open`, `data-disabled`...) itself. Set `data-size`, `data-emphasis`, `data-variant` and `data-color` yourself; `data-color` takes any palette name (`primary`, `secondary`, `error`...) and repaints the part in it.
|
|
@@ -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.5 · 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.5 · 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.5 · 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.5 · 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.5 · 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.5 · 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.5 · 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.5 · 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.5 · 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.5 · 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.5 · 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.5 · 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.5 · 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.5 · 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.5 · 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.5 · 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.5 · 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.5 · 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.5 · 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.5 · 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),
|
|
@@ -9404,7 +9404,7 @@ textarea.FieldControl {
|
|
|
9404
9404
|
padding-inline: var(--sl-control-padding-inline-lg);
|
|
9405
9405
|
}
|
|
9406
9406
|
|
|
9407
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
9407
|
+
/* @scattered-light/loomiere-base-ui 0.15.5 · styles for @base-ui/react 1.9.0 */
|
|
9408
9408
|
/* Menu - Mojave Theme
|
|
9409
9409
|
*
|
|
9410
9410
|
* No component tokens. The trigger is a Button. The popup is the popup concept, rows are item rows at the
|
|
@@ -9553,7 +9553,7 @@ textarea.FieldControl {
|
|
|
9553
9553
|
color: var(--sl-text-tertiary);
|
|
9554
9554
|
}
|
|
9555
9555
|
|
|
9556
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
9556
|
+
/* @scattered-light/loomiere-base-ui 0.15.5 · styles for @base-ui/react 1.9.0 */
|
|
9557
9557
|
/* Menubar - Mojave Theme
|
|
9558
9558
|
*
|
|
9559
9559
|
* 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 +9746,7 @@ textarea.FieldControl {
|
|
|
9746
9746
|
color: var(--sl-text-tertiary);
|
|
9747
9747
|
}
|
|
9748
9748
|
|
|
9749
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
9749
|
+
/* @scattered-light/loomiere-base-ui 0.15.5 · styles for @base-ui/react 1.9.0 */
|
|
9750
9750
|
/* Meter - Mojave Theme
|
|
9751
9751
|
*
|
|
9752
9752
|
* A gauge (tokens/semantic/gauge.json). The fill is the solid color of the scope around it:
|
|
@@ -9809,7 +9809,7 @@ textarea.FieldControl {
|
|
|
9809
9809
|
height: var(--sl-gauge-height-lg);
|
|
9810
9810
|
}
|
|
9811
9811
|
|
|
9812
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
9812
|
+
/* @scattered-light/loomiere-base-ui 0.15.5 · styles for @base-ui/react 1.9.0 */
|
|
9813
9813
|
/* Navigation Menu - Mojave Theme
|
|
9814
9814
|
*
|
|
9815
9815
|
* The strip is the bar concept, the panel is the popup concept and each link is an item
|
|
@@ -10229,7 +10229,7 @@ textarea.FieldControl {
|
|
|
10229
10229
|
width: 100%;
|
|
10230
10230
|
}
|
|
10231
10231
|
|
|
10232
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
10232
|
+
/* @scattered-light/loomiere-base-ui 0.15.5 · styles for @base-ui/react 1.9.0 */
|
|
10233
10233
|
/* Number Field - Mojave Theme
|
|
10234
10234
|
*
|
|
10235
10235
|
* No component tokens. The input is Input (Input.css) and the label, description and
|
|
@@ -10320,7 +10320,7 @@ textarea.FieldControl {
|
|
|
10320
10320
|
user-select: none;
|
|
10321
10321
|
}
|
|
10322
10322
|
|
|
10323
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
10323
|
+
/* @scattered-light/loomiere-base-ui 0.15.5 · styles for @base-ui/react 1.9.0 */
|
|
10324
10324
|
/* OTP Field - Mojave Theme
|
|
10325
10325
|
*
|
|
10326
10326
|
* One-time code entry: a row of single-character inputs. Each slot is the same control as Input
|
|
@@ -10383,7 +10383,7 @@ textarea.FieldControl {
|
|
|
10383
10383
|
letter-spacing: var(--sl-font-body-magnify-letter-spacing);
|
|
10384
10384
|
}
|
|
10385
10385
|
|
|
10386
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
10386
|
+
/* @scattered-light/loomiere-base-ui 0.15.5 · styles for @base-ui/react 1.9.0 */
|
|
10387
10387
|
/* Popover - Mojave Theme */
|
|
10388
10388
|
|
|
10389
10389
|
/* ============================================
|
|
@@ -10548,7 +10548,7 @@ textarea.FieldControl {
|
|
|
10548
10548
|
fill: var(--sl-popup-arrow-stroke);
|
|
10549
10549
|
}
|
|
10550
10550
|
|
|
10551
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
10551
|
+
/* @scattered-light/loomiere-base-ui 0.15.5 · styles for @base-ui/react 1.9.0 */
|
|
10552
10552
|
/* Preview Card - Mojave Theme
|
|
10553
10553
|
*
|
|
10554
10554
|
* The popup concept (surface, arrow, motion) with a title-magnify title and condense
|
|
@@ -10665,7 +10665,7 @@ textarea.FieldControl {
|
|
|
10665
10665
|
fill: var(--sl-popup-arrow-stroke);
|
|
10666
10666
|
}
|
|
10667
10667
|
|
|
10668
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
10668
|
+
/* @scattered-light/loomiere-base-ui 0.15.5 · styles for @base-ui/react 1.9.0 */
|
|
10669
10669
|
/* Progress - Mojave Theme
|
|
10670
10670
|
*
|
|
10671
10671
|
* A gauge (tokens/semantic/gauge.json), the same bar as Meter. The fill is the solid color of
|
|
@@ -10742,7 +10742,7 @@ textarea.FieldControl {
|
|
|
10742
10742
|
height: var(--sl-gauge-height-lg);
|
|
10743
10743
|
}
|
|
10744
10744
|
|
|
10745
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
10745
|
+
/* @scattered-light/loomiere-base-ui 0.15.5 · styles for @base-ui/react 1.9.0 */
|
|
10746
10746
|
/* Radio - Mojave Theme
|
|
10747
10747
|
* Same box as Checkbox, always round. Sizes follow the label the same way, and the
|
|
10748
10748
|
* dot is a share of the circle (check.dot-scale).
|
|
@@ -10894,7 +10894,7 @@ textarea.FieldControl {
|
|
|
10894
10894
|
gap: var(--sl-gap-stack-sm);
|
|
10895
10895
|
}
|
|
10896
10896
|
|
|
10897
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
10897
|
+
/* @scattered-light/loomiere-base-ui 0.15.5 · styles for @base-ui/react 1.9.0 */
|
|
10898
10898
|
/* Scroll Area - Mojave Theme
|
|
10899
10899
|
*
|
|
10900
10900
|
* The scrollbar is the content scrollbar (content.scrollbar-*): a track that stays clear until
|
|
@@ -10976,7 +10976,7 @@ textarea.FieldControl {
|
|
|
10976
10976
|
background: transparent;
|
|
10977
10977
|
}
|
|
10978
10978
|
|
|
10979
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
10979
|
+
/* @scattered-light/loomiere-base-ui 0.15.5 · styles for @base-ui/react 1.9.0 */
|
|
10980
10980
|
/* Select - Mojave Theme
|
|
10981
10981
|
*
|
|
10982
10982
|
* The trigger is a field (the field pattern, control sizes, the base text style); the
|
|
@@ -11261,7 +11261,7 @@ textarea.FieldControl {
|
|
|
11261
11261
|
stroke-width: var(--sl-stroke-default);
|
|
11262
11262
|
}
|
|
11263
11263
|
|
|
11264
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
11264
|
+
/* @scattered-light/loomiere-base-ui 0.15.5 · styles for @base-ui/react 1.9.0 */
|
|
11265
11265
|
/* Separator - Mojave Theme
|
|
11266
11266
|
*
|
|
11267
11267
|
* A hairline in the everyday divider color (border.default), one stroke thick, with a step of
|
|
@@ -11289,7 +11289,7 @@ textarea.FieldControl {
|
|
|
11289
11289
|
margin-inline: var(--sl-space-4);
|
|
11290
11290
|
}
|
|
11291
11291
|
|
|
11292
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
11292
|
+
/* @scattered-light/loomiere-base-ui 0.15.5 · styles for @base-ui/react 1.9.0 */
|
|
11293
11293
|
/* Slider - Mojave Theme
|
|
11294
11294
|
*
|
|
11295
11295
|
* A slider is a gauge you can drag: the track, fill and label row are gauge.* (the same bar as
|
|
@@ -11455,7 +11455,7 @@ textarea.FieldControl {
|
|
|
11455
11455
|
transform: translate(-50%, 50%);
|
|
11456
11456
|
}
|
|
11457
11457
|
|
|
11458
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
11458
|
+
/* @scattered-light/loomiere-base-ui 0.15.5 · styles for @base-ui/react 1.9.0 */
|
|
11459
11459
|
/* Switch - Mojave Theme
|
|
11460
11460
|
* Switch keeps its track sizes. The thumb, its travel and the ON/OFF text are
|
|
11461
11461
|
* worked out from them: the thumb fills the track's height inside the padding,
|
|
@@ -11621,7 +11621,7 @@ textarea.FieldControl {
|
|
|
11621
11621
|
color: var(--sl-text-disabled);
|
|
11622
11622
|
}
|
|
11623
11623
|
|
|
11624
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
11624
|
+
/* @scattered-light/loomiere-base-ui 0.15.5 · styles for @base-ui/react 1.9.0 */
|
|
11625
11625
|
/* Tabs - Mojave Theme
|
|
11626
11626
|
*
|
|
11627
11627
|
* No component tokens. The divider, the selected line and color, hover and the disabled
|
|
@@ -11757,7 +11757,7 @@ textarea.FieldControl {
|
|
|
11757
11757
|
padding: var(--sl-space-6);
|
|
11758
11758
|
}
|
|
11759
11759
|
|
|
11760
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
11760
|
+
/* @scattered-light/loomiere-base-ui 0.15.5 · styles for @base-ui/react 1.9.0 */
|
|
11761
11761
|
/* Toast - Mojave Theme
|
|
11762
11762
|
*
|
|
11763
11763
|
* A toast is a notice (tokens/semantic/notice.json) on the popup surface. A toast whose type
|
|
@@ -11993,7 +11993,7 @@ textarea.FieldControl {
|
|
|
11993
11993
|
flex-shrink: 0;
|
|
11994
11994
|
}
|
|
11995
11995
|
|
|
11996
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
11996
|
+
/* @scattered-light/loomiere-base-ui 0.15.5 · styles for @base-ui/react 1.9.0 */
|
|
11997
11997
|
/* Toggle - Mojave Theme
|
|
11998
11998
|
* A toggle is a button that stays pressed: the same heights, padding, gap and
|
|
11999
11999
|
* trigger text style as a button of the same size. Pressed, it takes its emphasis level's
|
|
@@ -12105,7 +12105,7 @@ textarea.FieldControl {
|
|
|
12105
12105
|
height: var(--sl-icon-size-maximize);
|
|
12106
12106
|
}
|
|
12107
12107
|
|
|
12108
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
12108
|
+
/* @scattered-light/loomiere-base-ui 0.15.5 · styles for @base-ui/react 1.9.0 */
|
|
12109
12109
|
/* Toggle Group - Mojave Theme
|
|
12110
12110
|
*
|
|
12111
12111
|
* No component tokens. The strip is the bar concept (tokens/semantic/bar.json); the
|
|
@@ -12167,7 +12167,7 @@ textarea.FieldControl {
|
|
|
12167
12167
|
outline-offset: var(--sl-focus-outline-offset-inset);
|
|
12168
12168
|
}
|
|
12169
12169
|
|
|
12170
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
12170
|
+
/* @scattered-light/loomiere-base-ui 0.15.5 · styles for @base-ui/react 1.9.0 */
|
|
12171
12171
|
/* Toolbar - Mojave Theme
|
|
12172
12172
|
*
|
|
12173
12173
|
* The strip is the bar concept (tokens/semantic/bar.json). Buttons, toggles, selects
|
|
@@ -12229,7 +12229,7 @@ textarea.FieldControl {
|
|
|
12229
12229
|
max-width: var(--sl-toolbar-input-max-width);
|
|
12230
12230
|
}
|
|
12231
12231
|
|
|
12232
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
12232
|
+
/* @scattered-light/loomiere-base-ui 0.15.5 · styles for @base-ui/react 1.9.0 */
|
|
12233
12233
|
/* Tooltip - Mojave Theme
|
|
12234
12234
|
*
|
|
12235
12235
|
* The inverse surface (surface.inverse, text.on-inverse-surface) with condense text, so a tooltip
|
|
@@ -12290,7 +12290,7 @@ textarea.FieldControl {
|
|
|
12290
12290
|
}
|
|
12291
12291
|
|
|
12292
12292
|
/* Custom components: not Base UI parts. Built from existing concepts and tokens. */
|
|
12293
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
12293
|
+
/* @scattered-light/loomiere-base-ui 0.15.5 · styles for @base-ui/react 1.9.0 */
|
|
12294
12294
|
/* Badge
|
|
12295
12295
|
*
|
|
12296
12296
|
* A status or count label. Not a Base UI part, and not interactive: no hover or focus.
|
|
@@ -12395,7 +12395,7 @@ textarea.FieldControl {
|
|
|
12395
12395
|
height: var(--sl-badge-dot-base);
|
|
12396
12396
|
}
|
|
12397
12397
|
|
|
12398
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
12398
|
+
/* @scattered-light/loomiere-base-ui 0.15.5 · styles for @base-ui/react 1.9.0 */
|
|
12399
12399
|
/*
|
|
12400
12400
|
* DatePicker: a field that opens a calendar for one date or a period.
|
|
12401
12401
|
* Not a Base UI part. The popup is Popover on a wide viewport and Drawer
|
|
@@ -12968,7 +12968,7 @@ textarea.FieldControl {
|
|
|
12968
12968
|
flex-basis: 100%;
|
|
12969
12969
|
}
|
|
12970
12970
|
|
|
12971
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
12971
|
+
/* @scattered-light/loomiere-base-ui 0.15.5 · styles for @base-ui/react 1.9.0 */
|
|
12972
12972
|
/* Money field
|
|
12973
12973
|
*
|
|
12974
12974
|
* An amount of money, built on Number field. The value is an integer in minor units
|
|
@@ -13313,7 +13313,7 @@ textarea.FieldControl {
|
|
|
13313
13313
|
letter-spacing: var(--sl-font-body-base-letter-spacing);
|
|
13314
13314
|
}
|
|
13315
13315
|
|
|
13316
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
13316
|
+
/* @scattered-light/loomiere-base-ui 0.15.5 · styles for @base-ui/react 1.9.0 */
|
|
13317
13317
|
/* ListDetail
|
|
13318
13318
|
*
|
|
13319
13319
|
* The detail of one item, next to its list. Not a Base UI part. It is a Splitter
|
|
@@ -13440,7 +13440,7 @@ textarea.FieldControl {
|
|
|
13440
13440
|
background: transparent;
|
|
13441
13441
|
}
|
|
13442
13442
|
|
|
13443
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
13443
|
+
/* @scattered-light/loomiere-base-ui 0.15.5 · styles for @base-ui/react 1.9.0 */
|
|
13444
13444
|
/* Splitter
|
|
13445
13445
|
*
|
|
13446
13446
|
* Two or more panels and a handle between them. Not a Base UI part. It follows the
|
|
@@ -13648,7 +13648,7 @@ textarea.FieldControl {
|
|
|
13648
13648
|
background: var(--sl-border-default);
|
|
13649
13649
|
}
|
|
13650
13650
|
|
|
13651
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
13651
|
+
/* @scattered-light/loomiere-base-ui 0.15.5 · styles for @base-ui/react 1.9.0 */
|
|
13652
13652
|
/* EmptyState
|
|
13653
13653
|
*
|
|
13654
13654
|
* The block a page, pane, table, list or popup shows when it has nothing to show.
|
|
@@ -13904,7 +13904,7 @@ textarea.FieldControl {
|
|
|
13904
13904
|
color: inherit;
|
|
13905
13905
|
}
|
|
13906
13906
|
|
|
13907
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
13907
|
+
/* @scattered-light/loomiere-base-ui 0.15.5 · styles for @base-ui/react 1.9.0 */
|
|
13908
13908
|
/* Table - Mojave Theme
|
|
13909
13909
|
*
|
|
13910
13910
|
* Base UI has no table, so this styles the native <table class="Table"> elements with the
|
|
@@ -14029,6 +14029,12 @@ textarea.FieldControl {
|
|
|
14029
14029
|
border-bottom: var(--sl-stroke-default) solid var(--sl-table-row-border-color);
|
|
14030
14030
|
}
|
|
14031
14031
|
|
|
14032
|
+
/* The last row has no line under it, row header included, so a total's rule above a footer isn't doubled. */
|
|
14033
|
+
.Table tbody tr:last-child > th,
|
|
14034
|
+
.Table tbody:last-child tr:last-child > th {
|
|
14035
|
+
border-bottom: none;
|
|
14036
|
+
}
|
|
14037
|
+
|
|
14032
14038
|
/* Numbers and amounts: right-aligned so digits line up */
|
|
14033
14039
|
.Table [data-align='end'] {
|
|
14034
14040
|
text-align: end;
|
|
@@ -14105,17 +14111,15 @@ textarea.FieldControl {
|
|
|
14105
14111
|
border-bottom: var(--sl-table-grand-total-rule-width) double var(--sl-table-total-rule-color);
|
|
14106
14112
|
}
|
|
14107
14113
|
|
|
14108
|
-
/* With figures, the grand total's double rule
|
|
14109
|
-
|
|
14114
|
+
/* With figures, the grand total's double rule sits under the number itself, as an accountant draws
|
|
14115
|
+
it, not as a heavy border across the whole cell: DataTable wraps the figure in .TableFigure. */
|
|
14110
14116
|
.Table[data-figures] :is(tbody, tfoot) tr[data-total='grand'] > * {
|
|
14111
14117
|
border-bottom: 0;
|
|
14112
14118
|
}
|
|
14113
14119
|
|
|
14114
|
-
.Table[data-figures]
|
|
14115
|
-
|
|
14116
|
-
|
|
14117
|
-
text-decoration-thickness: var(--sl-table-grand-total-rule-width);
|
|
14118
|
-
text-underline-offset: var(--sl-space-1);
|
|
14120
|
+
.Table[data-figures] .TableFigure {
|
|
14121
|
+
display: inline-block;
|
|
14122
|
+
border-bottom: var(--sl-table-grand-total-rule-width) double var(--sl-table-total-rule-color);
|
|
14119
14123
|
}
|
|
14120
14124
|
|
|
14121
14125
|
/* A label or blank cell in a total row can leave the rules off, so they only run under the
|
|
@@ -14177,7 +14181,7 @@ textarea.FieldControl {
|
|
|
14177
14181
|
color: inherit;
|
|
14178
14182
|
}
|
|
14179
14183
|
|
|
14180
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
14184
|
+
/* @scattered-light/loomiere-base-ui 0.15.5 · styles for @base-ui/react 1.9.0 */
|
|
14181
14185
|
/* Collection
|
|
14182
14186
|
*
|
|
14183
14187
|
* DataTable, DataList, the toolbar and the pagination, in one place so the two views
|
|
@@ -14188,7 +14192,7 @@ textarea.FieldControl {
|
|
|
14188
14192
|
* the tabs and the search where they are, so selecting rows does not grow the toolbar.
|
|
14189
14193
|
*/
|
|
14190
14194
|
|
|
14191
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
14195
|
+
/* @scattered-light/loomiere-base-ui 0.15.5 · styles for @base-ui/react 1.9.0 */
|
|
14192
14196
|
/* Collection toolbar
|
|
14193
14197
|
*
|
|
14194
14198
|
* The wrap follows the toolbar's own width, not the window: a table in a narrow pane wraps
|
|
@@ -14354,7 +14358,7 @@ textarea.FieldControl {
|
|
|
14354
14358
|
border-block-end: var(--sl-stroke-default) solid var(--sl-table-border-color);
|
|
14355
14359
|
}
|
|
14356
14360
|
|
|
14357
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
14361
|
+
/* @scattered-light/loomiere-base-ui 0.15.5 · styles for @base-ui/react 1.9.0 */
|
|
14358
14362
|
/* DataTable additions on top of .Table.
|
|
14359
14363
|
*
|
|
14360
14364
|
* Sort buttons fill the header cell and inherit its hover, so old aria-sort markup keeps
|
|
@@ -14553,7 +14557,7 @@ textarea.FieldControl {
|
|
|
14553
14557
|
}
|
|
14554
14558
|
}
|
|
14555
14559
|
|
|
14556
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
14560
|
+
/* @scattered-light/loomiere-base-ui 0.15.5 · styles for @base-ui/react 1.9.0 */
|
|
14557
14561
|
/* DataList
|
|
14558
14562
|
*
|
|
14559
14563
|
* The same rows as the table, in one container with the table's borders, hover, selected
|
|
@@ -14695,7 +14699,7 @@ textarea.FieldControl {
|
|
|
14695
14699
|
transition: opacity var(--sl-duration-fast) var(--sl-easing-default);
|
|
14696
14700
|
}
|
|
14697
14701
|
|
|
14698
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
14702
|
+
/* @scattered-light/loomiere-base-ui 0.15.5 · styles for @base-ui/react 1.9.0 */
|
|
14699
14703
|
/* Pagination
|
|
14700
14704
|
*
|
|
14701
14705
|
* Not tied to a collection. Anything with a page, a page count and a total can use it.
|
|
@@ -14720,7 +14724,7 @@ textarea.FieldControl {
|
|
|
14720
14724
|
margin: 0;
|
|
14721
14725
|
}
|
|
14722
14726
|
|
|
14723
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
14727
|
+
/* @scattered-light/loomiere-base-ui 0.15.5 · styles for @base-ui/react 1.9.0 */
|
|
14724
14728
|
/* EditableList
|
|
14725
14729
|
*
|
|
14726
14730
|
* One table at every width, so a field is not submitted twice. Under the stack width each
|
|
@@ -14819,7 +14823,7 @@ textarea.FieldControl {
|
|
|
14819
14823
|
}
|
|
14820
14824
|
}
|
|
14821
14825
|
|
|
14822
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
14826
|
+
/* @scattered-light/loomiere-base-ui 0.15.5 · styles for @base-ui/react 1.9.0 */
|
|
14823
14827
|
/* Sheet
|
|
14824
14828
|
*
|
|
14825
14829
|
* A working-paper surface: the raised surface with a heavier rule across its top
|
|
@@ -14918,7 +14922,7 @@ textarea.FieldControl {
|
|
|
14918
14922
|
border-top: 0;
|
|
14919
14923
|
}
|
|
14920
14924
|
|
|
14921
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
14925
|
+
/* @scattered-light/loomiere-base-ui 0.15.5 · styles for @base-ui/react 1.9.0 */
|
|
14922
14926
|
/* StatFigure
|
|
14923
14927
|
*
|
|
14924
14928
|
* One large figure with a caps label above and a caption under it. The label is
|
|
@@ -14979,7 +14983,7 @@ textarea.FieldControl {
|
|
|
14979
14983
|
color: var(--sl-stat-figure-caption-color);
|
|
14980
14984
|
}
|
|
14981
14985
|
|
|
14982
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
14986
|
+
/* @scattered-light/loomiere-base-ui 0.15.5 · styles for @base-ui/react 1.9.0 */
|
|
14983
14987
|
/* DescriptionList
|
|
14984
14988
|
*
|
|
14985
14989
|
* Label and value pairs in a native dl, one DescriptionItem (a div holding a dt and a dd)
|
|
@@ -15055,7 +15059,7 @@ textarea.FieldControl {
|
|
|
15055
15059
|
text-align: end;
|
|
15056
15060
|
}
|
|
15057
15061
|
|
|
15058
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
15062
|
+
/* @scattered-light/loomiere-base-ui 0.15.5 · styles for @base-ui/react 1.9.0 */
|
|
15059
15063
|
/* AppBar
|
|
15060
15064
|
*
|
|
15061
15065
|
* The bar across the top of an app window, one row on a line in the rule color. The line is
|
|
@@ -15089,7 +15093,7 @@ textarea.FieldControl {
|
|
|
15089
15093
|
background: var(--sl-app-bar-divider-color);
|
|
15090
15094
|
}
|
|
15091
15095
|
|
|
15092
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
15096
|
+
/* @scattered-light/loomiere-base-ui 0.15.5 · styles for @base-ui/react 1.9.0 */
|
|
15093
15097
|
/* PickerButton
|
|
15094
15098
|
*
|
|
15095
15099
|
* A trigger with a caps label before the current choice: CLIENT Alpha Services. The field
|
|
@@ -15189,7 +15193,7 @@ textarea.FieldControl {
|
|
|
15189
15193
|
transform: rotate(180deg);
|
|
15190
15194
|
}
|
|
15191
15195
|
|
|
15192
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
15196
|
+
/* @scattered-light/loomiere-base-ui 0.15.5 · styles for @base-ui/react 1.9.0 */
|
|
15193
15197
|
/* PickerSplit
|
|
15194
15198
|
*
|
|
15195
15199
|
* A PickerButton whose choice is itself a control: the main part (CLIENT Alpha Services) acts,
|
|
@@ -15287,7 +15291,7 @@ textarea.FieldControl {
|
|
|
15287
15291
|
transform: rotate(180deg);
|
|
15288
15292
|
}
|
|
15289
15293
|
|
|
15290
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
15294
|
+
/* @scattered-light/loomiere-base-ui 0.15.5 · styles for @base-ui/react 1.9.0 */
|
|
15291
15295
|
/* SideNav
|
|
15292
15296
|
*
|
|
15293
15297
|
* The column of links down the side of a workspace. Rows are ruled apart with a hairline; the
|