Building Demo fails: Granite.Box is not available in granite-7 7.6.0. Use granite-7 >= 7.7.0

### What Happened?

I'm trying to build granite 7.7.0. When building the Demo, I get this error:
The error says I should use granite 7.7.0, but that's exactly what I'm trying to build.

>
> [250/282] /usr/bin/valac-0.56 --depfile demo/granite-7-demo.depfile -C --define=LINUX --abi-stability --hide-internal --target-glib=2.50 --pkg shumate-1.0 --pkg gtk4 --pkg gobject-2.0 --pkg glib-2.0
> FAILED: [code=1] demo/granite-7-demo.p/GraniteDemo.c demo/granite-7-demo.p/DemoPage.c demo/granite-7-demo.p/Views/AccelLabelView.c demo/granite-7-demo.p/Views/ApplicationView.c demo/granite-7-demo.p
> /usr/bin/valac-0.56 --depfile demo/granite-7-demo.depfile -C --define=LINUX --abi-stability --hide-internal --target-glib=2.50 --pkg shumate-1.0 --pkg gtk4 --pkg gobject-2.0 --pkg glib-2.0 --pkg gio
> ../granite-7.7.0/demo/DemoPage.vala:26.30-26.40: error: `Granite.Box' is not available in granite-7 7.6.0. Use granite-7 >= 7.7.0
> 26 | var header_box = new Granite.Box (HORIZONTAL) {
> | ^~~~~~~~~~~
> ../granite-7.7.0/demo/DemoPage.vala:26.13-26.22: error: `Granite.Box' is not available in granite-7 7.6.0. Use granite-7 >= 7.7.0
> 26 | var header_box = new Granite.Box (HORIZONTAL) {
> | ^~~~~~~~~~
> ../granite-7.7.0/demo/Views/BoxView.vala:14.30-14.40: error: `Granite.Box' is not available in granite-7 7.6.0. Use granite-7 >= 7.7.0
> 14 | var single_box = new Granite.Box (HORIZONTAL);
> | ^~~~~~~~~~~
> ../granite-7.7.0/demo/Views/BoxView.vala:14.13-14.22: error: `Granite.Box' is not available in granite-7 7.6.0. Use granite-7 >= 7.7.0
> 14 | var single_box = new Granite.Box (HORIZONTAL);
> | ^~~~~~~~~~
> ../granite-7.7.0/demo/Views/BoxView.vala:18.36-18.46: error: `Granite.Box' is not available in granite-7 7.6.0. Use granite-7 >= 7.7.0
> 18 | var single_container = new Granite.Box (VERTICAL);
> | ^~~~~~~~~~~
> ../granite-7.7.0/demo/Views/BoxView.vala:18.13-18.28: error: `Granite.Box' is not available in granite-7 7.6.0. Use granite-7 >= 7.7.0
> 18 | var single_container = new Granite.Box (VERTICAL);
> | ^~~~~~~~~~~~~~~~
> ../granite-7.7.0/demo/Views/BoxView.vala:26.30-26.40: error: `Granite.Box' is not available in granite-7 7.6.0. Use granite-7 >= 7.7.0
> 26 | var double_box = new Granite.Box (HORIZONTAL, DOUBLE);
> | ^~~~~~~~~~~
> ../granite-7.7.0/demo/Views/BoxView.vala:26.13-26.22: error: `Granite.Box' is not available in granite-7 7.6.0. Use granite-7 >= 7.7.0
> 26 | var double_box = new Granite.Box (HORIZONTAL, DOUBLE);
> | ^~~~~~~~~~
> ../granite-7.7.0/demo/Views/BoxView.vala:30.36-30.46: error: `Granite.Box' is not available in granite-7 7.6.0. Use granite-7 >= 7.7.0
> 30 | var double_container = new Granite.Box (VERTICAL);
> | ^~~~~~~~~~~
> ../granite-7.7.0/demo/Views/BoxView.vala:30.13-30.28: error: `Granite.Box' is not available in granite-7 7.6.0. Use granite-7 >= 7.7.0
> 30 | var double_container = new Granite.Box (VERTICAL);
> | ^~~~~~~~~~~~~~~~
> ../granite-7.7.0/demo/Views/BoxView.vala:40.40-40.50: error: `Granite.Box' is not available in granite-7 7.6.0. Use granite-7 >= 7.7.0
> 40 | var linked_image_buttons = new Granite.Box (HORIZONTAL, LINKED);
> | ^~~~~~~~~~~
> ../granite-7.7.0/demo/Views/BoxView.vala:40.13-40.32: error: `Granite.Box' is not available in granite-7 7.6.0. Use granite-7 >= 7.7.0
> 40 | var linked_image_buttons = new Granite.Box (HORIZONTAL, LINKED);
> | ^~~~~~~~~~~~~~~~~~~~
> ../granite-7.7.0/demo/Views/BoxView.vala:45.39-45.49: error: `Granite.Box' is not available in granite-7 7.6.0. Use granite-7 >= 7.7.0
> 45 | var linked_text_buttons = new Granite.Box (HORIZONTAL, LINKED);
> | ^~~~~~~~~~~
> ../granite-7.7.0/demo/Views/BoxView.vala:45.13-45.31: error: `Granite.Box' is not available in granite-7 7.6.0. Use granite-7 >= 7.7.0
> 45 | var linked_text_buttons = new Granite.Box (HORIZONTAL, LINKED);
> | ^~~~~~~~~~~~~~~~~~~
> ../granite-7.7.0/demo/Views/BoxView.vala:49.38-49.48: error: `Granite.Box' is not available in granite-7 7.6.0. Use granite-7 >= 7.7.0
> 49 | var linked_buttons_box = new Granite.Box (HORIZONTAL);
> | ^~~~~~~~~~~
> ../granite-7.7.0/demo/Views/BoxView.vala:49.13-49.30: error: `Granite.Box' is not available in granite-7 7.6.0. Use granite-7 >= 7.7.0
> 49 | var linked_buttons_box = new Granite.Box (HORIZONTAL);
> | ^~~~~~~~~~~~~~~~~~
> ../granite-7.7.0/demo/Views/BoxView.vala:53.38-53.48: error: `Granite.Box' is not available in granite-7 7.6.0. Use granite-7 >= 7.7.0
> 53 | var linked_entries_box = new Granite.Box (HORIZONTAL, LINKED);
> | ^~~~~~~~~~~
> ../granite-7.7.0/demo/Views/BoxView.vala:53.13-53.30: error: `Granite.Box' is not available in granite-7 7.6.0. Use granite-7 >= 7.7.0
> 53 | var linked_entries_box = new Granite.Box (HORIZONTAL, LINKED);
> | ^~~~~~~~~~~~~~~~~~
> ../granite-7.7.0/demo/Views/BoxView.vala:57.48-57.58: error: `Granite.Box' is not available in granite-7 7.6.0. Use granite-7 >= 7.7.0
> 57 | var linked_entry_imagebutton_box = new Granite.Box (HORIZONTAL, LINKED);
> | ^~~~~~~~~~~
> ../granite-7.7.0/demo/Views/BoxView.vala:57.13-57.40: error: `Granite.Box' is not available in granite-7 7.6.0. Use granite-7 >= 7.7.0
> 57 | var linked_entry_imagebutton_box = new Granite.Box (HORIZONTAL, LINKED);
> | ^~~~~~~~~~~~~~~~~~~~~~~~~~~~
> ../granite-7.7.0/demo/Views/BoxView.vala:61.31-61.41: error: `Granite.Box' is not available in granite-7 7.6.0. Use granite-7 >= 7.7.0
> 61 | var linked_vbox = new Granite.Box (VERTICAL);
> | ^~~~~~~~~~~
> ../granite-7.7.0/demo/Views/BoxView.vala:61.13-61.23: error: `Granite.Box' is not available in granite-7 7.6.0. Use granite-7 >= 7.7.0
> 61 | var linked_vbox = new Granite.Box (VERTICAL);
> | ^~~~~~~~~~~
> ../granite-7.7.0/demo/Views/BoxView.vala:66.41-66.51: error: `Granite.Box' is not available in granite-7 7.6.0. Use granite-7 >= 7.7.0
> 66 | var vertical_imagebuttons = new Granite.Box (VERTICAL, LINKED);
> | ^~~~~~~~~~~
> ../granite-7.7.0/demo/Views/BoxView.vala:66.13-66.33: error: `Granite.Box' is not available in granite-7 7.6.0. Use granite-7 >= 7.7.0
> 66 | var vertical_imagebuttons = new Granite.Box (VERTICAL, LINKED);
> | ^~~~~~~~~~~~~~~~~~~~~
> ../granite-7.7.0/demo/Views/BoxView.vala:72.31-72.41: error: `Granite.Box' is not available in granite-7 7.6.0. Use granite-7 >= 7.7.0
> 72 | var linked_hbox = new Granite.Box (HORIZONTAL);
> | ^~~~~~~~~~~
> ../granite-7.7.0/demo/Views/BoxView.vala:72.13-72.23: error: `Granite.Box' is not available in granite-7 7.6.0. Use granite-7 >= 7.7.0
> 72 | var linked_hbox = new Granite.Box (HORIZONTAL);
> | ^~~~~~~~~~~
> ../granite-7.7.0/demo/Views/BoxView.vala:76.30-76.40: error: `Granite.Box' is not available in granite-7 7.6.0. Use granite-7 >= 7.7.0
> 76 | var linked_box = new Granite.Box (VERTICAL);
> | ^~~~~~~~~~~
> ../granite-7.7.0/demo/Views/BoxView.vala:76.13-76.22: error: `Granite.Box' is not available in granite-7 7.6.0. Use granite-7 >= 7.7.0
> 76 | var linked_box = new Granite.Box (VERTICAL);
> | ^~~~~~~~~~
> ../granite-7.7.0/demo/Views/BoxView.vala:80.24-80.34: error: `Granite.Box' is not available in granite-7 7.6.0. Use granite-7 >= 7.7.0
> 80 | var vbox = new Granite.Box (VERTICAL, DOUBLE) {
> | ^~~~~~~~~~~
> ../granite-7.7.0/demo/Views/BoxView.vala:80.13-80.16: error: `Granite.Box' is not available in granite-7 7.6.0. Use granite-7 >= 7.7.0
> 80 | var vbox = new Granite.Box (VERTICAL, DOUBLE) {
> | ^~~~
> ../granite-7.7.0/demo/Views/ListsView.vala:22.33-22.53: error: `Granite.CssClass.CARD' is not available in granite-7 7.6.0. Use granite-7 >= 7.7.0
> 22 | list_box.add_css_class (Granite.CssClass.CARD);
> | ^~~~~~~~~~~~~~~~~~~~~
> ../granite-7.7.0/demo/Views/ListsView.vala:24.17-24.32: error: `Granite.ListItem' is not available in granite-7 7.6.0. Use granite-7 >= 7.7.0
> 24 | new Granite.ListItem () {
> | ^~~~~~~~~~~~~~~~
> ../granite-7.7.0/demo/Views/ListsView.vala:29.30-29.45: error: `Granite.ListItem' is not available in granite-7 7.6.0. Use granite-7 >= 7.7.0
> 29 | list_box.append (new Granite.ListItem () { child = separators_modelbutton });
> | ^~~~~~~~~~~~~~~~
> ../granite-7.7.0/demo/Views/ListsView.vala:57.35-57.50: error: `Granite.ListItem' is not available in granite-7 7.6.0. Use granite-7 >= 7.7.0
> 57 | list_item.child = new Granite.ListItem ();
> | ^~~~~~~~~~~~~~~~
> ../granite-7.7.0/demo/Views/ListsView.vala:64.17-64.33: error: `Granite.ListItem' is not available in granite-7 7.6.0. Use granite-7 >= 7.7.0
> 64 | var granite_list_item = ((Granite.ListItem) list_item.child);
> | ^~~~~~~~~~~~~~~~~
> ../granite-7.7.0/demo/Views/ListsView.vala:141.24-141.34: error: `Granite.Box' is not available in granite-7 7.6.0. Use granite-7 >= 7.7.0
> 141 | var vbox = new Granite.Box (VERTICAL, HALF) {
> | ^~~~~~~~~~~
> ../granite-7.7.0/demo/Views/ListsView.vala:141.13-141.16: error: `Granite.Box' is not available in granite-7 7.6.0. Use granite-7 >= 7.7.0
> 141 | var vbox = new Granite.Box (VERTICAL, HALF) {
> | ^~~~
> ../granite-7.7.0/demo/Views/CSSView.vala:45.32-45.55: error: `Granite.CssClass.NUMERIC' is not available in granite-7 7.6.0. Use granite-7 >= 7.7.0
> 45 | numeric.add_css_class (Granite.CssClass.NUMERIC);
> | ^~~~~~~~~~~~~~~~~~~~~~~~
> ../granite-7.7.0/demo/Views/CSSView.vala:50.30-50.51: error: `Granite.CssClass.SMALL' is not available in granite-7 7.6.0. Use granite-7 >= 7.7.0
> 50 | small.add_css_class (Granite.CssClass.SMALL);
> | ^~~~~~~~~~~~~~~~~~~~~~
> ../granite-7.7.0/demo/Views/CSSView.vala:55.29-55.54: error: `Granite.CssClass.MONOSPACE' is not available in granite-7 7.6.0. Use granite-7 >= 7.7.0
> 55 | mono.add_css_class (Granite.CssClass.MONOSPACE);
> | ^~~~~~~~~~~~~~~~~~~~~~~~~~
> ../granite-7.7.0/demo/Views/CSSView.vala:64.29-64.49: error: `Granite.CssClass.CARD' is not available in granite-7 7.6.0. Use granite-7 >= 7.7.0
> 64 | card.add_css_class (Granite.CssClass.CARD);
> | ^~~~~~~~~~~~~~~~~~~~~
> ../granite-7.7.0/demo/Views/CSSView.vala:80.39-80.59: error: `Granite.CssClass.CARD' is not available in granite-7 7.6.0. Use granite-7 >= 7.7.0
> 80 | card_checkered.add_css_class (Granite.CssClass.CARD);
> | ^~~~~~~~~~~~~~~~~~~~~
> ../granite-7.7.0/demo/Views/CSSView.vala:81.39-81.67: error: `Granite.CssClass.CHECKERBOARD' is not available in granite-7 7.6.0. Use granite-7 >= 7.7.0
> 81 | card_checkered.add_css_class (Granite.CssClass.CHECKERBOARD);
> | ^~~~~~~~~~~~~~~~~~~~~~~~~~~~~
> ../granite-7.7.0/demo/Views/CSSView.vala:108.41-108.63: error: `Granite.CssClass.ACCENT' is not available in granite-7 7.6.0. Use granite-7 >= 7.7.0
> 108 | accent_color_box.add_css_class (Granite.CssClass.ACCENT);
> | ^~~~~~~~~~~~~~~~~~~~~~~
> ../granite-7.7.0/demo/Views/CSSView.vala:114.42-114.65: error: `Granite.CssClass.SUCCESS' is not available in granite-7 7.6.0. Use granite-7 >= 7.7.0
> 114 | success_color_box.add_css_class (Granite.CssClass.SUCCESS);
> | ^~~~~~~~~~~~~~~~~~~~~~~~
> ../granite-7.7.0/demo/Views/CSSView.vala:120.42-120.65: error: `Granite.CssClass.WARNING' is not available in granite-7 7.6.0. Use granite-7 >= 7.7.0
> 120 | warning_color_box.add_css_class (Granite.CssClass.WARNING);
> | ^~~~~~~~~~~~~~~~~~~~~~~~
> ../granite-7.7.0/demo/Views/CSSView.vala:126.40-126.61: error: `Granite.CssClass.ERROR' is not available in granite-7 7.6.0. Use granite-7 >= 7.7.0
> 126 | error_color_box.add_css_class (Granite.CssClass.ERROR);
> | ^~~~~~~~~~~~~~~~~~~~~~
> ../granite-7.7.0/demo/Views/CSSView.vala:132.35-132.54: error: `Granite.CssClass.DIM' is not available in granite-7 7.6.0. Use granite-7 >= 7.7.0
> 132 | dimmed_box.add_css_class (Granite.CssClass.DIM);
> | ^~~~~~~~~~~~~~~~~~~~
> ../granite-7.7.0/demo/Views/FormView.vala:27.23-27.33: error: `Granite.Box' is not available in granite-7 7.6.0. Use granite-7 >= 7.7.0
> 27 | var box = new Granite.Box (VERTICAL) {
> | ^~~~~~~~~~~
> ../granite-7.7.0/demo/Views/FormView.vala:27.13-27.15: error: `Granite.Box' is not available in granite-7 7.6.0. Use granite-7 >= 7.7.0
> 27 | var box = new Granite.Box (VERTICAL) {
> | ^~~
> ../granite-7.7.0/demo/Views/HyperTextViewGrid.vala:34.23-34.33: error: `Granite.Box' is not available in granite-7 7.6.0. Use granite-7 >= 7.7.0
> 34 | var box = new Granite.Box (VERTICAL, NONE) {
> | ^~~~~~~~~~~
> ../granite-7.7.0/demo/Views/HyperTextViewGrid.vala:34.13-34.15: error: `Granite.Box' is not available in granite-7 7.6.0. Use granite-7 >= 7.7.0
> 34 | var box = new Granite.Box (VERTICAL, NONE) {
> | ^~~
> ../granite-7.7.0/demo/Views/ControlsView.vala:26.31-26.48: error: `Granite.BackButton' is not available in granite-7 7.6.0. Use granite-7 >= 7.7.0
> 26 | var back_button = new Granite.BackButton ("Granite.BackButton") {
> | ^~~~~~~~~~~~~~~~~~
> ../granite-7.7.0/demo/Views/ControlsView.vala:26.13-26.23: error: `Granite.BackButton' is not available in granite-7 7.6.0. Use granite-7 >= 7.7.0
> 26 | var back_button = new Granite.BackButton ("Granite.BackButton") {
> | ^~~~~~~~~~~
> ../granite-7.7.0/demo/Views/ControlsView.vala:31.43-31.70: error: `Granite.CssClass.DESTRUCTIVE' is not available in granite-7 7.6.0. Use granite-7 >= 7.7.0
> 31 | destructive_button.add_css_class (Granite.CssClass.DESTRUCTIVE);
> | ^~~~~~~~~~~~~~~~~~~~~~~~~~~~
> ../granite-7.7.0/demo/Views/ControlsView.vala:34.41-34.66: error: `Granite.CssClass.SUGGESTED' is not available in granite-7 7.6.0. Use granite-7 >= 7.7.0
> 34 | suggested_button.add_css_class (Granite.CssClass.SUGGESTED);
> | ^~~~~~~~~~~~~~~~~~~~~~~~~~
> ../granite-7.7.0/demo/Views/ControlsView.vala:36.30-36.40: error: `Granite.Box' is not available in granite-7 7.6.0. Use granite-7 >= 7.7.0
> 36 | var button_box = new Granite.Box (VERTICAL, HALF);
> | ^~~~~~~~~~~
> ../granite-7.7.0/demo/Views/ControlsView.vala:36.13-36.22: error: `Granite.Box' is not available in granite-7 7.6.0. Use granite-7 >= 7.7.0
> 36 | var button_box = new Granite.Box (VERTICAL, HALF);
> | ^~~~~~~~~~
> ../granite-7.7.0/demo/Views/ControlsView.vala:55.35-55.45: error: `Granite.Box' is not available in granite-7 7.6.0. Use granite-7 >= 7.7.0
> 55 | var checkbutton_box = new Granite.Box (VERTICAL, HALF);
> | ^~~~~~~~~~~
> ../granite-7.7.0/demo/Views/ControlsView.vala:55.13-55.27: error: `Granite.Box' is not available in granite-7 7.6.0. Use granite-7 >= 7.7.0
> 55 | var checkbutton_box = new Granite.Box (VERTICAL, HALF);
> | ^~~~~~~~~~~~~~~
> ../granite-7.7.0/demo/Views/ControlsView.vala:71.35-71.45: error: `Granite.Box' is not available in granite-7 7.6.0. Use granite-7 >= 7.7.0
> 71 | var radiobutton_box = new Granite.Box (VERTICAL, HALF);
> | ^~~~~~~~~~~
> ../granite-7.7.0/demo/Views/ControlsView.vala:71.13-71.27: error: `Granite.Box' is not available in granite-7 7.6.0. Use granite-7 >= 7.7.0
> 71 | var radiobutton_box = new Granite.Box (VERTICAL, HALF);
> | ^~~~~~~~~~~~~~~
> ../granite-7.7.0/demo/Views/ControlsView.vala:76.34-76.44: error: `Granite.Box' is not available in granite-7 7.6.0. Use granite-7 >= 7.7.0
> 76 | var checkradio_box = new Granite.Box (HORIZONTAL);
> | ^~~~~~~~~~~
> ../granite-7.7.0/demo/Views/ControlsView.vala:76.13-76.26: error: `Granite.Box' is not available in granite-7 7.6.0. Use granite-7 >= 7.7.0
> 76 | var checkradio_box = new Granite.Box (HORIZONTAL);
> | ^~~~~~~~~~~~~~
> ../granite-7.7.0/demo/Views/ControlsView.vala:96.49-96.72: error: `Granite.HeaderLabel.Size' is not available in granite-7 7.6.0. Use granite-7 >= 7.7.0
> 96 | header_switchmodelbutton.add_css_class (Granite.HeaderLabel.Size.H4.to_string ());
> | ^~~~~~~~~~~~~~~~~~~~~~~~
> ../granite-7.7.0/demo/Views/ControlsView.vala:142.32-142.42: error: `Granite.Box' is not available in granite-7 7.6.0. Use granite-7 >= 7.7.0
> 142 | var hcontrol_box = new Granite.Box (VERTICAL, DOUBLE);
> | ^~~~~~~~~~~
> ../granite-7.7.0/demo/Views/ControlsView.vala:142.13-142.24: error: `Granite.Box' is not available in granite-7 7.6.0. Use granite-7 >= 7.7.0
> 142 | var hcontrol_box = new Granite.Box (VERTICAL, DOUBLE);
> | ^~~~~~~~~~~~
> ../granite-7.7.0/demo/Views/ControlsView.vala:158.32-158.42: error: `Granite.Box' is not available in granite-7 7.6.0. Use granite-7 >= 7.7.0
> 158 | var vcontrol_box = new Granite.Box (HORIZONTAL, DOUBLE);
> | ^~~~~~~~~~~
> ../granite-7.7.0/demo/Views/ControlsView.vala:158.13-158.24: error: `Granite.Box' is not available in granite-7 7.6.0. Use granite-7 >= 7.7.0
> 158 | var vcontrol_box = new Granite.Box (HORIZONTAL, DOUBLE);
> | ^~~~~~~~~~~~
> ../granite-7.7.0/demo/Views/ControlsView.vala:162.29-162.39: error: `Granite.Box' is not available in granite-7 7.6.0. Use granite-7 >= 7.7.0
> 162 | var scale_box = new Granite.Box (HORIZONTAL, DOUBLE);
> | ^~~~~~~~~~~
> ../granite-7.7.0/demo/Views/ControlsView.vala:162.13-162.21: error: `Granite.Box' is not available in granite-7 7.6.0. Use granite-7 >= 7.7.0
> 162 | var scale_box = new Granite.Box (HORIZONTAL, DOUBLE);
> | ^~~~~~~~~
> ../granite-7.7.0/demo/Views/ControlsView.vala:166.23-166.33: error: `Granite.Box' is not available in granite-7 7.6.0. Use granite-7 >= 7.7.0
> 166 | var box = new Granite.Box (VERTICAL, NONE) {
> | ^~~~~~~~~~~
> ../granite-7.7.0/demo/Views/ControlsView.vala:166.13-166.15: error: `Granite.Box' is not available in granite-7 7.6.0. Use granite-7 >= 7.7.0
> 166 | var box = new Granite.Box (VERTICAL, NONE) {
> | ^~~
> ../granite-7.7.0/demo/Views/MapsView.vala:33.9-33.24: warning: `Gtk.StyleContext' has been deprecated since 4.10
> 33 | Gtk.StyleContext.add_provider_for_display (Gdk.Display.get_default (), style_provider, Gtk.STYLE_PROVIDER_PRIORITY_APPLICATION);
> | ^~~~~~~~~~~~~~~~
> ../granite-7.7.0/demo/Views/MapsView.vala:46.35-46.55: error: `Granite.CssClass.CARD' is not available in granite-7 7.6.0. Use granite-7 >= 7.7.0
> 46 | simple_map.add_css_class (Granite.CssClass.CARD);
> | ^~~~~~~~~~~~~~~~~~~~~
> ../granite-7.7.0/demo/Views/SettingsUrisView.vala:8.26-8.36: error: `Granite.Box' is not available in granite-7 7.6.0. Use granite-7 >= 7.7.0
> 8 | var column = new Granite.Box (VERTICAL) {
> | ^~~~~~~~~~~
> ../granite-7.7.0/demo/Views/SettingsUrisView.vala:8.13-8.18: error: `Granite.Box' is not available in granite-7 7.6.0. Use granite-7 >= 7.7.0
> 8 | var column = new Granite.Box (VERTICAL) {
> | ^~~~~~
> ../granite-7.7.0/demo/Views/UtilsView.vala:74.9-74.24: warning: `Gtk.StyleContext' has been deprecated since 4.10
> 74 | Gtk.StyleContext.add_provider_for_display (
> | ^~~~~~~~~~~~~~~~
> ../granite-7.7.0/demo/Views/VideoView.vala:19.30-19.50: error: `Granite.CssClass.CARD' is not available in granite-7 7.6.0. Use granite-7 >= 7.7.0
> 19 | video.add_css_class (Granite.CssClass.CARD);
> | ^~~~~~~~~~~~~~~~~~~~~
> ../granite-7.7.0/demo/Views/WelcomeView.vala:28.30-28.53: error: `Granite.CssClass.WARNING' is not available in granite-7 7.6.0. Use granite-7 >= 7.7.0
> 28 | alert.add_css_class (Granite.CssClass.WARNING);
> | ^~~~~~~~~~~~~~~~~~~~~~~~
> ../granite-7.7.0/demo/Views/WelcomeView.vala:48.32-48.52: error: `Granite.CssClass.CARD' is not available in granite-7 7.6.0. Use granite-7 >= 7.7.0
> 48 | listbox.add_css_class (Granite.CssClass.CARD);
> | ^~~~~~~~~~~~~~~~~~~~~
> ../granite-7.7.0/demo/Views/DialogsView.vala:66.41-66.66: error: `Granite.CssClass.SUGGESTED' is not available in granite-7 7.6.0. Use granite-7 >= 7.7.0
> 66 | suggested_button.add_css_class (Granite.CssClass.SUGGESTED);
> | ^~~~~~~~~~~~~~~~~~~~~~~~~~
> ../granite-7.7.0/demo/Views/DialogsView.vala:92.41-92.66: error: `Granite.CssClass.SUGGESTED' is not available in granite-7 7.6.0. Use granite-7 >= 7.7.0
> 92 | suggested_button.add_css_class (Granite.CssClass.SUGGESTED);
> | ^~~~~~~~~~~~~~~~~~~~~~~~~~
> ../granite-7.7.0/demo/GraniteDemo.vala:94.29-94.39: error: `Granite.Box' is not available in granite-7 7.6.0. Use granite-7 >= 7.7.0
> 94 | var style_box = new Granite.Box (HORIZONTAL, LINKED) {
> | ^~~~~~~~~~~
> ../granite-7.7.0/demo/GraniteDemo.vala:94.13-94.21: error: `Granite.Box' is not available in granite-7 7.6.0. Use granite-7 >= 7.7.0
> 94 | var style_box = new Granite.Box (HORIZONTAL, LINKED) {
> | ^~~~~~~~~
> ../granite-7.7.0/demo/GraniteDemo.vala:105.29-105.43: error: `Granite.ToolBox' is not available in granite-7 7.6.0. Use granite-7 >= 7.7.0
> 105 | var start_box = new Granite.ToolBox () {
> | ^~~~~~~~~~~~~~~
> ../granite-7.7.0/demo/GraniteDemo.vala:105.13-105.21: error: `Granite.ToolBox' is not available in granite-7 7.6.0. Use granite-7 >= 7.7.0
> 105 | var start_box = new Granite.ToolBox () {
> | ^~~~~~~~~
> ../granite-7.7.0/demo/GraniteDemo.vala:129.29-129.48: error: `Granite.StyleManager' is not available in granite-7 7.6.0. Use granite-7 >= 7.7.0
> 129 | var style_manager = Granite.StyleManager.get_default ();
> | ^~~~~~~~~~~~~~~~~~~~
> ../granite-7.7.0/demo/GraniteDemo.vala:129.13-129.25: error: `Granite.StyleManager' is not available in granite-7 7.6.0. Use granite-7 >= 7.7.0
> 129 | var style_manager = Granite.StyleManager.get_default ();
> | ^~~~~~~~~~~~~
> Compilation failed: 87 error(s), 2 warning(s)

### Steps to Reproduce

1. Attempt to build granite 7.7.0
2. Receive error

### Expected Behavior

Compilation succeeds

### OS Version

Other Linux

### OS Architecture

amd64 (on most hardwares)

### Session Type

Secure Session (Wayland, This is the default)

### Software Version

Latest release (I have run all updates)

### Log Output

```shell
https://bpa.st/RXPA
```

### Hardware Info

I'm on a Gentoo system using Portage.