@mucsi96/react-ui 0.3.0 → 0.4.0
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/README.md +14 -13
- package/dist/index.js +8 -8
- package/dist/styles.css +1 -1
- package/dist/typography.css +9 -2
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -27,8 +27,8 @@ export function SaveAction() {
|
|
|
27
27
|
|
|
28
28
|
Components need no theme provider. The stylesheet defines the dark `--bt-*` tokens and `color-scheme` on `:root`; all component selectors and animations are locally scoped. It does not reset your application's typography or layout. The library entry is marked as a client boundary for React Server Component frameworks.
|
|
29
29
|
|
|
30
|
-
|
|
31
|
-
|
|
30
|
+
To normalize native headings, opt in to the typography reset before your
|
|
31
|
+
application styles:
|
|
32
32
|
|
|
33
33
|
```tsx
|
|
34
34
|
import '@mucsi96/react-ui/styles.css';
|
|
@@ -37,10 +37,12 @@ import './styles.css';
|
|
|
37
37
|
```
|
|
38
38
|
|
|
39
39
|
This restores normal-weight, unscaled native headings with no default margins.
|
|
40
|
-
Set page-specific heading sizes and spacing in your CSS Modules.
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
40
|
+
Set page-specific heading sizes and spacing in your CSS Modules. The single font
|
|
41
|
+
token `--bt-font` uses only `system-ui`, including avatar initials. Code uses an
|
|
42
|
+
inline `ui-monospace, monospace` stack without a font token. The main stylesheet applies
|
|
43
|
+
the font to the document root, so applications need no font-family declarations
|
|
44
|
+
or token overrides. No font downloads are needed.
|
|
45
|
+
The optional stylesheet does not import fonts or reset page layouts.
|
|
44
46
|
|
|
45
47
|
## Buttons
|
|
46
48
|
|
|
@@ -62,7 +64,7 @@ fallback. The optional stylesheet does not import fonts or reset page layouts.
|
|
|
62
64
|
Buttons expose React Aria's press API (`onPress`, `isDisabled`) and React 19's `ref` prop. Set `type="submit"` for form submission. Supply an accessible label for icon-only actions. Icons are ordinary React children; no icon package is imposed on consumers.
|
|
63
65
|
|
|
64
66
|
Use `avatar` for initials-based profile/menu triggers: a 40px filled circle with
|
|
65
|
-
normal-weight 18px initials
|
|
67
|
+
normal-weight 18px initials. Compose it with
|
|
66
68
|
`MenuTrigger` just like other buttons; keep the accessible name on the button.
|
|
67
69
|
|
|
68
70
|
## Forms
|
|
@@ -88,18 +90,17 @@ Labels, descriptions, and validation messages are associated with the input auto
|
|
|
88
90
|
|
|
89
91
|
Select options have `{ id, label, isDisabled? }`; React Aria handles selection, typeahead, and filtering. Checkbox and switch controlled state uses `isSelected`/`onChange`; radio group state uses `value`/`onChange`. React Aria form `name` props support native form submissions.
|
|
90
92
|
|
|
91
|
-
###
|
|
93
|
+
### Field and button sizing
|
|
92
94
|
|
|
93
95
|
Fields default to `appearance="filled"`, with always-visible floating labels and
|
|
94
|
-
|
|
96
|
+
a 56px content height (58px including its border). `TextField`,
|
|
95
97
|
`Select`, and `ComboBox` also accept `appearance="outlined"`. On an outlined field
|
|
96
98
|
over a custom surface, set `--bt-field-label-background` to that surface color.
|
|
97
99
|
Required markers are visual only; the accessible name remains the supplied label.
|
|
98
100
|
|
|
99
|
-
Buttons use
|
|
101
|
+
Buttons use a 40px default height; icon buttons are circular, and FABs
|
|
100
102
|
use 56px/40px sizes. Consumers needing taller touch targets can set `min-height`
|
|
101
|
-
on their CSS Module class.
|
|
102
|
-
for the component-by-component comparison and remaining differences.
|
|
103
|
+
on their CSS Module class.
|
|
103
104
|
|
|
104
105
|
## Donut slider
|
|
105
106
|
|
|
@@ -264,6 +265,6 @@ All loading animations respect reduced motion. `Card` supports `outlined` and `e
|
|
|
264
265
|
}
|
|
265
266
|
```
|
|
266
267
|
|
|
267
|
-
Use `className` to extend styles without reaching into internal module selectors. The public palette includes `surface-0` through `surface-4`, `outline`, `text-strong`, `text-default`, `text-muted`, `text-on-brand`, `primary`, `primary-hover`, `link`, `link-hint`, semantic `success`/`warn`/`error` colors, hover variants, soft variants, and success/error foreground tokens. Shared `--bt-font`, `--bt-
|
|
268
|
+
Use `className` to extend styles without reaching into internal module selectors. The public palette includes `surface-0` through `surface-4`, `outline`, `text-strong`, `text-default`, `text-muted`, `text-on-brand`, `primary`, `primary-hover`, `link`, `link-hint`, semantic `success`/`warn`/`error` colors, hover variants, soft variants, and success/error foreground tokens. Shared `--bt-font`, `--bt-radius`, `--bt-radius-lg`, and `--bt-shadow` tokens complete the foundation.
|
|
268
269
|
|
|
269
270
|
MIT © Igor Bari
|
package/dist/index.js
CHANGED
|
@@ -7,7 +7,7 @@ import { createPortal as se } from "react-dom";
|
|
|
7
7
|
function L(...e) {
|
|
8
8
|
return e.filter(Boolean).join(" ");
|
|
9
9
|
}
|
|
10
|
-
var R = { button: "
|
|
10
|
+
var R = { button: "_button_s6jxa_1" };
|
|
11
11
|
//#endregion
|
|
12
12
|
//#region src/components/button/button.tsx
|
|
13
13
|
function z({ variant: t = "filled", tone: n = "primary", background: r, className: i, style: a, children: o, ref: s, ...c }) {
|
|
@@ -820,13 +820,13 @@ function Ne({ label: e, className: t, ...n }) {
|
|
|
820
820
|
});
|
|
821
821
|
}
|
|
822
822
|
var $ = {
|
|
823
|
-
card: "
|
|
824
|
-
badge: "
|
|
825
|
-
heading: "
|
|
826
|
-
text: "
|
|
827
|
-
muted: "
|
|
828
|
-
code: "
|
|
829
|
-
divider: "
|
|
823
|
+
card: "_card_n4hcj_1",
|
|
824
|
+
badge: "_badge_n4hcj_15",
|
|
825
|
+
heading: "_heading_n4hcj_49",
|
|
826
|
+
text: "_text_n4hcj_71",
|
|
827
|
+
muted: "_muted_n4hcj_76",
|
|
828
|
+
code: "_code_n4hcj_79",
|
|
829
|
+
divider: "_divider_n4hcj_89"
|
|
830
830
|
};
|
|
831
831
|
//#endregion
|
|
832
832
|
//#region src/components/surface/surface.tsx
|
package/dist/styles.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bt-surface-0:#111827;--bt-surface-1:#1f2937;--bt-surface-2:#384252;--bt-surface-3:#394351;--bt-surface-4:#384251;--bt-outline:#4b5563;--bt-text-strong:white;--bt-text-default:#e5e7eb;--bt-text-muted:#9ca3b0;--bt-text-muted-on-raised:#aab2bf;--bt-text-on-brand:white;--bt-surface-inverse:#e5e1e6;--bt-text-inverse:#303034;--bt-primary:#1c64f2;--bt-primary-hover:#1a57db;--bt-link:#3f83f8;--bt-link-hint:#75a8fa;--bt-success:#057a55;--bt-success-hover:#046c4f;--bt-success-soft:#6eeda3;--bt-success-on:#00471e;--bt-warn:#e2a108;--bt-warn-hover:#c47a03;--bt-warn-soft:#e2dc83;--bt-error:#e02424;--bt-error-hover:#c81e1e;--bt-error-soft:#fd8c8c;--bt-error-on:#470b0b;--bt-font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--bt-font-body:-apple-system, BlinkMacSystemFont, "SF Pro Text", Roboto, sans-serif;--bt-font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--bt-radius:.5rem;--bt-radius-lg:.75rem;--bt-shadow:0 8px 32px #00000040}._button_17prc_1{--button-bg:var(--bt-button-bg,var(--bt-primary));box-sizing:border-box;border-radius:var(--bt-radius);background:var(--button-bg);color:oklch(from var(--button-bg) calc((.62 - l) * infinity) 0 0);min-width:4rem;min-height:2.5rem;font:500 .875rem var(--bt-font);letter-spacing:.006rem;cursor:pointer;-webkit-tap-highlight-color:transparent;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:0 1.5rem;text-decoration:none;transition:background .15s,box-shadow .15s;display:inline-flex}._button_17prc_1[data-tone=success]{--button-bg:var(--bt-button-bg,var(--bt-success))}._button_17prc_1[data-tone=warn]{--button-bg:var(--bt-button-bg,var(--bt-warn))}._button_17prc_1[data-tone=error]{--button-bg:var(--bt-button-bg,var(--bt-error))}._button_17prc_1:is([data-variant=filled],[data-variant=raised],[data-variant=fab],[data-variant=mini-fab]):is([data-hovered],[data-pressed]):not([data-disabled]){background:oklch(from var(--button-bg) calc(l - .07) c h)}._button_17prc_1[data-focus-visible]{outline:2px solid var(--bt-link-hint);outline-offset:3px}._button_17prc_1[data-variant=raised],._button_17prc_1[data-variant=fab],._button_17prc_1[data-variant=mini-fab]{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}._button_17prc_1[data-variant=outlined],._button_17prc_1[data-variant=text],._button_17prc_1[data-variant=icon]{color:var(--bt-text-default);background:0 0}._button_17prc_1[data-variant=avatar]{background:var(--bt-outline);width:40px;min-width:40px;height:40px;min-height:40px;color:var(--bt-text-on-brand);-webkit-user-select:none;user-select:none;letter-spacing:normal;border:0;border-radius:50%;flex-shrink:0;padding:0;font:400 18px Arial,sans-serif}._button_17prc_1[data-variant=outlined]{border-color:#0000}._button_17prc_1[data-variant=text]{padding-inline:.75rem}._button_17prc_1[data-variant=icon]{width:2.5rem;min-width:2.5rem;color:var(--bt-text-muted);letter-spacing:normal;border:0;border-radius:50%;padding:.5rem;font-size:1.5rem}._button_17prc_1[data-variant=fab]{border-radius:1rem;min-width:3.5rem;min-height:3.5rem;padding-inline:1.25rem}._button_17prc_1[data-variant=mini-fab]{border-radius:.75rem;width:2.5rem;min-width:2.5rem;padding:0}._button_17prc_1:is([data-variant=outlined],[data-variant=text],[data-variant=icon]):is([data-hovered],[data-pressed]):not([data-disabled]){background:color-mix(in srgb, var(--bt-text-default) 8%, transparent)}._button_17prc_1[data-disabled]{background:color-mix(in srgb, var(--bt-text-default) 12%, transparent);color:color-mix(in srgb, var(--bt-text-default) 38%, transparent);box-shadow:none;cursor:not-allowed}._button_17prc_1:is([data-variant=text],[data-variant=outlined],[data-variant=icon])[data-disabled]{background:0 0}@media (prefers-reduced-motion:reduce){._button_17prc_1{transition:none}}._field_b8e40_1{min-width:0;font:1rem / 1.5rem var(--bt-font);letter-spacing:.03125rem;color:var(--bt-text-default);flex-direction:column;gap:0;display:flex}._label_b8e40_10{color:var(--bt-text-default);font-weight:400}._surface_b8e40_14{border:1px solid var(--bt-outline);border-radius:var(--bt-radius);min-width:0;position:relative}._field_b8e40_1[data-appearance=filled] ._surface_b8e40_14{background:var(--bt-surface-2)}._field_b8e40_1[data-appearance=filled] ._floatingLabel_b8e40_23,._field_b8e40_1[data-appearance=filled] ._selectButton_b8e40_24 [data-placeholder],._field_b8e40_1[data-appearance=filled] ._input_b8e40_25::placeholder{color:var(--bt-text-muted-on-raised)}._floatingLabel_b8e40_23{white-space:nowrap;text-overflow:ellipsis;max-width:calc(100% - 32px);color:var(--bt-text-muted);font:400 .75rem / 1.125rem var(--bt-font);letter-spacing:.0234375rem;z-index:1;position:absolute;inset-block-start:6px;inset-inline-start:16px;overflow:hidden}._field_b8e40_1[data-appearance=outlined] ._floatingLabel_b8e40_23{background:var(--bt-field-label-background,var(--bt-surface-0));padding-inline:4px;inset-block-start:-9px;inset-inline-start:12px}._surface_b8e40_14:focus-within{border-color:var(--bt-link);box-shadow:0 0 0 1px var(--bt-link)}._surface_b8e40_14:hover:not(:focus-within){border-color:var(--bt-text-muted)}._surface_b8e40_14:focus-within ._floatingLabel_b8e40_23{color:var(--bt-text-strong)}._field_b8e40_1[data-appearance=outlined] ._surface_b8e40_14:focus-within ._floatingLabel_b8e40_23{color:var(--bt-link)}._input_b8e40_25,._selectButton_b8e40_24{box-sizing:border-box;border-radius:var(--bt-radius);width:100%;min-height:3.5rem;color:var(--bt-text-strong);font:inherit;letter-spacing:inherit;background:0 0;border:0;outline:none;padding:24px 16px 8px;display:block}._field_b8e40_1[data-appearance=outlined] ._input_b8e40_25,._field_b8e40_1[data-appearance=outlined] ._selectButton_b8e40_24{padding-block:16px}._input_b8e40_25{resize:vertical}._input_b8e40_25::placeholder{color:var(--bt-text-muted)}._field_b8e40_1[data-invalid] ._surface_b8e40_14{border-color:var(--bt-error)}._field_b8e40_1[data-invalid] ._surface_b8e40_14:focus-within{box-shadow:0 0 0 1px var(--bt-error)}._field_b8e40_1[data-invalid] ._floatingLabel_b8e40_23{color:var(--bt-error-soft)}._description_b8e40_94{color:var(--bt-text-muted);padding-inline:1rem;font-size:.75rem;line-height:1.25rem}._error_b8e40_100{color:var(--bt-error-soft);padding-inline:1rem;font-size:.75rem;line-height:1.25rem}._error_b8e40_100:empty{display:none}._field_b8e40_1[data-disabled]{opacity:.55}._selectButton_b8e40_24{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;display:flex}._selectButton_b8e40_24 [data-placeholder]{color:var(--bt-text-muted)}._combo_b8e40_122{position:relative}._combo_b8e40_122 ._input_b8e40_25{padding-inline-end:2.75rem}._comboButton_b8e40_128{width:2.5rem;color:var(--bt-text-default);border-radius:var(--bt-radius);cursor:pointer;background:0 0;border:0;place-items:center;font-size:1.2rem;display:grid;position:absolute;inset-block:1px;inset-inline-end:1px}._comboButton_b8e40_128[data-focus-visible]{outline:2px solid var(--bt-link);outline-offset:-3px}._popover_b8e40_146{z-index:50;width:var(--trigger-width);max-height:min(17.1875rem, var(--available-height));background:var(--bt-surface-2);box-shadow:var(--bt-shadow);border:0;border-radius:4px;overflow:auto}._list_b8e40_156{font:1rem / 1.25rem var(--bt-font);letter-spacing:.03125rem;color:var(--bt-text-default);outline:none;padding:.5rem 0}._option_b8e40_163{cursor:pointer;border-radius:0;outline:none;align-items:center;min-height:3rem;padding:0 1rem;display:flex}._option_b8e40_163[data-focused],._option_b8e40_163[data-selected]{background:color-mix(in srgb, var(--bt-text-default) 12%, transparent)}._option_b8e40_163[data-disabled]{color:var(--bt-text-muted);opacity:.6;cursor:not-allowed}._control_b8e40_181{width:fit-content;min-height:2.5rem;color:var(--bt-text-default);font:.875rem / 1.25rem var(--bt-font);cursor:pointer;align-items:center;gap:.875rem;display:flex}._control_b8e40_181[data-disabled]{opacity:.5;cursor:not-allowed}._check_b8e40_195,._radio_b8e40_196{box-sizing:border-box;border:2px solid var(--bt-text-muted);border-radius:2px;flex-shrink:0;place-items:center;width:1.125rem;height:1.125rem;line-height:1;display:grid}._check_b8e40_195 svg{width:100%;height:100%}._radio_b8e40_196{border-radius:50%;width:1.25rem;height:1.25rem}._control_b8e40_181[data-selected] ._check_b8e40_195,._control_b8e40_181[data-indeterminate] ._check_b8e40_195{background:var(--bt-primary);border-color:var(--bt-primary);color:#fff}._control_b8e40_181[data-selected] ._radio_b8e40_196{border-color:var(--bt-primary)}._control_b8e40_181[data-selected] ._radio_b8e40_196:after{content:"";background:var(--bt-primary);border-radius:50%;width:10px;height:10px}._track_b8e40_232{box-sizing:border-box;border:2px solid var(--bt-outline);background:var(--bt-surface-2);border-radius:.5rem;align-items:center;width:3.25rem;height:2rem;padding:2px;display:inline-flex}._thumb_b8e40_243{color:var(--bt-surface-2);background:#fff;border-radius:.25rem;place-items:center;width:1.5rem;height:1.5rem;transition:transform .15s;display:grid}._thumb_b8e40_243 svg{width:1rem;height:1rem}._control_b8e40_181[data-selected] ._thumb_b8e40_243{color:var(--bt-primary)}._control_b8e40_181[data-selected] ._track_b8e40_232{background:var(--bt-primary);border-color:var(--bt-primary)}._control_b8e40_181[data-selected] ._thumb_b8e40_243{transform:translate(1.25rem)}._control_b8e40_181[data-focus-visible] ._check_b8e40_195,._control_b8e40_181[data-focus-visible] ._radio_b8e40_196,._control_b8e40_181[data-focus-visible] ._track_b8e40_232{outline:2px solid var(--bt-link-hint);outline-offset:3px}@media (prefers-reduced-motion:reduce){._thumb_b8e40_243{transition:none}}._icon_1xold_1{flex-shrink:0;display:block}._slider_17fzv_1{width:var(--dial-size,220px);-webkit-user-select:none;user-select:none;max-width:100%;font-family:var(--bt-font);outline:none;display:inline-block;position:relative;container-type:inline-size}._svg_17fzv_11{touch-action:none;cursor:grab;width:100%;height:auto;display:block}._slider_17fzv_1[data-dragging] ._svg_17fzv_11{cursor:grabbing}._slider_17fzv_1[data-disabled] ._svg_17fzv_11{opacity:.55;cursor:not-allowed}._track_17fzv_27,._progress_17fzv_28{fill:none}._track_17fzv_27{stroke:var(--bt-surface-2)}._progress_17fzv_28{stroke:var(--bt-primary);stroke-linecap:round}._handle_17fzv_38{fill:var(--bt-text-strong);stroke:var(--bt-primary);stroke-width:2px}._slider_17fzv_1:focus-visible ._handle_17fzv_38{stroke:var(--bt-primary);stroke-width:3px}._readout_17fzv_47{text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:.125rem;padding:22%;line-height:1.1;display:flex;position:absolute;inset:0}._label_17fzv_60{text-transform:uppercase;letter-spacing:.04em;color:var(--bt-text-muted);font-size:6cqi}._value_17fzv_66{color:var(--bt-text-strong);font-variant-numeric:tabular-nums;font-size:16cqi;font-weight:600;line-height:1.1}._unit_17fzv_73{color:var(--bt-text-muted);margin-inline-start:.15em;font-size:.55em;font-weight:500}._popover_3pd1a_1{z-index:50;background:var(--bt-surface-2);min-width:7rem;max-width:min(17.5rem,100vw - 2rem);color:var(--bt-text-default);border-radius:var(--bt-radius);border:0;box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}._menu_3pd1a_14{font:500 .875rem / 1.25rem var(--bt-font);letter-spacing:.006rem;max-height:var(--available-height);outline:none;padding:.5rem 0;overflow:auto}._item_3pd1a_22{box-sizing:border-box;cursor:pointer;border-radius:0;outline:none;align-items:center;gap:.75rem;min-height:3rem;padding:0 .75rem;display:flex}._item_3pd1a_22[data-focused],._item_3pd1a_22[data-hovered],._item_3pd1a_22[data-open]{background:var(--bt-surface-3)}._item_3pd1a_22[data-tone=error]{color:var(--bt-error-soft)}._item_3pd1a_22[data-disabled]{opacity:.5;cursor:not-allowed}._submenuIcon_3pd1a_45{margin-inline-start:auto}._separator_3pd1a_48{background:var(--bt-outline);border:none;height:1px;margin:.5rem 0}@media (width<=640px){._popover_3pd1a_1{min-width:min(12rem,50vw - 2rem)}}._group_zvomd_1{vertical-align:middle;align-items:stretch;display:inline-flex}._primary_zvomd_6{border-start-end-radius:0;border-end-end-radius:0}._trigger_zvomd_10{border-inline-start:1px solid #00000040;border-start-start-radius:0;border-end-start-radius:0;min-width:2.5rem;padding-inline:.5rem}._trigger_zvomd_10[data-disabled]{border-inline-start-color:var(--bt-outline)}._overlay_18rq5_1{z-index:100;background:#00000052;place-items:center;padding:1rem;display:grid;position:fixed;inset:0;overflow-y:auto}._modal_18rq5_11{--bt-field-label-background:var(--bt-surface-1);border-radius:var(--bt-radius-lg);background:var(--bt-surface-1);width:min(100%,32rem);max-height:calc(100dvh - 2rem);color:var(--bt-text-default);box-shadow:none;border:0;overflow-y:auto}._dialog_18rq5_22{font:.875rem / 1.25rem var(--bt-font);outline:none;padding:1.5rem}._header_18rq5_27{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.5rem;display:flex}._title_18rq5_34{font:400 1.5rem / 2rem var(--bt-font);color:var(--bt-text-strong);margin:0}._description_18rq5_39{color:var(--bt-text-default);margin:0 0 1.5rem}._tooltip_trnx2_1{z-index:150;background:var(--bt-surface-inverse);max-width:16rem;color:var(--bt-text-inverse);font:.75rem / 1rem var(--bt-font);border:0;border-radius:.25rem;padding:.25rem .5rem}._container_kj4bs_1{border:1px solid var(--bt-outline);border-radius:var(--bt-radius-lg);width:100%;min-width:0;max-width:100%;color:var(--bt-text-default);background:var(--bt-surface-1);font:.875rem / 1.25rem var(--bt-font);overflow:hidden}._scroll_kj4bs_12{overflow-x:auto}._table_kj4bs_15{border-collapse:collapse;text-align:start;width:100%}._caption_kj4bs_20{text-align:start;color:var(--bt-text-strong);padding:1rem 1.5rem;font-size:1rem;font-weight:600}._captionText_kj4bs_27{display:inline-block;position:sticky;inset-inline-start:1.5rem}._table_kj4bs_15 th{background:var(--bt-surface-1);color:var(--bt-text-muted);text-transform:uppercase;letter-spacing:.04em;text-align:start;height:3rem;font-size:.75rem;font-weight:600}._table_kj4bs_15 th,._table_kj4bs_15 td{border-bottom:1px solid var(--bt-surface-2);white-space:nowrap;padding:0 1.5rem}._table_kj4bs_15 td{height:3.5rem}._table_kj4bs_15 [data-align=end]{text-align:end}._table_kj4bs_15 tbody tr:hover{background:var(--bt-surface-2)}._table_kj4bs_15 tbody tr[data-selected]{color:var(--bt-text-strong);background:#284267}._sort_kj4bs_61{color:inherit;font:inherit;text-transform:inherit;letter-spacing:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;padding:.4rem 0;display:inline-flex}._sort_kj4bs_61:focus-visible{outline:2px solid var(--bt-link);outline-offset:4px}._pagination_kj4bs_78{color:var(--bt-text-muted);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.75rem;display:flex}._empty_kj4bs_88{border-bottom:1px solid var(--bt-surface-2);text-align:center;color:var(--bt-text-muted);margin:0;padding:1rem 1.5rem}._srOnly_kj4bs_95{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}._alert_1b9pw_1{border:1px solid var(--bt-outline);border-radius:var(--bt-radius);background:var(--bt-surface-2);color:var(--bt-text-strong);font:500 1rem / normal var(--bt-font);overflow-wrap:anywhere;justify-content:space-between;align-items:flex-start;gap:.75rem;padding:1rem;display:flex;box-shadow:0 0 20px #0000001f}._alert_1b9pw_1[data-tone=success]{background:var(--bt-success-soft);color:var(--bt-success-on);border-color:var(--bt-success-soft)}._alert_1b9pw_1[data-tone=warn]{background:var(--bt-warn-soft);color:var(--bt-surface-0);border-color:var(--bt-warn-soft)}._alert_1b9pw_1[data-tone=error]{background:var(--bt-error-soft);color:var(--bt-error-on);border-color:var(--bt-error-soft)}._title_1b9pw_30{font-weight:700;display:block}._region_1b9pw_34{z-index:200;gap:.75rem;width:min(24rem,100vw - 2rem);max-height:calc(100dvh - 2rem);display:grid;position:fixed;inset-block-start:1rem;inset-inline-end:1rem;overflow-y:auto}._dismiss_1b9pw_45{width:2rem;height:2rem;color:inherit;font:1.5rem / 1 var(--bt-font);cursor:pointer;background:0 0;border:0;border-radius:.25rem;flex-shrink:0;place-items:center;margin:-.25rem;padding:0;display:grid}._dismiss_1b9pw_45:hover{background:#0000001a}._dismiss_1b9pw_45:focus-visible{outline-offset:2px;outline:2px solid}._bars_10i45_1{grid-template-columns:repeat(5,.5rem);align-items:center;gap:.25rem;height:4rem;display:inline-grid}._bars_10i45_1>span{background:var(--bt-bar-loader-color,var(--bt-text-strong));opacity:.85;height:100%;animation:1.2s ease-in-out infinite _stretch_10i45_1}._bars_10i45_1>span:nth-child(2){animation-delay:-1.1s}._bars_10i45_1>span:nth-child(3){animation-delay:-1s}._bars_10i45_1>span:nth-child(4){animation-delay:-.9s}._bars_10i45_1>span:nth-child(5){animation-delay:-.8s}._spinner_10i45_26{box-sizing:border-box;border:3px solid var(--bt-text-strong);border-right-color:#0000;border-radius:50%;width:2rem;height:2rem;animation:.8s linear infinite _spin_10i45_26}._progress_10i45_35{width:100%;color:var(--bt-text-default);font:.875rem / 1.5 var(--bt-font);gap:.5rem;display:grid}._track_10i45_42{background:var(--bt-surface-2);border-radius:0;height:.25rem;overflow:hidden}._fill_10i45_48{background:var(--bt-text-strong);height:100%}._fill_10i45_48[data-indeterminate]{animation:1.4s ease-in-out infinite alternate _travel_10i45_1}@keyframes _stretch_10i45_1{0%,40%,to{transform:scaleY(.4)}20%{transform:scaleY(1)}}@keyframes _spin_10i45_26{to{transform:rotate(360deg)}}@keyframes _travel_10i45_1{0%{transform:translate(-100%)}to{transform:translate(300%)}}@media (prefers-reduced-motion:reduce){._bars_10i45_1>span,._spinner_10i45_26,._fill_10i45_48[data-indeterminate]{animation:none}._bars_10i45_1>span{transform:scaleY(.7)}}._card_1iaos_1{--bt-field-label-background:var(--bt-surface-1);box-sizing:border-box;border:1px solid var(--bt-outline);border-radius:var(--bt-radius-lg);background:var(--bt-surface-1);color:var(--bt-text-default);font-family:var(--bt-font-body);padding:1rem}._card_1iaos_1[data-variant=elevated]{box-shadow:var(--bt-shadow);border-color:#0000}._badge_1iaos_15{box-sizing:border-box;border:1px solid var(--bt-outline);width:fit-content;max-width:100%;min-height:2rem;color:var(--bt-text-muted);font:500 .875rem / 1.25rem var(--bt-font);background:0 0;border-radius:.5rem;align-items:center;padding:0 .75rem;display:inline-flex}._badge_1iaos_15[data-tone=primary]{background:color-mix(in srgb, var(--bt-primary) 25%, transparent);color:var(--bt-link-hint);border-color:#0000}._badge_1iaos_15[data-tone=success]{background:var(--bt-success-soft);color:var(--bt-success-on);border-color:#0000}._badge_1iaos_15[data-tone=warn]{background:var(--bt-warn-soft);color:var(--bt-surface-0);border-color:#0000}._badge_1iaos_15[data-tone=error]{background:var(--bt-error-soft);color:var(--bt-error-on);border-color:#0000}._heading_1iaos_49{color:var(--bt-text-strong);font-family:var(--bt-font-body);letter-spacing:-.025em;margin:0;font-weight:400;line-height:1.2}h1._heading_1iaos_49{font-size:clamp(2.25rem,5vw,3.5rem)}h2._heading_1iaos_49{font-size:1.5rem}h3._heading_1iaos_49{font-size:1.2rem}h4._heading_1iaos_49,h5._heading_1iaos_49,h6._heading_1iaos_49{font-size:1rem}._text_1iaos_71{color:var(--bt-text-default);font:1rem / 1.6 var(--bt-font-body);margin:0}._muted_1iaos_76{color:var(--bt-text-muted)}._code_1iaos_79{background:var(--bt-surface-2);width:fit-content;max-width:100%;color:var(--bt-text-strong);font-family:var(--bt-font-mono);border-radius:.25rem;padding:.1em .35em;font-size:.9em}._divider_1iaos_89{background:var(--bt-outline);border:0;height:1px;margin:1rem 0}
|
|
1
|
+
:root{font-family:var(--bt-font);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bt-surface-0:#111827;--bt-surface-1:#1f2937;--bt-surface-2:#384252;--bt-surface-3:#394351;--bt-surface-4:#384251;--bt-outline:#4b5563;--bt-text-strong:white;--bt-text-default:#e5e7eb;--bt-text-muted:#9ca3b0;--bt-text-muted-on-raised:#aab2bf;--bt-text-on-brand:white;--bt-surface-inverse:#e5e1e6;--bt-text-inverse:#303034;--bt-primary:#1c64f2;--bt-primary-hover:#1a57db;--bt-link:#3f83f8;--bt-link-hint:#75a8fa;--bt-success:#057a55;--bt-success-hover:#046c4f;--bt-success-soft:#6eeda3;--bt-success-on:#00471e;--bt-warn:#e2a108;--bt-warn-hover:#c47a03;--bt-warn-soft:#e2dc83;--bt-error:#e02424;--bt-error-hover:#c81e1e;--bt-error-soft:#fd8c8c;--bt-error-on:#470b0b;--bt-font:system-ui;--bt-radius:.5rem;--bt-radius-lg:.75rem;--bt-shadow:0 8px 32px #00000040}._button_s6jxa_1{--button-bg:var(--bt-button-bg,var(--bt-primary));box-sizing:border-box;border-radius:var(--bt-radius);background:var(--button-bg);color:oklch(from var(--button-bg) calc((.62 - l) * infinity) 0 0);min-width:4rem;min-height:2.5rem;font:500 .875rem var(--bt-font);letter-spacing:.006rem;cursor:pointer;-webkit-tap-highlight-color:transparent;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:0 1.5rem;text-decoration:none;transition:background .15s,box-shadow .15s;display:inline-flex}._button_s6jxa_1[data-tone=success]{--button-bg:var(--bt-button-bg,var(--bt-success))}._button_s6jxa_1[data-tone=warn]{--button-bg:var(--bt-button-bg,var(--bt-warn))}._button_s6jxa_1[data-tone=error]{--button-bg:var(--bt-button-bg,var(--bt-error))}._button_s6jxa_1:is([data-variant=filled],[data-variant=raised],[data-variant=fab],[data-variant=mini-fab]):is([data-hovered],[data-pressed]):not([data-disabled]){background:oklch(from var(--button-bg) calc(l - .07) c h)}._button_s6jxa_1[data-focus-visible]{outline:2px solid var(--bt-link-hint);outline-offset:3px}._button_s6jxa_1[data-variant=raised],._button_s6jxa_1[data-variant=fab],._button_s6jxa_1[data-variant=mini-fab]{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}._button_s6jxa_1[data-variant=outlined],._button_s6jxa_1[data-variant=text],._button_s6jxa_1[data-variant=icon]{color:var(--bt-text-default);background:0 0}._button_s6jxa_1[data-variant=avatar]{background:var(--bt-outline);width:40px;min-width:40px;height:40px;min-height:40px;color:var(--bt-text-on-brand);font:400 18px var(--bt-font);-webkit-user-select:none;user-select:none;letter-spacing:normal;border:0;border-radius:50%;flex-shrink:0;padding:0}._button_s6jxa_1[data-variant=outlined]{border-color:#0000}._button_s6jxa_1[data-variant=text]{padding-inline:.75rem}._button_s6jxa_1[data-variant=icon]{width:2.5rem;min-width:2.5rem;color:var(--bt-text-muted);letter-spacing:normal;border:0;border-radius:50%;padding:.5rem;font-size:1.5rem}._button_s6jxa_1[data-variant=fab]{border-radius:1rem;min-width:3.5rem;min-height:3.5rem;padding-inline:1.25rem}._button_s6jxa_1[data-variant=mini-fab]{border-radius:.75rem;width:2.5rem;min-width:2.5rem;padding:0}._button_s6jxa_1:is([data-variant=outlined],[data-variant=text],[data-variant=icon]):is([data-hovered],[data-pressed]):not([data-disabled]){background:color-mix(in srgb, var(--bt-text-default) 8%, transparent)}._button_s6jxa_1[data-disabled]{background:color-mix(in srgb, var(--bt-text-default) 12%, transparent);color:color-mix(in srgb, var(--bt-text-default) 38%, transparent);box-shadow:none;cursor:not-allowed}._button_s6jxa_1:is([data-variant=text],[data-variant=outlined],[data-variant=icon])[data-disabled]{background:0 0}@media (prefers-reduced-motion:reduce){._button_s6jxa_1{transition:none}}._field_b8e40_1{min-width:0;font:1rem / 1.5rem var(--bt-font);letter-spacing:.03125rem;color:var(--bt-text-default);flex-direction:column;gap:0;display:flex}._label_b8e40_10{color:var(--bt-text-default);font-weight:400}._surface_b8e40_14{border:1px solid var(--bt-outline);border-radius:var(--bt-radius);min-width:0;position:relative}._field_b8e40_1[data-appearance=filled] ._surface_b8e40_14{background:var(--bt-surface-2)}._field_b8e40_1[data-appearance=filled] ._floatingLabel_b8e40_23,._field_b8e40_1[data-appearance=filled] ._selectButton_b8e40_24 [data-placeholder],._field_b8e40_1[data-appearance=filled] ._input_b8e40_25::placeholder{color:var(--bt-text-muted-on-raised)}._floatingLabel_b8e40_23{white-space:nowrap;text-overflow:ellipsis;max-width:calc(100% - 32px);color:var(--bt-text-muted);font:400 .75rem / 1.125rem var(--bt-font);letter-spacing:.0234375rem;z-index:1;position:absolute;inset-block-start:6px;inset-inline-start:16px;overflow:hidden}._field_b8e40_1[data-appearance=outlined] ._floatingLabel_b8e40_23{background:var(--bt-field-label-background,var(--bt-surface-0));padding-inline:4px;inset-block-start:-9px;inset-inline-start:12px}._surface_b8e40_14:focus-within{border-color:var(--bt-link);box-shadow:0 0 0 1px var(--bt-link)}._surface_b8e40_14:hover:not(:focus-within){border-color:var(--bt-text-muted)}._surface_b8e40_14:focus-within ._floatingLabel_b8e40_23{color:var(--bt-text-strong)}._field_b8e40_1[data-appearance=outlined] ._surface_b8e40_14:focus-within ._floatingLabel_b8e40_23{color:var(--bt-link)}._input_b8e40_25,._selectButton_b8e40_24{box-sizing:border-box;border-radius:var(--bt-radius);width:100%;min-height:3.5rem;color:var(--bt-text-strong);font:inherit;letter-spacing:inherit;background:0 0;border:0;outline:none;padding:24px 16px 8px;display:block}._field_b8e40_1[data-appearance=outlined] ._input_b8e40_25,._field_b8e40_1[data-appearance=outlined] ._selectButton_b8e40_24{padding-block:16px}._input_b8e40_25{resize:vertical}._input_b8e40_25::placeholder{color:var(--bt-text-muted)}._field_b8e40_1[data-invalid] ._surface_b8e40_14{border-color:var(--bt-error)}._field_b8e40_1[data-invalid] ._surface_b8e40_14:focus-within{box-shadow:0 0 0 1px var(--bt-error)}._field_b8e40_1[data-invalid] ._floatingLabel_b8e40_23{color:var(--bt-error-soft)}._description_b8e40_94{color:var(--bt-text-muted);padding-inline:1rem;font-size:.75rem;line-height:1.25rem}._error_b8e40_100{color:var(--bt-error-soft);padding-inline:1rem;font-size:.75rem;line-height:1.25rem}._error_b8e40_100:empty{display:none}._field_b8e40_1[data-disabled]{opacity:.55}._selectButton_b8e40_24{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;display:flex}._selectButton_b8e40_24 [data-placeholder]{color:var(--bt-text-muted)}._combo_b8e40_122{position:relative}._combo_b8e40_122 ._input_b8e40_25{padding-inline-end:2.75rem}._comboButton_b8e40_128{width:2.5rem;color:var(--bt-text-default);border-radius:var(--bt-radius);cursor:pointer;background:0 0;border:0;place-items:center;font-size:1.2rem;display:grid;position:absolute;inset-block:1px;inset-inline-end:1px}._comboButton_b8e40_128[data-focus-visible]{outline:2px solid var(--bt-link);outline-offset:-3px}._popover_b8e40_146{z-index:50;width:var(--trigger-width);max-height:min(17.1875rem, var(--available-height));background:var(--bt-surface-2);box-shadow:var(--bt-shadow);border:0;border-radius:4px;overflow:auto}._list_b8e40_156{font:1rem / 1.25rem var(--bt-font);letter-spacing:.03125rem;color:var(--bt-text-default);outline:none;padding:.5rem 0}._option_b8e40_163{cursor:pointer;border-radius:0;outline:none;align-items:center;min-height:3rem;padding:0 1rem;display:flex}._option_b8e40_163[data-focused],._option_b8e40_163[data-selected]{background:color-mix(in srgb, var(--bt-text-default) 12%, transparent)}._option_b8e40_163[data-disabled]{color:var(--bt-text-muted);opacity:.6;cursor:not-allowed}._control_b8e40_181{width:fit-content;min-height:2.5rem;color:var(--bt-text-default);font:.875rem / 1.25rem var(--bt-font);cursor:pointer;align-items:center;gap:.875rem;display:flex}._control_b8e40_181[data-disabled]{opacity:.5;cursor:not-allowed}._check_b8e40_195,._radio_b8e40_196{box-sizing:border-box;border:2px solid var(--bt-text-muted);border-radius:2px;flex-shrink:0;place-items:center;width:1.125rem;height:1.125rem;line-height:1;display:grid}._check_b8e40_195 svg{width:100%;height:100%}._radio_b8e40_196{border-radius:50%;width:1.25rem;height:1.25rem}._control_b8e40_181[data-selected] ._check_b8e40_195,._control_b8e40_181[data-indeterminate] ._check_b8e40_195{background:var(--bt-primary);border-color:var(--bt-primary);color:#fff}._control_b8e40_181[data-selected] ._radio_b8e40_196{border-color:var(--bt-primary)}._control_b8e40_181[data-selected] ._radio_b8e40_196:after{content:"";background:var(--bt-primary);border-radius:50%;width:10px;height:10px}._track_b8e40_232{box-sizing:border-box;border:2px solid var(--bt-outline);background:var(--bt-surface-2);border-radius:.5rem;align-items:center;width:3.25rem;height:2rem;padding:2px;display:inline-flex}._thumb_b8e40_243{color:var(--bt-surface-2);background:#fff;border-radius:.25rem;place-items:center;width:1.5rem;height:1.5rem;transition:transform .15s;display:grid}._thumb_b8e40_243 svg{width:1rem;height:1rem}._control_b8e40_181[data-selected] ._thumb_b8e40_243{color:var(--bt-primary)}._control_b8e40_181[data-selected] ._track_b8e40_232{background:var(--bt-primary);border-color:var(--bt-primary)}._control_b8e40_181[data-selected] ._thumb_b8e40_243{transform:translate(1.25rem)}._control_b8e40_181[data-focus-visible] ._check_b8e40_195,._control_b8e40_181[data-focus-visible] ._radio_b8e40_196,._control_b8e40_181[data-focus-visible] ._track_b8e40_232{outline:2px solid var(--bt-link-hint);outline-offset:3px}@media (prefers-reduced-motion:reduce){._thumb_b8e40_243{transition:none}}._icon_1xold_1{flex-shrink:0;display:block}._slider_17fzv_1{width:var(--dial-size,220px);-webkit-user-select:none;user-select:none;max-width:100%;font-family:var(--bt-font);outline:none;display:inline-block;position:relative;container-type:inline-size}._svg_17fzv_11{touch-action:none;cursor:grab;width:100%;height:auto;display:block}._slider_17fzv_1[data-dragging] ._svg_17fzv_11{cursor:grabbing}._slider_17fzv_1[data-disabled] ._svg_17fzv_11{opacity:.55;cursor:not-allowed}._track_17fzv_27,._progress_17fzv_28{fill:none}._track_17fzv_27{stroke:var(--bt-surface-2)}._progress_17fzv_28{stroke:var(--bt-primary);stroke-linecap:round}._handle_17fzv_38{fill:var(--bt-text-strong);stroke:var(--bt-primary);stroke-width:2px}._slider_17fzv_1:focus-visible ._handle_17fzv_38{stroke:var(--bt-primary);stroke-width:3px}._readout_17fzv_47{text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:.125rem;padding:22%;line-height:1.1;display:flex;position:absolute;inset:0}._label_17fzv_60{text-transform:uppercase;letter-spacing:.04em;color:var(--bt-text-muted);font-size:6cqi}._value_17fzv_66{color:var(--bt-text-strong);font-variant-numeric:tabular-nums;font-size:16cqi;font-weight:600;line-height:1.1}._unit_17fzv_73{color:var(--bt-text-muted);margin-inline-start:.15em;font-size:.55em;font-weight:500}._popover_3pd1a_1{z-index:50;background:var(--bt-surface-2);min-width:7rem;max-width:min(17.5rem,100vw - 2rem);color:var(--bt-text-default);border-radius:var(--bt-radius);border:0;box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}._menu_3pd1a_14{font:500 .875rem / 1.25rem var(--bt-font);letter-spacing:.006rem;max-height:var(--available-height);outline:none;padding:.5rem 0;overflow:auto}._item_3pd1a_22{box-sizing:border-box;cursor:pointer;border-radius:0;outline:none;align-items:center;gap:.75rem;min-height:3rem;padding:0 .75rem;display:flex}._item_3pd1a_22[data-focused],._item_3pd1a_22[data-hovered],._item_3pd1a_22[data-open]{background:var(--bt-surface-3)}._item_3pd1a_22[data-tone=error]{color:var(--bt-error-soft)}._item_3pd1a_22[data-disabled]{opacity:.5;cursor:not-allowed}._submenuIcon_3pd1a_45{margin-inline-start:auto}._separator_3pd1a_48{background:var(--bt-outline);border:none;height:1px;margin:.5rem 0}@media (width<=640px){._popover_3pd1a_1{min-width:min(12rem,50vw - 2rem)}}._group_zvomd_1{vertical-align:middle;align-items:stretch;display:inline-flex}._primary_zvomd_6{border-start-end-radius:0;border-end-end-radius:0}._trigger_zvomd_10{border-inline-start:1px solid #00000040;border-start-start-radius:0;border-end-start-radius:0;min-width:2.5rem;padding-inline:.5rem}._trigger_zvomd_10[data-disabled]{border-inline-start-color:var(--bt-outline)}._overlay_18rq5_1{z-index:100;background:#00000052;place-items:center;padding:1rem;display:grid;position:fixed;inset:0;overflow-y:auto}._modal_18rq5_11{--bt-field-label-background:var(--bt-surface-1);border-radius:var(--bt-radius-lg);background:var(--bt-surface-1);width:min(100%,32rem);max-height:calc(100dvh - 2rem);color:var(--bt-text-default);box-shadow:none;border:0;overflow-y:auto}._dialog_18rq5_22{font:.875rem / 1.25rem var(--bt-font);outline:none;padding:1.5rem}._header_18rq5_27{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.5rem;display:flex}._title_18rq5_34{font:400 1.5rem / 2rem var(--bt-font);color:var(--bt-text-strong);margin:0}._description_18rq5_39{color:var(--bt-text-default);margin:0 0 1.5rem}._tooltip_trnx2_1{z-index:150;background:var(--bt-surface-inverse);max-width:16rem;color:var(--bt-text-inverse);font:.75rem / 1rem var(--bt-font);border:0;border-radius:.25rem;padding:.25rem .5rem}._container_kj4bs_1{border:1px solid var(--bt-outline);border-radius:var(--bt-radius-lg);width:100%;min-width:0;max-width:100%;color:var(--bt-text-default);background:var(--bt-surface-1);font:.875rem / 1.25rem var(--bt-font);overflow:hidden}._scroll_kj4bs_12{overflow-x:auto}._table_kj4bs_15{border-collapse:collapse;text-align:start;width:100%}._caption_kj4bs_20{text-align:start;color:var(--bt-text-strong);padding:1rem 1.5rem;font-size:1rem;font-weight:600}._captionText_kj4bs_27{display:inline-block;position:sticky;inset-inline-start:1.5rem}._table_kj4bs_15 th{background:var(--bt-surface-1);color:var(--bt-text-muted);text-transform:uppercase;letter-spacing:.04em;text-align:start;height:3rem;font-size:.75rem;font-weight:600}._table_kj4bs_15 th,._table_kj4bs_15 td{border-bottom:1px solid var(--bt-surface-2);white-space:nowrap;padding:0 1.5rem}._table_kj4bs_15 td{height:3.5rem}._table_kj4bs_15 [data-align=end]{text-align:end}._table_kj4bs_15 tbody tr:hover{background:var(--bt-surface-2)}._table_kj4bs_15 tbody tr[data-selected]{color:var(--bt-text-strong);background:#284267}._sort_kj4bs_61{color:inherit;font:inherit;text-transform:inherit;letter-spacing:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;padding:.4rem 0;display:inline-flex}._sort_kj4bs_61:focus-visible{outline:2px solid var(--bt-link);outline-offset:4px}._pagination_kj4bs_78{color:var(--bt-text-muted);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.75rem;display:flex}._empty_kj4bs_88{border-bottom:1px solid var(--bt-surface-2);text-align:center;color:var(--bt-text-muted);margin:0;padding:1rem 1.5rem}._srOnly_kj4bs_95{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}._alert_1b9pw_1{border:1px solid var(--bt-outline);border-radius:var(--bt-radius);background:var(--bt-surface-2);color:var(--bt-text-strong);font:500 1rem / normal var(--bt-font);overflow-wrap:anywhere;justify-content:space-between;align-items:flex-start;gap:.75rem;padding:1rem;display:flex;box-shadow:0 0 20px #0000001f}._alert_1b9pw_1[data-tone=success]{background:var(--bt-success-soft);color:var(--bt-success-on);border-color:var(--bt-success-soft)}._alert_1b9pw_1[data-tone=warn]{background:var(--bt-warn-soft);color:var(--bt-surface-0);border-color:var(--bt-warn-soft)}._alert_1b9pw_1[data-tone=error]{background:var(--bt-error-soft);color:var(--bt-error-on);border-color:var(--bt-error-soft)}._title_1b9pw_30{font-weight:700;display:block}._region_1b9pw_34{z-index:200;gap:.75rem;width:min(24rem,100vw - 2rem);max-height:calc(100dvh - 2rem);display:grid;position:fixed;inset-block-start:1rem;inset-inline-end:1rem;overflow-y:auto}._dismiss_1b9pw_45{width:2rem;height:2rem;color:inherit;font:1.5rem / 1 var(--bt-font);cursor:pointer;background:0 0;border:0;border-radius:.25rem;flex-shrink:0;place-items:center;margin:-.25rem;padding:0;display:grid}._dismiss_1b9pw_45:hover{background:#0000001a}._dismiss_1b9pw_45:focus-visible{outline-offset:2px;outline:2px solid}._bars_10i45_1{grid-template-columns:repeat(5,.5rem);align-items:center;gap:.25rem;height:4rem;display:inline-grid}._bars_10i45_1>span{background:var(--bt-bar-loader-color,var(--bt-text-strong));opacity:.85;height:100%;animation:1.2s ease-in-out infinite _stretch_10i45_1}._bars_10i45_1>span:nth-child(2){animation-delay:-1.1s}._bars_10i45_1>span:nth-child(3){animation-delay:-1s}._bars_10i45_1>span:nth-child(4){animation-delay:-.9s}._bars_10i45_1>span:nth-child(5){animation-delay:-.8s}._spinner_10i45_26{box-sizing:border-box;border:3px solid var(--bt-text-strong);border-right-color:#0000;border-radius:50%;width:2rem;height:2rem;animation:.8s linear infinite _spin_10i45_26}._progress_10i45_35{width:100%;color:var(--bt-text-default);font:.875rem / 1.5 var(--bt-font);gap:.5rem;display:grid}._track_10i45_42{background:var(--bt-surface-2);border-radius:0;height:.25rem;overflow:hidden}._fill_10i45_48{background:var(--bt-text-strong);height:100%}._fill_10i45_48[data-indeterminate]{animation:1.4s ease-in-out infinite alternate _travel_10i45_1}@keyframes _stretch_10i45_1{0%,40%,to{transform:scaleY(.4)}20%{transform:scaleY(1)}}@keyframes _spin_10i45_26{to{transform:rotate(360deg)}}@keyframes _travel_10i45_1{0%{transform:translate(-100%)}to{transform:translate(300%)}}@media (prefers-reduced-motion:reduce){._bars_10i45_1>span,._spinner_10i45_26,._fill_10i45_48[data-indeterminate]{animation:none}._bars_10i45_1>span{transform:scaleY(.7)}}._card_n4hcj_1{--bt-field-label-background:var(--bt-surface-1);box-sizing:border-box;border:1px solid var(--bt-outline);border-radius:var(--bt-radius-lg);background:var(--bt-surface-1);color:var(--bt-text-default);font-family:var(--bt-font);padding:1rem}._card_n4hcj_1[data-variant=elevated]{box-shadow:var(--bt-shadow);border-color:#0000}._badge_n4hcj_15{box-sizing:border-box;border:1px solid var(--bt-outline);width:fit-content;max-width:100%;min-height:2rem;color:var(--bt-text-muted);font:500 .875rem / 1.25rem var(--bt-font);background:0 0;border-radius:.5rem;align-items:center;padding:0 .75rem;display:inline-flex}._badge_n4hcj_15[data-tone=primary]{background:color-mix(in srgb, var(--bt-primary) 25%, transparent);color:var(--bt-link-hint);border-color:#0000}._badge_n4hcj_15[data-tone=success]{background:var(--bt-success-soft);color:var(--bt-success-on);border-color:#0000}._badge_n4hcj_15[data-tone=warn]{background:var(--bt-warn-soft);color:var(--bt-surface-0);border-color:#0000}._badge_n4hcj_15[data-tone=error]{background:var(--bt-error-soft);color:var(--bt-error-on);border-color:#0000}._heading_n4hcj_49{color:var(--bt-text-strong);font-family:var(--bt-font);letter-spacing:-.025em;margin:0;font-weight:400;line-height:1.2}h1._heading_n4hcj_49{font-size:clamp(2.25rem,5vw,3.5rem)}h2._heading_n4hcj_49{font-size:1.5rem}h3._heading_n4hcj_49{font-size:1.2rem}h4._heading_n4hcj_49,h5._heading_n4hcj_49,h6._heading_n4hcj_49{font-size:1rem}._text_n4hcj_71{color:var(--bt-text-default);font:1rem / 1.6 var(--bt-font);margin:0}._muted_n4hcj_76{color:var(--bt-text-muted)}._code_n4hcj_79{background:var(--bt-surface-2);width:fit-content;max-width:100%;color:var(--bt-text-strong);border-radius:.25rem;padding:.1em .35em;font-family:ui-monospace,monospace;font-size:.9em}._divider_n4hcj_89{background:var(--bt-outline);border:0;height:1px;margin:1rem 0}
|
|
2
2
|
/*$vite$:1*/
|
package/dist/typography.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* Opt-in application typography
|
|
1
|
+
/* Opt-in application typography and native heading reset.
|
|
2
2
|
* Import after styles.css and before application-specific styles. */
|
|
3
3
|
html {
|
|
4
4
|
font-family: var(--bt-font);
|
|
@@ -7,7 +7,14 @@ html {
|
|
|
7
7
|
}
|
|
8
8
|
|
|
9
9
|
body {
|
|
10
|
-
font-family: var(--bt-font
|
|
10
|
+
font-family: var(--bt-font);
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
button,
|
|
14
|
+
input,
|
|
15
|
+
textarea,
|
|
16
|
+
select {
|
|
17
|
+
font: inherit;
|
|
11
18
|
}
|
|
12
19
|
|
|
13
20
|
h1,
|