@threadlabs/looma 0.22.5 → 0.22.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@threadlabs/looma",
-  "version": "0.22.5",
+  "version": "0.22.7",
   "type": "module",
   "description": "Looma components as HTML, Vue, and plain DOM, with design tokens.",
   "license": "MIT",
@@ -77,7 +77,7 @@
     "./*.css"
   ],
   "dependencies": {
-    "@nextwebwg/html-next": "1.0.0-alpha.16",
+    "@nextwebwg/html-next": "1.0.0-alpha.18",
     "dompurify": "3.4.15",
     "highlight.js": "11.11.2",
     "lowlight": "^3.3.0",

package/styles/ui-action-bar.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.16. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.18. Do not edit. */
 @property --ui-action-bar-gap {
       syntax: "*";
       inherits: false;

package/styles/ui-affordance-scope.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.16. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.18. Do not edit. */
 @scope ([data-component~="ui-affordance-scope"]) to ([data-component], [data-slotted]) {
 :scope {
       display: contents;

package/styles/ui-avatar-group.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.16. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.18. Do not edit. */
 @property --ui-avatar-group-edge-ring {
       syntax: "*";
       inherits: false;

package/styles/ui-avatar.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.16. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.18. Do not edit. */
 @property --ui-avatar-border {
       syntax: "*";
       inherits: false;

package/styles/ui-badge.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.16. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.18. Do not edit. */
 @property --ui-badge-border {
       syntax: "*";
       inherits: false;

package/styles/ui-breadcrumb-item.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.16. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.18. Do not edit. */
 @scope ([data-component~="ui-breadcrumb-item"]) to ([data-component], [data-slotted]) {
 /* One step in a ui-breadcrumbs trail: a link up to that place, or the current view. A chevron leads
        every step but the first. An icon slotted before the name sits with it. */

package/styles/ui-breadcrumbs.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.16. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.18. Do not edit. */
 @scope ([data-component~="ui-breadcrumbs"]) to ([data-component], [data-slotted]) {
 /* Where a view sits: a trail of ui-breadcrumb-item, from the top down to the current view. It wraps
        rather than scrolls, so every step stays reachable. */

package/styles/ui-button.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.16. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.18. Do not edit. */
 @property --ui-button-active-surface {
       syntax: "*";
       inherits: false;

package/styles/ui-callout.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.16. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.18. Do not edit. */
 @property --ui-callout-border {
       syntax: "*";
       inherits: false;

package/styles/ui-card.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.16. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.18. Do not edit. */
 @scope ([data-component~="ui-card"]) to ([data-component], [data-slotted]) {
 /* A surface that groups content. Its children stack with even space between them, so a card
        needs no layout of its own. */

package/styles/ui-checkbox.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.16. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.18. Do not edit. */
 @property --ui-checkbox-gap {
       syntax: "*";
       inherits: false;

package/styles/ui-cluster.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.16. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.18. Do not edit. */
 @property --ui-cluster-gap {
       syntax: "*";
       inherits: false;

package/styles/ui-combobox.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.16. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.18. Do not edit. */
 @property --ui-combobox-affordance-text {
       syntax: "*";
       inherits: false;

package/styles/ui-container.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.16. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.18. Do not edit. */
 @property --ui-container-gutters {
       syntax: "*";
       inherits: false;

package/styles/ui-context-menu.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.16. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.18. Do not edit. */
 @property --ui-context-menu-surface {
       syntax: "*";
       inherits: false;

package/styles/ui-cover.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.16. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.18. Do not edit. */
 @scope ([data-component~="ui-cover"]) to ([data-component], [data-slotted]) {
 /* A layout primitive that centres its content in the space, both ways, with room around it: the
        frame for a view that is one card or one message. */

package/styles/ui-description-item.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.16. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.18. Do not edit. */
 @scope ([data-component~="ui-description-item"]) to ([data-component], [data-slotted]) {
 /* One term and its value in a ui-description-list, laid out by the list's layout. */
     :scope {

package/styles/ui-description-list.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.16. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.18. Do not edit. */
 @scope ([data-component~="ui-description-list"]) to ([data-component], [data-slotted]) {
 /* Named values: a term and what it is, for each item (ui-description-item). */
     /* Rows line every term up in one column and every value in the next, through subgrid. */

package/styles/ui-dialog.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.16. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.18. Do not edit. */
 @property --ui-dialog-duration {
       syntax: "*";
       inherits: false;

package/styles/ui-disclosure.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.16. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.18. Do not edit. */
 @property --ui-disclosure-trigger-min-block-size {
       syntax: "*";
       inherits: false;

package/styles/ui-editable.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.16. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.18. Do not edit. */
 @scope ([data-component~="ui-editable"]) to ([data-component], [data-slotted]) {
 :scope {
       display: flex;

package/styles/ui-editor-insert-table-grid.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.16. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.18. Do not edit. */
 @scope ([data-component~="ui-editor-insert-table-grid"]) to ([data-component], [data-slotted]) {
 :scope {
       padding: var(--ui-space-3);

package/styles/ui-editor-mention-menu-item.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.16. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.18. Do not edit. */
 @scope ([data-component~="ui-editor-mention-menu-item"]) to ([data-component], [data-slotted]) {
 :scope {
       display: flex;

package/styles/ui-editor-mention-menu.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.16. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.18. Do not edit. */
 @scope ([data-component~="ui-editor-mention-menu"]) to ([data-component], [data-slotted]) {
 :scope {
       user-select: none;

package/styles/ui-editor-slash-menu-group.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.16. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.18. Do not edit. */
 @scope ([data-component~="ui-editor-slash-menu-group"]) to ([data-component], [data-slotted]) {
 :scope {
       display: block;

package/styles/ui-editor-slash-menu-item.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.16. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.18. Do not edit. */
 @scope ([data-component~="ui-editor-slash-menu-item"]) to ([data-component], [data-slotted]) {
 :scope {
       display: flex;

package/styles/ui-editor-slash-menu.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.16. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.18. Do not edit. */
 @scope ([data-component~="ui-editor-slash-menu"]) to ([data-component], [data-slotted]) {
 :scope {
       user-select: none;

package/styles/ui-editor-table-context-menu.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.16. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.18. Do not edit. */
 @scope ([data-component~="ui-editor-table-context-menu"]) to ([data-component], [data-slotted]) {
 :scope {
       /* The max-width is a promise about the menu's footprint, so it counts padding and border. */

package/styles/ui-editor-table-overlay.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.16. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.18. Do not edit. */
 @scope ([data-component~="ui-editor-table-overlay"]) to ([data-component], [data-slotted]) {
 :scope {
       display: block;

package/styles/ui-editor-table-toolbar.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.16. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.18. Do not edit. */
 @scope ([data-component~="ui-editor-table-toolbar"]) to ([data-component], [data-slotted]) {
 .looma-editor__mobile-toolbar-shell :scope {
       min-width: max-content;

package/styles/ui-editor-toolbar.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.16. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.18. Do not edit. */
 @scope ([data-component~="ui-editor-toolbar"]) to ([data-component], [data-slotted]) {
 :scope {
       position: sticky;

package/styles/ui-floating-action-button.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.16. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.18. Do not edit. */
 @property --ui-floating-action-button-inset-block-end {
       syntax: "*";
       inherits: false;

package/styles/ui-form-field.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.16. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.18. Do not edit. */
 @property --ui-form-field-danger {
       syntax: "*";
       inherits: false;

package/styles/ui-grid.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.16. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.18. Do not edit. */
 @property --ui-grid-gap {
       syntax: "*";
       inherits: false;

package/styles/ui-icon-button.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.16. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.18. Do not edit. */
 @property --ui-icon-button-active-scale {
       syntax: "*";
       inherits: false;

package/styles/ui-icon.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.16. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.18. Do not edit. */
 @property --ui-icon-size {
       syntax: "*";
       inherits: false;

package/styles/ui-input-group.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.16. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.18. Do not edit. */
 @property --ui-input-group-radius {
       syntax: "*";
       inherits: false;

package/styles/ui-input.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.16. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.18. Do not edit. */
 @property --ui-input-border {
       syntax: "*";
       inherits: false;

package/styles/ui-list-item.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.16. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.18. Do not edit. */
 @property --ui-list-item-gap {
       syntax: "*";
       inherits: false;

package/styles/ui-list.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.16. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.18. Do not edit. */
 @property --ui-list-gap {
       syntax: "*";
       inherits: false;

package/styles/ui-listbox.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.16. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.18. Do not edit. */
 @property --ui-listbox-radius {
       syntax: "*";
       inherits: false;

package/styles/ui-menu-group.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.16. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.18. Do not edit. */
 @scope ([data-component~="ui-menu-group"]) to ([data-component], [data-slotted]) {
 :scope {
       display: flex;

package/styles/ui-menu-item.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.16. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.18. Do not edit. */
 @property --ui-menu-item-font-size {
       syntax: "*";
       inherits: false;
@@ -94,6 +94,8 @@
       display: none;
     }
 
+    /* A <kbd> takes the browser's monospace; the hint reads in the item's own type. */
+
     /* Keep the text row at the shared control height where cap trimming is available. */
     @supports (text-box-trim: trim-both) {
       :scope {
@@ -145,6 +147,11 @@
     /* A menu marks its chosen item with a check, as menus conventionally do; a radio circle reads
        as a form control. The empty slot keeps unchosen labels aligned with the chosen one. */
 
+    /* A <kbd> takes the browser's monospace; the hint reads in the item's own type. */
+    .shortcut :where([data-slotted], [data-slotted] *):is(kbd) {
+      font: inherit;
+    }
+
     /* Keep the text row at the shared control height where cap trimming is available. */
     @supports (text-box-trim: trim-both) {
     }

package/styles/ui-menu.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.16. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.18. Do not edit. */
 @property --ui-menu-surface {
       syntax: "*";
       inherits: false;

package/styles/ui-meter.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.16. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.18. Do not edit. */
 @property --ui-meter-inline-size {
       syntax: "*";
       inherits: false;

package/styles/ui-nav-item.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.16. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.18. Do not edit. */
 @property --ui-nav-item-current-surface {
       syntax: "*";
       inherits: false;

package/styles/ui-page-header.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.16. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.18. Do not edit. */
 @scope ([data-component~="ui-page-header"]) to ([data-component], [data-slotted]) {
 /* The top of a view: its title (the page's one h1), with an optional icon or mark before it, a
        short eyebrow above it, a line or two of description under it, and the view's own actions at

package/styles/ui-popover.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.16. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.18. Do not edit. */
 @property --ui-popover-surface {
       syntax: "*";
       inherits: false;

package/styles/ui-radio-group.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.16. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.18. Do not edit. */
 @property --ui-radio-group-invalid-text {
       syntax: "*";
       inherits: false;

package/styles/ui-radio.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.16. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.18. Do not edit. */
 @property --ui-radio-gap {
       syntax: "*";
       inherits: false;

package/styles/ui-reel.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.16. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.18. Do not edit. */
 @property --ui-reel-gap {
       syntax: "*";
       inherits: false;

package/styles/ui-scroll-area.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.16. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.18. Do not edit. */
 @scope ([data-component~="ui-scroll-area"]) to ([data-component], [data-slotted]) {
 /* The controller sets each fade length from overflow and scroll position. The mask blends
        into whatever is behind the area without needing to know its colour. Before upgrade, its

package/styles/ui-search-result-row.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.16. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.18. Do not edit. */
 @property --ui-search-result-row-border {
       syntax: "*";
       inherits: false;

package/styles/ui-search-shell.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.16. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.18. Do not edit. */
 @property --ui-search-shell-border {
       syntax: "*";
       inherits: false;

package/styles/ui-section.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.16. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.18. Do not edit. */
 @scope ([data-component~="ui-section"]) to ([data-component], [data-slotted]) {
 /* A part of a view: a heading, an optional line under it, actions for the whole section at its
        end, and the content. Sections space themselves out through the Stack around them. */

package/styles/ui-select.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.16. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.18. Do not edit. */
 @property --ui-select-border {
       syntax: "*";
       inherits: false;

package/styles/ui-separator.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.16. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.18. Do not edit. */
 @property --ui-separator-color {
       syntax: "*";
       inherits: false;

package/styles/ui-sidebar.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.16. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.18. Do not edit. */
 @property --ui-sidebar-backdrop {
       syntax: "*";
       inherits: false;

package/styles/ui-spinner.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.16. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.18. Do not edit. */
 @keyframes ui-spinner-rotate {
       100% {
         transform: rotate(1turn);

package/styles/ui-stack.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.16. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.18. Do not edit. */
 @property --ui-stack-gap {
       syntax: "*";
       inherits: false;

package/styles/ui-status-message.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.16. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.18. Do not edit. */
 @scope ([data-component~="ui-status-message"]) to ([data-component], [data-slotted]) {
 /* The one way a view says it is loading, has nothing yet, or failed, with an optional next step.
        Every view says it the same way, in the same place, at the same size. */

package/styles/ui-switch.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.16. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.18. Do not edit. */
 @property --ui-switch-gap {
       syntax: "*";
       inherits: false;

package/styles/ui-switcher.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.16. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.18. Do not edit. */
 @property --ui-switcher-gap {
       syntax: "*";
       inherits: false;

package/styles/ui-table.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.16. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.18. Do not edit. */
 @scope ([data-component~="ui-table"]) to ([data-component], [data-slotted]) {
 /* Styles an authored <table> (caption, thead, tbody, th scope) without replacing it: the table is
        meaningful before JavaScript, and a screen reader reads it as a table. The root scrolls a table

package/styles/ui-tabs.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.16. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.18. Do not edit. */
 @property --ui-tabs-tab-min-block-size {
       syntax: "*";
       inherits: false;

package/styles/ui-text.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.16. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.18. Do not edit. */
 @scope ([data-component~="ui-text"]) to ([data-component], [data-slotted]) {
 /* Running text, set on the type scale and in a tone that says what it is, so a view never styles
        text of its own. The root is a paragraph unless as= names a span, div, small, strong, label, or

package/styles/ui-textarea.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.16. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.18. Do not edit. */
 @property --ui-textarea-focus-shadow {
       syntax: "*";
       inherits: false;

package/styles/ui-toast-region.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.16. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.18. Do not edit. */
 @property --ui-toast-region-surface {
       syntax: "*";
       inherits: false;

package/styles/ui-toast.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.16. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.18. Do not edit. */
 @property --ui-toast-surface {
       syntax: "*";
       inherits: false;

package/styles/ui-tooltip.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.16. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.18. Do not edit. */
 @property --ui-tooltip-arrow-size {
       syntax: "*";
       inherits: false;
@@ -110,9 +110,7 @@
       display: none;
     }
 
-    .shortcut kbd {
-      font: inherit;
-    }
+    /* A <kbd> takes the browser's monospace; the hint reads in the tooltip's own type. */
 
     :scope[data-ui-tooltip-state~="inverse"] .surface {
       --_tooltip-line: var(--_ui-tooltip-inverse-surface, var(--ui-text-primary));
@@ -219,6 +217,11 @@
     /* A keyboard shortcut follows the label after a thin divider, smaller and quieter, as menus show
        it. The label stays first in the description, so a screen reader hears the name, then the keys. */
 
+    /* A <kbd> takes the browser's monospace; the hint reads in the tooltip's own type. */
+    .shortcut :where([data-slotted], [data-slotted] *):is(kbd) {
+      font: inherit;
+    }
+
     /* A rotated square shares the surface fill and draws the two outward border edges. Its centre sits on
      * the surface border line, so the fill covers that stretch of border and the outline runs unbroken. */
 

package/styles/ui-top-bar.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.16. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.18. Do not edit. */
 @property --ui-top-bar-actions-gap {
       syntax: "*";
       inherits: false;

package/styles/ui-tree-item.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.16. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.18. Do not edit. */
 @property --ui-tree-item-depth {
       syntax: "*";
       inherits: false;

package/styles/ui-tree.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.16. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.18. Do not edit. */
 @property --ui-tree-drop-color {
       syntax: "*";
       inherits: false;

package/vanilla/UiActionBar.d.ts

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.16 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.18 for Vanilla DOM. Do not edit.
 export interface UiActionBarEventMap {
 }
 export interface UiActionBarElement extends HTMLDivElement {

package/vanilla/UiActionBar.js

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.16 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.18 for Vanilla DOM. Do not edit.
 import "../styles/ui-action-bar.css";
 
 export function createUiActionBar(options = {}) {

package/vanilla/UiAffordanceScope.d.ts

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.16 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.18 for Vanilla DOM. Do not edit.
 export interface UiAffordanceScopeEventMap {
 }
 export interface UiAffordanceScopeElement extends HTMLSpanElement {