@keyfunc/keybricks-ds 2.5.1 → 2.7.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/DEPLOY.md +3 -3
- package/DESIGN.md +13 -4
- package/INTEGRATION.md +25 -2
- package/_adherence.oxlintrc.json +57 -11
- package/_ds_bundle.js +2137 -186
- package/_scripts/build-index.mjs +1 -1
- package/_src/icon-index.js +1 -1
- package/assets/icons/icon-index.json +1 -1
- package/changelog.js +15 -0
- package/components/_cards/accordion.card.html +1 -1
- package/components/_cards/action-chip.card.html +1 -1
- package/components/_cards/activity.card.html +1 -1
- package/components/_cards/alert.card.html +1 -1
- package/components/_cards/app-chrome.card.html +1 -1
- package/components/_cards/banner.card.html +1 -1
- package/components/_cards/breadcrumb.card.html +1 -1
- package/components/_cards/button-1-base.card.html +5 -2
- package/components/_cards/button-2-states.card.html +5 -5
- package/components/_cards/button-3-sizes-icons.card.html +2 -2
- package/components/_cards/button-4-group.card.html +2 -2
- package/components/_cards/button-5-ai.card.html +34 -0
- package/components/_cards/canvas-zoom-controls.card.html +1 -1
- package/components/_cards/cards-indicators.card.html +1 -1
- package/components/_cards/charts-1-sparkline.card.html +1 -1
- package/components/_cards/charts-10-gauge.card.html +1 -1
- package/components/_cards/charts-11-funnel.card.html +1 -1
- package/components/_cards/charts-12-treemap.card.html +1 -1
- package/components/_cards/charts-14-radar.card.html +1 -1
- package/components/_cards/charts-15-distribution.card.html +1 -1
- package/components/_cards/charts-16-pareto.card.html +1 -1
- package/components/_cards/charts-17-candlestick.card.html +1 -1
- package/components/_cards/charts-18-sankey.card.html +1 -1
- package/components/_cards/charts-19-chord.card.html +1 -1
- package/components/_cards/charts-2-line.card.html +1 -1
- package/components/_cards/charts-20-sunburst.card.html +1 -1
- package/components/_cards/charts-21-worldmap.card.html +1 -1
- package/components/_cards/charts-22-gantt.card.html +1 -1
- package/components/_cards/charts-23-bar3d.card.html +1 -1
- package/components/_cards/charts-24-pie3d.card.html +1 -1
- package/components/_cards/charts-25-surface3d.card.html +1 -1
- package/components/_cards/charts-26-scatter3d.card.html +1 -1
- package/components/_cards/charts-27-ribbon3d.card.html +1 -1
- package/components/_cards/charts-3-bar.card.html +1 -1
- package/components/_cards/charts-4-barlist.card.html +1 -1
- package/components/_cards/charts-5-donut.card.html +1 -1
- package/components/_cards/charts-6-scatter.card.html +1 -1
- package/components/_cards/charts-7-heatmap.card.html +1 -1
- package/components/_cards/charts-8-waterfall.card.html +1 -1
- package/components/_cards/charts-9-bullet.card.html +1 -1
- package/components/_cards/charts-99-fullpage.card.html +1 -1
- package/components/_cards/checkbox.card.html +1 -1
- package/components/_cards/codeblock.card.html +1 -1
- package/components/_cards/combobox.card.html +1 -1
- package/components/_cards/context-menu.card.html +1 -1
- package/components/_cards/date-picker.card.html +1 -1
- package/components/_cards/diffvalue.card.html +1 -1
- package/components/_cards/divider.card.html +1 -1
- package/components/_cards/drawer.card.html +1 -1
- package/components/_cards/dropdown-menu.card.html +1 -1
- package/components/_cards/dropzone.card.html +1 -1
- package/components/_cards/empty-state.card.html +1 -1
- package/components/_cards/filter-bar.card.html +1 -1
- package/components/_cards/icon-button.card.html +1 -1
- package/components/_cards/icons-0-usage.card.html +2 -2
- package/components/_cards/icons-1-core.card.html +1 -1
- package/components/_cards/icons-2-feather.card.html +1 -1
- package/components/_cards/icons-2b-lucide.card.html +1 -1
- package/components/_cards/icons-3-unicons.card.html +1 -1
- package/components/_cards/icons-4-datasource.card.html +1 -1
- package/components/_cards/input.card.html +1 -1
- package/components/_cards/kbd.card.html +5 -7
- package/components/_cards/keyvalue.card.html +1 -1
- package/components/_cards/listrow.card.html +1 -1
- package/components/_cards/loading.card.html +1 -1
- package/components/_cards/log-viewer.card.html +1 -1
- package/components/_cards/multi-select.card.html +1 -1
- package/components/_cards/number-stepper.card.html +1 -1
- package/components/_cards/pagination.card.html +1 -1
- package/components/_cards/people.card.html +1 -1
- package/components/_cards/pipeline-node.card.html +1 -1
- package/components/_cards/pipeline-palette.card.html +1 -1
- package/components/_cards/radio.card.html +1 -1
- package/components/_cards/relative-time-picker.card.html +1 -1
- package/components/_cards/search-global.card.html +72 -0
- package/components/_cards/search.card.html +1 -1
- package/components/_cards/segmented-control.card.html +1 -1
- package/components/_cards/select.card.html +1 -1
- package/components/_cards/slider.card.html +1 -1
- package/components/_cards/smart-table.card.html +1 -1
- package/components/_cards/spreadsheet.card.html +1 -1
- package/components/_cards/stepper.card.html +1 -1
- package/components/_cards/table.card.html +1 -1
- package/components/_cards/tabs.card.html +1 -1
- package/components/_cards/tag.card.html +1 -1
- package/components/_cards/textarea.card.html +1 -1
- package/components/_cards/timeline.card.html +1 -1
- package/components/_cards/toast.card.html +1 -1
- package/components/_cards/toggles.card.html +1 -1
- package/components/_cards/tooltip.card.html +1 -1
- package/components/_cards/tree.card.html +1 -1
- package/components/_vue/index.mjs +2 -0
- package/components/buttons/BUTTON_MIGRATION.md +111 -0
- package/components/buttons/Button.d.ts +14 -5
- package/components/buttons/Button.jsx +45 -8
- package/components/buttons/Button.vue +61 -12
- package/components/buttons/Button.vue.d.ts +47 -0
- package/components/buttons/ai-button.js +54 -0
- package/components/buttons/buttons.prompt.md +7 -2
- package/components/display/Kbd.d.ts +3 -1
- package/components/display/Kbd.jsx +8 -3
- package/components/display/Kbd.vue +7 -3
- package/components/display/display.prompt.md +3 -1
- package/components/feedback/MESSAGE_SERVICES.md +71 -0
- package/components/feedback/Modal.d.ts +7 -0
- package/components/feedback/Modal.jsx +9 -9
- package/components/feedback/Toast.vue +8 -8
- package/components/feedback/_internal/MessageBoxView.vue +237 -0
- package/components/feedback/_internal/MessageView.vue +73 -0
- package/components/feedback/_internal/service-utils.js +46 -0
- package/components/feedback/feedback.prompt.md +2 -0
- package/components/feedback/message-box.d.ts +69 -0
- package/components/feedback/message-box.js +92 -0
- package/components/feedback/message.d.ts +37 -0
- package/components/feedback/message.js +68 -0
- package/components/forms/GlobalSearch.d.ts +83 -0
- package/components/forms/GlobalSearch.jsx +172 -0
- package/components/forms/GlobalSearch.vue +161 -0
- package/components/forms/forms.prompt.md +7 -0
- package/components/forms/global-search.js +161 -0
- package/components/icons/Icon.d.ts +2 -0
- package/components/icons/Icon.jsx +14 -6
- package/components/icons/Icon.vue +11 -4
- package/components/icons/icon-paths.js +4 -2
- package/components/index.d.ts +1 -0
- package/components/index.js +1 -0
- package/components/navigation/TopBar.d.ts +9 -3
- package/components/navigation/TopBar.jsx +5 -7
- package/components/navigation/TopBar.vue +5 -6
- package/covers.js +4 -2
- package/gallery.html +1 -1
- package/guidelines/brand-logo.html +1 -1
- package/guidelines/colors-schemes.html +1 -1
- package/guidelines/colors-transparency.html +1 -1
- package/guidelines/foundations-borders.html +1 -1
- package/guidelines/foundations-chrome.html +1 -1
- package/guidelines/foundations-motion.html +1 -1
- package/guidelines/foundations-size-tiers.html +1 -1
- package/guidelines/foundations-spacing.html +1 -1
- package/guidelines/interaction-states.html +1 -1
- package/guidelines/type-extended.html +1 -1
- package/guidelines/type-mono.html +1 -1
- package/guidelines/type-scale.html +1 -1
- package/guidelines/type-weights.html +1 -1
- package/index.html +8 -8
- package/package.json +10 -2
- package/readme.md +4 -4
- package/readme.zh-CN.md +4 -4
- package/site-nav.js +1 -1
- package/styles.css +1 -0
- package/tokens/ai.css +17 -0
- package/tokens/colors.css +1 -1
- package/tokens/tokens.d.ts +28 -0
- package/tokens/tokens.js +47 -5
- package/tokens/tokens.json +123 -5
package/tokens/tokens.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@keyfunc/keybricks-ds",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.7.0",
|
|
4
4
|
"source": "tokens/*.css",
|
|
5
5
|
"note": "Generated by _scripts/build-tokens.mjs — CSS is the source of truth.",
|
|
6
6
|
"tokens": {
|
|
@@ -81,6 +81,91 @@
|
|
|
81
81
|
"value": "#2b7fff"
|
|
82
82
|
}
|
|
83
83
|
},
|
|
84
|
+
"--ai-glow-blur": {
|
|
85
|
+
"group": "ai",
|
|
86
|
+
"light": {
|
|
87
|
+
"raw": "6px",
|
|
88
|
+
"value": "6px"
|
|
89
|
+
}
|
|
90
|
+
},
|
|
91
|
+
"--ai-glow-opacity": {
|
|
92
|
+
"group": "ai",
|
|
93
|
+
"light": {
|
|
94
|
+
"raw": ".4",
|
|
95
|
+
"value": ".4"
|
|
96
|
+
},
|
|
97
|
+
"dark": {
|
|
98
|
+
"raw": ".3",
|
|
99
|
+
"value": ".3"
|
|
100
|
+
}
|
|
101
|
+
},
|
|
102
|
+
"--ai-gradient-end": {
|
|
103
|
+
"group": "ai",
|
|
104
|
+
"light": {
|
|
105
|
+
"raw": "var(--pink-500)",
|
|
106
|
+
"value": "#e355b2"
|
|
107
|
+
}
|
|
108
|
+
},
|
|
109
|
+
"--ai-gradient-start": {
|
|
110
|
+
"group": "ai",
|
|
111
|
+
"light": {
|
|
112
|
+
"raw": "var(--blue-500)",
|
|
113
|
+
"value": "#2b7fff"
|
|
114
|
+
}
|
|
115
|
+
},
|
|
116
|
+
"--ai-gradient-stops": {
|
|
117
|
+
"group": "ai",
|
|
118
|
+
"light": {
|
|
119
|
+
"raw": "var(--ai-gradient-start),var(--ai-gradient-end),var(--ai-gradient-start)",
|
|
120
|
+
"value": "#2b7fff,#e355b2,#2b7fff"
|
|
121
|
+
}
|
|
122
|
+
},
|
|
123
|
+
"--ai-ring-rest-track": {
|
|
124
|
+
"group": "ai",
|
|
125
|
+
"light": {
|
|
126
|
+
"raw": "var(--border-control)",
|
|
127
|
+
"value": "#e5e5e5"
|
|
128
|
+
},
|
|
129
|
+
"dark": {
|
|
130
|
+
"raw": "var(--border-control)",
|
|
131
|
+
"value": "#333333"
|
|
132
|
+
}
|
|
133
|
+
},
|
|
134
|
+
"--ai-ring-width": {
|
|
135
|
+
"group": "ai",
|
|
136
|
+
"light": {
|
|
137
|
+
"raw": "1px",
|
|
138
|
+
"value": "1px"
|
|
139
|
+
}
|
|
140
|
+
},
|
|
141
|
+
"--ai-spin-hover": {
|
|
142
|
+
"group": "ai",
|
|
143
|
+
"light": {
|
|
144
|
+
"raw": "1.2s",
|
|
145
|
+
"value": "1.2s"
|
|
146
|
+
}
|
|
147
|
+
},
|
|
148
|
+
"--ai-spin-rest": {
|
|
149
|
+
"group": "ai",
|
|
150
|
+
"light": {
|
|
151
|
+
"raw": "5s",
|
|
152
|
+
"value": "5s"
|
|
153
|
+
}
|
|
154
|
+
},
|
|
155
|
+
"--ai-tint": {
|
|
156
|
+
"group": "ai",
|
|
157
|
+
"light": {
|
|
158
|
+
"raw": "8%",
|
|
159
|
+
"value": "8%"
|
|
160
|
+
}
|
|
161
|
+
},
|
|
162
|
+
"--ai-tint-press": {
|
|
163
|
+
"group": "ai",
|
|
164
|
+
"light": {
|
|
165
|
+
"raw": "14%",
|
|
166
|
+
"value": "14%"
|
|
167
|
+
}
|
|
168
|
+
},
|
|
84
169
|
"--amber-100": {
|
|
85
170
|
"group": "colors-extended",
|
|
86
171
|
"light": {
|
|
@@ -2431,6 +2516,17 @@
|
|
|
2431
2516
|
"value": "#8f8f8f"
|
|
2432
2517
|
}
|
|
2433
2518
|
},
|
|
2519
|
+
"--shadow-drawer": {
|
|
2520
|
+
"group": "dark",
|
|
2521
|
+
"light": {
|
|
2522
|
+
"raw": "-8px 0 24px rgba(0,0,0,.12)",
|
|
2523
|
+
"value": "-8px 0 24px rgba(0,0,0,.12)"
|
|
2524
|
+
},
|
|
2525
|
+
"dark": {
|
|
2526
|
+
"raw": "-8px 0 24px rgba(0,0,0,.5)",
|
|
2527
|
+
"value": "-8px 0 24px rgba(0,0,0,.5)"
|
|
2528
|
+
}
|
|
2529
|
+
},
|
|
2434
2530
|
"--shadow-menu": {
|
|
2435
2531
|
"group": "dark",
|
|
2436
2532
|
"light": {
|
|
@@ -2464,6 +2560,17 @@
|
|
|
2464
2560
|
"value": "0 1px 3px 0 rgba(0,0,0,.6),0 1px 2px -1px rgba(0,0,0,.5)"
|
|
2465
2561
|
}
|
|
2466
2562
|
},
|
|
2563
|
+
"--shadow-raised": {
|
|
2564
|
+
"group": "dark",
|
|
2565
|
+
"light": {
|
|
2566
|
+
"raw": "0 1px 2px rgba(0,0,0,.08)",
|
|
2567
|
+
"value": "0 1px 2px rgba(0,0,0,.08)"
|
|
2568
|
+
},
|
|
2569
|
+
"dark": {
|
|
2570
|
+
"raw": "0 1px 2px rgba(0,0,0,.4)",
|
|
2571
|
+
"value": "0 1px 2px rgba(0,0,0,.4)"
|
|
2572
|
+
}
|
|
2573
|
+
},
|
|
2467
2574
|
"--shadow-selected": {
|
|
2468
2575
|
"group": "dark",
|
|
2469
2576
|
"light": {
|
|
@@ -2475,6 +2582,17 @@
|
|
|
2475
2582
|
"value": "0 0 0 2px rgba(43,127,255,.32),0 1px 3px 0 rgba(0,0,0,.6)"
|
|
2476
2583
|
}
|
|
2477
2584
|
},
|
|
2585
|
+
"--shadow-thumb": {
|
|
2586
|
+
"group": "dark",
|
|
2587
|
+
"light": {
|
|
2588
|
+
"raw": "0 1px 2px rgba(0,0,0,.15)",
|
|
2589
|
+
"value": "0 1px 2px rgba(0,0,0,.15)"
|
|
2590
|
+
},
|
|
2591
|
+
"dark": {
|
|
2592
|
+
"raw": "0 1px 2px rgba(0,0,0,.5)",
|
|
2593
|
+
"value": "0 1px 2px rgba(0,0,0,.5)"
|
|
2594
|
+
}
|
|
2595
|
+
},
|
|
2478
2596
|
"--sidebar-w": {
|
|
2479
2597
|
"group": "layout",
|
|
2480
2598
|
"light": {
|
|
@@ -2584,15 +2702,15 @@
|
|
|
2584
2702
|
"--switch-h": {
|
|
2585
2703
|
"group": "layout",
|
|
2586
2704
|
"light": {
|
|
2587
|
-
"raw": "
|
|
2588
|
-
"value": "
|
|
2705
|
+
"raw": "18px",
|
|
2706
|
+
"value": "18px"
|
|
2589
2707
|
}
|
|
2590
2708
|
},
|
|
2591
2709
|
"--switch-w": {
|
|
2592
2710
|
"group": "layout",
|
|
2593
2711
|
"light": {
|
|
2594
|
-
"raw": "
|
|
2595
|
-
"value": "
|
|
2712
|
+
"raw": "32px",
|
|
2713
|
+
"value": "32px"
|
|
2596
2714
|
}
|
|
2597
2715
|
},
|
|
2598
2716
|
"--t-hover": {
|