@fusion.dev/helix 0.163.0 → 0.164.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 (13) hide show
  1. package/custom-elements.json +925 -4
  2. package/dist/callout/root/callout-root.css.js +3 -1
  3. package/dist/code-block/root/code-block-root.css.js +11 -2
  4. package/dist/command/root/command-root.d.ts +1 -0
  5. package/dist/command/root/command-root.js +1 -0
  6. package/dist/element-events.generated.js +7 -1
  7. package/dist/object-inspector/root/object-inspector-root.css.js +1 -1
  8. package/dist/video-playlist/item/video-playlist-item.css.js +3 -1
  9. package/lint.json +1 -1
  10. package/package.json +6 -6
  11. package/types/jsx.d.ts +264 -4
  12. package/types/vue.d.ts +80 -1
  13. package/types/words.d.ts +58 -0
package/dist/callout/root/callout-root.css.js CHANGED
@@ -6,4 +6,6 @@ color-mix(in oklab, var(--_callout-color) 10%, transparent)
6
6
  color-mix(in oklab, var(--_callout-color) 45%, var(--helix-color-background));}:host([separation="plain"]) {background-color: var(--callout-background-color, transparent);}[part="icon"] {color: var(--_callout-color);display: inline-flex;flex: 0 0 auto;}[part="icon"] svg {block-size: var(--helix-size-icon);inline-size: var(--helix-size-icon);}slot[name="icon"]::slotted(*) {--icon-size: var(--helix-size-icon);block-size: var(--helix-size-icon);inline-size: var(--helix-size-icon);}[part="content"] {line-height: var(--helix-leading-normal);min-inline-size: 0;}[part="dismiss"] {all: unset;box-sizing: border-box;block-size: calc(var(--helix-size-icon) + var(--helix-space-2xs) * 2);border-radius: var(--helix-radii-sm);color: var(--helix-color-foreground-muted);cursor: pointer;display: inline-flex;flex: 0 0 auto;inline-size: calc(var(--helix-size-icon) + var(--helix-space-2xs) * 2);margin-block: calc(var(--helix-space-2xs) * -1);margin-inline: auto calc(var(--helix-space-2xs) * -1);place-content: center;place-items: center;transition:
7
7
  background-color var(--helix-duration-fast) var(--helix-easing-standard),
8
8
  color var(--helix-duration-fast) var(--helix-easing-standard);}[part="dismiss"]:hover {background-color: color-mix(in oklab, var(--helix-color-foreground) 8%, transparent);color: var(--helix-color-foreground);}[part="dismiss"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset);}[part="dismiss"] svg,
9
- slot[name="dismiss-icon"]::slotted(*) {--icon-size: var(--helix-size-icon);block-size: var(--helix-size-icon);inline-size: var(--helix-size-icon);}@media (prefers-reduced-motion: reduce) {[part="dismiss"] {transition: none;}}slot[name="heading"]::slotted(*) {color: var(--helix-color-foreground);display: block;font-size: var(--callout-font-size, var(--helix-text-control));font-weight: var(--helix-weight-semibold);margin: var(--helix-space-none);}@media print {:host {background-color: transparent;}}`);
9
+ slot[name="dismiss-icon"]::slotted(*) {--icon-size: var(--helix-size-icon);block-size: var(--helix-size-icon);inline-size: var(--helix-size-icon);}:host(:state(exiting)) {opacity: 0;transition: opacity var(--helix-duration-normal) var(--helix-easing-accelerate);}:host(:state(entering)) {transition: opacity var(--helix-duration-normal) var(--helix-easing-decelerate);}@starting-style {:host(:state(entering)) {opacity: 0;}}@media (prefers-reduced-motion: reduce) {[part="dismiss"],
10
+ :host(:state(exiting)),
11
+ :host(:state(entering)) {transition: none;}}slot[name="heading"]::slotted(*) {color: var(--helix-color-foreground);display: block;font-size: var(--callout-font-size, var(--helix-text-control));font-weight: var(--helix-weight-semibold);margin: var(--helix-space-none);}@media print {:host {background-color: transparent;}}`);
package/dist/code-block/root/code-block-root.css.js CHANGED
@@ -21,7 +21,7 @@ var(--code-block-mark-edge-color, var(--helix-color-primary));box-sizing: border
21
21
  [part="context"],
22
22
  [part="added"],
23
23
  [part="removed"],
24
- [part="filler"] {display: flex;padding-inline: var(--helix-space-md);text-decoration: none;}[part="hunk"] {background-color: var(--helix-color-surface-sunken);color: var(--helix-color-foreground-muted);}[part="added"] {background-color: color-mix(
24
+ [part="filler"] {display: flex;padding-inline: var(--helix-space-md);text-decoration: none;}[part="hunk"] {background-color: var(--helix-color-surface-sunken);color: var(--helix-color-foreground-muted);}[part="fold"] {all: unset;background-color: var(--helix-color-surface-sunken);box-sizing: border-box;color: var(--helix-color-foreground-muted);cursor: pointer;display: flex;font-family: var(--helix-font-sans);inline-size: 100%;padding-inline: var(--helix-space-md);}[part="fold"]:hover {color: var(--helix-color-foreground);}[part="fold"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: calc(var(--helix-size-focus-offset) * -1);}[part="added"] {background-color: color-mix(
25
25
  in srgb,
26
26
  var(--code-block-added-color, var(--helix-color-success)) 14%,
27
27
  var(--code-block-background-color, var(--helix-color-background))
@@ -29,7 +29,15 @@ var(--code-block-background-color, var(--helix-color-background))
29
29
  in srgb,
30
30
  var(--code-block-removed-color, var(--helix-color-danger)) 14%,
31
31
  var(--code-block-background-color, var(--helix-color-background))
32
- );}[part="marker"] {padding-inline-end: var(--helix-space-xs);user-select: none;}[part="added"] [part="marker"] {color: color-mix(
32
+ );}[part="added"] [part="changed"] {background-color: color-mix(
33
+ in srgb,
34
+ var(--code-block-added-color, var(--helix-color-success)) 32%,
35
+ var(--code-block-background-color, var(--helix-color-background))
36
+ );border-radius: var(--helix-radii-sm);}[part="removed"] [part="changed"] {background-color: color-mix(
37
+ in srgb,
38
+ var(--code-block-removed-color, var(--helix-color-danger)) 32%,
39
+ var(--code-block-background-color, var(--helix-color-background))
40
+ );border-radius: var(--helix-radii-sm);}[part="marker"] {padding-inline-end: var(--helix-space-xs);user-select: none;}[part="added"] [part="marker"] {color: color-mix(
33
41
  in oklab,
34
42
  var(--code-block-added-color, var(--helix-color-success)) 55%,
35
43
  var(--helix-color-foreground)
@@ -41,5 +49,6 @@ var(--helix-color-foreground)
41
49
  [part="old"],
42
50
  [part="new"] {overflow: visible;white-space: pre-wrap;}[part="added"],
43
51
  [part="removed"],
52
+ [part="changed"],
44
53
  [part="hunk"],
45
54
  [part="filler"] {print-color-adjust: exact;}}`);
package/dist/command/root/command-root.d.ts CHANGED
@@ -2,6 +2,7 @@ import { HelixHeadlessCommand } from '@fusion.dev/helix-headless/command';
2
2
  import type { CSSResultGroup } from 'lit';
3
3
  import '../../dialog/index.js';
4
4
  import '../../listbox/index.js';
5
+ import '../../option/index.js';
5
6
  /**
6
7
  * @summary A command palette: a list of commands that opens from anywhere on the page and filters as you type.
7
8
  *
package/dist/command/root/command-root.js CHANGED
@@ -8,6 +8,7 @@ import { customElement } from '@fusion.dev/helix-core';
8
8
  import { HelixHeadlessCommand } from '@fusion.dev/helix-headless/command';
9
9
  import '../../dialog/index.js';
10
10
  import '../../listbox/index.js';
11
+ import '../../option/index.js';
11
12
  import { styles as liveStyles } from '../../shared/live/live.css.js';
12
13
  import { styles } from './command-root.css.js';
13
14
  let HelixCommand = class HelixCommand extends HelixHeadlessCommand {
package/dist/element-events.generated.js CHANGED
@@ -337,7 +337,13 @@ registerElementEvents({
337
337
  'volumechange',
338
338
  'waiting',
339
339
  ],
340
- 'helix-video-playlist': ['helix-activate', 'helix-before-activate', 'helix-end'],
340
+ 'helix-video-playlist': [
341
+ 'helix-activate',
342
+ 'helix-before-activate',
343
+ 'helix-before-reorder',
344
+ 'helix-end',
345
+ 'helix-reorder',
346
+ ],
341
347
  'helix-video-playlist-item': ['helix-select'],
342
348
  'helix-video-playlist-menu': ['helix-select'],
343
349
  'helix-virtual-list': ['change', 'helix-before-change', 'helix-load-more', 'helix-range-change'],
package/dist/object-inspector/root/object-inspector-root.css.js CHANGED
@@ -12,7 +12,7 @@ var(--helix-space-lg) +
12
12
  var(--helix-space-sm) +
13
13
  1em +
14
14
  var(--helix-space-2xs)
15
- );text-overflow: ellipsis;white-space: nowrap;}[part~="row"][aria-expanded] {cursor: pointer;padding-inline-start: calc(
15
+ );text-overflow: ellipsis;white-space: nowrap;}[part="empty"] {color: var(--helix-color-foreground-muted);font-family: var(--helix-font-sans);padding-inline: calc(var(--helix-space-sm) + 1em + var(--helix-space-2xs));}[part~="row"][aria-expanded] {cursor: pointer;padding-inline-start: calc(
16
16
  var(--object-inspector-level) *
17
17
  var(--helix-space-lg) +
18
18
  var(--helix-space-sm)
package/dist/video-playlist/item/video-playlist-item.css.js CHANGED
@@ -10,5 +10,7 @@ color-mix(in oklab, var(--helix-color-foreground) 8%, transparent)
10
10
  );}[part~="item"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: calc(var(--helix-size-focus-offset) * -1);}[part~="item"][aria-current="true"] {background-color: var(
11
11
  --video-playlist-item-current-background-color,
12
12
  color-mix(in oklab, var(--helix-color-foreground) 6%, transparent)
13
- );color: var(--helix-color-foreground);}[part~="item"][aria-current="true"]::before {background-color: var(--video-playlist-item-current-mark-color, var(--helix-color-primary));border-radius: var(--helix-radii-full);content: "";inline-size: var(--helix-border-thick);inset-block: var(--helix-space-2xs);inset-inline-start: var(--helix-space-2xs);position: absolute;}:host([disabled]) [part~="item"] {cursor: not-allowed;opacity: 0.5;}[part="media"] {aspect-ratio: var(--video-playlist-media-aspect-ratio, 16 / 9);border-radius: var(--video-playlist-media-radius, var(--helix-radii-sm));flex: 0 0 auto;inline-size: var(--video-playlist-media-size, 5rem);overflow: hidden;}[part="media"] ::slotted(*),
13
+ );color: var(--helix-color-foreground);}[part~="item"][aria-current="true"]::before {background-color: var(--video-playlist-item-current-mark-color, var(--helix-color-primary));border-radius: var(--helix-radii-full);content: "";inline-size: var(--helix-border-thick);inset-block: var(--helix-space-2xs);inset-inline-start: var(--helix-space-2xs);position: absolute;}:host([disabled]) [part~="item"] {cursor: not-allowed;opacity: 0.5;}:host(:state(dragging)) {opacity: 0.5;}:host(:state(drop-before)),
14
+ :host(:state(drop-after)) {position: relative;}:host(:state(drop-before))::before,
15
+ :host(:state(drop-after))::before {background-color: var(--helix-color-primary);block-size: var(--helix-border-thick);content: "";inset-inline: 0;pointer-events: none;position: absolute;z-index: 1;}:host(:state(drop-before))::before {inset-block-start: 0;}:host(:state(drop-after))::before {inset-block-end: 0;}[part="media"] {aspect-ratio: var(--video-playlist-media-aspect-ratio, 16 / 9);border-radius: var(--video-playlist-media-radius, var(--helix-radii-sm));flex: 0 0 auto;inline-size: var(--video-playlist-media-size, 5rem);overflow: hidden;}[part="media"] ::slotted(*),
14
16
  [part="thumbnail"] {block-size: 100%;display: block;inline-size: 100%;object-fit: cover;}[part="label"] {color: var(--video-playlist-item-color, var(--helix-color-foreground));display: flex;flex-direction: column;font-family: var(--helix-font-sans);font-size: var(--helix-text-sm);font-weight: var(--helix-weight-medium);gap: var(--helix-space-2xs);line-height: var(--helix-leading-tight);min-inline-size: 0;}[part="label"] ::slotted([slot="meta"]) {color: var(--video-playlist-item-meta-color, var(--helix-color-foreground-subtle));font-size: var(--helix-text-xs);font-weight: var(--helix-weight-regular);}`);