@editora/ui-core 0.2.0 → 0.2.1

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 (153) hide show
  1. package/README.md +8 -0
  2. package/dist/accordion.cjs.js +1 -1
  3. package/dist/accordion.esm.js +1 -1
  4. package/dist/alert-dialog.cjs.js +32 -24
  5. package/dist/alert-dialog.esm.js +48 -40
  6. package/dist/alert.cjs.js +2 -2
  7. package/dist/alert.esm.js +2 -2
  8. package/dist/animated-text.cjs.js +5 -5
  9. package/dist/animated-text.esm.js +5 -5
  10. package/dist/app-header.cjs.js +12 -7
  11. package/dist/app-header.esm.js +12 -7
  12. package/dist/avatar.cjs.js +3 -3
  13. package/dist/avatar.esm.js +3 -3
  14. package/dist/{calendar-o273O28D.js → calendar-CzpWDxLc.js} +5 -4
  15. package/dist/{calendar-DmxiZrR7.mjs → calendar-DkSDFg33.mjs} +1 -0
  16. package/dist/calendar.cjs.js +1 -1
  17. package/dist/calendar.esm.js +1 -1
  18. package/dist/chart.cjs.js +13 -7
  19. package/dist/chart.esm.js +13 -7
  20. package/dist/collapsible.cjs.js +2 -2
  21. package/dist/collapsible.esm.js +2 -2
  22. package/dist/color-picker.cjs.js +3 -3
  23. package/dist/color-picker.esm.js +3 -3
  24. package/dist/combobox.cjs.js +3 -3
  25. package/dist/combobox.esm.js +36 -36
  26. package/dist/components/ui-alert-dialog.d.ts.map +1 -1
  27. package/dist/components/ui-app-header.d.ts.map +1 -1
  28. package/dist/components/ui-calendar.d.ts.map +1 -1
  29. package/dist/components/ui-chart.d.ts.map +1 -1
  30. package/dist/components/ui-gantt.d.ts.map +1 -1
  31. package/dist/components/ui-hover-card.d.ts.map +1 -1
  32. package/dist/components/ui-inline-edit.d.ts.map +1 -1
  33. package/dist/components/ui-multi-select.d.ts.map +1 -1
  34. package/dist/components/ui-sidebar.d.ts.map +1 -1
  35. package/dist/components/ui-tabs.d.ts.map +1 -1
  36. package/dist/components/ui-wizard.d.ts.map +1 -1
  37. package/dist/context-menu.cjs.js +1 -1
  38. package/dist/context-menu.esm.js +1 -1
  39. package/dist/data-table.cjs.js +3 -3
  40. package/dist/data-table.esm.js +3 -3
  41. package/dist/date-field.cjs.js +2 -2
  42. package/dist/date-field.esm.js +14 -14
  43. package/dist/date-picker.cjs.js +3 -3
  44. package/dist/date-picker.esm.js +4 -4
  45. package/dist/date-range-picker.cjs.js +3 -3
  46. package/dist/date-range-picker.esm.js +59 -59
  47. package/dist/date-range-time-picker.cjs.js +2 -2
  48. package/dist/date-range-time-picker.esm.js +3 -3
  49. package/dist/date-time-picker.cjs.js +2 -2
  50. package/dist/date-time-picker.esm.js +3 -3
  51. package/dist/{date-time-utils-DdigV4hs.js → date-time-utils-C-4eHTyy.js} +1 -1
  52. package/dist/{date-time-utils-B4hAkt36.mjs → date-time-utils-zAx4ghvC.mjs} +1 -1
  53. package/dist/description.cjs.js +4 -4
  54. package/dist/description.esm.js +4 -4
  55. package/dist/dialog.cjs.js +2 -2
  56. package/dist/dialog.esm.js +2 -2
  57. package/dist/direction-provider.cjs.js +1 -1
  58. package/dist/direction-provider.esm.js +1 -1
  59. package/dist/dock.cjs.js +1 -1
  60. package/dist/dock.esm.js +1 -1
  61. package/dist/dropdown.cjs.js +1 -1
  62. package/dist/dropdown.esm.js +1 -1
  63. package/dist/field-error.cjs.js +1 -1
  64. package/dist/field-error.esm.js +7 -7
  65. package/dist/field.cjs.js +1 -1
  66. package/dist/field.esm.js +29 -29
  67. package/dist/fieldset.cjs.js +4 -4
  68. package/dist/fieldset.esm.js +3 -3
  69. package/dist/file-upload.cjs.js +2 -2
  70. package/dist/file-upload.esm.js +2 -2
  71. package/dist/flex.cjs.js +2 -2
  72. package/dist/flex.esm.js +8 -8
  73. package/dist/form.cjs.js +4 -4
  74. package/dist/form.esm.js +4 -4
  75. package/dist/gantt.cjs.js +7 -5
  76. package/dist/gantt.esm.js +7 -5
  77. package/dist/grid.cjs.js +1 -1
  78. package/dist/grid.esm.js +1 -1
  79. package/dist/hover-card.cjs.js +1 -1
  80. package/dist/hover-card.esm.js +11 -8
  81. package/dist/index.cjs.js +1 -1
  82. package/dist/index.esm.js +2 -2
  83. package/dist/inline-edit.cjs.js +6 -6
  84. package/dist/inline-edit.esm.js +15 -15
  85. package/dist/input.cjs.js +1 -1
  86. package/dist/input.esm.js +1 -1
  87. package/dist/label.cjs.js +6 -6
  88. package/dist/label.esm.js +6 -6
  89. package/dist/masonry-grid.cjs.js +2 -2
  90. package/dist/masonry-grid.esm.js +11 -11
  91. package/dist/{menu-item-styles-IGSFLAHu.mjs → menu-item-styles-CdqxPUuw.mjs} +15 -15
  92. package/dist/{menu-item-styles-B4onAr4C.js → menu-item-styles-DUdyjQ7i.js} +10 -10
  93. package/dist/menu.cjs.js +1 -1
  94. package/dist/menu.esm.js +1 -1
  95. package/dist/menubar.cjs.js +1 -1
  96. package/dist/menubar.esm.js +1 -1
  97. package/dist/multi-select.cjs.js +7 -7
  98. package/dist/multi-select.esm.js +26 -26
  99. package/dist/number-field.cjs.js +1 -1
  100. package/dist/number-field.esm.js +1 -1
  101. package/dist/number-ticker.cjs.js +4 -4
  102. package/dist/number-ticker.esm.js +10 -10
  103. package/dist/odometer.cjs.js +7 -7
  104. package/dist/odometer.esm.js +14 -14
  105. package/dist/password-field.cjs.js +1 -1
  106. package/dist/password-field.esm.js +1 -1
  107. package/dist/pin-input.cjs.js +1 -1
  108. package/dist/pin-input.esm.js +1 -1
  109. package/dist/placement-grid.cjs.js +1 -1
  110. package/dist/placement-grid.esm.js +1 -1
  111. package/dist/portal.cjs.js +1 -1
  112. package/dist/portal.esm.js +1 -1
  113. package/dist/presence.cjs.js +1 -1
  114. package/dist/presence.esm.js +1 -1
  115. package/dist/quick-actions.cjs.js +1 -1
  116. package/dist/quick-actions.esm.js +1 -1
  117. package/dist/radio.cjs.js +1 -1
  118. package/dist/radio.esm.js +1 -1
  119. package/dist/{runtime-CQM6wZOc.mjs → runtime-BRT7E4A8.mjs} +377 -329
  120. package/dist/runtime-CXw4SGV9.js +5 -0
  121. package/dist/runtime.cjs.js +1 -1
  122. package/dist/runtime.esm.js +1 -1
  123. package/dist/select.cjs.js +2 -2
  124. package/dist/select.esm.js +2 -2
  125. package/dist/separator.cjs.js +6 -6
  126. package/dist/separator.esm.js +7 -7
  127. package/dist/sidebar.cjs.js +7 -6
  128. package/dist/sidebar.esm.js +7 -6
  129. package/dist/slot.cjs.js +1 -1
  130. package/dist/slot.esm.js +1 -1
  131. package/dist/sortable.cjs.js +6 -6
  132. package/dist/sortable.esm.js +6 -6
  133. package/dist/split-button.cjs.js +2 -2
  134. package/dist/split-button.esm.js +2 -2
  135. package/dist/tabs.cjs.js +11 -6
  136. package/dist/tabs.esm.js +28 -23
  137. package/dist/tags-input.cjs.js +2 -2
  138. package/dist/tags-input.esm.js +2 -2
  139. package/dist/textarea.cjs.js +2 -2
  140. package/dist/textarea.esm.js +16 -16
  141. package/dist/theme.d.ts.map +1 -1
  142. package/dist/time-field.cjs.js +2 -2
  143. package/dist/time-field.esm.js +24 -24
  144. package/dist/time-picker.cjs.js +2 -2
  145. package/dist/time-picker.esm.js +3 -3
  146. package/dist/toast.cjs.js +2 -2
  147. package/dist/toast.esm.js +2 -2
  148. package/dist/transfer-list.cjs.js +9 -9
  149. package/dist/transfer-list.esm.js +4 -4
  150. package/dist/wizard.cjs.js +16 -7
  151. package/dist/wizard.esm.js +16 -7
  152. package/package.json +1 -1
  153. package/dist/runtime-DxCl0A5q.js +0 -5
package/dist/odometer.esm.js CHANGED
@@ -53,19 +53,19 @@ const D = `
53
53
  }
54
54
 
55
55
  :host([tone="brand"]) {
56
- --ui-odometer-color: var(--ui-color-primary, #2563eb);
56
+ --ui-odometer-color: var(--ui-color-accent-text, var(--ui-color-primary, #2563eb));
57
57
  }
58
58
 
59
59
  :host([tone="success"]) {
60
- --ui-odometer-color: var(--ui-color-success, #15803d);
60
+ --ui-odometer-color: var(--ui-color-success-text, var(--ui-color-success, #15803d));
61
61
  }
62
62
 
63
63
  :host([tone="warning"]) {
64
- --ui-odometer-color: var(--ui-color-warning, #b45309);
64
+ --ui-odometer-color: var(--ui-color-warning-text, var(--ui-color-warning, #b45309));
65
65
  }
66
66
 
67
67
  :host([tone="danger"]) {
68
- --ui-odometer-color: var(--ui-color-danger, #dc2626);
68
+ --ui-odometer-color: var(--ui-color-danger-text, var(--ui-color-danger, #dc2626));
69
69
  }
70
70
 
71
71
  :host([theme="dark"]) {
@@ -76,7 +76,7 @@ const D = `
76
76
  }
77
77
 
78
78
  :host([theme="brand"]) {
79
- --ui-odometer-color: var(--ui-color-primary, #2563eb);
79
+ --ui-odometer-color: var(--ui-color-accent-text, var(--ui-color-primary, #2563eb));
80
80
  --ui-odometer-digit-bg: linear-gradient(180deg, rgba(219, 234, 254, 0.98), rgba(191, 219, 254, 0.94));
81
81
  --ui-odometer-digit-border: 1px solid rgba(37, 99, 235, 0.22);
82
82
  }
@@ -353,7 +353,7 @@ function A(e) {
353
353
  } : {};
354
354
  }
355
355
  function S(e, t) {
356
- const i = k(n(e, "format")), r = n(e, "locale") || void 0, o = n(e, "currency") || void 0, u = C(n(e, "notation")), m = n(e, "decimal-separator"), c = n(e, "group-separator"), s = A(e), y = {
356
+ const i = k(n(e, "format")), r = n(e, "locale") || void 0, o = n(e, "currency") || void 0, u = C(n(e, "notation")), m = n(e, "decimal-separator"), c = n(e, "group-separator"), s = A(e), v = {
357
357
  style: i === "currency" && o ? "currency" : i === "percent" ? "percent" : "decimal",
358
358
  currency: i === "currency" && o ? o : void 0,
359
359
  notation: u,
@@ -364,14 +364,14 @@ function S(e, t) {
364
364
  };
365
365
  let p;
366
366
  try {
367
- p = new Intl.NumberFormat(r, y).formatToParts(t);
367
+ p = new Intl.NumberFormat(r, v).formatToParts(t);
368
368
  } catch {
369
- p = new Intl.NumberFormat(void 0, y).formatToParts(t);
369
+ p = new Intl.NumberFormat(void 0, v).formatToParts(t);
370
370
  }
371
371
  const d = [];
372
372
  for (const a of p) {
373
- const v = a.type === "decimal" && m != null ? m : a.type === "group" && c != null ? c : a.value;
374
- for (const f of v) {
373
+ const y = a.type === "decimal" && m != null ? m : a.type === "group" && c != null ? c : a.value;
374
+ for (const f of y) {
375
375
  if (/[0-9]/.test(f)) {
376
376
  d.push({ kind: "digit", value: f });
377
377
  continue;
@@ -509,22 +509,22 @@ class j extends T {
509
509
  return typeof window < "u" && window.matchMedia ? window.matchMedia("(prefers-reduced-motion: reduce)").matches : !1;
510
510
  }
511
511
  render() {
512
- const t = M(n(this, "variant")), i = n(this, "prefix") || "", r = n(this, "suffix") || "", o = n(this, "label"), u = S(this, this._currentValue), m = o || `${i}${u.text}${r}`, c = this._animationFrame !== null, s = c ? 1 - this._animationProgress : 0, y = this._motionDirection === "down" ? -1 : this._motionDirection === "up" ? 1 : 0;
512
+ const t = M(n(this, "variant")), i = n(this, "prefix") || "", r = n(this, "suffix") || "", o = n(this, "label"), u = S(this, this._currentValue), m = o || `${i}${u.text}${r}`, c = this._animationFrame !== null, s = c ? 1 - this._animationProgress : 0, v = this._motionDirection === "down" ? -1 : this._motionDirection === "up" ? 1 : 0;
513
513
  let p = "value-display", d = "";
514
514
  t === "digital" ? (p += " digital-display", d = [
515
515
  `--ui-odometer-motion-intensity: ${s.toFixed(3)}`,
516
- `--ui-odometer-digital-shift-y: ${(y * s * 0.16).toFixed(3)}em`,
516
+ `--ui-odometer-digital-shift-y: ${(v * s * 0.16).toFixed(3)}em`,
517
517
  `--ui-odometer-digital-scale-y: ${(1 + s * 0.08).toFixed(3)}`
518
518
  ].join("; ")) : t === "analog" && (p += " analog-display", d = [
519
519
  `--ui-odometer-motion-intensity: ${s.toFixed(3)}`,
520
- `--ui-odometer-analog-shift-x: ${(y * s * 0.08).toFixed(3)}em`,
520
+ `--ui-odometer-analog-shift-x: ${(v * s * 0.08).toFixed(3)}em`,
521
521
  `--ui-odometer-analog-shift-y: ${(-s * 0.05).toFixed(3)}em`,
522
522
  `--ui-odometer-analog-scale: ${(1 + s * 0.03).toFixed(3)}`,
523
523
  `--ui-odometer-analog-blur: ${(s * 0.035).toFixed(3)}em`
524
524
  ].join("; "));
525
525
  let a = `<span class="${p}" part="value" aria-hidden="true"${d ? ` style="${d}"` : ""}>${x(u.text)}</span>`;
526
526
  if (t === "odometer") {
527
- const v = N(n(this, "direction")), f = v === "auto" ? this._targetValue >= this._startValue ? "up" : "down" : v, g = P(f);
527
+ const y = N(n(this, "direction")), f = y === "auto" ? this._targetValue >= this._startValue ? "up" : "down" : y, g = P(f);
528
528
  a = `
529
529
  <span class="digits" part="digits" role="img" aria-label="${x(m)}">
530
530
  ${u.tokens.map((_) => {
package/dist/password-field.cjs.js CHANGED
@@ -31,7 +31,7 @@
31
31
  --ui-label-color: var(--ui-color-muted, var(--ui-muted, #526175));
32
32
  --ui-description-color: var(--ui-color-muted, var(--ui-muted, #526175));
33
33
  --ui-input-focus-ring: var(--ui-color-focus-ring, var(--ui-focus-ring, #2563eb));
34
- --ui-input-error: var(--ui-color-danger, var(--ui-error, #dc2626));
34
+ --ui-input-error: var(--ui-color-danger-text, var(--ui-color-danger, var(--ui-error, #dc2626)));
35
35
  --ui-input-success: var(--ui-color-success, var(--ui-success, #15803d));
36
36
  --ui-input-warning: var(--ui-color-warning, var(--ui-warning, #b45309));
37
37
  --ui-input-accent: var(--ui-color-primary, var(--ui-primary, #2563eb));
package/dist/password-field.esm.js CHANGED
@@ -33,7 +33,7 @@ const N = `
33
33
  --ui-label-color: var(--ui-color-muted, var(--ui-muted, #526175));
34
34
  --ui-description-color: var(--ui-color-muted, var(--ui-muted, #526175));
35
35
  --ui-input-focus-ring: var(--ui-color-focus-ring, var(--ui-focus-ring, #2563eb));
36
- --ui-input-error: var(--ui-color-danger, var(--ui-error, #dc2626));
36
+ --ui-input-error: var(--ui-color-danger-text, var(--ui-color-danger, var(--ui-error, #dc2626)));
37
37
  --ui-input-success: var(--ui-color-success, var(--ui-success, #15803d));
38
38
  --ui-input-warning: var(--ui-color-warning, var(--ui-warning, #b45309));
39
39
  --ui-input-accent: var(--ui-color-primary, var(--ui-primary, #2563eb));
package/dist/pin-input.cjs.js CHANGED
@@ -8,7 +8,7 @@
8
8
  --ui-pin-color: var(--ui-color-text, var(--ui-text, #0f172a));
9
9
  --ui-pin-muted: var(--ui-color-muted, var(--ui-muted, #526175));
10
10
  --ui-pin-border-color: var(--ui-color-line, color-mix(in srgb, var(--ui-color-border, #cbd5e1) 70%, transparent));
11
- --ui-pin-error: var(--ui-color-danger, var(--ui-error, #dc2626));
11
+ --ui-pin-error: var(--ui-color-danger-text, var(--ui-color-danger, var(--ui-error, #dc2626)));
12
12
  --ui-pin-focus: var(--ui-color-focus-ring, var(--ui-focus-ring, #2563eb));
13
13
  --ui-pin-accent: var(--ui-color-primary, var(--ui-primary, #2563eb));
14
14
  color-scheme: light dark;
package/dist/pin-input.esm.js CHANGED
@@ -11,7 +11,7 @@ const I = `
11
11
  --ui-pin-color: var(--ui-color-text, var(--ui-text, #0f172a));
12
12
  --ui-pin-muted: var(--ui-color-muted, var(--ui-muted, #526175));
13
13
  --ui-pin-border-color: var(--ui-color-line, color-mix(in srgb, var(--ui-color-border, #cbd5e1) 70%, transparent));
14
- --ui-pin-error: var(--ui-color-danger, var(--ui-error, #dc2626));
14
+ --ui-pin-error: var(--ui-color-danger-text, var(--ui-color-danger, var(--ui-error, #dc2626)));
15
15
  --ui-pin-focus: var(--ui-color-focus-ring, var(--ui-focus-ring, #2563eb));
16
16
  --ui-pin-accent: var(--ui-color-primary, var(--ui-primary, #2563eb));
17
17
  color-scheme: light dark;
package/dist/placement-grid.cjs.js CHANGED
@@ -15,7 +15,7 @@
15
15
  --ui-placement-align-content: normal;
16
16
  --ui-placement-justify-content: normal;
17
17
  --ui-placement-place-content: initial;
18
- --ui-placement-color: var(--ui-color-text, inherit);
18
+ --ui-placement-color: inherit;
19
19
  --ui-placement-focus-ring: var(--ui-color-focus-ring, var(--ui-focus-ring, #2563eb));
20
20
  color-scheme: light dark;
21
21
  display: var(--ui-placement-display);
package/dist/placement-grid.esm.js CHANGED
@@ -52,7 +52,7 @@ const b = {
52
52
  --ui-placement-align-content: normal;
53
53
  --ui-placement-justify-content: normal;
54
54
  --ui-placement-place-content: initial;
55
- --ui-placement-color: var(--ui-color-text, inherit);
55
+ --ui-placement-color: inherit;
56
56
  --ui-placement-focus-ring: var(--ui-color-focus-ring, var(--ui-focus-ring, #2563eb));
57
57
  color-scheme: light dark;
58
58
  display: var(--ui-placement-display);
package/dist/portal.cjs.js CHANGED
@@ -2,7 +2,7 @@
2
2
  :host {
3
3
  display: contents;
4
4
  color-scheme: light dark;
5
- --ui-portal-color: var(--ui-color-text, inherit);
5
+ --ui-portal-color: inherit;
6
6
  color: var(--ui-portal-color);
7
7
  }
8
8
 
package/dist/portal.esm.js CHANGED
@@ -4,7 +4,7 @@ const a = `
4
4
  :host {
5
5
  display: contents;
6
6
  color-scheme: light dark;
7
- --ui-portal-color: var(--ui-color-text, inherit);
7
+ --ui-portal-color: inherit;
8
8
  color: var(--ui-portal-color);
9
9
  }
10
10
 
package/dist/presence.cjs.js CHANGED
@@ -10,7 +10,7 @@
10
10
  --ui-presence-filter-enter: none;
11
11
  --ui-presence-filter-exit: none;
12
12
  --ui-presence-perspective: 860px;
13
- --ui-presence-color: var(--ui-color-text, inherit);
13
+ --ui-presence-color: inherit;
14
14
  display: contents;
15
15
  color: var(--ui-presence-color);
16
16
  color-scheme: light dark;
package/dist/presence.esm.js CHANGED
@@ -11,7 +11,7 @@ const d = `
11
11
  --ui-presence-filter-enter: none;
12
12
  --ui-presence-filter-exit: none;
13
13
  --ui-presence-perspective: 860px;
14
- --ui-presence-color: var(--ui-color-text, inherit);
14
+ --ui-presence-color: inherit;
15
15
  display: contents;
16
16
  color: var(--ui-presence-color);
17
17
  color-scheme: light dark;
package/dist/quick-actions.cjs.js CHANGED
@@ -44,7 +44,7 @@
44
44
  border-radius: 999px;
45
45
  border: 1px solid color-mix(in srgb, var(--ui-quick-border) 82%, transparent);
46
46
  background: color-mix(in srgb, var(--ui-quick-accent) 14%, transparent);
47
- color: color-mix(in srgb, var(--ui-quick-accent) 88%, #0f172a 12%);
47
+ color: color-mix(in srgb, var(--ui-quick-accent) 45%, var(--ui-color-text-strong, #0f172a));
48
48
  font-size: 17px;
49
49
  line-height: 1;
50
50
  display: inline-grid;
package/dist/quick-actions.esm.js CHANGED
@@ -45,7 +45,7 @@ const b = `
45
45
  border-radius: 999px;
46
46
  border: 1px solid color-mix(in srgb, var(--ui-quick-border) 82%, transparent);
47
47
  background: color-mix(in srgb, var(--ui-quick-accent) 14%, transparent);
48
- color: color-mix(in srgb, var(--ui-quick-accent) 88%, #0f172a 12%);
48
+ color: color-mix(in srgb, var(--ui-quick-accent) 45%, var(--ui-color-text-strong, #0f172a));
49
49
  font-size: 17px;
50
50
  line-height: 1;
51
51
  display: inline-grid;
package/dist/radio.cjs.js CHANGED
@@ -8,7 +8,7 @@
8
8
  --ui-radio-accent: var(--ui-primary, var(--ui-color-primary, #2563eb));
9
9
  --ui-radio-dot-color: var(--ui-color-foreground-on-primary, #ffffff);
10
10
  --ui-radio-focus: 0 0 0 2px var(--ui-color-background, #ffffff), 0 0 0 4px var(--ui-ring-color, var(--ui-color-focus-ring, #2563eb));
11
- --ui-radio-invalid: var(--ui-color-danger, #dc2626);
11
+ --ui-radio-invalid: var(--ui-color-danger-text, var(--ui-color-danger, #dc2626));
12
12
  --ui-radio-invalid-focus: 0 0 0 2px var(--ui-color-background, #ffffff), 0 0 0 4px var(--ui-radio-invalid);
13
13
  --ui-radio-disabled-bg: color-mix(in srgb, var(--ui-color-surface-alt, #f1f5f9) 88%, #ffffff 12%);
14
14
  --ui-radio-disabled-border: 1px solid var(--ui-color-line, var(--ui-color-border, #cbd5e1));
package/dist/radio.esm.js CHANGED
@@ -9,7 +9,7 @@ const u = `
9
9
  --ui-radio-accent: var(--ui-primary, var(--ui-color-primary, #2563eb));
10
10
  --ui-radio-dot-color: var(--ui-color-foreground-on-primary, #ffffff);
11
11
  --ui-radio-focus: 0 0 0 2px var(--ui-color-background, #ffffff), 0 0 0 4px var(--ui-ring-color, var(--ui-color-focus-ring, #2563eb));
12
- --ui-radio-invalid: var(--ui-color-danger, #dc2626);
12
+ --ui-radio-invalid: var(--ui-color-danger-text, var(--ui-color-danger, #dc2626));
13
13
  --ui-radio-invalid-focus: 0 0 0 2px var(--ui-color-background, #ffffff), 0 0 0 4px var(--ui-radio-invalid);
14
14
  --ui-radio-disabled-bg: color-mix(in srgb, var(--ui-color-surface-alt, #f1f5f9) 88%, #ffffff 12%);
15
15
  --ui-radio-disabled-border: 1px solid var(--ui-color-line, var(--ui-color-border, #cbd5e1));