haze-ui 1.22.0 → 1.23.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 +7 -0
- package/dist/css/alert.css +1 -1
- package/dist/css/approval-card.css +1 -1
- package/dist/css/async-section.css +1 -1
- package/dist/css/badge.css +1 -1
- package/dist/css/banner.css +1 -1
- package/dist/css/chat-message.css +1 -1
- package/dist/css/code-block.css +1 -1
- package/dist/css/confirm-dialog.css +1 -1
- package/dist/css/context-menu.css +1 -1
- package/dist/css/conversation-list.css +1 -1
- package/dist/css/diff-viewer.css +1 -1
- package/dist/css/dropdown-menu.css +1 -1
- package/dist/css/inline-edit.css +1 -1
- package/dist/css/log-viewer.css +1 -1
- package/dist/css/markdown-renderer.css +1 -1
- package/dist/css/navigation-bar.css +1 -1
- package/dist/css/step-timeline.css +1 -1
- package/dist/css/tag-group.css +1 -1
- package/dist/css/tag-input.css +1 -1
- package/dist/css/tag.css +1 -1
- package/dist/css/toast.css +1 -1
- package/dist/css/token-counter.css +1 -1
- package/dist/css/tokens.css +1 -1
- package/dist/css/tool-call-card.css +1 -1
- package/dist/haze-ui.css +24 -24
- package/dist/tokens/index.js +3 -1
- package/dist/tokens/oklch.js +117 -0
- package/dist/tokens/palette.js +327 -0
- package/dist/tokens/registry.js +154 -145
- package/dist/types/tokens/index.d.ts +4 -0
- package/dist/types/tokens/oklch.d.ts +35 -0
- package/dist/types/tokens/palette.d.ts +28 -0
- package/package.json +3 -1
package/README.md
CHANGED
|
@@ -24,6 +24,13 @@ npm i haze-ui
|
|
|
24
24
|
pnpm add haze-ui
|
|
25
25
|
```
|
|
26
26
|
|
|
27
|
+
### Browser support
|
|
28
|
+
|
|
29
|
+
Since v1.13, haze-ui colors are generated in **OKLCH**, with interaction
|
|
30
|
+
states (hover/active/subtle/focus-ring) derived at runtime via CSS relative
|
|
31
|
+
color syntax. This requires Chrome/Edge 119+, Safari 16.4+, or Firefox 128+;
|
|
32
|
+
no HSL/hex fallbacks are shipped.
|
|
33
|
+
|
|
27
34
|
### Usage
|
|
28
35
|
|
|
29
36
|
Import the component and its CSS. Two CSS loading modes:
|
package/dist/css/alert.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* haze-ui alert — generated by scripts/split-css.mjs, do not edit */
|
|
2
|
-
.haze-Alert__base{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;gap:var(--haze-space-3);padding:var(--haze-space-3) var(--haze-space-4);border-radius:var(--haze-radius-md);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);line-height:var(--haze-leading-normal);display:flex}.haze-Alert__info{background:
|
|
2
|
+
.haze-Alert__base{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;gap:var(--haze-space-3);padding:var(--haze-space-3) var(--haze-space-4);border-radius:var(--haze-radius-md);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);line-height:var(--haze-leading-normal);display:flex}.haze-Alert__info{background:var(--haze-color-info-subtle);color:var(--haze-color-info);border:1px solid color-mix(in srgb, var(--haze-color-info) 25%, transparent)}.haze-Alert__success{background:var(--haze-color-success-subtle);color:var(--haze-color-success);border:1px solid color-mix(in srgb, var(--haze-color-success) 25%, transparent)}.haze-Alert__warning{background:var(--haze-color-warning-subtle);color:var(--haze-color-warning);border:1px solid color-mix(in srgb, var(--haze-color-warning) 25%, transparent)}.haze-Alert__danger{background:var(--haze-color-danger-subtle);color:var(--haze-color-danger);border:1px solid color-mix(in srgb, var(--haze-color-danger) 25%, transparent)}.haze-Alert__contentStyle{flex:1}.haze-Alert__closeBtn{appearance:none;color:inherit;cursor:pointer;font-size:var(--haze-text-lg);opacity:.6;background:0 0;border:none;padding:0;line-height:1;transition:opacity .15s}.haze-Alert__closeBtn:hover{opacity:1}.haze-Alert__closeBtn:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);border-radius:var(--haze-radius-sm);outline:none}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* haze-ui approval-card — generated by scripts/split-css.mjs, do not edit */
|
|
2
|
-
.haze-ApprovalCard__card{border:1px solid var(--haze-color-warning
|
|
2
|
+
.haze-ApprovalCard__card{border:1px solid var(--haze-color-warning);border-radius:var(--haze-radius-md);font-family:var(--haze-font-sans);background:var(--haze-color-bg);overflow:hidden}.haze-ApprovalCard__header{padding:var(--haze-space-3) var(--haze-space-4);background:var(--haze-color-warning-subtle);font-size:var(--haze-text-sm);font-weight:var(--haze-weight-medium);color:var(--haze-color-text)}.haze-ApprovalCard__body{padding:var(--haze-space-3) var(--haze-space-4)}.haze-ApprovalCard__desc{font-size:var(--haze-text-sm);color:var(--haze-color-text-muted);margin-bottom:var(--haze-space-3)}.haze-ApprovalCard__content{margin-bottom:var(--haze-space-3)}.haze-ApprovalCard__actions{gap:var(--haze-space-2);padding:var(--haze-space-3) var(--haze-space-4);border-top:1px solid var(--haze-color-border);display:flex}.haze-ApprovalCard__btn{padding:var(--haze-space-2) var(--haze-space-4);border-radius:var(--haze-radius-md);font-size:var(--haze-text-sm);font-family:var(--haze-font-sans);font-weight:var(--haze-weight-medium);cursor:pointer;flex:1;transition:background .15s}.haze-ApprovalCard__denyBtn{background:var(--haze-color-bg);border:1px solid var(--haze-color-border);color:var(--haze-color-text)}.haze-ApprovalCard__denyBtn:hover{background:var(--haze-color-bg-muted)}.haze-ApprovalCard__approveBtn{background:var(--haze-color-primary);border:1px solid var(--haze-color-primary);color:var(--haze-color-bg)}.haze-ApprovalCard__approveBtn:hover{opacity:.9}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* haze-ui async-section — generated by scripts/split-css.mjs, do not edit */
|
|
2
|
-
.haze-AsyncSection__base{font-family:var(--haze-font-sans);color:var(--haze-color-text)}.haze-AsyncSection__placeholder{align-items:center;gap:var(--haze-space-3);padding:var(--haze-space-8) var(--haze-space-4);color:var(--haze-color-text-muted);font-size:var(--haze-text-sm);flex-direction:column;display:flex}.haze-AsyncSection__spin{width:24px;height:24px;animation:.8s linear infinite spin-haze-AsyncSection__spin;display:inline-flex}@keyframes spin-haze-AsyncSection__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.haze-AsyncSection__errorBox{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;gap:var(--haze-space-4);padding:var(--haze-space-3) var(--haze-space-4);border-radius:var(--haze-radius-md);background:
|
|
2
|
+
.haze-AsyncSection__base{font-family:var(--haze-font-sans);color:var(--haze-color-text)}.haze-AsyncSection__placeholder{align-items:center;gap:var(--haze-space-3);padding:var(--haze-space-8) var(--haze-space-4);color:var(--haze-color-text-muted);font-size:var(--haze-text-sm);flex-direction:column;display:flex}.haze-AsyncSection__spin{width:24px;height:24px;animation:.8s linear infinite spin-haze-AsyncSection__spin;display:inline-flex}@keyframes spin-haze-AsyncSection__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.haze-AsyncSection__errorBox{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;gap:var(--haze-space-4);padding:var(--haze-space-3) var(--haze-space-4);border-radius:var(--haze-radius-md);background:var(--haze-color-danger-subtle);border:1px solid color-mix(in srgb, var(--haze-color-danger) 25%, transparent);font-size:var(--haze-text-sm);line-height:var(--haze-leading-normal);flex-direction:column;display:flex}.haze-AsyncSection__errorMessage{color:var(--haze-color-danger);margin:0}.haze-AsyncSection__retryButton{align-items:center;gap:var(--haze-space-2);padding:var(--haze-space-1) var(--haze-space-3);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);color:var(--haze-color-text);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);font-weight:var(--haze-weight-medium);line-height:var(--haze-leading-tight);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;transition:background .15s,border-color .15s;display:inline-flex}.haze-AsyncSection__retryButton:hover{border-color:var(--haze-color-border-hover);background:var(--haze-color-bg-subtle)}.haze-AsyncSection__retryButton:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}
|
package/dist/css/badge.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* haze-ui badge — generated by scripts/split-css.mjs, do not edit */
|
|
2
|
-
.haze-Badge__base{border-radius:var(--haze-radius-full);font-family:var(--haze-font-sans);font-weight:var(--haze-weight-medium);line-height:var(--haze-leading-tight);white-space:nowrap;align-items:center;display:inline-flex}.haze-Badge__default{background:var(--haze-color-bg-muted);color:var(--haze-color-text-secondary)}.haze-Badge__success{background:
|
|
2
|
+
.haze-Badge__base{border-radius:var(--haze-radius-full);font-family:var(--haze-font-sans);font-weight:var(--haze-weight-medium);line-height:var(--haze-leading-tight);white-space:nowrap;align-items:center;display:inline-flex}.haze-Badge__default{background:var(--haze-color-bg-muted);color:var(--haze-color-text-secondary)}.haze-Badge__success{background:var(--haze-color-success-subtle);color:var(--haze-color-success)}.haze-Badge__warning{background:var(--haze-color-warning-subtle);color:var(--haze-color-warning)}.haze-Badge__danger{background:var(--haze-color-danger-subtle);color:var(--haze-color-danger)}.haze-Badge__info{background:var(--haze-color-info-subtle);color:var(--haze-color-info)}.haze-Badge__sm{padding:var(--haze-space-0) var(--haze-space-2);font-size:var(--haze-text-xs)}.haze-Badge__md{padding:var(--haze-space-1) var(--haze-space-3);font-size:var(--haze-text-sm)}
|
package/dist/css/banner.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* haze-ui banner — generated by scripts/split-css.mjs, do not edit */
|
|
2
|
-
.haze-Banner__banner{-webkit-box-pack:justify;align-items:center;-ms-flex-pack:space-between;padding:var(--haze-space-3) var(--haze-space-4);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);border-radius:var(--haze-radius-md);justify-content:space-between;display:flex}.haze-Banner__info{background:var(--haze-color-info-
|
|
2
|
+
.haze-Banner__banner{-webkit-box-pack:justify;align-items:center;-ms-flex-pack:space-between;padding:var(--haze-space-3) var(--haze-space-4);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);border-radius:var(--haze-radius-md);justify-content:space-between;display:flex}.haze-Banner__info{background:var(--haze-color-info-subtle);color:var(--haze-color-info)}.haze-Banner__success{background:var(--haze-color-success-subtle);color:var(--haze-color-success)}.haze-Banner__warning{background:var(--haze-color-warning-subtle);color:var(--haze-color-warning)}.haze-Banner__danger{background:var(--haze-color-danger-subtle);color:var(--haze-color-danger)}.haze-Banner__closeBtn{cursor:pointer;color:inherit;opacity:.7;font-size:var(--haze-text-lg);padding:var(--haze-space-2);background:0 0;border:none;min-width:2.5rem;min-height:2.5rem;line-height:1}.haze-Banner__closeBtn:hover{opacity:1}.haze-Banner__content{flex:1}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* haze-ui chat-message — generated by scripts/split-css.mjs, do not edit */
|
|
2
|
-
.haze-ChatMessage__wrapper{gap:var(--haze-space-3);font-family:var(--haze-font-sans);padding:var(--haze-space-3) 0;display:flex}.haze-ChatMessage__wrapperUser{flex-direction:row-reverse}.haze-ChatMessage__avatarSlot{border-radius:var(--haze-radius-full);background:var(--haze-color-muted);width:2rem;height:2rem;font-size:var(--haze-text-sm);color:var(--haze-color-text-muted);flex-shrink:0;justify-content:center;align-items:center;display:flex}.haze-ChatMessage__body{min-width:0;max-width:75%}.haze-ChatMessage__header{align-items:center;gap:var(--haze-space-2);margin-bottom:var(--haze-space-1);font-size:var(--haze-text-xs);color:var(--haze-color-text-muted);display:flex}.haze-ChatMessage__headerUser{flex-direction:row-reverse}.haze-ChatMessage__bubble{padding:var(--haze-space-3) var(--haze-space-4);border-radius:var(--haze-radius-lg);font-size:var(--haze-text-sm);line-height:var(--haze-leading-relaxed);word-break:break-word}.haze-ChatMessage__bubbleUser{background:var(--haze-color-primary);color:var(--haze-color-bg);border-bottom-right-radius:var(--haze-radius-sm)}.haze-ChatMessage__bubbleAssistant{background:var(--haze-color-muted);color:var(--haze-color-text);border-bottom-left-radius:var(--haze-radius-sm)}.haze-ChatMessage__bubbleSystem{color:var(--haze-color-text-muted);font-size:var(--haze-text-xs);text-align:center;padding:var(--haze-space-2);background:0 0}.haze-ChatMessage__statusText{font-size:var(--haze-text-xs);color:var(--haze-color-text-muted);margin-top:var(--haze-space-1)}.haze-ChatMessage__statusError{color:var(--haze-color-danger
|
|
2
|
+
.haze-ChatMessage__wrapper{gap:var(--haze-space-3);font-family:var(--haze-font-sans);padding:var(--haze-space-3) 0;display:flex}.haze-ChatMessage__wrapperUser{flex-direction:row-reverse}.haze-ChatMessage__avatarSlot{border-radius:var(--haze-radius-full);background:var(--haze-color-bg-muted);width:2rem;height:2rem;font-size:var(--haze-text-sm);color:var(--haze-color-text-muted);flex-shrink:0;justify-content:center;align-items:center;display:flex}.haze-ChatMessage__body{min-width:0;max-width:75%}.haze-ChatMessage__header{align-items:center;gap:var(--haze-space-2);margin-bottom:var(--haze-space-1);font-size:var(--haze-text-xs);color:var(--haze-color-text-muted);display:flex}.haze-ChatMessage__headerUser{flex-direction:row-reverse}.haze-ChatMessage__bubble{padding:var(--haze-space-3) var(--haze-space-4);border-radius:var(--haze-radius-lg);font-size:var(--haze-text-sm);line-height:var(--haze-leading-relaxed);word-break:break-word}.haze-ChatMessage__bubbleUser{background:var(--haze-color-primary);color:var(--haze-color-bg);border-bottom-right-radius:var(--haze-radius-sm)}.haze-ChatMessage__bubbleAssistant{background:var(--haze-color-bg-muted);color:var(--haze-color-text);border-bottom-left-radius:var(--haze-radius-sm)}.haze-ChatMessage__bubbleSystem{color:var(--haze-color-text-muted);font-size:var(--haze-text-xs);text-align:center;padding:var(--haze-space-2);background:0 0}.haze-ChatMessage__statusText{font-size:var(--haze-text-xs);color:var(--haze-color-text-muted);margin-top:var(--haze-space-1)}.haze-ChatMessage__statusError{color:var(--haze-color-danger)}
|
package/dist/css/code-block.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* haze-ui code-block — generated by scripts/split-css.mjs, do not edit */
|
|
2
|
-
.haze-CodeBlock__block{background:var(--haze-color-muted);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);font-family:var(--haze-font-mono);font-size:var(--haze-text-sm);line-height:var(--haze-leading-relaxed);position:relative;overflow-x:auto}.haze-CodeBlock__pre{padding:var(--haze-space-4);margin:0}.haze-CodeBlock__lang{top:var(--haze-space-2);right:var(--haze-space-3);font-size:var(--haze-text-xs);color:var(--haze-color-text-muted);font-family:var(--haze-font-sans);text-transform:uppercase;-webkit-user-select:none;user-select:none;position:absolute}
|
|
2
|
+
.haze-CodeBlock__block{background:var(--haze-color-bg-muted);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);font-family:var(--haze-font-mono);font-size:var(--haze-text-sm);line-height:var(--haze-leading-relaxed);position:relative;overflow-x:auto}.haze-CodeBlock__pre{padding:var(--haze-space-4);margin:0}.haze-CodeBlock__lang{top:var(--haze-space-2);right:var(--haze-space-3);font-size:var(--haze-text-xs);color:var(--haze-color-text-muted);font-family:var(--haze-font-sans);text-transform:uppercase;-webkit-user-select:none;user-select:none;position:absolute}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* haze-ui confirm-dialog — generated by scripts/split-css.mjs, do not edit */
|
|
2
|
-
.haze-ConfirmDialog__overlay{z-index:100;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.haze-ConfirmDialog__dialog{background:var(--haze-color-bg);border-radius:var(--haze-radius-xl);padding:var(--haze-space-6);box-shadow:var(--haze-shadow-xl);width:100%;max-width:480px;font-family:var(--haze-font-sans);color:var(--haze-color-text)}.haze-ConfirmDialog__header{margin-bottom:var(--haze-space-4);font-size:var(--haze-text-lg);font-weight:var(--haze-weight-semibold)}.haze-ConfirmDialog__body{margin-bottom:var(--haze-space-6);font-size:var(--haze-text-sm);color:var(--haze-color-text-muted);line-height:var(--haze-leading-relaxed)}.haze-ConfirmDialog__footer{justify-content:flex-end;gap:var(--haze-space-3);display:flex}.haze-ConfirmDialog__btn{padding:var(--haze-space-2) var(--haze-space-4);border-radius:var(--haze-radius-md);font-size:var(--haze-text-sm);font-family:var(--haze-font-sans);font-weight:var(--haze-weight-medium);cursor:pointer;transition:background .15s,border-color .15s}.haze-ConfirmDialog__cancelBtn{background:var(--haze-color-bg);border:1px solid var(--haze-color-border);color:var(--haze-color-text)}.haze-ConfirmDialog__cancelBtn:hover{background:var(--haze-color-muted)}.haze-ConfirmDialog__confirmBtn{background:var(--haze-color-primary);border:1px solid var(--haze-color-primary);color:var(--haze-color-bg)}.haze-ConfirmDialog__confirmBtn:hover{opacity:.9}.haze-ConfirmDialog__dangerBtn{background:var(--haze-color-danger
|
|
2
|
+
.haze-ConfirmDialog__overlay{z-index:100;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.haze-ConfirmDialog__dialog{background:var(--haze-color-bg);border-radius:var(--haze-radius-xl);padding:var(--haze-space-6);box-shadow:var(--haze-shadow-xl);width:100%;max-width:480px;font-family:var(--haze-font-sans);color:var(--haze-color-text)}.haze-ConfirmDialog__header{margin-bottom:var(--haze-space-4);font-size:var(--haze-text-lg);font-weight:var(--haze-weight-semibold)}.haze-ConfirmDialog__body{margin-bottom:var(--haze-space-6);font-size:var(--haze-text-sm);color:var(--haze-color-text-muted);line-height:var(--haze-leading-relaxed)}.haze-ConfirmDialog__footer{justify-content:flex-end;gap:var(--haze-space-3);display:flex}.haze-ConfirmDialog__btn{padding:var(--haze-space-2) var(--haze-space-4);border-radius:var(--haze-radius-md);font-size:var(--haze-text-sm);font-family:var(--haze-font-sans);font-weight:var(--haze-weight-medium);cursor:pointer;transition:background .15s,border-color .15s}.haze-ConfirmDialog__cancelBtn{background:var(--haze-color-bg);border:1px solid var(--haze-color-border);color:var(--haze-color-text)}.haze-ConfirmDialog__cancelBtn:hover{background:var(--haze-color-bg-muted)}.haze-ConfirmDialog__confirmBtn{background:var(--haze-color-primary);border:1px solid var(--haze-color-primary);color:var(--haze-color-bg)}.haze-ConfirmDialog__confirmBtn:hover{opacity:.9}.haze-ConfirmDialog__dangerBtn{background:var(--haze-color-danger);border:1px solid var(--haze-color-danger);color:var(--haze-color-text-inverse)}.haze-ConfirmDialog__dangerBtn:hover{background:var(--haze-color-danger-hover);border-color:var(--haze-color-danger-hover)}.haze-ConfirmDialog__dangerBtn:active{background:var(--haze-color-danger-active);border-color:var(--haze-color-danger-active)}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/* haze-ui context-menu — generated by scripts/split-css.mjs, do not edit */
|
|
2
2
|
.haze-ContextMenu__wrapper{display:inline-block;position:relative}
|
|
3
3
|
.haze-ContextMenuContent__content{min-width:10rem;padding:var(--haze-space-1);background:var(--haze-color-bg);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);box-shadow:var(--haze-shadow-md);z-index:100;position:fixed}
|
|
4
|
-
.haze-ContextMenuItem__item{width:100%;padding:var(--haze-space-2) var(--haze-space-3);cursor:pointer;font-size:var(--haze-text-sm);font-family:var(--haze-font-sans);color:var(--haze-color-text);border-radius:var(--haze-radius-sm);text-align:left;background:0 0;border:none;align-items:center;transition:background .15s;display:flex}.haze-ContextMenuItem__item:hover{background:var(--haze-color-muted)}.haze-ContextMenuItem__item:active{background:var(--haze-color-bg-subtle)}.haze-ContextMenuItem__item:disabled{opacity:.5;cursor:not-allowed}
|
|
4
|
+
.haze-ContextMenuItem__item{width:100%;padding:var(--haze-space-2) var(--haze-space-3);cursor:pointer;font-size:var(--haze-text-sm);font-family:var(--haze-font-sans);color:var(--haze-color-text);border-radius:var(--haze-radius-sm);text-align:left;background:0 0;border:none;align-items:center;transition:background .15s;display:flex}.haze-ContextMenuItem__item:hover{background:var(--haze-color-bg-muted)}.haze-ContextMenuItem__item:active{background:var(--haze-color-bg-subtle)}.haze-ContextMenuItem__item:disabled{opacity:.5;cursor:not-allowed}
|
|
5
5
|
.haze-ContextMenuSeparator__separator{height:1px;margin:var(--haze-space-1) 0;background:var(--haze-color-border)}
|
|
6
6
|
.haze-ContextMenuTrigger__trigger{display:contents}
|
|
7
7
|
.haze-floating__floatingNative{margin:0;inset:auto}.haze-floating__floatingAnchored{position-anchor:var(--haze-floating-anchor)}.haze-floating__floatingFixed{position:fixed}.haze-floating__floatingHidden{display:none}.haze-floating__anchoredBottom{position-area:bottom left;margin-top:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredBottomSpan{position-area:bottom span-left;margin-top:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredBottomCenter{position-area:bottom center;margin-top:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredBottomEnd{position-area:bottom right;margin-top:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredTop{position-area:top center;margin-bottom:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredLeft{position-area:left center;margin-right:var(--haze-space-1);position-try-fallbacks:flip-inline}.haze-floating__anchoredRight{position-area:right center;margin-left:var(--haze-space-1);position-try-fallbacks:flip-inline}.haze-floating__fallbackBottom{z-index:1000;margin-top:var(--haze-space-1);position:absolute;top:100%;left:0}.haze-floating__fallbackBottomCenter{z-index:1000;margin-top:var(--haze-space-1);position:absolute;top:100%;left:50%;transform:translate(-50%)}.haze-floating__fallbackBottomEnd{z-index:1000;margin-top:var(--haze-space-1);position:absolute;top:100%;right:0}.haze-floating__fallbackTop{z-index:1000;margin-bottom:var(--haze-space-1);position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.haze-floating__fallbackLeft{z-index:1000;margin-right:var(--haze-space-1);position:absolute;top:50%;right:100%;transform:translateY(-50%)}.haze-floating__fallbackRight{z-index:1000;margin-left:var(--haze-space-1);position:absolute;top:50%;left:100%;transform:translateY(-50%)}.haze-floating__gapBelow{margin-top:var(--haze-space-1)}.haze-floating__gapAbove{margin-bottom:var(--haze-space-1)}.haze-floating__gapBefore{margin-right:var(--haze-space-1)}.haze-floating__gapAfter{margin-left:var(--haze-space-1)}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
/* haze-ui conversation-list — generated by scripts/split-css.mjs, do not edit */
|
|
2
|
-
.haze-ConversationItem__item{align-items:center;gap:var(--haze-space-3);padding:var(--haze-space-3) var(--haze-space-4);cursor:pointer;border-radius:var(--haze-radius-md);text-align:left;width:100%;font-family:var(--haze-font-sans);color:var(--haze-color-text);background:0 0;border:none;transition:background .15s;display:flex}.haze-ConversationItem__item:hover,.haze-ConversationItem__activeItem{background:var(--haze-color-muted)}.haze-ConversationItem__body{flex:1;min-width:0}.haze-ConversationItem__titleStyle{font-size:var(--haze-text-sm);font-weight:var(--haze-weight-medium);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.haze-ConversationItem__subtitleStyle{font-size:var(--haze-text-xs);color:var(--haze-color-text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:var(--haze-space-0);overflow:hidden}.haze-ConversationItem__endSlot{flex-shrink:0}
|
|
2
|
+
.haze-ConversationItem__item{align-items:center;gap:var(--haze-space-3);padding:var(--haze-space-3) var(--haze-space-4);cursor:pointer;border-radius:var(--haze-radius-md);text-align:left;width:100%;font-family:var(--haze-font-sans);color:var(--haze-color-text);background:0 0;border:none;transition:background .15s;display:flex}.haze-ConversationItem__item:hover,.haze-ConversationItem__activeItem{background:var(--haze-color-bg-muted)}.haze-ConversationItem__body{flex:1;min-width:0}.haze-ConversationItem__titleStyle{font-size:var(--haze-text-sm);font-weight:var(--haze-weight-medium);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.haze-ConversationItem__subtitleStyle{font-size:var(--haze-text-xs);color:var(--haze-color-text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:var(--haze-space-0);overflow:hidden}.haze-ConversationItem__endSlot{flex-shrink:0}
|
|
3
3
|
.haze-ConversationList__list{font-family:var(--haze-font-sans);flex-direction:column;display:flex;overflow-y:auto}
|
package/dist/css/diff-viewer.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* haze-ui diff-viewer — generated by scripts/split-css.mjs, do not edit */
|
|
2
|
-
.haze-DiffViewer__wrapper{font-family:var(--haze-font-mono);font-size:var(--haze-text-xs);line-height:var(--haze-leading-relaxed);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);overflow:hidden}.haze-DiffViewer__header{padding:var(--haze-space-2) var(--haze-space-3);background:var(--haze-color-muted);font-size:var(--haze-text-xs);color:var(--haze-color-text-muted);border-bottom:1px solid var(--haze-color-border);display:flex}.haze-DiffViewer__body{overflow-x:auto}.haze-DiffViewer__line{min-height:1.25rem;display:flex}.haze-DiffViewer__lineNum{width:3rem;padding:0 var(--haze-space-2);text-align:right;color:var(--haze-color-text-muted);-webkit-user-select:none;user-select:none;border-right:1px solid var(--haze-color-border);flex-shrink:0}.haze-DiffViewer__lineContent{padding:0 var(--haze-space-3);white-space:pre;flex:1}.haze-DiffViewer__added{background:var(--haze-color-success-
|
|
2
|
+
.haze-DiffViewer__wrapper{font-family:var(--haze-font-mono);font-size:var(--haze-text-xs);line-height:var(--haze-leading-relaxed);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);overflow:hidden}.haze-DiffViewer__header{padding:var(--haze-space-2) var(--haze-space-3);background:var(--haze-color-bg-muted);font-size:var(--haze-text-xs);color:var(--haze-color-text-muted);border-bottom:1px solid var(--haze-color-border);display:flex}.haze-DiffViewer__body{overflow-x:auto}.haze-DiffViewer__line{min-height:1.25rem;display:flex}.haze-DiffViewer__lineNum{width:3rem;padding:0 var(--haze-space-2);text-align:right;color:var(--haze-color-text-muted);-webkit-user-select:none;user-select:none;border-right:1px solid var(--haze-color-border);flex-shrink:0}.haze-DiffViewer__lineContent{padding:0 var(--haze-space-3);white-space:pre;flex:1}.haze-DiffViewer__added{background:var(--haze-color-success-subtle)}.haze-DiffViewer__removed{background:var(--haze-color-danger-subtle)}.haze-DiffViewer__addedPrefix{color:var(--haze-color-success)}.haze-DiffViewer__removedPrefix{color:var(--haze-color-danger)}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/* haze-ui dropdown-menu — generated by scripts/split-css.mjs, do not edit */
|
|
2
2
|
.haze-DropdownMenu__wrapper{display:inline-block;position:relative}
|
|
3
3
|
.haze-DropdownMenuContent__content{min-width:10rem;padding:var(--haze-space-1);background:var(--haze-color-bg);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);box-shadow:var(--haze-shadow-md)}
|
|
4
|
-
.haze-DropdownMenuItem__item{width:100%;padding:var(--haze-space-2) var(--haze-space-3);cursor:pointer;font-size:var(--haze-text-sm);font-family:var(--haze-font-sans);color:var(--haze-color-text);border-radius:var(--haze-radius-sm);text-align:left;background:0 0;border:none;align-items:center;transition:background .15s;display:flex}.haze-DropdownMenuItem__item:hover{background:var(--haze-color-muted)}.haze-DropdownMenuItem__item:active{background:var(--haze-color-bg-subtle)}.haze-DropdownMenuItem__item:disabled{opacity:.5;cursor:not-allowed}
|
|
4
|
+
.haze-DropdownMenuItem__item{width:100%;padding:var(--haze-space-2) var(--haze-space-3);cursor:pointer;font-size:var(--haze-text-sm);font-family:var(--haze-font-sans);color:var(--haze-color-text);border-radius:var(--haze-radius-sm);text-align:left;background:0 0;border:none;align-items:center;transition:background .15s;display:flex}.haze-DropdownMenuItem__item:hover{background:var(--haze-color-bg-muted)}.haze-DropdownMenuItem__item:active{background:var(--haze-color-bg-subtle)}.haze-DropdownMenuItem__item:disabled{opacity:.5;cursor:not-allowed}
|
|
5
5
|
.haze-DropdownMenuSeparator__separator{height:1px;margin:var(--haze-space-1) 0;background:var(--haze-color-border)}
|
|
6
6
|
.haze-DropdownMenuTrigger__trigger{cursor:pointer;font:inherit;color:inherit;background:0 0;border:none;padding:0}
|
|
7
7
|
.haze-floating__floatingNative{margin:0;inset:auto}.haze-floating__floatingAnchored{position-anchor:var(--haze-floating-anchor)}.haze-floating__floatingFixed{position:fixed}.haze-floating__floatingHidden{display:none}.haze-floating__anchoredBottom{position-area:bottom left;margin-top:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredBottomSpan{position-area:bottom span-left;margin-top:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredBottomCenter{position-area:bottom center;margin-top:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredBottomEnd{position-area:bottom right;margin-top:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredTop{position-area:top center;margin-bottom:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredLeft{position-area:left center;margin-right:var(--haze-space-1);position-try-fallbacks:flip-inline}.haze-floating__anchoredRight{position-area:right center;margin-left:var(--haze-space-1);position-try-fallbacks:flip-inline}.haze-floating__fallbackBottom{z-index:1000;margin-top:var(--haze-space-1);position:absolute;top:100%;left:0}.haze-floating__fallbackBottomCenter{z-index:1000;margin-top:var(--haze-space-1);position:absolute;top:100%;left:50%;transform:translate(-50%)}.haze-floating__fallbackBottomEnd{z-index:1000;margin-top:var(--haze-space-1);position:absolute;top:100%;right:0}.haze-floating__fallbackTop{z-index:1000;margin-bottom:var(--haze-space-1);position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.haze-floating__fallbackLeft{z-index:1000;margin-right:var(--haze-space-1);position:absolute;top:50%;right:100%;transform:translateY(-50%)}.haze-floating__fallbackRight{z-index:1000;margin-left:var(--haze-space-1);position:absolute;top:50%;left:100%;transform:translateY(-50%)}.haze-floating__gapBelow{margin-top:var(--haze-space-1)}.haze-floating__gapAbove{margin-bottom:var(--haze-space-1)}.haze-floating__gapBefore{margin-right:var(--haze-space-1)}.haze-floating__gapAfter{margin-left:var(--haze-space-1)}
|
package/dist/css/inline-edit.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* haze-ui inline-edit — generated by scripts/split-css.mjs, do not edit */
|
|
2
|
-
.haze-InlineEdit__display{cursor:text;padding:var(--haze-space-1) var(--haze-space-2);border-radius:var(--haze-radius-md);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);color:var(--haze-color-text);border:1px solid #0000;min-width:2rem;min-height:1.75rem;transition:background .15s}.haze-InlineEdit__display:hover{background:var(--haze-color-muted)}.haze-InlineEdit__editing{padding:var(--haze-space-1) var(--haze-space-2);border:1px solid var(--haze-color-primary);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);color:var(--haze-color-text);font-size:var(--haze-text-sm);font-family:var(--haze-font-sans);box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none;min-width:2rem}.haze-InlineEdit__placeholderStyle{color:var(--haze-color-text-muted);font-style:italic}
|
|
2
|
+
.haze-InlineEdit__display{cursor:text;padding:var(--haze-space-1) var(--haze-space-2);border-radius:var(--haze-radius-md);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);color:var(--haze-color-text);border:1px solid #0000;min-width:2rem;min-height:1.75rem;transition:background .15s}.haze-InlineEdit__display:hover{background:var(--haze-color-bg-muted)}.haze-InlineEdit__editing{padding:var(--haze-space-1) var(--haze-space-2);border:1px solid var(--haze-color-primary);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);color:var(--haze-color-text);font-size:var(--haze-text-sm);font-family:var(--haze-font-sans);box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none;min-width:2rem}.haze-InlineEdit__placeholderStyle{color:var(--haze-color-text-muted);font-style:italic}
|
package/dist/css/log-viewer.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* haze-ui log-viewer — generated by scripts/split-css.mjs, do not edit */
|
|
2
|
-
.haze-LogViewer__wrapper{font-family:var(--haze-font-mono);font-size:var(--haze-text-xs);line-height:var(--haze-leading-relaxed);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);overflow:hidden}.haze-LogViewer__toolbar{gap:var(--haze-space-1);padding:var(--haze-space-2) var(--haze-space-3);background:var(--haze-color-muted);border-bottom:1px solid var(--haze-color-border);display:flex}.haze-LogViewer__filterBtn{padding:var(--haze-space-1) var(--haze-space-2);border-radius:var(--haze-radius-sm);cursor:pointer;font-size:var(--haze-text-xs);font-family:var(--haze-font-mono);color:var(--haze-color-text-muted);background:0 0;border:1px solid #0000;transition:background .15s,border-color .15s}.haze-LogViewer__filterBtn:hover{background:var(--haze-color-bg)}.haze-LogViewer__filterActive{background:var(--haze-color-bg);border-color:var(--haze-color-border);color:var(--haze-color-text)}.haze-LogViewer__body{max-height:24rem;padding:var(--haze-space-2) 0;overflow-y:auto}.haze-LogViewer__entry{gap:var(--haze-space-3);padding:var(--haze-space-0) var(--haze-space-3);display:flex}.haze-LogViewer__timestamp{color:var(--haze-color-text-muted);flex-shrink:0}.haze-LogViewer__levelBadge{text-align:center;text-transform:uppercase;width:3rem;font-weight:var(--haze-weight-medium);flex-shrink:0}.haze-LogViewer__levelDebug{color:var(--haze-color-text-muted)}.haze-LogViewer__levelInfo{color:var(--haze-color-primary)}.haze-LogViewer__levelWarn{color:var(--haze-color-warning
|
|
2
|
+
.haze-LogViewer__wrapper{font-family:var(--haze-font-mono);font-size:var(--haze-text-xs);line-height:var(--haze-leading-relaxed);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);overflow:hidden}.haze-LogViewer__toolbar{gap:var(--haze-space-1);padding:var(--haze-space-2) var(--haze-space-3);background:var(--haze-color-bg-muted);border-bottom:1px solid var(--haze-color-border);display:flex}.haze-LogViewer__filterBtn{padding:var(--haze-space-1) var(--haze-space-2);border-radius:var(--haze-radius-sm);cursor:pointer;font-size:var(--haze-text-xs);font-family:var(--haze-font-mono);color:var(--haze-color-text-muted);background:0 0;border:1px solid #0000;transition:background .15s,border-color .15s}.haze-LogViewer__filterBtn:hover{background:var(--haze-color-bg)}.haze-LogViewer__filterActive{background:var(--haze-color-bg);border-color:var(--haze-color-border);color:var(--haze-color-text)}.haze-LogViewer__body{max-height:24rem;padding:var(--haze-space-2) 0;overflow-y:auto}.haze-LogViewer__entry{gap:var(--haze-space-3);padding:var(--haze-space-0) var(--haze-space-3);display:flex}.haze-LogViewer__timestamp{color:var(--haze-color-text-muted);flex-shrink:0}.haze-LogViewer__levelBadge{text-align:center;text-transform:uppercase;width:3rem;font-weight:var(--haze-weight-medium);flex-shrink:0}.haze-LogViewer__levelDebug{color:var(--haze-color-text-muted)}.haze-LogViewer__levelInfo{color:var(--haze-color-primary)}.haze-LogViewer__levelWarn{color:var(--haze-color-warning)}.haze-LogViewer__levelError{color:var(--haze-color-danger)}.haze-LogViewer__messageStyle{word-break:break-all;color:var(--haze-color-text);flex:1}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* haze-ui markdown-renderer — generated by scripts/split-css.mjs, do not edit */
|
|
2
|
-
.haze-MarkdownRenderer__wrapper{font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);line-height:var(--haze-leading-relaxed);color:var(--haze-color-text);word-break:break-word}.haze-MarkdownRenderer__wrapper h1,.haze-MarkdownRenderer__wrapper h2,.haze-MarkdownRenderer__wrapper h3,.haze-MarkdownRenderer__wrapper h4,.haze-MarkdownRenderer__wrapper h5,.haze-MarkdownRenderer__wrapper h6{font-weight:var(--haze-weight-semibold);margin-top:var(--haze-space-4);margin-bottom:var(--haze-space-2);line-height:var(--haze-leading-tight)}.haze-MarkdownRenderer__wrapper h1{font-size:var(--haze-text-2xl)}.haze-MarkdownRenderer__wrapper h2{font-size:var(--haze-text-xl)}.haze-MarkdownRenderer__wrapper h3{font-size:var(--haze-text-lg)}.haze-MarkdownRenderer__wrapper h4{font-size:var(--haze-text-base)}.haze-MarkdownRenderer__wrapper p{margin-bottom:var(--haze-space-3)}.haze-MarkdownRenderer__wrapper ul,.haze-MarkdownRenderer__wrapper ol{margin-bottom:var(--haze-space-3);padding-left:var(--haze-space-6)}.haze-MarkdownRenderer__wrapper li{margin-bottom:var(--haze-space-1)}.haze-MarkdownRenderer__wrapper code{font-family:var(--haze-font-mono);background:var(--haze-color-muted);border-radius:var(--haze-radius-sm);padding:.125em .375em;font-size:.875em}.haze-MarkdownRenderer__wrapper pre{margin-bottom:var(--haze-space-3);padding:var(--haze-space-4);background:var(--haze-color-muted);border-radius:var(--haze-radius-md);overflow-x:auto}.haze-MarkdownRenderer__wrapper pre code{background:0 0;padding:0}.haze-MarkdownRenderer__wrapper blockquote{margin-bottom:var(--haze-space-3);padding-left:var(--haze-space-4);border-left:3px solid var(--haze-color-border);color:var(--haze-color-text-muted)}.haze-MarkdownRenderer__wrapper a{color:var(--haze-color-primary);-webkit-text-decoration:underline;text-decoration:underline}.haze-MarkdownRenderer__wrapper table{width:100%;margin-bottom:var(--haze-space-3);border-collapse:collapse}.haze-MarkdownRenderer__wrapper th,.haze-MarkdownRenderer__wrapper td{padding:var(--haze-space-2) var(--haze-space-3);border:1px solid var(--haze-color-border);text-align:left}.haze-MarkdownRenderer__wrapper th{background:var(--haze-color-muted);font-weight:var(--haze-weight-medium)}.haze-MarkdownRenderer__wrapper hr{margin:var(--haze-space-4) 0;border:none;border-top:1px solid var(--haze-color-border)}.haze-MarkdownRenderer__wrapper img{border-radius:var(--haze-radius-md);max-width:100%}
|
|
2
|
+
.haze-MarkdownRenderer__wrapper{font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);line-height:var(--haze-leading-relaxed);color:var(--haze-color-text);word-break:break-word}.haze-MarkdownRenderer__wrapper h1,.haze-MarkdownRenderer__wrapper h2,.haze-MarkdownRenderer__wrapper h3,.haze-MarkdownRenderer__wrapper h4,.haze-MarkdownRenderer__wrapper h5,.haze-MarkdownRenderer__wrapper h6{font-weight:var(--haze-weight-semibold);margin-top:var(--haze-space-4);margin-bottom:var(--haze-space-2);line-height:var(--haze-leading-tight)}.haze-MarkdownRenderer__wrapper h1{font-size:var(--haze-text-2xl)}.haze-MarkdownRenderer__wrapper h2{font-size:var(--haze-text-xl)}.haze-MarkdownRenderer__wrapper h3{font-size:var(--haze-text-lg)}.haze-MarkdownRenderer__wrapper h4{font-size:var(--haze-text-base)}.haze-MarkdownRenderer__wrapper p{margin-bottom:var(--haze-space-3)}.haze-MarkdownRenderer__wrapper ul,.haze-MarkdownRenderer__wrapper ol{margin-bottom:var(--haze-space-3);padding-left:var(--haze-space-6)}.haze-MarkdownRenderer__wrapper li{margin-bottom:var(--haze-space-1)}.haze-MarkdownRenderer__wrapper code{font-family:var(--haze-font-mono);background:var(--haze-color-bg-muted);border-radius:var(--haze-radius-sm);padding:.125em .375em;font-size:.875em}.haze-MarkdownRenderer__wrapper pre{margin-bottom:var(--haze-space-3);padding:var(--haze-space-4);background:var(--haze-color-bg-muted);border-radius:var(--haze-radius-md);overflow-x:auto}.haze-MarkdownRenderer__wrapper pre code{background:0 0;padding:0}.haze-MarkdownRenderer__wrapper blockquote{margin-bottom:var(--haze-space-3);padding-left:var(--haze-space-4);border-left:3px solid var(--haze-color-border);color:var(--haze-color-text-muted)}.haze-MarkdownRenderer__wrapper a{color:var(--haze-color-primary);-webkit-text-decoration:underline;text-decoration:underline}.haze-MarkdownRenderer__wrapper table{width:100%;margin-bottom:var(--haze-space-3);border-collapse:collapse}.haze-MarkdownRenderer__wrapper th,.haze-MarkdownRenderer__wrapper td{padding:var(--haze-space-2) var(--haze-space-3);border:1px solid var(--haze-color-border);text-align:left}.haze-MarkdownRenderer__wrapper th{background:var(--haze-color-bg-muted);font-weight:var(--haze-weight-medium)}.haze-MarkdownRenderer__wrapper hr{margin:var(--haze-space-4) 0;border:none;border-top:1px solid var(--haze-color-border)}.haze-MarkdownRenderer__wrapper img{border-radius:var(--haze-radius-md);max-width:100%}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
/* haze-ui navigation-bar — generated by scripts/split-css.mjs, do not edit */
|
|
2
|
-
.haze-NavLink__link{font-size:var(--haze-text-sm);font-family:var(--haze-font-sans);color:var(--haze-color-text-muted);padding:var(--haze-space-1) var(--haze-space-2);border-radius:var(--haze-radius-sm);cursor:pointer;-webkit-text-decoration:none;text-decoration:none;transition:color .15s,background .15s}.haze-NavLink__link:hover{color:var(--haze-color-text);background:var(--haze-color-muted)}.haze-NavLink__activeLink{color:var(--haze-color-primary);font-weight:var(--haze-weight-medium)}
|
|
2
|
+
.haze-NavLink__link{font-size:var(--haze-text-sm);font-family:var(--haze-font-sans);color:var(--haze-color-text-muted);padding:var(--haze-space-1) var(--haze-space-2);border-radius:var(--haze-radius-sm);cursor:pointer;-webkit-text-decoration:none;text-decoration:none;transition:color .15s,background .15s}.haze-NavLink__link:hover{color:var(--haze-color-text);background:var(--haze-color-bg-muted)}.haze-NavLink__activeLink{color:var(--haze-color-primary);font-weight:var(--haze-weight-medium)}
|
|
3
3
|
.haze-NavigationBar__nav{-webkit-box-flex-wrap:wrap;align-items:center;gap:var(--haze-space-4);padding:var(--haze-space-3) var(--haze-space-4);background:var(--haze-color-bg);border-bottom:1px solid var(--haze-color-border);font-family:var(--haze-font-sans);flex-wrap:wrap;display:flex}.haze-NavigationBar__brand{font-size:var(--haze-text-lg);font-weight:var(--haze-weight-bold);color:var(--haze-color-text);white-space:nowrap;-webkit-text-decoration:none;text-decoration:none}.haze-NavigationBar__links{align-items:center;gap:var(--haze-space-3);flex:1;display:flex}.haze-NavigationBar__endSlot{align-items:center;gap:var(--haze-space-2);margin-left:auto;display:flex}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* haze-ui step-timeline — generated by scripts/split-css.mjs, do not edit */
|
|
2
|
-
.haze-StepTimeline__list{font-family:var(--haze-font-sans);flex-direction:column;display:flex}.haze-StepTimeline__item{gap:var(--haze-space-3);padding-bottom:var(--haze-space-4);display:flex;position:relative}.haze-StepTimeline__item:last-child{padding-bottom:0}.haze-StepTimeline__item:not(:last-child):before{content:"";background:var(--haze-color-border);width:2px;position:absolute;top:1.5rem;bottom:0;left:.5625rem}.haze-StepTimeline__marker{border-radius:var(--haze-radius-full);border:2px solid var(--haze-color-border);z-index:1;flex-shrink:0;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;font-size:.5rem;display:flex}.haze-StepTimeline__markerPending{border-color:var(--haze-color-border);background:var(--haze-color-bg)}.haze-StepTimeline__markerActive{border-color:var(--haze-color-primary);background:var(--haze-color-primary)}.haze-StepTimeline__markerDone{border-color:var(--haze-color-success
|
|
2
|
+
.haze-StepTimeline__list{font-family:var(--haze-font-sans);flex-direction:column;display:flex}.haze-StepTimeline__item{gap:var(--haze-space-3);padding-bottom:var(--haze-space-4);display:flex;position:relative}.haze-StepTimeline__item:last-child{padding-bottom:0}.haze-StepTimeline__item:not(:last-child):before{content:"";background:var(--haze-color-border);width:2px;position:absolute;top:1.5rem;bottom:0;left:.5625rem}.haze-StepTimeline__marker{border-radius:var(--haze-radius-full);border:2px solid var(--haze-color-border);z-index:1;flex-shrink:0;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;font-size:.5rem;display:flex}.haze-StepTimeline__markerPending{border-color:var(--haze-color-border);background:var(--haze-color-bg)}.haze-StepTimeline__markerActive{border-color:var(--haze-color-primary);background:var(--haze-color-primary)}.haze-StepTimeline__markerDone{border-color:var(--haze-color-success);background:var(--haze-color-success);color:var(--haze-color-text-inverse)}.haze-StepTimeline__markerError{border-color:var(--haze-color-danger);background:var(--haze-color-danger);color:var(--haze-color-text-inverse)}.haze-StepTimeline__body{flex:1;min-width:0;padding-top:.0625rem}.haze-StepTimeline__labelStyle{font-size:var(--haze-text-sm);font-weight:var(--haze-weight-medium);color:var(--haze-color-text)}.haze-StepTimeline__descriptionStyle{font-size:var(--haze-text-xs);color:var(--haze-color-text-muted);margin-top:var(--haze-space-1)}
|
package/dist/css/tag-group.css
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
/* haze-ui tag-group — generated by scripts/split-css.mjs, do not edit */
|
|
2
2
|
.haze-TagGroup__group{-webkit-box-flex-wrap:wrap;gap:var(--haze-space-2);font-family:var(--haze-font-sans);flex-wrap:wrap;display:flex}
|
|
3
|
-
.haze-TagGroupItem__tag{align-items:center;gap:var(--haze-space-1);padding:var(--haze-space-1) var(--haze-space-3);background:var(--haze-color-muted);color:var(--haze-color-text);border-radius:var(--haze-radius-full);font-size:var(--haze-text-sm);font-family:var(--haze-font-sans);line-height:var(--haze-leading-tight);display:inline-flex}.haze-TagGroupItem__closeBtn{cursor:pointer;color:var(--haze-color-text-muted);font-size:var(--haze-text-xs);padding:var(--haze-space-1);background:0 0;border:none;align-items:center;min-width:1.5rem;min-height:1.5rem;display:inline-flex}.haze-TagGroupItem__closeBtn:hover{color:var(--haze-color-text)}
|
|
3
|
+
.haze-TagGroupItem__tag{align-items:center;gap:var(--haze-space-1);padding:var(--haze-space-1) var(--haze-space-3);background:var(--haze-color-bg-muted);color:var(--haze-color-text);border-radius:var(--haze-radius-full);font-size:var(--haze-text-sm);font-family:var(--haze-font-sans);line-height:var(--haze-leading-tight);display:inline-flex}.haze-TagGroupItem__closeBtn{cursor:pointer;color:var(--haze-color-text-muted);font-size:var(--haze-text-xs);padding:var(--haze-space-1);background:0 0;border:none;align-items:center;min-width:1.5rem;min-height:1.5rem;display:inline-flex}.haze-TagGroupItem__closeBtn:hover{color:var(--haze-color-text)}
|
package/dist/css/tag-input.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* haze-ui tag-input — generated by scripts/split-css.mjs, do not edit */
|
|
2
|
-
.haze-TagInputCore__container{-webkit-box-flex-wrap:wrap;gap:var(--haze-space-1);padding:var(--haze-space-2) var(--haze-space-3);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);font-family:var(--haze-font-sans);flex-wrap:wrap;align-items:center;min-height:2.25rem;transition:border-color .15s,box-shadow .15s;display:flex}.haze-TagInputCore__container:focus-within{border-color:var(--haze-color-primary);box-shadow:0 0 0 3px var(--haze-color-focus-ring)}.haze-TagInputCore__listWrap{-webkit-box-flex-wrap:wrap;gap:var(--haze-space-1);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.haze-TagInputCore__tag{align-items:center;gap:var(--haze-space-1);padding:var(--haze-space-0) var(--haze-space-2);background:var(--haze-color-muted);border-radius:var(--haze-radius-sm);font-size:var(--haze-text-sm);color:var(--haze-color-text);line-height:var(--haze-leading-relaxed);display:inline-flex}.haze-TagInputCore__removeBtn{cursor:pointer;color:var(--haze-color-text-muted);font-size:var(--haze-text-xs);padding:var(--haze-space-1);background:0 0;border:none;align-items:center;min-width:1.5rem;min-height:1.5rem;display:inline-flex}.haze-TagInputCore__removeBtn:hover{color:var(--haze-color-text)}.haze-TagInputCore__inputEl{min-width:4rem;font-size:var(--haze-text-sm);font-family:var(--haze-font-sans);color:var(--haze-color-text);background:0 0;border:none;outline:none;flex:1;padding:0}
|
|
2
|
+
.haze-TagInputCore__container{-webkit-box-flex-wrap:wrap;gap:var(--haze-space-1);padding:var(--haze-space-2) var(--haze-space-3);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);font-family:var(--haze-font-sans);flex-wrap:wrap;align-items:center;min-height:2.25rem;transition:border-color .15s,box-shadow .15s;display:flex}.haze-TagInputCore__container:focus-within{border-color:var(--haze-color-primary);box-shadow:0 0 0 3px var(--haze-color-focus-ring)}.haze-TagInputCore__listWrap{-webkit-box-flex-wrap:wrap;gap:var(--haze-space-1);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.haze-TagInputCore__tag{align-items:center;gap:var(--haze-space-1);padding:var(--haze-space-0) var(--haze-space-2);background:var(--haze-color-bg-muted);border-radius:var(--haze-radius-sm);font-size:var(--haze-text-sm);color:var(--haze-color-text);line-height:var(--haze-leading-relaxed);display:inline-flex}.haze-TagInputCore__removeBtn{cursor:pointer;color:var(--haze-color-text-muted);font-size:var(--haze-text-xs);padding:var(--haze-space-1);background:0 0;border:none;align-items:center;min-width:1.5rem;min-height:1.5rem;display:inline-flex}.haze-TagInputCore__removeBtn:hover{color:var(--haze-color-text)}.haze-TagInputCore__inputEl{min-width:4rem;font-size:var(--haze-text-sm);font-family:var(--haze-font-sans);color:var(--haze-color-text);background:0 0;border:none;outline:none;flex:1;padding:0}
|
package/dist/css/tag.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* haze-ui tag — generated by scripts/split-css.mjs, do not edit */
|
|
2
|
-
.haze-Tag__base{align-items:center;gap:var(--haze-space-1);border-radius:var(--haze-radius-md);font-family:var(--haze-font-sans);font-weight:var(--haze-weight-medium);line-height:var(--haze-leading-tight);white-space:nowrap;display:inline-flex}.haze-Tag__default{background:var(--haze-color-bg-muted);color:var(--haze-color-text-secondary)}.haze-Tag__primary{background:var(--haze-color-primary-subtle);color:var(--haze-color-primary)}.haze-Tag__success{background:
|
|
2
|
+
.haze-Tag__base{align-items:center;gap:var(--haze-space-1);border-radius:var(--haze-radius-md);font-family:var(--haze-font-sans);font-weight:var(--haze-weight-medium);line-height:var(--haze-leading-tight);white-space:nowrap;display:inline-flex}.haze-Tag__default{background:var(--haze-color-bg-muted);color:var(--haze-color-text-secondary)}.haze-Tag__primary{background:var(--haze-color-primary-subtle);color:var(--haze-color-primary)}.haze-Tag__success{background:var(--haze-color-success-subtle);color:var(--haze-color-success)}.haze-Tag__warning{background:var(--haze-color-warning-subtle);color:var(--haze-color-warning)}.haze-Tag__danger{background:var(--haze-color-danger-subtle);color:var(--haze-color-danger)}.haze-Tag__sm{padding:var(--haze-space-0) var(--haze-space-2);font-size:var(--haze-text-xs)}.haze-Tag__md{padding:var(--haze-space-1) var(--haze-space-3);font-size:var(--haze-text-sm)}.haze-Tag__closeBtn{appearance:none;color:inherit;cursor:pointer;font-size:inherit;opacity:.6;background:0 0;border:none;align-items:center;padding:0;line-height:1;transition:opacity .15s;display:inline-flex}.haze-Tag__closeBtn:hover{opacity:1}.haze-Tag__closeBtn:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);border-radius:var(--haze-radius-sm);outline:none}
|
package/dist/css/toast.css
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
/* haze-ui toast — generated by scripts/split-css.mjs, do not edit */
|
|
2
|
-
.haze-Toast__base{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;gap:var(--haze-space-3);padding:var(--haze-space-3) var(--haze-space-4);border-radius:var(--haze-radius-md);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);line-height:var(--haze-leading-normal);box-shadow:var(--haze-shadow-lg);pointer-events:auto;animation:.2s ease-out toastIn-haze-Toast__base;display:flex}@keyframes toastIn-haze-Toast__base{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.haze-Toast__info{background:var(--haze-color-bg);color:var(--haze-color-text);border:1px solid var(--haze-color-border)}.haze-Toast__success{background:
|
|
2
|
+
.haze-Toast__base{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;gap:var(--haze-space-3);padding:var(--haze-space-3) var(--haze-space-4);border-radius:var(--haze-radius-md);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);line-height:var(--haze-leading-normal);box-shadow:var(--haze-shadow-lg);pointer-events:auto;animation:.2s ease-out toastIn-haze-Toast__base;display:flex}@keyframes toastIn-haze-Toast__base{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.haze-Toast__info{background:var(--haze-color-bg);color:var(--haze-color-text);border:1px solid var(--haze-color-border)}.haze-Toast__success{background:var(--haze-color-success-subtle);color:var(--haze-color-text);border:1px solid color-mix(in srgb, var(--haze-color-success) 25%, transparent)}.haze-Toast__warning{background:var(--haze-color-warning-subtle);color:var(--haze-color-text);border:1px solid color-mix(in srgb, var(--haze-color-warning) 25%, transparent)}.haze-Toast__danger{background:var(--haze-color-danger-subtle);color:var(--haze-color-text);border:1px solid color-mix(in srgb, var(--haze-color-danger) 25%, transparent)}.haze-Toast__contentStyle{flex:1}.haze-Toast__closeBtn{appearance:none;color:inherit;cursor:pointer;font-size:var(--haze-text-lg);opacity:.6;background:0 0;border:none;justify-content:center;align-items:center;min-width:24px;min-height:24px;padding:0;line-height:1;transition:opacity .15s;display:inline-flex}.haze-Toast__closeBtn:hover{opacity:1}
|
|
3
3
|
.haze-ToastContainer__containerBase{z-index:9999;gap:var(--haze-space-2);pointer-events:none;flex-direction:column;display:flex;position:fixed}.haze-ToastContainer__top-left{top:calc(var(--haze-space-4) + env(safe-area-inset-top));left:calc(var(--haze-space-4) + env(safe-area-inset-left))}.haze-ToastContainer__top-right{top:calc(var(--haze-space-4) + env(safe-area-inset-top));right:calc(var(--haze-space-4) + env(safe-area-inset-right))}.haze-ToastContainer__bottom-left{bottom:calc(var(--haze-space-4) + env(safe-area-inset-bottom));left:calc(var(--haze-space-4) + env(safe-area-inset-left))}.haze-ToastContainer__bottom-right{bottom:calc(var(--haze-space-4) + env(safe-area-inset-bottom));right:calc(var(--haze-space-4) + env(safe-area-inset-right))}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* haze-ui token-counter — generated by scripts/split-css.mjs, do not edit */
|
|
2
|
-
.haze-TokenCounter__wrapper{font-family:var(--haze-font-sans);font-size:var(--haze-text-xs);color:var(--haze-color-text-muted)}.haze-TokenCounter__bar{background:var(--haze-color-muted);border-radius:var(--haze-radius-full);height:.25rem;margin-top:var(--haze-space-1);overflow:hidden}.haze-TokenCounter__fill{border-radius:var(--haze-radius-full);height:100%;transition:width .3s}.haze-TokenCounter__fillNormal{background:var(--haze-color-primary)}.haze-TokenCounter__fillWarning{background:var(--haze-color-warning
|
|
2
|
+
.haze-TokenCounter__wrapper{font-family:var(--haze-font-sans);font-size:var(--haze-text-xs);color:var(--haze-color-text-muted)}.haze-TokenCounter__bar{background:var(--haze-color-bg-muted);border-radius:var(--haze-radius-full);height:.25rem;margin-top:var(--haze-space-1);overflow:hidden}.haze-TokenCounter__fill{border-radius:var(--haze-radius-full);height:100%;transition:width .3s}.haze-TokenCounter__fillNormal{background:var(--haze-color-primary)}.haze-TokenCounter__fillWarning{background:var(--haze-color-warning)}.haze-TokenCounter__fillDanger{background:var(--haze-color-danger)}.haze-TokenCounter__info{-webkit-box-pack:justify;-ms-flex-pack:space-between;justify-content:space-between;align-items:baseline;display:flex}.haze-TokenCounter__count{font-variant-numeric:tabular-nums}
|
package/dist/css/tokens.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/* haze-ui tokens — generated by scripts/split-css.mjs, do not edit */
|
|
2
|
-
.haze-colors__lightTheme{--haze-color-primary
|
|
2
|
+
.haze-colors__lightTheme{--haze-gray-1:oklch(100% 0 0);--haze-gray-2:oklch(97.9% 0 0);--haze-gray-3:oklch(95.5% 0 0);--haze-gray-4:oklch(90.7% 0 0);--haze-gray-5:oklch(85% 0 0);--haze-gray-6:oklch(79.4% 0 0);--haze-gray-7:oklch(73.8% 0 0);--haze-gray-8:oklch(68.2% 0 0);--haze-gray-9:oklch(62.5% 0 0);--haze-gray-10:oklch(51.7% 0 0);--haze-gray-11:oklch(40.9% 0 0);--haze-gray-12:oklch(21.8% 0 0);--haze-blue-1:oklch(98.2% .008 260.8);--haze-blue-2:oklch(93% .034 260.8);--haze-blue-3:oklch(87.7% .06 260.8);--haze-blue-4:oklch(82.5% .087 260.8);--haze-blue-5:oklch(77.3% .116 260.8);--haze-blue-6:oklch(72% .145 260.8);--haze-blue-7:oklch(66.8% .176 260.8);--haze-blue-8:oklch(61.6% .208 260.8);--haze-blue-9:oklch(56.3% .241 260.8);--haze-blue-10:oklch(54.6% .215 262.9);--haze-blue-11:oklch(35.3% .13 262.9);--haze-blue-12:oklch(16% .045 262.9);--haze-green-1:oklch(98.2% .018 150.1);--haze-green-2:oklch(92.5% .033 150.1);--haze-green-3:oklch(86.8% .048 150.1);--haze-green-4:oklch(81.1% .063 150.1);--haze-green-5:oklch(75.5% .078 150.1);--haze-green-6:oklch(69.8% .092 150.1);--haze-green-7:oklch(64.1% .107 150.1);--haze-green-8:oklch(58.4% .122 150.1);--haze-green-9:oklch(52.7% .137 150.1);--haze-green-10:oklch(40.5% .106 150.1);--haze-green-11:oklch(28.2% .076 150.1);--haze-green-12:oklch(16% .044 150.1);--haze-amber-1:oklch(98.2% .013 70.1);--haze-amber-2:oklch(95.5% .033 70.1);--haze-amber-3:oklch(92.9% .053 70.1);--haze-amber-4:oklch(90.2% .073 70.1);--haze-amber-5:oklch(87.5% .091 70.1);--haze-amber-6:oklch(84.9% .11 70.1);--haze-amber-7:oklch(82.2% .128 70.1);--haze-amber-8:oklch(79.5% .146 70.1);--haze-amber-9:oklch(76.9% .165 70.1);--haze-amber-10:oklch(56.6% .123 70.1);--haze-amber-11:oklch(36.3% .079 70.1);--haze-amber-12:oklch(16% .035 70.1);--haze-red-1:oklch(98.2% .009 27.3);--haze-red-2:oklch(93.1% .035 27.3);--haze-red-3:oklch(88.1% .063 27.3);--haze-red-4:oklch(83% .092 27.3);--haze-red-5:oklch(78% .117 27.3);--haze-red-6:oklch(72.9% .141 27.3);--haze-red-7:oklch(67.8% .166 27.3);--haze-red-8:oklch(62.8% .191 27.3);--haze-red-9:oklch(57.7% .215 27.3);--haze-red-10:oklch(43.8% .158 27.3);--haze-red-11:oklch(29.9% .102 27.3);--haze-red-12:oklch(16% .045 27.3);--haze-color-primary:var(--haze-blue-9);--haze-color-primary-hover:oklch(from var(--haze-color-primary) calc(l - .045) c h);--haze-color-primary-active:oklch(from var(--haze-color-primary) calc(l - .09) c h);--haze-color-primary-subtle:oklch(from var(--haze-color-primary) .945 calc(c * .2) h);--haze-color-bg:var(--haze-gray-1);--haze-color-bg-subtle:var(--haze-gray-2);--haze-color-bg-muted:var(--haze-gray-3);--haze-color-text:var(--haze-gray-12);--haze-color-text-secondary:var(--haze-gray-11);--haze-color-text-muted:var(--haze-gray-9);--haze-color-text-inverse:oklch(100% 0 0);--haze-color-border:var(--haze-gray-4);--haze-color-border-hover:oklch(from var(--haze-color-border) calc(l - .09) c h);--haze-color-success:var(--haze-green-9);--haze-color-success-hover:oklch(from var(--haze-color-success) calc(l - .045) c h);--haze-color-success-active:oklch(from var(--haze-color-success) calc(l - .09) c h);--haze-color-success-subtle:oklch(from var(--haze-color-success) .945 calc(c * .2) h);--haze-color-warning:var(--haze-amber-9);--haze-color-warning-hover:oklch(from var(--haze-color-warning) calc(l - .045) c h);--haze-color-warning-active:oklch(from var(--haze-color-warning) calc(l - .09) c h);--haze-color-warning-subtle:oklch(from var(--haze-color-warning) .945 calc(c * .2) h);--haze-color-danger:var(--haze-red-9);--haze-color-danger-hover:oklch(from var(--haze-color-danger) calc(l - .045) c h);--haze-color-danger-active:oklch(from var(--haze-color-danger) calc(l - .09) c h);--haze-color-danger-subtle:oklch(from var(--haze-color-danger) .945 calc(c * .2) h);--haze-color-info:var(--haze-blue-10);--haze-color-info-hover:oklch(from var(--haze-color-info) calc(l - .045) c h);--haze-color-info-active:oklch(from var(--haze-color-info) calc(l - .09) c h);--haze-color-info-subtle:oklch(from var(--haze-color-info) .945 calc(c * .2) h);--haze-color-focus-ring:oklch(from var(--haze-color-primary) l c h / .4)}.haze-colors__darkTheme{--haze-gray-1:oklch(18.2% 0 0);--haze-gray-2:oklch(23.5% 0 0);--haze-gray-3:oklch(28.5% 0 0);--haze-gray-4:oklch(32.1% 0 0);--haze-gray-5:oklch(36.9% 0 0);--haze-gray-6:oklch(41.6% 0 0);--haze-gray-7:oklch(46.4% 0 0);--haze-gray-8:oklch(51.2% 0 0);--haze-gray-9:oklch(55.9% 0 0);--haze-gray-10:oklch(65.8% 0 0);--haze-gray-11:oklch(75.7% 0 0);--haze-gray-12:oklch(93.1% 0 0);--haze-blue-1:oklch(15.5% .03 259.8);--haze-blue-2:oklch(22.2% .053 259.8);--haze-blue-3:oklch(28.9% .075 259.8);--haze-blue-4:oklch(35.6% .098 259.8);--haze-blue-5:oklch(42.2% .12 259.8);--haze-blue-6:oklch(48.9% .143 259.8);--haze-blue-7:oklch(55.6% .165 259.8);--haze-blue-8:oklch(62.3% .188 259.8);--haze-blue-9:oklch(67.3% .174 258.5);--haze-blue-10:oklch(77.6% .115 258.5);--haze-blue-11:oklch(87.9% .059 258.5);--haze-blue-12:oklch(98.2% .008 258.5);--haze-green-1:oklch(15.5% .03 149.6);--haze-green-2:oklch(23.6% .053 149.6);--haze-green-3:oklch(31.7% .076 149.6);--haze-green-4:oklch(39.8% .099 149.6);--haze-green-5:oklch(47.9% .123 149.6);--haze-green-6:oklch(56.1% .146 149.6);--haze-green-7:oklch(64.2% .169 149.6);--haze-green-8:oklch(72.3% .192 149.6);--haze-green-9:oklch(78.8% .147 149.6);--haze-green-10:oklch(85.2% .102 149.6);--haze-green-11:oklch(91.7% .057 149.6);--haze-green-12:oklch(98.2% .012 149.6);--haze-amber-1:oklch(15.5% .03 84.4);--haze-amber-2:oklch(25.2% .049 84.4);--haze-amber-3:oklch(35% .068 84.4);--haze-amber-4:oklch(44.7% .088 84.4);--haze-amber-5:oklch(54.5% .107 84.4);--haze-amber-6:oklch(64.2% .126 84.4);--haze-amber-7:oklch(73.9% .145 84.4);--haze-amber-8:oklch(83.7% .164 84.4);--haze-amber-9:oklch(87.3% .126 84.4);--haze-amber-10:oklch(90.9% .088 84.4);--haze-amber-11:oklch(94.6% .05 84.4);--haze-amber-12:oklch(98.2% .012 84.4);--haze-red-1:oklch(15.5% .03 25.3);--haze-red-2:oklch(22.4% .055 25.3);--haze-red-3:oklch(29.3% .081 25.3);--haze-red-4:oklch(36.2% .106 25.3);--haze-red-5:oklch(43% .132 25.3);--haze-red-6:oklch(49.9% .157 25.3);--haze-red-7:oklch(56.8% .182 25.3);--haze-red-8:oklch(63.7% .208 25.3);--haze-red-9:oklch(72.3% .159 25.3);--haze-red-10:oklch(80.9% .108 25.3);--haze-red-11:oklch(89.6% .054 25.3);--haze-red-12:oklch(98.2% .009 25.3);--haze-color-primary:var(--haze-blue-9);--haze-color-primary-hover:oklch(from var(--haze-color-primary) calc(l + .05) c h);--haze-color-primary-active:oklch(from var(--haze-color-primary) calc(l + .09) c h);--haze-color-primary-subtle:oklch(from var(--haze-color-primary) .26 calc(c * .35) h);--haze-color-bg:var(--haze-gray-1);--haze-color-bg-subtle:var(--haze-gray-2);--haze-color-bg-muted:var(--haze-gray-3);--haze-color-text:var(--haze-gray-12);--haze-color-text-secondary:var(--haze-gray-11);--haze-color-text-muted:var(--haze-gray-9);--haze-color-text-inverse:oklch(21.8% 0 0);--haze-color-border:var(--haze-gray-4);--haze-color-border-hover:oklch(from var(--haze-color-border) calc(l + .08) c h);--haze-color-success:var(--haze-green-8);--haze-color-success-hover:oklch(from var(--haze-color-success) calc(l + .05) c h);--haze-color-success-active:oklch(from var(--haze-color-success) calc(l + .09) c h);--haze-color-success-subtle:oklch(from var(--haze-color-success) .26 calc(c * .35) h);--haze-color-warning:var(--haze-amber-8);--haze-color-warning-hover:oklch(from var(--haze-color-warning) calc(l + .05) c h);--haze-color-warning-active:oklch(from var(--haze-color-warning) calc(l + .09) c h);--haze-color-warning-subtle:oklch(from var(--haze-color-warning) .26 calc(c * .35) h);--haze-color-danger:var(--haze-red-8);--haze-color-danger-hover:oklch(from var(--haze-color-danger) calc(l + .05) c h);--haze-color-danger-active:oklch(from var(--haze-color-danger) calc(l + .09) c h);--haze-color-danger-subtle:oklch(from var(--haze-color-danger) .26 calc(c * .35) h);--haze-color-info:var(--haze-blue-8);--haze-color-info-hover:oklch(from var(--haze-color-info) calc(l + .05) c h);--haze-color-info-active:oklch(from var(--haze-color-info) calc(l + .09) c h);--haze-color-info-subtle:oklch(from var(--haze-color-info) .26 calc(c * .35) h);--haze-color-focus-ring:oklch(from var(--haze-color-primary) l c h / .4)}
|
|
3
3
|
.haze-spacing__spacing{--haze-space-0:0;--haze-space-1:4px;--haze-space-2:8px;--haze-space-3:12px;--haze-space-4:16px;--haze-space-5:20px;--haze-space-6:24px;--haze-space-8:32px;--haze-space-10:40px;--haze-space-12:48px;--haze-space-16:64px;--haze-radius-none:0;--haze-radius-sm:4px;--haze-radius-md:6px;--haze-radius-lg:8px;--haze-radius-xl:12px;--haze-radius-2xl:16px;--haze-radius-full:9999px;--haze-shadow-sm:0 1px 2px #0000000d;--haze-shadow-md:0 4px 6px #00000012;--haze-shadow-lg:0 10px 15px #0000001a;--haze-shadow-xl:0 20px 25px #0000001a}
|
|
4
4
|
.haze-typography__typography{--haze-font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--haze-font-mono:"SF Mono",SFMono-Regular,ui-monospace,"DejaVu Sans Mono",Menlo,Consolas,monospace;--haze-text-xs:12px;--haze-text-sm:14px;--haze-text-base:16px;--haze-text-lg:18px;--haze-text-xl:20px;--haze-text-2xl:24px;--haze-text-3xl:30px;--haze-leading-tight:1.25;--haze-leading-normal:1.5;--haze-leading-relaxed:1.75;--haze-weight-normal:400;--haze-weight-medium:500;--haze-weight-semibold:600;--haze-weight-bold:700}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* haze-ui tool-call-card — generated by scripts/split-css.mjs, do not edit */
|
|
2
|
-
.haze-ToolCallCard__card{border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);overflow:hidden}.haze-ToolCallCard__header{align-items:center;gap:var(--haze-space-2);padding:var(--haze-space-2) var(--haze-space-3);background:var(--haze-color-muted);font-family:var(--haze-font-mono);font-size:var(--haze-text-xs);display:flex}.haze-ToolCallCard__statusIcon{border-radius:var(--haze-radius-full);flex-shrink:0;width:.5rem;height:.5rem}.haze-ToolCallCard__statusPending{background:var(--haze-color-text-muted)}.haze-ToolCallCard__statusRunning{background:var(--haze-color-primary);animation:1.5s infinite pulse}.haze-ToolCallCard__statusDone{background:var(--haze-color-success
|
|
2
|
+
.haze-ToolCallCard__card{border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);overflow:hidden}.haze-ToolCallCard__header{align-items:center;gap:var(--haze-space-2);padding:var(--haze-space-2) var(--haze-space-3);background:var(--haze-color-bg-muted);font-family:var(--haze-font-mono);font-size:var(--haze-text-xs);display:flex}.haze-ToolCallCard__statusIcon{border-radius:var(--haze-radius-full);flex-shrink:0;width:.5rem;height:.5rem}.haze-ToolCallCard__statusPending{background:var(--haze-color-text-muted)}.haze-ToolCallCard__statusRunning{background:var(--haze-color-primary);animation:1.5s infinite pulse}.haze-ToolCallCard__statusDone{background:var(--haze-color-success)}.haze-ToolCallCard__statusError{background:var(--haze-color-danger)}.haze-ToolCallCard__body{padding:var(--haze-space-3)}.haze-ToolCallCard__section{margin-bottom:var(--haze-space-2)}.haze-ToolCallCard__sectionLabel{font-size:var(--haze-text-xs);color:var(--haze-color-text-muted);margin-bottom:var(--haze-space-1);text-transform:uppercase;letter-spacing:.05em}.haze-ToolCallCard__content{font-family:var(--haze-font-mono);font-size:var(--haze-text-xs);white-space:pre-wrap;word-break:break-all;color:var(--haze-color-text)}
|