@scattered-light/loomiere-base-ui 0.15.4 → 0.15.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/design-system/components/bundle.js +1 -1
- package/dist/design-system/components/styles.css +77 -61
- package/dist/styles/components/Accordion.css +1 -1
- package/dist/styles/components/AlertDialog.css +1 -1
- package/dist/styles/components/Autocomplete.css +1 -1
- package/dist/styles/components/Avatar.css +1 -1
- package/dist/styles/components/Button.css +1 -1
- package/dist/styles/components/Checkbox.css +1 -1
- package/dist/styles/components/CheckboxGroup.css +1 -1
- package/dist/styles/components/Collapsible.css +1 -1
- package/dist/styles/components/Combobox.css +1 -1
- package/dist/styles/components/ContextMenu.css +1 -1
- package/dist/styles/components/Dialog.css +1 -1
- package/dist/styles/components/Drawer.css +1 -1
- package/dist/styles/components/Field.css +1 -1
- package/dist/styles/components/Fieldset.css +1 -1
- package/dist/styles/components/Form.css +1 -1
- package/dist/styles/components/Input.css +11 -1
- package/dist/styles/components/Menu.css +1 -1
- package/dist/styles/components/Menubar.css +1 -1
- package/dist/styles/components/Meter.css +1 -1
- package/dist/styles/components/NavigationMenu.css +1 -1
- package/dist/styles/components/NumberField.css +1 -1
- package/dist/styles/components/OTPField.css +1 -1
- package/dist/styles/components/Popover.css +1 -1
- package/dist/styles/components/PreviewCard.css +1 -1
- package/dist/styles/components/Progress.css +1 -1
- package/dist/styles/components/Radio.css +1 -1
- package/dist/styles/components/ScrollArea.css +1 -1
- package/dist/styles/components/Select.css +1 -1
- package/dist/styles/components/Separator.css +1 -1
- package/dist/styles/components/Slider.css +1 -1
- package/dist/styles/components/Switch.css +1 -1
- package/dist/styles/components/Tabs.css +1 -1
- package/dist/styles/components/Toast.css +1 -1
- package/dist/styles/components/Toggle.css +1 -1
- package/dist/styles/components/ToggleGroup.css +1 -1
- package/dist/styles/components/Toolbar.css +1 -1
- package/dist/styles/components/Tooltip.css +1 -1
- package/dist/styles/custom/AppBar.css +1 -1
- package/dist/styles/custom/Badge.css +1 -1
- package/dist/styles/custom/Collection.css +1 -1
- package/dist/styles/custom/CollectionPagination.css +1 -1
- package/dist/styles/custom/CollectionToolbar.css +1 -1
- package/dist/styles/custom/DataList.css +1 -1
- package/dist/styles/custom/DataTable.css +1 -1
- package/dist/styles/custom/DatePicker.css +1 -1
- package/dist/styles/custom/DescriptionList.css +1 -1
- package/dist/styles/custom/EditableList.css +1 -1
- package/dist/styles/custom/EmptyState.css +1 -1
- package/dist/styles/custom/ListDetail.css +1 -1
- package/dist/styles/custom/MoneyField.css +1 -1
- package/dist/styles/custom/PickerButton.css +1 -1
- package/dist/styles/custom/PickerSplit.css +1 -1
- package/dist/styles/custom/Sheet.css +1 -1
- package/dist/styles/custom/SideNav.css +1 -1
- package/dist/styles/custom/Splitter.css +1 -1
- package/dist/styles/custom/StatFigure.css +1 -1
- package/dist/styles/custom/Table.css +7 -1
- package/dist/styles/index.css +1 -1
- package/dist/styles/reset/accessibility.css +1 -1
- package/dist/styles/reset/reset-accessibility.css +1 -1
- package/dist/styles/reset/reset-tailwind.css +1 -1
- package/dist/styles/reset/reset.css +1 -1
- package/dist/styles/tailwind.css +1 -1
- package/package.json +2 -2
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,400,0..1,0');
|
|
2
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
2
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
3
3
|
/* Loomiere for Base UI: component styles. Brand-free: every value is a --sl- variable from a
|
|
4
4
|
Loomiere theme. Load the theme first:
|
|
5
5
|
@import '<your theme>/tokens.css';
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
/* Document defaults, in the reset layer so any unlayered rule wins over them, and so layered
|
|
10
10
|
frameworks (Chakra's recipes, Tailwind's utilities) are not undone by them. */
|
|
11
11
|
@layer reset {
|
|
12
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
12
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
13
13
|
/* CSS Reset - Mojave Theme */
|
|
14
14
|
|
|
15
15
|
/* ============================================
|
|
@@ -453,7 +453,7 @@ hr {
|
|
|
453
453
|
}
|
|
454
454
|
}
|
|
455
455
|
@layer reset {
|
|
456
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
456
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
457
457
|
/* Accessibility — base rules (no theme color dependencies). Theme-specific focus/invalid: accessibility-theme.css */
|
|
458
458
|
|
|
459
459
|
/* Remove default focus; keyboard focus styled in accessibility-theme.css */
|
|
@@ -566,7 +566,7 @@ main:focus {
|
|
|
566
566
|
|
|
567
567
|
}
|
|
568
568
|
@layer reset {
|
|
569
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
569
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
570
570
|
/* Focus, invalid, contrast — requires theme tokens (after theme-accessibility.css). */
|
|
571
571
|
|
|
572
572
|
:focus-visible {
|
|
@@ -634,7 +634,7 @@ button,
|
|
|
634
634
|
|
|
635
635
|
}
|
|
636
636
|
/* Component styles */
|
|
637
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
637
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
638
638
|
/* Accordion - Mojave Theme
|
|
639
639
|
*
|
|
640
640
|
* No component tokens. Hover, press, chevron, divider and motion are the disclosure
|
|
@@ -755,7 +755,7 @@ button,
|
|
|
755
755
|
overflow: hidden;
|
|
756
756
|
}
|
|
757
757
|
|
|
758
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
758
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
759
759
|
/* Alert Dialog - Mojave Theme
|
|
760
760
|
*
|
|
761
761
|
* No component tokens and no rules of its own. An alert dialog looks exactly like a
|
|
@@ -764,7 +764,7 @@ button,
|
|
|
764
764
|
* cancel quiet, and a destructive one bold with data-color="error".
|
|
765
765
|
*/
|
|
766
766
|
|
|
767
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
767
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
768
768
|
/* Autocomplete - Mojave Theme
|
|
769
769
|
*
|
|
770
770
|
* No component tokens. The input is Input (Input.css), the clear button is an icon
|
|
@@ -966,7 +966,7 @@ button,
|
|
|
966
966
|
(reset-accessibility.css).
|
|
967
967
|
============================================ */
|
|
968
968
|
|
|
969
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
969
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
970
970
|
/* Avatar - Mojave Theme
|
|
971
971
|
*
|
|
972
972
|
* A round picture with a ring in the page color, so avatars in a group cut out of each other in
|
|
@@ -1074,7 +1074,7 @@ button,
|
|
|
1074
1074
|
}
|
|
1075
1075
|
}
|
|
1076
1076
|
|
|
1077
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
1077
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
1078
1078
|
/* Button - Mojave Theme
|
|
1079
1079
|
*
|
|
1080
1080
|
* Colors are the brand's emphasis levels, sizes are control.*, text is the trigger
|
|
@@ -1224,7 +1224,7 @@ button,
|
|
|
1224
1224
|
font-size: var(--sl-icon-size-maximize);
|
|
1225
1225
|
}
|
|
1226
1226
|
|
|
1227
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
1227
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
1228
1228
|
/* Checkbox - Mojave Theme
|
|
1229
1229
|
* Sizes follow the label: the box is the icon size one tier above the label's text
|
|
1230
1230
|
* tier (like a button's icon) and the check mark one tier below it.
|
|
@@ -1381,7 +1381,7 @@ button,
|
|
|
1381
1381
|
border-radius: var(--sl-radius-pill);
|
|
1382
1382
|
}
|
|
1383
1383
|
|
|
1384
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
1384
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
1385
1385
|
/* Checkbox Group - Mojave Theme */
|
|
1386
1386
|
|
|
1387
1387
|
/* Each checkbox row is already a full tap target tall, so the rows sit close. */
|
|
@@ -1397,7 +1397,7 @@ button,
|
|
|
1397
1397
|
pointer-events: none;
|
|
1398
1398
|
}
|
|
1399
1399
|
|
|
1400
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
1400
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
1401
1401
|
/* Collapsible - Mojave Theme
|
|
1402
1402
|
*
|
|
1403
1403
|
* No component tokens. Hover, press, chevron and motion are the disclosure concept
|
|
@@ -1513,7 +1513,7 @@ button,
|
|
|
1513
1513
|
background: var(--sl-surface-raised);
|
|
1514
1514
|
}
|
|
1515
1515
|
|
|
1516
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
1516
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
1517
1517
|
/* Combobox - Mojave Theme
|
|
1518
1518
|
*
|
|
1519
1519
|
* No component tokens. The input is Input (Input.css); the chips box is a field; the
|
|
@@ -1998,7 +1998,7 @@ button,
|
|
|
1998
1998
|
color: var(--sl-text-tertiary);
|
|
1999
1999
|
}
|
|
2000
2000
|
|
|
2001
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
2001
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
2002
2002
|
/* Context Menu - Mojave Theme
|
|
2003
2003
|
*
|
|
2004
2004
|
* 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
|
|
@@ -2167,7 +2167,7 @@ button,
|
|
|
2167
2167
|
stroke-width: var(--sl-stroke-default);
|
|
2168
2168
|
}
|
|
2169
2169
|
|
|
2170
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
2170
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
2171
2171
|
/* Dialog and Alert dialog - Mojave Theme
|
|
2172
2172
|
*
|
|
2173
2173
|
* Both are centered modals built from the modal concept (tokens/semantic/modal.json):
|
|
@@ -2313,7 +2313,7 @@ button,
|
|
|
2313
2313
|
margin-top: var(--sl-modal-actions-spacing);
|
|
2314
2314
|
}
|
|
2315
2315
|
|
|
2316
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
2316
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
2317
2317
|
/* Drawer - a panel that slides in from an edge and can be swiped away.
|
|
2318
2318
|
The surface, scrim, heading and motion are the modal concept's (--sl-modal-*), so a
|
|
2319
2319
|
drawer reads as a dialog's sibling; only its size and grab bar are its own
|
|
@@ -2446,7 +2446,7 @@ button,
|
|
|
2446
2446
|
color: var(--sl-modal-description-color);
|
|
2447
2447
|
}
|
|
2448
2448
|
|
|
2449
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
2449
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
2450
2450
|
/* Field - Mojave Theme
|
|
2451
2451
|
*
|
|
2452
2452
|
* Label, control, description and error. No component tokens: spacing is the field
|
|
@@ -2507,7 +2507,7 @@ textarea.FieldControl {
|
|
|
2507
2507
|
height: auto;
|
|
2508
2508
|
}
|
|
2509
2509
|
|
|
2510
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
2510
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
2511
2511
|
/* Fieldset - Mojave Theme
|
|
2512
2512
|
*
|
|
2513
2513
|
* No component tokens: a titled group of fields, spaced by the stack gaps, with
|
|
@@ -2549,7 +2549,7 @@ textarea.FieldControl {
|
|
|
2549
2549
|
color: var(--sl-text-secondary);
|
|
2550
2550
|
}
|
|
2551
2551
|
|
|
2552
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
2552
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
2553
2553
|
/* Form - Mojave Theme
|
|
2554
2554
|
*
|
|
2555
2555
|
* No component tokens: fields stack with the large block space, and the action
|
|
@@ -2569,7 +2569,7 @@ textarea.FieldControl {
|
|
|
2569
2569
|
margin-top: var(--sl-space-block-md);
|
|
2570
2570
|
}
|
|
2571
2571
|
|
|
2572
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
2572
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
2573
2573
|
/* Input - Mojave Theme
|
|
2574
2574
|
*
|
|
2575
2575
|
* No component tokens: the look is the field concept (tokens/semantic/field.json),
|
|
@@ -2607,6 +2607,16 @@ textarea.FieldControl {
|
|
|
2607
2607
|
padding-inline: var(--sl-control-padding-inline);
|
|
2608
2608
|
}
|
|
2609
2609
|
|
|
2610
|
+
/* Search fields draw their own clear button where they want one, so the browser's built-in
|
|
2611
|
+
one must not show a second x. */
|
|
2612
|
+
.Input[type='search']::-webkit-search-cancel-button,
|
|
2613
|
+
.FieldControl[type='search']::-webkit-search-cancel-button,
|
|
2614
|
+
.AutocompleteInput[type='search']::-webkit-search-cancel-button {
|
|
2615
|
+
-webkit-appearance: none;
|
|
2616
|
+
appearance: none;
|
|
2617
|
+
display: none;
|
|
2618
|
+
}
|
|
2619
|
+
|
|
2610
2620
|
.Input::placeholder,
|
|
2611
2621
|
.FieldControl::placeholder,
|
|
2612
2622
|
.NumberFieldInput::placeholder,
|
|
@@ -2706,7 +2716,7 @@ textarea.FieldControl {
|
|
|
2706
2716
|
padding-inline: var(--sl-control-padding-inline-lg);
|
|
2707
2717
|
}
|
|
2708
2718
|
|
|
2709
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
2719
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
2710
2720
|
/* Menu - Mojave Theme
|
|
2711
2721
|
*
|
|
2712
2722
|
* No component tokens. The trigger is a Button. The popup is the popup concept, rows are item rows at the
|
|
@@ -2855,7 +2865,7 @@ textarea.FieldControl {
|
|
|
2855
2865
|
color: var(--sl-text-tertiary);
|
|
2856
2866
|
}
|
|
2857
2867
|
|
|
2858
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
2868
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
2859
2869
|
/* Menubar - Mojave Theme
|
|
2860
2870
|
*
|
|
2861
2871
|
* No component tokens. A row of quiet triggers, each opening a menu. The popup is the popup concept, rows are item rows at the
|
|
@@ -3048,7 +3058,7 @@ textarea.FieldControl {
|
|
|
3048
3058
|
color: var(--sl-text-tertiary);
|
|
3049
3059
|
}
|
|
3050
3060
|
|
|
3051
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
3061
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
3052
3062
|
/* Meter - Mojave Theme
|
|
3053
3063
|
*
|
|
3054
3064
|
* A gauge (tokens/semantic/gauge.json). The fill is the solid color of the scope around it:
|
|
@@ -3111,7 +3121,7 @@ textarea.FieldControl {
|
|
|
3111
3121
|
height: var(--sl-gauge-height-lg);
|
|
3112
3122
|
}
|
|
3113
3123
|
|
|
3114
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
3124
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
3115
3125
|
/* Navigation Menu - Mojave Theme
|
|
3116
3126
|
*
|
|
3117
3127
|
* The strip is the bar concept, the panel is the popup concept and each link is an item
|
|
@@ -3531,7 +3541,7 @@ textarea.FieldControl {
|
|
|
3531
3541
|
width: 100%;
|
|
3532
3542
|
}
|
|
3533
3543
|
|
|
3534
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
3544
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
3535
3545
|
/* Number Field - Mojave Theme
|
|
3536
3546
|
*
|
|
3537
3547
|
* No component tokens. The input is Input (Input.css) and the label, description and
|
|
@@ -3622,7 +3632,7 @@ textarea.FieldControl {
|
|
|
3622
3632
|
user-select: none;
|
|
3623
3633
|
}
|
|
3624
3634
|
|
|
3625
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
3635
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
3626
3636
|
/* OTP Field - Mojave Theme
|
|
3627
3637
|
*
|
|
3628
3638
|
* One-time code entry: a row of single-character inputs. Each slot is the same control as Input
|
|
@@ -3685,7 +3695,7 @@ textarea.FieldControl {
|
|
|
3685
3695
|
letter-spacing: var(--sl-font-body-magnify-letter-spacing);
|
|
3686
3696
|
}
|
|
3687
3697
|
|
|
3688
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
3698
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
3689
3699
|
/* Popover - Mojave Theme */
|
|
3690
3700
|
|
|
3691
3701
|
/* ============================================
|
|
@@ -3850,7 +3860,7 @@ textarea.FieldControl {
|
|
|
3850
3860
|
fill: var(--sl-popup-arrow-stroke);
|
|
3851
3861
|
}
|
|
3852
3862
|
|
|
3853
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
3863
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
3854
3864
|
/* Preview Card - Mojave Theme
|
|
3855
3865
|
*
|
|
3856
3866
|
* The popup concept (surface, arrow, motion) with a title-magnify title and condense
|
|
@@ -3967,7 +3977,7 @@ textarea.FieldControl {
|
|
|
3967
3977
|
fill: var(--sl-popup-arrow-stroke);
|
|
3968
3978
|
}
|
|
3969
3979
|
|
|
3970
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
3980
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
3971
3981
|
/* Progress - Mojave Theme
|
|
3972
3982
|
*
|
|
3973
3983
|
* A gauge (tokens/semantic/gauge.json), the same bar as Meter. The fill is the solid color of
|
|
@@ -4044,7 +4054,7 @@ textarea.FieldControl {
|
|
|
4044
4054
|
height: var(--sl-gauge-height-lg);
|
|
4045
4055
|
}
|
|
4046
4056
|
|
|
4047
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
4057
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
4048
4058
|
/* Radio - Mojave Theme
|
|
4049
4059
|
* Same box as Checkbox, always round. Sizes follow the label the same way, and the
|
|
4050
4060
|
* dot is a share of the circle (check.dot-scale).
|
|
@@ -4196,7 +4206,7 @@ textarea.FieldControl {
|
|
|
4196
4206
|
gap: var(--sl-gap-stack-sm);
|
|
4197
4207
|
}
|
|
4198
4208
|
|
|
4199
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
4209
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
4200
4210
|
/* Scroll Area - Mojave Theme
|
|
4201
4211
|
*
|
|
4202
4212
|
* The scrollbar is the content scrollbar (content.scrollbar-*): a track that stays clear until
|
|
@@ -4278,7 +4288,7 @@ textarea.FieldControl {
|
|
|
4278
4288
|
background: transparent;
|
|
4279
4289
|
}
|
|
4280
4290
|
|
|
4281
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
4291
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
4282
4292
|
/* Select - Mojave Theme
|
|
4283
4293
|
*
|
|
4284
4294
|
* The trigger is a field (the field pattern, control sizes, the base text style); the
|
|
@@ -4563,7 +4573,7 @@ textarea.FieldControl {
|
|
|
4563
4573
|
stroke-width: var(--sl-stroke-default);
|
|
4564
4574
|
}
|
|
4565
4575
|
|
|
4566
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
4576
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
4567
4577
|
/* Separator - Mojave Theme
|
|
4568
4578
|
*
|
|
4569
4579
|
* A hairline in the everyday divider color (border.default), one stroke thick, with a step of
|
|
@@ -4591,7 +4601,7 @@ textarea.FieldControl {
|
|
|
4591
4601
|
margin-inline: var(--sl-space-4);
|
|
4592
4602
|
}
|
|
4593
4603
|
|
|
4594
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
4604
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
4595
4605
|
/* Slider - Mojave Theme
|
|
4596
4606
|
*
|
|
4597
4607
|
* A slider is a gauge you can drag: the track, fill and label row are gauge.* (the same bar as
|
|
@@ -4757,7 +4767,7 @@ textarea.FieldControl {
|
|
|
4757
4767
|
transform: translate(-50%, 50%);
|
|
4758
4768
|
}
|
|
4759
4769
|
|
|
4760
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
4770
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
4761
4771
|
/* Switch - Mojave Theme
|
|
4762
4772
|
* Switch keeps its track sizes. The thumb, its travel and the ON/OFF text are
|
|
4763
4773
|
* worked out from them: the thumb fills the track's height inside the padding,
|
|
@@ -4923,7 +4933,7 @@ textarea.FieldControl {
|
|
|
4923
4933
|
color: var(--sl-text-disabled);
|
|
4924
4934
|
}
|
|
4925
4935
|
|
|
4926
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
4936
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
4927
4937
|
/* Tabs - Mojave Theme
|
|
4928
4938
|
*
|
|
4929
4939
|
* No component tokens. The divider, the selected line and color, hover and the disabled
|
|
@@ -5059,7 +5069,7 @@ textarea.FieldControl {
|
|
|
5059
5069
|
padding: var(--sl-space-6);
|
|
5060
5070
|
}
|
|
5061
5071
|
|
|
5062
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
5072
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
5063
5073
|
/* Toast - Mojave Theme
|
|
5064
5074
|
*
|
|
5065
5075
|
* A toast is a notice (tokens/semantic/notice.json) on the popup surface. A toast whose type
|
|
@@ -5295,7 +5305,7 @@ textarea.FieldControl {
|
|
|
5295
5305
|
flex-shrink: 0;
|
|
5296
5306
|
}
|
|
5297
5307
|
|
|
5298
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
5308
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
5299
5309
|
/* Toggle - Mojave Theme
|
|
5300
5310
|
* A toggle is a button that stays pressed: the same heights, padding, gap and
|
|
5301
5311
|
* trigger text style as a button of the same size. Pressed, it takes its emphasis level's
|
|
@@ -5407,7 +5417,7 @@ textarea.FieldControl {
|
|
|
5407
5417
|
height: var(--sl-icon-size-maximize);
|
|
5408
5418
|
}
|
|
5409
5419
|
|
|
5410
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
5420
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
5411
5421
|
/* Toggle Group - Mojave Theme
|
|
5412
5422
|
*
|
|
5413
5423
|
* No component tokens. The strip is the bar concept (tokens/semantic/bar.json); the
|
|
@@ -5469,7 +5479,7 @@ textarea.FieldControl {
|
|
|
5469
5479
|
outline-offset: var(--sl-focus-outline-offset-inset);
|
|
5470
5480
|
}
|
|
5471
5481
|
|
|
5472
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
5482
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
5473
5483
|
/* Toolbar - Mojave Theme
|
|
5474
5484
|
*
|
|
5475
5485
|
* The strip is the bar concept (tokens/semantic/bar.json). Buttons, toggles, selects
|
|
@@ -5531,7 +5541,7 @@ textarea.FieldControl {
|
|
|
5531
5541
|
max-width: var(--sl-toolbar-input-max-width);
|
|
5532
5542
|
}
|
|
5533
5543
|
|
|
5534
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
5544
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
5535
5545
|
/* Tooltip - Mojave Theme
|
|
5536
5546
|
*
|
|
5537
5547
|
* The inverse surface (surface.inverse, text.on-inverse-surface) with condense text, so a tooltip
|
|
@@ -5592,7 +5602,7 @@ textarea.FieldControl {
|
|
|
5592
5602
|
}
|
|
5593
5603
|
|
|
5594
5604
|
/* Custom components: not Base UI parts. Built from existing concepts and tokens. */
|
|
5595
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
5605
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
5596
5606
|
/* Badge
|
|
5597
5607
|
*
|
|
5598
5608
|
* A status or count label. Not a Base UI part, and not interactive: no hover or focus.
|
|
@@ -5697,7 +5707,7 @@ textarea.FieldControl {
|
|
|
5697
5707
|
height: var(--sl-badge-dot-base);
|
|
5698
5708
|
}
|
|
5699
5709
|
|
|
5700
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
5710
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
5701
5711
|
/*
|
|
5702
5712
|
* DatePicker: a field that opens a calendar for one date or a period.
|
|
5703
5713
|
* Not a Base UI part. The popup is Popover on a wide viewport and Drawer
|
|
@@ -6270,7 +6280,7 @@ textarea.FieldControl {
|
|
|
6270
6280
|
flex-basis: 100%;
|
|
6271
6281
|
}
|
|
6272
6282
|
|
|
6273
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
6283
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
6274
6284
|
/* Money field
|
|
6275
6285
|
*
|
|
6276
6286
|
* An amount of money, built on Number field. The value is an integer in minor units
|
|
@@ -6615,7 +6625,7 @@ textarea.FieldControl {
|
|
|
6615
6625
|
letter-spacing: var(--sl-font-body-base-letter-spacing);
|
|
6616
6626
|
}
|
|
6617
6627
|
|
|
6618
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
6628
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
6619
6629
|
/* ListDetail
|
|
6620
6630
|
*
|
|
6621
6631
|
* The detail of one item, next to its list. Not a Base UI part. It is a Splitter
|
|
@@ -6742,7 +6752,7 @@ textarea.FieldControl {
|
|
|
6742
6752
|
background: transparent;
|
|
6743
6753
|
}
|
|
6744
6754
|
|
|
6745
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
6755
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
6746
6756
|
/* Splitter
|
|
6747
6757
|
*
|
|
6748
6758
|
* Two or more panels and a handle between them. Not a Base UI part. It follows the
|
|
@@ -6950,7 +6960,7 @@ textarea.FieldControl {
|
|
|
6950
6960
|
background: var(--sl-border-default);
|
|
6951
6961
|
}
|
|
6952
6962
|
|
|
6953
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
6963
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
6954
6964
|
/* EmptyState
|
|
6955
6965
|
*
|
|
6956
6966
|
* The block a page, pane, table, list or popup shows when it has nothing to show.
|
|
@@ -7206,7 +7216,7 @@ textarea.FieldControl {
|
|
|
7206
7216
|
color: inherit;
|
|
7207
7217
|
}
|
|
7208
7218
|
|
|
7209
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
7219
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
7210
7220
|
/* Table - Mojave Theme
|
|
7211
7221
|
*
|
|
7212
7222
|
* Base UI has no table, so this styles the native <table class="Table"> elements with the
|
|
@@ -7331,6 +7341,12 @@ textarea.FieldControl {
|
|
|
7331
7341
|
border-bottom: var(--sl-stroke-default) solid var(--sl-table-row-border-color);
|
|
7332
7342
|
}
|
|
7333
7343
|
|
|
7344
|
+
/* The last row has no line under it, row header included, so a total's rule above a footer isn't doubled. */
|
|
7345
|
+
.Table tbody tr:last-child > th,
|
|
7346
|
+
.Table tbody:last-child tr:last-child > th {
|
|
7347
|
+
border-bottom: none;
|
|
7348
|
+
}
|
|
7349
|
+
|
|
7334
7350
|
/* Numbers and amounts: right-aligned so digits line up */
|
|
7335
7351
|
.Table [data-align='end'] {
|
|
7336
7352
|
text-align: end;
|
|
@@ -7477,7 +7493,7 @@ textarea.FieldControl {
|
|
|
7477
7493
|
color: inherit;
|
|
7478
7494
|
}
|
|
7479
7495
|
|
|
7480
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
7496
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
7481
7497
|
/* Collection
|
|
7482
7498
|
*
|
|
7483
7499
|
* DataTable, DataList, the toolbar and the pagination, in one place so the two views
|
|
@@ -7488,7 +7504,7 @@ textarea.FieldControl {
|
|
|
7488
7504
|
* the tabs and the search where they are, so selecting rows does not grow the toolbar.
|
|
7489
7505
|
*/
|
|
7490
7506
|
|
|
7491
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
7507
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
7492
7508
|
/* Collection toolbar
|
|
7493
7509
|
*
|
|
7494
7510
|
* The wrap follows the toolbar's own width, not the window: a table in a narrow pane wraps
|
|
@@ -7654,7 +7670,7 @@ textarea.FieldControl {
|
|
|
7654
7670
|
border-block-end: var(--sl-stroke-default) solid var(--sl-table-border-color);
|
|
7655
7671
|
}
|
|
7656
7672
|
|
|
7657
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
7673
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
7658
7674
|
/* DataTable additions on top of .Table.
|
|
7659
7675
|
*
|
|
7660
7676
|
* Sort buttons fill the header cell and inherit its hover, so old aria-sort markup keeps
|
|
@@ -7853,7 +7869,7 @@ textarea.FieldControl {
|
|
|
7853
7869
|
}
|
|
7854
7870
|
}
|
|
7855
7871
|
|
|
7856
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
7872
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
7857
7873
|
/* DataList
|
|
7858
7874
|
*
|
|
7859
7875
|
* The same rows as the table, in one container with the table's borders, hover, selected
|
|
@@ -7995,7 +8011,7 @@ textarea.FieldControl {
|
|
|
7995
8011
|
transition: opacity var(--sl-duration-fast) var(--sl-easing-default);
|
|
7996
8012
|
}
|
|
7997
8013
|
|
|
7998
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
8014
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
7999
8015
|
/* Pagination
|
|
8000
8016
|
*
|
|
8001
8017
|
* Not tied to a collection. Anything with a page, a page count and a total can use it.
|
|
@@ -8020,7 +8036,7 @@ textarea.FieldControl {
|
|
|
8020
8036
|
margin: 0;
|
|
8021
8037
|
}
|
|
8022
8038
|
|
|
8023
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
8039
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
8024
8040
|
/* EditableList
|
|
8025
8041
|
*
|
|
8026
8042
|
* One table at every width, so a field is not submitted twice. Under the stack width each
|
|
@@ -8119,7 +8135,7 @@ textarea.FieldControl {
|
|
|
8119
8135
|
}
|
|
8120
8136
|
}
|
|
8121
8137
|
|
|
8122
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
8138
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
8123
8139
|
/* Sheet
|
|
8124
8140
|
*
|
|
8125
8141
|
* A working-paper surface: the raised surface with a heavier rule across its top
|
|
@@ -8218,7 +8234,7 @@ textarea.FieldControl {
|
|
|
8218
8234
|
border-top: 0;
|
|
8219
8235
|
}
|
|
8220
8236
|
|
|
8221
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
8237
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
8222
8238
|
/* StatFigure
|
|
8223
8239
|
*
|
|
8224
8240
|
* One large figure with a caps label above and a caption under it. The label is
|
|
@@ -8279,7 +8295,7 @@ textarea.FieldControl {
|
|
|
8279
8295
|
color: var(--sl-stat-figure-caption-color);
|
|
8280
8296
|
}
|
|
8281
8297
|
|
|
8282
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
8298
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
8283
8299
|
/* DescriptionList
|
|
8284
8300
|
*
|
|
8285
8301
|
* Label and value pairs in a native dl, one DescriptionItem (a div holding a dt and a dd)
|
|
@@ -8355,7 +8371,7 @@ textarea.FieldControl {
|
|
|
8355
8371
|
text-align: end;
|
|
8356
8372
|
}
|
|
8357
8373
|
|
|
8358
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
8374
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
8359
8375
|
/* AppBar
|
|
8360
8376
|
*
|
|
8361
8377
|
* The bar across the top of an app window, one row on a line in the rule color. The line is
|
|
@@ -8389,7 +8405,7 @@ textarea.FieldControl {
|
|
|
8389
8405
|
background: var(--sl-app-bar-divider-color);
|
|
8390
8406
|
}
|
|
8391
8407
|
|
|
8392
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
8408
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
8393
8409
|
/* PickerButton
|
|
8394
8410
|
*
|
|
8395
8411
|
* A trigger with a caps label before the current choice: CLIENT Alpha Services. The field
|
|
@@ -8489,7 +8505,7 @@ textarea.FieldControl {
|
|
|
8489
8505
|
transform: rotate(180deg);
|
|
8490
8506
|
}
|
|
8491
8507
|
|
|
8492
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
8508
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
8493
8509
|
/* PickerSplit
|
|
8494
8510
|
*
|
|
8495
8511
|
* A PickerButton whose choice is itself a control: the main part (CLIENT Alpha Services) acts,
|
|
@@ -8587,7 +8603,7 @@ textarea.FieldControl {
|
|
|
8587
8603
|
transform: rotate(180deg);
|
|
8588
8604
|
}
|
|
8589
8605
|
|
|
8590
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
8606
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
8591
8607
|
/* SideNav
|
|
8592
8608
|
*
|
|
8593
8609
|
* The column of links down the side of a workspace. Rows are ruled apart with a hairline; the
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
1
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
2
2
|
/* Accordion - Mojave Theme
|
|
3
3
|
*
|
|
4
4
|
* No component tokens. Hover, press, chevron, divider and motion are the disclosure
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
1
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
2
2
|
/* Alert Dialog - Mojave Theme
|
|
3
3
|
*
|
|
4
4
|
* No component tokens and no rules of its own. An alert dialog looks exactly like a
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
1
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
2
2
|
/* Autocomplete - Mojave Theme
|
|
3
3
|
*
|
|
4
4
|
* No component tokens. The input is Input (Input.css), the clear button is an icon
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
1
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
2
2
|
/* Avatar - Mojave Theme
|
|
3
3
|
*
|
|
4
4
|
* A round picture with a ring in the page color, so avatars in a group cut out of each other in
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
1
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
2
2
|
/* Button - Mojave Theme
|
|
3
3
|
*
|
|
4
4
|
* Colors are the brand's emphasis levels, sizes are control.*, text is the trigger
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
1
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
2
2
|
/* Checkbox - Mojave Theme
|
|
3
3
|
* Sizes follow the label: the box is the icon size one tier above the label's text
|
|
4
4
|
* tier (like a button's icon) and the check mark one tier below it.
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
1
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
2
2
|
/* Checkbox Group - Mojave Theme */
|
|
3
3
|
|
|
4
4
|
/* Each checkbox row is already a full tap target tall, so the rows sit close. */
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
1
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
2
2
|
/* Collapsible - Mojave Theme
|
|
3
3
|
*
|
|
4
4
|
* No component tokens. Hover, press, chevron and motion are the disclosure concept
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
1
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
2
2
|
/* Combobox - Mojave Theme
|
|
3
3
|
*
|
|
4
4
|
* No component tokens. The input is Input (Input.css); the chips box is a field; the
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
1
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
2
2
|
/* Context Menu - Mojave Theme
|
|
3
3
|
*
|
|
4
4
|
* 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
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
1
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
2
2
|
/* Dialog and Alert dialog - Mojave Theme
|
|
3
3
|
*
|
|
4
4
|
* Both are centered modals built from the modal concept (tokens/semantic/modal.json):
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
1
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
2
2
|
/* Drawer - a panel that slides in from an edge and can be swiped away.
|
|
3
3
|
The surface, scrim, heading and motion are the modal concept's (--sl-modal-*), so a
|
|
4
4
|
drawer reads as a dialog's sibling; only its size and grab bar are its own
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
1
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
2
2
|
/* Field - Mojave Theme
|
|
3
3
|
*
|
|
4
4
|
* Label, control, description and error. No component tokens: spacing is the field
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
1
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
2
2
|
/* Fieldset - Mojave Theme
|
|
3
3
|
*
|
|
4
4
|
* No component tokens: a titled group of fields, spaced by the stack gaps, with
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* @scattered-light/loomiere-base-ui 0.15.
|
|
1
|
+
/* @scattered-light/loomiere-base-ui 0.15.6 · styles for @base-ui/react 1.9.0 */
|
|
2
2
|
/* Form - Mojave Theme
|
|
3
3
|
*
|
|
4
4
|
* No component tokens: fields stack with the large block space, and the action
|