@scattered-light/loomiere-mojave 0.24.0 → 0.24.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.
- package/dist/exports/design-system/components/DataList/preview.html +1 -1
- package/dist/exports/design-system/components/DataTable/preview.html +65 -65
- package/dist/exports/design-system/components/bundle.css +72 -68
- package/dist/exports/design-system/components/bundle.js +1 -1
- package/package.json +2 -2
|
@@ -6733,7 +6733,7 @@
|
|
|
6733
6733
|
}
|
|
6734
6734
|
|
|
6735
6735
|
|
|
6736
|
-
/* @scattered-light/loomiere-base-ui 0.24.
|
|
6736
|
+
/* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
|
|
6737
6737
|
/* Loomiere for Base UI: component styles. Brand-free: every value is a --sl- variable from a
|
|
6738
6738
|
Loomiere theme. Load the theme first:
|
|
6739
6739
|
@import '<your theme>/tokens.css';
|
|
@@ -6743,7 +6743,7 @@
|
|
|
6743
6743
|
/* Document defaults, in the reset layer so any unlayered rule wins over them, and so layered
|
|
6744
6744
|
frameworks (Chakra's recipes, Tailwind's utilities) are not undone by them. */
|
|
6745
6745
|
@layer reset {
|
|
6746
|
-
/* @scattered-light/loomiere-base-ui 0.24.
|
|
6746
|
+
/* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
|
|
6747
6747
|
/* CSS Reset - Mojave Theme */
|
|
6748
6748
|
|
|
6749
6749
|
/* ============================================
|
|
@@ -7187,7 +7187,7 @@ hr {
|
|
|
7187
7187
|
}
|
|
7188
7188
|
}
|
|
7189
7189
|
@layer reset {
|
|
7190
|
-
/* @scattered-light/loomiere-base-ui 0.24.
|
|
7190
|
+
/* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
|
|
7191
7191
|
/* Accessibility — base rules (no theme color dependencies). Theme-specific focus/invalid: accessibility-theme.css */
|
|
7192
7192
|
|
|
7193
7193
|
/* Remove default focus; keyboard focus styled in accessibility-theme.css */
|
|
@@ -7300,7 +7300,7 @@ main:focus {
|
|
|
7300
7300
|
|
|
7301
7301
|
}
|
|
7302
7302
|
@layer reset {
|
|
7303
|
-
/* @scattered-light/loomiere-base-ui 0.24.
|
|
7303
|
+
/* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
|
|
7304
7304
|
/* Focus, invalid, contrast — requires theme tokens (after theme-accessibility.css). */
|
|
7305
7305
|
|
|
7306
7306
|
:focus-visible {
|
|
@@ -7368,7 +7368,7 @@ button,
|
|
|
7368
7368
|
|
|
7369
7369
|
}
|
|
7370
7370
|
/* Component styles */
|
|
7371
|
-
/* @scattered-light/loomiere-base-ui 0.24.
|
|
7371
|
+
/* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
|
|
7372
7372
|
/* Accordion - Mojave Theme
|
|
7373
7373
|
*
|
|
7374
7374
|
* No component tokens. Hover, press, chevron, divider and motion are the disclosure
|
|
@@ -7489,7 +7489,7 @@ button,
|
|
|
7489
7489
|
overflow: hidden;
|
|
7490
7490
|
}
|
|
7491
7491
|
|
|
7492
|
-
/* @scattered-light/loomiere-base-ui 0.24.
|
|
7492
|
+
/* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
|
|
7493
7493
|
/* Alert Dialog - Mojave Theme
|
|
7494
7494
|
*
|
|
7495
7495
|
* No component tokens and no rules of its own. An alert dialog looks exactly like a
|
|
@@ -7498,7 +7498,7 @@ button,
|
|
|
7498
7498
|
* cancel quiet, and a destructive one bold with data-color="error".
|
|
7499
7499
|
*/
|
|
7500
7500
|
|
|
7501
|
-
/* @scattered-light/loomiere-base-ui 0.24.
|
|
7501
|
+
/* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
|
|
7502
7502
|
/* Autocomplete - Mojave Theme
|
|
7503
7503
|
*
|
|
7504
7504
|
* No component tokens. The input is Input (Input.css), the clear button is an icon
|
|
@@ -7700,7 +7700,7 @@ button,
|
|
|
7700
7700
|
(reset-accessibility.css).
|
|
7701
7701
|
============================================ */
|
|
7702
7702
|
|
|
7703
|
-
/* @scattered-light/loomiere-base-ui 0.24.
|
|
7703
|
+
/* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
|
|
7704
7704
|
/* Avatar - Mojave Theme
|
|
7705
7705
|
*
|
|
7706
7706
|
* A round picture with a ring in the page color, so avatars in a group cut out of each other in
|
|
@@ -7808,7 +7808,7 @@ button,
|
|
|
7808
7808
|
}
|
|
7809
7809
|
}
|
|
7810
7810
|
|
|
7811
|
-
/* @scattered-light/loomiere-base-ui 0.24.
|
|
7811
|
+
/* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
|
|
7812
7812
|
/* Button - Mojave Theme
|
|
7813
7813
|
*
|
|
7814
7814
|
* Colors are the brand's emphasis levels, sizes are control.*, text is the trigger
|
|
@@ -7979,7 +7979,7 @@ button,
|
|
|
7979
7979
|
font-size: var(--sl-icon-size-maximize);
|
|
7980
7980
|
}
|
|
7981
7981
|
|
|
7982
|
-
/* @scattered-light/loomiere-base-ui 0.24.
|
|
7982
|
+
/* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
|
|
7983
7983
|
/* Checkbox - Mojave Theme
|
|
7984
7984
|
* Sizes follow the label: the box is the icon size one tier above the label's text
|
|
7985
7985
|
* tier (like a button's icon) and the check mark one tier below it.
|
|
@@ -8136,7 +8136,7 @@ button,
|
|
|
8136
8136
|
border-radius: var(--sl-radius-pill);
|
|
8137
8137
|
}
|
|
8138
8138
|
|
|
8139
|
-
/* @scattered-light/loomiere-base-ui 0.24.
|
|
8139
|
+
/* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
|
|
8140
8140
|
/* Checkbox Group - Mojave Theme */
|
|
8141
8141
|
|
|
8142
8142
|
/* Each checkbox row is already a full tap target tall, so the rows sit close. */
|
|
@@ -8152,7 +8152,7 @@ button,
|
|
|
8152
8152
|
pointer-events: none;
|
|
8153
8153
|
}
|
|
8154
8154
|
|
|
8155
|
-
/* @scattered-light/loomiere-base-ui 0.24.
|
|
8155
|
+
/* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
|
|
8156
8156
|
/* Collapsible - Mojave Theme
|
|
8157
8157
|
*
|
|
8158
8158
|
* No component tokens. Hover, press, chevron and motion are the disclosure concept
|
|
@@ -8268,7 +8268,7 @@ button,
|
|
|
8268
8268
|
background: var(--sl-surface-raised);
|
|
8269
8269
|
}
|
|
8270
8270
|
|
|
8271
|
-
/* @scattered-light/loomiere-base-ui 0.24.
|
|
8271
|
+
/* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
|
|
8272
8272
|
/* Combobox - Mojave Theme
|
|
8273
8273
|
*
|
|
8274
8274
|
* No component tokens. The input is Input (Input.css); the chips box is a field; the
|
|
@@ -8753,7 +8753,7 @@ button,
|
|
|
8753
8753
|
color: var(--sl-text-tertiary);
|
|
8754
8754
|
}
|
|
8755
8755
|
|
|
8756
|
-
/* @scattered-light/loomiere-base-ui 0.24.
|
|
8756
|
+
/* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
|
|
8757
8757
|
/* Context Menu - Mojave Theme
|
|
8758
8758
|
*
|
|
8759
8759
|
* 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
|
|
@@ -8922,7 +8922,7 @@ button,
|
|
|
8922
8922
|
stroke-width: var(--sl-stroke-default);
|
|
8923
8923
|
}
|
|
8924
8924
|
|
|
8925
|
-
/* @scattered-light/loomiere-base-ui 0.24.
|
|
8925
|
+
/* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
|
|
8926
8926
|
/* Dialog and Alert dialog - Mojave Theme
|
|
8927
8927
|
*
|
|
8928
8928
|
* Both are centered modals built from the modal concept (tokens/semantic/modal.json):
|
|
@@ -9068,7 +9068,7 @@ button,
|
|
|
9068
9068
|
margin-top: var(--sl-modal-actions-spacing);
|
|
9069
9069
|
}
|
|
9070
9070
|
|
|
9071
|
-
/* @scattered-light/loomiere-base-ui 0.24.
|
|
9071
|
+
/* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
|
|
9072
9072
|
/* Drawer - a panel that slides in from an edge and can be swiped away.
|
|
9073
9073
|
The surface, scrim, heading and motion are the modal concept's (--sl-modal-*), so a
|
|
9074
9074
|
drawer reads as a dialog's sibling; only its size and grab bar are its own
|
|
@@ -9201,7 +9201,7 @@ button,
|
|
|
9201
9201
|
color: var(--sl-modal-description-color);
|
|
9202
9202
|
}
|
|
9203
9203
|
|
|
9204
|
-
/* @scattered-light/loomiere-base-ui 0.24.
|
|
9204
|
+
/* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
|
|
9205
9205
|
/* Field - Mojave Theme
|
|
9206
9206
|
*
|
|
9207
9207
|
* Label, control, description and error. No component tokens: spacing is the field
|
|
@@ -9262,7 +9262,7 @@ textarea.FieldControl {
|
|
|
9262
9262
|
height: auto;
|
|
9263
9263
|
}
|
|
9264
9264
|
|
|
9265
|
-
/* @scattered-light/loomiere-base-ui 0.24.
|
|
9265
|
+
/* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
|
|
9266
9266
|
/* Fieldset - Mojave Theme
|
|
9267
9267
|
*
|
|
9268
9268
|
* No component tokens: a titled group of fields, spaced by the stack gaps, with
|
|
@@ -9304,7 +9304,7 @@ textarea.FieldControl {
|
|
|
9304
9304
|
color: var(--sl-text-secondary);
|
|
9305
9305
|
}
|
|
9306
9306
|
|
|
9307
|
-
/* @scattered-light/loomiere-base-ui 0.24.
|
|
9307
|
+
/* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
|
|
9308
9308
|
/* Form - Mojave Theme
|
|
9309
9309
|
*
|
|
9310
9310
|
* No component tokens: fields stack with the large block space, and the action
|
|
@@ -9324,7 +9324,7 @@ textarea.FieldControl {
|
|
|
9324
9324
|
margin-top: var(--sl-space-block-md);
|
|
9325
9325
|
}
|
|
9326
9326
|
|
|
9327
|
-
/* @scattered-light/loomiere-base-ui 0.24.
|
|
9327
|
+
/* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
|
|
9328
9328
|
/* Input - Mojave Theme
|
|
9329
9329
|
*
|
|
9330
9330
|
* No component tokens: the look is the field concept (tokens/semantic/field.json),
|
|
@@ -9471,7 +9471,7 @@ textarea.FieldControl {
|
|
|
9471
9471
|
padding-inline: var(--sl-control-padding-inline-lg);
|
|
9472
9472
|
}
|
|
9473
9473
|
|
|
9474
|
-
/* @scattered-light/loomiere-base-ui 0.24.
|
|
9474
|
+
/* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
|
|
9475
9475
|
/* Menu - Mojave Theme
|
|
9476
9476
|
*
|
|
9477
9477
|
* No component tokens. The trigger is a Button. The popup is the popup concept, rows are item rows at the
|
|
@@ -9620,7 +9620,7 @@ textarea.FieldControl {
|
|
|
9620
9620
|
color: var(--sl-text-tertiary);
|
|
9621
9621
|
}
|
|
9622
9622
|
|
|
9623
|
-
/* @scattered-light/loomiere-base-ui 0.24.
|
|
9623
|
+
/* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
|
|
9624
9624
|
/* Menubar - Mojave Theme
|
|
9625
9625
|
*
|
|
9626
9626
|
* No component tokens. A row of quiet triggers, each opening a menu. The popup is the popup concept, rows are item rows at the
|
|
@@ -9813,7 +9813,7 @@ textarea.FieldControl {
|
|
|
9813
9813
|
color: var(--sl-text-tertiary);
|
|
9814
9814
|
}
|
|
9815
9815
|
|
|
9816
|
-
/* @scattered-light/loomiere-base-ui 0.24.
|
|
9816
|
+
/* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
|
|
9817
9817
|
/* Meter - Mojave Theme
|
|
9818
9818
|
*
|
|
9819
9819
|
* A gauge (tokens/semantic/gauge.json). The fill is the solid color of the scope around it:
|
|
@@ -9876,7 +9876,7 @@ textarea.FieldControl {
|
|
|
9876
9876
|
height: var(--sl-gauge-height-lg);
|
|
9877
9877
|
}
|
|
9878
9878
|
|
|
9879
|
-
/* @scattered-light/loomiere-base-ui 0.24.
|
|
9879
|
+
/* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
|
|
9880
9880
|
/* Navigation Menu - Mojave Theme
|
|
9881
9881
|
*
|
|
9882
9882
|
* The strip is the bar concept, the panel is the popup concept and each link is an item
|
|
@@ -10296,7 +10296,7 @@ textarea.FieldControl {
|
|
|
10296
10296
|
width: 100%;
|
|
10297
10297
|
}
|
|
10298
10298
|
|
|
10299
|
-
/* @scattered-light/loomiere-base-ui 0.24.
|
|
10299
|
+
/* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
|
|
10300
10300
|
/* Number Field - Mojave Theme
|
|
10301
10301
|
*
|
|
10302
10302
|
* No component tokens. The input is Input (Input.css) and the label, description and
|
|
@@ -10387,7 +10387,7 @@ textarea.FieldControl {
|
|
|
10387
10387
|
user-select: none;
|
|
10388
10388
|
}
|
|
10389
10389
|
|
|
10390
|
-
/* @scattered-light/loomiere-base-ui 0.24.
|
|
10390
|
+
/* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
|
|
10391
10391
|
/* OTP Field - Mojave Theme
|
|
10392
10392
|
*
|
|
10393
10393
|
* One-time code entry: a row of single-character inputs. Each slot is the same control as Input
|
|
@@ -10450,7 +10450,7 @@ textarea.FieldControl {
|
|
|
10450
10450
|
letter-spacing: var(--sl-font-body-magnify-letter-spacing);
|
|
10451
10451
|
}
|
|
10452
10452
|
|
|
10453
|
-
/* @scattered-light/loomiere-base-ui 0.24.
|
|
10453
|
+
/* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
|
|
10454
10454
|
/* Popover - Mojave Theme */
|
|
10455
10455
|
|
|
10456
10456
|
/* ============================================
|
|
@@ -10615,7 +10615,7 @@ textarea.FieldControl {
|
|
|
10615
10615
|
fill: var(--sl-popup-arrow-stroke);
|
|
10616
10616
|
}
|
|
10617
10617
|
|
|
10618
|
-
/* @scattered-light/loomiere-base-ui 0.24.
|
|
10618
|
+
/* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
|
|
10619
10619
|
/* Preview Card - Mojave Theme
|
|
10620
10620
|
*
|
|
10621
10621
|
* The popup concept (surface, arrow, motion) with a title-magnify title and condense
|
|
@@ -10732,7 +10732,7 @@ textarea.FieldControl {
|
|
|
10732
10732
|
fill: var(--sl-popup-arrow-stroke);
|
|
10733
10733
|
}
|
|
10734
10734
|
|
|
10735
|
-
/* @scattered-light/loomiere-base-ui 0.24.
|
|
10735
|
+
/* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
|
|
10736
10736
|
/* Progress - Mojave Theme
|
|
10737
10737
|
*
|
|
10738
10738
|
* A gauge (tokens/semantic/gauge.json), the same bar as Meter. The fill is the solid color of
|
|
@@ -10809,7 +10809,7 @@ textarea.FieldControl {
|
|
|
10809
10809
|
height: var(--sl-gauge-height-lg);
|
|
10810
10810
|
}
|
|
10811
10811
|
|
|
10812
|
-
/* @scattered-light/loomiere-base-ui 0.24.
|
|
10812
|
+
/* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
|
|
10813
10813
|
/* Radio - Mojave Theme
|
|
10814
10814
|
* Same box as Checkbox, always round. Sizes follow the label the same way, and the
|
|
10815
10815
|
* dot is a share of the circle (check.dot-scale).
|
|
@@ -10961,7 +10961,7 @@ textarea.FieldControl {
|
|
|
10961
10961
|
gap: var(--sl-gap-stack-sm);
|
|
10962
10962
|
}
|
|
10963
10963
|
|
|
10964
|
-
/* @scattered-light/loomiere-base-ui 0.24.
|
|
10964
|
+
/* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
|
|
10965
10965
|
/* Scroll Area - Mojave Theme
|
|
10966
10966
|
*
|
|
10967
10967
|
* The scrollbar is the content scrollbar (content.scrollbar-*): a track that stays clear until
|
|
@@ -11043,7 +11043,7 @@ textarea.FieldControl {
|
|
|
11043
11043
|
background: transparent;
|
|
11044
11044
|
}
|
|
11045
11045
|
|
|
11046
|
-
/* @scattered-light/loomiere-base-ui 0.24.
|
|
11046
|
+
/* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
|
|
11047
11047
|
/* Select - Mojave Theme
|
|
11048
11048
|
*
|
|
11049
11049
|
* The trigger is a field (the field pattern, control sizes, the base text style); the
|
|
@@ -11334,7 +11334,7 @@ textarea.FieldControl {
|
|
|
11334
11334
|
stroke-width: var(--sl-stroke-default);
|
|
11335
11335
|
}
|
|
11336
11336
|
|
|
11337
|
-
/* @scattered-light/loomiere-base-ui 0.24.
|
|
11337
|
+
/* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
|
|
11338
11338
|
/* Separator - Mojave Theme
|
|
11339
11339
|
*
|
|
11340
11340
|
* A hairline in the everyday divider color (border.default), one stroke thick, with a step of
|
|
@@ -11362,7 +11362,7 @@ textarea.FieldControl {
|
|
|
11362
11362
|
margin-inline: var(--sl-space-4);
|
|
11363
11363
|
}
|
|
11364
11364
|
|
|
11365
|
-
/* @scattered-light/loomiere-base-ui 0.24.
|
|
11365
|
+
/* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
|
|
11366
11366
|
/* Slider - Mojave Theme
|
|
11367
11367
|
*
|
|
11368
11368
|
* A slider is a gauge you can drag: the track, fill and label row are gauge.* (the same bar as
|
|
@@ -11528,7 +11528,7 @@ textarea.FieldControl {
|
|
|
11528
11528
|
transform: translate(-50%, 50%);
|
|
11529
11529
|
}
|
|
11530
11530
|
|
|
11531
|
-
/* @scattered-light/loomiere-base-ui 0.24.
|
|
11531
|
+
/* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
|
|
11532
11532
|
/* Switch - Mojave Theme
|
|
11533
11533
|
* Switch keeps its track sizes. The thumb, its travel and the ON/OFF text are
|
|
11534
11534
|
* worked out from them: the thumb fills the track's height inside the padding,
|
|
@@ -11694,7 +11694,7 @@ textarea.FieldControl {
|
|
|
11694
11694
|
color: var(--sl-text-disabled);
|
|
11695
11695
|
}
|
|
11696
11696
|
|
|
11697
|
-
/* @scattered-light/loomiere-base-ui 0.24.
|
|
11697
|
+
/* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
|
|
11698
11698
|
/* Tabs - Mojave Theme
|
|
11699
11699
|
*
|
|
11700
11700
|
* No component tokens. The divider, the selected line and color, hover and the disabled
|
|
@@ -11830,7 +11830,7 @@ textarea.FieldControl {
|
|
|
11830
11830
|
padding: var(--sl-space-6);
|
|
11831
11831
|
}
|
|
11832
11832
|
|
|
11833
|
-
/* @scattered-light/loomiere-base-ui 0.24.
|
|
11833
|
+
/* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
|
|
11834
11834
|
/* Toast - Mojave Theme
|
|
11835
11835
|
*
|
|
11836
11836
|
* A toast is a notice (tokens/semantic/notice.json) on the popup surface. A toast whose type
|
|
@@ -12066,7 +12066,7 @@ textarea.FieldControl {
|
|
|
12066
12066
|
flex-shrink: 0;
|
|
12067
12067
|
}
|
|
12068
12068
|
|
|
12069
|
-
/* @scattered-light/loomiere-base-ui 0.24.
|
|
12069
|
+
/* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
|
|
12070
12070
|
/* Toggle - Mojave Theme
|
|
12071
12071
|
* A toggle is a button that stays pressed: the same heights, padding, gap and
|
|
12072
12072
|
* trigger text style as a button of the same size. Pressed, it takes its emphasis level's
|
|
@@ -12178,7 +12178,7 @@ textarea.FieldControl {
|
|
|
12178
12178
|
height: var(--sl-icon-size-maximize);
|
|
12179
12179
|
}
|
|
12180
12180
|
|
|
12181
|
-
/* @scattered-light/loomiere-base-ui 0.24.
|
|
12181
|
+
/* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
|
|
12182
12182
|
/* Toggle Group - Mojave Theme
|
|
12183
12183
|
*
|
|
12184
12184
|
* No component tokens. The strip is the bar concept (tokens/semantic/bar.json); the
|
|
@@ -12240,7 +12240,7 @@ textarea.FieldControl {
|
|
|
12240
12240
|
outline-offset: var(--sl-focus-outline-offset-inset);
|
|
12241
12241
|
}
|
|
12242
12242
|
|
|
12243
|
-
/* @scattered-light/loomiere-base-ui 0.24.
|
|
12243
|
+
/* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
|
|
12244
12244
|
/* Toolbar - Mojave Theme
|
|
12245
12245
|
*
|
|
12246
12246
|
* The strip is the bar concept (tokens/semantic/bar.json). Buttons, toggles, selects
|
|
@@ -12302,7 +12302,7 @@ textarea.FieldControl {
|
|
|
12302
12302
|
max-width: var(--sl-toolbar-input-max-width);
|
|
12303
12303
|
}
|
|
12304
12304
|
|
|
12305
|
-
/* @scattered-light/loomiere-base-ui 0.24.
|
|
12305
|
+
/* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
|
|
12306
12306
|
/* Tooltip - Mojave Theme
|
|
12307
12307
|
*
|
|
12308
12308
|
* The inverse surface (surface.inverse, text.on-inverse-surface) with condense text, so a tooltip
|
|
@@ -12363,7 +12363,7 @@ textarea.FieldControl {
|
|
|
12363
12363
|
}
|
|
12364
12364
|
|
|
12365
12365
|
/* Custom components: not Base UI parts. Built from existing concepts and tokens. */
|
|
12366
|
-
/* @scattered-light/loomiere-base-ui 0.24.
|
|
12366
|
+
/* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
|
|
12367
12367
|
/* Badge
|
|
12368
12368
|
*
|
|
12369
12369
|
* A status or count label. Not a Base UI part, and not interactive: no hover or focus.
|
|
@@ -12468,7 +12468,7 @@ textarea.FieldControl {
|
|
|
12468
12468
|
height: var(--sl-badge-dot-base);
|
|
12469
12469
|
}
|
|
12470
12470
|
|
|
12471
|
-
/* @scattered-light/loomiere-base-ui 0.24.
|
|
12471
|
+
/* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
|
|
12472
12472
|
/*
|
|
12473
12473
|
* DatePicker: a field that opens a calendar for one date or a period.
|
|
12474
12474
|
* Not a Base UI part. The popup is Popover on a wide viewport and Drawer
|
|
@@ -13058,7 +13058,7 @@ textarea.FieldControl {
|
|
|
13058
13058
|
flex-basis: 100%;
|
|
13059
13059
|
}
|
|
13060
13060
|
|
|
13061
|
-
/* @scattered-light/loomiere-base-ui 0.24.
|
|
13061
|
+
/* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
|
|
13062
13062
|
/* Money field
|
|
13063
13063
|
*
|
|
13064
13064
|
* An amount of money, built on Number field. The value is an integer in minor units
|
|
@@ -13403,7 +13403,7 @@ textarea.FieldControl {
|
|
|
13403
13403
|
letter-spacing: var(--sl-font-body-base-letter-spacing);
|
|
13404
13404
|
}
|
|
13405
13405
|
|
|
13406
|
-
/* @scattered-light/loomiere-base-ui 0.24.
|
|
13406
|
+
/* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
|
|
13407
13407
|
/* ListDetail
|
|
13408
13408
|
*
|
|
13409
13409
|
* The detail of one item, next to its list. Not a Base UI part. It is a Splitter
|
|
@@ -13530,7 +13530,7 @@ textarea.FieldControl {
|
|
|
13530
13530
|
background: transparent;
|
|
13531
13531
|
}
|
|
13532
13532
|
|
|
13533
|
-
/* @scattered-light/loomiere-base-ui 0.24.
|
|
13533
|
+
/* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
|
|
13534
13534
|
/* Splitter
|
|
13535
13535
|
*
|
|
13536
13536
|
* Two or more panels and a handle between them. Not a Base UI part. It follows the
|
|
@@ -13738,7 +13738,7 @@ textarea.FieldControl {
|
|
|
13738
13738
|
background: var(--sl-border-default);
|
|
13739
13739
|
}
|
|
13740
13740
|
|
|
13741
|
-
/* @scattered-light/loomiere-base-ui 0.24.
|
|
13741
|
+
/* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
|
|
13742
13742
|
/* EmptyState
|
|
13743
13743
|
*
|
|
13744
13744
|
* The block a page, pane, table, list or popup shows when it has nothing to show.
|
|
@@ -13994,7 +13994,7 @@ textarea.FieldControl {
|
|
|
13994
13994
|
color: inherit;
|
|
13995
13995
|
}
|
|
13996
13996
|
|
|
13997
|
-
/* @scattered-light/loomiere-base-ui 0.24.
|
|
13997
|
+
/* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
|
|
13998
13998
|
/* Table - Mojave Theme
|
|
13999
13999
|
*
|
|
14000
14000
|
* Base UI has no table, so this styles the native <table class="Table"> elements with the
|
|
@@ -14275,7 +14275,7 @@ textarea.FieldControl {
|
|
|
14275
14275
|
color: inherit;
|
|
14276
14276
|
}
|
|
14277
14277
|
|
|
14278
|
-
/* @scattered-light/loomiere-base-ui 0.24.
|
|
14278
|
+
/* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
|
|
14279
14279
|
/* Collection
|
|
14280
14280
|
*
|
|
14281
14281
|
* DataTable, DataList, the toolbar and the pagination, in one place so the two views
|
|
@@ -14286,7 +14286,7 @@ textarea.FieldControl {
|
|
|
14286
14286
|
* the tabs and the search where they are, so selecting rows does not grow the toolbar.
|
|
14287
14287
|
*/
|
|
14288
14288
|
|
|
14289
|
-
/* @scattered-light/loomiere-base-ui 0.24.
|
|
14289
|
+
/* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
|
|
14290
14290
|
/* Collection toolbar
|
|
14291
14291
|
*
|
|
14292
14292
|
* The wrap follows the toolbar's own width, not the window: a table in a narrow pane wraps
|
|
@@ -14498,7 +14498,7 @@ textarea.FieldControl {
|
|
|
14498
14498
|
margin-inline-start: auto;
|
|
14499
14499
|
}
|
|
14500
14500
|
|
|
14501
|
-
/* @scattered-light/loomiere-base-ui 0.24.
|
|
14501
|
+
/* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
|
|
14502
14502
|
/* DataTable additions on top of .Table.
|
|
14503
14503
|
*
|
|
14504
14504
|
* Sort buttons fill the header cell and inherit its hover, so old aria-sort markup keeps
|
|
@@ -14534,6 +14534,10 @@ textarea.FieldControl {
|
|
|
14534
14534
|
background: transparent;
|
|
14535
14535
|
color: inherit;
|
|
14536
14536
|
font: inherit;
|
|
14537
|
+
/* A button's own text-transform and letter-spacing reset the header's, so a caps header
|
|
14538
|
+
* (headerStyle="caps") showed sortable columns in mixed case. Inherit them like the font. */
|
|
14539
|
+
text-transform: inherit;
|
|
14540
|
+
letter-spacing: inherit;
|
|
14537
14541
|
text-align: inherit;
|
|
14538
14542
|
cursor: pointer;
|
|
14539
14543
|
}
|
|
@@ -14698,7 +14702,7 @@ textarea.FieldControl {
|
|
|
14698
14702
|
}
|
|
14699
14703
|
}
|
|
14700
14704
|
|
|
14701
|
-
/* @scattered-light/loomiere-base-ui 0.24.
|
|
14705
|
+
/* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
|
|
14702
14706
|
/* DataList
|
|
14703
14707
|
*
|
|
14704
14708
|
* The same rows as the table, in one container with the table's borders, hover, selected
|
|
@@ -14840,7 +14844,7 @@ textarea.FieldControl {
|
|
|
14840
14844
|
transition: opacity var(--sl-duration-fast) var(--sl-easing-default);
|
|
14841
14845
|
}
|
|
14842
14846
|
|
|
14843
|
-
/* @scattered-light/loomiere-base-ui 0.24.
|
|
14847
|
+
/* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
|
|
14844
14848
|
/* Collection cards
|
|
14845
14849
|
*
|
|
14846
14850
|
* The page of a collection as a grid. Columns fill the width, none narrower than
|
|
@@ -14865,7 +14869,7 @@ textarea.FieldControl {
|
|
|
14865
14869
|
flex: 1 1 auto;
|
|
14866
14870
|
}
|
|
14867
14871
|
|
|
14868
|
-
/* @scattered-light/loomiere-base-ui 0.24.
|
|
14872
|
+
/* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
|
|
14869
14873
|
/* Pagination
|
|
14870
14874
|
*
|
|
14871
14875
|
* Not tied to a collection. Anything with a page, a page count and a total can use it.
|
|
@@ -14890,7 +14894,7 @@ textarea.FieldControl {
|
|
|
14890
14894
|
margin: 0;
|
|
14891
14895
|
}
|
|
14892
14896
|
|
|
14893
|
-
/* @scattered-light/loomiere-base-ui 0.24.
|
|
14897
|
+
/* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
|
|
14894
14898
|
/* EditableList
|
|
14895
14899
|
*
|
|
14896
14900
|
* One table at every width, so a field is not submitted twice. Under the stack width each
|
|
@@ -14989,7 +14993,7 @@ textarea.FieldControl {
|
|
|
14989
14993
|
}
|
|
14990
14994
|
}
|
|
14991
14995
|
|
|
14992
|
-
/* @scattered-light/loomiere-base-ui 0.24.
|
|
14996
|
+
/* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
|
|
14993
14997
|
/* Sheet
|
|
14994
14998
|
*
|
|
14995
14999
|
* A working-paper surface: the raised surface with a heavier rule across its top
|
|
@@ -15107,7 +15111,7 @@ textarea.FieldControl {
|
|
|
15107
15111
|
border-top: 0;
|
|
15108
15112
|
}
|
|
15109
15113
|
|
|
15110
|
-
/* @scattered-light/loomiere-base-ui 0.24.
|
|
15114
|
+
/* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
|
|
15111
15115
|
/* StatFigure
|
|
15112
15116
|
*
|
|
15113
15117
|
* One large figure with a caps label above and a caption under it. The label is
|
|
@@ -15168,7 +15172,7 @@ textarea.FieldControl {
|
|
|
15168
15172
|
color: var(--sl-stat-figure-caption-color);
|
|
15169
15173
|
}
|
|
15170
15174
|
|
|
15171
|
-
/* @scattered-light/loomiere-base-ui 0.24.
|
|
15175
|
+
/* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
|
|
15172
15176
|
/* StatCard
|
|
15173
15177
|
*
|
|
15174
15178
|
* A card for one thing a page lists: a name (the heading), a caption, and a row of StatFigures
|
|
@@ -15330,7 +15334,7 @@ textarea.FieldControl {
|
|
|
15330
15334
|
white-space: nowrap;
|
|
15331
15335
|
}
|
|
15332
15336
|
|
|
15333
|
-
/* @scattered-light/loomiere-base-ui 0.24.
|
|
15337
|
+
/* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
|
|
15334
15338
|
/* DescriptionList
|
|
15335
15339
|
*
|
|
15336
15340
|
* Label and value pairs in a native dl, one DescriptionItem (a div holding a dt and a dd)
|
|
@@ -15408,7 +15412,7 @@ textarea.FieldControl {
|
|
|
15408
15412
|
text-align: end;
|
|
15409
15413
|
}
|
|
15410
15414
|
|
|
15411
|
-
/* @scattered-light/loomiere-base-ui 0.24.
|
|
15415
|
+
/* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
|
|
15412
15416
|
/* FormGrid
|
|
15413
15417
|
*
|
|
15414
15418
|
* Fields on a grid. Columns are as wide as the space allows up to --form-grid-columns
|
|
@@ -15445,7 +15449,7 @@ textarea.FieldControl {
|
|
|
15445
15449
|
align-self: end;
|
|
15446
15450
|
}
|
|
15447
15451
|
|
|
15448
|
-
/* @scattered-light/loomiere-base-ui 0.24.
|
|
15452
|
+
/* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
|
|
15449
15453
|
/* Notice
|
|
15450
15454
|
*
|
|
15451
15455
|
* A message in the page: a thick leading edge and a tinted ground. data-status picks the
|
|
@@ -15501,7 +15505,7 @@ textarea.FieldControl {
|
|
|
15501
15505
|
--notice-ground: var(--sl-surface-tray);
|
|
15502
15506
|
}
|
|
15503
15507
|
|
|
15504
|
-
/* @scattered-light/loomiere-base-ui 0.24.
|
|
15508
|
+
/* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
|
|
15505
15509
|
/* Spinner
|
|
15506
15510
|
*
|
|
15507
15511
|
* A ring that turns: the track in the subtle border, the moving arc in the accent border.
|
|
@@ -15537,7 +15541,7 @@ textarea.FieldControl {
|
|
|
15537
15541
|
}
|
|
15538
15542
|
}
|
|
15539
15543
|
|
|
15540
|
-
/* @scattered-light/loomiere-base-ui 0.24.
|
|
15544
|
+
/* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
|
|
15541
15545
|
/* AppBar
|
|
15542
15546
|
*
|
|
15543
15547
|
* The bar across the top of an app window, one row on a line in the rule color. The line is
|
|
@@ -15571,7 +15575,7 @@ textarea.FieldControl {
|
|
|
15571
15575
|
background: var(--sl-app-bar-divider-color);
|
|
15572
15576
|
}
|
|
15573
15577
|
|
|
15574
|
-
/* @scattered-light/loomiere-base-ui 0.24.
|
|
15578
|
+
/* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
|
|
15575
15579
|
/* PickerButton
|
|
15576
15580
|
*
|
|
15577
15581
|
* A trigger with a caps label before the current choice: CLIENT Alpha Services. The field
|
|
@@ -15671,7 +15675,7 @@ textarea.FieldControl {
|
|
|
15671
15675
|
transform: rotate(180deg);
|
|
15672
15676
|
}
|
|
15673
15677
|
|
|
15674
|
-
/* @scattered-light/loomiere-base-ui 0.24.
|
|
15678
|
+
/* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
|
|
15675
15679
|
/* MultiSelect
|
|
15676
15680
|
*
|
|
15677
15681
|
* A PickerButton trigger that opens a popover of checkbox rows (label, count at the end) and a
|
|
@@ -15725,7 +15729,7 @@ textarea.FieldControl {
|
|
|
15725
15729
|
border-top: 1px solid var(--sl-popup-separator-color);
|
|
15726
15730
|
}
|
|
15727
15731
|
|
|
15728
|
-
/* @scattered-light/loomiere-base-ui 0.24.
|
|
15732
|
+
/* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
|
|
15729
15733
|
/* PickerSplit
|
|
15730
15734
|
*
|
|
15731
15735
|
* A PickerButton whose choice is itself a control: the main part (CLIENT Alpha Services) acts,
|
|
@@ -15823,7 +15827,7 @@ textarea.FieldControl {
|
|
|
15823
15827
|
transform: rotate(180deg);
|
|
15824
15828
|
}
|
|
15825
15829
|
|
|
15826
|
-
/* @scattered-light/loomiere-base-ui 0.24.
|
|
15830
|
+
/* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
|
|
15827
15831
|
/* SplitButton
|
|
15828
15832
|
*
|
|
15829
15833
|
* A Button and a square Menu trigger side by side, joined into one outline: the inner corners
|
|
@@ -15847,7 +15851,7 @@ textarea.FieldControl {
|
|
|
15847
15851
|
margin-inline-start: -1px;
|
|
15848
15852
|
}
|
|
15849
15853
|
|
|
15850
|
-
/* @scattered-light/loomiere-base-ui 0.24.
|
|
15854
|
+
/* @scattered-light/loomiere-base-ui 0.24.1 · styles for @base-ui/react 1.9.0 */
|
|
15851
15855
|
/* SideNav
|
|
15852
15856
|
*
|
|
15853
15857
|
* The column of links down the side of a workspace. Rows are ruled apart with a hairline; the
|