@fusion.dev/helix 0.0.0-dev → 0.0.2

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 (227) hide show
  1. package/custom-elements.json +5565 -5519
  2. package/dist/accordion/item/accordion-item.css.js +1 -19
  3. package/dist/accordion/root/accordion-root.css.js +1 -1
  4. package/dist/accordion/root/accordion-root.d.ts +1 -1
  5. package/dist/accordion/root/accordion-root.js +1 -1
  6. package/dist/announcement/root/announcement-root.css.js +1 -7
  7. package/dist/app-header/root/app-header-root.css.js +1 -7
  8. package/dist/app-header/root/app-header-root.d.ts +20 -23
  9. package/dist/app-header/root/app-header-root.js +4 -4
  10. package/dist/aura/root/aura-axis.d.ts +5 -7
  11. package/dist/aura/root/aura-axis.js +5 -7
  12. package/dist/aura/root/aura-root.css.js +1 -1
  13. package/dist/aura/root/aura-root.d.ts +75 -87
  14. package/dist/aura/root/aura-root.js +100 -109
  15. package/dist/aura/root/aura-shader.d.ts +10 -13
  16. package/dist/aura/root/aura-shader.js +165 -238
  17. package/dist/avatar/group/avatar-group.css.js +1 -1
  18. package/dist/avatar/root/avatar-root.css.js +1 -1
  19. package/dist/badge/root/badge-root.css.js +1 -13
  20. package/dist/badge/root/badge-root.d.ts +4 -5
  21. package/dist/bar-chart/root/bar-chart-root.css.js +1 -13
  22. package/dist/bar-chart/root/bar-chart-root.d.ts +51 -60
  23. package/dist/bar-chart/root/bar-chart-root.js +10 -17
  24. package/dist/blockquote/root/blockquote-root.css.js +1 -1
  25. package/dist/breadcrumbs/breadcrumb/breadcrumb.css.js +1 -7
  26. package/dist/breadcrumbs/root/breadcrumbs-root.css.js +1 -1
  27. package/dist/button/root/button-root.css.js +1 -7
  28. package/dist/button/root/button-root.d.ts +16 -25
  29. package/dist/button/root/button-root.js +3 -3
  30. package/dist/button-group/root/button-group-root.css.js +1 -1
  31. package/dist/button-group/root/button-group-root.d.ts +5 -7
  32. package/dist/callout/root/callout-root.css.js +1 -1
  33. package/dist/callout/root/callout-root.d.ts +4 -4
  34. package/dist/callout/root/callout-root.js +4 -4
  35. package/dist/card/root/card-root.css.js +2 -2
  36. package/dist/card/root/card-root.d.ts +38 -48
  37. package/dist/card/root/card-root.js +8 -11
  38. package/dist/carousel/root/carousel-root.css.js +1 -11
  39. package/dist/carousel/root/carousel-root.d.ts +39 -43
  40. package/dist/carousel/root/carousel-root.js +7 -7
  41. package/dist/chat/composer/chat-composer.css.js +1 -1
  42. package/dist/chat/message/chat-message.css.js +1 -7
  43. package/dist/chat/message/chat-message.d.ts +8 -13
  44. package/dist/chat/root/chat-root.css.js +1 -1
  45. package/dist/checkbox/root/checkbox-root.css.js +1 -14
  46. package/dist/checkbox-group/root/checkbox-group-root.css.js +1 -1
  47. package/dist/code/root/code-root.css.js +9 -7
  48. package/dist/code/root/code-root.d.ts +4 -0
  49. package/dist/code/root/code-root.js +4 -0
  50. package/dist/code-block/root/code-block-root.css.js +1 -1
  51. package/dist/color-input/root/color-input-root.css.js +2 -2
  52. package/dist/color-input/root/color-input-root.js +3 -3
  53. package/dist/color-picker/root/color-picker-root.css.js +1 -9
  54. package/dist/color-picker/root/color-picker-root.js +3 -3
  55. package/dist/combobox/root/combobox-root.css.js +1 -8
  56. package/dist/combobox/root/combobox-root.js +1 -1
  57. package/dist/command/root/command-root.css.js +1 -1
  58. package/dist/copy-button/root/copy-button-root.css.js +1 -1
  59. package/dist/data-table/root/data-table-root.css.js +9 -3
  60. package/dist/data-table/root/data-table-root.d.ts +4 -1
  61. package/dist/data-table/root/data-table-root.js +4 -1
  62. package/dist/date-input/root/date-input-root.css.js +1 -1
  63. package/dist/date-picker/root/date-picker-root.css.js +1 -7
  64. package/dist/date-picker/root/date-picker-root.d.ts +1 -1
  65. package/dist/date-picker/root/date-picker-root.js +1 -1
  66. package/dist/dialog/root/dialog-root.css.js +1 -1
  67. package/dist/dialog/root/dialog-root.d.ts +15 -20
  68. package/dist/dialog/root/dialog-root.js +2 -2
  69. package/dist/divider/root/divider-root.css.js +1 -1
  70. package/dist/donut-chart/root/donut-chart-root.css.js +2 -20
  71. package/dist/donut-chart/root/donut-chart-root.d.ts +14 -19
  72. package/dist/donut-chart/root/donut-chart-root.js +6 -7
  73. package/dist/drawer/root/drawer-root.css.js +1 -11
  74. package/dist/drawer/root/drawer-root.d.ts +3 -7
  75. package/dist/drilldown/item/drilldown-item.css.js +1 -1
  76. package/dist/drilldown/root/drilldown-root.css.js +1 -1
  77. package/dist/element-events.generated.js +1 -1
  78. package/dist/empty/root/empty-root.css.js +1 -1
  79. package/dist/file-input/root/file-input-root.css.js +1 -1
  80. package/dist/file-input/root/file-input-root.js +1 -2
  81. package/dist/flex/root/flex-root.css.js +1 -1
  82. package/dist/flex/root/flex-root.d.ts +6 -6
  83. package/dist/flex/root/flex-root.js +9 -9
  84. package/dist/format-date/root/format-date-root.css.js +1 -1
  85. package/dist/grid/root/grid-root.css.js +1 -1
  86. package/dist/grid/root/grid-root.d.ts +8 -8
  87. package/dist/grid/root/grid-root.js +8 -9
  88. package/dist/heatmap/root/heatmap-root.css.js +2 -2
  89. package/dist/heatmap/root/heatmap-root.d.ts +11 -12
  90. package/dist/heatmap/root/heatmap-root.js +11 -12
  91. package/dist/icon/glyph.css.js +1 -1
  92. package/dist/icon/root/icon-root.css.js +1 -1
  93. package/dist/icon-button/root/icon-button-root.css.js +1 -7
  94. package/dist/icon-button/root/icon-button-root.d.ts +10 -10
  95. package/dist/icon-button/root/icon-button-root.js +4 -4
  96. package/dist/image/root/image-root.css.js +1 -7
  97. package/dist/input/root/input-root.css.js +1 -9
  98. package/dist/kbd/root/kbd-root.css.js +1 -1
  99. package/dist/legend/root/legend-root.css.js +1 -1
  100. package/dist/legend/root/legend-root.d.ts +34 -37
  101. package/dist/legend/root/legend-root.js +10 -10
  102. package/dist/line-chart/root/line-chart-root.css.js +1 -8
  103. package/dist/line-chart/root/line-chart-root.d.ts +6 -9
  104. package/dist/list/item/list-item.css.js +1 -1
  105. package/dist/list/root/list-root.css.js +1 -1
  106. package/dist/list/root/list-root.d.ts +4 -7
  107. package/dist/listbox/root/listbox-root.css.js +3 -3
  108. package/dist/listbox/root/listbox-root.d.ts +2 -0
  109. package/dist/listbox/root/listbox-root.js +2 -0
  110. package/dist/loader/root/loader-root.css.js +1 -1
  111. package/dist/loader/root/loader-root.d.ts +5 -9
  112. package/dist/loader/root/loader-root.js +2 -2
  113. package/dist/megamenu/root/megamenu-root.css.js +3 -2
  114. package/dist/menu/item/menu-item.css.js +1 -7
  115. package/dist/menu/root/menu-root.css.js +1 -1
  116. package/dist/meter/root/meter-root.css.js +1 -14
  117. package/dist/meter/root/meter-root.d.ts +18 -18
  118. package/dist/meter/root/meter-root.js +6 -8
  119. package/dist/mixins/mixin-control-surface/mixin-control-surface.d.ts +1 -1
  120. package/dist/navigation/root/navigation-root.css.js +1 -7
  121. package/dist/notifications/notification/notification.css.js +1 -7
  122. package/dist/notifications/root/notifications-root.css.js +1 -1
  123. package/dist/number-input/root/number-input-root.css.js +1 -9
  124. package/dist/option/group/option-group.css.js +1 -1
  125. package/dist/option/root/option-root.css.js +1 -1
  126. package/dist/outline/root/outline-root.css.js +1 -14
  127. package/dist/outline/root/outline-root.d.ts +1 -1
  128. package/dist/outline/root/outline-root.js +1 -1
  129. package/dist/pagination/root/pagination-root.css.js +1 -12
  130. package/dist/pagination/size/pagination-size.css.js +1 -1
  131. package/dist/pagination/summary/pagination-summary.css.js +1 -1
  132. package/dist/pin-input/root/pin-input-root.css.js +1 -7
  133. package/dist/popover/root/popover-root.css.js +4 -2
  134. package/dist/progress/root/progress-root.css.js +1 -7
  135. package/dist/progress/root/progress-root.d.ts +10 -9
  136. package/dist/qr-code/root/qr-code-root.css.js +1 -1
  137. package/dist/qr-code/root/qr-code-root.d.ts +1 -1
  138. package/dist/qr-code/root/qr-code-root.js +1 -1
  139. package/dist/quote/root/quote-root.css.js +1 -1
  140. package/dist/radio/group/radio-group.css.js +1 -1
  141. package/dist/radio/root/radio-root.css.js +1 -14
  142. package/dist/radio/root/radio-root.d.ts +20 -18
  143. package/dist/radio/root/radio-root.js +5 -6
  144. package/dist/rating/root/rating-root.css.js +1 -1
  145. package/dist/rating/root/rating-root.d.ts +4 -5
  146. package/dist/sandbox/preview/sandbox-preview.css.js +1 -1
  147. package/dist/sandbox/preview/sandbox-preview.d.ts +48 -44
  148. package/dist/sandbox/preview/sandbox-preview.js +63 -50
  149. package/dist/sandbox/root/sandbox-root.css.js +1 -2
  150. package/dist/sandbox/root/sandbox-root.d.ts +50 -59
  151. package/dist/sandbox/root/sandbox-root.js +75 -91
  152. package/dist/sandbox/source/sandbox-source.css.js +1 -1
  153. package/dist/sandbox/source/sandbox-source.d.ts +21 -29
  154. package/dist/sandbox/source/sandbox-source.js +26 -34
  155. package/dist/sandbox/status-bar/sandbox-status-bar.css.js +1 -1
  156. package/dist/sandbox/terminal/sandbox-terminal.css.js +1 -1
  157. package/dist/sandbox/toolbar/sandbox-toolbar.css.js +1 -1
  158. package/dist/scroll-area/root/scroll-area-root.css.js +5 -5
  159. package/dist/select/root/select-root.css.js +2 -15
  160. package/dist/select/root/select-root.d.ts +4 -4
  161. package/dist/select/root/select-root.js +5 -7
  162. package/dist/shared/chart/series.css.js +1 -1
  163. package/dist/shared/chart/terminus.css.js +1 -1
  164. package/dist/shared/field/field-inline.css.js +1 -1
  165. package/dist/shared/field/field-stacked.css.js +1 -1
  166. package/dist/shared/field/field.css.js +1 -1
  167. package/dist/skeleton/root/skeleton-root.css.js +1 -1
  168. package/dist/slider/root/slider-root.css.js +1 -3
  169. package/dist/sparkline/root/sparkline-root.css.js +1 -1
  170. package/dist/sparkline/root/sparkline-root.d.ts +22 -24
  171. package/dist/sparkline/root/sparkline-root.js +6 -6
  172. package/dist/speed-dial/item/speed-dial-item.css.js +1 -7
  173. package/dist/speed-dial/root/speed-dial-root.css.js +1 -1
  174. package/dist/splitter/root/splitter-root.css.js +1 -14
  175. package/dist/stat/group/stat-group.css.js +1 -1
  176. package/dist/stat/root/stat-root.css.js +1 -1
  177. package/dist/steps/root/steps-root.css.js +1 -1
  178. package/dist/steps/step/step.css.js +1 -8
  179. package/dist/steps/step/step.js +1 -1
  180. package/dist/switch/root/switch-root.css.js +1 -8
  181. package/dist/table/cell/table-cell.css.js +1 -1
  182. package/dist/table/column/table-column.css.js +1 -1
  183. package/dist/table/root/table-root.css.js +1 -1
  184. package/dist/table/row/table-row.css.js +1 -1
  185. package/dist/tabs/panel/tab-panel.css.js +1 -1
  186. package/dist/tabs/root/tabs-root.css.js +1 -7
  187. package/dist/tabs/tab/tab.css.js +2 -8
  188. package/dist/tag/root/tag-root.css.js +1 -1
  189. package/dist/tag/root/tag-root.d.ts +10 -19
  190. package/dist/tag/root/tag-root.js +3 -3
  191. package/dist/text/root/text-root.css.js +1 -1
  192. package/dist/text/root/text-root.d.ts +13 -14
  193. package/dist/text/root/text-root.js +6 -6
  194. package/dist/textarea/root/textarea-root.css.js +1 -7
  195. package/dist/time-input/root/time-input-root.css.js +1 -1
  196. package/dist/time-input/root/time-input-root.js +1 -1
  197. package/dist/time-picker/root/time-picker-root.css.js +1 -7
  198. package/dist/time-picker/root/time-picker-root.js +1 -1
  199. package/dist/timeline/item/timeline-item.css.js +1 -1
  200. package/dist/timeline/root/timeline-root.css.js +1 -1
  201. package/dist/toast/item/toast-item.css.js +1 -1
  202. package/dist/toast/root/toast-root.css.js +1 -1
  203. package/dist/toggle/group/toggle-group.css.js +1 -7
  204. package/dist/toggle/group/toggle-group.d.ts +6 -9
  205. package/dist/toggle/root/toggle-root.css.js +1 -1
  206. package/dist/toolbar/root/toolbar-root.css.js +1 -1
  207. package/dist/tooltip/root/tooltip-root.css.js +1 -1
  208. package/dist/tooltip/root/tooltip-root.d.ts +6 -7
  209. package/dist/tour/root/tour-root.css.js +1 -7
  210. package/dist/tour/stop/tour-stop.css.js +2 -2
  211. package/dist/tree/item/tree-item.css.js +1 -17
  212. package/dist/tree/root/tree-root.css.js +1 -1
  213. package/dist/tree/root/tree-root.d.ts +0 -2
  214. package/dist/trend/root/trend-root.css.js +1 -1
  215. package/dist/trend/root/trend-root.d.ts +4 -7
  216. package/dist/trend/root/trend-root.js +4 -7
  217. package/dist/video/root/video-root.css.js +1 -12
  218. package/dist/video/root/video-root.d.ts +3 -8
  219. package/dist/video-playlist/item/video-playlist-item.css.js +1 -7
  220. package/dist/video-playlist/menu/video-playlist-menu.css.js +1 -1
  221. package/dist/video-playlist/root/video-playlist-root.css.js +1 -1
  222. package/dist/virtual-list/root/virtual-list-root.css.js +1 -1
  223. package/elements.css +4 -5
  224. package/helix.css +31 -0
  225. package/jsx.d.ts +11625 -14561
  226. package/package.json +10 -8
  227. package/vue.d.ts +3594 -4231
@@ -1,4 +1,4 @@
1
- // Generated from src/shared/field/field.css by `bun run styles`. Do not edit.
1
+ // Generated from src/shared/field/field.css by `turbo run styles`. Do not edit.
2
2
  import { createSheet } from '@fusion.dev/helix-core';
3
3
  export const styles = createSheet(`::placeholder {
4
4
  color: var(--helix-color-foreground-subtle);
@@ -1,4 +1,4 @@
1
- // Generated from src/skeleton/root/skeleton-root.css by `bun run styles`. Do not edit.
1
+ // Generated from src/skeleton/root/skeleton-root.css by `turbo run styles`. Do not edit.
2
2
  import { createSheet } from '@fusion.dev/helix-core';
3
3
  export const styles = createSheet(`:host {
4
4
  display: block;
@@ -1,4 +1,4 @@
1
- // Generated from src/slider/root/slider-root.css by `bun run styles`. Do not edit.
1
+ // Generated from src/slider/root/slider-root.css by `turbo run styles`. Do not edit.
2
2
  import { createSheet } from '@fusion.dev/helix-core';
3
3
  export const styles = createSheet(`:host {
4
4
  display: flex;
@@ -106,8 +106,6 @@ circle at calc(var(--slider-fraction, 0) * 100%) 50%,
106
106
  transparent var(--_slider-hole),
107
107
  currentColor var(--_slider-hole)
108
108
  );
109
- pointer-events: none;
110
- z-index: var(--helix-layer-raised);
111
109
  }
112
110
 
113
111
  [part="field"][data-range] [part="markers"] {
@@ -1,4 +1,4 @@
1
- // Generated from src/sparkline/root/sparkline-root.css by `bun run styles`. Do not edit.
1
+ // Generated from src/sparkline/root/sparkline-root.css by `turbo run styles`. Do not edit.
2
2
  import { createSheet } from '@fusion.dev/helix-core';
3
3
  export const styles = createSheet(`:host {
4
4
  block-size: var(--sparkline-block-size, 2.5em);
@@ -18,10 +18,10 @@ import type { CSSResultGroup } from 'lit';
18
18
  * disagreeing.
19
19
  *
20
20
  * The line's weight is set in `em` rather than pixels, so it grows with the
21
- * drawing the way the drawing grows with its type. A fixed 1.5px was the first
22
- * version and left a 200 pixel sparkline wearing a hairline: `vector-effect`
23
- * keeps a stroke out of the view box's stretch, which is the point, and it also
24
- * keeps it out of every other reason it might want to be bigger.
21
+ * drawing the way the drawing grows with its type. A fixed pixel width leaves a
22
+ * 200 pixel sparkline wearing a hairline: `vector-effect` keeps a stroke out of
23
+ * the view box's stretch, and it also keeps it out of every other reason it
24
+ * might want to be bigger.
25
25
  *
26
26
  * @since 0.1.0
27
27
  * @status experimental
@@ -58,30 +58,15 @@ export declare class HelixSparkline extends HelixHeadlessSparkline {
58
58
  * `BarChart`, an `area` or `line` plot like `LineChart`. `solid` on bars is the
59
59
  * resting column and selects nothing.
60
60
  *
61
- * **`outlined` was refused here until 25 Aug 2026**, on the grounds that it
62
- * needs a fill to remove and this is a stroke. That is true of the line and not
63
- * of the other two plots, which is what the argument missed: a bar has an area
64
- * and an area plot is one.
61
+ * `outlined` needs a fill to remove, so it applies to `bar` and `area` and
62
+ * says nothing about a bare line.
65
63
  *
66
- * `ghost` is still an empty cell, and there is still no `material`. Glass
67
- * exists so what is behind a mark reads through it, and at the size a sparkline
68
- * draws there is nothing behind it a reader could resolve.
64
+ * `ghost` is an empty cell and there is no `material`. Glass exists so what is
65
+ * behind a mark reads through it, and at the size a sparkline draws there is
66
+ * nothing behind it a reader could resolve.
69
67
  */
70
68
  emphasis?: 'outlined' | 'solid' | 'subtle';
71
69
  static styles: CSSResultGroup;
72
- /**
73
- * How heavy the line is drawn.
74
- *
75
- * Absent is the weight a sparkline is usually drawn at. `thin` suits one set
76
- * in a table row among many; `thick` suits one standing on its own, where a
77
- * hairline reads as an accident.
78
- *
79
- * Three steps rather than a number, because `--sparkline-width` is already
80
- * the number and an attribute earns its place by being the thing a consumer
81
- * reaches for without reading the stylesheet. The hook stays for anything the
82
- * three do not cover.
83
- */
84
- weight?: 'thick' | 'thin';
85
70
  /**
86
71
  * The shape of the mark on the last reading.
87
72
  *
@@ -106,6 +91,19 @@ export declare class HelixSparkline extends HelixHeadlessSparkline {
106
91
  * chart is drawn over rather than a guess at it.
107
92
  */
108
93
  terminus?: 'none' | 'ring' | 'square' | 'triangle';
94
+ /**
95
+ * How heavy the line is drawn.
96
+ *
97
+ * Absent is the weight a sparkline is usually drawn at. `thin` suits one set
98
+ * in a table row among many; `thick` suits one standing on its own, where a
99
+ * hairline reads as an accident.
100
+ *
101
+ * Three steps rather than a number, because `--sparkline-width` is already
102
+ * the number and an attribute earns its place by being the thing a consumer
103
+ * reaches for without reading the stylesheet. The hook stays for anything the
104
+ * three do not cover.
105
+ */
106
+ weight?: 'thick' | 'thin';
109
107
  }
110
108
  declare global {
111
109
  interface HTMLElementTagNameMap {
@@ -27,10 +27,10 @@ import { styles } from './sparkline-root.css.js';
27
27
  * disagreeing.
28
28
  *
29
29
  * The line's weight is set in `em` rather than pixels, so it grows with the
30
- * drawing the way the drawing grows with its type. A fixed 1.5px was the first
31
- * version and left a 200 pixel sparkline wearing a hairline: `vector-effect`
32
- * keeps a stroke out of the view box's stretch, which is the point, and it also
33
- * keeps it out of every other reason it might want to be bigger.
30
+ * drawing the way the drawing grows with its type. A fixed pixel width leaves a
31
+ * 200 pixel sparkline wearing a hairline: `vector-effect` keeps a stroke out of
32
+ * the view box's stretch, and it also keeps it out of every other reason it
33
+ * might want to be bigger.
34
34
  *
35
35
  * @since 0.1.0
36
36
  * @status experimental
@@ -57,10 +57,10 @@ __decorate([
57
57
  ], HelixSparkline.prototype, "emphasis", void 0);
58
58
  __decorate([
59
59
  property({ reflect: true })
60
- ], HelixSparkline.prototype, "weight", void 0);
60
+ ], HelixSparkline.prototype, "terminus", void 0);
61
61
  __decorate([
62
62
  property({ reflect: true })
63
- ], HelixSparkline.prototype, "terminus", void 0);
63
+ ], HelixSparkline.prototype, "weight", void 0);
64
64
  HelixSparkline = __decorate([
65
65
  customElement('helix-sparkline')
66
66
  ], HelixSparkline);
@@ -1,4 +1,4 @@
1
- // Generated from src/speed-dial/item/speed-dial-item.css by `bun run styles`. Do not edit.
1
+ // Generated from src/speed-dial/item/speed-dial-item.css by `turbo run styles`. Do not edit.
2
2
  import { createSheet } from '@fusion.dev/helix-core';
3
3
  export const styles = createSheet(`:host {
4
4
  display: block;
@@ -71,10 +71,4 @@ font-size: var(--helix-text-sm);
71
71
  font-weight: var(--helix-weight-medium);
72
72
  padding: var(--helix-space-2xs) var(--helix-space-xs);
73
73
  white-space: nowrap;
74
- }
75
-
76
- @media (prefers-reduced-motion: reduce) {
77
- [part="icon"] {
78
- transition: none;
79
- }
80
74
  }`);
@@ -1,4 +1,4 @@
1
- // Generated from src/speed-dial/root/speed-dial-root.css by `bun run styles`. Do not edit.
1
+ // Generated from src/speed-dial/root/speed-dial-root.css by `turbo run styles`. Do not edit.
2
2
  import { createSheet } from '@fusion.dev/helix-core';
3
3
  export const styles = createSheet(`:host {
4
4
  display: inline-flex;
@@ -1,4 +1,4 @@
1
- // Generated from src/splitter/root/splitter-root.css by `bun run styles`. Do not edit.
1
+ // Generated from src/splitter/root/splitter-root.css by `turbo run styles`. Do not edit.
2
2
  import { createSheet } from '@fusion.dev/helix-core';
3
3
  export const styles = createSheet(`:host {
4
4
  display: flex;
@@ -114,13 +114,6 @@ outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);
114
114
  outline-offset: var(--helix-size-focus-offset);
115
115
  }
116
116
 
117
- @media (prefers-reduced-motion: reduce) {
118
- [part="separator"]::before,
119
- :host(:is([orientation="vertical"], [data-axis="vertical"])) [part="separator"]::before {
120
- transition: none;
121
- }
122
- }
123
-
124
117
  [part="corner"] {
125
118
  block-size: var(--splitter-corner, var(--helix-space-md));
126
119
 
@@ -183,12 +176,6 @@ opacity: 1;
183
176
  background-color: var(--splitter-drag-color, var(--helix-color-primary));
184
177
  }
185
178
 
186
- @media (prefers-reduced-motion: reduce) {
187
- :host([variant="grip"]) [part="separator"]::after {
188
- transition: none;
189
- }
190
- }
191
-
192
179
  [part="start"][data-dragging],
193
180
  [part="end"][data-dragging] {
194
181
  pointer-events: none;
@@ -1,4 +1,4 @@
1
- // Generated from src/stat/group/stat-group.css by `bun run styles`. Do not edit.
1
+ // Generated from src/stat/group/stat-group.css by `turbo run styles`. Do not edit.
2
2
  import { createSheet } from '@fusion.dev/helix-core';
3
3
  export const styles = createSheet(`:host {
4
4
  display: flex;
@@ -1,4 +1,4 @@
1
- // Generated from src/stat/root/stat-root.css by `bun run styles`. Do not edit.
1
+ // Generated from src/stat/root/stat-root.css by `turbo run styles`. Do not edit.
2
2
  import { createSheet } from '@fusion.dev/helix-core';
3
3
  export const styles = createSheet(`:host {
4
4
 
@@ -1,4 +1,4 @@
1
- // Generated from src/steps/root/steps-root.css by `bun run styles`. Do not edit.
1
+ // Generated from src/steps/root/steps-root.css by `turbo run styles`. Do not edit.
2
2
  import { createSheet } from '@fusion.dev/helix-core';
3
3
  export const styles = createSheet(`:host {
4
4
  counter-reset: helix-step;
@@ -1,4 +1,4 @@
1
- // Generated from src/steps/step/step.css by `bun run styles`. Do not edit.
1
+ // Generated from src/steps/step/step.css by `turbo run styles`. Do not edit.
2
2
  import { createSheet } from '@fusion.dev/helix-core';
3
3
  export const styles = createSheet(`:host {
4
4
  align-items: start;
@@ -148,11 +148,4 @@ grid-template-rows: 1fr;
148
148
  display: block;
149
149
  min-block-size: 0;
150
150
  overflow: hidden;
151
- }
152
-
153
- @media (prefers-reduced-motion: reduce) {
154
- [part="marker"],
155
- [part="content"] {
156
- transition: none;
157
- }
158
151
  }`);
@@ -9,7 +9,7 @@ import { HelixHeadlessStep } from '@fusion.dev/helix-headless/steps';
9
9
  /* Side-effect import, because the tier below renders `<helix-button>` and a custom
10
10
  element registers on import. Inherited from the base along with the template,
11
11
  which is why it is restated here: this file has no `<helix-button>` in it to
12
- remind anyone. `check:composed` enforces it. */
12
+ remind anyone. */
13
13
  import '../../button/index.js';
14
14
  import { styles } from './step.css.js';
15
15
  /**
@@ -1,4 +1,4 @@
1
- // Generated from src/switch/root/switch-root.css by `bun run styles`. Do not edit.
1
+ // Generated from src/switch/root/switch-root.css by `turbo run styles`. Do not edit.
2
2
  import { createSheet } from '@fusion.dev/helix-core';
3
3
  export const styles = createSheet(`:host {
4
4
  display: inline-flex;
@@ -94,13 +94,6 @@ outline-offset: var(--helix-size-focus-offset);
94
94
  border-color: var(--helix-color-danger);
95
95
  }
96
96
 
97
- @media (prefers-reduced-motion: reduce) {
98
- [part="thumb"],
99
- [part="track"] {
100
- transition: none;
101
- }
102
- }
103
-
104
97
  [part="label"][data-empty] {
105
98
  display: none;
106
99
  }
@@ -1,4 +1,4 @@
1
- // Generated from src/table/cell/table-cell.css by `bun run styles`. Do not edit.
1
+ // Generated from src/table/cell/table-cell.css by `turbo run styles`. Do not edit.
2
2
  import { createSheet } from '@fusion.dev/helix-core';
3
3
  export const styles = createSheet(`:host {
4
4
 
@@ -1,4 +1,4 @@
1
- // Generated from src/table/column/table-column.css by `bun run styles`. Do not edit.
1
+ // Generated from src/table/column/table-column.css by `turbo run styles`. Do not edit.
2
2
  import { createSheet } from '@fusion.dev/helix-core';
3
3
  export const styles = createSheet(`:host {
4
4
  display: contents;
@@ -1,4 +1,4 @@
1
- // Generated from src/table/root/table-root.css by `bun run styles`. Do not edit.
1
+ // Generated from src/table/root/table-root.css by `turbo run styles`. Do not edit.
2
2
  import { createSheet } from '@fusion.dev/helix-core';
3
3
  export const styles = createSheet(`:host {
4
4
  display: block;
@@ -1,4 +1,4 @@
1
- // Generated from src/table/row/table-row.css by `bun run styles`. Do not edit.
1
+ // Generated from src/table/row/table-row.css by `turbo run styles`. Do not edit.
2
2
  import { createSheet } from '@fusion.dev/helix-core';
3
3
  export const styles = createSheet(`:host {
4
4
  display: contents;
@@ -1,4 +1,4 @@
1
- // Generated from src/tabs/panel/tab-panel.css by `bun run styles`. Do not edit.
1
+ // Generated from src/tabs/panel/tab-panel.css by `turbo run styles`. Do not edit.
2
2
  import { createSheet } from '@fusion.dev/helix-core';
3
3
  export const styles = createSheet(`:host {
4
4
 
@@ -1,4 +1,4 @@
1
- // Generated from src/tabs/root/tabs-root.css by `bun run styles`. Do not edit.
1
+ // Generated from src/tabs/root/tabs-root.css by `turbo run styles`. Do not edit.
2
2
  import { createSheet } from '@fusion.dev/helix-core';
3
3
  export const styles = createSheet(`:host {
4
4
 
@@ -87,12 +87,6 @@ position: relative;
87
87
  z-index: var(--helix-layer-raised);
88
88
  }
89
89
 
90
- @media (prefers-reduced-motion: reduce) {
91
- [part="indicator"] {
92
- transition: opacity var(--helix-duration-fast) var(--helix-easing-standard);
93
- }
94
- }
95
-
96
90
  :host([variant="underlined"]) [part="indicator"] {
97
91
  --_indicator-block: var(--helix-border-thick);
98
92
  --_indicator-color: var(--helix-color-primary);
@@ -1,4 +1,4 @@
1
- // Generated from src/tabs/tab/tab.css by `bun run styles`. Do not edit.
1
+ // Generated from src/tabs/tab/tab.css by `turbo run styles`. Do not edit.
2
2
  import { createSheet } from '@fusion.dev/helix-core';
3
3
  export const styles = createSheet(`:host {
4
4
  display: inline-flex;
@@ -6,7 +6,7 @@ display: inline-flex;
6
6
 
7
7
  [part="tab"] {
8
8
  align-items: center;
9
- background-color: var(--_tab-surface, transparent);
9
+ background-color: transparent;
10
10
 
11
11
  block-size: var(--_tab-height, var(--helix-size-control));
12
12
  border: none;
@@ -48,10 +48,4 @@ opacity: 0.5;
48
48
  [part="tab"]:focus-visible {
49
49
  outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);
50
50
  outline-offset: calc(var(--helix-size-focus-offset) * -1);
51
- }
52
-
53
- @media (prefers-reduced-motion: reduce) {
54
- [part="tab"] {
55
- transition: none;
56
- }
57
51
  }`);
@@ -1,4 +1,4 @@
1
- // Generated from src/tag/root/tag-root.css by `bun run styles`. Do not edit.
1
+ // Generated from src/tag/root/tag-root.css by `turbo run styles`. Do not edit.
2
2
  import { createSheet } from '@fusion.dev/helix-core';
3
3
  export const styles = createSheet(`:host {
4
4
  align-items: center;
@@ -4,7 +4,7 @@ import type { CSSResultGroup } from 'lit';
4
4
  * @summary Labels content with a short piece of metadata.
5
5
  *
6
6
  * @description
7
- * Five tones. The fill is a tint of the status color, mixed with
7
+ * Seven tones. The fill is a tint of the status color, mixed with
8
8
  * `color-mix` rather than held as a token per status, so a theme that changes
9
9
  * the status colors gets the tints with them.
10
10
  *
@@ -26,20 +26,6 @@ import type { CSSResultGroup } from 'lit';
26
26
  * @cssproperty --tag-radius - Corner radius of the tag.
27
27
  */
28
28
  export declare class HelixTag extends HelixHeadlessTag {
29
- /**
30
- * Which status the tag reports.
31
- *
32
- * This was called `appearance`, and it never was one. `tone` is semantic
33
- * color, which is what these are and what `helix-text` already calls them.
34
- * One axis was wearing the other's name, and the axis it should have held did
35
- * not exist.
36
- *
37
- * **Written before there was a registry, and it turned out to be the first
38
- * instance of a general fault rather than a local one.** `appearance` was not
39
- * a treatment either: it held four different questions across 21 components,
40
- * and this file found one of them the hard way. The rest is `check:axes`.
41
- */
42
- tone?: 'accent' | 'danger' | 'info' | 'neutral' | 'primary' | 'success' | 'warning';
43
29
  /**
44
30
  * How much of the tone the tag wears.
45
31
  *
@@ -51,12 +37,17 @@ export declare class HelixTag extends HelixHeadlessTag {
51
37
  * each of them turns a list into a mosaic.
52
38
  *
53
39
  * Independent of `tone` on purpose: an outlined danger tag and a solid danger
54
- * tag are both sensible, and until these were two properties you could ask
55
- * for neither, because color and fill were welded together. Which is the same
56
- * test the whole axis registry answers to, arrived at here first and one
57
- * component at a time.
40
+ * tag are both sensible, and one property welding color to fill can ask for
41
+ * neither. That is the test the whole axis registry answers to.
58
42
  */
59
43
  emphasis?: 'outlined' | 'solid' | 'subtle';
44
+ /**
45
+ * Which status the tag reports.
46
+ *
47
+ * `tone` is semantic color, which is what these are and what `helix-text`
48
+ * already calls them. `helix component`'s `axes` holds the vocabulary.
49
+ */
50
+ tone?: 'accent' | 'danger' | 'info' | 'neutral' | 'primary' | 'success' | 'warning';
60
51
  static styles: CSSResultGroup;
61
52
  }
62
53
  declare global {
@@ -12,7 +12,7 @@ import { styles } from './tag-root.css.js';
12
12
  * @summary Labels content with a short piece of metadata.
13
13
  *
14
14
  * @description
15
- * Five tones. The fill is a tint of the status color, mixed with
15
+ * Seven tones. The fill is a tint of the status color, mixed with
16
16
  * `color-mix` rather than held as a token per status, so a theme that changes
17
17
  * the status colors gets the tints with them.
18
18
  *
@@ -38,10 +38,10 @@ let HelixTag = class HelixTag extends HelixHeadlessTag {
38
38
  };
39
39
  __decorate([
40
40
  property({ reflect: true })
41
- ], HelixTag.prototype, "tone", void 0);
41
+ ], HelixTag.prototype, "emphasis", void 0);
42
42
  __decorate([
43
43
  property({ reflect: true })
44
- ], HelixTag.prototype, "emphasis", void 0);
44
+ ], HelixTag.prototype, "tone", void 0);
45
45
  HelixTag = __decorate([
46
46
  customElement('helix-tag')
47
47
  ], HelixTag);
@@ -1,4 +1,4 @@
1
- // Generated from src/text/root/text-root.css by `bun run styles`. Do not edit.
1
+ // Generated from src/text/root/text-root.css by `turbo run styles`. Do not edit.
2
2
  import { createSheet } from '@fusion.dev/helix-core';
3
3
  export const styles = createSheet(`:host {
4
4
  display: inline;
@@ -16,10 +16,10 @@ import type { CSSResultGroup } from 'lit';
16
16
  *
17
17
  * The pairing is resolved in CSS rather than by computing an attribute, so the
18
18
  * element writes nothing to its own host: `as="h2"` picks up the heading ramp
19
- * through a selector, and setting `variant` takes the pairing rule out of
20
- * play. Deriving it in `willUpdate` worked, but it put an attribute on the host
21
- * that the server's markup did not have, which is a hydration mismatch in every
22
- * React consumer.
19
+ * through a selector, and setting `variant` takes the pairing rule out of play.
20
+ * Deriving it in `willUpdate` works and must not be done: it puts an attribute
21
+ * on the host that the server's markup does not have, which is a hydration
22
+ * mismatch in every React consumer.
23
23
  *
24
24
  * **Size, weight, and leading are not properties.** Exposing them separately
25
25
  * offers a few hundred combinations of which a handful are right, and every
@@ -48,21 +48,14 @@ export declare class HelixText extends HelixElement {
48
48
  * Decides the outline and the semantics.
49
49
  */
50
50
  as?: 'span' | 'p' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'strong' | 'em' | 'code' | 'label';
51
- /**
52
- * Type treatment.
53
- *
54
- * Defaults to the one that matches `as`.
55
- */
56
- variant?: 'display' | 'heading' | 'subheading' | 'title' | 'body' | 'body-strong' | 'caption' | 'label' | 'code';
57
51
  /**
58
52
  * Color role. A separate axis from the type ramp, because color carries
59
53
  * state: folding it in would mean `caption-danger` and the rest of the cross
60
54
  * product.
61
55
  *
62
- * **`default` is gone, having been styled nowhere.** It matched no rule and
63
- * fell through to the inherited ink, so it read as working while saying
64
- * nothing, which is the same shape as the `shadow` an example wrote at Video.
65
- * The resting case is the absent attribute.
56
+ * **There is no `default` value**, and one must not be added: it would match
57
+ * no rule and fall through to the inherited ink, reading as working while
58
+ * saying nothing. The resting case is the absent attribute.
66
59
  *
67
60
  * **`muted` and `subtle` are weight rather than meaning and belong on
68
61
  * `emphasis`, which is why this is still off the registry.** Splitting them
@@ -73,6 +66,12 @@ export declare class HelixText extends HelixElement {
73
66
  * halves apart would leave three of the four combinations unsayable.
74
67
  */
75
68
  tone?: 'muted' | 'subtle' | 'primary' | 'danger';
69
+ /**
70
+ * Type treatment.
71
+ *
72
+ * Defaults to the one that matches `as`.
73
+ */
74
+ variant?: 'display' | 'heading' | 'subheading' | 'title' | 'body' | 'body-strong' | 'caption' | 'label' | 'code';
76
75
  protected render(): unknown;
77
76
  static styles: CSSResultGroup;
78
77
  }
@@ -39,10 +39,10 @@ const TAGS = {
39
39
  *
40
40
  * The pairing is resolved in CSS rather than by computing an attribute, so the
41
41
  * element writes nothing to its own host: `as="h2"` picks up the heading ramp
42
- * through a selector, and setting `variant` takes the pairing rule out of
43
- * play. Deriving it in `willUpdate` worked, but it put an attribute on the host
44
- * that the server's markup did not have, which is a hydration mismatch in every
45
- * React consumer.
42
+ * through a selector, and setting `variant` takes the pairing rule out of play.
43
+ * Deriving it in `willUpdate` works and must not be done: it puts an attribute
44
+ * on the host that the server's markup does not have, which is a hydration
45
+ * mismatch in every React consumer.
46
46
  *
47
47
  * **Size, weight, and leading are not properties.** Exposing them separately
48
48
  * offers a few hundred combinations of which a handful are right, and every
@@ -82,10 +82,10 @@ __decorate([
82
82
  ], HelixText.prototype, "as", void 0);
83
83
  __decorate([
84
84
  property({ reflect: true })
85
- ], HelixText.prototype, "variant", void 0);
85
+ ], HelixText.prototype, "tone", void 0);
86
86
  __decorate([
87
87
  property({ reflect: true })
88
- ], HelixText.prototype, "tone", void 0);
88
+ ], HelixText.prototype, "variant", void 0);
89
89
  HelixText = __decorate([
90
90
  customElement('helix-text')
91
91
  ], HelixText);
@@ -1,4 +1,4 @@
1
- // Generated from src/textarea/root/textarea-root.css by `bun run styles`. Do not edit.
1
+ // Generated from src/textarea/root/textarea-root.css by `turbo run styles`. Do not edit.
2
2
  import { createSheet } from '@fusion.dev/helix-core';
3
3
  export const styles = createSheet(`:host {
4
4
  display: flex;
@@ -65,12 +65,6 @@ opacity: 0.5;
65
65
  background-color: transparent;
66
66
  }
67
67
 
68
- @media (prefers-reduced-motion: reduce) {
69
- [part="field"] {
70
- transition: none;
71
- }
72
- }
73
-
74
68
  @media print {
75
69
  :host {
76
70
  box-shadow: none;
@@ -1,4 +1,4 @@
1
- // Generated from src/time-input/root/time-input-root.css by `bun run styles`. Do not edit.
1
+ // Generated from src/time-input/root/time-input-root.css by `turbo run styles`. Do not edit.
2
2
  import { createSheet } from '@fusion.dev/helix-core';
3
3
  export const styles = createSheet(`:host {
4
4
  display: block;
@@ -8,7 +8,7 @@ import { customElement } from '@fusion.dev/helix-core';
8
8
  import { HelixHeadlessTimeInput } from '@fusion.dev/helix-headless/time-input';
9
9
  /* Side-effect imports, because the tier below renders both of these and a custom
10
10
  element registers on import. Inherited from the base along with the template,
11
- which is why they are restated here. `check:composed` enforces it. */
11
+ which is why they are restated here. */
12
12
  import '../../icon/index.js';
13
13
  import '../../tag/index.js';
14
14
  import '../../time-picker/index.js';
@@ -1,4 +1,4 @@
1
- // Generated from src/time-picker/root/time-picker-root.css by `bun run styles`. Do not edit.
1
+ // Generated from src/time-picker/root/time-picker-root.css by `turbo run styles`. Do not edit.
2
2
  import { createSheet } from '@fusion.dev/helix-core';
3
3
  export const styles = createSheet(`:host {
4
4
  display: block;
@@ -116,12 +116,6 @@ background-color: var(--time-picker-selected-color, var(--helix-color-foreground
116
116
  color: var(--helix-color-foreground-on-accent);
117
117
  }
118
118
 
119
- @media (prefers-reduced-motion: reduce) {
120
- [part="column"] [part="option"]::part(label) {
121
- transition: none;
122
- }
123
- }
124
-
125
119
  [part="column"] [part="option"]::part(item)::after {
126
120
  content: none;
127
121
  }
@@ -9,7 +9,7 @@ import { HelixHeadlessTimePicker } from '@fusion.dev/helix-headless/time-picker'
9
9
  /* Side-effect imports, because the tier below renders both of these and a custom
10
10
  element registers on import. Inherited from the base along with the template,
11
11
  which is why they are restated here: this file has neither tag in it to remind
12
- anyone. `check:composed` enforces it. */
12
+ anyone. */
13
13
  import '../../listbox/index.js';
14
14
  import '../../option/index.js';
15
15
  import { styles } from './time-picker-root.css.js';
@@ -1,4 +1,4 @@
1
- // Generated from src/timeline/item/timeline-item.css by `bun run styles`. Do not edit.
1
+ // Generated from src/timeline/item/timeline-item.css by `turbo run styles`. Do not edit.
2
2
  import { createSheet } from '@fusion.dev/helix-core';
3
3
  export const styles = createSheet(`:host {
4
4
  column-gap: var(--helix-space-md);
@@ -1,4 +1,4 @@
1
- // Generated from src/timeline/root/timeline-root.css by `bun run styles`. Do not edit.
1
+ // Generated from src/timeline/root/timeline-root.css by `turbo run styles`. Do not edit.
2
2
  import { createSheet } from '@fusion.dev/helix-core';
3
3
  export const styles = createSheet(`:host {
4
4
  display: flex;
@@ -1,4 +1,4 @@
1
- // Generated from src/toast/item/toast-item.css by `bun run styles`. Do not edit.
1
+ // Generated from src/toast/item/toast-item.css by `turbo run styles`. Do not edit.
2
2
  import { createSheet } from '@fusion.dev/helix-core';
3
3
  export const styles = createSheet(`:host {
4
4
 
@@ -1,4 +1,4 @@
1
- // Generated from src/toast/root/toast-root.css by `bun run styles`. Do not edit.
1
+ // Generated from src/toast/root/toast-root.css by `turbo run styles`. Do not edit.
2
2
  import { createSheet } from '@fusion.dev/helix-core';
3
3
  export const styles = createSheet(`:host {
4
4
  --_toast-inset: var(--toast-inset, var(--helix-space-lg));
@@ -1,4 +1,4 @@
1
- // Generated from src/toggle/group/toggle-group.css by `bun run styles`. Do not edit.
1
+ // Generated from src/toggle/group/toggle-group.css by `turbo run styles`. Do not edit.
2
2
  import { createSheet } from '@fusion.dev/helix-core';
3
3
  export const styles = createSheet(`:host {
4
4
  display: inline-flex;
@@ -96,12 +96,6 @@ z-index: var(--helix-layer-base);
96
96
  opacity: 1;
97
97
  }
98
98
 
99
- @media (prefers-reduced-motion: reduce) {
100
- [part="indicator"] {
101
- transition: opacity var(--helix-duration-fast) var(--helix-easing-standard);
102
- }
103
- }
104
-
105
99
  :host(:state(invalid)) [part="track"] {
106
100
  outline: var(--helix-size-focus-ring) solid var(--helix-color-danger);
107
101
  outline-offset: calc(var(--helix-size-focus-offset) * -1);