@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.
- package/custom-elements.json +3723 -55
- package/dist/canvas/root/canvas-root.css.js +1 -1
- package/dist/command/root/command-root.css.js +1 -1
- package/dist/data-table/root/data-table-root.css.js +1 -1
- package/dist/data-table/root/data-table-root.d.ts +2 -0
- package/dist/date-input/root/date-input-root.css.js +2 -1
- package/dist/element-events.generated.js +2 -1
- package/dist/graph/root/graph-root.css.js +1 -1
- package/dist/list/root/list-root.css.js +1 -1
- package/dist/list/root/list-root.d.ts +4 -0
- package/dist/menu/item/menu-item.css.js +1 -1
- package/dist/menu/item/menu-item.js +3 -1
- package/dist/number-input/root/number-input-root.css.js +3 -1
- package/dist/number-input/root/number-input-root.d.ts +3 -1
- package/dist/sandbox/frame.d.ts +9 -2
- package/dist/sandbox/frame.js +34 -2
- package/dist/sandbox/preview/sandbox-preview.d.ts +22 -1
- package/dist/sandbox/preview/sandbox-preview.js +25 -6
- package/dist/sandbox/root/sandbox-root.d.ts +4 -3
- package/dist/sandbox/root/sandbox-root.js +5 -3
- package/dist/table/root/table-root.css.js +1 -1
- package/dist/table/root/table-root.d.ts +2 -0
- package/dist/time-input/root/time-input-root.css.js +2 -1
- package/dist/time-picker/root/time-picker-root.css.js +2 -2
- package/dist/timeline/item/timeline-item.css.js +2 -2
- package/dist/timeline/item/timeline-item.d.ts +4 -0
- package/dist/timeline/root/timeline-root.d.ts +4 -0
- package/dist/toast/item/toast-item.css.js +1 -1
- package/dist/video-playlist/root/video-playlist-root.js +2 -1
- package/dist/virtual-list/root/virtual-list-root.css.js +1 -1
- package/dist/virtual-list/root/virtual-list-root.d.ts +1 -0
- package/lint.json +1 -1
- package/package.json +6 -6
- package/types/jsx.d.ts +2838 -224
- package/types/vue.d.ts +917 -47
- 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;
|