@linkdesk/ui 0.2.17 → 0.2.20
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/button/Button.d.ts +0 -19
- package/dist/hint-tip/hintAttrs.d.ts +29 -0
- package/dist/index.css +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.js +2391 -2360
- package/dist/keybinding-hint/KeybindingHint.d.ts +27 -0
- package/package.json +1 -1
package/dist/button/Button.d.ts
CHANGED
|
@@ -1,22 +1,3 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* E5.8#99:实心 accent 动作按钮(按钮双轨制实心轨)——动作/提交,对标 VS Code。
|
|
3
|
-
* ghost 轨(选择/分组)= SegmentedRadio。双轨约定:选什么用 ghost 分段,做什么用实心按钮。
|
|
4
|
-
*
|
|
5
|
-
* E6#30.14 variant——语义动作层级(10-市场UI拥有权.md §四·一:安装=success 填充 / 卸载=danger /
|
|
6
|
-
* 禁用=ghost;视觉源 = mockup 02 st-*):
|
|
7
|
-
* 缺省 = 实心 accent(现状不变)——主操作
|
|
8
|
-
* success = 实心绿(--success)——正面主操作(安装 / 启用)
|
|
9
|
-
* danger = 破坏性次级(danger 文本+边,非实心——destructive 不抢主操作眼)
|
|
10
|
-
* ghost = 次级透明钮(text-secondary + separator 边)
|
|
11
|
-
* 变体样式全走语义/主题 token,零硬编码 hex(硬约束 1)。variant = props 非配置项(零新配置)。
|
|
12
|
-
*
|
|
13
|
-
* 抽壳动机:动作按钮此前是 settings 插件 CSS 类 .settings-action-btn,却被壳共享组件
|
|
14
|
-
* FilePathInput 消费——壳组件依赖插件 CSS 的倒置耦合。收编壳后 shell 组件零依赖插件样式,
|
|
15
|
-
* 第三方插件直接用 <Button> 即得壳动作按钮(不用拷 CSS)。
|
|
16
|
-
*
|
|
17
|
-
* 消费方:settings renderHint:"action" 命令按钮、背景图三态按钮、FilePathInput「…」按钮、
|
|
18
|
-
* marketplace 详情 action bar(禁用/启用/卸载,E6#30.14c)。
|
|
19
|
-
*/
|
|
20
1
|
type ButtonVariant = "success" | "danger" | "ghost";
|
|
21
2
|
/** E6#57.11:紧凑尺寸档——30px 工具条(TitleBar)内的文字按钮 */
|
|
22
3
|
type ButtonSize = "sm";
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* HintTip 属性契约——**单一真相源**(04「悬停提示系统」件 1)。
|
|
3
|
+
*
|
|
4
|
+
* 属性名只在这里写一遍:组件门面(`HintTip.tsx`)写、池内渲染器(`HintTipRenderer.tsx`)读、
|
|
5
|
+
* 作者面文档(`03-插件制造/05-插件UI写法规例.md` §12)与 SDK 门禁(`no-native-title`)引用同一批字面量。
|
|
6
|
+
* ⛔ 别处不许再写 `"data-hint"` 字面量——那是「两把尺子必然漂移」的经典入口。
|
|
7
|
+
*
|
|
8
|
+
* ── 为什么是属性式(设计详案 §二·②)──
|
|
9
|
+
* 零新 `window.linkdesk.*` API、零新 IPC、零新 `contributes.*` ⇒ 整套契约面(d.ts / preload /
|
|
10
|
+
* IpcBridgeHandler / api-cheatsheet)都不需要动;插件在自己 DOM 上写属性即可,**不需要 import 壳任何东西**
|
|
11
|
+
* (插件独立铁律)。组件式(`<HintTip>`)只是这套属性的糖,见 `HintTip.tsx`。
|
|
12
|
+
*/
|
|
13
|
+
/** 提示主文案(说明类与揭示类通用——文案永远由调用方给,壳不下发任何用户可见句子) */
|
|
14
|
+
export declare const HINT_ATTR = "data-hint";
|
|
15
|
+
/** 命令 id——渲染器据此查壳推的命令表,取 label(当 title)+快捷键 */
|
|
16
|
+
export declare const HINT_COMMAND_ATTR = "data-hint-command";
|
|
17
|
+
/** 意图延时覆盖(毫秒,可选)——揭示类传 `"0"`(「看全被截断的字」要立刻,不该等) */
|
|
18
|
+
export declare const HINT_DELAY_ATTR = "data-hint-delay";
|
|
19
|
+
/** 首选方位覆盖(可选,`top` / `bottom` / `left` / `right`;缺省 `top`,贴不下自动翻面) */
|
|
20
|
+
export declare const HINT_PLACEMENT_ATTR = "data-hint-placement";
|
|
21
|
+
/** 委托监听的命中选择器——由上面两个字面量拼出,⛔ 不另写一份 */
|
|
22
|
+
export declare const HINT_SELECTOR = "[data-hint],[data-hint-command]";
|
|
23
|
+
/**
|
|
24
|
+
* 说明类默认意图延时(ms)——**比 `HintCard` 的 400ms 短**。
|
|
25
|
+
* 依据:卡是「看一眼就走」的说明卡(防划过闪一下是首要目标);条是跟手的轻提示
|
|
26
|
+
* (用户要的是"别挡路但也别让我等")。⛔ 不要往 400ms 对齐——那是另一件东西的节奏。
|
|
27
|
+
* ⚠️ 具体值属体感判断(设计详案 §十一·3):dev 实机试过才算数。
|
|
28
|
+
*/
|
|
29
|
+
export declare const DEFAULT_OPEN_DELAY_MS = 120;
|
package/dist/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.ldk-badge{display:inline-flex;align-items:center;background:var(--badge-background);color:var(--badge-foreground);border-radius:var(--radius-sm);padding:1px 6px;font-size:var(--font-size-2xs);font-weight:500;line-height:1.4;white-space:nowrap;flex-shrink:0}.ldk-mdv{color:var(--text-primary);font-size:var(--font-size-md);line-height:1.6;overflow-wrap:break-word}.ldk-mdv>:first-child{margin-top:0}.ldk-mdv>:last-child{margin-bottom:0}.ldk-mdv h1,.ldk-mdv h2,.ldk-mdv h3,.ldk-mdv h4,.ldk-mdv h5,.ldk-mdv h6{color:var(--text-primary);font-weight:600;line-height:1.25;margin:1.2em 0 .5em}.ldk-mdv h1{font-size:var(--font-size-2xl);padding-bottom:.3em;border-bottom:1px solid var(--border)}.ldk-mdv h2{font-size:var(--font-size-xl);padding-bottom:.3em;border-bottom:1px solid var(--border)}.ldk-mdv h3{font-size:var(--font-size-lg)}.ldk-mdv h4{font-size:var(--font-size-md)}.ldk-mdv h5,.ldk-mdv h6{font-size:var(--font-size-sm);color:var(--text-secondary)}.ldk-mdv p{margin:.6em 0}.ldk-mdv ul,.ldk-mdv ol{margin:.6em 0;padding-left:1.6em}.ldk-mdv li{margin:.25em 0}.ldk-mdv li>p{margin:.3em 0}.ldk-mdv hr{border:none;border-top:1px solid var(--border);margin:1.2em 0}.ldk-mdv blockquote{margin:.8em 0;padding:.1em 1em;border-left:3px solid var(--accent);background:var(--bg-input);color:var(--text-secondary)}.ldk-mdv blockquote>:first-child{margin-top:.6em}.ldk-mdv blockquote>:last-child{margin-bottom:.6em}.ldk-mdv a{color:var(--accent);text-decoration:none}.ldk-mdv a:hover{text-decoration:underline}.ldk-mdv code{font-family:var(--font-mono);font-size:.9em;background:var(--bg-input);border-radius:var(--radius-xs);padding:.15em .4em}.ldk-mdv pre{margin:.8em 0;padding:.8em 1em;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);overflow:auto}.ldk-mdv pre code{background:transparent;padding:0;font-size:var(--font-size-sm);border-radius:0}.ldk-mdv table{border-collapse:collapse;margin:.8em 0;width:max-content;max-width:100%;font-size:var(--font-size-sm)}.ldk-mdv th,.ldk-mdv td{border:1px solid var(--border);padding:.35em .8em}.ldk-mdv th{font-weight:600;background:var(--bg-input)}.ldk-mdv img{max-width:100%;height:auto;border-radius:var(--radius-sm)}.ldk-mdv video,.ldk-mdv iframe{max-width:100%}.ldk-mdv input[type=checkbox]{margin-right:.4em;vertical-align:middle;accent-color:var(--accent)}.ldk-mdv del{color:var(--text-muted)}.ldk-button{background:var(--accent);color:var(--text-on-accent);border:1px solid transparent;border-radius:var(--radius-sm);padding:4px 12px;font-size:var(--font-size-sm);cursor:pointer;white-space:nowrap}.ldk-button:hover:not(:disabled){opacity:.85}.ldk-button:disabled{opacity:.5;cursor:default}.ldk-button--sm{display:inline-flex;align-items:center;height:22px;padding:0 12px;font-size:var(--font-size-xs)}.ldk-button--success{background:var(--success);border-color:var(--success);color:var(--badge-text)}.ldk-button--ghost{background:transparent;border-color:var(--separator);color:var(--text-secondary)}.ldk-button--ghost:hover:not(:disabled){background:var(--hover-overlay);color:var(--text-primary);opacity:1}.ldk-button--danger{background:transparent;border-color:color-mix(in srgb,var(--danger) 45%,transparent);color:var(--danger)}.ldk-button--danger:hover:not(:disabled){background:color-mix(in srgb,var(--danger) 10%,transparent);border-color:color-mix(in srgb,var(--danger) 75%,transparent);opacity:1}.ldk-colorpicker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay-backdrop)}.ldk-colorpicker-panel{position:fixed;z-index:var(--z-overlay);background:var(--bg-window);border:1px solid var(--separator);border-radius:var(--radius-md);padding:12px;box-shadow:var(--shadow-float);display:flex;flex-wrap:wrap;width:232px;gap:8px;top:50%;left:50%;transform:translate(-50%,-50%)}.ldk-colorpicker-panel[style]{transform:none}.ldk-colorpicker-sv{width:180px;height:150px;border-radius:var(--radius-sm);position:relative;cursor:crosshair;overflow:hidden;-webkit-user-select:none;user-select:none}.ldk-colorpicker-sv-white{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,#fff,transparent)}.ldk-colorpicker-sv-black{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000,transparent)}.ldk-colorpicker-sv-cursor{position:absolute;width:10px;height:10px;border:2px solid #fff;border-radius:var(--radius-full);box-shadow:var(--shadow-tiny);transform:translate(-50%,-50%);pointer-events:none}.ldk-colorpicker-hue{width:180px;height:14px;border-radius:var(--radius-md);position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.ldk-colorpicker-hue-cursor{position:absolute;top:-2px;width:4px;height:18px;background:#fff;border-radius:var(--radius-xs);box-shadow:var(--shadow-tiny);transform:translate(-50%);pointer-events:none}.ldk-colorpicker-footer{display:flex;align-items:center;gap:6px;width:100%}.ldk-colorpicker-preview{width:28px;height:28px;border-radius:var(--radius-sm);border:1px solid var(--separator);flex-shrink:0}.ldk-colorpicker-hex{flex:1;min-width:0;height:calc(26px * var(--ui-scale));padding:2px 6px;border:1px solid var(--separator);border-radius:var(--radius-sm);background:var(--bg-input);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--font-size-sm);outline:none;box-sizing:border-box}.ldk-colorpicker-hex:focus{border-color:var(--accent)}.ldk-colorpicker-ok{height:calc(26px * var(--ui-scale));padding:0 12px;background:var(--accent);color:var(--text-on-accent);border:none;border-radius:var(--radius-sm);font-size:var(--font-size-sm);cursor:pointer;flex-shrink:0}.ldk-colorpicker-ok:hover{background:var(--accent-hover)}.ldk-colorpicker-presets{width:100%;display:flex;gap:6px;flex-wrap:wrap;padding-top:4px;border-top:1px solid var(--separator)}.ldk-colorpicker-preset{width:18px;height:18px;border-radius:var(--radius-full);border:1px solid var(--separator);cursor:pointer;transition:transform .1s}.ldk-colorpicker-preset:hover{transform:scale(1.2);border-color:var(--accent)}.ldk-combobox{position:relative;display:inline-block;min-width:100px}.ldk-combobox-field{display:flex;align-items:center;gap:4px;padding:3px 6px;background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-xs);font-size:var(--font-size-md);line-height:1.6;cursor:text}.ldk-combobox-field:hover:not(.ldk-selectbox-disabled){border-color:var(--accent)}.ldk-combobox.ldk-selectbox-open .ldk-combobox-field{border-color:var(--accent)}.ldk-combobox-input{flex:1;min-width:0;padding:0;background:transparent;border:none;outline:none;color:inherit;font:inherit;line-height:1.6}.ldk-combobox-input::placeholder{color:var(--text-muted)}.ldk-combobox-input:disabled{opacity:.5}.ldk-selectbox{position:relative;display:inline-block;min-width:100px;-webkit-user-select:none;user-select:none}.ldk-selectbox-trigger{display:flex;align-items:center;justify-content:space-between;gap:4px;width:100%;padding:3px 6px;background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-xs);font-size:var(--font-size-md);line-height:1.6;cursor:pointer;font-family:inherit;text-align:left}.ldk-selectbox-trigger:hover:not(:disabled){border-color:var(--accent)}.ldk-selectbox-trigger:disabled{opacity:.5;cursor:default}.ldk-selectbox-open .ldk-selectbox-trigger{border-color:var(--accent)}.ldk-selectbox-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ldk-selectbox-swatch{display:inline-block;width:10px;height:10px;margin-right:5px;border-radius:50%;border:1px solid color-mix(in srgb,var(--text-primary) 35%,transparent);vertical-align:middle;flex-shrink:0}.ldk-selectbox-arrow{flex-shrink:0;font-size:var(--font-size-sm);transition:transform .15s ease}.ldk-selectbox-arrow-up{transform:rotate(180deg)}.ldk-selectbox-dropdown{position:absolute;top:100%;left:0;margin-top:2px;background:var(--bg-window);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-pop);overflow:hidden;z-index:var(--z-dropdown);max-height:260px;max-width:calc(100vw - 24px);display:flex;flex-direction:column;animation:ldk-selectbox-in .1s ease-out}@keyframes ldk-selectbox-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ldk-selectbox-search{padding:4px;border-bottom:1px solid var(--separator)}.ldk-selectbox-search-input{width:100%;padding:2px 6px;background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-xs);font-size:var(--font-size-sm);font-family:inherit;outline:none;box-sizing:border-box}.ldk-selectbox-search-input:focus{border-color:var(--accent)}.ldk-selectbox-list{list-style:none;margin:0;padding:2px 0;overflow-y:auto;outline:none}.ldk-selectbox-item{padding:3px 8px;font-size:var(--font-size-md);line-height:1.6;color:var(--text-primary);cursor:pointer}.ldk-selectbox-item-focus{background:var(--accent);color:var(--text-on-accent)}.ldk-selectbox-item-selected:not(.ldk-selectbox-item-focus){background:var(--bg-selection)}.ldk-selectbox-empty{padding:6px 8px;font-size:var(--font-size-sm);color:var(--text-muted);text-align:center}.ldk-selectbox-disabled{pointer-events:none}.ldk-ctx-menu{position:fixed;min-width:140px;max-width:280px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-hairline),var(--context-menu-shadow);padding:4px 0;overflow:hidden;outline:none;opacity:0;transform:scale(.96);transform-origin:top left;transition:opacity .15s ease-out,transform .15s ease-out}.ldk-ctx-menu:focus-visible{outline:none}.ldk-ctx-menu.show{opacity:1;transform:scale(1)}.ldk-ctx-item{display:flex;align-items:center;gap:8px;padding:6px 12px;font-size:var(--font-size-md);font-weight:400;line-height:1.6;color:var(--text-primary);cursor:pointer;transition:background 60ms;-webkit-user-select:none;user-select:none}.ldk-ctx-item:hover,.ldk-ctx-item.focused{background:var(--tab-hover-bg);color:var(--text-primary);box-shadow:inset 2px 0 0 var(--accent)}.ldk-ctx-item-icon{flex-shrink:0;width:calc(16px * var(--ui-scale));height:calc(16px * var(--ui-scale));font-size:var(--font-size-lg);display:flex;align-items:center;justify-content:center;opacity:.75}.ldk-ctx-item:hover .ldk-ctx-item-icon,.ldk-ctx-item.focused .ldk-ctx-item-icon{opacity:1;color:var(--accent)}.ldk-ctx-item-shortcut{flex-shrink:0;margin-left:12px;font-size:var(--font-size-xs);opacity:.6;font-family:var(--font-mono);letter-spacing:.2px}.ldk-ctx-item:hover .ldk-ctx-item-shortcut,.ldk-ctx-item.focused .ldk-ctx-item-shortcut{opacity:.9;color:var(--text-secondary)}.ldk-ctx-item-check{flex-shrink:0;width:16px;font-size:var(--font-size-sm);color:var(--accent);display:flex;align-items:center}.ldk-ctx-item-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ldk-ctx-divider{height:1px;background:var(--separator);margin:4px 12px}.ldk-ctx-item-danger{color:var(--danger)}.ldk-ctx-item-danger .ldk-ctx-item-icon{opacity:1}.ldk-ctx-item-danger:hover,.ldk-ctx-item-danger.focused{background:var(--tab-hover-bg);color:var(--danger);box-shadow:inset 2px 0 0 var(--danger)}.ldk-ctx-item-danger:hover .ldk-ctx-item-shortcut,.ldk-ctx-item-danger.focused .ldk-ctx-item-shortcut{opacity:.9;color:var(--text-secondary)}.ldk-form-row{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-size:var(--font-size-sm);color:var(--text-primary)}.ldk-form-row>label,.ldk-form-row>.form-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ldk-form-row>.ldk-toggle,.ldk-form-row>.ldk-input,.ldk-form-row>select,.ldk-form-row>.form-control{flex-shrink:0}.ldk-hint-card-host{display:inline-flex}.ldk-hint-card{position:fixed;z-index:var(--z-dropdown);width:300px;box-sizing:border-box;padding:12px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-window);box-shadow:var(--shadow-pop);pointer-events:none}.ldk-hint-card-title{margin-bottom:4px;font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary)}.ldk-hint-card p{margin:0 0 4px;font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.7}.ldk-hint-card-note{margin-top:8px;padding-top:8px;border-top:1px solid var(--border);font-size:var(--font-size-xs);color:var(--text-muted)}.ldk-number-input{display:inline-flex;align-items:center;gap:0}.ldk-number-input-btn{display:flex;align-items:center;justify-content:center;width:calc(22px * var(--ui-scale));height:calc(24px * var(--ui-scale));padding:0;border:1px solid var(--border);background:var(--bg-input);color:var(--text-primary);font-size:var(--font-size-lg);line-height:1;cursor:pointer;transition:background .15s,border-color .15s;-webkit-user-select:none;user-select:none}.ldk-number-input-btn:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm);border-right:none}.ldk-number-input-btn:last-child{border-radius:0 var(--radius-sm) var(--radius-sm) 0;border-left:none}.ldk-number-input-btn:hover:not(:disabled){background:var(--tab-hover-bg)}.ldk-number-input-btn:active:not(:disabled){background:var(--accent);color:var(--text-on-accent)}.ldk-number-input-btn:disabled{opacity:.3;cursor:default}.ldk-number-input-field{border-radius:0;text-align:center;width:44px}.ldk-number-input-unit{margin:0 6px 0 8px;color:var(--text-muted);font-size:var(--font-size-sm);line-height:1;-webkit-user-select:none;user-select:none}.ldk-segmented-radio{display:flex;gap:4px}.ldk-segmented-radio__option{display:flex;flex-direction:column;align-items:center;gap:4px;padding:4px 8px;background:transparent;border:1px solid var(--separator);border-radius:var(--radius-sm);cursor:pointer;transition:border-color .12s ease,background .12s ease}.ldk-segmented-radio__option:hover{border-color:var(--text-muted);background:var(--hover-overlay)}.ldk-segmented-radio__option:focus-visible{outline:1px solid var(--accent);outline-offset:1px}.ldk-segmented-radio__option.is-selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.ldk-segmented-radio__label{font-size:var(--font-size-sm);color:var(--text-secondary);white-space:nowrap}.ldk-segmented-radio__option.is-selected .ldk-segmented-radio__label{color:var(--text-primary)}.ldk-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:130px;height:4px;margin:0;border-radius:var(--radius-sm);background:linear-gradient(to right,var(--accent) var(--slider-pct, 0%),var(--border) var(--slider-pct, 0%));cursor:pointer;outline-offset:4px}.ldk-slider:disabled{opacity:.4;cursor:default}.ldk-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:var(--text-primary);box-shadow:var(--shadow-tiny);cursor:grab}.ldk-slider::-webkit-slider-thumb:active{cursor:grabbing}.ldk-sle{display:flex;flex-direction:column;gap:4px;width:100%}.ldk-sle-row{display:flex;align-items:center;gap:6px;min-height:calc(24px * var(--ui-scale, 1));width:100%;box-sizing:border-box}.ldk-sle-glyph{font-size:var(--font-size-sm);color:var(--text-muted);flex-shrink:0}.ldk-sle-url{flex:1;min-width:0;font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ldk-sle-badge{flex-shrink:0;font-size:var(--font-size-2xs);color:var(--text-muted);background:var(--bg-window);padding:1px 4px;border-radius:3px;white-space:nowrap}.ldk-sle-lock{font-size:var(--font-size-sm);color:var(--text-muted);flex-shrink:0}.ldk-sle-del{display:flex;align-items:center;justify-content:center;width:calc(24px * var(--ui-scale, 1));height:calc(24px * var(--ui-scale, 1));padding:0;background:transparent;border:none;border-radius:3px;color:var(--text-muted);cursor:pointer;font-size:var(--font-size-sm);flex-shrink:0;transition:color .15s ease,background .15s ease}.ldk-sle-del:hover{color:var(--error);background:var(--hover-overlay)}.ldk-sle-add-row{display:flex;align-items:center;gap:6px;width:100%}.ldk-sle-input{flex:1;min-width:0;box-sizing:border-box;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px 8px;color:var(--text-primary);font-family:var(--font-mono);font-size:var(--font-size-xs);transition:border-color .15s;outline:none}.ldk-sle-input:focus{border-color:var(--accent)}.ldk-sle-add-btn{flex-shrink:0;padding:3px 8px;border:1px solid var(--separator);border-radius:4px;background:transparent;color:var(--text-primary);cursor:pointer;font-size:var(--font-size-xs);font-family:inherit;white-space:nowrap}.ldk-sle-add-btn:hover:not(:disabled){background:var(--tab-hover-bg)}.ldk-sle-add-btn:disabled{opacity:.5;cursor:not-allowed}.ldk-sle-msg{display:block;font-size:var(--font-size-2xs);line-height:1.5;padding:0 2px}.ldk-sle-msg--error{color:var(--error)}.ldk-sle-msg--hint{color:var(--text-muted)}.ldk-theme-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:100%}.ldk-theme-picker-card{border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;background:var(--bg-card);padding:0;text-align:left;color:inherit;font:inherit;transition:border-color .15s ease,transform .15s ease}.ldk-theme-picker-card:hover{border-color:var(--separator);transform:translateY(-1px)}.ldk-theme-picker-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ldk-theme-picker-card.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.ldk-theme-picker-preview{height:44px;display:flex;align-items:center;gap:3px;padding:8px;overflow:hidden}.ldk-theme-picker-preview .ldk-theme-picker-preview-bar{width:26px;height:12px;border-radius:var(--radius-xs)}.ldk-theme-picker-preview .ldk-theme-picker-preview-dots{display:flex;gap:3px}.ldk-theme-picker-preview .ldk-theme-picker-preview-dot{width:12px;height:12px;border-radius:50%;border:1px solid color-mix(in srgb,var(--text-primary) 35%,transparent)}.ldk-theme-picker-card .ldk-theme-picker-name{padding:6px 8px;font-size:var(--font-size-xs);color:var(--text-secondary);display:flex;align-items:center;justify-content:space-between;gap:4px;overflow:hidden}.ldk-theme-picker-card.active .ldk-theme-picker-name{color:var(--text-primary)}.ldk-theme-picker-card .ldk-theme-picker-name-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ldk-theme-picker-card .ldk-theme-picker-badge{font-size:var(--font-size-2xs);color:var(--accent);white-space:nowrap}.ldk-theme-picker-empty{color:var(--text-muted);font-size:var(--font-size-sm);padding:8px 0}.ldk-toggle{width:36px;height:20px;border-radius:var(--radius-pill);background:var(--border);transition:background .15s;cursor:pointer;position:relative;flex-shrink:0}.ldk-toggle.on{background:var(--accent)}.ldk-toggle:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:var(--radius-pill);background:var(--toggle-knob);transition:transform .15s}.ldk-toggle.on:after{transform:translate(16px);background:var(--toggle-knob-on, var(--text-on-accent))}.ldk-toggle.disabled{opacity:.4;cursor:not-allowed}.ldk-inline-input{border:1px solid var(--border);background:var(--bg-input);color:var(--text-primary);font-family:inherit;outline:none;box-sizing:border-box;width:100%;transition:border-color .15s ease-out,box-shadow .15s ease-out}.ldk-inline-input:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.ldk-inline-input--compact{height:calc(22px * var(--ui-scale));font-size:var(--font-size-sm);padding:0 4px}.ldk-inline-input--normal{height:calc(32px * var(--ui-scale));font-size:var(--font-size-md);padding:0 8px}
|
|
1
|
+
.ldk-badge{display:inline-flex;align-items:center;background:var(--badge-background);color:var(--badge-foreground);border-radius:var(--radius-sm);padding:1px 6px;font-size:var(--font-size-2xs);font-weight:500;line-height:1.4;white-space:nowrap;flex-shrink:0}.ldk-mdv{color:var(--text-primary);font-size:var(--font-size-md);line-height:1.6;overflow-wrap:break-word}.ldk-mdv>:first-child{margin-top:0}.ldk-mdv>:last-child{margin-bottom:0}.ldk-mdv h1,.ldk-mdv h2,.ldk-mdv h3,.ldk-mdv h4,.ldk-mdv h5,.ldk-mdv h6{color:var(--text-primary);font-weight:600;line-height:1.25;margin:1.2em 0 .5em}.ldk-mdv h1{font-size:var(--font-size-2xl);padding-bottom:.3em;border-bottom:1px solid var(--border)}.ldk-mdv h2{font-size:var(--font-size-xl);padding-bottom:.3em;border-bottom:1px solid var(--border)}.ldk-mdv h3{font-size:var(--font-size-lg)}.ldk-mdv h4{font-size:var(--font-size-md)}.ldk-mdv h5,.ldk-mdv h6{font-size:var(--font-size-sm);color:var(--text-secondary)}.ldk-mdv p{margin:.6em 0}.ldk-mdv ul,.ldk-mdv ol{margin:.6em 0;padding-left:1.6em}.ldk-mdv li{margin:.25em 0}.ldk-mdv li>p{margin:.3em 0}.ldk-mdv hr{border:none;border-top:1px solid var(--border);margin:1.2em 0}.ldk-mdv blockquote{margin:.8em 0;padding:.1em 1em;border-left:3px solid var(--accent);background:var(--bg-input);color:var(--text-secondary)}.ldk-mdv blockquote>:first-child{margin-top:.6em}.ldk-mdv blockquote>:last-child{margin-bottom:.6em}.ldk-mdv a{color:var(--accent);text-decoration:none}.ldk-mdv a:hover{text-decoration:underline}.ldk-mdv code{font-family:var(--font-mono);font-size:.9em;background:var(--bg-input);border-radius:var(--radius-xs);padding:.15em .4em}.ldk-mdv pre{margin:.8em 0;padding:.8em 1em;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);overflow:auto}.ldk-mdv pre code{background:transparent;padding:0;font-size:var(--font-size-sm);border-radius:0}.ldk-mdv table{border-collapse:collapse;margin:.8em 0;width:max-content;max-width:100%;font-size:var(--font-size-sm)}.ldk-mdv th,.ldk-mdv td{border:1px solid var(--border);padding:.35em .8em}.ldk-mdv th{font-weight:600;background:var(--bg-input)}.ldk-mdv img{max-width:100%;height:auto;border-radius:var(--radius-sm)}.ldk-mdv video,.ldk-mdv iframe{max-width:100%}.ldk-mdv input[type=checkbox]{margin-right:.4em;vertical-align:middle;accent-color:var(--accent)}.ldk-mdv del{color:var(--text-muted)}.ldk-button{background:var(--accent);color:var(--text-on-accent);border:1px solid transparent;border-radius:var(--radius-sm);padding:4px 12px;font-size:var(--font-size-sm);cursor:pointer;white-space:nowrap}.ldk-button:hover:not(:disabled){opacity:.85}.ldk-button:disabled{opacity:.5;cursor:default}.ldk-button--sm{display:inline-flex;align-items:center;height:22px;padding:0 12px;font-size:var(--font-size-xs)}.ldk-button--success{background:var(--success);border-color:var(--success);color:var(--badge-text)}.ldk-button--ghost{background:transparent;border-color:var(--separator);color:var(--text-secondary)}.ldk-button--ghost:hover:not(:disabled){background:var(--hover-overlay);color:var(--text-primary);opacity:1}.ldk-button--danger{background:transparent;border-color:color-mix(in srgb,var(--danger) 45%,transparent);color:var(--danger)}.ldk-button--danger:hover:not(:disabled){background:color-mix(in srgb,var(--danger) 10%,transparent);border-color:color-mix(in srgb,var(--danger) 75%,transparent);opacity:1}.ldk-colorpicker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay-backdrop)}.ldk-colorpicker-panel{position:fixed;z-index:var(--z-overlay);background:var(--bg-window);border:1px solid var(--separator);border-radius:var(--radius-md);padding:12px;box-shadow:var(--shadow-float);display:flex;flex-wrap:wrap;width:232px;gap:8px;top:50%;left:50%;transform:translate(-50%,-50%)}.ldk-colorpicker-panel[style]{transform:none}.ldk-colorpicker-sv{width:180px;height:150px;border-radius:var(--radius-sm);position:relative;cursor:crosshair;overflow:hidden;-webkit-user-select:none;user-select:none}.ldk-colorpicker-sv-white{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,#fff,transparent)}.ldk-colorpicker-sv-black{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000,transparent)}.ldk-colorpicker-sv-cursor{position:absolute;width:10px;height:10px;border:2px solid #fff;border-radius:var(--radius-full);box-shadow:var(--shadow-tiny);transform:translate(-50%,-50%);pointer-events:none}.ldk-colorpicker-hue{width:180px;height:14px;border-radius:var(--radius-md);position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.ldk-colorpicker-hue-cursor{position:absolute;top:-2px;width:4px;height:18px;background:#fff;border-radius:var(--radius-xs);box-shadow:var(--shadow-tiny);transform:translate(-50%);pointer-events:none}.ldk-colorpicker-footer{display:flex;align-items:center;gap:6px;width:100%}.ldk-colorpicker-preview{width:28px;height:28px;border-radius:var(--radius-sm);border:1px solid var(--separator);flex-shrink:0}.ldk-colorpicker-hex{flex:1;min-width:0;height:calc(26px * var(--ui-scale));padding:2px 6px;border:1px solid var(--separator);border-radius:var(--radius-sm);background:var(--bg-input);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--font-size-sm);outline:none;box-sizing:border-box}.ldk-colorpicker-hex:focus{border-color:var(--accent)}.ldk-colorpicker-ok{height:calc(26px * var(--ui-scale));padding:0 12px;background:var(--accent);color:var(--text-on-accent);border:none;border-radius:var(--radius-sm);font-size:var(--font-size-sm);cursor:pointer;flex-shrink:0}.ldk-colorpicker-ok:hover{background:var(--accent-hover)}.ldk-colorpicker-presets{width:100%;display:flex;gap:6px;flex-wrap:wrap;padding-top:4px;border-top:1px solid var(--separator)}.ldk-colorpicker-preset{width:18px;height:18px;border-radius:var(--radius-full);border:1px solid var(--separator);cursor:pointer;transition:transform .1s}.ldk-colorpicker-preset:hover{transform:scale(1.2);border-color:var(--accent)}.ldk-combobox{position:relative;display:inline-block;min-width:100px}.ldk-combobox-field{display:flex;align-items:center;gap:4px;padding:3px 6px;background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-xs);font-size:var(--font-size-md);line-height:1.6;cursor:text}.ldk-combobox-field:hover:not(.ldk-selectbox-disabled){border-color:var(--accent)}.ldk-combobox.ldk-selectbox-open .ldk-combobox-field{border-color:var(--accent)}.ldk-combobox-input{flex:1;min-width:0;padding:0;background:transparent;border:none;outline:none;color:inherit;font:inherit;line-height:1.6}.ldk-combobox-input::placeholder{color:var(--text-muted)}.ldk-combobox-input:disabled{opacity:.5}.ldk-selectbox{position:relative;display:inline-block;min-width:100px;-webkit-user-select:none;user-select:none}.ldk-selectbox-trigger{display:flex;align-items:center;justify-content:space-between;gap:4px;width:100%;padding:3px 6px;background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-xs);font-size:var(--font-size-md);line-height:1.6;cursor:pointer;font-family:inherit;text-align:left}.ldk-selectbox-trigger:hover:not(:disabled){border-color:var(--accent)}.ldk-selectbox-trigger:disabled{opacity:.5;cursor:default}.ldk-selectbox-open .ldk-selectbox-trigger{border-color:var(--accent)}.ldk-selectbox-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ldk-selectbox-swatch{display:inline-block;width:10px;height:10px;margin-right:5px;border-radius:50%;border:1px solid color-mix(in srgb,var(--text-primary) 35%,transparent);vertical-align:middle;flex-shrink:0}.ldk-selectbox-arrow{flex-shrink:0;font-size:var(--font-size-sm);transition:transform .15s ease}.ldk-selectbox-arrow-up{transform:rotate(180deg)}.ldk-selectbox-dropdown{position:absolute;top:100%;left:0;margin-top:2px;background:var(--bg-window);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-pop);overflow:hidden;z-index:var(--z-dropdown);max-height:260px;max-width:calc(100vw - 24px);display:flex;flex-direction:column;animation:ldk-selectbox-in .1s ease-out}@keyframes ldk-selectbox-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ldk-selectbox-search{padding:4px;border-bottom:1px solid var(--separator)}.ldk-selectbox-search-input{width:100%;padding:2px 6px;background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-xs);font-size:var(--font-size-sm);font-family:inherit;outline:none;box-sizing:border-box}.ldk-selectbox-search-input:focus{border-color:var(--accent)}.ldk-selectbox-list{list-style:none;margin:0;padding:2px 0;overflow-y:auto;outline:none}.ldk-selectbox-item{padding:3px 8px;font-size:var(--font-size-md);line-height:1.6;color:var(--text-primary);cursor:pointer}.ldk-selectbox-item-focus{background:var(--accent);color:var(--text-on-accent)}.ldk-selectbox-item-selected:not(.ldk-selectbox-item-focus){background:var(--bg-selection)}.ldk-selectbox-empty{padding:6px 8px;font-size:var(--font-size-sm);color:var(--text-muted);text-align:center}.ldk-selectbox-disabled{pointer-events:none}.ldk-keybinding-hint{display:inline-flex;align-items:center;gap:3px}.ldk-keybinding-hint-chord{display:inline-flex;align-items:center}.ldk-keybinding-hint-chord--spaced{margin-left:6px}.ldk-keybinding-hint kbd{display:inline-block;padding:1px 5px;font-size:var(--font-size-2xs);font-family:var(--font-mono);background:var(--kbd-bg);border:1px solid var(--kbd-border);border-radius:var(--radius-sm);line-height:1.5}.ldk-keybinding-hint-sep{opacity:.4;margin:0 1px}.ldk-ctx-menu{position:fixed;min-width:140px;max-width:280px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-hairline),var(--context-menu-shadow);padding:4px 0;overflow:hidden;outline:none;opacity:0;transform:scale(.96);transform-origin:top left;transition:opacity .15s ease-out,transform .15s ease-out}.ldk-ctx-menu:focus-visible{outline:none}.ldk-ctx-menu.show{opacity:1;transform:scale(1)}.ldk-ctx-item{display:flex;align-items:center;gap:8px;padding:6px 12px;font-size:var(--font-size-md);font-weight:400;line-height:1.6;color:var(--text-primary);cursor:pointer;transition:background 60ms;-webkit-user-select:none;user-select:none}.ldk-ctx-item:hover,.ldk-ctx-item.focused{background:var(--tab-hover-bg);color:var(--text-primary);box-shadow:inset 2px 0 0 var(--accent)}.ldk-ctx-item-icon{flex-shrink:0;width:calc(16px * var(--ui-scale));height:calc(16px * var(--ui-scale));font-size:var(--font-size-lg);display:flex;align-items:center;justify-content:center;opacity:.75}.ldk-ctx-item:hover .ldk-ctx-item-icon,.ldk-ctx-item.focused .ldk-ctx-item-icon{opacity:1;color:var(--accent)}.ldk-ctx-item-shortcut{flex-shrink:0;margin-left:12px}.ldk-ctx-item-check{flex-shrink:0;width:16px;font-size:var(--font-size-sm);color:var(--accent);display:flex;align-items:center}.ldk-ctx-item-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ldk-ctx-divider{height:1px;background:var(--separator);margin:4px 12px}.ldk-ctx-item-danger{color:var(--danger)}.ldk-ctx-item-danger .ldk-ctx-item-icon{opacity:1}.ldk-ctx-item-danger:hover,.ldk-ctx-item-danger.focused{background:var(--tab-hover-bg);color:var(--danger);box-shadow:inset 2px 0 0 var(--danger)}.ldk-form-row{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-size:var(--font-size-sm);color:var(--text-primary)}.ldk-form-row>label,.ldk-form-row>.form-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ldk-form-row>.ldk-toggle,.ldk-form-row>.ldk-input,.ldk-form-row>select,.ldk-form-row>.form-control{flex-shrink:0}.ldk-hint-card-host{display:inline-flex}.ldk-hint-card{position:fixed;z-index:var(--z-dropdown);width:300px;box-sizing:border-box;padding:12px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-window);box-shadow:var(--shadow-pop);pointer-events:none}.ldk-hint-card-title{margin-bottom:4px;font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary)}.ldk-hint-card p{margin:0 0 4px;font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.7}.ldk-hint-card-note{margin-top:8px;padding-top:8px;border-top:1px solid var(--border);font-size:var(--font-size-xs);color:var(--text-muted)}.ldk-number-input{display:inline-flex;align-items:center;gap:0}.ldk-number-input-btn{display:flex;align-items:center;justify-content:center;width:calc(22px * var(--ui-scale));height:calc(24px * var(--ui-scale));padding:0;border:1px solid var(--border);background:var(--bg-input);color:var(--text-primary);font-size:var(--font-size-lg);line-height:1;cursor:pointer;transition:background .15s,border-color .15s;-webkit-user-select:none;user-select:none}.ldk-number-input-btn:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm);border-right:none}.ldk-number-input-btn:last-child{border-radius:0 var(--radius-sm) var(--radius-sm) 0;border-left:none}.ldk-number-input-btn:hover:not(:disabled){background:var(--tab-hover-bg)}.ldk-number-input-btn:active:not(:disabled){background:var(--accent);color:var(--text-on-accent)}.ldk-number-input-btn:disabled{opacity:.3;cursor:default}.ldk-number-input-field{border-radius:0;text-align:center;width:44px}.ldk-number-input-unit{margin:0 6px 0 8px;color:var(--text-muted);font-size:var(--font-size-sm);line-height:1;-webkit-user-select:none;user-select:none}.ldk-segmented-radio{display:flex;gap:4px}.ldk-segmented-radio__option{display:flex;flex-direction:column;align-items:center;gap:4px;padding:4px 8px;background:transparent;border:1px solid var(--separator);border-radius:var(--radius-sm);cursor:pointer;transition:border-color .12s ease,background .12s ease}.ldk-segmented-radio__option:hover{border-color:var(--text-muted);background:var(--hover-overlay)}.ldk-segmented-radio__option:focus-visible{outline:1px solid var(--accent);outline-offset:1px}.ldk-segmented-radio__option.is-selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.ldk-segmented-radio__label{font-size:var(--font-size-sm);color:var(--text-secondary);white-space:nowrap}.ldk-segmented-radio__option.is-selected .ldk-segmented-radio__label{color:var(--text-primary)}.ldk-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:130px;height:4px;margin:0;border-radius:var(--radius-sm);background:linear-gradient(to right,var(--accent) var(--slider-pct, 0%),var(--border) var(--slider-pct, 0%));cursor:pointer;outline-offset:4px}.ldk-slider:disabled{opacity:.4;cursor:default}.ldk-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:var(--text-primary);box-shadow:var(--shadow-tiny);cursor:grab}.ldk-slider::-webkit-slider-thumb:active{cursor:grabbing}.ldk-sle{display:flex;flex-direction:column;gap:4px;width:100%}.ldk-sle-row{display:flex;align-items:center;gap:6px;min-height:calc(24px * var(--ui-scale, 1));width:100%;box-sizing:border-box}.ldk-sle-glyph{font-size:var(--font-size-sm);color:var(--text-muted);flex-shrink:0}.ldk-sle-url{flex:1;min-width:0;font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ldk-sle-badge{flex-shrink:0;font-size:var(--font-size-2xs);color:var(--text-muted);background:var(--bg-window);padding:1px 4px;border-radius:3px;white-space:nowrap}.ldk-sle-lock{font-size:var(--font-size-sm);color:var(--text-muted);flex-shrink:0}.ldk-sle-del{display:flex;align-items:center;justify-content:center;width:calc(24px * var(--ui-scale, 1));height:calc(24px * var(--ui-scale, 1));padding:0;background:transparent;border:none;border-radius:3px;color:var(--text-muted);cursor:pointer;font-size:var(--font-size-sm);flex-shrink:0;transition:color .15s ease,background .15s ease}.ldk-sle-del:hover{color:var(--error);background:var(--hover-overlay)}.ldk-sle-add-row{display:flex;align-items:center;gap:6px;width:100%}.ldk-sle-input{flex:1;min-width:0;box-sizing:border-box;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px 8px;color:var(--text-primary);font-family:var(--font-mono);font-size:var(--font-size-xs);transition:border-color .15s;outline:none}.ldk-sle-input:focus{border-color:var(--accent)}.ldk-sle-add-btn{flex-shrink:0;padding:3px 8px;border:1px solid var(--separator);border-radius:4px;background:transparent;color:var(--text-primary);cursor:pointer;font-size:var(--font-size-xs);font-family:inherit;white-space:nowrap}.ldk-sle-add-btn:hover:not(:disabled){background:var(--tab-hover-bg)}.ldk-sle-add-btn:disabled{opacity:.5;cursor:not-allowed}.ldk-sle-msg{display:block;font-size:var(--font-size-2xs);line-height:1.5;padding:0 2px}.ldk-sle-msg--error{color:var(--error)}.ldk-sle-msg--hint{color:var(--text-muted)}.ldk-theme-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:100%}.ldk-theme-picker-card{border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;background:var(--bg-card);padding:0;text-align:left;color:inherit;font:inherit;transition:border-color .15s ease,transform .15s ease}.ldk-theme-picker-card:hover{border-color:var(--separator);transform:translateY(-1px)}.ldk-theme-picker-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ldk-theme-picker-card.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.ldk-theme-picker-preview{height:44px;display:flex;align-items:center;gap:3px;padding:8px;overflow:hidden}.ldk-theme-picker-preview .ldk-theme-picker-preview-bar{width:26px;height:12px;border-radius:var(--radius-xs)}.ldk-theme-picker-preview .ldk-theme-picker-preview-dots{display:flex;gap:3px}.ldk-theme-picker-preview .ldk-theme-picker-preview-dot{width:12px;height:12px;border-radius:50%;border:1px solid color-mix(in srgb,var(--text-primary) 35%,transparent)}.ldk-theme-picker-card .ldk-theme-picker-name{padding:6px 8px;font-size:var(--font-size-xs);color:var(--text-secondary);display:flex;align-items:center;justify-content:space-between;gap:4px;overflow:hidden}.ldk-theme-picker-card.active .ldk-theme-picker-name{color:var(--text-primary)}.ldk-theme-picker-card .ldk-theme-picker-name-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ldk-theme-picker-card .ldk-theme-picker-badge{font-size:var(--font-size-2xs);color:var(--accent);white-space:nowrap}.ldk-theme-picker-empty{color:var(--text-muted);font-size:var(--font-size-sm);padding:8px 0}.ldk-toggle{width:36px;height:20px;border-radius:var(--radius-pill);background:var(--border);transition:background .15s;cursor:pointer;position:relative;flex-shrink:0}.ldk-toggle.on{background:var(--accent)}.ldk-toggle:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:var(--radius-pill);background:var(--toggle-knob);transition:transform .15s}.ldk-toggle.on:after{transform:translate(16px);background:var(--toggle-knob-on, var(--text-on-accent))}.ldk-toggle.disabled{opacity:.4;cursor:not-allowed}.ldk-inline-input{border:1px solid var(--border);background:var(--bg-input);color:var(--text-primary);font-family:inherit;outline:none;box-sizing:border-box;width:100%;transition:border-color .15s ease-out,box-shadow .15s ease-out}.ldk-inline-input:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.ldk-inline-input--compact{height:calc(22px * var(--ui-scale));font-size:var(--font-size-sm);padding:0 4px}.ldk-inline-input--normal{height:calc(32px * var(--ui-scale));font-size:var(--font-size-md);padding:0 8px}
|
package/dist/index.d.ts
CHANGED
|
@@ -10,6 +10,7 @@ export { default as FilePathInput } from "./file-path-input/FilePathInput";
|
|
|
10
10
|
export { default as FontFamilySelect } from "./font-family-select/FontFamilySelect";
|
|
11
11
|
export { default as FormRow } from "./form-row/FormRow";
|
|
12
12
|
export { default as HintCard } from "./hint-card/HintCard";
|
|
13
|
+
export { default as HintTip } from "./hint-tip/HintTip";
|
|
13
14
|
export { default as NumberInput } from "./number-input/NumberInput";
|
|
14
15
|
export { default as SegmentedRadio } from "./segmented-radio/SegmentedRadio";
|
|
15
16
|
export { default as SelectBox } from "./select-box/SelectBox";
|
|
@@ -28,6 +29,7 @@ export { useDebouncedInput } from "./hooks/useDebouncedInput";
|
|
|
28
29
|
export { FileIconResolver } from "./file-icon/FileIconResolver";
|
|
29
30
|
export { inferSliderStep } from "./slider/sliderStep";
|
|
30
31
|
export { urlSourceKey } from "./string-list-editor/urlSourceKey";
|
|
32
|
+
export type { HintTipProps } from "./hint-tip/HintTip";
|
|
31
33
|
export type { IconDescriptor } from "./file-icon/FileIconResolver";
|
|
32
34
|
export type { InlineInputHandle } from "./inline-input/InlineInput";
|
|
33
35
|
export type { ContextMenuProps } from "./context-menu/ContextMenu";
|