@scattered-light/loomiere-mojave 0.15.0 → 0.15.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.
|
@@ -6693,7 +6693,7 @@
|
|
|
6693
6693
|
}
|
|
6694
6694
|
|
|
6695
6695
|
|
|
6696
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
6696
|
+
/* @scattered-light/loomiere-base-ui 0.15.1 · styles for @base-ui/react 1.9.0 */
|
|
6697
6697
|
/* Loomiere for Base UI: component styles. Brand-free: every value is a --sl- variable from a
|
|
6698
6698
|
Loomiere theme. Load the theme first:
|
|
6699
6699
|
@import '<your theme>/tokens.css';
|
|
@@ -6703,7 +6703,7 @@
|
|
|
6703
6703
|
/* Document defaults, in the reset layer so any unlayered rule wins over them, and so layered
|
|
6704
6704
|
frameworks (Chakra's recipes, Tailwind's utilities) are not undone by them. */
|
|
6705
6705
|
@layer reset {
|
|
6706
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
6706
|
+
/* @scattered-light/loomiere-base-ui 0.15.1 · styles for @base-ui/react 1.9.0 */
|
|
6707
6707
|
/* CSS Reset - Mojave Theme */
|
|
6708
6708
|
|
|
6709
6709
|
/* ============================================
|
|
@@ -7147,7 +7147,7 @@ hr {
|
|
|
7147
7147
|
}
|
|
7148
7148
|
}
|
|
7149
7149
|
@layer reset {
|
|
7150
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
7150
|
+
/* @scattered-light/loomiere-base-ui 0.15.1 · styles for @base-ui/react 1.9.0 */
|
|
7151
7151
|
/* Accessibility — base rules (no theme color dependencies). Theme-specific focus/invalid: accessibility-theme.css */
|
|
7152
7152
|
|
|
7153
7153
|
/* Remove default focus; keyboard focus styled in accessibility-theme.css */
|
|
@@ -7260,7 +7260,7 @@ main:focus {
|
|
|
7260
7260
|
|
|
7261
7261
|
}
|
|
7262
7262
|
@layer reset {
|
|
7263
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
7263
|
+
/* @scattered-light/loomiere-base-ui 0.15.1 · styles for @base-ui/react 1.9.0 */
|
|
7264
7264
|
/* Focus, invalid, contrast — requires theme tokens (after theme-accessibility.css). */
|
|
7265
7265
|
|
|
7266
7266
|
:focus-visible {
|
|
@@ -7328,7 +7328,7 @@ button,
|
|
|
7328
7328
|
|
|
7329
7329
|
}
|
|
7330
7330
|
/* Component styles */
|
|
7331
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
7331
|
+
/* @scattered-light/loomiere-base-ui 0.15.1 · styles for @base-ui/react 1.9.0 */
|
|
7332
7332
|
/* Accordion - Mojave Theme
|
|
7333
7333
|
*
|
|
7334
7334
|
* No component tokens. Hover, press, chevron, divider and motion are the disclosure
|
|
@@ -7449,7 +7449,7 @@ button,
|
|
|
7449
7449
|
overflow: hidden;
|
|
7450
7450
|
}
|
|
7451
7451
|
|
|
7452
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
7452
|
+
/* @scattered-light/loomiere-base-ui 0.15.1 · styles for @base-ui/react 1.9.0 */
|
|
7453
7453
|
/* Alert Dialog - Mojave Theme
|
|
7454
7454
|
*
|
|
7455
7455
|
* No component tokens and no rules of its own. An alert dialog looks exactly like a
|
|
@@ -7458,7 +7458,7 @@ button,
|
|
|
7458
7458
|
* cancel quiet, and a destructive one bold with data-color="error".
|
|
7459
7459
|
*/
|
|
7460
7460
|
|
|
7461
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
7461
|
+
/* @scattered-light/loomiere-base-ui 0.15.1 · styles for @base-ui/react 1.9.0 */
|
|
7462
7462
|
/* Autocomplete - Mojave Theme
|
|
7463
7463
|
*
|
|
7464
7464
|
* No component tokens. The input is Input (Input.css), the clear button is an icon
|
|
@@ -7660,7 +7660,7 @@ button,
|
|
|
7660
7660
|
(reset-accessibility.css).
|
|
7661
7661
|
============================================ */
|
|
7662
7662
|
|
|
7663
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
7663
|
+
/* @scattered-light/loomiere-base-ui 0.15.1 · styles for @base-ui/react 1.9.0 */
|
|
7664
7664
|
/* Avatar - Mojave Theme
|
|
7665
7665
|
*
|
|
7666
7666
|
* A round picture with a ring in the page color, so avatars in a group cut out of each other in
|
|
@@ -7768,7 +7768,7 @@ button,
|
|
|
7768
7768
|
}
|
|
7769
7769
|
}
|
|
7770
7770
|
|
|
7771
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
7771
|
+
/* @scattered-light/loomiere-base-ui 0.15.1 · styles for @base-ui/react 1.9.0 */
|
|
7772
7772
|
/* Button - Mojave Theme
|
|
7773
7773
|
*
|
|
7774
7774
|
* Colors are the brand's emphasis levels, sizes are control.*, text is the trigger
|
|
@@ -7918,7 +7918,7 @@ button,
|
|
|
7918
7918
|
font-size: var(--sl-icon-size-maximize);
|
|
7919
7919
|
}
|
|
7920
7920
|
|
|
7921
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
7921
|
+
/* @scattered-light/loomiere-base-ui 0.15.1 · styles for @base-ui/react 1.9.0 */
|
|
7922
7922
|
/* Checkbox - Mojave Theme
|
|
7923
7923
|
* Sizes follow the label: the box is the icon size one tier above the label's text
|
|
7924
7924
|
* tier (like a button's icon) and the check mark one tier below it.
|
|
@@ -8075,7 +8075,7 @@ button,
|
|
|
8075
8075
|
border-radius: var(--sl-radius-pill);
|
|
8076
8076
|
}
|
|
8077
8077
|
|
|
8078
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
8078
|
+
/* @scattered-light/loomiere-base-ui 0.15.1 · styles for @base-ui/react 1.9.0 */
|
|
8079
8079
|
/* Checkbox Group - Mojave Theme */
|
|
8080
8080
|
|
|
8081
8081
|
/* Each checkbox row is already a full tap target tall, so the rows sit close. */
|
|
@@ -8091,7 +8091,7 @@ button,
|
|
|
8091
8091
|
pointer-events: none;
|
|
8092
8092
|
}
|
|
8093
8093
|
|
|
8094
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
8094
|
+
/* @scattered-light/loomiere-base-ui 0.15.1 · styles for @base-ui/react 1.9.0 */
|
|
8095
8095
|
/* Collapsible - Mojave Theme
|
|
8096
8096
|
*
|
|
8097
8097
|
* No component tokens. Hover, press, chevron and motion are the disclosure concept
|
|
@@ -8207,7 +8207,7 @@ button,
|
|
|
8207
8207
|
background: var(--sl-surface-raised);
|
|
8208
8208
|
}
|
|
8209
8209
|
|
|
8210
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
8210
|
+
/* @scattered-light/loomiere-base-ui 0.15.1 · styles for @base-ui/react 1.9.0 */
|
|
8211
8211
|
/* Combobox - Mojave Theme
|
|
8212
8212
|
*
|
|
8213
8213
|
* No component tokens. The input is Input (Input.css); the chips box is a field; the
|
|
@@ -8692,7 +8692,7 @@ button,
|
|
|
8692
8692
|
color: var(--sl-text-tertiary);
|
|
8693
8693
|
}
|
|
8694
8694
|
|
|
8695
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
8695
|
+
/* @scattered-light/loomiere-base-ui 0.15.1 · styles for @base-ui/react 1.9.0 */
|
|
8696
8696
|
/* Context Menu - Mojave Theme
|
|
8697
8697
|
*
|
|
8698
8698
|
* 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
|
|
@@ -8861,7 +8861,7 @@ button,
|
|
|
8861
8861
|
stroke-width: var(--sl-stroke-default);
|
|
8862
8862
|
}
|
|
8863
8863
|
|
|
8864
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
8864
|
+
/* @scattered-light/loomiere-base-ui 0.15.1 · styles for @base-ui/react 1.9.0 */
|
|
8865
8865
|
/* Dialog and Alert dialog - Mojave Theme
|
|
8866
8866
|
*
|
|
8867
8867
|
* Both are centered modals built from the modal concept (tokens/semantic/modal.json):
|
|
@@ -9007,7 +9007,7 @@ button,
|
|
|
9007
9007
|
margin-top: var(--sl-modal-actions-spacing);
|
|
9008
9008
|
}
|
|
9009
9009
|
|
|
9010
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
9010
|
+
/* @scattered-light/loomiere-base-ui 0.15.1 · styles for @base-ui/react 1.9.0 */
|
|
9011
9011
|
/* Drawer - a panel that slides in from an edge and can be swiped away.
|
|
9012
9012
|
The surface, scrim, heading and motion are the modal concept's (--sl-modal-*), so a
|
|
9013
9013
|
drawer reads as a dialog's sibling; only its size and grab bar are its own
|
|
@@ -9140,7 +9140,7 @@ button,
|
|
|
9140
9140
|
color: var(--sl-modal-description-color);
|
|
9141
9141
|
}
|
|
9142
9142
|
|
|
9143
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
9143
|
+
/* @scattered-light/loomiere-base-ui 0.15.1 · styles for @base-ui/react 1.9.0 */
|
|
9144
9144
|
/* Field - Mojave Theme
|
|
9145
9145
|
*
|
|
9146
9146
|
* Label, control, description and error. No component tokens: spacing is the field
|
|
@@ -9201,7 +9201,7 @@ textarea.FieldControl {
|
|
|
9201
9201
|
height: auto;
|
|
9202
9202
|
}
|
|
9203
9203
|
|
|
9204
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
9204
|
+
/* @scattered-light/loomiere-base-ui 0.15.1 · styles for @base-ui/react 1.9.0 */
|
|
9205
9205
|
/* Fieldset - Mojave Theme
|
|
9206
9206
|
*
|
|
9207
9207
|
* No component tokens: a titled group of fields, spaced by the stack gaps, with
|
|
@@ -9243,7 +9243,7 @@ textarea.FieldControl {
|
|
|
9243
9243
|
color: var(--sl-text-secondary);
|
|
9244
9244
|
}
|
|
9245
9245
|
|
|
9246
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
9246
|
+
/* @scattered-light/loomiere-base-ui 0.15.1 · styles for @base-ui/react 1.9.0 */
|
|
9247
9247
|
/* Form - Mojave Theme
|
|
9248
9248
|
*
|
|
9249
9249
|
* No component tokens: fields stack with the large block space, and the action
|
|
@@ -9263,7 +9263,7 @@ textarea.FieldControl {
|
|
|
9263
9263
|
margin-top: var(--sl-space-block-md);
|
|
9264
9264
|
}
|
|
9265
9265
|
|
|
9266
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
9266
|
+
/* @scattered-light/loomiere-base-ui 0.15.1 · styles for @base-ui/react 1.9.0 */
|
|
9267
9267
|
/* Input - Mojave Theme
|
|
9268
9268
|
*
|
|
9269
9269
|
* No component tokens: the look is the field concept (tokens/semantic/field.json),
|
|
@@ -9400,7 +9400,7 @@ textarea.FieldControl {
|
|
|
9400
9400
|
padding-inline: var(--sl-control-padding-inline-lg);
|
|
9401
9401
|
}
|
|
9402
9402
|
|
|
9403
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
9403
|
+
/* @scattered-light/loomiere-base-ui 0.15.1 · styles for @base-ui/react 1.9.0 */
|
|
9404
9404
|
/* Menu - Mojave Theme
|
|
9405
9405
|
*
|
|
9406
9406
|
* No component tokens. The trigger is a Button. The popup is the popup concept, rows are item rows at the
|
|
@@ -9549,7 +9549,7 @@ textarea.FieldControl {
|
|
|
9549
9549
|
color: var(--sl-text-tertiary);
|
|
9550
9550
|
}
|
|
9551
9551
|
|
|
9552
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
9552
|
+
/* @scattered-light/loomiere-base-ui 0.15.1 · styles for @base-ui/react 1.9.0 */
|
|
9553
9553
|
/* Menubar - Mojave Theme
|
|
9554
9554
|
*
|
|
9555
9555
|
* No component tokens. A row of quiet triggers, each opening a menu. The popup is the popup concept, rows are item rows at the
|
|
@@ -9742,7 +9742,7 @@ textarea.FieldControl {
|
|
|
9742
9742
|
color: var(--sl-text-tertiary);
|
|
9743
9743
|
}
|
|
9744
9744
|
|
|
9745
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
9745
|
+
/* @scattered-light/loomiere-base-ui 0.15.1 · styles for @base-ui/react 1.9.0 */
|
|
9746
9746
|
/* Meter - Mojave Theme
|
|
9747
9747
|
*
|
|
9748
9748
|
* A gauge (tokens/semantic/gauge.json). The fill is the solid color of the scope around it:
|
|
@@ -9805,7 +9805,7 @@ textarea.FieldControl {
|
|
|
9805
9805
|
height: var(--sl-gauge-height-lg);
|
|
9806
9806
|
}
|
|
9807
9807
|
|
|
9808
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
9808
|
+
/* @scattered-light/loomiere-base-ui 0.15.1 · styles for @base-ui/react 1.9.0 */
|
|
9809
9809
|
/* Navigation Menu - Mojave Theme
|
|
9810
9810
|
*
|
|
9811
9811
|
* The strip is the bar concept, the panel is the popup concept and each link is an item
|
|
@@ -10225,7 +10225,7 @@ textarea.FieldControl {
|
|
|
10225
10225
|
width: 100%;
|
|
10226
10226
|
}
|
|
10227
10227
|
|
|
10228
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
10228
|
+
/* @scattered-light/loomiere-base-ui 0.15.1 · styles for @base-ui/react 1.9.0 */
|
|
10229
10229
|
/* Number Field - Mojave Theme
|
|
10230
10230
|
*
|
|
10231
10231
|
* No component tokens. The input is Input (Input.css) and the label, description and
|
|
@@ -10316,7 +10316,7 @@ textarea.FieldControl {
|
|
|
10316
10316
|
user-select: none;
|
|
10317
10317
|
}
|
|
10318
10318
|
|
|
10319
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
10319
|
+
/* @scattered-light/loomiere-base-ui 0.15.1 · styles for @base-ui/react 1.9.0 */
|
|
10320
10320
|
/* OTP Field - Mojave Theme
|
|
10321
10321
|
*
|
|
10322
10322
|
* One-time code entry: a row of single-character inputs. Each slot is the same control as Input
|
|
@@ -10379,7 +10379,7 @@ textarea.FieldControl {
|
|
|
10379
10379
|
letter-spacing: var(--sl-font-body-magnify-letter-spacing);
|
|
10380
10380
|
}
|
|
10381
10381
|
|
|
10382
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
10382
|
+
/* @scattered-light/loomiere-base-ui 0.15.1 · styles for @base-ui/react 1.9.0 */
|
|
10383
10383
|
/* Popover - Mojave Theme */
|
|
10384
10384
|
|
|
10385
10385
|
/* ============================================
|
|
@@ -10544,7 +10544,7 @@ textarea.FieldControl {
|
|
|
10544
10544
|
fill: var(--sl-popup-arrow-stroke);
|
|
10545
10545
|
}
|
|
10546
10546
|
|
|
10547
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
10547
|
+
/* @scattered-light/loomiere-base-ui 0.15.1 · styles for @base-ui/react 1.9.0 */
|
|
10548
10548
|
/* Preview Card - Mojave Theme
|
|
10549
10549
|
*
|
|
10550
10550
|
* The popup concept (surface, arrow, motion) with a title-magnify title and condense
|
|
@@ -10661,7 +10661,7 @@ textarea.FieldControl {
|
|
|
10661
10661
|
fill: var(--sl-popup-arrow-stroke);
|
|
10662
10662
|
}
|
|
10663
10663
|
|
|
10664
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
10664
|
+
/* @scattered-light/loomiere-base-ui 0.15.1 · styles for @base-ui/react 1.9.0 */
|
|
10665
10665
|
/* Progress - Mojave Theme
|
|
10666
10666
|
*
|
|
10667
10667
|
* A gauge (tokens/semantic/gauge.json), the same bar as Meter. The fill is the solid color of
|
|
@@ -10738,7 +10738,7 @@ textarea.FieldControl {
|
|
|
10738
10738
|
height: var(--sl-gauge-height-lg);
|
|
10739
10739
|
}
|
|
10740
10740
|
|
|
10741
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
10741
|
+
/* @scattered-light/loomiere-base-ui 0.15.1 · styles for @base-ui/react 1.9.0 */
|
|
10742
10742
|
/* Radio - Mojave Theme
|
|
10743
10743
|
* Same box as Checkbox, always round. Sizes follow the label the same way, and the
|
|
10744
10744
|
* dot is a share of the circle (check.dot-scale).
|
|
@@ -10890,7 +10890,7 @@ textarea.FieldControl {
|
|
|
10890
10890
|
gap: var(--sl-gap-stack-sm);
|
|
10891
10891
|
}
|
|
10892
10892
|
|
|
10893
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
10893
|
+
/* @scattered-light/loomiere-base-ui 0.15.1 · styles for @base-ui/react 1.9.0 */
|
|
10894
10894
|
/* Scroll Area - Mojave Theme
|
|
10895
10895
|
*
|
|
10896
10896
|
* The scrollbar is the content scrollbar (content.scrollbar-*): a track that stays clear until
|
|
@@ -10972,7 +10972,7 @@ textarea.FieldControl {
|
|
|
10972
10972
|
background: transparent;
|
|
10973
10973
|
}
|
|
10974
10974
|
|
|
10975
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
10975
|
+
/* @scattered-light/loomiere-base-ui 0.15.1 · styles for @base-ui/react 1.9.0 */
|
|
10976
10976
|
/* Select - Mojave Theme
|
|
10977
10977
|
*
|
|
10978
10978
|
* The trigger is a field (the field pattern, control sizes, the base text style); the
|
|
@@ -11257,7 +11257,7 @@ textarea.FieldControl {
|
|
|
11257
11257
|
stroke-width: var(--sl-stroke-default);
|
|
11258
11258
|
}
|
|
11259
11259
|
|
|
11260
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
11260
|
+
/* @scattered-light/loomiere-base-ui 0.15.1 · styles for @base-ui/react 1.9.0 */
|
|
11261
11261
|
/* Separator - Mojave Theme
|
|
11262
11262
|
*
|
|
11263
11263
|
* A hairline in the everyday divider color (border.default), one stroke thick, with a step of
|
|
@@ -11285,7 +11285,7 @@ textarea.FieldControl {
|
|
|
11285
11285
|
margin-inline: var(--sl-space-4);
|
|
11286
11286
|
}
|
|
11287
11287
|
|
|
11288
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
11288
|
+
/* @scattered-light/loomiere-base-ui 0.15.1 · styles for @base-ui/react 1.9.0 */
|
|
11289
11289
|
/* Slider - Mojave Theme
|
|
11290
11290
|
*
|
|
11291
11291
|
* A slider is a gauge you can drag: the track, fill and label row are gauge.* (the same bar as
|
|
@@ -11451,7 +11451,7 @@ textarea.FieldControl {
|
|
|
11451
11451
|
transform: translate(-50%, 50%);
|
|
11452
11452
|
}
|
|
11453
11453
|
|
|
11454
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
11454
|
+
/* @scattered-light/loomiere-base-ui 0.15.1 · styles for @base-ui/react 1.9.0 */
|
|
11455
11455
|
/* Switch - Mojave Theme
|
|
11456
11456
|
* Switch keeps its track sizes. The thumb, its travel and the ON/OFF text are
|
|
11457
11457
|
* worked out from them: the thumb fills the track's height inside the padding,
|
|
@@ -11617,7 +11617,7 @@ textarea.FieldControl {
|
|
|
11617
11617
|
color: var(--sl-text-disabled);
|
|
11618
11618
|
}
|
|
11619
11619
|
|
|
11620
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
11620
|
+
/* @scattered-light/loomiere-base-ui 0.15.1 · styles for @base-ui/react 1.9.0 */
|
|
11621
11621
|
/* Tabs - Mojave Theme
|
|
11622
11622
|
*
|
|
11623
11623
|
* No component tokens. The divider, the selected line and color, hover and the disabled
|
|
@@ -11753,7 +11753,7 @@ textarea.FieldControl {
|
|
|
11753
11753
|
padding: var(--sl-space-6);
|
|
11754
11754
|
}
|
|
11755
11755
|
|
|
11756
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
11756
|
+
/* @scattered-light/loomiere-base-ui 0.15.1 · styles for @base-ui/react 1.9.0 */
|
|
11757
11757
|
/* Toast - Mojave Theme
|
|
11758
11758
|
*
|
|
11759
11759
|
* A toast is a notice (tokens/semantic/notice.json) on the popup surface. A toast whose type
|
|
@@ -11989,7 +11989,7 @@ textarea.FieldControl {
|
|
|
11989
11989
|
flex-shrink: 0;
|
|
11990
11990
|
}
|
|
11991
11991
|
|
|
11992
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
11992
|
+
/* @scattered-light/loomiere-base-ui 0.15.1 · styles for @base-ui/react 1.9.0 */
|
|
11993
11993
|
/* Toggle - Mojave Theme
|
|
11994
11994
|
* A toggle is a button that stays pressed: the same heights, padding, gap and
|
|
11995
11995
|
* trigger text style as a button of the same size. Pressed, it takes its emphasis level's
|
|
@@ -12101,7 +12101,7 @@ textarea.FieldControl {
|
|
|
12101
12101
|
height: var(--sl-icon-size-maximize);
|
|
12102
12102
|
}
|
|
12103
12103
|
|
|
12104
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
12104
|
+
/* @scattered-light/loomiere-base-ui 0.15.1 · styles for @base-ui/react 1.9.0 */
|
|
12105
12105
|
/* Toggle Group - Mojave Theme
|
|
12106
12106
|
*
|
|
12107
12107
|
* No component tokens. The strip is the bar concept (tokens/semantic/bar.json); the
|
|
@@ -12163,7 +12163,7 @@ textarea.FieldControl {
|
|
|
12163
12163
|
outline-offset: var(--sl-focus-outline-offset-inset);
|
|
12164
12164
|
}
|
|
12165
12165
|
|
|
12166
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
12166
|
+
/* @scattered-light/loomiere-base-ui 0.15.1 · styles for @base-ui/react 1.9.0 */
|
|
12167
12167
|
/* Toolbar - Mojave Theme
|
|
12168
12168
|
*
|
|
12169
12169
|
* The strip is the bar concept (tokens/semantic/bar.json). Buttons, toggles, selects
|
|
@@ -12225,7 +12225,7 @@ textarea.FieldControl {
|
|
|
12225
12225
|
max-width: var(--sl-toolbar-input-max-width);
|
|
12226
12226
|
}
|
|
12227
12227
|
|
|
12228
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
12228
|
+
/* @scattered-light/loomiere-base-ui 0.15.1 · styles for @base-ui/react 1.9.0 */
|
|
12229
12229
|
/* Tooltip - Mojave Theme
|
|
12230
12230
|
*
|
|
12231
12231
|
* The inverse surface (surface.inverse, text.on-inverse-surface) with condense text, so a tooltip
|
|
@@ -12286,7 +12286,7 @@ textarea.FieldControl {
|
|
|
12286
12286
|
}
|
|
12287
12287
|
|
|
12288
12288
|
/* Custom components: not Base UI parts. Built from existing concepts and tokens. */
|
|
12289
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
12289
|
+
/* @scattered-light/loomiere-base-ui 0.15.1 · styles for @base-ui/react 1.9.0 */
|
|
12290
12290
|
/* Badge
|
|
12291
12291
|
*
|
|
12292
12292
|
* A status or count label. Not a Base UI part, and not interactive: no hover or focus.
|
|
@@ -12391,7 +12391,7 @@ textarea.FieldControl {
|
|
|
12391
12391
|
height: var(--sl-badge-dot-base);
|
|
12392
12392
|
}
|
|
12393
12393
|
|
|
12394
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
12394
|
+
/* @scattered-light/loomiere-base-ui 0.15.1 · styles for @base-ui/react 1.9.0 */
|
|
12395
12395
|
/*
|
|
12396
12396
|
* DatePicker: a field that opens a calendar for one date or a period.
|
|
12397
12397
|
* Not a Base UI part. The popup is Popover on a wide viewport and Drawer
|
|
@@ -12964,7 +12964,7 @@ textarea.FieldControl {
|
|
|
12964
12964
|
flex-basis: 100%;
|
|
12965
12965
|
}
|
|
12966
12966
|
|
|
12967
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
12967
|
+
/* @scattered-light/loomiere-base-ui 0.15.1 · styles for @base-ui/react 1.9.0 */
|
|
12968
12968
|
/* Money field
|
|
12969
12969
|
*
|
|
12970
12970
|
* An amount of money, built on Number field. The value is an integer in minor units
|
|
@@ -13309,7 +13309,7 @@ textarea.FieldControl {
|
|
|
13309
13309
|
letter-spacing: var(--sl-font-body-base-letter-spacing);
|
|
13310
13310
|
}
|
|
13311
13311
|
|
|
13312
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
13312
|
+
/* @scattered-light/loomiere-base-ui 0.15.1 · styles for @base-ui/react 1.9.0 */
|
|
13313
13313
|
/* ListDetail
|
|
13314
13314
|
*
|
|
13315
13315
|
* The detail of one item, next to its list. Not a Base UI part. It is a Splitter
|
|
@@ -13436,7 +13436,7 @@ textarea.FieldControl {
|
|
|
13436
13436
|
background: transparent;
|
|
13437
13437
|
}
|
|
13438
13438
|
|
|
13439
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
13439
|
+
/* @scattered-light/loomiere-base-ui 0.15.1 · styles for @base-ui/react 1.9.0 */
|
|
13440
13440
|
/* Splitter
|
|
13441
13441
|
*
|
|
13442
13442
|
* Two or more panels and a handle between them. Not a Base UI part. It follows the
|
|
@@ -13644,7 +13644,7 @@ textarea.FieldControl {
|
|
|
13644
13644
|
background: var(--sl-border-default);
|
|
13645
13645
|
}
|
|
13646
13646
|
|
|
13647
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
13647
|
+
/* @scattered-light/loomiere-base-ui 0.15.1 · styles for @base-ui/react 1.9.0 */
|
|
13648
13648
|
/* EmptyState
|
|
13649
13649
|
*
|
|
13650
13650
|
* The block a page, pane, table, list or popup shows when it has nothing to show.
|
|
@@ -13900,7 +13900,7 @@ textarea.FieldControl {
|
|
|
13900
13900
|
color: inherit;
|
|
13901
13901
|
}
|
|
13902
13902
|
|
|
13903
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
13903
|
+
/* @scattered-light/loomiere-base-ui 0.15.1 · styles for @base-ui/react 1.9.0 */
|
|
13904
13904
|
/* Table - Mojave Theme
|
|
13905
13905
|
*
|
|
13906
13906
|
* Base UI has no table, so this styles the native <table class="Table"> elements with the
|
|
@@ -14160,7 +14160,7 @@ textarea.FieldControl {
|
|
|
14160
14160
|
color: inherit;
|
|
14161
14161
|
}
|
|
14162
14162
|
|
|
14163
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
14163
|
+
/* @scattered-light/loomiere-base-ui 0.15.1 · styles for @base-ui/react 1.9.0 */
|
|
14164
14164
|
/* Collection
|
|
14165
14165
|
*
|
|
14166
14166
|
* DataTable, DataList, the toolbar and the pagination, in one place so the two views
|
|
@@ -14171,7 +14171,7 @@ textarea.FieldControl {
|
|
|
14171
14171
|
* the tabs and the search where they are, so selecting rows does not grow the toolbar.
|
|
14172
14172
|
*/
|
|
14173
14173
|
|
|
14174
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
14174
|
+
/* @scattered-light/loomiere-base-ui 0.15.1 · styles for @base-ui/react 1.9.0 */
|
|
14175
14175
|
/* Collection toolbar
|
|
14176
14176
|
*
|
|
14177
14177
|
* The wrap follows the toolbar's own width, not the window: a table in a narrow pane wraps
|
|
@@ -14337,7 +14337,7 @@ textarea.FieldControl {
|
|
|
14337
14337
|
border-block-end: var(--sl-stroke-default) solid var(--sl-table-border-color);
|
|
14338
14338
|
}
|
|
14339
14339
|
|
|
14340
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
14340
|
+
/* @scattered-light/loomiere-base-ui 0.15.1 · styles for @base-ui/react 1.9.0 */
|
|
14341
14341
|
/* DataTable additions on top of .Table.
|
|
14342
14342
|
*
|
|
14343
14343
|
* Sort buttons fill the header cell and inherit its hover, so old aria-sort markup keeps
|
|
@@ -14536,7 +14536,7 @@ textarea.FieldControl {
|
|
|
14536
14536
|
}
|
|
14537
14537
|
}
|
|
14538
14538
|
|
|
14539
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
14539
|
+
/* @scattered-light/loomiere-base-ui 0.15.1 · styles for @base-ui/react 1.9.0 */
|
|
14540
14540
|
/* DataList
|
|
14541
14541
|
*
|
|
14542
14542
|
* The same rows as the table, in one container with the table's borders, hover, selected
|
|
@@ -14678,7 +14678,7 @@ textarea.FieldControl {
|
|
|
14678
14678
|
transition: opacity var(--sl-duration-fast) var(--sl-easing-default);
|
|
14679
14679
|
}
|
|
14680
14680
|
|
|
14681
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
14681
|
+
/* @scattered-light/loomiere-base-ui 0.15.1 · styles for @base-ui/react 1.9.0 */
|
|
14682
14682
|
/* Pagination
|
|
14683
14683
|
*
|
|
14684
14684
|
* Not tied to a collection. Anything with a page, a page count and a total can use it.
|
|
@@ -14703,7 +14703,7 @@ textarea.FieldControl {
|
|
|
14703
14703
|
margin: 0;
|
|
14704
14704
|
}
|
|
14705
14705
|
|
|
14706
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
14706
|
+
/* @scattered-light/loomiere-base-ui 0.15.1 · styles for @base-ui/react 1.9.0 */
|
|
14707
14707
|
/* EditableList
|
|
14708
14708
|
*
|
|
14709
14709
|
* One table at every width, so a field is not submitted twice. Under the stack width each
|
|
@@ -14802,7 +14802,7 @@ textarea.FieldControl {
|
|
|
14802
14802
|
}
|
|
14803
14803
|
}
|
|
14804
14804
|
|
|
14805
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
14805
|
+
/* @scattered-light/loomiere-base-ui 0.15.1 · styles for @base-ui/react 1.9.0 */
|
|
14806
14806
|
/* Sheet
|
|
14807
14807
|
*
|
|
14808
14808
|
* A working-paper surface: the raised surface with a heavier rule across its top
|
|
@@ -14901,7 +14901,7 @@ textarea.FieldControl {
|
|
|
14901
14901
|
border-top: 0;
|
|
14902
14902
|
}
|
|
14903
14903
|
|
|
14904
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
14904
|
+
/* @scattered-light/loomiere-base-ui 0.15.1 · styles for @base-ui/react 1.9.0 */
|
|
14905
14905
|
/* StatFigure
|
|
14906
14906
|
*
|
|
14907
14907
|
* One large figure with a caps label above and a caption under it. The label is
|
|
@@ -14962,7 +14962,7 @@ textarea.FieldControl {
|
|
|
14962
14962
|
color: var(--sl-stat-figure-caption-color);
|
|
14963
14963
|
}
|
|
14964
14964
|
|
|
14965
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
14965
|
+
/* @scattered-light/loomiere-base-ui 0.15.1 · styles for @base-ui/react 1.9.0 */
|
|
14966
14966
|
/* DescriptionList
|
|
14967
14967
|
*
|
|
14968
14968
|
* Label and value pairs in a native dl, one DescriptionItem (a div holding a dt and a dd)
|
|
@@ -15038,7 +15038,7 @@ textarea.FieldControl {
|
|
|
15038
15038
|
text-align: end;
|
|
15039
15039
|
}
|
|
15040
15040
|
|
|
15041
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
15041
|
+
/* @scattered-light/loomiere-base-ui 0.15.1 · styles for @base-ui/react 1.9.0 */
|
|
15042
15042
|
/* AppBar
|
|
15043
15043
|
*
|
|
15044
15044
|
* The bar across the top of an app window, one row on a line in the rule color. The line is
|
|
@@ -15072,7 +15072,7 @@ textarea.FieldControl {
|
|
|
15072
15072
|
background: var(--sl-app-bar-divider-color);
|
|
15073
15073
|
}
|
|
15074
15074
|
|
|
15075
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
15075
|
+
/* @scattered-light/loomiere-base-ui 0.15.1 · styles for @base-ui/react 1.9.0 */
|
|
15076
15076
|
/* PickerButton
|
|
15077
15077
|
*
|
|
15078
15078
|
* A trigger with a caps label before the current choice: CLIENT Alpha Services. The field
|
|
@@ -15171,7 +15171,7 @@ textarea.FieldControl {
|
|
|
15171
15171
|
transform: rotate(180deg);
|
|
15172
15172
|
}
|
|
15173
15173
|
|
|
15174
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
15174
|
+
/* @scattered-light/loomiere-base-ui 0.15.1 · styles for @base-ui/react 1.9.0 */
|
|
15175
15175
|
/* PickerSplit
|
|
15176
15176
|
*
|
|
15177
15177
|
* A PickerButton whose choice is itself a control: the main part (CLIENT Alpha Services) acts,
|
|
@@ -15191,6 +15191,7 @@ textarea.FieldControl {
|
|
|
15191
15191
|
outline: none;
|
|
15192
15192
|
display: inline-grid;
|
|
15193
15193
|
grid-template-columns: minmax(0, 1fr) var(--sl-control-height-md);
|
|
15194
|
+
grid-template-rows: minmax(0, 1fr);
|
|
15194
15195
|
box-sizing: border-box;
|
|
15195
15196
|
max-width: var(--sl-picker-button-max-width);
|
|
15196
15197
|
min-width: 0;
|
|
@@ -15230,7 +15231,7 @@ textarea.FieldControl {
|
|
|
15230
15231
|
justify-content: start;
|
|
15231
15232
|
gap: var(--sl-gap-control);
|
|
15232
15233
|
min-width: 0;
|
|
15233
|
-
padding-block:
|
|
15234
|
+
padding-block: 0;
|
|
15234
15235
|
padding-inline: var(--sl-control-padding-inline);
|
|
15235
15236
|
white-space: nowrap;
|
|
15236
15237
|
}
|
|
@@ -15268,7 +15269,7 @@ textarea.FieldControl {
|
|
|
15268
15269
|
transform: rotate(180deg);
|
|
15269
15270
|
}
|
|
15270
15271
|
|
|
15271
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
15272
|
+
/* @scattered-light/loomiere-base-ui 0.15.1 · styles for @base-ui/react 1.9.0 */
|
|
15272
15273
|
/* SideNav
|
|
15273
15274
|
*
|
|
15274
15275
|
* The column of links down the side of a workspace. Rows are ruled apart with a hairline; the
|