@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.
Files changed (164) hide show
  1. package/DEPLOY.md +3 -3
  2. package/DESIGN.md +13 -4
  3. package/INTEGRATION.md +25 -2
  4. package/_adherence.oxlintrc.json +57 -11
  5. package/_ds_bundle.js +2137 -186
  6. package/_scripts/build-index.mjs +1 -1
  7. package/_src/icon-index.js +1 -1
  8. package/assets/icons/icon-index.json +1 -1
  9. package/changelog.js +15 -0
  10. package/components/_cards/accordion.card.html +1 -1
  11. package/components/_cards/action-chip.card.html +1 -1
  12. package/components/_cards/activity.card.html +1 -1
  13. package/components/_cards/alert.card.html +1 -1
  14. package/components/_cards/app-chrome.card.html +1 -1
  15. package/components/_cards/banner.card.html +1 -1
  16. package/components/_cards/breadcrumb.card.html +1 -1
  17. package/components/_cards/button-1-base.card.html +5 -2
  18. package/components/_cards/button-2-states.card.html +5 -5
  19. package/components/_cards/button-3-sizes-icons.card.html +2 -2
  20. package/components/_cards/button-4-group.card.html +2 -2
  21. package/components/_cards/button-5-ai.card.html +34 -0
  22. package/components/_cards/canvas-zoom-controls.card.html +1 -1
  23. package/components/_cards/cards-indicators.card.html +1 -1
  24. package/components/_cards/charts-1-sparkline.card.html +1 -1
  25. package/components/_cards/charts-10-gauge.card.html +1 -1
  26. package/components/_cards/charts-11-funnel.card.html +1 -1
  27. package/components/_cards/charts-12-treemap.card.html +1 -1
  28. package/components/_cards/charts-14-radar.card.html +1 -1
  29. package/components/_cards/charts-15-distribution.card.html +1 -1
  30. package/components/_cards/charts-16-pareto.card.html +1 -1
  31. package/components/_cards/charts-17-candlestick.card.html +1 -1
  32. package/components/_cards/charts-18-sankey.card.html +1 -1
  33. package/components/_cards/charts-19-chord.card.html +1 -1
  34. package/components/_cards/charts-2-line.card.html +1 -1
  35. package/components/_cards/charts-20-sunburst.card.html +1 -1
  36. package/components/_cards/charts-21-worldmap.card.html +1 -1
  37. package/components/_cards/charts-22-gantt.card.html +1 -1
  38. package/components/_cards/charts-23-bar3d.card.html +1 -1
  39. package/components/_cards/charts-24-pie3d.card.html +1 -1
  40. package/components/_cards/charts-25-surface3d.card.html +1 -1
  41. package/components/_cards/charts-26-scatter3d.card.html +1 -1
  42. package/components/_cards/charts-27-ribbon3d.card.html +1 -1
  43. package/components/_cards/charts-3-bar.card.html +1 -1
  44. package/components/_cards/charts-4-barlist.card.html +1 -1
  45. package/components/_cards/charts-5-donut.card.html +1 -1
  46. package/components/_cards/charts-6-scatter.card.html +1 -1
  47. package/components/_cards/charts-7-heatmap.card.html +1 -1
  48. package/components/_cards/charts-8-waterfall.card.html +1 -1
  49. package/components/_cards/charts-9-bullet.card.html +1 -1
  50. package/components/_cards/charts-99-fullpage.card.html +1 -1
  51. package/components/_cards/checkbox.card.html +1 -1
  52. package/components/_cards/codeblock.card.html +1 -1
  53. package/components/_cards/combobox.card.html +1 -1
  54. package/components/_cards/context-menu.card.html +1 -1
  55. package/components/_cards/date-picker.card.html +1 -1
  56. package/components/_cards/diffvalue.card.html +1 -1
  57. package/components/_cards/divider.card.html +1 -1
  58. package/components/_cards/drawer.card.html +1 -1
  59. package/components/_cards/dropdown-menu.card.html +1 -1
  60. package/components/_cards/dropzone.card.html +1 -1
  61. package/components/_cards/empty-state.card.html +1 -1
  62. package/components/_cards/filter-bar.card.html +1 -1
  63. package/components/_cards/icon-button.card.html +1 -1
  64. package/components/_cards/icons-0-usage.card.html +2 -2
  65. package/components/_cards/icons-1-core.card.html +1 -1
  66. package/components/_cards/icons-2-feather.card.html +1 -1
  67. package/components/_cards/icons-2b-lucide.card.html +1 -1
  68. package/components/_cards/icons-3-unicons.card.html +1 -1
  69. package/components/_cards/icons-4-datasource.card.html +1 -1
  70. package/components/_cards/input.card.html +1 -1
  71. package/components/_cards/kbd.card.html +5 -7
  72. package/components/_cards/keyvalue.card.html +1 -1
  73. package/components/_cards/listrow.card.html +1 -1
  74. package/components/_cards/loading.card.html +1 -1
  75. package/components/_cards/log-viewer.card.html +1 -1
  76. package/components/_cards/multi-select.card.html +1 -1
  77. package/components/_cards/number-stepper.card.html +1 -1
  78. package/components/_cards/pagination.card.html +1 -1
  79. package/components/_cards/people.card.html +1 -1
  80. package/components/_cards/pipeline-node.card.html +1 -1
  81. package/components/_cards/pipeline-palette.card.html +1 -1
  82. package/components/_cards/radio.card.html +1 -1
  83. package/components/_cards/relative-time-picker.card.html +1 -1
  84. package/components/_cards/search-global.card.html +72 -0
  85. package/components/_cards/search.card.html +1 -1
  86. package/components/_cards/segmented-control.card.html +1 -1
  87. package/components/_cards/select.card.html +1 -1
  88. package/components/_cards/slider.card.html +1 -1
  89. package/components/_cards/smart-table.card.html +1 -1
  90. package/components/_cards/spreadsheet.card.html +1 -1
  91. package/components/_cards/stepper.card.html +1 -1
  92. package/components/_cards/table.card.html +1 -1
  93. package/components/_cards/tabs.card.html +1 -1
  94. package/components/_cards/tag.card.html +1 -1
  95. package/components/_cards/textarea.card.html +1 -1
  96. package/components/_cards/timeline.card.html +1 -1
  97. package/components/_cards/toast.card.html +1 -1
  98. package/components/_cards/toggles.card.html +1 -1
  99. package/components/_cards/tooltip.card.html +1 -1
  100. package/components/_cards/tree.card.html +1 -1
  101. package/components/_vue/index.mjs +2 -0
  102. package/components/buttons/BUTTON_MIGRATION.md +111 -0
  103. package/components/buttons/Button.d.ts +14 -5
  104. package/components/buttons/Button.jsx +45 -8
  105. package/components/buttons/Button.vue +61 -12
  106. package/components/buttons/Button.vue.d.ts +47 -0
  107. package/components/buttons/ai-button.js +54 -0
  108. package/components/buttons/buttons.prompt.md +7 -2
  109. package/components/display/Kbd.d.ts +3 -1
  110. package/components/display/Kbd.jsx +8 -3
  111. package/components/display/Kbd.vue +7 -3
  112. package/components/display/display.prompt.md +3 -1
  113. package/components/feedback/MESSAGE_SERVICES.md +71 -0
  114. package/components/feedback/Modal.d.ts +7 -0
  115. package/components/feedback/Modal.jsx +9 -9
  116. package/components/feedback/Toast.vue +8 -8
  117. package/components/feedback/_internal/MessageBoxView.vue +237 -0
  118. package/components/feedback/_internal/MessageView.vue +73 -0
  119. package/components/feedback/_internal/service-utils.js +46 -0
  120. package/components/feedback/feedback.prompt.md +2 -0
  121. package/components/feedback/message-box.d.ts +69 -0
  122. package/components/feedback/message-box.js +92 -0
  123. package/components/feedback/message.d.ts +37 -0
  124. package/components/feedback/message.js +68 -0
  125. package/components/forms/GlobalSearch.d.ts +83 -0
  126. package/components/forms/GlobalSearch.jsx +172 -0
  127. package/components/forms/GlobalSearch.vue +161 -0
  128. package/components/forms/forms.prompt.md +7 -0
  129. package/components/forms/global-search.js +161 -0
  130. package/components/icons/Icon.d.ts +2 -0
  131. package/components/icons/Icon.jsx +14 -6
  132. package/components/icons/Icon.vue +11 -4
  133. package/components/icons/icon-paths.js +4 -2
  134. package/components/index.d.ts +1 -0
  135. package/components/index.js +1 -0
  136. package/components/navigation/TopBar.d.ts +9 -3
  137. package/components/navigation/TopBar.jsx +5 -7
  138. package/components/navigation/TopBar.vue +5 -6
  139. package/covers.js +4 -2
  140. package/gallery.html +1 -1
  141. package/guidelines/brand-logo.html +1 -1
  142. package/guidelines/colors-schemes.html +1 -1
  143. package/guidelines/colors-transparency.html +1 -1
  144. package/guidelines/foundations-borders.html +1 -1
  145. package/guidelines/foundations-chrome.html +1 -1
  146. package/guidelines/foundations-motion.html +1 -1
  147. package/guidelines/foundations-size-tiers.html +1 -1
  148. package/guidelines/foundations-spacing.html +1 -1
  149. package/guidelines/interaction-states.html +1 -1
  150. package/guidelines/type-extended.html +1 -1
  151. package/guidelines/type-mono.html +1 -1
  152. package/guidelines/type-scale.html +1 -1
  153. package/guidelines/type-weights.html +1 -1
  154. package/index.html +8 -8
  155. package/package.json +10 -2
  156. package/readme.md +4 -4
  157. package/readme.zh-CN.md +4 -4
  158. package/site-nav.js +1 -1
  159. package/styles.css +1 -0
  160. package/tokens/ai.css +17 -0
  161. package/tokens/colors.css +1 -1
  162. package/tokens/tokens.d.ts +28 -0
  163. package/tokens/tokens.js +47 -5
  164. package/tokens/tokens.json +123 -5
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@keyfunc/keybricks-ds",
3
- "version": "2.4.0",
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": "20px",
2588
- "value": "20px"
2705
+ "raw": "18px",
2706
+ "value": "18px"
2589
2707
  }
2590
2708
  },
2591
2709
  "--switch-w": {
2592
2710
  "group": "layout",
2593
2711
  "light": {
2594
- "raw": "36px",
2595
- "value": "36px"
2712
+ "raw": "32px",
2713
+ "value": "32px"
2596
2714
  }
2597
2715
  },
2598
2716
  "--t-hover": {