@gjsify/adwaita-web 0.11.0 → 0.12.0

package/scss/_window_title.scss

@@ -0,0 +1,33 @@
+// _window_title.scss — adw-window-title styling (header-bar title widget).
+// Reference: refs/adwaita-web/adwaita-web/docs/widgets/windowtitle.md
+// Copyright (c) GNOME contributors (libadwaita). LGPLv2.1+.
+// Modifications: Adapted for @gjsify/adwaita-web Web Components.
+
+adw-window-title {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  line-height: 1.15;
+  min-width: 0;
+
+  .adw-window-title-title {
+    font-size: var(--font-size-base);
+    font-weight: 700;
+    color: var(--headerbar-fg-color);
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    max-width: 100%;
+  }
+
+  .adw-window-title-subtitle {
+    font-size: var(--font-size-small);
+    opacity: var(--dim-opacity);
+    color: var(--headerbar-fg-color);
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    max-width: 100%;
+  }
+}

package/scss/_wrap_box.scss

@@ -0,0 +1,20 @@
+// _wrap_box.scss — adw-wrap-box styling (a box that wraps its children onto new
+// lines, the web analog of flexbox `flex-wrap: wrap`). Mirrors Adw.WrapBox.
+// Reference: refs/adwaita-web/adwaita-web/scss/_wrap_box.scss
+// Reference: refs/libadwaita/src/adw-wrap-box.c / adw-wrap-layout.c (Adw.WrapBox)
+// Copyright (c) GNOME contributors (libadwaita). LGPLv2.1+.
+// Modifications: Adapted for @gjsify/adwaita-web Web Components.
+
+// Layout (flex-direction, gaps, justify-content, align-items, align-content) is
+// driven imperatively by the component from its attributes — these are the
+// libadwaita defaults (horizontal, packed to the start of each line, lines
+// wrapping downwards from the top). A wrap box is a pure layout container, so it
+// carries no background of its own; children handle their own theming.
+adw-wrap-box {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  justify-content: flex-start;
+  align-items: flex-start;
+  align-content: flex-start;
+}

package/scss/adwaita-skin.scss

@@ -11,11 +11,49 @@
 @use 'theme';
 @use 'window';
 @use 'headerbar';
+@use 'window_title';
+@use 'button';
+@use 'button_content';
+@use 'split_button';
+@use 'toggle_group';
+@use 'entry';
 @use 'preferences';
 @use 'card';
+@use 'clamp';
+@use 'spinner';
+@use 'avatar';
+@use 'banner';
+@use 'status_page';
 @use 'row';
+@use 'action_row';
+@use 'entry_row';
 @use 'switch_row';
 @use 'combo_row';
 @use 'spin_row';
+@use 'button_row';
+@use 'expander_row';
+@use 'password_entry_row';
 @use 'toast';
+@use 'toolbar_view';
+@use 'wrap_box';
 @use 'overlay_split_view';
+@use 'navigation_split_view';
+@use 'carousel';
+@use 'tab_view';
+@use 'view_switcher';
+@use 'inline_view_switcher';
+@use 'navigation_view';
+@use 'bottom_sheet';
+@use 'sidebar';
+@use 'about_dialog';
+@use 'alert_dialog';
+@use 'preferences_dialog';
+
+// Ensure the `hidden` attribute always wins: components that toggle visibility
+// via `element.hidden = true` set the HTML attribute, but a custom `display`
+// from a layout class (e.g. `.adw-switch { display: inline-flex }`) has equal
+// specificity and would otherwise override the UA `[hidden] { display: none }`,
+// leaving the element laid out (and stealing width from its siblings).
+[hidden] {
+  display: none !important;
+}