tempest-react-sdk 0.67.0 → 0.68.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 +97 -93
- package/dist/auth/create-tempest-auth.cjs +1 -1
- package/dist/auth/create-tempest-auth.cjs.map +1 -1
- package/dist/auth/create-tempest-auth.js +41 -40
- package/dist/auth/create-tempest-auth.js.map +1 -1
- package/dist/components/BottomSheet/BottomSheet.cjs +1 -1
- package/dist/components/BottomSheet/BottomSheet.cjs.map +1 -1
- package/dist/components/BottomSheet/BottomSheet.js +34 -30
- package/dist/components/BottomSheet/BottomSheet.js.map +1 -1
- package/dist/components/Card/Card.module.cjs.map +1 -1
- package/dist/components/Card/Card.module.js.map +1 -1
- package/dist/components/Combobox/Combobox.cjs +1 -1
- package/dist/components/Combobox/Combobox.cjs.map +1 -1
- package/dist/components/Combobox/Combobox.js +78 -77
- package/dist/components/Combobox/Combobox.js.map +1 -1
- package/dist/components/Combobox/Combobox.module.cjs.map +1 -1
- package/dist/components/Combobox/Combobox.module.js.map +1 -1
- package/dist/components/Command/Command.cjs +1 -1
- package/dist/components/Command/Command.js +4 -4
- package/dist/components/DataTable/DataTable.cjs +1 -1
- package/dist/components/DataTable/DataTable.cjs.map +1 -1
- package/dist/components/DataTable/DataTable.js +138 -127
- package/dist/components/DataTable/DataTable.js.map +1 -1
- package/dist/components/DataTable/use-dev-warnings.cjs +1 -1
- package/dist/components/DataTable/use-dev-warnings.cjs.map +1 -1
- package/dist/components/DataTable/use-dev-warnings.js +5 -3
- package/dist/components/DataTable/use-dev-warnings.js.map +1 -1
- package/dist/components/Drawer/Drawer.cjs +1 -1
- package/dist/components/Drawer/Drawer.cjs.map +1 -1
- package/dist/components/Drawer/Drawer.js +43 -40
- package/dist/components/Drawer/Drawer.js.map +1 -1
- package/dist/components/FilterPanel/FilterPanel.cjs +2 -0
- package/dist/components/FilterPanel/FilterPanel.cjs.map +1 -0
- package/dist/components/FilterPanel/FilterPanel.js +75 -0
- package/dist/components/FilterPanel/FilterPanel.js.map +1 -0
- package/dist/components/FilterPanel/FilterPanel.module.cjs +3 -0
- package/dist/components/FilterPanel/FilterPanel.module.cjs.map +1 -0
- package/dist/components/FilterPanel/FilterPanel.module.js +12 -0
- package/dist/components/FilterPanel/FilterPanel.module.js.map +1 -0
- package/dist/components/Lightbox/Lightbox.cjs +1 -1
- package/dist/components/Lightbox/Lightbox.js +5 -5
- package/dist/components/Modal/Modal.cjs +1 -1
- package/dist/components/Modal/Modal.cjs.map +1 -1
- package/dist/components/Modal/Modal.js +44 -41
- package/dist/components/Modal/Modal.js.map +1 -1
- package/dist/components/Pagination/Pagination.cjs +1 -1
- package/dist/components/Pagination/Pagination.cjs.map +1 -1
- package/dist/components/Pagination/Pagination.js +31 -30
- package/dist/components/Pagination/Pagination.js.map +1 -1
- package/dist/components/Portal/tab-bridge.cjs +1 -1
- package/dist/components/Portal/tab-bridge.cjs.map +1 -1
- package/dist/components/Portal/tab-bridge.js +21 -23
- package/dist/components/Portal/tab-bridge.js.map +1 -1
- package/dist/components/Select/CaretIcon.cjs +2 -0
- package/dist/components/Select/CaretIcon.cjs.map +1 -0
- package/dist/components/Select/CaretIcon.js +21 -0
- package/dist/components/Select/CaretIcon.js.map +1 -0
- package/dist/components/Select/Select.cjs +1 -1
- package/dist/components/Select/Select.cjs.map +1 -1
- package/dist/components/Select/Select.js +33 -47
- package/dist/components/Select/Select.js.map +1 -1
- package/dist/components/Select/Select.module.cjs +1 -1
- package/dist/components/Select/Select.module.cjs.map +1 -1
- package/dist/components/Select/Select.module.js +4 -3
- package/dist/components/Select/Select.module.js.map +1 -1
- package/dist/components/Select/options.cjs +2 -0
- package/dist/components/Select/options.cjs.map +1 -0
- package/dist/components/Select/options.js +25 -0
- package/dist/components/Select/options.js.map +1 -0
- package/dist/components/Sidebar/Sidebar.cjs +1 -1
- package/dist/components/Sidebar/Sidebar.cjs.map +1 -1
- package/dist/components/Sidebar/Sidebar.js +49 -43
- package/dist/components/Sidebar/Sidebar.js.map +1 -1
- package/dist/components/Sidebar/active-nav-key.cjs +2 -0
- package/dist/components/Sidebar/active-nav-key.cjs.map +1 -0
- package/dist/components/Sidebar/active-nav-key.js +22 -0
- package/dist/components/Sidebar/active-nav-key.js.map +1 -0
- package/dist/hooks/tab-sequence.cjs +2 -0
- package/dist/hooks/tab-sequence.cjs.map +1 -0
- package/dist/hooks/tab-sequence.js +53 -0
- package/dist/hooks/tab-sequence.js.map +1 -0
- package/dist/hooks/use-deep-memo.cjs +1 -1
- package/dist/hooks/use-deep-memo.cjs.map +1 -1
- package/dist/hooks/use-deep-memo.js +1 -1
- package/dist/hooks/use-deep-memo.js.map +1 -1
- package/dist/hooks/use-draft-filters.cjs +2 -0
- package/dist/hooks/use-draft-filters.cjs.map +1 -0
- package/dist/hooks/use-draft-filters.js +49 -0
- package/dist/hooks/use-draft-filters.js.map +1 -0
- package/dist/hooks/use-focus-trap.cjs +1 -1
- package/dist/hooks/use-focus-trap.cjs.map +1 -1
- package/dist/hooks/use-focus-trap.js +31 -34
- package/dist/hooks/use-focus-trap.js.map +1 -1
- package/dist/http/api-client.cjs +1 -1
- package/dist/http/api-client.cjs.map +1 -1
- package/dist/http/api-client.js +92 -80
- package/dist/http/api-client.js.map +1 -1
- package/dist/http/credential-scope.cjs +1 -1
- package/dist/http/credential-scope.cjs.map +1 -1
- package/dist/http/credential-scope.js +5 -3
- package/dist/http/credential-scope.js.map +1 -1
- package/dist/http/csrf.cjs +2 -0
- package/dist/http/csrf.cjs.map +1 -0
- package/dist/http/csrf.js +46 -0
- package/dist/http/csrf.js.map +1 -0
- package/dist/http/resumable-upload.cjs +1 -1
- package/dist/http/resumable-upload.cjs.map +1 -1
- package/dist/http/resumable-upload.js +131 -123
- package/dist/http/resumable-upload.js.map +1 -1
- package/dist/http/upload-with-progress.cjs +1 -1
- package/dist/http/upload-with-progress.cjs.map +1 -1
- package/dist/http/upload-with-progress.js +41 -33
- package/dist/http/upload-with-progress.js.map +1 -1
- package/dist/query/use-paginated-query.cjs +1 -1
- package/dist/query/use-paginated-query.cjs.map +1 -1
- package/dist/query/use-paginated-query.js +47 -30
- package/dist/query/use-paginated-query.js.map +1 -1
- package/dist/styles/FilterPanel.css +2 -0
- package/dist/styles/component/Card.css +1 -1
- package/dist/styles/component/Combobox.css +4 -3
- package/dist/styles/component/FilterPanel.css +5 -0
- package/dist/styles/component/Select.css +13 -6
- package/dist/styles/core.css +4 -4
- package/dist/styles/data.css +4 -0
- package/dist/styles/forms.css +17 -9
- package/dist/styles/identity.css +1 -1
- package/dist/styles/manifest.json +6 -0
- package/dist/styles/tokens.css +4 -4
- package/dist/styles.css +1 -1
- package/dist/tempest-react-sdk.cjs +1 -1
- package/dist/tempest-react-sdk.d.ts +658 -22
- package/dist/tempest-react-sdk.js +347 -342
- package/dist/vite/tempest-csp.cjs +3 -0
- package/dist/vite/tempest-csp.cjs.map +1 -0
- package/dist/vite/tempest-csp.js +189 -0
- package/dist/vite/tempest-csp.js.map +1 -0
- package/dist/vite.cjs +1 -1
- package/dist/vite.d.ts +145 -0
- package/dist/vite.js +2 -1
- package/package.json +2 -2
- package/template/vite.config.ts +8 -1
- package/template-pwa/vite.config.ts +6 -0
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
/* Generated by scripts/split-css.mjs — do not edit. */
|
|
2
2
|
.tempest_wrapper_TNvle{gap:var(--tempest-space-1);width:100%;font-family:var(--tempest-font-sans);flex-direction:column;display:flex;position:relative}
|
|
3
3
|
.tempest_label_KVkZO{font-size:var(--tempest-text-sm);font-weight:var(--tempest-weight-semibold);color:var(--tempest-text);line-height:var(--tempest-leading-snug)}
|
|
4
|
-
.tempest_field_BenH0{align-items:center;display:flex;position:relative}
|
|
5
|
-
.tempest_input_-HTv1{width:100%;height:var(--tempest-control-height-md);padding:0
|
|
4
|
+
.tempest_field_BenH0{--_tempest-caret-offset:var(--tempest-control-caret-offset,12px);--_tempest-caret-size:var(--tempest-control-caret-size,14px);align-items:center;display:flex;position:relative}
|
|
5
|
+
.tempest_input_-HTv1{width:100%;height:var(--tempest-control-height-md);padding:0 calc(var(--_tempest-caret-offset) + var(--_tempest-caret-size) + 6px) 0 var(--tempest-control-padding-md);border:1px solid var(--tempest-border);border-radius:var(--tempest-control-radius);background-color:var(--tempest-bg);color:var(--tempest-text);font-family:inherit;font-size:var(--tempest-control-font-md);box-shadow:var(--tempest-shadow-xs);transition:var(--tempest-transition-color), var(--tempest-transition-shadow)}
|
|
6
6
|
.tempest_input_-HTv1::placeholder{color:var(--tempest-text-subtle)}
|
|
7
7
|
.tempest_input_-HTv1:focus{border-color:var(--tempest-primary);box-shadow:0 0 0 var(--tempest-focus-ring-width) var(--tempest-focus-ring-color);outline:none}
|
|
8
8
|
.tempest_input_-HTv1:disabled{background-color:var(--tempest-surface);cursor:not-allowed}
|
|
9
|
-
.tempest_caret_jRplQ{pointer-events:none;color:var(--tempest-text-muted);position:absolute
|
|
9
|
+
.tempest_caret_jRplQ{right:var(--_tempest-caret-offset);width:var(--_tempest-caret-size);height:var(--_tempest-caret-size);pointer-events:none;color:var(--tempest-text-muted);justify-content:center;align-items:center;display:flex;position:absolute}
|
|
10
|
+
.tempest_field_BenH0>.tempest_caret_jRplQ>svg{flex:none;width:100%;height:100%;margin:0;display:block}
|
|
10
11
|
.tempest_menu_zPQG3{z-index:var(--tempest-z-dropdown);background-color:var(--tempest-bg);border:1px solid var(--tempest-border);border-radius:var(--tempest-radius-lg);box-shadow:var(--tempest-shadow-lg);max-height:280px;padding:var(--tempest-space-1);margin:0;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}
|
|
11
12
|
.tempest_option_vhhn5{padding:var(--tempest-space-2) var(--tempest-space-3);border-radius:var(--tempest-radius-sm);cursor:pointer;color:var(--tempest-text);font-size:var(--tempest-text-base);line-height:var(--tempest-leading-snug);align-items:center;display:flex}
|
|
12
13
|
@media (hover:hover) and (pointer:fine){.tempest_option_vhhn5:hover{background-color:var(--tempest-surface)}}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/* Generated by scripts/split-css.mjs — do not edit. */
|
|
2
|
+
.tempest_panel_ab2ba{min-width:0}
|
|
3
|
+
.tempest_actions_9a-Sm{justify-content:flex-end;align-items:center;gap:var(--tempest-space-2);flex-wrap:wrap;margin-left:auto;display:flex}
|
|
4
|
+
.tempest_form_bMDhN{margin:0}
|
|
5
|
+
.tempest_fields_M30-g{align-items:start}
|
|
@@ -2,17 +2,24 @@
|
|
|
2
2
|
.tempest_wrapper_KS2K3{gap:var(--tempest-space-1);flex-direction:column;width:100%;display:flex}
|
|
3
3
|
.tempest_label_Lmgos{font-size:var(--tempest-text-sm);font-weight:var(--tempest-weight-semibold);color:var(--tempest-text);line-height:var(--tempest-leading-snug)}
|
|
4
4
|
.tempest_required_PvDVJ{color:var(--tempest-danger);margin-left:2px}
|
|
5
|
-
.tempest_field_h-wBy{align-items:center;display:flex;position:relative}
|
|
6
|
-
.tempest_select_cjdcr{width:100%;height:var(--tempest-control-height-md);padding:0
|
|
5
|
+
.tempest_field_h-wBy{--_tempest-caret-offset:var(--tempest-control-caret-offset,12px);--_tempest-caret-size:var(--tempest-control-caret-size,14px);--_tempest-caret-gap:10px;align-items:center;display:flex;position:relative}
|
|
6
|
+
.tempest_select_cjdcr{width:100%;height:var(--tempest-control-height-md);padding:0 calc(var(--_tempest-caret-offset) + var(--_tempest-caret-size) + var(--_tempest-caret-gap)) 0 var(--tempest-control-padding-md);border:1px solid var(--tempest-border);border-radius:var(--tempest-control-radius);background-color:var(--tempest-bg);color:var(--tempest-text);font-family:var(--tempest-font-sans);font-size:var(--tempest-control-font-md);line-height:var(--tempest-leading-snug);appearance:none;cursor:pointer;box-shadow:var(--tempest-shadow-xs);transition:var(--tempest-transition-color), var(--tempest-transition-shadow)}
|
|
7
7
|
.tempest_select_cjdcr:hover:not(:disabled):not(:focus){border-color:var(--tempest-border-strong)}
|
|
8
8
|
.tempest_select_cjdcr:focus{border-color:var(--tempest-primary);box-shadow:0 0 0 var(--tempest-focus-ring-width) var(--tempest-focus-ring-color);outline:none}
|
|
9
9
|
.tempest_select_cjdcr:disabled{background-color:var(--tempest-surface);cursor:not-allowed;color:var(--tempest-text-muted);box-shadow:none}
|
|
10
|
-
.tempest_caret_MdCao{pointer-events:none;color:var(--tempest-text-muted);position:absolute
|
|
10
|
+
.tempest_caret_MdCao{right:var(--_tempest-caret-offset);width:var(--_tempest-caret-size);height:var(--_tempest-caret-size);pointer-events:none;color:var(--tempest-text-muted);justify-content:center;align-items:center;display:flex;position:absolute}
|
|
11
|
+
.tempest_field_h-wBy>.tempest_caret_MdCao>svg{flex:none;width:100%;height:100%;margin:0;display:block}
|
|
11
12
|
.tempest_error_sw9MU .tempest_select_cjdcr{border-color:var(--tempest-danger)}
|
|
12
13
|
.tempest_error_sw9MU .tempest_select_cjdcr:focus{box-shadow:0 0 0 var(--tempest-focus-ring-width) color-mix(in srgb, var(--tempest-danger) 25%, transparent)}
|
|
13
14
|
.tempest_helper_frosK{font-size:var(--tempest-text-xs);color:var(--tempest-text-muted);line-height:var(--tempest-leading-snug)}
|
|
14
15
|
.tempest_errorText_-zd6i{font-size:var(--tempest-text-xs);color:var(--tempest-danger);line-height:var(--tempest-leading-snug)}
|
|
15
16
|
.tempest_chipWrapper_5keyI{display:inline-flex}
|
|
16
|
-
.tempest_chip_r4NVm{width:auto}
|
|
17
|
-
.tempest_chip_r4NVm .tempest_select_cjdcr{width:auto;height:var(--tempest-control-height-sm);padding:0
|
|
18
|
-
.
|
|
17
|
+
.tempest_chip_r4NVm{--_tempest-caret-offset:calc(var(--tempest-control-caret-offset,12px) - 2px);--_tempest-caret-gap:6px;width:auto}
|
|
18
|
+
.tempest_chip_r4NVm .tempest_select_cjdcr{width:auto;height:var(--tempest-control-height-sm);padding:0 calc(var(--_tempest-caret-offset) + var(--_tempest-caret-size) + var(--_tempest-caret-gap)) 0 var(--tempest-space-3);border-radius:var(--tempest-radius-full);background-color:var(--tempest-surface);font-size:var(--tempest-text-sm);box-shadow:none}
|
|
19
|
+
.tempest_bare_n9BTx{display:inline-flex}
|
|
20
|
+
.tempest_bare_n9BTx .tempest_select_cjdcr{border-radius:inherit;background-color:inherit;min-width:0;height:auto;color:inherit;font:inherit;letter-spacing:inherit;box-shadow:none;border:0;flex:auto;align-self:stretch;margin:0;padding-block:0;padding-inline-start:0}
|
|
21
|
+
.tempest_bare_n9BTx .tempest_select_cjdcr:focus{box-shadow:none}
|
|
22
|
+
.tempest_bare_n9BTx:focus-within{outline:var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);outline-offset:2px}
|
|
23
|
+
.tempest_bare_n9BTx .tempest_select_cjdcr:disabled{background-color:inherit;color:inherit}
|
|
24
|
+
.tempest_bare_n9BTx:has(>.tempest_select_cjdcr:disabled){opacity:.6}
|
|
25
|
+
.tempest_bare_n9BTx .tempest_caret_MdCao{color:inherit}
|
package/dist/styles/core.css
CHANGED
|
@@ -3,10 +3,10 @@
|
|
|
3
3
|
[data-tempest-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--tempest-primary-50:#0a1730;--tempest-primary-100:#0f2245;--tempest-primary-200:#133066;--tempest-primary-300:#1a4399;--tempest-primary-400:#2563eb;--tempest-primary-500:#3b82f6;--tempest-primary-600:#60a5fa;--tempest-primary-700:#93c5fd;--tempest-primary-800:#bfdbfe;--tempest-primary-900:#dbeafe;--tempest-primary:var(--tempest-primary-500);--tempest-primary-hover:var(--tempest-primary-600);--tempest-primary-active:var(--tempest-primary-700);--tempest-primary-soft:var(--tempest-primary-100);--tempest-primary-soft-hover:var(--tempest-primary-200);--tempest-primary-on-soft:var(--tempest-primary-700);--tempest-bg:#0b0d12;--tempest-surface:#14171f;--tempest-surface-2:#1d2230;--tempest-surface-3:#262d3f;--tempest-border:#2a3142;--tempest-border-strong:#3a4258;--tempest-text:#f1f3f8;--tempest-text-muted:#aab2c0;--tempest-text-subtle:#7b849a;--tempest-primary-foreground:#1f0606;--tempest-text-on-primary:var(--tempest-primary-foreground);--tempest-danger-on-solid:#1f0606;--tempest-info-on-solid:#1f0606;--tempest-success-on-solid:#1f0606;--tempest-warning-on-solid:#1f0606;--tempest-neutral-on-solid:#fff;--tempest-success-fg:#4ade80;--tempest-success-bg:#052e16;--tempest-success-border:#166534;--tempest-success-solid:#22c55e;--tempest-success:#4ade80;--tempest-warning-fg:#fbbf24;--tempest-warning-bg:#2c1c05;--tempest-warning-border:#78350f;--tempest-warning-solid:#f59e0b;--tempest-warning:#fbbf24;--tempest-danger-fg:#f87171;--tempest-danger-bg:#2c0a0a;--tempest-danger-border:#7f1d1d;--tempest-danger-solid:#ef4444;--tempest-danger:#f87171;--tempest-danger-hover:#f87171;--tempest-info-fg:#60a5fa;--tempest-info-bg:#0a1730;--tempest-info-border:#1e3a8a;--tempest-info-solid:#3b82f6;--tempest-info:#60a5fa;--tempest-focus-ring-color:#60a5fa;--tempest-selected-indicator:#60a5fa;--tempest-shadow-xs:0 1px 2px #0000004d;--tempest-shadow-sm:0 1px 3px #0006, 0 1px 2px #0003;--tempest-shadow-md:0 4px 12px #0006, 0 2px 4px #0003;--tempest-shadow-lg:0 12px 32px #00000080, 0 4px 8px #0000004d;--tempest-shadow-xl:0 24px 48px #0009, 0 8px 16px #0000004d;--tempest-chart-1:#60a5fa;--tempest-chart-2:#4ade80;--tempest-chart-3:#fbbf24;--tempest-chart-4:#a78bfa;--tempest-chart-5:#f472b6;--tempest-chart-6:#22d3ee;--tempest-chart-7:#fb923c;--tempest-chart-8:#2dd4bf;--tempest-chart-sequential-1:#172849;--tempest-chart-sequential-2:#1b3c83;--tempest-chart-sequential-3:#2453b9;--tempest-chart-sequential-4:#376fe5;--tempest-chart-sequential-5:#5b90fb;--tempest-chart-sequential-6:#8cb2fa;--tempest-chart-sequential-7:#bad2fe;--tempest-chart-diverging-1:#1543a8;--tempest-chart-diverging-2:#416eca;--tempest-chart-diverging-3:#7599e0;--tempest-chart-diverging-4:#b0c5ec;--tempest-chart-diverging-5:#262d3f;--tempest-chart-diverging-6:#e8b6af;--tempest-chart-diverging-7:#d77e74;--tempest-chart-diverging-8:#ba473f;--tempest-chart-diverging-9:#94020c;--tempest-chart-grid:var(--tempest-gray-300);--tempest-chart-axis:var(--tempest-gray-600);--tempest-code-comment:#838b93;--tempest-code-punctuation:#818b95;--tempest-code-string:#589866;--tempest-code-number:#c57558;--tempest-code-keyword:#8580d8;--tempest-code-literal:#c87172;--tempest-code-function:#2893c6;--tempest-code-tag:#c07197;--tempest-code-attribute:#349897;--tempest-code-property:#349897}
|
|
4
4
|
:root{--tempest-text-2xs:10px;--tempest-text-xs:12px;--tempest-text-sm:13px;--tempest-text-base:14px;--tempest-text-md:15px;--tempest-text-lg:16px;--tempest-text-xl:18px;--tempest-text-2xl:20px;--tempest-text-3xl:24px;--tempest-text-4xl:30px;--tempest-text-5xl:36px;--tempest-text-6xl:48px;--tempest-leading-none:1;--tempest-leading-tight:1.2;--tempest-leading-snug:1.35;--tempest-leading-normal:1.5;--tempest-leading-relaxed:1.65;--tempest-leading-loose:1.9;--tempest-weight-regular:400;--tempest-weight-medium:500;--tempest-weight-semibold:600;--tempest-weight-bold:700;--tempest-weight-extrabold:800;--tempest-tracking-tight:-.02em;--tempest-tracking-normal:0;--tempest-tracking-wide:.025em;--tempest-tracking-wider:.05em;--tempest-tracking-widest:.1em;--tempest-text-fluid-sm:clamp(13px, 12px + .2vw, 15px);--tempest-text-fluid-base:clamp(14px, 13px + .3vw, 16px);--tempest-text-fluid-lg:clamp(16px, 14px + .5vw, 20px);--tempest-text-fluid-xl:clamp(18px, 15px + .8vw, 24px);--tempest-text-fluid-2xl:clamp(20px, 16px + 1.2vw, 30px);--tempest-text-fluid-3xl:clamp(24px, 18px + 2vw, 40px);--tempest-text-fluid-4xl:clamp(28px, 20px + 3vw, 56px);--tempest-text-fluid-5xl:clamp(32px, 24px + 4vw, 72px);--tempest-text-fluid-6xl:clamp(40px, 28px + 5vw, 96px);--tempest-duration-instant:0s;--tempest-duration-fast:.12s;--tempest-duration-base:.18s;--tempest-duration-slow:.28s;--tempest-duration-slower:.42s;--tempest-ease-linear:linear;--tempest-ease-in:cubic-bezier(.4, 0, 1, 1);--tempest-ease-out:cubic-bezier(0, 0, .2, 1);--tempest-ease-in-out:cubic-bezier(.4, 0, .2, 1);--tempest-ease-emphasized:cubic-bezier(.2, 0, 0, 1);--tempest-ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--tempest-transition-color:color var(--tempest-duration-fast) var(--tempest-ease-out), background-color var(--tempest-duration-fast) var(--tempest-ease-out), border-color var(--tempest-duration-fast) var(--tempest-ease-out);--tempest-transition-shadow:box-shadow var(--tempest-duration-base) var(--tempest-ease-out);--tempest-transition-transform:transform var(--tempest-duration-fast) var(--tempest-ease-out);--tempest-transition-base:color var(--tempest-duration-fast) var(--tempest-ease-out), background-color var(--tempest-duration-fast) var(--tempest-ease-out), border-color var(--tempest-duration-fast) var(--tempest-ease-out), box-shadow var(--tempest-duration-base) var(--tempest-ease-out), transform var(--tempest-duration-fast) var(--tempest-ease-out), opacity var(--tempest-duration-fast) var(--tempest-ease-out)}
|
|
5
5
|
@media (prefers-reduced-motion:reduce){:root{--tempest-duration-fast:.01ms;--tempest-duration-base:.01ms;--tempest-duration-slow:.01ms;--tempest-duration-slower:.01ms}}
|
|
6
|
-
:root,[data-tempest-density=comfortable]{--tempest-control-height-xs:24px;--tempest-control-height-sm:32px;--tempest-control-height-md:40px;--tempest-control-height-lg:48px;--tempest-control-height-xl:56px;--tempest-control-padding-xs:var(--tempest-space-2);--tempest-control-padding-sm:var(--tempest-space-3);--tempest-control-padding-md:var(--tempest-space-4);--tempest-control-padding-lg:var(--tempest-space-5);--tempest-control-padding-xl:var(--tempest-space-6);--tempest-control-font-xs:var(--tempest-text-xs);--tempest-control-font-sm:var(--tempest-text-sm);--tempest-control-font-md:var(--tempest-text-base);--tempest-control-font-lg:var(--tempest-text-lg);--tempest-control-font-xl:var(--tempest-text-xl);--tempest-control-radius:var(--tempest-radius-md);--tempest-control-gap:var(--tempest-space-2)}
|
|
7
|
-
[data-tempest-density=compact]{--tempest-control-height-xs:20px;--tempest-control-height-sm:28px;--tempest-control-height-md:34px;--tempest-control-height-lg:40px;--tempest-control-height-xl:48px;--tempest-control-padding-xs:var(--tempest-space-1);--tempest-control-padding-sm:var(--tempest-space-2);--tempest-control-padding-md:var(--tempest-space-3);--tempest-control-padding-lg:var(--tempest-space-4);--tempest-control-padding-xl:var(--tempest-space-5);--tempest-control-font-xs:var(--tempest-text-2xs);--tempest-control-font-sm:var(--tempest-text-xs);--tempest-control-font-md:var(--tempest-text-sm);--tempest-control-font-lg:var(--tempest-text-base);--tempest-control-font-xl:var(--tempest-text-md);--tempest-control-radius:var(--tempest-radius-sm);--tempest-control-gap:var(--tempest-space-1)}
|
|
8
|
-
[data-tempest-density=touch]{--tempest-control-height-xs:32px;--tempest-control-height-sm:40px;--tempest-control-height-md:44px;--tempest-control-height-lg:52px;--tempest-control-height-xl:60px;--tempest-control-padding-xs:var(--tempest-space-2);--tempest-control-padding-sm:var(--tempest-space-3);--tempest-control-padding-md:var(--tempest-space-4);--tempest-control-padding-lg:var(--tempest-space-5);--tempest-control-padding-xl:var(--tempest-space-6);--tempest-control-font-xs:var(--tempest-text-xs);--tempest-control-font-sm:var(--tempest-text-sm);--tempest-control-font-md:var(--tempest-text-base);--tempest-control-font-lg:var(--tempest-text-lg);--tempest-control-font-xl:var(--tempest-text-xl);--tempest-control-radius:var(--tempest-radius-md);--tempest-control-gap:var(--tempest-space-2)}
|
|
9
|
-
[data-tempest-density=spacious]{--tempest-control-height-xs:28px;--tempest-control-height-sm:36px;--tempest-control-height-md:44px;--tempest-control-height-lg:52px;--tempest-control-height-xl:64px;--tempest-control-padding-xs:var(--tempest-space-3);--tempest-control-padding-sm:var(--tempest-space-4);--tempest-control-padding-md:var(--tempest-space-5);--tempest-control-padding-lg:var(--tempest-space-6);--tempest-control-padding-xl:var(--tempest-space-7);--tempest-control-font-xs:var(--tempest-text-xs);--tempest-control-font-sm:var(--tempest-text-base);--tempest-control-font-md:var(--tempest-text-md);--tempest-control-font-lg:var(--tempest-text-xl);--tempest-control-font-xl:var(--tempest-text-2xl);--tempest-control-radius:var(--tempest-radius-lg);--tempest-control-gap:var(--tempest-space-3)}
|
|
6
|
+
:root,[data-tempest-density=comfortable]{--tempest-control-height-xs:24px;--tempest-control-height-sm:32px;--tempest-control-height-md:40px;--tempest-control-height-lg:48px;--tempest-control-height-xl:56px;--tempest-control-padding-xs:var(--tempest-space-2);--tempest-control-padding-sm:var(--tempest-space-3);--tempest-control-padding-md:var(--tempest-space-4);--tempest-control-padding-lg:var(--tempest-space-5);--tempest-control-padding-xl:var(--tempest-space-6);--tempest-control-font-xs:var(--tempest-text-xs);--tempest-control-font-sm:var(--tempest-text-sm);--tempest-control-font-md:var(--tempest-text-base);--tempest-control-font-lg:var(--tempest-text-lg);--tempest-control-font-xl:var(--tempest-text-xl);--tempest-control-radius:var(--tempest-radius-md);--tempest-control-gap:var(--tempest-space-2);--tempest-control-caret-offset:12px;--tempest-control-caret-size:14px}
|
|
7
|
+
[data-tempest-density=compact]{--tempest-control-height-xs:20px;--tempest-control-height-sm:28px;--tempest-control-height-md:34px;--tempest-control-height-lg:40px;--tempest-control-height-xl:48px;--tempest-control-padding-xs:var(--tempest-space-1);--tempest-control-padding-sm:var(--tempest-space-2);--tempest-control-padding-md:var(--tempest-space-3);--tempest-control-padding-lg:var(--tempest-space-4);--tempest-control-padding-xl:var(--tempest-space-5);--tempest-control-font-xs:var(--tempest-text-2xs);--tempest-control-font-sm:var(--tempest-text-xs);--tempest-control-font-md:var(--tempest-text-sm);--tempest-control-font-lg:var(--tempest-text-base);--tempest-control-font-xl:var(--tempest-text-md);--tempest-control-radius:var(--tempest-radius-sm);--tempest-control-gap:var(--tempest-space-1);--tempest-control-caret-offset:10px;--tempest-control-caret-size:12px}
|
|
8
|
+
[data-tempest-density=touch]{--tempest-control-height-xs:32px;--tempest-control-height-sm:40px;--tempest-control-height-md:44px;--tempest-control-height-lg:52px;--tempest-control-height-xl:60px;--tempest-control-padding-xs:var(--tempest-space-2);--tempest-control-padding-sm:var(--tempest-space-3);--tempest-control-padding-md:var(--tempest-space-4);--tempest-control-padding-lg:var(--tempest-space-5);--tempest-control-padding-xl:var(--tempest-space-6);--tempest-control-font-xs:var(--tempest-text-xs);--tempest-control-font-sm:var(--tempest-text-sm);--tempest-control-font-md:var(--tempest-text-base);--tempest-control-font-lg:var(--tempest-text-lg);--tempest-control-font-xl:var(--tempest-text-xl);--tempest-control-radius:var(--tempest-radius-md);--tempest-control-gap:var(--tempest-space-2);--tempest-control-caret-offset:12px;--tempest-control-caret-size:16px}
|
|
9
|
+
[data-tempest-density=spacious]{--tempest-control-height-xs:28px;--tempest-control-height-sm:36px;--tempest-control-height-md:44px;--tempest-control-height-lg:52px;--tempest-control-height-xl:64px;--tempest-control-padding-xs:var(--tempest-space-3);--tempest-control-padding-sm:var(--tempest-space-4);--tempest-control-padding-md:var(--tempest-space-5);--tempest-control-padding-lg:var(--tempest-space-6);--tempest-control-padding-xl:var(--tempest-space-7);--tempest-control-font-xs:var(--tempest-text-xs);--tempest-control-font-sm:var(--tempest-text-base);--tempest-control-font-md:var(--tempest-text-md);--tempest-control-font-lg:var(--tempest-text-xl);--tempest-control-font-xl:var(--tempest-text-2xl);--tempest-control-radius:var(--tempest-radius-lg);--tempest-control-gap:var(--tempest-space-3);--tempest-control-caret-offset:14px;--tempest-control-caret-size:16px}
|
|
10
10
|
@media (pointer:coarse){:root:not([data-tempest-density=compact]){--tempest-control-height-xs:32px;--tempest-control-height-sm:40px;--tempest-control-height-md:44px}}
|
|
11
11
|
*,:before,:after{box-sizing:border-box}
|
|
12
12
|
html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;tab-size:4}
|
package/dist/styles/data.css
CHANGED
|
@@ -55,6 +55,10 @@
|
|
|
55
55
|
.tempest_secondary_2wMQS:disabled{color:var(--tempest-text-subtle);cursor:not-allowed}
|
|
56
56
|
.tempest_ghost_tDjte{color:var(--tempest-text-muted);background:0 0;border:none;text-decoration:underline}
|
|
57
57
|
.tempest_primary_zW1qN:focus-visible,.tempest_secondary_2wMQS:focus-visible,.tempest_ghost_tDjte:focus-visible,.tempest_remove_FmPaZ:focus-visible{outline:2px solid var(--tempest-primary);outline-offset:1px}
|
|
58
|
+
.tempest_panel_ab2ba{min-width:0}
|
|
59
|
+
.tempest_actions_9a-Sm{justify-content:flex-end;align-items:center;gap:var(--tempest-space-2);flex-wrap:wrap;margin-left:auto;display:flex}
|
|
60
|
+
.tempest_form_bMDhN{margin:0}
|
|
61
|
+
.tempest_fields_M30-g{align-items:start}
|
|
58
62
|
.tempest_board_4Ucop{align-items:flex-start;gap:var(--tempest-space-4);overscroll-behavior-x:contain;padding-bottom:var(--tempest-space-2);display:flex;overflow-x:auto}
|
|
59
63
|
.tempest_column_-FohZ{gap:var(--tempest-space-3);flex-direction:column;flex:0 0 var(--tempest-kanban-column-width,260px);min-width:0;padding:var(--tempest-space-3);background-color:var(--tempest-surface);border:1px solid var(--tempest-border);border-radius:var(--tempest-radius-lg);transition:background-color var(--tempest-duration-fast) var(--tempest-ease-out), border-color var(--tempest-duration-fast) var(--tempest-ease-out);display:flex}
|
|
60
64
|
.tempest_columnActive_TJPM9{border-color:var(--tempest-primary);background-color:var(--tempest-primary-soft)}
|
package/dist/styles/forms.css
CHANGED
|
@@ -23,12 +23,13 @@
|
|
|
23
23
|
.tempest_errorText_llJGq{font-size:var(--tempest-text-xs);color:var(--tempest-danger);line-height:var(--tempest-leading-snug)}
|
|
24
24
|
.tempest_wrapper_TNvle{gap:var(--tempest-space-1);width:100%;font-family:var(--tempest-font-sans);flex-direction:column;display:flex;position:relative}
|
|
25
25
|
.tempest_label_KVkZO{font-size:var(--tempest-text-sm);font-weight:var(--tempest-weight-semibold);color:var(--tempest-text);line-height:var(--tempest-leading-snug)}
|
|
26
|
-
.tempest_field_BenH0{align-items:center;display:flex;position:relative}
|
|
27
|
-
.tempest_input_-HTv1{width:100%;height:var(--tempest-control-height-md);padding:0
|
|
26
|
+
.tempest_field_BenH0{--_tempest-caret-offset:var(--tempest-control-caret-offset,12px);--_tempest-caret-size:var(--tempest-control-caret-size,14px);align-items:center;display:flex;position:relative}
|
|
27
|
+
.tempest_input_-HTv1{width:100%;height:var(--tempest-control-height-md);padding:0 calc(var(--_tempest-caret-offset) + var(--_tempest-caret-size) + 6px) 0 var(--tempest-control-padding-md);border:1px solid var(--tempest-border);border-radius:var(--tempest-control-radius);background-color:var(--tempest-bg);color:var(--tempest-text);font-family:inherit;font-size:var(--tempest-control-font-md);box-shadow:var(--tempest-shadow-xs);transition:var(--tempest-transition-color), var(--tempest-transition-shadow)}
|
|
28
28
|
.tempest_input_-HTv1::placeholder{color:var(--tempest-text-subtle)}
|
|
29
29
|
.tempest_input_-HTv1:focus{border-color:var(--tempest-primary);box-shadow:0 0 0 var(--tempest-focus-ring-width) var(--tempest-focus-ring-color);outline:none}
|
|
30
30
|
.tempest_input_-HTv1:disabled{background-color:var(--tempest-surface);cursor:not-allowed}
|
|
31
|
-
.tempest_caret_jRplQ{pointer-events:none;color:var(--tempest-text-muted);position:absolute
|
|
31
|
+
.tempest_caret_jRplQ{right:var(--_tempest-caret-offset);width:var(--_tempest-caret-size);height:var(--_tempest-caret-size);pointer-events:none;color:var(--tempest-text-muted);justify-content:center;align-items:center;display:flex;position:absolute}
|
|
32
|
+
.tempest_field_BenH0>.tempest_caret_jRplQ>svg{flex:none;width:100%;height:100%;margin:0;display:block}
|
|
32
33
|
.tempest_menu_zPQG3{z-index:var(--tempest-z-dropdown);background-color:var(--tempest-bg);border:1px solid var(--tempest-border);border-radius:var(--tempest-radius-lg);box-shadow:var(--tempest-shadow-lg);max-height:280px;padding:var(--tempest-space-1);margin:0;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}
|
|
33
34
|
.tempest_option_vhhn5{padding:var(--tempest-space-2) var(--tempest-space-3);border-radius:var(--tempest-radius-sm);cursor:pointer;color:var(--tempest-text);font-size:var(--tempest-text-base);line-height:var(--tempest-leading-snug);align-items:center;display:flex}
|
|
34
35
|
@media (hover:hover) and (pointer:fine){.tempest_option_vhhn5:hover{background-color:var(--tempest-surface)}}
|
|
@@ -243,20 +244,27 @@
|
|
|
243
244
|
.tempest_wrapper_KS2K3{gap:var(--tempest-space-1);flex-direction:column;width:100%;display:flex}
|
|
244
245
|
.tempest_label_Lmgos{font-size:var(--tempest-text-sm);font-weight:var(--tempest-weight-semibold);color:var(--tempest-text);line-height:var(--tempest-leading-snug)}
|
|
245
246
|
.tempest_required_PvDVJ{color:var(--tempest-danger);margin-left:2px}
|
|
246
|
-
.tempest_field_h-wBy{align-items:center;display:flex;position:relative}
|
|
247
|
-
.tempest_select_cjdcr{width:100%;height:var(--tempest-control-height-md);padding:0
|
|
247
|
+
.tempest_field_h-wBy{--_tempest-caret-offset:var(--tempest-control-caret-offset,12px);--_tempest-caret-size:var(--tempest-control-caret-size,14px);--_tempest-caret-gap:10px;align-items:center;display:flex;position:relative}
|
|
248
|
+
.tempest_select_cjdcr{width:100%;height:var(--tempest-control-height-md);padding:0 calc(var(--_tempest-caret-offset) + var(--_tempest-caret-size) + var(--_tempest-caret-gap)) 0 var(--tempest-control-padding-md);border:1px solid var(--tempest-border);border-radius:var(--tempest-control-radius);background-color:var(--tempest-bg);color:var(--tempest-text);font-family:var(--tempest-font-sans);font-size:var(--tempest-control-font-md);line-height:var(--tempest-leading-snug);appearance:none;cursor:pointer;box-shadow:var(--tempest-shadow-xs);transition:var(--tempest-transition-color), var(--tempest-transition-shadow)}
|
|
248
249
|
.tempest_select_cjdcr:hover:not(:disabled):not(:focus){border-color:var(--tempest-border-strong)}
|
|
249
250
|
.tempest_select_cjdcr:focus{border-color:var(--tempest-primary);box-shadow:0 0 0 var(--tempest-focus-ring-width) var(--tempest-focus-ring-color);outline:none}
|
|
250
251
|
.tempest_select_cjdcr:disabled{background-color:var(--tempest-surface);cursor:not-allowed;color:var(--tempest-text-muted);box-shadow:none}
|
|
251
|
-
.tempest_caret_MdCao{pointer-events:none;color:var(--tempest-text-muted);position:absolute
|
|
252
|
+
.tempest_caret_MdCao{right:var(--_tempest-caret-offset);width:var(--_tempest-caret-size);height:var(--_tempest-caret-size);pointer-events:none;color:var(--tempest-text-muted);justify-content:center;align-items:center;display:flex;position:absolute}
|
|
253
|
+
.tempest_field_h-wBy>.tempest_caret_MdCao>svg{flex:none;width:100%;height:100%;margin:0;display:block}
|
|
252
254
|
.tempest_error_sw9MU .tempest_select_cjdcr{border-color:var(--tempest-danger)}
|
|
253
255
|
.tempest_error_sw9MU .tempest_select_cjdcr:focus{box-shadow:0 0 0 var(--tempest-focus-ring-width) color-mix(in srgb, var(--tempest-danger) 25%, transparent)}
|
|
254
256
|
.tempest_helper_frosK{font-size:var(--tempest-text-xs);color:var(--tempest-text-muted);line-height:var(--tempest-leading-snug)}
|
|
255
257
|
.tempest_errorText_-zd6i{font-size:var(--tempest-text-xs);color:var(--tempest-danger);line-height:var(--tempest-leading-snug)}
|
|
256
258
|
.tempest_chipWrapper_5keyI{display:inline-flex}
|
|
257
|
-
.tempest_chip_r4NVm{width:auto}
|
|
258
|
-
.tempest_chip_r4NVm .tempest_select_cjdcr{width:auto;height:var(--tempest-control-height-sm);padding:0
|
|
259
|
-
.
|
|
259
|
+
.tempest_chip_r4NVm{--_tempest-caret-offset:calc(var(--tempest-control-caret-offset,12px) - 2px);--_tempest-caret-gap:6px;width:auto}
|
|
260
|
+
.tempest_chip_r4NVm .tempest_select_cjdcr{width:auto;height:var(--tempest-control-height-sm);padding:0 calc(var(--_tempest-caret-offset) + var(--_tempest-caret-size) + var(--_tempest-caret-gap)) 0 var(--tempest-space-3);border-radius:var(--tempest-radius-full);background-color:var(--tempest-surface);font-size:var(--tempest-text-sm);box-shadow:none}
|
|
261
|
+
.tempest_bare_n9BTx{display:inline-flex}
|
|
262
|
+
.tempest_bare_n9BTx .tempest_select_cjdcr{border-radius:inherit;background-color:inherit;min-width:0;height:auto;color:inherit;font:inherit;letter-spacing:inherit;box-shadow:none;border:0;flex:auto;align-self:stretch;margin:0;padding-block:0;padding-inline-start:0}
|
|
263
|
+
.tempest_bare_n9BTx .tempest_select_cjdcr:focus{box-shadow:none}
|
|
264
|
+
.tempest_bare_n9BTx:focus-within{outline:var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);outline-offset:2px}
|
|
265
|
+
.tempest_bare_n9BTx .tempest_select_cjdcr:disabled{background-color:inherit;color:inherit}
|
|
266
|
+
.tempest_bare_n9BTx:has(>.tempest_select_cjdcr:disabled){opacity:.6}
|
|
267
|
+
.tempest_bare_n9BTx .tempest_caret_MdCao{color:inherit}
|
|
260
268
|
.tempest_pad_mrFAb{gap:var(--tempest-space-2);flex-direction:column;display:inline-flex}
|
|
261
269
|
.tempest_canvas_Jbknm{color:var(--tempest-text);background-color:var(--tempest-bg);border:1px dashed var(--tempest-border-strong);border-radius:var(--tempest-radius-md);cursor:crosshair}
|
|
262
270
|
.tempest_canvas_Jbknm:focus-visible{outline:var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);outline-offset:var(--tempest-focus-ring-offset)}
|
package/dist/styles/identity.css
CHANGED
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
.tempest_interactive_B8Tah:focus-visible{outline:var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);outline-offset:var(--tempest-focus-ring-offset)}
|
|
39
39
|
.tempest_padded_oOxwN{padding:var(--tempest-space-5)}
|
|
40
40
|
.tempest_flush_aiDZi{padding:0}
|
|
41
|
-
.tempest_header_PTXf2{justify-content:space-between;align-items:center;gap:var(--tempest-space-3);padding:var(--tempest-space-4) var(--tempest-space-5);border-bottom:1px solid var(--tempest-border);display:flex}
|
|
41
|
+
.tempest_header_PTXf2{justify-content:space-between;align-items:center;gap:var(--tempest-space-3);padding:var(--tempest-space-4) var(--tempest-space-5);border-bottom:1px solid var(--tempest-border);flex-wrap:wrap;display:flex}
|
|
42
42
|
.tempest_title_mSgoo{font-size:var(--tempest-text-md);font-weight:var(--tempest-weight-semibold);line-height:var(--tempest-leading-snug);color:var(--tempest-text);margin:0}
|
|
43
43
|
.tempest_body_W441Z{padding:var(--tempest-space-5)}
|
|
44
44
|
.tempest_footer_Mu-JC{justify-content:flex-end;align-items:center;gap:var(--tempest-space-2);padding:var(--tempest-space-4) var(--tempest-space-5);border-top:1px solid var(--tempest-border);display:flex}
|
|
@@ -200,6 +200,12 @@
|
|
|
200
200
|
"component/FilterBar.css",
|
|
201
201
|
"component/VisuallyHidden.css"
|
|
202
202
|
],
|
|
203
|
+
"FilterPanel": [
|
|
204
|
+
"component/Button.css",
|
|
205
|
+
"component/Card.css",
|
|
206
|
+
"component/FilterPanel.css",
|
|
207
|
+
"component/Layout.css"
|
|
208
|
+
],
|
|
203
209
|
"FloatingActionButton": [
|
|
204
210
|
"component/FloatingActionButton.css"
|
|
205
211
|
],
|
package/dist/styles/tokens.css
CHANGED
|
@@ -3,8 +3,8 @@
|
|
|
3
3
|
[data-tempest-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--tempest-primary-50:#0a1730;--tempest-primary-100:#0f2245;--tempest-primary-200:#133066;--tempest-primary-300:#1a4399;--tempest-primary-400:#2563eb;--tempest-primary-500:#3b82f6;--tempest-primary-600:#60a5fa;--tempest-primary-700:#93c5fd;--tempest-primary-800:#bfdbfe;--tempest-primary-900:#dbeafe;--tempest-primary:var(--tempest-primary-500);--tempest-primary-hover:var(--tempest-primary-600);--tempest-primary-active:var(--tempest-primary-700);--tempest-primary-soft:var(--tempest-primary-100);--tempest-primary-soft-hover:var(--tempest-primary-200);--tempest-primary-on-soft:var(--tempest-primary-700);--tempest-bg:#0b0d12;--tempest-surface:#14171f;--tempest-surface-2:#1d2230;--tempest-surface-3:#262d3f;--tempest-border:#2a3142;--tempest-border-strong:#3a4258;--tempest-text:#f1f3f8;--tempest-text-muted:#aab2c0;--tempest-text-subtle:#7b849a;--tempest-primary-foreground:#1f0606;--tempest-text-on-primary:var(--tempest-primary-foreground);--tempest-danger-on-solid:#1f0606;--tempest-info-on-solid:#1f0606;--tempest-success-on-solid:#1f0606;--tempest-warning-on-solid:#1f0606;--tempest-neutral-on-solid:#fff;--tempest-success-fg:#4ade80;--tempest-success-bg:#052e16;--tempest-success-border:#166534;--tempest-success-solid:#22c55e;--tempest-success:#4ade80;--tempest-warning-fg:#fbbf24;--tempest-warning-bg:#2c1c05;--tempest-warning-border:#78350f;--tempest-warning-solid:#f59e0b;--tempest-warning:#fbbf24;--tempest-danger-fg:#f87171;--tempest-danger-bg:#2c0a0a;--tempest-danger-border:#7f1d1d;--tempest-danger-solid:#ef4444;--tempest-danger:#f87171;--tempest-danger-hover:#f87171;--tempest-info-fg:#60a5fa;--tempest-info-bg:#0a1730;--tempest-info-border:#1e3a8a;--tempest-info-solid:#3b82f6;--tempest-info:#60a5fa;--tempest-focus-ring-color:#60a5fa;--tempest-selected-indicator:#60a5fa;--tempest-shadow-xs:0 1px 2px #0000004d;--tempest-shadow-sm:0 1px 3px #0006, 0 1px 2px #0003;--tempest-shadow-md:0 4px 12px #0006, 0 2px 4px #0003;--tempest-shadow-lg:0 12px 32px #00000080, 0 4px 8px #0000004d;--tempest-shadow-xl:0 24px 48px #0009, 0 8px 16px #0000004d;--tempest-chart-1:#60a5fa;--tempest-chart-2:#4ade80;--tempest-chart-3:#fbbf24;--tempest-chart-4:#a78bfa;--tempest-chart-5:#f472b6;--tempest-chart-6:#22d3ee;--tempest-chart-7:#fb923c;--tempest-chart-8:#2dd4bf;--tempest-chart-sequential-1:#172849;--tempest-chart-sequential-2:#1b3c83;--tempest-chart-sequential-3:#2453b9;--tempest-chart-sequential-4:#376fe5;--tempest-chart-sequential-5:#5b90fb;--tempest-chart-sequential-6:#8cb2fa;--tempest-chart-sequential-7:#bad2fe;--tempest-chart-diverging-1:#1543a8;--tempest-chart-diverging-2:#416eca;--tempest-chart-diverging-3:#7599e0;--tempest-chart-diverging-4:#b0c5ec;--tempest-chart-diverging-5:#262d3f;--tempest-chart-diverging-6:#e8b6af;--tempest-chart-diverging-7:#d77e74;--tempest-chart-diverging-8:#ba473f;--tempest-chart-diverging-9:#94020c;--tempest-chart-grid:var(--tempest-gray-300);--tempest-chart-axis:var(--tempest-gray-600);--tempest-code-comment:#838b93;--tempest-code-punctuation:#818b95;--tempest-code-string:#589866;--tempest-code-number:#c57558;--tempest-code-keyword:#8580d8;--tempest-code-literal:#c87172;--tempest-code-function:#2893c6;--tempest-code-tag:#c07197;--tempest-code-attribute:#349897;--tempest-code-property:#349897}
|
|
4
4
|
:root{--tempest-text-2xs:10px;--tempest-text-xs:12px;--tempest-text-sm:13px;--tempest-text-base:14px;--tempest-text-md:15px;--tempest-text-lg:16px;--tempest-text-xl:18px;--tempest-text-2xl:20px;--tempest-text-3xl:24px;--tempest-text-4xl:30px;--tempest-text-5xl:36px;--tempest-text-6xl:48px;--tempest-leading-none:1;--tempest-leading-tight:1.2;--tempest-leading-snug:1.35;--tempest-leading-normal:1.5;--tempest-leading-relaxed:1.65;--tempest-leading-loose:1.9;--tempest-weight-regular:400;--tempest-weight-medium:500;--tempest-weight-semibold:600;--tempest-weight-bold:700;--tempest-weight-extrabold:800;--tempest-tracking-tight:-.02em;--tempest-tracking-normal:0;--tempest-tracking-wide:.025em;--tempest-tracking-wider:.05em;--tempest-tracking-widest:.1em;--tempest-text-fluid-sm:clamp(13px, 12px + .2vw, 15px);--tempest-text-fluid-base:clamp(14px, 13px + .3vw, 16px);--tempest-text-fluid-lg:clamp(16px, 14px + .5vw, 20px);--tempest-text-fluid-xl:clamp(18px, 15px + .8vw, 24px);--tempest-text-fluid-2xl:clamp(20px, 16px + 1.2vw, 30px);--tempest-text-fluid-3xl:clamp(24px, 18px + 2vw, 40px);--tempest-text-fluid-4xl:clamp(28px, 20px + 3vw, 56px);--tempest-text-fluid-5xl:clamp(32px, 24px + 4vw, 72px);--tempest-text-fluid-6xl:clamp(40px, 28px + 5vw, 96px);--tempest-duration-instant:0s;--tempest-duration-fast:.12s;--tempest-duration-base:.18s;--tempest-duration-slow:.28s;--tempest-duration-slower:.42s;--tempest-ease-linear:linear;--tempest-ease-in:cubic-bezier(.4, 0, 1, 1);--tempest-ease-out:cubic-bezier(0, 0, .2, 1);--tempest-ease-in-out:cubic-bezier(.4, 0, .2, 1);--tempest-ease-emphasized:cubic-bezier(.2, 0, 0, 1);--tempest-ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--tempest-transition-color:color var(--tempest-duration-fast) var(--tempest-ease-out), background-color var(--tempest-duration-fast) var(--tempest-ease-out), border-color var(--tempest-duration-fast) var(--tempest-ease-out);--tempest-transition-shadow:box-shadow var(--tempest-duration-base) var(--tempest-ease-out);--tempest-transition-transform:transform var(--tempest-duration-fast) var(--tempest-ease-out);--tempest-transition-base:color var(--tempest-duration-fast) var(--tempest-ease-out), background-color var(--tempest-duration-fast) var(--tempest-ease-out), border-color var(--tempest-duration-fast) var(--tempest-ease-out), box-shadow var(--tempest-duration-base) var(--tempest-ease-out), transform var(--tempest-duration-fast) var(--tempest-ease-out), opacity var(--tempest-duration-fast) var(--tempest-ease-out)}
|
|
5
5
|
@media (prefers-reduced-motion:reduce){:root{--tempest-duration-fast:.01ms;--tempest-duration-base:.01ms;--tempest-duration-slow:.01ms;--tempest-duration-slower:.01ms}}
|
|
6
|
-
:root,[data-tempest-density=comfortable]{--tempest-control-height-xs:24px;--tempest-control-height-sm:32px;--tempest-control-height-md:40px;--tempest-control-height-lg:48px;--tempest-control-height-xl:56px;--tempest-control-padding-xs:var(--tempest-space-2);--tempest-control-padding-sm:var(--tempest-space-3);--tempest-control-padding-md:var(--tempest-space-4);--tempest-control-padding-lg:var(--tempest-space-5);--tempest-control-padding-xl:var(--tempest-space-6);--tempest-control-font-xs:var(--tempest-text-xs);--tempest-control-font-sm:var(--tempest-text-sm);--tempest-control-font-md:var(--tempest-text-base);--tempest-control-font-lg:var(--tempest-text-lg);--tempest-control-font-xl:var(--tempest-text-xl);--tempest-control-radius:var(--tempest-radius-md);--tempest-control-gap:var(--tempest-space-2)}
|
|
7
|
-
[data-tempest-density=compact]{--tempest-control-height-xs:20px;--tempest-control-height-sm:28px;--tempest-control-height-md:34px;--tempest-control-height-lg:40px;--tempest-control-height-xl:48px;--tempest-control-padding-xs:var(--tempest-space-1);--tempest-control-padding-sm:var(--tempest-space-2);--tempest-control-padding-md:var(--tempest-space-3);--tempest-control-padding-lg:var(--tempest-space-4);--tempest-control-padding-xl:var(--tempest-space-5);--tempest-control-font-xs:var(--tempest-text-2xs);--tempest-control-font-sm:var(--tempest-text-xs);--tempest-control-font-md:var(--tempest-text-sm);--tempest-control-font-lg:var(--tempest-text-base);--tempest-control-font-xl:var(--tempest-text-md);--tempest-control-radius:var(--tempest-radius-sm);--tempest-control-gap:var(--tempest-space-1)}
|
|
8
|
-
[data-tempest-density=touch]{--tempest-control-height-xs:32px;--tempest-control-height-sm:40px;--tempest-control-height-md:44px;--tempest-control-height-lg:52px;--tempest-control-height-xl:60px;--tempest-control-padding-xs:var(--tempest-space-2);--tempest-control-padding-sm:var(--tempest-space-3);--tempest-control-padding-md:var(--tempest-space-4);--tempest-control-padding-lg:var(--tempest-space-5);--tempest-control-padding-xl:var(--tempest-space-6);--tempest-control-font-xs:var(--tempest-text-xs);--tempest-control-font-sm:var(--tempest-text-sm);--tempest-control-font-md:var(--tempest-text-base);--tempest-control-font-lg:var(--tempest-text-lg);--tempest-control-font-xl:var(--tempest-text-xl);--tempest-control-radius:var(--tempest-radius-md);--tempest-control-gap:var(--tempest-space-2)}
|
|
9
|
-
[data-tempest-density=spacious]{--tempest-control-height-xs:28px;--tempest-control-height-sm:36px;--tempest-control-height-md:44px;--tempest-control-height-lg:52px;--tempest-control-height-xl:64px;--tempest-control-padding-xs:var(--tempest-space-3);--tempest-control-padding-sm:var(--tempest-space-4);--tempest-control-padding-md:var(--tempest-space-5);--tempest-control-padding-lg:var(--tempest-space-6);--tempest-control-padding-xl:var(--tempest-space-7);--tempest-control-font-xs:var(--tempest-text-xs);--tempest-control-font-sm:var(--tempest-text-base);--tempest-control-font-md:var(--tempest-text-md);--tempest-control-font-lg:var(--tempest-text-xl);--tempest-control-font-xl:var(--tempest-text-2xl);--tempest-control-radius:var(--tempest-radius-lg);--tempest-control-gap:var(--tempest-space-3)}
|
|
6
|
+
:root,[data-tempest-density=comfortable]{--tempest-control-height-xs:24px;--tempest-control-height-sm:32px;--tempest-control-height-md:40px;--tempest-control-height-lg:48px;--tempest-control-height-xl:56px;--tempest-control-padding-xs:var(--tempest-space-2);--tempest-control-padding-sm:var(--tempest-space-3);--tempest-control-padding-md:var(--tempest-space-4);--tempest-control-padding-lg:var(--tempest-space-5);--tempest-control-padding-xl:var(--tempest-space-6);--tempest-control-font-xs:var(--tempest-text-xs);--tempest-control-font-sm:var(--tempest-text-sm);--tempest-control-font-md:var(--tempest-text-base);--tempest-control-font-lg:var(--tempest-text-lg);--tempest-control-font-xl:var(--tempest-text-xl);--tempest-control-radius:var(--tempest-radius-md);--tempest-control-gap:var(--tempest-space-2);--tempest-control-caret-offset:12px;--tempest-control-caret-size:14px}
|
|
7
|
+
[data-tempest-density=compact]{--tempest-control-height-xs:20px;--tempest-control-height-sm:28px;--tempest-control-height-md:34px;--tempest-control-height-lg:40px;--tempest-control-height-xl:48px;--tempest-control-padding-xs:var(--tempest-space-1);--tempest-control-padding-sm:var(--tempest-space-2);--tempest-control-padding-md:var(--tempest-space-3);--tempest-control-padding-lg:var(--tempest-space-4);--tempest-control-padding-xl:var(--tempest-space-5);--tempest-control-font-xs:var(--tempest-text-2xs);--tempest-control-font-sm:var(--tempest-text-xs);--tempest-control-font-md:var(--tempest-text-sm);--tempest-control-font-lg:var(--tempest-text-base);--tempest-control-font-xl:var(--tempest-text-md);--tempest-control-radius:var(--tempest-radius-sm);--tempest-control-gap:var(--tempest-space-1);--tempest-control-caret-offset:10px;--tempest-control-caret-size:12px}
|
|
8
|
+
[data-tempest-density=touch]{--tempest-control-height-xs:32px;--tempest-control-height-sm:40px;--tempest-control-height-md:44px;--tempest-control-height-lg:52px;--tempest-control-height-xl:60px;--tempest-control-padding-xs:var(--tempest-space-2);--tempest-control-padding-sm:var(--tempest-space-3);--tempest-control-padding-md:var(--tempest-space-4);--tempest-control-padding-lg:var(--tempest-space-5);--tempest-control-padding-xl:var(--tempest-space-6);--tempest-control-font-xs:var(--tempest-text-xs);--tempest-control-font-sm:var(--tempest-text-sm);--tempest-control-font-md:var(--tempest-text-base);--tempest-control-font-lg:var(--tempest-text-lg);--tempest-control-font-xl:var(--tempest-text-xl);--tempest-control-radius:var(--tempest-radius-md);--tempest-control-gap:var(--tempest-space-2);--tempest-control-caret-offset:12px;--tempest-control-caret-size:16px}
|
|
9
|
+
[data-tempest-density=spacious]{--tempest-control-height-xs:28px;--tempest-control-height-sm:36px;--tempest-control-height-md:44px;--tempest-control-height-lg:52px;--tempest-control-height-xl:64px;--tempest-control-padding-xs:var(--tempest-space-3);--tempest-control-padding-sm:var(--tempest-space-4);--tempest-control-padding-md:var(--tempest-space-5);--tempest-control-padding-lg:var(--tempest-space-6);--tempest-control-padding-xl:var(--tempest-space-7);--tempest-control-font-xs:var(--tempest-text-xs);--tempest-control-font-sm:var(--tempest-text-base);--tempest-control-font-md:var(--tempest-text-md);--tempest-control-font-lg:var(--tempest-text-xl);--tempest-control-font-xl:var(--tempest-text-2xl);--tempest-control-radius:var(--tempest-radius-lg);--tempest-control-gap:var(--tempest-space-3);--tempest-control-caret-offset:14px;--tempest-control-caret-size:16px}
|
|
10
10
|
@media (pointer:coarse){:root:not([data-tempest-density=compact]){--tempest-control-height-xs:32px;--tempest-control-height-sm:40px;--tempest-control-height-md:44px}}
|