@fusion.dev/helix 0.155.0 → 0.157.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 (36) hide show
  1. package/custom-elements.json +3723 -55
  2. package/dist/canvas/root/canvas-root.css.js +1 -1
  3. package/dist/command/root/command-root.css.js +1 -1
  4. package/dist/data-table/root/data-table-root.css.js +1 -1
  5. package/dist/data-table/root/data-table-root.d.ts +2 -0
  6. package/dist/date-input/root/date-input-root.css.js +2 -1
  7. package/dist/element-events.generated.js +2 -1
  8. package/dist/graph/root/graph-root.css.js +1 -1
  9. package/dist/list/root/list-root.css.js +1 -1
  10. package/dist/list/root/list-root.d.ts +4 -0
  11. package/dist/menu/item/menu-item.css.js +1 -1
  12. package/dist/menu/item/menu-item.js +3 -1
  13. package/dist/number-input/root/number-input-root.css.js +3 -1
  14. package/dist/number-input/root/number-input-root.d.ts +3 -1
  15. package/dist/sandbox/frame.d.ts +9 -2
  16. package/dist/sandbox/frame.js +34 -2
  17. package/dist/sandbox/preview/sandbox-preview.d.ts +22 -1
  18. package/dist/sandbox/preview/sandbox-preview.js +25 -6
  19. package/dist/sandbox/root/sandbox-root.d.ts +4 -3
  20. package/dist/sandbox/root/sandbox-root.js +5 -3
  21. package/dist/table/root/table-root.css.js +1 -1
  22. package/dist/table/root/table-root.d.ts +2 -0
  23. package/dist/time-input/root/time-input-root.css.js +2 -1
  24. package/dist/time-picker/root/time-picker-root.css.js +2 -2
  25. package/dist/timeline/item/timeline-item.css.js +2 -2
  26. package/dist/timeline/item/timeline-item.d.ts +4 -0
  27. package/dist/timeline/root/timeline-root.d.ts +4 -0
  28. package/dist/toast/item/toast-item.css.js +1 -1
  29. package/dist/video-playlist/root/video-playlist-root.js +2 -1
  30. package/dist/virtual-list/root/virtual-list-root.css.js +1 -1
  31. package/dist/virtual-list/root/virtual-list-root.d.ts +1 -0
  32. package/lint.json +1 -1
  33. package/package.json +6 -6
  34. package/types/jsx.d.ts +2838 -224
  35. package/types/vue.d.ts +917 -47
  36. package/types/words.d.ts +108 -0
@@ -20,6 +20,10 @@ import type { CSSResultGroup } from 'lit';
20
20
  * side by side in the order they are read, and the time over what happened
21
21
  * under each mark. Use it for a few entries, since they share the width.
22
22
  *
23
+ * An entry's custom properties, such as `--timeline-rail-color` and
24
+ * `--timeline-marker-size`, inherit, so setting them on the timeline changes
25
+ * every entry in it.
26
+ *
23
27
  * @since 0.1.0
24
28
  * @status stable
25
29
  * @category data
@@ -16,7 +16,7 @@ var(--toast-item-padding, var(--helix-space-sm)) +
16
16
  [part="item"] > * {touch-action: pan-y;}[part="content"] > slot {display: block;touch-action: pan-y;}[part="item"][data-swiping] {transition: none;translate: var(--toast-swipe-x, 0) 0;user-select: none;}[part="timer"] {animation: helix-toast-drain var(--toast-duration, 0ms) linear forwards;background-color: var(
17
17
  --toast-tone-color,
18
18
  var(--_toast-severity, var(--helix-color-foreground-muted))
19
- );block-size: var(--toast-timer-size, var(--helix-space-2xs));inset-block-start: 0;inset-inline: 0;position: absolute;transform-origin: 0 50%;}[part="timer"]:dir(rtl) {transform-origin: 100% 50%;}:host([data-paused]) [part="timer"] {animation-play-state: paused;}@keyframes helix-toast-drain {to {scale: 0 1;}}@media (prefers-reduced-motion: no-preference) {[part="item"] {animation: helix-toast-in var(--helix-duration-normal) var(--helix-easing-decelerate) backwards;}}@keyframes helix-toast-in {from {opacity: 0;translate: 0 var(--_toast-enter, var(--helix-space-lg));}}:host([data-closed]) [part="item"] {padding-block: 0;transition: padding-block var(--helix-duration-normal) var(--helix-easing-accelerate);}:host([hidden]:not([hidden="until-found"])) {display: grid;}:host([data-closed]) {grid-template-rows: minmax(0, 0fr);margin-block-start: 0;opacity: 0;translate: 0 var(--_toast-enter, var(--helix-space-lg));visibility: hidden;transition:
19
+ );block-size: var(--toast-timer-size, var(--helix-space-2xs));inset-block-start: 0;inset-inline: 0;position: absolute;transform-origin: 0 50%;}[part="timer"]:dir(rtl) {transform-origin: 100% 50%;}:host([data-paused]) [part="timer"] {animation-play-state: paused;}@keyframes helix-toast-drain {to {scale: 0 1;}}@media (prefers-reduced-motion: no-preference) {[part="item"] {animation: helix-toast-in var(--helix-duration-normal) var(--helix-easing-decelerate) backwards;}}@keyframes helix-toast-in {from {opacity: 0;translate: 0 var(--_toast-enter, var(--helix-space-lg));}}:host([data-closed]) [part="item"] {padding-block: 0;transition: padding-block var(--helix-duration-normal) var(--helix-easing-accelerate);}:host([hidden]:not([hidden="until-found"])) {display: grid;}:host(:state(waiting)) {display: none;}:host([data-closed]) {grid-template-rows: minmax(0, 0fr);margin-block-start: 0;opacity: 0;translate: 0 var(--_toast-enter, var(--helix-space-lg));visibility: hidden;transition:
20
20
  grid-template-rows var(--helix-duration-normal) var(--helix-easing-accelerate),
21
21
  margin-block-start var(--helix-duration-normal) var(--helix-easing-accelerate),
22
22
  opacity var(--helix-duration-normal) var(--helix-easing-accelerate),
@@ -6,9 +6,10 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
6
6
  };
7
7
  import { customElement } from '@fusion.dev/helix-core';
8
8
  import { HelixHeadlessVideoPlaylist } from '@fusion.dev/helix-headless/video-playlist';
9
+ import { styles as liveStyles } from '../../shared/live/live.css.js';
9
10
  import { styles } from './video-playlist-root.css.js';
10
11
  let HelixVideoPlaylist = class HelixVideoPlaylist extends HelixHeadlessVideoPlaylist {
11
- static { this.styles = styles; }
12
+ static { this.styles = [liveStyles, styles]; }
12
13
  };
13
14
  HelixVideoPlaylist = __decorate([
14
15
  customElement('helix-video-playlist')
@@ -7,5 +7,5 @@ var(--helix-scrollbar-thumb-hover-color)
7
7
  var(--virtual-list-scrollbar-track-color, var(--helix-scrollbar-track-color));}::slotted([data-index]:focus-visible) {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: calc(var(--helix-size-focus-offset) * -1);}::slotted([aria-selected="true"]) {background-color: var(
8
8
  --virtual-list-selected-background-color,
9
9
  var(--helix-color-primary-subtle)
10
- );}[part="empty"] {color: var(--virtual-list-empty-color, var(--helix-color-foreground-muted));font-size: var(--helix-text-sm);padding: var(--virtual-list-empty-padding, var(--helix-space-md));text-align: center;}[part="loading"] {color: var(--virtual-list-loading-color, var(--helix-color-foreground-muted));font-size: var(--helix-text-sm);padding: var(--virtual-list-loading-padding, var(--helix-space-sm));text-align: center;}[part="after"],
10
+ );color: var(--virtual-list-selected-color, inherit);}[part="empty"] {color: var(--virtual-list-empty-color, var(--helix-color-foreground-muted));font-size: var(--helix-text-sm);padding: var(--virtual-list-empty-padding, var(--helix-space-md));text-align: center;}[part="loading"] {color: var(--virtual-list-loading-color, var(--helix-color-foreground-muted));font-size: var(--helix-text-sm);padding: var(--virtual-list-loading-padding, var(--helix-space-sm));text-align: center;}[part="after"],
11
11
  [part="before"] {flex: none;}@media print {:host {overflow: visible;}}`);
@@ -31,6 +31,7 @@ import type { CSSResultGroup } from 'lit';
31
31
  * @cssproperty --virtual-list-scrollbar-thumb-hover-color - The thumb while the pointer is over the list. Defaults to `--helix-scrollbar-thumb-hover-color`.
32
32
  * @cssproperty --virtual-list-scrollbar-track-color - The track of the list's scrollbar. Defaults to `--helix-scrollbar-track-color`.
33
33
  * @cssproperty --virtual-list-selected-background-color - The fill behind a chosen row, in a list with `selection-mode`.
34
+ * @cssproperty --virtual-list-selected-color - The color of the text in a chosen row, in a list with `selection-mode`. Inherited by default.
34
35
  */
35
36
  export declare class HelixVirtualList extends HelixHeadlessVirtualList {
36
37
  static styles: CSSResultGroup;