@fusion.dev/helix 0.156.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.
@@ -94,7 +94,7 @@ registerElementEvents({
94
94
  'helix-date-picker': ['change', 'helix-before-change', 'helix-navigate', 'input'],
95
95
  'helix-dialog': ['close', 'helix-before-close', 'helix-before-open', 'toggle'],
96
96
  'helix-drawer': ['close', 'helix-before-close', 'helix-before-open', 'toggle'],
97
- 'helix-drilldown': ['helix-select'],
97
+ 'helix-drilldown': ['helix-navigate', 'helix-select'],
98
98
  'helix-drilldown-item': ['helix-select'],
99
99
  'helix-file-input': ['change', 'helix-before-change', 'helix-reject', 'input'],
100
100
  'helix-filter-chip': ['helix-dismiss'],
@@ -12,4 +12,4 @@ slot[name="chevron"]::slotted(*) {grid-column: 4;grid-row: 1;}[part="start"][dat
12
12
  slot[name="check"]::slotted(*),
13
13
  slot[name="chevron"]::slotted(*) {block-size: var(--helix-size-icon);inline-size: var(--helix-size-icon);justify-self: end;}svg[part="mark"],
14
14
  slot[name="chevron"]::slotted(*) {color: var(--helix-color-foreground-subtle);}:host(:state(checked)) svg[part="mark"],
15
- slot[name="check"]::slotted(*) {color: var(--helix-color-foreground);}slot[name="submenu"] {display: contents;}slot[name="submenu"]::slotted(helix-divider) {margin-block: var(--helix-space-2xs);}`);
15
+ slot[name="check"]::slotted(*) {color: var(--helix-color-foreground);}slot[name="submenu"] {display: contents;}slot[name="submenu"]::slotted(helix-divider) {margin-block: var(--helix-space-2xs);}[part="surface"] {--menu-item-start: 0px;--menu-item-end: 0px;--_floating-background-color: var(--menu-background-color, var(--helix-color-surface-overlay));--_floating-border-color: var(--menu-border-color, var(--helix-color-border));--_floating-border-width: var(--menu-border-width, var(--helix-border-floating));--_floating-shadow: var(--menu-shadow, var(--helix-shadow-floating));max-block-size: var(--menu-max-block-size, var(--floating-available-block-size, none));min-inline-size: var(--menu-min-inline-size, 12rem);overflow-y: auto;padding-block: var(--helix-space-xs);padding-inline: var(--helix-space-none);}:host(:state(submenu-start)) [part="surface"] {--menu-item-start: calc(var(--helix-size-icon) + var(--helix-space-xs));}:host(:state(submenu-mark)) [part="surface"] {--menu-item-end: calc(var(--helix-size-icon) + var(--helix-space-xs));}[part="surface"][data-placement^="left"] {transform-origin: 100% 0;}[part="surface"][data-placement^="right"] {transform-origin: 0 0;}`);
@@ -6,11 +6,13 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
6
6
  };
7
7
  import { customElement } from '@fusion.dev/helix-core';
8
8
  import { HelixHeadlessMenuItem } from '@fusion.dev/helix-headless/menu';
9
+ import { styles as floatingEntranceStyles } from '../../shared/floating/entrance.css.js';
10
+ import { styles as floatingPanelStyles } from '../../shared/floating/panel.css.js';
9
11
  import '../../kbd/index.js';
10
12
  import { styles } from './menu-item.css.js';
11
13
  let HelixMenuItem = class HelixMenuItem extends HelixHeadlessMenuItem {
12
14
  static { this.tier = 'helix-'; }
13
- static { this.styles = styles; }
15
+ static { this.styles = [floatingPanelStyles, floatingEntranceStyles, styles]; }
14
16
  };
15
17
  HelixMenuItem = __decorate([
16
18
  customElement('helix-menu-item')
@@ -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),