@editora/ui-core 0.1.20 → 0.1.22

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 (290) hide show
  1. package/dist/accordion.cjs.js +3 -3
  2. package/dist/accordion.esm.js +3 -3
  3. package/dist/alert-dialog.cjs.js +32 -32
  4. package/dist/alert-dialog.esm.js +95 -75
  5. package/dist/alert.cjs.js +6 -6
  6. package/dist/alert.esm.js +6 -6
  7. package/dist/animated-list.cjs.js +4 -4
  8. package/dist/animated-list.esm.js +4 -4
  9. package/dist/animated-text.cjs.js +4 -4
  10. package/dist/animated-text.esm.js +4 -4
  11. package/dist/app-header.cjs.js +3 -3
  12. package/dist/app-header.esm.js +3 -3
  13. package/dist/aspect-ratio.cjs.js +3 -3
  14. package/dist/aspect-ratio.esm.js +3 -3
  15. package/dist/avatar.cjs.js +14 -14
  16. package/dist/avatar.esm.js +31 -29
  17. package/dist/badge.cjs.js +4 -4
  18. package/dist/badge.esm.js +4 -4
  19. package/dist/block-controls.cjs.js +4 -4
  20. package/dist/block-controls.esm.js +4 -4
  21. package/dist/box.cjs.js +2 -2
  22. package/dist/box.esm.js +2 -2
  23. package/dist/breadcrumb.cjs.js +5 -5
  24. package/dist/breadcrumb.esm.js +5 -5
  25. package/dist/button.cjs.js +1 -1
  26. package/dist/button.esm.js +1 -1
  27. package/dist/{calendar-DLY4acgn.mjs → calendar-DbxYRdlv.mjs} +227 -183
  28. package/dist/{calendar-Dkof-FTK.js → calendar-Qa-cFOp3.js} +74 -35
  29. package/dist/calendar.cjs.js +1 -1
  30. package/dist/calendar.esm.js +1 -1
  31. package/dist/card.cjs.js +8 -8
  32. package/dist/card.esm.js +63 -20
  33. package/dist/chart.cjs.js +4 -4
  34. package/dist/chart.esm.js +6 -6
  35. package/dist/checkbox.cjs.js +2 -2
  36. package/dist/checkbox.esm.js +2 -2
  37. package/dist/collapsible.cjs.js +7 -7
  38. package/dist/collapsible.esm.js +7 -7
  39. package/dist/collection.cjs.js +1 -1
  40. package/dist/collection.esm.js +27 -23
  41. package/dist/color-picker.cjs.js +34 -14
  42. package/dist/color-picker.esm.js +89 -67
  43. package/dist/combobox.cjs.js +29 -27
  44. package/dist/combobox.esm.js +51 -45
  45. package/dist/command.cjs.js +2 -2
  46. package/dist/command.esm.js +2 -2
  47. package/dist/components/ui-alert-dialog.d.ts +1 -0
  48. package/dist/components/ui-alert-dialog.d.ts.map +1 -1
  49. package/dist/components/ui-avatar.d.ts +1 -0
  50. package/dist/components/ui-avatar.d.ts.map +1 -1
  51. package/dist/components/ui-button.d.ts +1 -0
  52. package/dist/components/ui-button.d.ts.map +1 -1
  53. package/dist/components/ui-calendar.d.ts.map +1 -1
  54. package/dist/components/ui-card.d.ts +3 -0
  55. package/dist/components/ui-card.d.ts.map +1 -1
  56. package/dist/components/ui-checkbox.d.ts.map +1 -1
  57. package/dist/components/ui-collection.d.ts.map +1 -1
  58. package/dist/components/ui-color-picker.d.ts.map +1 -1
  59. package/dist/components/ui-combobox.d.ts.map +1 -1
  60. package/dist/components/ui-data-table.d.ts.map +1 -1
  61. package/dist/components/ui-date-field.d.ts.map +1 -1
  62. package/dist/components/ui-date-picker.d.ts.map +1 -1
  63. package/dist/components/ui-date-range-picker.d.ts.map +1 -1
  64. package/dist/components/ui-date-range-time-picker.d.ts.map +1 -1
  65. package/dist/components/ui-date-time-picker.d.ts.map +1 -1
  66. package/dist/components/ui-dock.d.ts +1 -0
  67. package/dist/components/ui-dock.d.ts.map +1 -1
  68. package/dist/components/ui-drawer.d.ts.map +1 -1
  69. package/dist/components/ui-dropdown.d.ts.map +1 -1
  70. package/dist/components/ui-field.d.ts.map +1 -1
  71. package/dist/components/ui-file-upload.d.ts.map +1 -1
  72. package/dist/components/ui-gantt.d.ts.map +1 -1
  73. package/dist/components/ui-input.d.ts.map +1 -1
  74. package/dist/components/ui-menu.d.ts.map +1 -1
  75. package/dist/components/ui-multi-select.d.ts.map +1 -1
  76. package/dist/components/ui-number-field.d.ts.map +1 -1
  77. package/dist/components/ui-password-field.d.ts.map +1 -1
  78. package/dist/components/ui-pin-input.d.ts +1 -0
  79. package/dist/components/ui-pin-input.d.ts.map +1 -1
  80. package/dist/components/ui-placement-grid.d.ts.map +1 -1
  81. package/dist/components/ui-portal.d.ts.map +1 -1
  82. package/dist/components/ui-positioner.d.ts.map +1 -1
  83. package/dist/components/ui-progress.d.ts.map +1 -1
  84. package/dist/components/ui-radio.d.ts.map +1 -1
  85. package/dist/components/ui-rating.d.ts +1 -0
  86. package/dist/components/ui-rating.d.ts.map +1 -1
  87. package/dist/components/ui-select.d.ts.map +1 -1
  88. package/dist/components/ui-sortable.d.ts +8 -0
  89. package/dist/components/ui-sortable.d.ts.map +1 -1
  90. package/dist/components/ui-switch.d.ts.map +1 -1
  91. package/dist/components/ui-table.d.ts.map +1 -1
  92. package/dist/components/ui-tabs.d.ts +1 -0
  93. package/dist/components/ui-tabs.d.ts.map +1 -1
  94. package/dist/components/ui-tags-input.d.ts +1 -0
  95. package/dist/components/ui-tags-input.d.ts.map +1 -1
  96. package/dist/components/ui-textarea.d.ts.map +1 -1
  97. package/dist/components/ui-time-field.d.ts.map +1 -1
  98. package/dist/components/ui-toggle-group.d.ts.map +1 -1
  99. package/dist/components/ui-toggle.d.ts.map +1 -1
  100. package/dist/components/ui-tree.d.ts.map +1 -1
  101. package/dist/components/ui-wizard.d.ts.map +1 -1
  102. package/dist/context-menu.cjs.js +3 -3
  103. package/dist/context-menu.esm.js +4 -4
  104. package/dist/control-name-BmoI1m3a.js +1 -0
  105. package/dist/control-name-Bpj7F34X.mjs +48 -0
  106. package/dist/data-table.cjs.js +5 -2
  107. package/dist/data-table.esm.js +145 -142
  108. package/dist/date-field.cjs.js +5 -5
  109. package/dist/date-field.esm.js +34 -31
  110. package/dist/date-picker.cjs.js +16 -16
  111. package/dist/date-picker.esm.js +48 -44
  112. package/dist/date-range-picker.cjs.js +5 -5
  113. package/dist/date-range-picker.esm.js +120 -118
  114. package/dist/date-range-time-picker.cjs.js +22 -22
  115. package/dist/date-range-time-picker.esm.js +88 -84
  116. package/dist/date-time-picker.cjs.js +26 -26
  117. package/dist/date-time-picker.esm.js +105 -101
  118. package/dist/{date-time-utils-Dmost5Ee.js → date-time-utils-BzfTpeU-.js} +1 -1
  119. package/dist/{date-time-utils-y1N2gvG2.mjs → date-time-utils-Cps2aSu2.mjs} +1 -1
  120. package/dist/description.cjs.js +3 -3
  121. package/dist/description.esm.js +3 -3
  122. package/dist/dialog.cjs.js +2 -2
  123. package/dist/dialog.esm.js +2 -2
  124. package/dist/dock.cjs.js +12 -12
  125. package/dist/dock.esm.js +72 -74
  126. package/dist/drawer.cjs.js +19 -19
  127. package/dist/drawer.esm.js +58 -58
  128. package/dist/dropdown.cjs.js +13 -13
  129. package/dist/dropdown.esm.js +49 -48
  130. package/dist/empty-state.cjs.js +3 -3
  131. package/dist/empty-state.esm.js +3 -3
  132. package/dist/field-error.cjs.js +1 -1
  133. package/dist/field-error.esm.js +1 -1
  134. package/dist/field.cjs.js +12 -12
  135. package/dist/field.esm.js +84 -75
  136. package/dist/fieldset.cjs.js +4 -4
  137. package/dist/fieldset.esm.js +4 -4
  138. package/dist/file-upload.cjs.js +3 -3
  139. package/dist/file-upload.esm.js +5 -3
  140. package/dist/floating-toolbar.cjs.js +8 -8
  141. package/dist/floating-toolbar.esm.js +9 -9
  142. package/dist/form.cjs.js +11 -11
  143. package/dist/form.esm.js +11 -11
  144. package/dist/gantt.cjs.js +43 -32
  145. package/dist/gantt.esm.js +99 -88
  146. package/dist/icon-cloud.cjs.js +3 -3
  147. package/dist/icon-cloud.esm.js +3 -3
  148. package/dist/icon.cjs.js +1 -1
  149. package/dist/icon.esm.js +1 -1
  150. package/dist/index.cjs.js +1 -1
  151. package/dist/index.esm.js +121 -118
  152. package/dist/inline-edit.cjs.js +1 -1
  153. package/dist/inline-edit.esm.js +1 -1
  154. package/dist/input.cjs.js +14 -14
  155. package/dist/input.esm.js +39 -32
  156. package/dist/label.cjs.js +3 -3
  157. package/dist/label.esm.js +3 -3
  158. package/dist/{listbox-B6QgECax.js → listbox-CTpRpuF7.js} +1 -1
  159. package/dist/{listbox-DJamVeFj.mjs → listbox-hMVOhKHC.mjs} +1 -1
  160. package/dist/listbox.cjs.js +1 -1
  161. package/dist/listbox.esm.js +1 -1
  162. package/dist/marquee.cjs.js +3 -3
  163. package/dist/marquee.esm.js +3 -3
  164. package/dist/{menu-item-styles-CbNUEwP2.js → menu-item-styles-B4onAr4C.js} +3 -3
  165. package/dist/{menu-item-styles-CZiPwPwl.mjs → menu-item-styles-IGSFLAHu.mjs} +3 -3
  166. package/dist/menu.cjs.js +7 -7
  167. package/dist/menu.esm.js +29 -28
  168. package/dist/menubar.cjs.js +1 -1
  169. package/dist/menubar.esm.js +2 -2
  170. package/dist/meter.cjs.js +1 -1
  171. package/dist/meter.esm.js +1 -1
  172. package/dist/multi-select.cjs.js +18 -18
  173. package/dist/multi-select.esm.js +82 -66
  174. package/dist/navigation-menu.cjs.js +1 -1
  175. package/dist/navigation-menu.esm.js +1 -1
  176. package/dist/number-field.cjs.js +11 -13
  177. package/dist/number-field.esm.js +29 -27
  178. package/dist/number-ticker.cjs.js +4 -4
  179. package/dist/number-ticker.esm.js +4 -4
  180. package/dist/odometer.cjs.js +2 -2
  181. package/dist/odometer.esm.js +2 -2
  182. package/dist/orbiter.cjs.js +3 -3
  183. package/dist/orbiter.esm.js +3 -3
  184. package/dist/pagination.cjs.js +1 -1
  185. package/dist/pagination.esm.js +1 -1
  186. package/dist/password-field.cjs.js +23 -23
  187. package/dist/password-field.esm.js +48 -47
  188. package/dist/pin-input.cjs.js +8 -6
  189. package/dist/pin-input.esm.js +21 -15
  190. package/dist/placement-grid.cjs.js +4 -4
  191. package/dist/placement-grid.esm.js +58 -58
  192. package/dist/plugin-panel.cjs.js +1 -1
  193. package/dist/plugin-panel.esm.js +1 -1
  194. package/dist/popover.cjs.js +5 -5
  195. package/dist/popover.esm.js +4 -4
  196. package/dist/portal.cjs.js +3 -3
  197. package/dist/portal.esm.js +11 -10
  198. package/dist/positioner.cjs.js +2 -2
  199. package/dist/positioner.esm.js +15 -14
  200. package/dist/primitives/auto-scroll.d.ts +9 -0
  201. package/dist/primitives/auto-scroll.d.ts.map +1 -0
  202. package/dist/primitives/control-name.d.ts +30 -0
  203. package/dist/primitives/control-name.d.ts.map +1 -0
  204. package/dist/primitives/selector.d.ts +4 -0
  205. package/dist/primitives/selector.d.ts.map +1 -0
  206. package/dist/primitives/trigger.d.ts +2 -0
  207. package/dist/primitives/trigger.d.ts.map +1 -0
  208. package/dist/progress.cjs.js +4 -4
  209. package/dist/progress.esm.js +20 -18
  210. package/dist/quick-actions.cjs.js +3 -3
  211. package/dist/quick-actions.esm.js +3 -3
  212. package/dist/radio-group.cjs.js +1 -1
  213. package/dist/radio-group.esm.js +1 -1
  214. package/dist/radio.cjs.js +2 -2
  215. package/dist/radio.esm.js +2 -2
  216. package/dist/rating.cjs.js +17 -16
  217. package/dist/rating.esm.js +91 -92
  218. package/dist/{runtime-D1gFh1fS.mjs → runtime-CFnK53iC.mjs} +133 -94
  219. package/dist/runtime-DwE-tizc.js +1 -0
  220. package/dist/runtime.cjs.js +1 -1
  221. package/dist/runtime.d.ts +1 -1
  222. package/dist/runtime.d.ts.map +1 -1
  223. package/dist/runtime.esm.js +29 -26
  224. package/dist/select.cjs.js +20 -19
  225. package/dist/select.esm.js +36 -32
  226. package/dist/selection-popup.cjs.js +2 -2
  227. package/dist/selection-popup.esm.js +2 -2
  228. package/dist/selector-BvAh35ve.js +1 -0
  229. package/dist/selector-WI8pD7YO.mjs +18 -0
  230. package/dist/separator.cjs.js +7 -7
  231. package/dist/separator.esm.js +7 -7
  232. package/dist/sidebar.cjs.js +7 -7
  233. package/dist/sidebar.esm.js +7 -7
  234. package/dist/skeleton.cjs.js +7 -7
  235. package/dist/skeleton.esm.js +7 -7
  236. package/dist/slider.cjs.js +3 -3
  237. package/dist/slider.esm.js +3 -3
  238. package/dist/slot.cjs.js +3 -3
  239. package/dist/slot.esm.js +3 -3
  240. package/dist/sortable.cjs.js +61 -48
  241. package/dist/sortable.esm.js +636 -554
  242. package/dist/spinning-text.cjs.js +3 -3
  243. package/dist/spinning-text.esm.js +3 -3
  244. package/dist/split-button.cjs.js +1 -1
  245. package/dist/split-button.esm.js +1 -1
  246. package/dist/stepper.cjs.js +1 -1
  247. package/dist/stepper.esm.js +1 -1
  248. package/dist/switch.cjs.js +10 -12
  249. package/dist/switch.esm.js +10 -12
  250. package/dist/table.cjs.js +9 -6
  251. package/dist/table.esm.js +46 -43
  252. package/dist/tabs.cjs.js +22 -23
  253. package/dist/tabs.esm.js +116 -112
  254. package/dist/tags-input.cjs.js +9 -9
  255. package/dist/tags-input.esm.js +32 -25
  256. package/dist/textarea.cjs.js +13 -13
  257. package/dist/textarea.esm.js +46 -31
  258. package/dist/theme.d.ts +18 -0
  259. package/dist/theme.d.ts.map +1 -1
  260. package/dist/time-field.cjs.js +5 -5
  261. package/dist/time-field.esm.js +21 -18
  262. package/dist/time-picker.cjs.js +4 -4
  263. package/dist/time-picker.esm.js +5 -5
  264. package/dist/timeline.cjs.js +2 -2
  265. package/dist/timeline.esm.js +4 -4
  266. package/dist/toast.cjs.js +6 -6
  267. package/dist/toast.esm.js +13 -13
  268. package/dist/toggle-group.cjs.js +5 -6
  269. package/dist/toggle-group.esm.js +63 -60
  270. package/dist/toggle.cjs.js +18 -18
  271. package/dist/toggle.esm.js +32 -31
  272. package/dist/tooltip.cjs.js +4 -4
  273. package/dist/tooltip.esm.js +4 -4
  274. package/dist/transfer-list.cjs.js +32 -32
  275. package/dist/transfer-list.esm.js +57 -57
  276. package/dist/tree-7qbVnpGp.js +39 -0
  277. package/dist/{tree-B3kE8ESs.mjs → tree-Deoft-kO.mjs} +34 -33
  278. package/dist/tree.cjs.js +1 -1
  279. package/dist/tree.esm.js +1 -1
  280. package/dist/trigger-BjnxLCeQ.mjs +9 -0
  281. package/dist/trigger-DkPsKxsP.js +1 -0
  282. package/dist/{ui-button-rXQOS9QJ.js → ui-button-BInsgSbr.js} +27 -26
  283. package/dist/{ui-button-Q0GNNWKC.mjs → ui-button-rfiuUnUD.mjs} +65 -48
  284. package/dist/{ui-icon-YI6lyuqU.mjs → ui-icon-BSi_GtqO.mjs} +2 -2
  285. package/dist/{ui-icon-BzVNC_lr.js → ui-icon-Bvt9oIIR.js} +5 -5
  286. package/dist/wizard.cjs.js +12 -13
  287. package/dist/wizard.esm.js +17 -15
  288. package/package.json +1 -1
  289. package/dist/runtime-CTaOSmBj.js +0 -1
  290. package/dist/tree-Dx_kv_ih.js +0 -39
@@ -6,7 +6,7 @@ const s = `
6
6
  --ui-separator-gap: 10px;
7
7
  --ui-separator-margin-block: 12px;
8
8
  --ui-separator-margin-inline: 0px;
9
- --ui-separator-label-color: var(--ui-color-muted, #64748b);
9
+ --ui-separator-label-color: var(--ui-color-muted, #526175);
10
10
  --ui-separator-glow: 0 0 0 transparent;
11
11
  color-scheme: light dark;
12
12
  display: block;
@@ -112,22 +112,22 @@ const s = `
112
112
 
113
113
  :host([tone="brand"]) {
114
114
  --ui-separator-color: color-mix(in srgb, var(--ui-color-primary, #2563eb) 38%, transparent);
115
- --ui-separator-label-color: color-mix(in srgb, var(--ui-color-primary, #2563eb) 68%, var(--ui-color-muted, #64748b));
115
+ --ui-separator-label-color: color-mix(in srgb, var(--ui-color-primary, #2563eb) 68%, var(--ui-color-muted, #526175));
116
116
  }
117
117
 
118
118
  :host([tone="success"]) {
119
- --ui-separator-color: color-mix(in srgb, var(--ui-color-success, #16a34a) 40%, transparent);
120
- --ui-separator-label-color: color-mix(in srgb, var(--ui-color-success, #16a34a) 70%, var(--ui-color-muted, #64748b));
119
+ --ui-separator-color: color-mix(in srgb, var(--ui-color-success, #15803d) 40%, transparent);
120
+ --ui-separator-label-color: color-mix(in srgb, var(--ui-color-success, #15803d) 70%, var(--ui-color-muted, #526175));
121
121
  }
122
122
 
123
123
  :host([tone="warning"]) {
124
- --ui-separator-color: color-mix(in srgb, var(--ui-color-warning, #d97706) 40%, transparent);
125
- --ui-separator-label-color: color-mix(in srgb, var(--ui-color-warning, #d97706) 70%, var(--ui-color-muted, #64748b));
124
+ --ui-separator-color: color-mix(in srgb, var(--ui-color-warning, #b45309) 40%, transparent);
125
+ --ui-separator-label-color: color-mix(in srgb, var(--ui-color-warning, #b45309) 70%, var(--ui-color-muted, #526175));
126
126
  }
127
127
 
128
128
  :host([tone="danger"]) {
129
129
  --ui-separator-color: color-mix(in srgb, var(--ui-color-danger, #dc2626) 40%, transparent);
130
- --ui-separator-label-color: color-mix(in srgb, var(--ui-color-danger, #dc2626) 70%, var(--ui-color-muted, #64748b));
130
+ --ui-separator-label-color: color-mix(in srgb, var(--ui-color-danger, #dc2626) 70%, var(--ui-color-muted, #526175));
131
131
  }
132
132
 
133
133
  :host([variant="dashed"]) .line {
@@ -3,7 +3,7 @@
3
3
  :host {
4
4
  --ui-sidebar-bg: var(--base-sidebar-bg, var(--color-panel-solid, var(--ui-color-surface, #ffffff)));
5
5
  --ui-sidebar-color: var(--ui-color-text, var(--ui-text, #202020));
6
- --ui-sidebar-muted: color-mix(in srgb, var(--ui-sidebar-color) 56%, transparent);
6
+ --ui-sidebar-muted: color-mix(in srgb, var(--ui-sidebar-color) 72%, transparent);
7
7
  --ui-sidebar-border: var(--base-sidebar-border, 1px solid color-mix(in srgb, var(--gray-a5, rgba(15, 23, 42, 0.16)) 82%, transparent));
8
8
  --ui-sidebar-radius: var(--base-sidebar-radius, var(--ui-radius, 4px));
9
9
  --ui-sidebar-shadow: var(--base-sidebar-shadow, var(--shadow-5, none));
@@ -126,7 +126,7 @@
126
126
  --ui-sidebar-muted: color-mix(in srgb, #f8fbff 72%, transparent);
127
127
  --ui-sidebar-border: 1px solid color-mix(in srgb, #9ec5ff 14%, transparent);
128
128
  --ui-sidebar-item-hover: color-mix(in srgb, #ffffff 8%, transparent);
129
- --ui-sidebar-item-active-bg: color-mix(in srgb, var(--ui-sidebar-accent) 82%, #0b4cb4 18%);
129
+ --ui-sidebar-item-active-bg: color-mix(in srgb, var(--ui-sidebar-accent) 50%, #0b4cb4 50%);
130
130
  --ui-sidebar-item-active-color: #ffffff;
131
131
  --ui-sidebar-control-bg: color-mix(in srgb, #ffffff 7%, transparent);
132
132
  --ui-sidebar-control-hover: color-mix(in srgb, #ffffff 12%, transparent);
@@ -157,11 +157,11 @@
157
157
  }
158
158
 
159
159
  :host([tone="success"]) {
160
- --ui-sidebar-accent: var(--ui-color-success, #16a34a);
160
+ --ui-sidebar-accent: var(--ui-color-success, #15803d);
161
161
  }
162
162
 
163
163
  :host([tone="warning"]) {
164
- --ui-sidebar-accent: var(--ui-color-warning, #d97706);
164
+ --ui-sidebar-accent: var(--ui-color-warning, #b45309);
165
165
  }
166
166
 
167
167
  :host([tone="danger"]) {
@@ -380,7 +380,7 @@
380
380
 
381
381
  .item-button[data-tone="danger"] .item-label,
382
382
  .item-button[data-tone="danger"] .meta {
383
- color: var(--ui-color-danger, #dc2626);
383
+ color: color-mix(in srgb, var(--ui-color-danger, #dc2626) 84%, var(--ui-color-text, #0f172a));
384
384
  }
385
385
 
386
386
  .icon-wrap,
@@ -454,7 +454,7 @@
454
454
  font-size: calc(var(--ui-sidebar-item-font-size) - 2px);
455
455
  line-height: calc(var(--ui-sidebar-item-line-height) - 2px);
456
456
  font-weight: 500;
457
- color: color-mix(in srgb, currentColor 54%, transparent);
457
+ color: color-mix(in srgb, currentColor 70%, transparent);
458
458
  }
459
459
 
460
460
  .item-label,
@@ -478,7 +478,7 @@
478
478
  font-size: calc(var(--ui-sidebar-item-font-size) - 2px);
479
479
  line-height: calc(var(--ui-sidebar-item-line-height) - 2px);
480
480
  font-weight: 500;
481
- color: color-mix(in srgb, currentColor 54%, transparent);
481
+ color: color-mix(in srgb, currentColor 70%, transparent);
482
482
  }
483
483
 
484
484
  .meta {
@@ -33,7 +33,7 @@ const y = {
33
33
  :host {
34
34
  --ui-sidebar-bg: var(--base-sidebar-bg, var(--color-panel-solid, var(--ui-color-surface, #ffffff)));
35
35
  --ui-sidebar-color: var(--ui-color-text, var(--ui-text, #202020));
36
- --ui-sidebar-muted: color-mix(in srgb, var(--ui-sidebar-color) 56%, transparent);
36
+ --ui-sidebar-muted: color-mix(in srgb, var(--ui-sidebar-color) 72%, transparent);
37
37
  --ui-sidebar-border: var(--base-sidebar-border, 1px solid color-mix(in srgb, var(--gray-a5, rgba(15, 23, 42, 0.16)) 82%, transparent));
38
38
  --ui-sidebar-radius: var(--base-sidebar-radius, var(--ui-radius, 4px));
39
39
  --ui-sidebar-shadow: var(--base-sidebar-shadow, var(--shadow-5, none));
@@ -156,7 +156,7 @@ const y = {
156
156
  --ui-sidebar-muted: color-mix(in srgb, #f8fbff 72%, transparent);
157
157
  --ui-sidebar-border: 1px solid color-mix(in srgb, #9ec5ff 14%, transparent);
158
158
  --ui-sidebar-item-hover: color-mix(in srgb, #ffffff 8%, transparent);
159
- --ui-sidebar-item-active-bg: color-mix(in srgb, var(--ui-sidebar-accent) 82%, #0b4cb4 18%);
159
+ --ui-sidebar-item-active-bg: color-mix(in srgb, var(--ui-sidebar-accent) 50%, #0b4cb4 50%);
160
160
  --ui-sidebar-item-active-color: #ffffff;
161
161
  --ui-sidebar-control-bg: color-mix(in srgb, #ffffff 7%, transparent);
162
162
  --ui-sidebar-control-hover: color-mix(in srgb, #ffffff 12%, transparent);
@@ -187,11 +187,11 @@ const y = {
187
187
  }
188
188
 
189
189
  :host([tone="success"]) {
190
- --ui-sidebar-accent: var(--ui-color-success, #16a34a);
190
+ --ui-sidebar-accent: var(--ui-color-success, #15803d);
191
191
  }
192
192
 
193
193
  :host([tone="warning"]) {
194
- --ui-sidebar-accent: var(--ui-color-warning, #d97706);
194
+ --ui-sidebar-accent: var(--ui-color-warning, #b45309);
195
195
  }
196
196
 
197
197
  :host([tone="danger"]) {
@@ -410,7 +410,7 @@ const y = {
410
410
 
411
411
  .item-button[data-tone="danger"] .item-label,
412
412
  .item-button[data-tone="danger"] .meta {
413
- color: var(--ui-color-danger, #dc2626);
413
+ color: color-mix(in srgb, var(--ui-color-danger, #dc2626) 84%, var(--ui-color-text, #0f172a));
414
414
  }
415
415
 
416
416
  .icon-wrap,
@@ -484,7 +484,7 @@ const y = {
484
484
  font-size: calc(var(--ui-sidebar-item-font-size) - 2px);
485
485
  line-height: calc(var(--ui-sidebar-item-line-height) - 2px);
486
486
  font-weight: 500;
487
- color: color-mix(in srgb, currentColor 54%, transparent);
487
+ color: color-mix(in srgb, currentColor 70%, transparent);
488
488
  }
489
489
 
490
490
  .item-label,
@@ -508,7 +508,7 @@ const y = {
508
508
  font-size: calc(var(--ui-sidebar-item-font-size) - 2px);
509
509
  line-height: calc(var(--ui-sidebar-item-line-height) - 2px);
510
510
  font-weight: 500;
511
- color: color-mix(in srgb, currentColor 54%, transparent);
511
+ color: color-mix(in srgb, currentColor 70%, transparent);
512
512
  }
513
513
 
514
514
  .meta {
@@ -7,7 +7,7 @@
7
7
  --ui-skeleton-gap: 10px;
8
8
  --ui-skeleton-duration: 1.2s;
9
9
 
10
- --ui-skeleton-base: color-mix(in srgb, var(--ui-color-muted, #64748b) 20%, transparent);
10
+ --ui-skeleton-base: color-mix(in srgb, var(--ui-color-muted, #526175) 20%, transparent);
11
11
  --ui-skeleton-glow: color-mix(in srgb, var(--ui-color-surface, #ffffff) 80%, transparent);
12
12
  --ui-skeleton-wave: color-mix(in srgb, var(--ui-color-surface, #ffffff) 68%, transparent);
13
13
  --ui-skeleton-bg: linear-gradient(
@@ -115,15 +115,15 @@
115
115
  }
116
116
 
117
117
  :host([tone="success"]) {
118
- --ui-skeleton-base: color-mix(in srgb, var(--ui-color-success, #16a34a) 18%, transparent);
119
- --ui-skeleton-glow: color-mix(in srgb, var(--ui-color-success, #16a34a) 30%, transparent);
120
- --ui-skeleton-wave: color-mix(in srgb, var(--ui-color-success, #16a34a) 36%, transparent);
118
+ --ui-skeleton-base: color-mix(in srgb, var(--ui-color-success, #15803d) 18%, transparent);
119
+ --ui-skeleton-glow: color-mix(in srgb, var(--ui-color-success, #15803d) 30%, transparent);
120
+ --ui-skeleton-wave: color-mix(in srgb, var(--ui-color-success, #15803d) 36%, transparent);
121
121
  }
122
122
 
123
123
  :host([tone="warning"]) {
124
- --ui-skeleton-base: color-mix(in srgb, var(--ui-color-warning, #d97706) 20%, transparent);
125
- --ui-skeleton-glow: color-mix(in srgb, var(--ui-color-warning, #d97706) 32%, transparent);
126
- --ui-skeleton-wave: color-mix(in srgb, var(--ui-color-warning, #d97706) 38%, transparent);
124
+ --ui-skeleton-base: color-mix(in srgb, var(--ui-color-warning, #b45309) 20%, transparent);
125
+ --ui-skeleton-glow: color-mix(in srgb, var(--ui-color-warning, #b45309) 32%, transparent);
126
+ --ui-skeleton-wave: color-mix(in srgb, var(--ui-color-warning, #b45309) 38%, transparent);
127
127
  }
128
128
 
129
129
  :host([tone="danger"]) {
@@ -12,7 +12,7 @@ const f = `
12
12
  --ui-skeleton-gap: 10px;
13
13
  --ui-skeleton-duration: 1.2s;
14
14
 
15
- --ui-skeleton-base: color-mix(in srgb, var(--ui-color-muted, #64748b) 20%, transparent);
15
+ --ui-skeleton-base: color-mix(in srgb, var(--ui-color-muted, #526175) 20%, transparent);
16
16
  --ui-skeleton-glow: color-mix(in srgb, var(--ui-color-surface, #ffffff) 80%, transparent);
17
17
  --ui-skeleton-wave: color-mix(in srgb, var(--ui-color-surface, #ffffff) 68%, transparent);
18
18
  --ui-skeleton-bg: linear-gradient(
@@ -120,15 +120,15 @@ const f = `
120
120
  }
121
121
 
122
122
  :host([tone="success"]) {
123
- --ui-skeleton-base: color-mix(in srgb, var(--ui-color-success, #16a34a) 18%, transparent);
124
- --ui-skeleton-glow: color-mix(in srgb, var(--ui-color-success, #16a34a) 30%, transparent);
125
- --ui-skeleton-wave: color-mix(in srgb, var(--ui-color-success, #16a34a) 36%, transparent);
123
+ --ui-skeleton-base: color-mix(in srgb, var(--ui-color-success, #15803d) 18%, transparent);
124
+ --ui-skeleton-glow: color-mix(in srgb, var(--ui-color-success, #15803d) 30%, transparent);
125
+ --ui-skeleton-wave: color-mix(in srgb, var(--ui-color-success, #15803d) 36%, transparent);
126
126
  }
127
127
 
128
128
  :host([tone="warning"]) {
129
- --ui-skeleton-base: color-mix(in srgb, var(--ui-color-warning, #d97706) 20%, transparent);
130
- --ui-skeleton-glow: color-mix(in srgb, var(--ui-color-warning, #d97706) 32%, transparent);
131
- --ui-skeleton-wave: color-mix(in srgb, var(--ui-color-warning, #d97706) 38%, transparent);
129
+ --ui-skeleton-base: color-mix(in srgb, var(--ui-color-warning, #b45309) 20%, transparent);
130
+ --ui-skeleton-glow: color-mix(in srgb, var(--ui-color-warning, #b45309) 32%, transparent);
131
+ --ui-skeleton-wave: color-mix(in srgb, var(--ui-color-warning, #b45309) 38%, transparent);
132
132
  }
133
133
 
134
134
  :host([tone="danger"]) {
@@ -6,7 +6,7 @@
6
6
  --ui-slider-thumb-size: 18px;
7
7
  --ui-slider-bg: color-mix(in srgb, var(--ui-color-surface, #ffffff) 96%, transparent);
8
8
  --ui-slider-text: var(--ui-color-text, #0f172a);
9
- --ui-slider-muted: var(--ui-color-muted, #64748b);
9
+ --ui-slider-muted: var(--ui-color-muted, #526175);
10
10
  --ui-slider-track: color-mix(in srgb, var(--ui-color-border, #cbd5e1) 72%, transparent);
11
11
  --ui-slider-fill: var(--ui-color-primary, #2563eb);
12
12
  --ui-slider-focus: var(--ui-color-focus-ring, #2563eb);
@@ -302,11 +302,11 @@
302
302
  }
303
303
 
304
304
  :host([tone="success"]) {
305
- --ui-slider-fill: var(--ui-color-success, #16a34a);
305
+ --ui-slider-fill: var(--ui-color-success, #15803d);
306
306
  }
307
307
 
308
308
  :host([tone="warning"]) {
309
- --ui-slider-fill: var(--ui-color-warning, #d97706);
309
+ --ui-slider-fill: var(--ui-color-warning, #b45309);
310
310
  }
311
311
 
312
312
  :host([tone="danger"]) {
@@ -7,7 +7,7 @@ const x = `
7
7
  --ui-slider-thumb-size: 18px;
8
8
  --ui-slider-bg: color-mix(in srgb, var(--ui-color-surface, #ffffff) 96%, transparent);
9
9
  --ui-slider-text: var(--ui-color-text, #0f172a);
10
- --ui-slider-muted: var(--ui-color-muted, #64748b);
10
+ --ui-slider-muted: var(--ui-color-muted, #526175);
11
11
  --ui-slider-track: color-mix(in srgb, var(--ui-color-border, #cbd5e1) 72%, transparent);
12
12
  --ui-slider-fill: var(--ui-color-primary, #2563eb);
13
13
  --ui-slider-focus: var(--ui-color-focus-ring, #2563eb);
@@ -303,11 +303,11 @@ const x = `
303
303
  }
304
304
 
305
305
  :host([tone="success"]) {
306
- --ui-slider-fill: var(--ui-color-success, #16a34a);
306
+ --ui-slider-fill: var(--ui-color-success, #15803d);
307
307
  }
308
308
 
309
309
  :host([tone="warning"]) {
310
- --ui-slider-fill: var(--ui-color-warning, #d97706);
310
+ --ui-slider-fill: var(--ui-color-warning, #b45309);
311
311
  }
312
312
 
313
313
  :host([tone="danger"]) {
package/dist/slot.cjs.js CHANGED
@@ -8,7 +8,7 @@
8
8
  --ui-slot-padding: 0;
9
9
  --ui-slot-gap: 6px;
10
10
  --ui-slot-accent: var(--ui-color-primary, #2563eb);
11
- --ui-slot-muted: var(--ui-color-muted, #64748b);
11
+ --ui-slot-muted: var(--ui-color-muted, #526175);
12
12
  color-scheme: light dark;
13
13
  display: inline-flex;
14
14
  min-inline-size: 0;
@@ -112,11 +112,11 @@
112
112
  }
113
113
 
114
114
  :host([tone="success"]) {
115
- --ui-slot-accent: var(--ui-color-success, #16a34a);
115
+ --ui-slot-accent: var(--ui-color-success, #15803d);
116
116
  }
117
117
 
118
118
  :host([tone="warning"]) {
119
- --ui-slot-accent: var(--ui-color-warning, #d97706);
119
+ --ui-slot-accent: var(--ui-color-warning, #b45309);
120
120
  }
121
121
 
122
122
  :host([tone="danger"]) {
package/dist/slot.esm.js CHANGED
@@ -9,7 +9,7 @@ const r = `
9
9
  --ui-slot-padding: 0;
10
10
  --ui-slot-gap: 6px;
11
11
  --ui-slot-accent: var(--ui-color-primary, #2563eb);
12
- --ui-slot-muted: var(--ui-color-muted, #64748b);
12
+ --ui-slot-muted: var(--ui-color-muted, #526175);
13
13
  color-scheme: light dark;
14
14
  display: inline-flex;
15
15
  min-inline-size: 0;
@@ -113,11 +113,11 @@ const r = `
113
113
  }
114
114
 
115
115
  :host([tone="success"]) {
116
- --ui-slot-accent: var(--ui-color-success, #16a34a);
116
+ --ui-slot-accent: var(--ui-color-success, #15803d);
117
117
  }
118
118
 
119
119
  :host([tone="warning"]) {
120
- --ui-slot-accent: var(--ui-color-warning, #d97706);
120
+ --ui-slot-accent: var(--ui-color-warning, #b45309);
121
121
  }
122
122
 
123
123
  :host([tone="danger"]) {