@gjsify/adwaita-web 0.47.0 → 0.48.0

package/README.md

@@ -93,8 +93,8 @@ same state machines, so a behaviour fix lands once and both ports pick it up.
 | Element | Core state machine | What core owns |
 | --- | --- | --- |
 | `<adw-toast-overlay>` | `AdwToastQueue` + `AdwToast` | one toast at a time, FIFO ordering, auto-dismiss lifecycle |
-| `<adw-combo-row>` | `ComboState` | options list, index↔value mapping, out-of-range guards, programmatic-vs-user split |
-| `<adw-spin-row>` | `SpinState` | value/min/max/step with clamping on every mutation |
+| `<adw-combo-row>` | `ComboState` | the list model + its `items-changed` splice, index↔value mapping, out-of-range guards, programmatic-vs-user split |
+| `<adw-spin-row>` | `SpinState` | one `adjustment` (`Gtk.Adjustment`'s six numbers, ADR 0047) plus `value`, clamping on every mutation |
 | `<adw-toggle-group>` | `ToggleGroupState` | segment list, guarded active index |
 | `<adw-expander-row>` | `ExpanderState` | expanded/collapsed disclosure |
 | `<adw-alert-dialog>` | `AdwAlertResponses` | response registry, default/close response, resolve-to-chosen-id |
@@ -221,7 +221,7 @@ knowing which one you are on:
 | Renderer | How a name resolves | An unknown name |
 | --- | --- | --- |
 | GTK (`@gjsify/adwaita-app`) | `GtkIconTheme` looks it up in the **system** icon theme at runtime | draws the theme's `image-missing` |
-| NativeScript (`@gjsify/adwaita-nativescript`) | `AdwIcon` is handed the **SVG source**, not a name | cannot happen — a missing icon is a missing import |
+| NativeScript (`@gjsify/adwaita-nativescript`) | `GtkImage` is handed the **SVG source**, not a name | cannot happen — a missing icon is a missing import |
 | Web (this package) | a **compile-time** subset, plus `registerIcon` | draws `image-missing` |
 
 All three therefore end on ONE glyph for a name they cannot draw. The web reaches it by two

package/dist/adwaita-web.css

@@ -1636,6 +1636,68 @@ gtk-popover[data-position=bottom][data-align=end], gtk-popover[data-position=top
   opacity: var(--dim-opacity);
 }
 
+.adw-popover-separator {
+  height: 1px;
+  margin: 6px 0;
+  background-color: var(--separator-color, rgba(0, 0, 0, 0.15));
+}
+
+.adw-popover-section-title {
+  padding-top: 2px;
+}
+
+.adw-popover-item-accel {
+  margin-inline-start: auto;
+  padding-inline-start: 12px;
+  opacity: var(--dim-opacity);
+  font-size: 0.9em;
+}
+
+.adw-popover-item-check {
+  position: relative;
+  box-sizing: border-box;
+  flex: none;
+  width: 14px;
+  height: 14px;
+  padding: 2px;
+}
+[aria-checked=true] > .adw-popover-item-check::after {
+  content: "";
+  position: absolute;
+  inset-inline-start: 4px;
+  top: 1px;
+  width: 4px;
+  height: 8px;
+  border: solid currentcolor;
+  border-width: 0 2px 2px 0;
+  transform: rotate(45deg);
+}
+.adw-popover-item-check.radio {
+  border-radius: 9999px;
+}
+[aria-checked=true] > .adw-popover-item-check.radio::after {
+  inset-inline-start: 4px;
+  top: 4px;
+  width: 6px;
+  height: 6px;
+  border: none;
+  border-radius: 9999px;
+  background-color: currentcolor;
+  transform: none;
+}
+
+.adw-popover-item-arrow {
+  margin-inline-start: auto;
+  width: 16px;
+  height: 16px;
+  flex: none;
+  opacity: var(--dim-opacity);
+}
+
+.adw-popover-back {
+  font-weight: 700;
+}
+
 .adw-split-button {
   position: relative;
   box-sizing: border-box;