diff --git a/CHANGELOG.md b/CHANGELOG.md index a49d6a75a1..76279be25a 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -13,6 +13,20 @@ and this project adheres to [Semantic Versioning](http://semver.org/). ### Added +- Added `App.theme` reactive attribute https://github.com/Textualize/textual/pull/5087 +- Added various starter themes https://github.com/Textualize/textual/pull/5087 +- Added "Change theme" command to command palette https://github.com/Textualize/textual/pull/5087 +- Added `variant` parameter to `Label` widget for quick access to common styles https://github.com/Textualize/textual/pull/5087 +- Added `App.get_theme` which returns a theme by name https://github.com/Textualize/textual/pull/5087 +- Added `App.register_theme` and `App.unregister_theme` https://github.com/Textualize/textual/pull/5087 +- Added `App.theme_changed_signal` https://github.com/Textualize/textual/pull/5087 +- Added `App.available_themes` property which returns a mapping of theme names to `Theme` instances https://github.com/Textualize/textual/pull/5087 +- Added `App.current_theme` property which returns the currently active theme object https://github.com/Textualize/textual/pull/5087 +- Added `App.get_theme_variable_defaults` which returns a mapping of theme variables to their default values https://github.com/Textualize/textual/pull/5087 +- Added `App.search` which allows bringing up a fuzzy search list of commands on-demand https://github.com/Textualize/textual/pull/5087 +- Added `App.search_themes` which allows bringing up a fuzzy search list of themes on-demand https://github.com/Textualize/textual/pull/5087 +- Added `textual.theme.ThemeProvider`, a command palette provider which returns all registered themes https://github.com/Textualize/textual/pull/5087 +- Added several new built-in CSS variables https://github.com/Textualize/textual/pull/5087 - Added support for in-band terminal resize protocol https://github.com/Textualize/textual/pull/5217 ### Changed @@ -23,6 +37,11 @@ and this project adheres to [Semantic Versioning](http://semver.org/). - Added `textual.lazy.Reveal` https://github.com/Textualize/textual/pull/5226 - Added `Screen.action_blur` https://github.com/Textualize/textual/pull/5226 +### Changed + +- Breaking change: Removed `App.dark` reactive attribute https://github.com/Textualize/textual/pull/5087 +- Breaking change: To improve consistency, several changes have been made to default widget CSS and the CSS variables which ship with Textual. On upgrading, your app will likely look different. All of these changes can be overidden with your own CSS. https://github.com/Textualize/textual/pull/5087 + ## [0.85.2] - 2024-11-02 - Fixed broken focus-within https://github.com/Textualize/textual/pull/5190 diff --git a/Makefile b/Makefile index 6ccbea68fc..c7e2e74fd6 100644 --- a/Makefile +++ b/Makefile @@ -4,6 +4,10 @@ run := poetry run test: $(run) pytest tests/ -n 16 --dist=loadgroup $(ARGS) +.PHONY: testv +testv: + $(run) pytest tests/ -vvv -n 16 --dist=loadgroup $(ARGS) + .PHONY: test-snapshot-update test-snapshot-update: $(run) pytest tests/ --snapshot-update -n 16 --dist=loadgroup $(ARGS) diff --git a/docs/blog/posts/release0-38-0.md b/docs/blog/posts/release0-38-0.md index f08756b13e..01dd85f3ec 100644 --- a/docs/blog/posts/release0-38-0.md +++ b/docs/blog/posts/release0-38-0.md @@ -58,7 +58,7 @@ If you do want to style something outside of the widget you can set `SCOPED_CSS= ## Light and Dark pseudo selectors We've also made a slight quality of life improvement to the CSS, by adding `:light` and `:dark` pseudo selectors. -This allows you to change styles depending on whether you have dark mode enabled or not. +This allows you to change styles depending on whether the app is currently using a light or dark theme. This was possible before, just a little verbose. Here's how you would do it in 0.37.0: diff --git a/docs/css_types/color.md b/docs/css_types/color.md index 2394603ddb..c80720ba51 100644 --- a/docs/css_types/color.md +++ b/docs/css_types/color.md @@ -17,7 +17,7 @@ A bullet point summary of the formats available follows: - a color description in the RGB system, [with](#rgba-description) or [without](#rgb-description) opacity (e.g., `rgb(23, 78, 200)`); - a color description in the HSL system, [with](#hsla-description) or [without](#hsl-description) opacity (e.g., `hsl(290, 70%, 80%)`); -[Textual's default themes](../guide/design.md#theme-reference) also provide many CSS variables with colors that can be used out of the box. +[Textual's default themes](../guide/design.md) also provide many CSS variables with colors that can be used out of the box. ### Named colors diff --git a/docs/examples/events/on_decorator01.py b/docs/examples/events/on_decorator01.py index 6612d6ad6c..3e5cc488bf 100644 --- a/docs/examples/events/on_decorator01.py +++ b/docs/examples/events/on_decorator01.py @@ -16,7 +16,9 @@ def on_button_pressed(self, event: Button.Pressed) -> None: # (1)! if event.button.id == "bell": self.bell() elif event.button.has_class("toggle", "dark"): - self.dark = not self.dark + self.theme = ( + "textual-dark" if self.theme == "textual-light" else "textual-light" + ) elif event.button.id == "quit": self.exit() diff --git a/docs/examples/events/on_decorator02.py b/docs/examples/events/on_decorator02.py index 1481040952..64add46f53 100644 --- a/docs/examples/events/on_decorator02.py +++ b/docs/examples/events/on_decorator02.py @@ -20,7 +20,9 @@ def play_bell(self): @on(Button.Pressed, ".toggle.dark") # (2)! def toggle_dark(self): """Called when the 'toggle dark' button is pressed.""" - self.dark = not self.dark + self.theme = ( + "textual-dark" if self.theme == "textual-light" else "textual-light" + ) @on(Button.Pressed, "#quit") # (3)! def quit(self): diff --git a/docs/examples/getting_started/console.py b/docs/examples/getting_started/console.py index 0308ed6897..36792d2e06 100644 --- a/docs/examples/getting_started/console.py +++ b/docs/examples/getting_started/console.py @@ -10,7 +10,6 @@ class ConsoleApp(App): def compose(self): - self.dark = True yield Static(DevConsoleHeader()) diff --git a/docs/examples/styles/background_tint.tcss b/docs/examples/styles/background_tint.tcss index 276ef44ead..1d3c507be1 100644 --- a/docs/examples/styles/background_tint.tcss +++ b/docs/examples/styles/background_tint.tcss @@ -2,8 +2,8 @@ Vertical { background: $panel; color: auto 90%; } -#tint1 { background-tint: $foreground 0%; } -#tint2 { background-tint: $foreground 25%; } -#tint3 { background-tint: $foreground 50%; } -#tint4 { background-tint: $foreground 75% } -#tint5 { background-tint: $foreground 100% } +#tint1 { background-tint: $text 0%; } +#tint2 { background-tint: $text 25%; } +#tint3 { background-tint: $text 50%; } +#tint4 { background-tint: $text 75% } +#tint5 { background-tint: $text 100% } diff --git a/docs/examples/themes/colored_text.py b/docs/examples/themes/colored_text.py new file mode 100644 index 0000000000..70f8fbbd6f --- /dev/null +++ b/docs/examples/themes/colored_text.py @@ -0,0 +1,17 @@ +from textual.app import App, ComposeResult +from textual.widgets import Label + +COLORS = ("primary", "secondary", "accent", "warning", "error", "success") + + +class ColoredText(App[None]): + CSS = "\n".join(f".text-{color} {{color: $text-{color};}}" for color in COLORS) + + def compose(self) -> ComposeResult: + for color in COLORS: + yield Label(f"$text-{color}", classes=f"text-{color}") + + +app = ColoredText() +if __name__ == "__main__": + app.run() diff --git a/docs/examples/themes/muted_backgrounds.py b/docs/examples/themes/muted_backgrounds.py new file mode 100644 index 0000000000..e44cbf88c0 --- /dev/null +++ b/docs/examples/themes/muted_backgrounds.py @@ -0,0 +1,20 @@ +from textual.app import App, ComposeResult +from textual.widgets import Label + +COLORS = ("primary", "secondary", "accent", "warning", "error", "success") + + +class MutedBackgrounds(App[None]): + CSS = "\n".join( + f".text-{color} {{padding: 0 1; color: $text-{color}; background: ${color}-muted;}}" + for color in COLORS + ) + + def compose(self) -> ComposeResult: + for color in COLORS: + yield Label(f"$text-{color} on ${color}-muted", classes=f"text-{color}") + + +app = MutedBackgrounds() +if __name__ == "__main__": + app.run() diff --git a/docs/examples/themes/todo_app.py b/docs/examples/themes/todo_app.py new file mode 100644 index 0000000000..ea2ccef759 --- /dev/null +++ b/docs/examples/themes/todo_app.py @@ -0,0 +1,96 @@ +from itertools import cycle + +from textual.app import App, ComposeResult +from textual.binding import Binding +from textual.containers import Horizontal, Vertical +from textual.widgets import Footer, Header, Input, Label, SelectionList + + +class TodoList(App[None]): + CSS = """ +Screen { + align: center middle; + hatch: right $foreground 10%; +} +#content { + height: auto; + width: 40; + padding: 1 2; +} +#header { + height: 1; + width: auto; + margin-bottom: 1; +} +.title { + text-style: bold; + padding: 0 1; + width: 1fr; +} +#overdue { + color: $text-error; + background: $error-muted; + padding: 0 1; + width: auto; +} +#done { + color: $text-success; + background: $success-muted; + padding: 0 1; + margin: 0 1; +} +#footer { + height: auto; + margin-bottom: 2; +} +#history-header { + height: 1; + width: auto; +} +#history-done { + width: auto; + padding: 0 1; + margin: 0 1; + background: $primary-muted; + color: $text-primary; +} +""" + + BINDINGS = [Binding("ctrl+t", "cycle_theme", "Cycle theme")] + THEMES = cycle( + ["nord", "gruvbox", "tokyo-night", "textual-dark", "solarized-light"] + ) + + def compose(self) -> ComposeResult: + yield Header() + with Vertical(id="content"): + with Horizontal(id="header"): + yield Label("Today", classes="title") + yield Label("1 overdue", id="overdue") + yield Label("1 done", id="done") + yield SelectionList( + ("Buy milk", 0), + ("Buy bread", 1), + ("Go and vote", 2, True), + ("Return package", 3), + id="todo-list", + ) + with Horizontal(id="footer"): + yield Input(placeholder="Add a task") + + with Horizontal(id="history-header"): + yield Label("History", classes="title") + yield Label("4 items", id="history-done") + + yield Footer() + + def on_mount(self) -> None: + self.action_cycle_theme() + + def action_cycle_theme(self) -> None: + self.theme = next(self.THEMES) + + +app = TodoList() +if __name__ == "__main__": + app.run() diff --git a/docs/examples/tutorial/stopwatch.py b/docs/examples/tutorial/stopwatch.py index e1497a67be..caae41091d 100644 --- a/docs/examples/tutorial/stopwatch.py +++ b/docs/examples/tutorial/stopwatch.py @@ -99,7 +99,9 @@ def action_remove_stopwatch(self) -> None: def action_toggle_dark(self) -> None: """An action to toggle dark mode.""" - self.dark = not self.dark + self.theme = ( + "textual-dark" if self.theme == "textual-light" else "textual-light" + ) if __name__ == "__main__": diff --git a/docs/examples/tutorial/stopwatch01.py b/docs/examples/tutorial/stopwatch01.py index 9f9a76043f..ccf1dbe26e 100644 --- a/docs/examples/tutorial/stopwatch01.py +++ b/docs/examples/tutorial/stopwatch01.py @@ -1,5 +1,5 @@ from textual.app import App, ComposeResult -from textual.widgets import Header, Footer +from textual.widgets import Footer, Header class StopwatchApp(App): @@ -14,7 +14,9 @@ def compose(self) -> ComposeResult: def action_toggle_dark(self) -> None: """An action to toggle dark mode.""" - self.dark = not self.dark + self.theme = ( + "textual-dark" if self.theme == "textual-light" else "textual-light" + ) if __name__ == "__main__": diff --git a/docs/examples/tutorial/stopwatch02.py b/docs/examples/tutorial/stopwatch02.py index 5937cd8058..7044d2c8d1 100644 --- a/docs/examples/tutorial/stopwatch02.py +++ b/docs/examples/tutorial/stopwatch02.py @@ -31,7 +31,9 @@ def compose(self) -> ComposeResult: def action_toggle_dark(self) -> None: """An action to toggle dark mode.""" - self.dark = not self.dark + self.theme = ( + "textual-dark" if self.theme == "textual-light" else "textual-light" + ) if __name__ == "__main__": diff --git a/docs/examples/tutorial/stopwatch03.py b/docs/examples/tutorial/stopwatch03.py index 7ade4dd59d..8572335fbe 100644 --- a/docs/examples/tutorial/stopwatch03.py +++ b/docs/examples/tutorial/stopwatch03.py @@ -32,7 +32,9 @@ def compose(self) -> ComposeResult: def action_toggle_dark(self) -> None: """An action to toggle dark mode.""" - self.dark = not self.dark + self.theme = ( + "textual-dark" if self.theme == "textual-light" else "textual-light" + ) if __name__ == "__main__": diff --git a/docs/examples/tutorial/stopwatch04.py b/docs/examples/tutorial/stopwatch04.py index 65f75ea68c..9dbe352339 100644 --- a/docs/examples/tutorial/stopwatch04.py +++ b/docs/examples/tutorial/stopwatch04.py @@ -39,7 +39,9 @@ def compose(self) -> ComposeResult: def action_toggle_dark(self) -> None: """An action to toggle dark mode.""" - self.dark = not self.dark + self.theme = ( + "textual-dark" if self.theme == "textual-light" else "textual-light" + ) if __name__ == "__main__": diff --git a/docs/examples/tutorial/stopwatch05.py b/docs/examples/tutorial/stopwatch05.py index 19f6366f77..544eab647a 100644 --- a/docs/examples/tutorial/stopwatch05.py +++ b/docs/examples/tutorial/stopwatch05.py @@ -59,7 +59,9 @@ def compose(self) -> ComposeResult: def action_toggle_dark(self) -> None: """An action to toggle dark mode.""" - self.dark = not self.dark + self.theme = ( + "textual-dark" if self.theme == "textual-light" else "textual-light" + ) if __name__ == "__main__": diff --git a/docs/examples/tutorial/stopwatch06.py b/docs/examples/tutorial/stopwatch06.py index ee5db13267..1b35e7f3c3 100644 --- a/docs/examples/tutorial/stopwatch06.py +++ b/docs/examples/tutorial/stopwatch06.py @@ -82,7 +82,9 @@ def compose(self) -> ComposeResult: def action_toggle_dark(self) -> None: """An action to toggle dark mode.""" - self.dark = not self.dark + self.theme = ( + "textual-dark" if self.theme == "textual-light" else "textual-light" + ) if __name__ == "__main__": diff --git a/docs/examples/widgets/content_switcher.tcss b/docs/examples/widgets/content_switcher.tcss index da47d9c57f..8e442b6cd7 100644 --- a/docs/examples/widgets/content_switcher.tcss +++ b/docs/examples/widgets/content_switcher.tcss @@ -9,19 +9,14 @@ Screen { } ContentSwitcher { - background: $panel; border: round $primary; width: 90%; height: 1fr; } -DataTable { - background: $panel; -} - MarkdownH2 { - background: $primary; + background: $panel; color: yellow; border: none; - padding: 0; + padding: 0 1; } diff --git a/docs/examples/widgets/sparkline_colors.tcss b/docs/examples/widgets/sparkline_colors.tcss index cad5230c8d..0355593ad5 100644 --- a/docs/examples/widgets/sparkline_colors.tcss +++ b/docs/examples/widgets/sparkline_colors.tcss @@ -39,10 +39,10 @@ Sparkline { } #sxt > .sparkline--max-color { - color: $accent 30%; + color: $primary 30%; } #sxt > .sparkline--min-color { - color: $accent; + color: $primary; } #svt > .sparkline--max-color { diff --git a/docs/examples/widgets/tree.py b/docs/examples/widgets/tree.py index abbe45ef68..7e29eb81f4 100644 --- a/docs/examples/widgets/tree.py +++ b/docs/examples/widgets/tree.py @@ -4,7 +4,7 @@ class TreeApp(App): def compose(self) -> ComposeResult: - tree: Tree[dict] = Tree("Dune") + tree: Tree[str] = Tree("Dune") tree.root.expand() characters = tree.root.add("Characters", expand=True) characters.add_leaf("Paul") diff --git a/docs/guide/CSS.md b/docs/guide/CSS.md index 2e27db2ca9..499f53a50b 100644 --- a/docs/guide/CSS.md +++ b/docs/guide/CSS.md @@ -327,7 +327,7 @@ The `background: green` is only applied to the Button underneath the mouse curso Here are some other pseudo classes: - `:blur` Matches widgets which *do not* have input focus. -- `:dark` Matches widgets in dark mode (where `App.dark == True`). +- `:dark` Matches widgets in dark themes (where `App.theme.dark == True`). - `:disabled` Matches widgets which are in a disabled state. - `:enabled` Matches widgets which are in an enabled state. - `:even` Matches a widget at an evenly numbered position within its siblings. @@ -336,7 +336,7 @@ Here are some other pseudo classes: - `:focus` Matches widgets which have input focus. - `:inline` Matches widgets when the app is running in inline mode. - `:last-of-type` Matches a widget that is the last of its type amongst its siblings. -- `:light` Matches widgets in dark mode (where `App.dark == False`). +- `:light` Matches widgets in light themes (where `App.theme.dark == False`). - `:odd` Matches a widget at an oddly numbered position within its siblings. ## Combinators diff --git a/docs/guide/command_palette.md b/docs/guide/command_palette.md index 85b30c483b..2c2db2ed35 100644 --- a/docs/guide/command_palette.md +++ b/docs/guide/command_palette.md @@ -11,8 +11,8 @@ Textual will suggest commands as you type in that input. Press ++up++ or ++down++ to select a command from the list, and ++enter++ to invoke it. Commands are looked up via a *fuzzy* search, which means Textual will show commands that match the keys you type in the same order, but not necessarily at the start of the command. -For instance the "Toggle light/dark mode" command will be shown if you type "to" (for **to**ggle), but you could also type "dm" (to match **d**ark **m**ode). -This scheme allows the user to quickly get to a particular command with a minimum of key-presses. +For instance the "Change theme" command will be shown if you type "ch" (for **ch**ange), but you could also type "th" (to match **t**heme). +This scheme allows the user to quickly get to a particular command with fewer key-presses. === "Command Palette" diff --git a/docs/guide/design.md b/docs/guide/design.md index 36723969f9..607a5ac2fb 100644 --- a/docs/guide/design.md +++ b/docs/guide/design.md @@ -1,52 +1,133 @@ -# Design System +# Themes -Textual's design system consists of a number of predefined colors and guidelines for how to use them in your app. +Textual comes with several built-in *themes*, and it's easy to create your own. +A theme provides variables which can be used in the CSS of your app. +Click on the tabs below to see how themes can change the appearance of an app. -You don't have to follow these guidelines, but if you do, you will be able to mix builtin widgets with third party widgets and your own creations, without worrying about clashing colors. +=== "nord" + ```{.textual path="docs/examples/themes/todo_app.py"} + ``` -!!! information +=== "gruvbox" - Textual's color system is based on Google's Material design system, modified to suit the terminal. + ```{.textual path="docs/examples/themes/todo_app.py" press="ctrl+t"} + ``` +=== "tokyo-night" -## Designing with Colors + ```{.textual path="docs/examples/themes/todo_app.py" press="ctrl+t,ctrl+t"} + ``` -Textual pre-defines a number of colors as [CSS variables](../guide/CSS.md#css-variables). For instance, the CSS variable `$primary` is set to `#004578` (the blue used in headers). You can use `$primary` in place of the color in the [background](../styles/background.md) and [color](../styles/color.md) rules, or other any other rule that accepts a color. +=== "textual-dark" -Here's an example of CSS that uses color variables: + ```{.textual path="docs/examples/themes/todo_app.py" press="ctrl+t,ctrl+t,ctrl+t"} + ``` + +=== "solarized-light" + + ```{.textual path="docs/examples/themes/todo_app.py" press="ctrl+t,ctrl+t,ctrl+t,ctrl+t"} + ``` + +## Changing the theme + +The theme can be changed at runtime via the [Command Palette](./command_palette.md) (++ctrl+p++). + +You can also programmatically change the theme by setting the value of `App.theme` to the name of a theme: + +```python +class MyApp(App): + def on_mount(self) -> None: + self.theme = "nord" +``` + +A theme must be *registered* before it can be used. +Textual comes with a selection of built-in themes which are registered by default. + +## Registering a theme + +A theme is a simple Python object which maps variable names to colors. +Here's an example: + +```python +from textual.theme import Theme + +arctic_theme = Theme( + name="arctic", + primary="#88C0D0", + secondary="#81A1C1", + accent="#B48EAD", + foreground="#D8DEE9", + background="#2E3440", + success="#A3BE8C", + warning="#EBCB8B", + error="#BF616A", + surface="#3B4252", + panel="#434C5E", + dark=True, + variables={ + "block-cursor-text-style": "none", + "footer-key-foreground": "#88C0D0", + "input-selection-background": "#81a1c1 35%", + }, +) +``` + +You can register this theme by calling `App.register_theme` in the `on_mount` method of your `App`. + +```python +from textual.app import App + +class MyApp(App): + def on_mount(self) -> None: + # Register the theme + self.register_theme(arctic_theme) # (1)! + + # Set the app's theme + self.theme = "arctic" # (2)! +``` + +1. Register the theme, making it available to the app (and command palette) +2. Set the app's theme. When this line runs, the app immediately refreshes to use the new theme. + +## Theme variables + +Themes consist of up to 11 *base colors*, (`primary`, `secondary`, `accent`, etc.), which Textual uses to generate a broad range of CSS variables. +For example, the `textual-dark` theme defines the *primary* base color as `#004578`. + +Here's an example of CSS which uses these variables: ```css MyWidget { background: $primary; - color: $text; + color: $foreground; } ``` -Using variables rather than explicit colors allows Textual to apply color themes. Textual supplies a default light and dark theme, but in the future many more themes will be available. +On changing the theme, the values stored in these variables are updated to match the new theme, and the colors of `MyWidget` are updated accordingly. +## Base colors -### Base Colors +When defining a theme, only the `primary` color is required. +Textual will attempt to generate the other base colors if they're not supplied. -There are 12 *base* colors defined in the color scheme. The following table lists each of the color names (as used in CSS) and a description of where to use them. +The following table lists each of 11 base colors (as used in CSS) and a description of where they are used by default. | Color | Description | | ----------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------- | | `$primary` | The primary color, can be considered the *branding* color. Typically used for titles, and backgrounds for strong emphasis. | | `$secondary` | An alternative branding color, used for similar purposes as `$primary`, where an app needs to differentiate something from the primary color. | -| `$primary-background` | The primary color applied to a background. On light mode this is the same as `$primary`. In dark mode this is a dimmed version of `$primary`. | -| `$secondary-background` | The secondary color applied to a background. On light mode this is the same as `$secondary`. In dark mode this is a dimmed version of `$secondary`. | -| `$background` | A color used for the background, where there is no content. | -| `$surface` | The color underneath text. | -| `$panel` | A color used to differentiate a part of the UI form the main content. Typically used for dialogs or sidebars. | +| `$foreground` | The default text color, which should be legible on `$background`, `$surface`, and `$panel`. | +| `$background` | A color used for the background, where there is no content. Used as the default background color for screens. | +| `$surface` | The default background color of widgets, typically sitting on top of `$background`. | +| `$panel` | A color used to differentiate a part of the UI form the main content. Used sparingly in Textual itself. | | `$boost` | A color with alpha that can be used to create *layers* on a background. | -| `$warning` | Indicates a warning. Text or background. | -| `$error` | Indicates an error. Text or background. | -| `$success` | Used to indicate success. Text or background. | -| `$accent` | Used sparingly to draw attention to a part of the UI (typically borders around focused widgets). | - +| `$warning` | Indicates a warning. Typically used as a background color. `$text-warning` can be used for foreground. | +| `$error` | Indicates an error. Typically used as a background color. `$text-error` can be used for foreground. | +| `$success` | Used to indicate success. Typically used as a background color. `$text-success` can be used for foreground. | +| `$accent` | Used sparingly to draw attention. Typically contrasts with `$primary` and `$secondary`. | -### Shades +## Shades For every color, Textual generates 3 dark shades and 3 light shades. @@ -55,51 +136,207 @@ For every color, Textual generates 3 dark shades and 3 light shades. For example, `$secondary-darken-1` is a slightly darkened `$secondary`, and `$error-lighten-3` is a very light version of the `$error` color. -### Dark mode +## Light and dark themes + +Themes can be either "light" or "dark". +This setting is specified in the `Theme` constructor via the `dark` argument, and influences how Textual +generates variables. +Built-in widgets may also use the value of `dark` to influence their appearance. + +## Text color + +The default color of text in a theme is `$foreground`. +This color should be legible on `$background`, `$surface`, and `$panel` backgrounds. + +There is also `$foreground-muted` for text which has lower importance. +`$foreground-disabled` can be used for text which is disabled, for example a menu item which can't be selected. -There are two color themes in Textual, a light mode and dark mode. You can switch between them by toggling the `dark` attribute on the App class. +You can set the text color via the [color](../styles/color.md) CSS property. -In dark mode `$background` and `$surface` are off-black. Dark mode also set `$primary-background` and `$secondary-background` to dark versions of `$primary` and `$secondary`. +The available text colors are: +- `$text-primary` +- `$text-secondary` +- `$text-accent` +- `$text-warning` +- `$text-error` +- `$text-success` -### Text color +### Ensuring text legibility -The design system defines three CSS variables you should use for text color. +In some cases, the background color of a widget is unpredictable, so we cannot be certain our text will be readable against it. -- `$text` sets the color of text in your app. Most text in your app should have this color. +The theme system defines three CSS variables which you can use to ensure that text is legible on any background. + +- `$text` is set to a slightly transparent black or white, depending on which has better contrast against the background the text is on. - `$text-muted` sets a slightly faded text color. Use this for text which has lower importance. For instance a sub-title or supplementary information. - `$text-disabled` sets faded out text which indicates it has been disabled. For instance, menu items which are not applicable and can't be clicked. -You can set these colors via the [color](../styles/color.md) property. The design system uses `auto` colors for text, which means that Textual will pick either white or black (whichever has better contrast). +### Colored text -!!! information +Colored text is also generated from the base colors, which is guaranteed to be legible against a background of `$background`, `$surface`, and `$panel`. +For example, `$text-primary` is a version of the `$primary` color tinted to ensure legibility. - These text colors all have some alpha applied, so that even `$text` isn't pure white or pure black. This is done because blending in a little of the background color produces text that is not so harsh on the eyes. +=== "Output (Theme: textual-dark)" -### Theming + ```{.textual path="docs/examples/themes/colored_text.py" lines="9" columns="30"} + ``` -In a future version of Textual you will be able to modify theme colors directly, and allow users to configure preferred themes. +=== "colored_text.py" + ```python title="colored_text.py" + --8<-- "docs/examples/themes/colored_text.py" + ``` -## Color Preview +These colors are also be guaranteed to be legible when used as the foreground color of a widget with a *muted color* background. -Run the following from the command line to preview the colors defined in the color system: +## Muted colors -```bash -textual colors +Muted colors are generated from the base colors by blending them with `$background` at 70% opacity. +For example, `$primary-muted` is a muted version of the `$primary` color. + +Textual aims to ensure that the colored text it generates is legible against the corresponding muted color. +In other words, `$text-primary` text should be legible against a background of `$primary-muted`: + +=== "Output (Theme: textual-dark)" + + ```{.textual path="docs/examples/themes/muted_backgrounds.py" lines="9" columns="40"} + ``` + +=== "muted_backgrounds.py" + + ```python title="muted_backgrounds.py" + --8<-- "docs/examples/themes/muted_backgrounds.py" + ``` + +The available muted colors are: + +- `$primary-muted` +- `$secondary-muted` +- `$accent-muted` +- `$warning-muted` +- `$error-muted` +- `$success-muted` + +## Additional variables + +Textual uses the base colors as default values for additional variables used throughout the framework. +These variables can be overridden by passing a `variables` argument to the `Theme` constructor. +This also allows you to override variables such as `$primary-muted`, described above. + +In the Gruvbox theme, for example, we override the foreground color of the block cursor (the cursor used in widgets like `OptionList`) to be `$foreground`. + +```python hl_lines="14-17" +Theme( + name="gruvbox", + primary="#85A598", + secondary="#A89A85", + warning="#fabd2f", + error="#fb4934", + success="#b8bb26", + accent="#fabd2f", + foreground="#fbf1c7", + background="#282828", + surface="#3c3836", + panel="#504945", + dark=True, + variables={ + "block-cursor-foreground": "#fbf1c7", + "input-selection-background": "#689d6a40", + }, +) ``` -## Theme Reference +Here's a comprehensive list of these variables, their purposes, and default values: + +### Border + +| Variable | Purpose | Default Value | +|----------|---------|---------------| +| `$border` | The border color for focused widgets with a border | `$primary` | +| `$border-blurred` | The border color for unfocused widgets | Slightly darkened `$surface` | + +### Cursor + +| Variable | Purpose | Default Value | +|----------|---------|---------------| +| `$block-cursor-foreground` | Text color for block cursor (e.g., in OptionList) | `$text` | +| `$block-cursor-background` | Background color for block cursor | `$primary` | +| `$block-cursor-text-style` | Text style for block cursor | `"bold"` | +| `$block-cursor-blurred-foreground` | Text color for unfocused block cursor | `$text` | +| `$block-cursor-blurred-background` | Background color for unfocused block cursor | `$primary` with 30% opacity | +| `$block-cursor-blurred-text-style` | Text style for unfocused block cursor | `"none"` | +| `$block-hover-background` | Background color when hovering over a block | `$boost` with 5% opacity | + +### Input + +| Variable | Purpose | Default Value | +|----------|---------|---------------| +| `$input-cursor-background` | Background color of the input cursor | `$foreground` | +| `$input-cursor-foreground` | Text color of the input cursor | `$background` | +| `$input-cursor-text-style` | Text style of the input cursor | `"none"` | +| `$input-selection-background` | Background color of selected text | `$primary-lighten-1` with 40% opacity | +| `$input-selection-foreground` | Text color of selected text | `$background` | + +### Scrollbar -Here's a list of the colors defined in the default light and dark themes. +| Variable | Purpose | Default Value | +|----------|---------|---------------| +| `$scrollbar` | Color of the scrollbar | `$panel` | +| `$scrollbar-hover` | Color of the scrollbar when hovered | `$panel-lighten-1` | +| `$scrollbar-active` | Color of the scrollbar when active (being dragged) | `$panel-lighten-2` | +| `$scrollbar-background` | Color of the scrollbar track | `$background-darken-1` | +| `$scrollbar-corner-color` | Color of the scrollbar corner | Same as `$scrollbar-background` | +| `$scrollbar-background-hover` | Color of the scrollbar track when hovering over the scrollbar area | Same as `$scrollbar-background` | +| `$scrollbar-background-active` | Color of the scrollbar track when the scrollbar is active | Same as `$scrollbar-background` | -!!! note +### Links - `$boost` will look different on different backgrounds because of its alpha channel. +| Variable | Purpose | Default Value | +|----------|---------|---------------| +| `$link-background` | Background color of links | `"initial"` | +| `$link-background-hover` | Background color of links when hovered | `$primary` | +| `$link-color` | Text color of links | `$text` | +| `$link-style` | Text style of links | `"underline"` | +| `$link-color-hover` | Text color of links when hovered | `$text` | +| `$link-style-hover` | Text style of links when hovered | `"bold not underline"` | -```{.rich title="Textual Theme Colors"} -from rich import print -from textual.app import DEFAULT_COLORS -from textual.design import show_design -output = show_design(DEFAULT_COLORS["light"], DEFAULT_COLORS["dark"]) +### Footer + +| Variable | Purpose | Default Value | +|----------|---------|---------------| +| `$footer-foreground` | Text color in the footer | `$foreground` | +| `$footer-background` | Background color of the footer | `$panel` | +| `$footer-key-foreground` | Text color for key bindings in the footer | `$accent` | +| `$footer-key-background` | Background color for key bindings in the footer | `"transparent"` | +| `$footer-description-foreground` | Text color for descriptions in the footer | `$foreground` | +| `$footer-description-background` | Background color for descriptions in the footer | `"transparent"` | +| `$footer-item-background` | Background color for items in the footer | `"transparent"` | + +### Button + +| Variable | Purpose | Default Value | +|----------|---------|---------------| +| `$button-foreground` | Foreground color for standard buttons | `$foreground` | +| `$button-color-foreground` | Foreground color for colored buttons | `$text` | +| `$button-focus-text-style` | Text style for focused buttons | `"bold reverse"` | + +## App-specific variables + +The variables above are defined and used by Textual itself. +However, you may also wish to expose other variables which are specific to your application. + +You can do this by overriding `App.get_theme_variable_defaults` in your `App` subclass. + +This method should return a dictionary of variable names and their default values. +If a variable defined in this dictionary is also defined in a theme's `variables` dictionary, the theme's value will be used. + +## Previewing colors + +Run the following from the command line to preview the colors defined in the color system: + +```bash +textual colors ``` + +Inside the preview you can change the theme via the Command Palette (++ctrl+p++), and view the base variables and shades generated from the theme. diff --git a/docs/tutorial.md b/docs/tutorial.md index 57c369d448..3d30b29f99 100644 --- a/docs/tutorial.md +++ b/docs/tutorial.md @@ -117,7 +117,7 @@ If you run this code, you should see something like the following: ```{.textual path="docs/examples/tutorial/stopwatch01.py" title="stopwatch01.py"} ``` -Hit the ++d++ key to toggle between light and dark mode. +Hit the ++d++ key to toggle between light and dark themes. ```{.textual path="docs/examples/tutorial/stopwatch01.py" press="d" title="stopwatch01.py"} ``` @@ -136,7 +136,7 @@ The first line imports the Textual `App` class, which we will use as the base cl The following lines define the app itself: -```python title="stopwatch01.py" hl_lines="5-17" +```python title="stopwatch01.py" hl_lines="5-19" --8<-- "docs/examples/tutorial/stopwatch01.py" ``` @@ -150,7 +150,7 @@ Here's what the above app defines: - `action_toggle_dark()` defines an _action_ method. Actions are methods beginning with `action_` followed by the name of the action. The `BINDINGS` list above tells Textual to run this action when the user hits the ++d++ key. See [actions](./guide/actions.md) in the guide for details. -```python title="stopwatch01.py" hl_lines="20-22" +```python title="stopwatch01.py" hl_lines="22-24" --8<-- "docs/examples/tutorial/stopwatch01.py" ``` diff --git a/examples/theme_sandbox.py b/examples/theme_sandbox.py new file mode 100644 index 0000000000..d295150629 --- /dev/null +++ b/examples/theme_sandbox.py @@ -0,0 +1,502 @@ +from __future__ import annotations + +from functools import partial +from typing import Any + +from textual._on import on +from textual.app import App, ComposeResult +from textual.binding import Binding +from textual.containers import Container, Grid, Horizontal, VerticalScroll +from textual.widgets import ( + Button, + Collapsible, + DataTable, + Footer, + Header, + Input, + Label, + ListItem, + ListView, + MarkdownViewer, + OptionList, + ProgressBar, + RadioSet, + RichLog, + Select, + SelectionList, + Switch, + TabbedContent, + TextArea, + Tree, +) +from textual.widgets._masked_input import MaskedInput +from textual.widgets._toggle_button import ToggleButton +from textual.widgets.option_list import Option +from textual.widgets.text_area import Selection + +HEADERS = ("lane", "swimmer", "country", "time") +ROWS = [ + (4, "Joseph Schooling", "Singapore", 50.39), + (2, "Michael Phelps", "United States", 51.14), + (5, "Chad le Clos", "South Africa", 51.14), + (6, "László Cseh", "Hungary", 51.14), + (3, "Li Zhuhao", "China", 51.26), + (8, "Mehdy Metella", "France", 51.58), + (7, "Tom Shields", "United States", 51.73), + (1, "Aleksandr Sadovnikov", "Russia", 51.84), + (10, "Darren Burns", "Scotland", 51.84), +] + +LOREM_IPSUM = """\ +Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla facilisi. Sed euismod, nunc sit amet aliquam lacinia, nisl nisl aliquam nisl, nec aliquam nisl nisl sit amet lorem. Sed euismod, nunc sit amet aliquam lacinia, nisl nisl aliquam nisl, nec aliquam nisl nisl sit amet lorem. Sed euismod, nunc sit amet aliquam lacinia, nisl nisl aliquam nisl, nec aliquam nisl nisl sit amet lorem. +""" + +EXAMPLE_MARKDOWN = """\ +# Markdown Viewer + +This is an example of Textual's `MarkdownViewer` widget. + + +## Features + +Markdown syntax and extensions are supported. + +- Typography *emphasis*, **strong**, `inline code` etc. +- Headers +- Lists (bullet and ordered) +- Syntax highlighted code blocks +- Tables! +""" + + +class ThemeList(OptionList): + def on_mount(self) -> None: + self.add_options( + [Option(name, id=name) for name in self.app.available_themes.keys()] + ) + + +class ColorSample(Label): + pass + + +class ChangingThemeApp(App[None]): + CSS = """ + #buttons { + height: 3; + & > Button { + width: 10; + margin-right: 1; + } + } + ThemeList { + height: 1fr; + width: auto; + dock: left; + margin-bottom: 1; + } + TextArea { + height: 8; + scrollbar-gutter: stable; + } + DataTable { + height: 8; + } + ColorSample { + width: 1fr; + color: $text; + padding: 0 1; + &.hover-surface { + &:hover { + background: $surface; + } + } + &.primary { + background: $primary; + } + &.secondary { + background: $secondary; + } + &.accent { + background: $accent; + } + &.warning { + background: $warning; + } + &.error { + background: $error; + } + &.success { + background: $success; + } + &.foreground, &.background { + color: $foreground; + background: $background; + } + &.surface { + background: $surface; + } + &.panel { + background: $panel; + } + &.text-primary { + color: $text-primary; + } + &.text-secondary { + color: $text-secondary; + } + &.text-success { + color: $text-success; + } + &.text-warning { + color: $text-warning; + } + &.text-error { + color: $text-error; + } + &.text-accent { + color: $text-accent; + } + &.text-muted { + color: $text-muted; + } + &.text-disabled { + color: $text-disabled; + } + &.primary-muted { + color: $text-primary; + background: $primary-muted; + } + &.secondary-muted { + color: $text-secondary; + background: $secondary-muted; + } + &.accent-muted { + color: $text-accent; + background: $accent-muted; + } + &.warning-muted { + color: $text-warning; + background: $warning-muted; + } + &.error-muted { + color: $text-error; + background: $error-muted; + } + &.success-muted { + color: $text-success; + background: $success-muted; + } + } + ListView { + height: auto; + & > ListItem { + width: 1fr; + & > Label { + width: 1fr; + } + } + } + Tree { + height: 5; + } + MarkdownViewer { + height: 8; + } + LoadingIndicator { + height: 3; + } + RichLog { + height: 4; + } + TabbedContent { + width: 34; + } + #label-variants { + & > Label { + padding: 0 1; + margin-right: 1; + } + } + + #palette { + height: auto; + grid-size: 3; + border-bottom: solid $border; + } + #widget-list { + & > OptionList { + height: 6; + } + & > RadioSet { + height: 6; + } + } + #widget-list { + } + #widget-list > * { + margin: 1 2; + } + .panel { + background: $panel; + } + .no-border { + border: none; + } + #menu { + height: auto; + width: auto; + border: round $border; + + & OptionList { + background: transparent; + padding: 0; + border: none; + } + } + """ + + BINDINGS = [ + Binding( + "ctrl+d", + "toggle_dark", + "Toggle Dark", + tooltip="Switch between light and dark themes", + ), + Binding( + "ctrl+a", + "toggle_panel", + "Toggle panel", + tooltip="Add or remove the panel class from the widget gallery", + ), + Binding( + "ctrl+b", + "toggle_border", + "Toggle border", + tooltip="Add or remove the borders from widgets", + ), + Binding( + "ctrl+i", + "invalid_theme", + "Invalid theme", + tooltip="Set an invalid theme (to test exceptions)", + ), + Binding( + "ctrl+o", + "widget_search", + "Widget search", + tooltip="Search for a widget", + ), + ] + + def action_toggle_dark(self) -> None: + self.theme = "textual-light" if self.theme == "textual-dark" else "textual-dark" + + def action_toggle_panel(self) -> None: + self.query_one("#widget-list").toggle_class("panel") + + def action_toggle_border(self) -> None: + self.query("#widget-list > *").toggle_class("no-border") + + def action_invalid_theme(self) -> None: + self.theme = "not-a-theme" + + def action_widget_search(self) -> None: + self.search( + [ + ( + widget.__class__.__name__, + ( + partial(self.set_focus, widget) + if widget.can_focus + else lambda: None + ), + f"Focus on {widget.__class__.__name__}", + ) + for widget in self.query("#widget-list > *") + ], + placeholder="Search for a widget...", + ) + + def watch_theme(self, theme_name: str) -> None: + print(theme_name) + + def compose(self) -> ComposeResult: + self.title = "Theme Sandbox" + with Grid(id="palette"): + theme = self.current_theme + for variable, value in vars(theme).items(): + if variable not in { + "name", + "dark", + "luminosity_spread", + "text_alpha", + "variables", + }: + yield ColorSample(f"{variable}", classes=variable) + for color_name in [ + "muted", + "primary", + "secondary", + "accent", + "warning", + "error", + "success", + ]: + yield ColorSample( + f"text-{color_name} on background", + classes=f"text-{color_name} background hover-surface", + ) + + for color_name in [ + "primary", + "secondary", + "accent", + "warning", + "error", + "success", + ]: + yield ColorSample( + f"text-{color_name} on {color_name}-muted", + classes=f"text-{color_name} {color_name}-muted", + ) + + yield Header(show_clock=True, icon="🐟") + yield ThemeList(id="theme-list") + with VerticalScroll(id="widget-list") as container: + container.can_focus = False + + yield Select( + [("foo", "foo"), ("bar", "bar"), ("baz", "baz"), ("qux", "qux")] + ) + with Collapsible(title="An interesting story."): + yield Label("Interesting but verbose story.") + + progress = ProgressBar(total=100) + progress.advance(70) + yield progress + + rich_log = RichLog(highlight=True, markup=True) + rich_log.write("Hello, world!") + yield rich_log + + yield MarkdownViewer(EXAMPLE_MARKDOWN) + + with Horizontal(id="buttons"): + yield Button("Button 0") + yield Button("Button 1", variant="primary") + yield Button.success("Success 2") + yield Button.error("Error 3") + yield Button.warning("Warning 4") + + with Horizontal(id="label-variants"): + yield Label("Primary", variant="primary") + yield Label("Secondary", variant="secondary") + yield Label("Accent", variant="accent") + yield Label("Warning", variant="warning") + yield Label("Error", variant="error") + yield Label("Success", variant="success") + + with Container(id="menu") as container: + container.border_title = "Menu" + with TabbedContent("Foods", "Drinks", "Desserts", "Extras"): + yield OptionList( + "Pizza", + "Pasta", + "Salad", + "Soup", + ) + yield OptionList( + "Coke", + "Sprite", + "Fanta", + "Root Beer", + ) + yield OptionList( + "Ice Cream", + "Chocolate", + "Cake", + "Pie", + ) + yield OptionList("Extra 1", "Extra 2", "Extra 3", "Extra 4") + + yield MaskedInput( + template="9999-9999-9999-9999;0", + ) + yield Input(placeholder="Hello, world!") + yield TextArea(LOREM_IPSUM) + tree: Tree[str] = Tree("Dune") + tree.root.expand() + characters = tree.root.add("Characters", expand=True) + characters.add_leaf("Paul") + characters.add_leaf("Jessica") + characters.add_leaf("Chani") + yield tree + table = DataTable[Any]() + table.add_columns(*HEADERS) + table.add_rows(ROWS) + table.zebra_stripes = True + table.fixed_columns = 1 + table.cursor_type = "row" + yield table + yield ListView( + ListItem(Label("One")), + ListItem(Label("Two")), + ListItem(Label("Three")), + ) + yield OptionList( + "Aerilon", + "Aquaria", + "Canceron", + "Caprica", + "Gemenon", + "Leonis", + "Libran", + "Picon", + "Sagittaron", + "Scorpia", + "Tauron", + "Virgon", + ) + + yield Switch() + yield ToggleButton(label="Toggle Button") + + yield SelectionList[int]( + ("Falken's Maze", 0, True), + ("Black Jack", 1), + ("Gin Rummy", 2), + ("Hearts", 3), + ("Bridge", 4), + ("Checkers", 5), + ("Chess", 6, True), + ("Poker", 7), + ("Fighter Combat", 8, True), + ) + yield RadioSet( + "Amanda", + "Connor MacLeod", + "Duncan MacLeod", + "Heather MacLeod", + "Joe Dawson", + "Kurgan, [bold italic red]The[/]", + "Methos", + "Rachel Ellenstein", + "Ramírez", + ) + + yield Footer() + + def on_mount(self) -> None: + self.theme = "textual-ansi" + text_area = self.query_one(TextArea) + text_area.selection = Selection((0, 0), (1, 10)) + + @on(ThemeList.OptionHighlighted, selector="#theme-list") + def _change_theme(self, event: ThemeList.OptionHighlighted) -> None: + self.app.theme = event.option.id or "textual-dark" + + +app = ChangingThemeApp() +if __name__ == "__main__": + app.run() diff --git a/poetry.lock b/poetry.lock index d971d5cc4b..d2dafa4ef8 100644 --- a/poetry.lock +++ b/poetry.lock @@ -1,4 +1,4 @@ -# This file is automatically @generated by Poetry 1.8.2 and should not be changed by hand. +# This file is automatically @generated by Poetry 1.8.3 and should not be changed by hand. [[package]] name = "aiohappyeyeballs" @@ -269,13 +269,13 @@ uvloop = ["uvloop (>=0.15.2)"] [[package]] name = "cachecontrol" -version = "0.14.0" +version = "0.14.1" description = "httplib2 caching for requests" optional = false -python-versions = ">=3.7" +python-versions = ">=3.8" files = [ - {file = "cachecontrol-0.14.0-py3-none-any.whl", hash = "sha256:f5bf3f0620c38db2e5122c0726bdebb0d16869de966ea6a2befe92470b740ea0"}, - {file = "cachecontrol-0.14.0.tar.gz", hash = "sha256:7db1195b41c81f8274a7bbd97c956f44e8348265a1bc7641c37dfebc39f0c938"}, + {file = "cachecontrol-0.14.1-py3-none-any.whl", hash = "sha256:65e3abd62b06382ce3894df60dde9e0deb92aeb734724f68fa4f3b91e97206b9"}, + {file = "cachecontrol-0.14.1.tar.gz", hash = "sha256:06ef916a1e4eb7dba9948cdfc9c76e749db2e02104a9a1277e8b642591a0f717"}, ] [package.dependencies] @@ -284,7 +284,7 @@ msgpack = ">=0.5.2,<2.0.0" requests = ">=2.16.0" [package.extras] -dev = ["CacheControl[filecache,redis]", "black", "build", "cherrypy", "furo", "mypy", "pytest", "pytest-cov", "sphinx", "sphinx-copybutton", "tox", "types-redis", "types-requests"] +dev = ["CacheControl[filecache,redis]", "build", "cherrypy", "codespell[tomli]", "furo", "mypy", "pytest", "pytest-cov", "ruff", "sphinx", "sphinx-copybutton", "tox", "types-redis", "types-requests"] filecache = ["filelock (>=3.8.0)"] redis = ["redis (>=2.10.5)"] @@ -593,88 +593,103 @@ typing = ["typing-extensions (>=4.12.2)"] [[package]] name = "frozenlist" -version = "1.4.1" +version = "1.5.0" description = "A list-like structure which implements collections.abc.MutableSequence" optional = false python-versions = ">=3.8" files = [ - {file = "frozenlist-1.4.1-cp310-cp310-macosx_10_9_universal2.whl", hash = "sha256:f9aa1878d1083b276b0196f2dfbe00c9b7e752475ed3b682025ff20c1c1f51ac"}, - {file = "frozenlist-1.4.1-cp310-cp310-macosx_10_9_x86_64.whl", hash = "sha256:29acab3f66f0f24674b7dc4736477bcd4bc3ad4b896f5f45379a67bce8b96868"}, - {file = "frozenlist-1.4.1-cp310-cp310-macosx_11_0_arm64.whl", hash = "sha256:74fb4bee6880b529a0c6560885fce4dc95936920f9f20f53d99a213f7bf66776"}, - {file = "frozenlist-1.4.1-cp310-cp310-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:590344787a90ae57d62511dd7c736ed56b428f04cd8c161fcc5e7232c130c69a"}, - {file = "frozenlist-1.4.1-cp310-cp310-manylinux_2_17_ppc64le.manylinux2014_ppc64le.whl", hash = "sha256:068b63f23b17df8569b7fdca5517edef76171cf3897eb68beb01341131fbd2ad"}, - {file = "frozenlist-1.4.1-cp310-cp310-manylinux_2_17_s390x.manylinux2014_s390x.whl", hash = "sha256:5c849d495bf5154cd8da18a9eb15db127d4dba2968d88831aff6f0331ea9bd4c"}, - {file = "frozenlist-1.4.1-cp310-cp310-manylinux_2_5_i686.manylinux1_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:9750cc7fe1ae3b1611bb8cfc3f9ec11d532244235d75901fb6b8e42ce9229dfe"}, - {file = "frozenlist-1.4.1-cp310-cp310-manylinux_2_5_x86_64.manylinux1_x86_64.manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:a9b2de4cf0cdd5bd2dee4c4f63a653c61d2408055ab77b151c1957f221cabf2a"}, - {file = "frozenlist-1.4.1-cp310-cp310-musllinux_1_1_aarch64.whl", hash = "sha256:0633c8d5337cb5c77acbccc6357ac49a1770b8c487e5b3505c57b949b4b82e98"}, - {file = "frozenlist-1.4.1-cp310-cp310-musllinux_1_1_i686.whl", hash = "sha256:27657df69e8801be6c3638054e202a135c7f299267f1a55ed3a598934f6c0d75"}, - {file = "frozenlist-1.4.1-cp310-cp310-musllinux_1_1_ppc64le.whl", hash = "sha256:f9a3ea26252bd92f570600098783d1371354d89d5f6b7dfd87359d669f2109b5"}, - {file = "frozenlist-1.4.1-cp310-cp310-musllinux_1_1_s390x.whl", hash = "sha256:4f57dab5fe3407b6c0c1cc907ac98e8a189f9e418f3b6e54d65a718aaafe3950"}, - {file = "frozenlist-1.4.1-cp310-cp310-musllinux_1_1_x86_64.whl", hash = "sha256:e02a0e11cf6597299b9f3bbd3f93d79217cb90cfd1411aec33848b13f5c656cc"}, - {file = "frozenlist-1.4.1-cp310-cp310-win32.whl", hash = "sha256:a828c57f00f729620a442881cc60e57cfcec6842ba38e1b19fd3e47ac0ff8dc1"}, - {file = "frozenlist-1.4.1-cp310-cp310-win_amd64.whl", hash = "sha256:f56e2333dda1fe0f909e7cc59f021eba0d2307bc6f012a1ccf2beca6ba362439"}, - {file = "frozenlist-1.4.1-cp311-cp311-macosx_10_9_universal2.whl", hash = "sha256:a0cb6f11204443f27a1628b0e460f37fb30f624be6051d490fa7d7e26d4af3d0"}, - {file = "frozenlist-1.4.1-cp311-cp311-macosx_10_9_x86_64.whl", hash = "sha256:b46c8ae3a8f1f41a0d2ef350c0b6e65822d80772fe46b653ab6b6274f61d4a49"}, - {file = "frozenlist-1.4.1-cp311-cp311-macosx_11_0_arm64.whl", hash = "sha256:fde5bd59ab5357e3853313127f4d3565fc7dad314a74d7b5d43c22c6a5ed2ced"}, - {file = "frozenlist-1.4.1-cp311-cp311-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:722e1124aec435320ae01ee3ac7bec11a5d47f25d0ed6328f2273d287bc3abb0"}, - {file = "frozenlist-1.4.1-cp311-cp311-manylinux_2_17_ppc64le.manylinux2014_ppc64le.whl", hash = "sha256:2471c201b70d58a0f0c1f91261542a03d9a5e088ed3dc6c160d614c01649c106"}, - {file = "frozenlist-1.4.1-cp311-cp311-manylinux_2_17_s390x.manylinux2014_s390x.whl", hash = "sha256:c757a9dd70d72b076d6f68efdbb9bc943665ae954dad2801b874c8c69e185068"}, - {file = "frozenlist-1.4.1-cp311-cp311-manylinux_2_5_i686.manylinux1_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:f146e0911cb2f1da549fc58fc7bcd2b836a44b79ef871980d605ec392ff6b0d2"}, - {file = "frozenlist-1.4.1-cp311-cp311-manylinux_2_5_x86_64.manylinux1_x86_64.manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:4f9c515e7914626b2a2e1e311794b4c35720a0be87af52b79ff8e1429fc25f19"}, - {file = "frozenlist-1.4.1-cp311-cp311-musllinux_1_1_aarch64.whl", hash = "sha256:c302220494f5c1ebeb0912ea782bcd5e2f8308037b3c7553fad0e48ebad6ad82"}, - {file = "frozenlist-1.4.1-cp311-cp311-musllinux_1_1_i686.whl", hash = "sha256:442acde1e068288a4ba7acfe05f5f343e19fac87bfc96d89eb886b0363e977ec"}, - {file = "frozenlist-1.4.1-cp311-cp311-musllinux_1_1_ppc64le.whl", hash = "sha256:1b280e6507ea8a4fa0c0a7150b4e526a8d113989e28eaaef946cc77ffd7efc0a"}, - {file = "frozenlist-1.4.1-cp311-cp311-musllinux_1_1_s390x.whl", hash = "sha256:fe1a06da377e3a1062ae5fe0926e12b84eceb8a50b350ddca72dc85015873f74"}, - {file = "frozenlist-1.4.1-cp311-cp311-musllinux_1_1_x86_64.whl", hash = "sha256:db9e724bebd621d9beca794f2a4ff1d26eed5965b004a97f1f1685a173b869c2"}, - {file = "frozenlist-1.4.1-cp311-cp311-win32.whl", hash = "sha256:e774d53b1a477a67838a904131c4b0eef6b3d8a651f8b138b04f748fccfefe17"}, - {file = "frozenlist-1.4.1-cp311-cp311-win_amd64.whl", hash = "sha256:fb3c2db03683b5767dedb5769b8a40ebb47d6f7f45b1b3e3b4b51ec8ad9d9825"}, - {file = "frozenlist-1.4.1-cp312-cp312-macosx_10_9_universal2.whl", hash = "sha256:1979bc0aeb89b33b588c51c54ab0161791149f2461ea7c7c946d95d5f93b56ae"}, - {file = "frozenlist-1.4.1-cp312-cp312-macosx_10_9_x86_64.whl", hash = "sha256:cc7b01b3754ea68a62bd77ce6020afaffb44a590c2289089289363472d13aedb"}, - {file = "frozenlist-1.4.1-cp312-cp312-macosx_11_0_arm64.whl", hash = "sha256:c9c92be9fd329ac801cc420e08452b70e7aeab94ea4233a4804f0915c14eba9b"}, - {file = "frozenlist-1.4.1-cp312-cp312-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:5c3894db91f5a489fc8fa6a9991820f368f0b3cbdb9cd8849547ccfab3392d86"}, - {file = "frozenlist-1.4.1-cp312-cp312-manylinux_2_17_ppc64le.manylinux2014_ppc64le.whl", hash = "sha256:ba60bb19387e13597fb059f32cd4d59445d7b18b69a745b8f8e5db0346f33480"}, - {file = "frozenlist-1.4.1-cp312-cp312-manylinux_2_17_s390x.manylinux2014_s390x.whl", hash = "sha256:8aefbba5f69d42246543407ed2461db31006b0f76c4e32dfd6f42215a2c41d09"}, - {file = "frozenlist-1.4.1-cp312-cp312-manylinux_2_5_i686.manylinux1_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:780d3a35680ced9ce682fbcf4cb9c2bad3136eeff760ab33707b71db84664e3a"}, - {file = "frozenlist-1.4.1-cp312-cp312-manylinux_2_5_x86_64.manylinux1_x86_64.manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:9acbb16f06fe7f52f441bb6f413ebae6c37baa6ef9edd49cdd567216da8600cd"}, - {file = "frozenlist-1.4.1-cp312-cp312-musllinux_1_1_aarch64.whl", hash = "sha256:23b701e65c7b36e4bf15546a89279bd4d8675faabc287d06bbcfac7d3c33e1e6"}, - {file = "frozenlist-1.4.1-cp312-cp312-musllinux_1_1_i686.whl", hash = "sha256:3e0153a805a98f5ada7e09826255ba99fb4f7524bb81bf6b47fb702666484ae1"}, - {file = "frozenlist-1.4.1-cp312-cp312-musllinux_1_1_ppc64le.whl", hash = "sha256:dd9b1baec094d91bf36ec729445f7769d0d0cf6b64d04d86e45baf89e2b9059b"}, - {file = "frozenlist-1.4.1-cp312-cp312-musllinux_1_1_s390x.whl", hash = "sha256:1a4471094e146b6790f61b98616ab8e44f72661879cc63fa1049d13ef711e71e"}, - {file = "frozenlist-1.4.1-cp312-cp312-musllinux_1_1_x86_64.whl", hash = "sha256:5667ed53d68d91920defdf4035d1cdaa3c3121dc0b113255124bcfada1cfa1b8"}, - {file = "frozenlist-1.4.1-cp312-cp312-win32.whl", hash = "sha256:beee944ae828747fd7cb216a70f120767fc9f4f00bacae8543c14a6831673f89"}, - {file = "frozenlist-1.4.1-cp312-cp312-win_amd64.whl", hash = "sha256:64536573d0a2cb6e625cf309984e2d873979709f2cf22839bf2d61790b448ad5"}, - {file = "frozenlist-1.4.1-cp38-cp38-macosx_10_9_universal2.whl", hash = "sha256:20b51fa3f588ff2fe658663db52a41a4f7aa6c04f6201449c6c7c476bd255c0d"}, - {file = "frozenlist-1.4.1-cp38-cp38-macosx_10_9_x86_64.whl", hash = "sha256:410478a0c562d1a5bcc2f7ea448359fcb050ed48b3c6f6f4f18c313a9bdb1826"}, - {file = "frozenlist-1.4.1-cp38-cp38-macosx_11_0_arm64.whl", hash = "sha256:c6321c9efe29975232da3bd0af0ad216800a47e93d763ce64f291917a381b8eb"}, - {file = "frozenlist-1.4.1-cp38-cp38-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:48f6a4533887e189dae092f1cf981f2e3885175f7a0f33c91fb5b7b682b6bab6"}, - {file = "frozenlist-1.4.1-cp38-cp38-manylinux_2_17_ppc64le.manylinux2014_ppc64le.whl", hash = "sha256:6eb73fa5426ea69ee0e012fb59cdc76a15b1283d6e32e4f8dc4482ec67d1194d"}, - {file = "frozenlist-1.4.1-cp38-cp38-manylinux_2_17_s390x.manylinux2014_s390x.whl", hash = "sha256:fbeb989b5cc29e8daf7f976b421c220f1b8c731cbf22b9130d8815418ea45887"}, - {file = "frozenlist-1.4.1-cp38-cp38-manylinux_2_5_i686.manylinux1_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:32453c1de775c889eb4e22f1197fe3bdfe457d16476ea407472b9442e6295f7a"}, - {file = "frozenlist-1.4.1-cp38-cp38-manylinux_2_5_x86_64.manylinux1_x86_64.manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:693945278a31f2086d9bf3df0fe8254bbeaef1fe71e1351c3bd730aa7d31c41b"}, - {file = "frozenlist-1.4.1-cp38-cp38-musllinux_1_1_aarch64.whl", hash = "sha256:1d0ce09d36d53bbbe566fe296965b23b961764c0bcf3ce2fa45f463745c04701"}, - {file = "frozenlist-1.4.1-cp38-cp38-musllinux_1_1_i686.whl", hash = "sha256:3a670dc61eb0d0eb7080890c13de3066790f9049b47b0de04007090807c776b0"}, - {file = "frozenlist-1.4.1-cp38-cp38-musllinux_1_1_ppc64le.whl", hash = "sha256:dca69045298ce5c11fd539682cff879cc1e664c245d1c64da929813e54241d11"}, - {file = "frozenlist-1.4.1-cp38-cp38-musllinux_1_1_s390x.whl", hash = "sha256:a06339f38e9ed3a64e4c4e43aec7f59084033647f908e4259d279a52d3757d09"}, - {file = "frozenlist-1.4.1-cp38-cp38-musllinux_1_1_x86_64.whl", hash = "sha256:b7f2f9f912dca3934c1baec2e4585a674ef16fe00218d833856408c48d5beee7"}, - {file = "frozenlist-1.4.1-cp38-cp38-win32.whl", hash = "sha256:e7004be74cbb7d9f34553a5ce5fb08be14fb33bc86f332fb71cbe5216362a497"}, - {file = "frozenlist-1.4.1-cp38-cp38-win_amd64.whl", hash = "sha256:5a7d70357e7cee13f470c7883a063aae5fe209a493c57d86eb7f5a6f910fae09"}, - {file = "frozenlist-1.4.1-cp39-cp39-macosx_10_9_universal2.whl", hash = "sha256:bfa4a17e17ce9abf47a74ae02f32d014c5e9404b6d9ac7f729e01562bbee601e"}, - {file = "frozenlist-1.4.1-cp39-cp39-macosx_10_9_x86_64.whl", hash = "sha256:b7e3ed87d4138356775346e6845cccbe66cd9e207f3cd11d2f0b9fd13681359d"}, - {file = "frozenlist-1.4.1-cp39-cp39-macosx_11_0_arm64.whl", hash = "sha256:c99169d4ff810155ca50b4da3b075cbde79752443117d89429595c2e8e37fed8"}, - {file = "frozenlist-1.4.1-cp39-cp39-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:edb678da49d9f72c9f6c609fbe41a5dfb9a9282f9e6a2253d5a91e0fc382d7c0"}, - {file = "frozenlist-1.4.1-cp39-cp39-manylinux_2_17_ppc64le.manylinux2014_ppc64le.whl", hash = "sha256:6db4667b187a6742b33afbbaf05a7bc551ffcf1ced0000a571aedbb4aa42fc7b"}, - {file = "frozenlist-1.4.1-cp39-cp39-manylinux_2_17_s390x.manylinux2014_s390x.whl", hash = "sha256:55fdc093b5a3cb41d420884cdaf37a1e74c3c37a31f46e66286d9145d2063bd0"}, - {file = "frozenlist-1.4.1-cp39-cp39-manylinux_2_5_i686.manylinux1_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:82e8211d69a4f4bc360ea22cd6555f8e61a1bd211d1d5d39d3d228b48c83a897"}, - {file = "frozenlist-1.4.1-cp39-cp39-manylinux_2_5_x86_64.manylinux1_x86_64.manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:89aa2c2eeb20957be2d950b85974b30a01a762f3308cd02bb15e1ad632e22dc7"}, - {file = "frozenlist-1.4.1-cp39-cp39-musllinux_1_1_aarch64.whl", hash = "sha256:9d3e0c25a2350080e9319724dede4f31f43a6c9779be48021a7f4ebde8b2d742"}, - {file = "frozenlist-1.4.1-cp39-cp39-musllinux_1_1_i686.whl", hash = "sha256:7268252af60904bf52c26173cbadc3a071cece75f873705419c8681f24d3edea"}, - {file = "frozenlist-1.4.1-cp39-cp39-musllinux_1_1_ppc64le.whl", hash = "sha256:0c250a29735d4f15321007fb02865f0e6b6a41a6b88f1f523ca1596ab5f50bd5"}, - {file = "frozenlist-1.4.1-cp39-cp39-musllinux_1_1_s390x.whl", hash = "sha256:96ec70beabbd3b10e8bfe52616a13561e58fe84c0101dd031dc78f250d5128b9"}, - {file = "frozenlist-1.4.1-cp39-cp39-musllinux_1_1_x86_64.whl", hash = "sha256:23b2d7679b73fe0e5a4560b672a39f98dfc6f60df63823b0a9970525325b95f6"}, - {file = "frozenlist-1.4.1-cp39-cp39-win32.whl", hash = "sha256:a7496bfe1da7fb1a4e1cc23bb67c58fab69311cc7d32b5a99c2007b4b2a0e932"}, - {file = "frozenlist-1.4.1-cp39-cp39-win_amd64.whl", hash = "sha256:e6a20a581f9ce92d389a8c7d7c3dd47c81fd5d6e655c8dddf341e14aa48659d0"}, - {file = "frozenlist-1.4.1-py3-none-any.whl", hash = "sha256:04ced3e6a46b4cfffe20f9ae482818e34eba9b5fb0ce4056e4cc9b6e212d09b7"}, - {file = "frozenlist-1.4.1.tar.gz", hash = "sha256:c037a86e8513059a2613aaba4d817bb90b9d9b6b69aace3ce9c877e8c8ed402b"}, + {file = "frozenlist-1.5.0-cp310-cp310-macosx_10_9_universal2.whl", hash = "sha256:5b6a66c18b5b9dd261ca98dffcb826a525334b2f29e7caa54e182255c5f6a65a"}, + {file = "frozenlist-1.5.0-cp310-cp310-macosx_10_9_x86_64.whl", hash = "sha256:d1b3eb7b05ea246510b43a7e53ed1653e55c2121019a97e60cad7efb881a97bb"}, + {file = "frozenlist-1.5.0-cp310-cp310-macosx_11_0_arm64.whl", hash = "sha256:15538c0cbf0e4fa11d1e3a71f823524b0c46299aed6e10ebb4c2089abd8c3bec"}, + {file = "frozenlist-1.5.0-cp310-cp310-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:e79225373c317ff1e35f210dd5f1344ff31066ba8067c307ab60254cd3a78ad5"}, + {file = "frozenlist-1.5.0-cp310-cp310-manylinux_2_17_ppc64le.manylinux2014_ppc64le.whl", hash = "sha256:9272fa73ca71266702c4c3e2d4a28553ea03418e591e377a03b8e3659d94fa76"}, + {file = "frozenlist-1.5.0-cp310-cp310-manylinux_2_17_s390x.manylinux2014_s390x.whl", hash = "sha256:498524025a5b8ba81695761d78c8dd7382ac0b052f34e66939c42df860b8ff17"}, + {file = "frozenlist-1.5.0-cp310-cp310-manylinux_2_5_i686.manylinux1_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:92b5278ed9d50fe610185ecd23c55d8b307d75ca18e94c0e7de328089ac5dcba"}, + {file = "frozenlist-1.5.0-cp310-cp310-manylinux_2_5_x86_64.manylinux1_x86_64.manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:7f3c8c1dacd037df16e85227bac13cca58c30da836c6f936ba1df0c05d046d8d"}, + {file = "frozenlist-1.5.0-cp310-cp310-musllinux_1_2_aarch64.whl", hash = "sha256:f2ac49a9bedb996086057b75bf93538240538c6d9b38e57c82d51f75a73409d2"}, + {file = "frozenlist-1.5.0-cp310-cp310-musllinux_1_2_i686.whl", hash = "sha256:e66cc454f97053b79c2ab09c17fbe3c825ea6b4de20baf1be28919460dd7877f"}, + {file = "frozenlist-1.5.0-cp310-cp310-musllinux_1_2_ppc64le.whl", hash = "sha256:5a3ba5f9a0dfed20337d3e966dc359784c9f96503674c2faf015f7fe8e96798c"}, + {file = "frozenlist-1.5.0-cp310-cp310-musllinux_1_2_s390x.whl", hash = "sha256:6321899477db90bdeb9299ac3627a6a53c7399c8cd58d25da094007402b039ab"}, + {file = "frozenlist-1.5.0-cp310-cp310-musllinux_1_2_x86_64.whl", hash = "sha256:76e4753701248476e6286f2ef492af900ea67d9706a0155335a40ea21bf3b2f5"}, + {file = "frozenlist-1.5.0-cp310-cp310-win32.whl", hash = "sha256:977701c081c0241d0955c9586ffdd9ce44f7a7795df39b9151cd9a6fd0ce4cfb"}, + {file = "frozenlist-1.5.0-cp310-cp310-win_amd64.whl", hash = "sha256:189f03b53e64144f90990d29a27ec4f7997d91ed3d01b51fa39d2dbe77540fd4"}, + {file = "frozenlist-1.5.0-cp311-cp311-macosx_10_9_universal2.whl", hash = "sha256:fd74520371c3c4175142d02a976aee0b4cb4a7cc912a60586ffd8d5929979b30"}, + {file = "frozenlist-1.5.0-cp311-cp311-macosx_10_9_x86_64.whl", hash = "sha256:2f3f7a0fbc219fb4455264cae4d9f01ad41ae6ee8524500f381de64ffaa077d5"}, + {file = "frozenlist-1.5.0-cp311-cp311-macosx_11_0_arm64.whl", hash = "sha256:f47c9c9028f55a04ac254346e92977bf0f166c483c74b4232bee19a6697e4778"}, + {file = "frozenlist-1.5.0-cp311-cp311-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:0996c66760924da6e88922756d99b47512a71cfd45215f3570bf1e0b694c206a"}, + {file = "frozenlist-1.5.0-cp311-cp311-manylinux_2_17_ppc64le.manylinux2014_ppc64le.whl", hash = "sha256:a2fe128eb4edeabe11896cb6af88fca5346059f6c8d807e3b910069f39157869"}, + {file = "frozenlist-1.5.0-cp311-cp311-manylinux_2_17_s390x.manylinux2014_s390x.whl", hash = "sha256:1a8ea951bbb6cacd492e3948b8da8c502a3f814f5d20935aae74b5df2b19cf3d"}, + {file = "frozenlist-1.5.0-cp311-cp311-manylinux_2_5_i686.manylinux1_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:de537c11e4aa01d37db0d403b57bd6f0546e71a82347a97c6a9f0dcc532b3a45"}, + {file = "frozenlist-1.5.0-cp311-cp311-manylinux_2_5_x86_64.manylinux1_x86_64.manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:9c2623347b933fcb9095841f1cc5d4ff0b278addd743e0e966cb3d460278840d"}, + {file = "frozenlist-1.5.0-cp311-cp311-musllinux_1_2_aarch64.whl", hash = "sha256:cee6798eaf8b1416ef6909b06f7dc04b60755206bddc599f52232606e18179d3"}, + {file = "frozenlist-1.5.0-cp311-cp311-musllinux_1_2_i686.whl", hash = "sha256:f5f9da7f5dbc00a604fe74aa02ae7c98bcede8a3b8b9666f9f86fc13993bc71a"}, + {file = "frozenlist-1.5.0-cp311-cp311-musllinux_1_2_ppc64le.whl", hash = "sha256:90646abbc7a5d5c7c19461d2e3eeb76eb0b204919e6ece342feb6032c9325ae9"}, + {file = "frozenlist-1.5.0-cp311-cp311-musllinux_1_2_s390x.whl", hash = "sha256:bdac3c7d9b705d253b2ce370fde941836a5f8b3c5c2b8fd70940a3ea3af7f4f2"}, + {file = "frozenlist-1.5.0-cp311-cp311-musllinux_1_2_x86_64.whl", hash = "sha256:03d33c2ddbc1816237a67f66336616416e2bbb6beb306e5f890f2eb22b959cdf"}, + {file = "frozenlist-1.5.0-cp311-cp311-win32.whl", hash = "sha256:237f6b23ee0f44066219dae14c70ae38a63f0440ce6750f868ee08775073f942"}, + {file = "frozenlist-1.5.0-cp311-cp311-win_amd64.whl", hash = "sha256:0cc974cc93d32c42e7b0f6cf242a6bd941c57c61b618e78b6c0a96cb72788c1d"}, + {file = "frozenlist-1.5.0-cp312-cp312-macosx_10_13_universal2.whl", hash = "sha256:31115ba75889723431aa9a4e77d5f398f5cf976eea3bdf61749731f62d4a4a21"}, + {file = "frozenlist-1.5.0-cp312-cp312-macosx_10_13_x86_64.whl", hash = "sha256:7437601c4d89d070eac8323f121fcf25f88674627505334654fd027b091db09d"}, + {file = "frozenlist-1.5.0-cp312-cp312-macosx_11_0_arm64.whl", hash = "sha256:7948140d9f8ece1745be806f2bfdf390127cf1a763b925c4a805c603df5e697e"}, + {file = "frozenlist-1.5.0-cp312-cp312-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:feeb64bc9bcc6b45c6311c9e9b99406660a9c05ca8a5b30d14a78555088b0b3a"}, + {file = "frozenlist-1.5.0-cp312-cp312-manylinux_2_17_ppc64le.manylinux2014_ppc64le.whl", hash = "sha256:683173d371daad49cffb8309779e886e59c2f369430ad28fe715f66d08d4ab1a"}, + {file = "frozenlist-1.5.0-cp312-cp312-manylinux_2_17_s390x.manylinux2014_s390x.whl", hash = "sha256:7d57d8f702221405a9d9b40f9da8ac2e4a1a8b5285aac6100f3393675f0a85ee"}, + {file = "frozenlist-1.5.0-cp312-cp312-manylinux_2_5_i686.manylinux1_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:30c72000fbcc35b129cb09956836c7d7abf78ab5416595e4857d1cae8d6251a6"}, + {file = "frozenlist-1.5.0-cp312-cp312-manylinux_2_5_x86_64.manylinux1_x86_64.manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:000a77d6034fbad9b6bb880f7ec073027908f1b40254b5d6f26210d2dab1240e"}, + {file = "frozenlist-1.5.0-cp312-cp312-musllinux_1_2_aarch64.whl", hash = "sha256:5d7f5a50342475962eb18b740f3beecc685a15b52c91f7d975257e13e029eca9"}, + {file = "frozenlist-1.5.0-cp312-cp312-musllinux_1_2_i686.whl", hash = "sha256:87f724d055eb4785d9be84e9ebf0f24e392ddfad00b3fe036e43f489fafc9039"}, + {file = "frozenlist-1.5.0-cp312-cp312-musllinux_1_2_ppc64le.whl", hash = "sha256:6e9080bb2fb195a046e5177f10d9d82b8a204c0736a97a153c2466127de87784"}, + {file = "frozenlist-1.5.0-cp312-cp312-musllinux_1_2_s390x.whl", hash = "sha256:9b93d7aaa36c966fa42efcaf716e6b3900438632a626fb09c049f6a2f09fc631"}, + {file = "frozenlist-1.5.0-cp312-cp312-musllinux_1_2_x86_64.whl", hash = "sha256:52ef692a4bc60a6dd57f507429636c2af8b6046db8b31b18dac02cbc8f507f7f"}, + {file = "frozenlist-1.5.0-cp312-cp312-win32.whl", hash = "sha256:29d94c256679247b33a3dc96cce0f93cbc69c23bf75ff715919332fdbb6a32b8"}, + {file = "frozenlist-1.5.0-cp312-cp312-win_amd64.whl", hash = "sha256:8969190d709e7c48ea386db202d708eb94bdb29207a1f269bab1196ce0dcca1f"}, + {file = "frozenlist-1.5.0-cp313-cp313-macosx_10_13_universal2.whl", hash = "sha256:7a1a048f9215c90973402e26c01d1cff8a209e1f1b53f72b95c13db61b00f953"}, + {file = "frozenlist-1.5.0-cp313-cp313-macosx_10_13_x86_64.whl", hash = "sha256:dd47a5181ce5fcb463b5d9e17ecfdb02b678cca31280639255ce9d0e5aa67af0"}, + {file = "frozenlist-1.5.0-cp313-cp313-macosx_11_0_arm64.whl", hash = "sha256:1431d60b36d15cda188ea222033eec8e0eab488f39a272461f2e6d9e1a8e63c2"}, + {file = "frozenlist-1.5.0-cp313-cp313-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:6482a5851f5d72767fbd0e507e80737f9c8646ae7fd303def99bfe813f76cf7f"}, + {file = "frozenlist-1.5.0-cp313-cp313-manylinux_2_17_ppc64le.manylinux2014_ppc64le.whl", hash = "sha256:44c49271a937625619e862baacbd037a7ef86dd1ee215afc298a417ff3270608"}, + {file = "frozenlist-1.5.0-cp313-cp313-manylinux_2_17_s390x.manylinux2014_s390x.whl", hash = "sha256:12f78f98c2f1c2429d42e6a485f433722b0061d5c0b0139efa64f396efb5886b"}, + {file = "frozenlist-1.5.0-cp313-cp313-manylinux_2_5_i686.manylinux1_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:ce3aa154c452d2467487765e3adc730a8c153af77ad84096bc19ce19a2400840"}, + {file = "frozenlist-1.5.0-cp313-cp313-manylinux_2_5_x86_64.manylinux1_x86_64.manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:9b7dc0c4338e6b8b091e8faf0db3168a37101943e687f373dce00959583f7439"}, + {file = "frozenlist-1.5.0-cp313-cp313-musllinux_1_2_aarch64.whl", hash = "sha256:45e0896250900b5aa25180f9aec243e84e92ac84bd4a74d9ad4138ef3f5c97de"}, + {file = "frozenlist-1.5.0-cp313-cp313-musllinux_1_2_i686.whl", hash = "sha256:561eb1c9579d495fddb6da8959fd2a1fca2c6d060d4113f5844b433fc02f2641"}, + {file = "frozenlist-1.5.0-cp313-cp313-musllinux_1_2_ppc64le.whl", hash = "sha256:df6e2f325bfee1f49f81aaac97d2aa757c7646534a06f8f577ce184afe2f0a9e"}, + {file = "frozenlist-1.5.0-cp313-cp313-musllinux_1_2_s390x.whl", hash = "sha256:140228863501b44b809fb39ec56b5d4071f4d0aa6d216c19cbb08b8c5a7eadb9"}, + {file = "frozenlist-1.5.0-cp313-cp313-musllinux_1_2_x86_64.whl", hash = "sha256:7707a25d6a77f5d27ea7dc7d1fc608aa0a478193823f88511ef5e6b8a48f9d03"}, + {file = "frozenlist-1.5.0-cp313-cp313-win32.whl", hash = "sha256:31a9ac2b38ab9b5a8933b693db4939764ad3f299fcaa931a3e605bc3460e693c"}, + {file = "frozenlist-1.5.0-cp313-cp313-win_amd64.whl", hash = "sha256:11aabdd62b8b9c4b84081a3c246506d1cddd2dd93ff0ad53ede5defec7886b28"}, + {file = "frozenlist-1.5.0-cp38-cp38-macosx_10_9_universal2.whl", hash = "sha256:dd94994fc91a6177bfaafd7d9fd951bc8689b0a98168aa26b5f543868548d3ca"}, + {file = "frozenlist-1.5.0-cp38-cp38-macosx_10_9_x86_64.whl", hash = "sha256:2d0da8bbec082bf6bf18345b180958775363588678f64998c2b7609e34719b10"}, + {file = "frozenlist-1.5.0-cp38-cp38-macosx_11_0_arm64.whl", hash = "sha256:73f2e31ea8dd7df61a359b731716018c2be196e5bb3b74ddba107f694fbd7604"}, + {file = "frozenlist-1.5.0-cp38-cp38-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:828afae9f17e6de596825cf4228ff28fbdf6065974e5ac1410cecc22f699d2b3"}, + {file = "frozenlist-1.5.0-cp38-cp38-manylinux_2_17_ppc64le.manylinux2014_ppc64le.whl", hash = "sha256:f1577515d35ed5649d52ab4319db757bb881ce3b2b796d7283e6634d99ace307"}, + {file = "frozenlist-1.5.0-cp38-cp38-manylinux_2_17_s390x.manylinux2014_s390x.whl", hash = "sha256:2150cc6305a2c2ab33299453e2968611dacb970d2283a14955923062c8d00b10"}, + {file = "frozenlist-1.5.0-cp38-cp38-manylinux_2_5_i686.manylinux1_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:a72b7a6e3cd2725eff67cd64c8f13335ee18fc3c7befc05aed043d24c7b9ccb9"}, + {file = "frozenlist-1.5.0-cp38-cp38-manylinux_2_5_x86_64.manylinux1_x86_64.manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:c16d2fa63e0800723139137d667e1056bee1a1cf7965153d2d104b62855e9b99"}, + {file = "frozenlist-1.5.0-cp38-cp38-musllinux_1_2_aarch64.whl", hash = "sha256:17dcc32fc7bda7ce5875435003220a457bcfa34ab7924a49a1c19f55b6ee185c"}, + {file = "frozenlist-1.5.0-cp38-cp38-musllinux_1_2_i686.whl", hash = "sha256:97160e245ea33d8609cd2b8fd997c850b56db147a304a262abc2b3be021a9171"}, + {file = "frozenlist-1.5.0-cp38-cp38-musllinux_1_2_ppc64le.whl", hash = "sha256:f1e6540b7fa044eee0bb5111ada694cf3dc15f2b0347ca125ee9ca984d5e9e6e"}, + {file = "frozenlist-1.5.0-cp38-cp38-musllinux_1_2_s390x.whl", hash = "sha256:91d6c171862df0a6c61479d9724f22efb6109111017c87567cfeb7b5d1449fdf"}, + {file = "frozenlist-1.5.0-cp38-cp38-musllinux_1_2_x86_64.whl", hash = "sha256:c1fac3e2ace2eb1052e9f7c7db480818371134410e1f5c55d65e8f3ac6d1407e"}, + {file = "frozenlist-1.5.0-cp38-cp38-win32.whl", hash = "sha256:b97f7b575ab4a8af9b7bc1d2ef7f29d3afee2226bd03ca3875c16451ad5a7723"}, + {file = "frozenlist-1.5.0-cp38-cp38-win_amd64.whl", hash = "sha256:374ca2dabdccad8e2a76d40b1d037f5bd16824933bf7bcea3e59c891fd4a0923"}, + {file = "frozenlist-1.5.0-cp39-cp39-macosx_10_9_universal2.whl", hash = "sha256:9bbcdfaf4af7ce002694a4e10a0159d5a8d20056a12b05b45cea944a4953f972"}, + {file = "frozenlist-1.5.0-cp39-cp39-macosx_10_9_x86_64.whl", hash = "sha256:1893f948bf6681733aaccf36c5232c231e3b5166d607c5fa77773611df6dc336"}, + {file = "frozenlist-1.5.0-cp39-cp39-macosx_11_0_arm64.whl", hash = "sha256:2b5e23253bb709ef57a8e95e6ae48daa9ac5f265637529e4ce6b003a37b2621f"}, + {file = "frozenlist-1.5.0-cp39-cp39-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:0f253985bb515ecd89629db13cb58d702035ecd8cfbca7d7a7e29a0e6d39af5f"}, + {file = "frozenlist-1.5.0-cp39-cp39-manylinux_2_17_ppc64le.manylinux2014_ppc64le.whl", hash = "sha256:04a5c6babd5e8fb7d3c871dc8b321166b80e41b637c31a995ed844a6139942b6"}, + {file = "frozenlist-1.5.0-cp39-cp39-manylinux_2_17_s390x.manylinux2014_s390x.whl", hash = "sha256:a9fe0f1c29ba24ba6ff6abf688cb0b7cf1efab6b6aa6adc55441773c252f7411"}, + {file = "frozenlist-1.5.0-cp39-cp39-manylinux_2_5_i686.manylinux1_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:226d72559fa19babe2ccd920273e767c96a49b9d3d38badd7c91a0fdeda8ea08"}, + {file = "frozenlist-1.5.0-cp39-cp39-manylinux_2_5_x86_64.manylinux1_x86_64.manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:15b731db116ab3aedec558573c1a5eec78822b32292fe4f2f0345b7f697745c2"}, + {file = "frozenlist-1.5.0-cp39-cp39-musllinux_1_2_aarch64.whl", hash = "sha256:366d8f93e3edfe5a918c874702f78faac300209a4d5bf38352b2c1bdc07a766d"}, + {file = "frozenlist-1.5.0-cp39-cp39-musllinux_1_2_i686.whl", hash = "sha256:1b96af8c582b94d381a1c1f51ffaedeb77c821c690ea5f01da3d70a487dd0a9b"}, + {file = "frozenlist-1.5.0-cp39-cp39-musllinux_1_2_ppc64le.whl", hash = "sha256:c03eff4a41bd4e38415cbed054bbaff4a075b093e2394b6915dca34a40d1e38b"}, + {file = "frozenlist-1.5.0-cp39-cp39-musllinux_1_2_s390x.whl", hash = "sha256:50cf5e7ee9b98f22bdecbabf3800ae78ddcc26e4a435515fc72d97903e8488e0"}, + {file = "frozenlist-1.5.0-cp39-cp39-musllinux_1_2_x86_64.whl", hash = "sha256:1e76bfbc72353269c44e0bc2cfe171900fbf7f722ad74c9a7b638052afe6a00c"}, + {file = "frozenlist-1.5.0-cp39-cp39-win32.whl", hash = "sha256:666534d15ba8f0fda3f53969117383d5dc021266b3c1a42c9ec4855e4b58b9d3"}, + {file = "frozenlist-1.5.0-cp39-cp39-win_amd64.whl", hash = "sha256:5c28f4b5dbef8a0d8aad0d4de24d1e9e981728628afaf4ea0792f5d0939372f0"}, + {file = "frozenlist-1.5.0-py3-none-any.whl", hash = "sha256:d994863bba198a4a518b467bb971c56e1db3f180a25c6cf7bb1949c267f748c3"}, + {file = "frozenlist-1.5.0.tar.gz", hash = "sha256:81d5af29e61b9c8348e876d442253723928dce6433e0e76cd925cd83f1b4b817"}, ] [[package]] @@ -1141,13 +1156,13 @@ pyyaml = ">=5.1" [[package]] name = "mkdocs-git-revision-date-localized-plugin" -version = "1.2.9" +version = "1.3.0" description = "Mkdocs plugin that enables displaying the localized date of the last git modification of a markdown file." optional = false python-versions = ">=3.8" files = [ - {file = "mkdocs_git_revision_date_localized_plugin-1.2.9-py3-none-any.whl", hash = "sha256:dea5c8067c23df30275702a1708885500fadf0abfb595b60e698bffc79c7a423"}, - {file = "mkdocs_git_revision_date_localized_plugin-1.2.9.tar.gz", hash = "sha256:df9a50873fba3a42ce9123885f8c53d589e90ef6c2443fe3280ef1e8d33c8f65"}, + {file = "mkdocs_git_revision_date_localized_plugin-1.3.0-py3-none-any.whl", hash = "sha256:c99377ee119372d57a9e47cff4e68f04cce634a74831c06bc89b33e456e840a1"}, + {file = "mkdocs_git_revision_date_localized_plugin-1.3.0.tar.gz", hash = "sha256:439e2f14582204050a664c258861c325064d97cdc848c541e48bb034a6c4d0cb"}, ] [package.dependencies] @@ -1163,13 +1178,13 @@ dev = ["click", "codecov", "mkdocs-gen-files", "mkdocs-git-authors-plugin", "mkd [[package]] name = "mkdocs-material" -version = "9.5.42" +version = "9.5.44" description = "Documentation that simply works" optional = false python-versions = ">=3.8" files = [ - {file = "mkdocs_material-9.5.42-py3-none-any.whl", hash = "sha256:452a7c5d21284b373f36b981a2cbebfff59263feebeede1bc28652e9c5bbe316"}, - {file = "mkdocs_material-9.5.42.tar.gz", hash = "sha256:92779b5e9b5934540c574c11647131d217dc540dce72b05feeda088c8eb1b8f2"}, + {file = "mkdocs_material-9.5.44-py3-none-any.whl", hash = "sha256:47015f9c167d58a5ff5e682da37441fc4d66a1c79334bfc08d774763cacf69ca"}, + {file = "mkdocs_material-9.5.44.tar.gz", hash = "sha256:f3a6c968e524166b3f3ed1fb97d3ed3e0091183b0545cedf7156a2a6804c56c0"}, ] [package.dependencies] @@ -1252,17 +1267,17 @@ python-legacy = ["mkdocstrings-python-legacy (>=0.2.1)"] [[package]] name = "mkdocstrings-python" -version = "0.10.1" +version = "1.3.0" description = "A Python handler for mkdocstrings." optional = false -python-versions = ">=3.7" +python-versions = ">=3.8" files = [ - {file = "mkdocstrings_python-0.10.1-py3-none-any.whl", hash = "sha256:ef239cee2c688e2b949a0a47e42a141d744dd12b7007311b3309dc70e3bafc5c"}, - {file = "mkdocstrings_python-0.10.1.tar.gz", hash = "sha256:b72301fff739070ec517b5b36bf2f7c49d1360a275896a64efb97fc17d3f3968"}, + {file = "mkdocstrings_python-1.3.0-py3-none-any.whl", hash = "sha256:36c224c86ab77e90e0edfc9fea3307f7d0d245dd7c28f48bbb2203cf6e125530"}, + {file = "mkdocstrings_python-1.3.0.tar.gz", hash = "sha256:f967f84bab530fcc13cc9c02eccf0c18bdb2c3bab5c55fa2045938681eec4fc4"}, ] [package.dependencies] -griffe = ">=0.24" +griffe = ">=0.30,<0.33" mkdocstrings = ">=0.20" [[package]] @@ -1444,43 +1459,43 @@ typing-extensions = {version = ">=4.1.0", markers = "python_version < \"3.11\""} [[package]] name = "mypy" -version = "1.12.1" +version = "1.13.0" description = "Optional static typing for Python" optional = false python-versions = ">=3.8" files = [ - {file = "mypy-1.12.1-cp310-cp310-macosx_10_9_x86_64.whl", hash = "sha256:3d7d4371829184e22fda4015278fbfdef0327a4b955a483012bd2d423a788801"}, - {file = "mypy-1.12.1-cp310-cp310-macosx_11_0_arm64.whl", hash = "sha256:f59f1dfbf497d473201356966e353ef09d4daec48caeacc0254db8ef633a28a5"}, - {file = "mypy-1.12.1-cp310-cp310-manylinux_2_17_x86_64.manylinux2014_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:b947097fae68004b8328c55161ac9db7d3566abfef72d9d41b47a021c2fba6b1"}, - {file = "mypy-1.12.1-cp310-cp310-musllinux_1_1_x86_64.whl", hash = "sha256:96af62050971c5241afb4701c15189ea9507db89ad07794a4ee7b4e092dc0627"}, - {file = "mypy-1.12.1-cp310-cp310-win_amd64.whl", hash = "sha256:d90da248f4c2dba6c44ddcfea94bb361e491962f05f41990ff24dbd09969ce20"}, - {file = "mypy-1.12.1-cp311-cp311-macosx_10_9_x86_64.whl", hash = "sha256:1230048fec1380faf240be6385e709c8570604d2d27ec6ca7e573e3bc09c3735"}, - {file = "mypy-1.12.1-cp311-cp311-macosx_11_0_arm64.whl", hash = "sha256:02dcfe270c6ea13338210908f8cadc8d31af0f04cee8ca996438fe6a97b4ec66"}, - {file = "mypy-1.12.1-cp311-cp311-manylinux_2_17_x86_64.manylinux2014_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:a5a437c9102a6a252d9e3a63edc191a3aed5f2fcb786d614722ee3f4472e33f6"}, - {file = "mypy-1.12.1-cp311-cp311-musllinux_1_1_x86_64.whl", hash = "sha256:186e0c8346efc027ee1f9acf5ca734425fc4f7dc2b60144f0fbe27cc19dc7931"}, - {file = "mypy-1.12.1-cp311-cp311-win_amd64.whl", hash = "sha256:673ba1140a478b50e6d265c03391702fa11a5c5aff3f54d69a62a48da32cb811"}, - {file = "mypy-1.12.1-cp312-cp312-macosx_10_13_x86_64.whl", hash = "sha256:9fb83a7be97c498176fb7486cafbb81decccaef1ac339d837c377b0ce3743a7f"}, - {file = "mypy-1.12.1-cp312-cp312-macosx_11_0_arm64.whl", hash = "sha256:389e307e333879c571029d5b93932cf838b811d3f5395ed1ad05086b52148fb0"}, - {file = "mypy-1.12.1-cp312-cp312-manylinux_2_17_x86_64.manylinux2014_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:94b2048a95a21f7a9ebc9fbd075a4fcd310410d078aa0228dbbad7f71335e042"}, - {file = "mypy-1.12.1-cp312-cp312-musllinux_1_1_x86_64.whl", hash = "sha256:4ee5932370ccf7ebf83f79d1c157a5929d7ea36313027b0d70a488493dc1b179"}, - {file = "mypy-1.12.1-cp312-cp312-win_amd64.whl", hash = "sha256:19bf51f87a295e7ab2894f1d8167622b063492d754e69c3c2fed6563268cb42a"}, - {file = "mypy-1.12.1-cp313-cp313-macosx_10_13_x86_64.whl", hash = "sha256:d34167d43613ffb1d6c6cdc0cc043bb106cac0aa5d6a4171f77ab92a3c758bcc"}, - {file = "mypy-1.12.1-cp313-cp313-macosx_11_0_arm64.whl", hash = "sha256:427878aa54f2e2c5d8db31fa9010c599ed9f994b3b49e64ae9cd9990c40bd635"}, - {file = "mypy-1.12.1-cp313-cp313-manylinux_2_17_x86_64.manylinux2014_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:5fcde63ea2c9f69d6be859a1e6dd35955e87fa81de95bc240143cf00de1f7f81"}, - {file = "mypy-1.12.1-cp313-cp313-musllinux_1_1_x86_64.whl", hash = "sha256:d54d840f6c052929f4a3d2aab2066af0f45a020b085fe0e40d4583db52aab4e4"}, - {file = "mypy-1.12.1-cp313-cp313-win_amd64.whl", hash = "sha256:20db6eb1ca3d1de8ece00033b12f793f1ea9da767334b7e8c626a4872090cf02"}, - {file = "mypy-1.12.1-cp38-cp38-macosx_10_9_x86_64.whl", hash = "sha256:b16fe09f9c741d85a2e3b14a5257a27a4f4886c171d562bc5a5e90d8591906b8"}, - {file = "mypy-1.12.1-cp38-cp38-macosx_11_0_arm64.whl", hash = "sha256:0dcc1e843d58f444fce19da4cce5bd35c282d4bde232acdeca8279523087088a"}, - {file = "mypy-1.12.1-cp38-cp38-manylinux_2_17_x86_64.manylinux2014_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:e10ba7de5c616e44ad21005fa13450cd0de7caaa303a626147d45307492e4f2d"}, - {file = "mypy-1.12.1-cp38-cp38-musllinux_1_1_x86_64.whl", hash = "sha256:0e6fe449223fa59fbee351db32283838a8fee8059e0028e9e6494a03802b4004"}, - {file = "mypy-1.12.1-cp38-cp38-win_amd64.whl", hash = "sha256:dc6e2a2195a290a7fd5bac3e60b586d77fc88e986eba7feced8b778c373f9afe"}, - {file = "mypy-1.12.1-cp39-cp39-macosx_10_9_x86_64.whl", hash = "sha256:de5b2a8988b4e1269a98beaf0e7cc71b510d050dce80c343b53b4955fff45f19"}, - {file = "mypy-1.12.1-cp39-cp39-macosx_11_0_arm64.whl", hash = "sha256:843826966f1d65925e8b50d2b483065c51fc16dc5d72647e0236aae51dc8d77e"}, - {file = "mypy-1.12.1-cp39-cp39-manylinux_2_17_x86_64.manylinux2014_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:9fe20f89da41a95e14c34b1ddb09c80262edcc295ad891f22cc4b60013e8f78d"}, - {file = "mypy-1.12.1-cp39-cp39-musllinux_1_1_x86_64.whl", hash = "sha256:8135ffec02121a75f75dc97c81af7c14aa4ae0dda277132cfcd6abcd21551bfd"}, - {file = "mypy-1.12.1-cp39-cp39-win_amd64.whl", hash = "sha256:a7b76fa83260824300cc4834a3ab93180db19876bce59af921467fd03e692810"}, - {file = "mypy-1.12.1-py3-none-any.whl", hash = "sha256:ce561a09e3bb9863ab77edf29ae3a50e65685ad74bba1431278185b7e5d5486e"}, - {file = "mypy-1.12.1.tar.gz", hash = "sha256:f5b3936f7a6d0e8280c9bdef94c7ce4847f5cdfc258fbb2c29a8c1711e8bb96d"}, + {file = "mypy-1.13.0-cp310-cp310-macosx_10_9_x86_64.whl", hash = "sha256:6607e0f1dd1fb7f0aca14d936d13fd19eba5e17e1cd2a14f808fa5f8f6d8f60a"}, + {file = "mypy-1.13.0-cp310-cp310-macosx_11_0_arm64.whl", hash = "sha256:8a21be69bd26fa81b1f80a61ee7ab05b076c674d9b18fb56239d72e21d9f4c80"}, + {file = "mypy-1.13.0-cp310-cp310-manylinux_2_17_x86_64.manylinux2014_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:7b2353a44d2179846a096e25691d54d59904559f4232519d420d64da6828a3a7"}, + {file = "mypy-1.13.0-cp310-cp310-musllinux_1_1_x86_64.whl", hash = "sha256:0730d1c6a2739d4511dc4253f8274cdd140c55c32dfb0a4cf8b7a43f40abfa6f"}, + {file = "mypy-1.13.0-cp310-cp310-win_amd64.whl", hash = "sha256:c5fc54dbb712ff5e5a0fca797e6e0aa25726c7e72c6a5850cfd2adbc1eb0a372"}, + {file = "mypy-1.13.0-cp311-cp311-macosx_10_9_x86_64.whl", hash = "sha256:581665e6f3a8a9078f28d5502f4c334c0c8d802ef55ea0e7276a6e409bc0d82d"}, + {file = "mypy-1.13.0-cp311-cp311-macosx_11_0_arm64.whl", hash = "sha256:3ddb5b9bf82e05cc9a627e84707b528e5c7caaa1c55c69e175abb15a761cec2d"}, + {file = "mypy-1.13.0-cp311-cp311-manylinux_2_17_x86_64.manylinux2014_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:20c7ee0bc0d5a9595c46f38beb04201f2620065a93755704e141fcac9f59db2b"}, + {file = "mypy-1.13.0-cp311-cp311-musllinux_1_1_x86_64.whl", hash = "sha256:3790ded76f0b34bc9c8ba4def8f919dd6a46db0f5a6610fb994fe8efdd447f73"}, + {file = "mypy-1.13.0-cp311-cp311-win_amd64.whl", hash = "sha256:51f869f4b6b538229c1d1bcc1dd7d119817206e2bc54e8e374b3dfa202defcca"}, + {file = "mypy-1.13.0-cp312-cp312-macosx_10_13_x86_64.whl", hash = "sha256:5c7051a3461ae84dfb5dd15eff5094640c61c5f22257c8b766794e6dd85e72d5"}, + {file = "mypy-1.13.0-cp312-cp312-macosx_11_0_arm64.whl", hash = "sha256:39bb21c69a5d6342f4ce526e4584bc5c197fd20a60d14a8624d8743fffb9472e"}, + {file = "mypy-1.13.0-cp312-cp312-manylinux_2_17_x86_64.manylinux2014_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:164f28cb9d6367439031f4c81e84d3ccaa1e19232d9d05d37cb0bd880d3f93c2"}, + {file = "mypy-1.13.0-cp312-cp312-musllinux_1_1_x86_64.whl", hash = "sha256:a4c1bfcdbce96ff5d96fc9b08e3831acb30dc44ab02671eca5953eadad07d6d0"}, + {file = "mypy-1.13.0-cp312-cp312-win_amd64.whl", hash = "sha256:a0affb3a79a256b4183ba09811e3577c5163ed06685e4d4b46429a271ba174d2"}, + {file = "mypy-1.13.0-cp313-cp313-macosx_10_13_x86_64.whl", hash = "sha256:a7b44178c9760ce1a43f544e595d35ed61ac2c3de306599fa59b38a6048e1aa7"}, + {file = "mypy-1.13.0-cp313-cp313-macosx_11_0_arm64.whl", hash = "sha256:5d5092efb8516d08440e36626f0153b5006d4088c1d663d88bf79625af3d1d62"}, + {file = "mypy-1.13.0-cp313-cp313-manylinux_2_17_x86_64.manylinux2014_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:de2904956dac40ced10931ac967ae63c5089bd498542194b436eb097a9f77bc8"}, + {file = "mypy-1.13.0-cp313-cp313-musllinux_1_1_x86_64.whl", hash = "sha256:7bfd8836970d33c2105562650656b6846149374dc8ed77d98424b40b09340ba7"}, + {file = "mypy-1.13.0-cp313-cp313-win_amd64.whl", hash = "sha256:9f73dba9ec77acb86457a8fc04b5239822df0c14a082564737833d2963677dbc"}, + {file = "mypy-1.13.0-cp38-cp38-macosx_10_9_x86_64.whl", hash = "sha256:100fac22ce82925f676a734af0db922ecfea991e1d7ec0ceb1e115ebe501301a"}, + {file = "mypy-1.13.0-cp38-cp38-macosx_11_0_arm64.whl", hash = "sha256:7bcb0bb7f42a978bb323a7c88f1081d1b5dee77ca86f4100735a6f541299d8fb"}, + {file = "mypy-1.13.0-cp38-cp38-manylinux_2_17_x86_64.manylinux2014_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:bde31fc887c213e223bbfc34328070996061b0833b0a4cfec53745ed61f3519b"}, + {file = "mypy-1.13.0-cp38-cp38-musllinux_1_1_x86_64.whl", hash = "sha256:07de989f89786f62b937851295ed62e51774722e5444a27cecca993fc3f9cd74"}, + {file = "mypy-1.13.0-cp38-cp38-win_amd64.whl", hash = "sha256:4bde84334fbe19bad704b3f5b78c4abd35ff1026f8ba72b29de70dda0916beb6"}, + {file = "mypy-1.13.0-cp39-cp39-macosx_10_9_x86_64.whl", hash = "sha256:0246bcb1b5de7f08f2826451abd947bf656945209b140d16ed317f65a17dc7dc"}, + {file = "mypy-1.13.0-cp39-cp39-macosx_11_0_arm64.whl", hash = "sha256:7f5b7deae912cf8b77e990b9280f170381fdfbddf61b4ef80927edd813163732"}, + {file = "mypy-1.13.0-cp39-cp39-manylinux_2_17_x86_64.manylinux2014_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:7029881ec6ffb8bc233a4fa364736789582c738217b133f1b55967115288a2bc"}, + {file = "mypy-1.13.0-cp39-cp39-musllinux_1_1_x86_64.whl", hash = "sha256:3e38b980e5681f28f033f3be86b099a247b13c491f14bb8b1e1e134d23bb599d"}, + {file = "mypy-1.13.0-cp39-cp39-win_amd64.whl", hash = "sha256:a6789be98a2017c912ae6ccb77ea553bbaf13d27605d2ca20a76dfbced631b24"}, + {file = "mypy-1.13.0-py3-none-any.whl", hash = "sha256:9c250883f9fd81d212e0952c92dbfcc96fc237f4b7c92f56ac81fd48460b3e5a"}, + {file = "mypy-1.13.0.tar.gz", hash = "sha256:0291a61b6fbf3e6673e3405cfcc0e7650bebc7939659fdca2702958038bd835e"}, ] [package.dependencies] @@ -1490,6 +1505,7 @@ typing-extensions = ">=4.6.0" [package.extras] dmypy = ["psutil (>=4.0)"] +faster-cache = ["orjson"] install-types = ["pip"] mypyc = ["setuptools (>=50)"] reports = ["lxml"] @@ -1725,13 +1741,13 @@ windows-terminal = ["colorama (>=0.4.6)"] [[package]] name = "pymdown-extensions" -version = "10.11.2" +version = "10.12" description = "Extension pack for Python Markdown." optional = false python-versions = ">=3.8" files = [ - {file = "pymdown_extensions-10.11.2-py3-none-any.whl", hash = "sha256:41cdde0a77290e480cf53892f5c5e50921a7ee3e5cd60ba91bf19837b33badcf"}, - {file = "pymdown_extensions-10.11.2.tar.gz", hash = "sha256:bc8847ecc9e784a098efd35e20cba772bc5a1b529dfcef9dc1972db9021a1049"}, + {file = "pymdown_extensions-10.12-py3-none-any.whl", hash = "sha256:49f81412242d3527b8b4967b990df395c89563043bc51a3d2d7d500e52123b77"}, + {file = "pymdown_extensions-10.12.tar.gz", hash = "sha256:b0ee1e0b2bef1071a47891ab17003bfe5bf824a398e13f49f8ed653b699369a7"}, ] [package.dependencies] @@ -2081,13 +2097,13 @@ idna2008 = ["idna"] [[package]] name = "rich" -version = "13.9.2" +version = "13.9.4" description = "Render rich text, tables, progress bars, syntax highlighting, markdown and more to the terminal" optional = false python-versions = ">=3.8.0" files = [ - {file = "rich-13.9.2-py3-none-any.whl", hash = "sha256:8c82a3d3f8dcfe9e734771313e606b39d8247bb6b826e196f4914b333b743cf1"}, - {file = "rich-13.9.2.tar.gz", hash = "sha256:51a2c62057461aaf7152b4d611168f93a9fc73068f8ded2790f29fe2b5366d0c"}, + {file = "rich-13.9.4-py3-none-any.whl", hash = "sha256:6049d5e6ec054bf2779ab3358186963bac2ea89175919d699e378b99738c2a90"}, + {file = "rich-13.9.4.tar.gz", hash = "sha256:439594978a49a09530cff7ebc4b5c7103ef57baf48d5ea3184f21d9a2befa098"}, ] [package.dependencies] @@ -2100,23 +2116,23 @@ jupyter = ["ipywidgets (>=7.5.1,<9)"] [[package]] name = "setuptools" -version = "75.2.0" +version = "75.3.0" description = "Easily download, build, install, upgrade, and uninstall Python packages" optional = false python-versions = ">=3.8" files = [ - {file = "setuptools-75.2.0-py3-none-any.whl", hash = "sha256:a7fcb66f68b4d9e8e66b42f9876150a3371558f98fa32222ffaa5bced76406f8"}, - {file = "setuptools-75.2.0.tar.gz", hash = "sha256:753bb6ebf1f465a1912e19ed1d41f403a79173a9acf66a42e7e6aec45c3c16ec"}, + {file = "setuptools-75.3.0-py3-none-any.whl", hash = "sha256:f2504966861356aa38616760c0f66568e535562374995367b4e69c7143cf6bcd"}, + {file = "setuptools-75.3.0.tar.gz", hash = "sha256:fba5dd4d766e97be1b1681d98712680ae8f2f26d7881245f2ce9e40714f1a686"}, ] [package.extras] check = ["pytest-checkdocs (>=2.4)", "pytest-ruff (>=0.2.1)", "ruff (>=0.5.2)"] -core = ["importlib-metadata (>=6)", "importlib-resources (>=5.10.2)", "jaraco.collections", "jaraco.functools", "jaraco.text (>=3.7)", "more-itertools", "more-itertools (>=8.8)", "packaging", "packaging (>=24)", "platformdirs (>=2.6.2)", "tomli (>=2.0.1)", "wheel (>=0.43.0)"] +core = ["importlib-metadata (>=6)", "importlib-resources (>=5.10.2)", "jaraco.collections", "jaraco.functools", "jaraco.text (>=3.7)", "more-itertools", "more-itertools (>=8.8)", "packaging", "packaging (>=24)", "platformdirs (>=4.2.2)", "tomli (>=2.0.1)", "wheel (>=0.43.0)"] cover = ["pytest-cov"] doc = ["furo", "jaraco.packaging (>=9.3)", "jaraco.tidelift (>=1.4)", "pygments-github-lexers (==0.0.5)", "pyproject-hooks (!=1.1)", "rst.linker (>=1.9)", "sphinx (>=3.5)", "sphinx-favicon", "sphinx-inline-tabs", "sphinx-lint", "sphinx-notfound-page (>=1,<2)", "sphinx-reredirects", "sphinxcontrib-towncrier", "towncrier (<24.7)"] enabler = ["pytest-enabler (>=2.2)"] -test = ["build[virtualenv] (>=1.0.3)", "filelock (>=3.4.0)", "ini2toml[lite] (>=0.14)", "jaraco.develop (>=7.21)", "jaraco.envs (>=2.2)", "jaraco.path (>=3.2.0)", "jaraco.test", "packaging (>=23.2)", "pip (>=19.1)", "pyproject-hooks (!=1.1)", "pytest (>=6,!=8.1.*)", "pytest-home (>=0.5)", "pytest-perf", "pytest-subprocess", "pytest-timeout", "pytest-xdist (>=3)", "tomli-w (>=1.0.0)", "virtualenv (>=13.0.0)", "wheel (>=0.44.0)"] -type = ["importlib-metadata (>=7.0.2)", "jaraco.develop (>=7.21)", "mypy (==1.11.*)", "pytest-mypy"] +test = ["build[virtualenv] (>=1.0.3)", "filelock (>=3.4.0)", "ini2toml[lite] (>=0.14)", "jaraco.develop (>=7.21)", "jaraco.envs (>=2.2)", "jaraco.path (>=3.2.0)", "jaraco.test (>=5.5)", "packaging (>=23.2)", "pip (>=19.1)", "pyproject-hooks (!=1.1)", "pytest (>=6,!=8.1.*)", "pytest-home (>=0.5)", "pytest-perf", "pytest-subprocess", "pytest-timeout", "pytest-xdist (>=3)", "tomli-w (>=1.0.0)", "virtualenv (>=13.0.0)", "wheel (>=0.44.0)"] +type = ["importlib-metadata (>=7.0.2)", "jaraco.develop (>=7.21)", "mypy (==1.12.*)", "pytest-mypy"] [[package]] name = "six" @@ -2463,13 +2479,13 @@ zstd = ["zstandard (>=0.18.0)"] [[package]] name = "virtualenv" -version = "20.27.0" +version = "20.27.1" description = "Virtual Python Environment builder" optional = false python-versions = ">=3.8" files = [ - {file = "virtualenv-20.27.0-py3-none-any.whl", hash = "sha256:44a72c29cceb0ee08f300b314848c86e57bf8d1f13107a5e671fb9274138d655"}, - {file = "virtualenv-20.27.0.tar.gz", hash = "sha256:2ca56a68ed615b8fe4326d11a0dca5dfbe8fd68510fb6c6349163bed3c15f2b2"}, + {file = "virtualenv-20.27.1-py3-none-any.whl", hash = "sha256:f11f1b8a29525562925f745563bfd48b189450f61fb34c4f9cc79dd5aa32a1f4"}, + {file = "virtualenv-20.27.1.tar.gz", hash = "sha256:142c6be10212543b32c6c45d3d3893dff89112cc588b7d0879ae5a1ec03a47ba"}, ] [package.dependencies] @@ -2665,4 +2681,4 @@ syntax = ["tree-sitter", "tree-sitter-languages"] [metadata] lock-version = "2.0" python-versions = "^3.8.1" -content-hash = "1271ee856073da0649fdb432170dc77787d906b0cb3dc5575d802ba604bbad2e" +content-hash = "a8060820245b4814ed458ea71aabc37a56aaf17951108195a276ae98bb0bf1b8" diff --git a/pyproject.toml b/pyproject.toml index 83154ce6f2..57a2f605e7 100644 --- a/pyproject.toml +++ b/pyproject.toml @@ -62,7 +62,7 @@ mkdocs-git-revision-date-localized-plugin = "^1.2.5" mkdocs-material = "^9.0.11" mkdocs-rss-plugin = "^1.5.0" mkdocstrings = { extras = ["python"], version = "^0.20.0" } -mkdocstrings-python = "0.10.1" +mkdocstrings-python = "^1.0.0" mypy = "^1.0.0" pre-commit = "^2.13.0" pytest = "^8.3.1" @@ -79,7 +79,7 @@ pytest-textual-snapshot = "^1.0.0" [tool.pytest.ini_options] asyncio_mode = "auto" testpaths = ["tests"] -addopts = "--strict-markers -vv" +addopts = "--strict-markers" markers = [ "syntax: marks tests that require syntax highlighting (deselect with '-m \"not syntax\"')", ] diff --git a/reference/_color_system.md b/reference/_color_system.md deleted file mode 100644 index 7915c39f95..0000000000 --- a/reference/_color_system.md +++ /dev/null @@ -1,73 +0,0 @@ -_Note: This is kind of a living document, which might not form part of the user-facing documentation._ - -# Textual Color System - -Textual's color system is a palette of colors for building TUIs, and a set of guidelines for how they should be used. Based loosely on Google's Material color system, the Textual color system ensures that elements in the TUI look aesthetically pleasing while maximizing legibility - -## The colors - -There are 10 base colors specified in the Textual Color System. Although it is unlikely that all will need to be specified, since some may be derived from others, and some defaults may not need to be changed. - -A dark mode is automatically derived from the base colors. See Dark Mode below. - -### Shades - -Each color has 6 additional shades (3 darker and 3 lighter), giving a total of 7 shades per color. These are calculated automatically from the base colors. - -### Primary and Secondary - -The _primary_ and _secondary_ colors are used as a background for large areas of the interface, such as headers and sidebars. The secondary color is optional, and if not supplied will be set to be the same as primary. If supplied, the secondary color should be compliment the primary, and together can be considered the _branding colors_ as they have the greatest influence over the look of the TUI. - -### Background and Surface - -The _surface_ colors is the base color which goes behind text. The _background_ color is typically the negative space where there is no content. - -These two colors tend to be very similar, with just enough difference in lightness to tell them apart. They should be chosen for good contrast with the text. - -In light mode the default background is #efefef (a bright grey) and the surface is #f5f5f5 (off white). In dark mode the default background is 100% black, and the default surface is #121212 (very dark grey). - -Note that, although both background and surface support the full range of shades, it may not be possible to darken or lighten them further. i.e. you can't get any lighter than 100% white or darken than 100% black. - -### Panel - -The _panel_ color is typically used as a background to emphasize text on the default surface, or as a UI element that is above the regular UI, such as a menu. - -The default panel color is derived from the surface color by blending it towards either white or black text (depending on mode). - -Unlike background and surface, the panel color is automatically selected so that it can always be lightened or darkened by the full range. - -### Accent - -The _accent_ color should be a contrasting color use in UI elements that should stand out, such as selections, status bars, and underlines. - -### Warning, Error, and Success - -The _warning_, _error_, and _success_ colors have semantic meaning. While they could be any color, by convention warning should be amber / orange, error should be red, and success should be green. - -### System - -The system color is used for system controls such as scrollbars. The default is for the system color to be the same as accent, but it is recommended that a different color is chosen to differentiate app controls from those rendered by the Textual system. - -## Text - -For every color and shade there is an automatically calculated text color, which is either white or black, chosen to produce the greatest contrast. - -The default text color as a slight alpha component, so that it not pure black or pure white, but a slight tint of the background showing through. Additionally, there are two text shades with increasingly greater alpha for reduced intensity text. - -## Dark Mode - -A dark mode is automatically generated from the theme. The dark variations of the primary and secondary colors are generated by blending with the background color. This ensures that the branding remains intact, while still providing dark backgrounds. - -The dark variations of the background and surface color defaults are selected. The other colors remain the same as light mode. The overall effect is that the majority of the interface is dark, with small portions highlighted by color. - -## Naming - -The color system produces a number of constants which are exposed in the CSS via variables. - -The name of the color will return one of the standard set of colors, for example `primary` or `panel`. - -For one of the shade variations, you can append `-darken-1`, `-darken-2`, `-darken-3` for increasingly darker colors, and `-lighten-1`, `lighten-2`, `lighten-3` for increasingly light colors. - -For the contrasting text color, prefix the name with `text-`, for instance `text-primary` or `text-panel`. Note that if the text is to be on top of a darkened or lightened color, it must also be included in the name. i.e. if the background is `primary-darken-2`, then the corresponding text color should be `text-primary-darken-2`. - -The additional two levels of faded text may be requested by appending `-fade-1` or `-fade-2` for decreasing levels of text alpha. diff --git a/src/textual/_text_area_theme.py b/src/textual/_text_area_theme.py index ad2e607f84..e315716f30 100644 --- a/src/textual/_text_area_theme.py +++ b/src/textual/_text_area_theme.py @@ -5,9 +5,7 @@ from rich.style import Style -from textual.app import DEFAULT_COLORS from textual.color import Color -from textual.design import DEFAULT_DARK_SURFACE if TYPE_CHECKING: from textual.widgets import TextArea @@ -92,9 +90,11 @@ def apply_css(self, text_area: TextArea) -> None: if self.base_style.color is None: self.base_style = Style(color="#f3f3f3", bgcolor=self.base_style.bgcolor) + app_theme = text_area.app.current_theme + if self.base_style.bgcolor is None: self.base_style = Style( - color=self.base_style.color, bgcolor=DEFAULT_DARK_SURFACE + color=self.base_style.color, bgcolor=app_theme.surface ) configured = self._theme_configured_attributes.__contains__ @@ -148,7 +148,7 @@ def apply_css(self, text_area: TextArea) -> None: self.selection_style = selection_style else: selection_background_color = background_color.blend( - DEFAULT_COLORS["dark"].primary, factor=0.75 + app_theme.primary, factor=0.75 ) self.selection_style = Style.from_color( bgcolor=selection_background_color.rich_color diff --git a/src/textual/app.py b/src/textual/app.py index ee2aa45992..264243455f 100644 --- a/src/textual/app.py +++ b/src/textual/app.py @@ -92,11 +92,10 @@ from textual.await_complete import AwaitComplete from textual.await_remove import AwaitRemove from textual.binding import Binding, BindingsMap, BindingType, Keymap -from textual.command import CommandPalette, Provider +from textual.command import CommandListItem, CommandPalette, Provider, SimpleProvider from textual.css.errors import StylesheetError from textual.css.query import NoMatches from textual.css.stylesheet import RulesMap, Stylesheet -from textual.design import ColorSystem from textual.dom import DOMNode, NoScreen from textual.driver import Driver from textual.errors import NoWidget @@ -122,6 +121,7 @@ SystemModalScreen, ) from textual.signal import Signal +from textual.theme import BUILTIN_THEMES, Theme, ThemeProvider from textual.timer import Timer from textual.widget import AwaitMount, Widget from textual.widgets._toast import ToastRack @@ -151,42 +151,6 @@ # `asyncio.get_event_loop()` is deprecated since Python 3.10: _ASYNCIO_GET_EVENT_LOOP_IS_DEPRECATED = sys.version_info >= (3, 10, 0) -LayoutDefinition = "dict[str, Any]" - -DEFAULT_COLORS = { - "dark": ColorSystem( - primary="#004578", - secondary="#ffa62b", - warning="#ffa62b", - error="#ba3c5b", - success="#4EBF71", - accent="#0178D4", - dark=True, - ), - "light": ColorSystem( - primary="#004578", - secondary="#ffa62b", - warning="#ffa62b", - error="#ba3c5b", - success="#4EBF71", - accent="#0178D4", - dark=False, - ), - "ansi": ColorSystem( - "ansi_blue", - secondary="ansi_cyan", - warning="ansi_yellow", - error="ansi_red", - success="ansi_green", - accent="ansi_bright_blue", - foreground="ansi_default", - background="ansi_default", - surface="ansi_default", - panel="ansi_default", - boost="ansi_default", - ), -} - ComposeResult = Iterable[Widget] RenderResult = RenderableType @@ -266,6 +230,10 @@ class SuspendNotSupported(Exception): """ +class InvalidThemeError(Exception): + """Raised when an invalid theme is set.""" + + ReturnType = TypeVar("ReturnType") CallThreadReturnType = TypeVar("CallThreadReturnType") @@ -331,7 +299,7 @@ class App(Generic[ReturnType], DOMNode): DEFAULT_CSS = """ App { background: $background; - color: $text; + color: $foreground; &:ansi { background: ansi_default; @@ -496,11 +464,11 @@ class MyApp(App[None]): HOVER_EFFECTS_SCROLL_PAUSE: ClassVar[float] = 0.2 """Seconds to pause hover effects for when scrolling.""" - _PSEUDO_CLASSES: ClassVar[dict[str, Callable[[App], bool]]] = { + _PSEUDO_CLASSES: ClassVar[dict[str, Callable[[App[Any]], bool]]] = { "focus": lambda app: app.app_focus, "blur": lambda app: not app.app_focus, - "dark": lambda app: app.dark, - "light": lambda app: not app.dark, + "dark": lambda app: app.current_theme.dark, + "light": lambda app: not app.current_theme.dark, "inline": lambda app: app.is_inline, "ansi": lambda app: app.ansi_color, "nocolor": lambda app: app.no_color, @@ -511,16 +479,6 @@ class MyApp(App[None]): sub_title: Reactive[str] = Reactive("", compute=False) """The app's sub-title, combined with [`title`][textual.app.App.title] in the header.""" - dark: Reactive[bool] = Reactive(True, compute=False) - """Use a dark theme if `True`, otherwise use a light theme. - - Modify this attribute to switch between light and dark themes. - - Example: - ```python - self.app.dark = not self.app.dark # Toggle dark mode - ``` - """ app_focus = Reactive(True, compute=False) """Indicates if the app has focus. @@ -528,11 +486,14 @@ class MyApp(App[None]): get focus when the terminal widget has focus. """ + theme: Reactive[str] = Reactive("textual-dark") + """The name of the currently active theme.""" + ansi_theme_dark = Reactive(MONOKAI, init=False) - """Maps ANSI colors to hex colors using a Rich TerminalTheme object while in dark mode.""" + """Maps ANSI colors to hex colors using a Rich TerminalTheme object while using a dark theme.""" ansi_theme_light = Reactive(ALABASTER, init=False) - """Maps ANSI colors to hex colors using a Rich TerminalTheme object while in light mode.""" + """Maps ANSI colors to hex colors using a Rich TerminalTheme object while using a light theme.""" ansi_color = Reactive(False) """Allow ANSI colors in UI?""" @@ -563,7 +524,14 @@ def __init__( super().__init__() self.features: frozenset[FeatureFlag] = parse_features(os.getenv("TEXTUAL", "")) - ansi_theme = self.ansi_theme_dark if self.dark else self.ansi_theme_light + self._registered_themes: dict[str, Theme] = {} + """Themes that have been registered with the App using `App.register_theme`. + + This excludes the built-in themes.""" + + ansi_theme = ( + self.ansi_theme_dark if self.current_theme.dark else self.ansi_theme_light + ) self.set_reactive(App.ansi_color, ansi_color) self._filters: list[LineFilter] = [ ANSIToTruecolor(ansi_theme, enabled=not ansi_color) @@ -665,9 +633,10 @@ def __init__( self._refresh_required = False - self.design = DEFAULT_COLORS - self._css_has_errors = False + + # Note that the theme must be set *before* self.get_css_variables() is called + # to ensure that the variables are retrieved from the currently active theme. self.stylesheet = Stylesheet(variables=self.get_css_variables()) css_path = css_path or self.CSS_PATH @@ -744,6 +713,12 @@ def __init__( self._original_stderr = sys.__stderr__ """The original stderr stream (before redirection etc).""" + self.theme_changed_signal: Signal[Theme] = Signal(self, "theme-changed") + """Signal that is published when the App's theme is changed. + + Subscribers will receive the new theme object as an argument to the callback. + """ + self.app_suspend_signal: Signal[App] = Signal(self, "app-suspend") """The signal that is published when the app is suspended. @@ -762,8 +737,8 @@ def __init__( perform work after the app has resumed. """ - self.set_class(self.dark, "-dark-mode") - self.set_class(not self.dark, "-light-mode") + self.set_class(self.current_theme.dark, "-dark-mode") + self.set_class(not self.current_theme.dark, "-light-mode") self.animation_level: AnimationLevel = constants.TEXTUAL_ANIMATIONS """Determines what type of animations the app will display. @@ -1109,19 +1084,11 @@ def get_system_commands(self, screen: Screen) -> Iterable[SystemCommand]: [SystemCommand][textual.app.SystemCommand] instances. """ if not self.ansi_color: - if self.dark: - yield SystemCommand( - "Light mode", - "Switch to a light background", - self.action_toggle_dark, - ) - else: - yield SystemCommand( - "Dark mode", - "Switch to a dark background", - self.action_toggle_dark, - ) - + yield SystemCommand( + "Change theme", + "Change the current theme", + self.action_change_theme, + ) yield SystemCommand( "Quit the application", "Quit the application as soon as possible", @@ -1178,6 +1145,25 @@ def compose(self) -> ComposeResult: """ yield from () + def get_theme_variable_defaults(self) -> dict[str, str]: + """Get the default values for the `variables` used in a theme. + + If the currently specified theme doesn't define a value for a variable, + the value specified here will be used as a fallback. + + If a variable is referenced in CSS but does not appear either here + or in the theme, the CSS will fail to parse on startup. + + This method allows applications to define their own variables, beyond + those offered by Textual, which can then be overridden by a Theme. + + Returns: + A mapping of variable name (e.g. "my-button-background-color") to value. + Values can be any valid CSS value, e.g. "red 50%", "auto 90%", + "#ff0000", "rgb(255, 0, 0)", etc. + """ + return {} + def get_css_variables(self) -> dict[str, str]: """Get a mapping of variables used to pre-populate CSS. @@ -1186,39 +1172,99 @@ def get_css_variables(self) -> dict[str, str]: Returns: A mapping of variable name to value. """ + theme = self.current_theme + # Build the Textual color system from the theme. + # This will contain $secondary, $primary, $background, etc. + variables = theme.to_color_system().generate() + # Apply the additional variables from the theme + variables = {**variables, **(theme.variables)} + theme_variables = self.get_theme_variable_defaults() + return {**theme_variables, **variables} + + def get_theme(self, theme_name: str) -> Theme | None: + """Get a theme by name. - if self.dark: - design = self.design["dark"] - else: - design = self.design["light"] + Args: + theme_name: The name of the theme to get. - variables = design.generate() - return variables + Returns: + A Theme instance and None if the theme doesn't exist. + """ + return self.available_themes[theme_name] - def _invalidate_css(self) -> None: - """Invalidate CSS, so it will be refreshed.""" - self._css_update_count += 1 + def register_theme(self, theme: Theme) -> None: + """Register a theme with the app. + + If the theme already exists, it will be overridden. + + After registering a theme, you can activate it by setting the + `App.theme` attribute. To retrieve a registered theme, use the + `App.get_theme` method. - def watch_dark(self, dark: bool) -> None: - """Watches the dark bool. + Args: + theme: The theme to register. + """ + self._registered_themes[theme.name] = theme + + def unregister_theme(self, theme_name: str) -> None: + """Unregister a theme with the app. + + Args: + theme_name: The name of the theme to unregister. + """ + if theme_name in self._registered_themes: + del self._registered_themes[theme_name] + + @property + def available_themes(self) -> dict[str, Theme]: + """All available themes (all built-in themes plus any that have been registered). - This method handles the transition between light and dark mode when you - change the [dark][textual.app.App.dark] attribute. + A dictionary mapping theme names to Theme instances. """ + return {**BUILTIN_THEMES, **self._registered_themes} + + @property + def current_theme(self) -> Theme: + theme = self.get_theme(self.theme) + assert theme is not None # validated by _validate_theme + return theme + + def _validate_theme(self, theme_name: str) -> str: + if theme_name not in self.available_themes: + message = ( + f"Theme {theme_name!r} has not been registered. " + "Call 'App.register_theme' before setting the 'App.theme' attribute." + ) + raise InvalidThemeError(message) + return theme_name + + def _watch_theme(self, theme_name: str) -> None: + """Apply a theme to the application. + + This method is called when the theme reactive attribute is set. + """ + theme = self.current_theme + dark = theme.dark + self.ansi_color = theme_name == "textual-ansi" self.set_class(dark, "-dark-mode", update=False) self.set_class(not dark, "-light-mode", update=False) self._refresh_truecolor_filter(self.ansi_theme) self._invalidate_css() self.call_next(self.refresh_css) + self.call_next(self.theme_changed_signal.publish, theme) + + def _invalidate_css(self) -> None: + """Invalidate CSS, so it will be refreshed.""" + self._css_update_count += 1 def watch_ansi_theme_dark(self, theme: TerminalTheme) -> None: - if self.dark: + if self.current_theme.dark: self._refresh_truecolor_filter(theme) self._invalidate_css() self.call_next(self.refresh_css) def watch_ansi_theme_light(self, theme: TerminalTheme) -> None: - if not self.dark: + if not self.current_theme.dark: self._refresh_truecolor_filter(theme) self._invalidate_css() self.call_next(self.refresh_css) @@ -1230,7 +1276,9 @@ def ansi_theme(self) -> TerminalTheme: Defines how colors defined as ANSI (e.g. `magenta`) inside Rich renderables are mapped to hex codes. """ - return self.ansi_theme_dark if self.dark else self.ansi_theme_light + return ( + self.ansi_theme_dark if self.current_theme.dark else self.ansi_theme_light + ) def _refresh_truecolor_filter(self, theme: TerminalTheme) -> None: """Update the ANSI to Truecolor filter, if available, with a new theme mapping. @@ -1499,9 +1547,9 @@ async def run_callback() -> CallThreadReturnType: result = future.result() return result - def action_toggle_dark(self) -> None: - """An [action](/guide/actions) to toggle dark mode.""" - self.dark = not self.dark + def action_change_theme(self) -> None: + """An [action](/guide/actions) to change the current theme.""" + self.search_themes() def action_screenshot( self, filename: str | None = None, path: str | None = None @@ -1613,6 +1661,38 @@ def deliver_screenshot( name="screenshot", ) + def search( + self, + commands: Sequence[CommandListItem], + placeholder: str = "Search for commands…", + ) -> AwaitMount: + """Show a list of commands in the app. + + Args: + commands: A list of SimpleCommand instances. + + Returns: + AwaitMount: An awaitable that resolves when the commands are shown. + """ + return self.push_screen( + CommandPalette( + providers=[SimpleProvider(self.screen, commands)], + placeholder=placeholder, + ) + ) + + def search_themes(self) -> None: + """Show a fuzzy search command palette containing all registered themes. + + Selecting a theme in the list will change the app's theme. + """ + self.push_screen( + CommandPalette( + providers=[ThemeProvider], + placeholder="Search for themes…", + ), + ) + def bind( self, keys: str, @@ -4031,6 +4111,15 @@ async def action_toggle_class(self, selector: str, class_name: str) -> None: """ self.screen.query(selector).toggle_class(class_name) + def action_toggle_dark(self) -> None: + """An [action](/guide/actions) to toggle the theme between textual-light + and textual-dark. This is offered as a convenience to simplify backwards + compatibility with previous versions of Textual which only had light mode + and dark mode.""" + self.theme = ( + "textual-dark" if self.theme == "textual-light" else "textual-light" + ) + def action_focus_next(self) -> None: """An [action](/guide/actions) to focus the next widget.""" self.screen.focus_next() @@ -4168,7 +4257,7 @@ def clear_notifications(self) -> None: def action_command_palette(self) -> None: """Show the Textual command palette.""" if self.use_command_palette and not CommandPalette.is_open(self): - self.push_screen(CommandPalette()) + self.push_screen(CommandPalette(id="--command-palette")) def _suspend_signal(self) -> None: """Signal that the application is being suspended.""" diff --git a/src/textual/command.py b/src/textual/command.py index f2b54ea826..6f02e11bc2 100644 --- a/src/textual/command.py +++ b/src/textual/command.py @@ -21,7 +21,16 @@ from functools import total_ordering from inspect import isclass from time import monotonic -from typing import TYPE_CHECKING, Any, AsyncGenerator, AsyncIterator, ClassVar, Iterable +from typing import ( + TYPE_CHECKING, + Any, + AsyncGenerator, + AsyncIterator, + Callable, + ClassVar, + Iterable, + NamedTuple, +) import rich.repr from rich.align import Align @@ -175,6 +184,9 @@ def __post_init__(self) -> None: Hits: TypeAlias = AsyncIterator["DiscoveryHit | Hit"] """Return type for the command provider's `search` method.""" +ProviderSource: TypeAlias = "Iterable[type[Provider] | Callable[[], type[Provider]]]" +"""The type used to declare the providers for a CommandPalette.""" + class Provider(ABC): """Base class for command palette command providers. @@ -319,6 +331,78 @@ async def shutdown(self) -> None: """ +class SimpleCommand(NamedTuple): + """A simple command.""" + + name: str + """The name of the command.""" + callback: IgnoreReturnCallbackType + """The callback to invoke when the command is selected.""" + help_text: str | None = None + """The description of the command.""" + + +CommandListItem: TypeAlias = ( + "SimpleCommand | tuple[str, IgnoreReturnCallbackType, str | None] | tuple[str, IgnoreReturnCallbackType]" +) + + +class SimpleProvider(Provider): + """A simple provider which the caller can pass commands to.""" + + def __init__( + self, + screen: Screen[Any], + commands: list[CommandListItem], + ) -> None: + # Convert all commands to SimpleCommand instances + super().__init__(screen, None) + self._commands: list[SimpleCommand] = [] + for command in commands: + if isinstance(command, SimpleCommand): + self._commands.append(command) + elif len(command) == 2: + self._commands.append(SimpleCommand(*command, None)) + elif len(command) == 3: + self._commands.append(SimpleCommand(*command)) + else: + raise ValueError(f"Invalid command: {command}") + + def __call__( + self, screen: Screen[Any], match_style: Style | None = None + ) -> SimpleProvider: + self.__match_style = match_style + return self + + @property + def match_style(self) -> Style | None: + return self.__match_style + + async def search(self, query: str) -> Hits: + matcher = self.matcher(query) + for name, callback, help_text in self._commands: + if (match := matcher.match(name)) > 0: + yield Hit( + match, + matcher.highlight(name), + callback, + help=help_text, + ) + + async def discover(self) -> Hits: + """Handle a request for the discovery commands for this provider. + + Yields: + Commands that can be discovered. + """ + for name, callback, help_text in self._commands: + yield DiscoveryHit( + name, + callback, + help=help_text, + ) + + @rich.repr.auto @total_ordering class Command(Option): @@ -361,14 +445,13 @@ class CommandList(OptionList, can_focus=False): CommandList { visibility: hidden; border-top: blank; - border-bottom: hkey $primary; + border-bottom: hkey $border; border-left: none; border-right: none; height: auto; max-height: 70vh; background: transparent; padding: 0; - text-style: bold; } CommandList:focus { @@ -384,7 +467,9 @@ class CommandList(OptionList, can_focus=False): } CommandList > .option-list--option-highlighted { - background: $primary; + color: $block-cursor-foreground; + background: $block-cursor-background; + text-style: $block-cursor-text-style; } CommandList:nocolor > .option-list--option-highlighted { @@ -393,6 +478,7 @@ class CommandList(OptionList, can_focus=False): CommandList > .option-list--option { padding-left: 2; + color: $foreground; } """ @@ -428,13 +514,14 @@ class CommandInput(Input): CommandInput, CommandInput:focus { border: blank; width: 1fr; - background: transparent; padding-left: 0; + background: transparent; + background-tint: 0%; } """ -class CommandPalette(SystemModalScreen): +class CommandPalette(SystemModalScreen[None]): """The Textual command palette.""" AUTO_FOCUS = "CommandInput" @@ -457,6 +544,7 @@ class CommandPalette(SystemModalScreen): min-height: 20; } CommandPalette { + color: $foreground; background: $background 60%; align-horizontal: center; @@ -476,7 +564,9 @@ class CommandPalette(SystemModalScreen): } CommandPalette > .command-palette--help-text { - text-style: dim not bold; + color: $foreground-muted; + background: transparent; + text-style: not bold; } CommandPalette:dark > .command-palette--highlight { @@ -497,13 +587,13 @@ class CommandPalette(SystemModalScreen): margin-top: 3; height: 100%; visibility: hidden; - background: $primary 20%; + background: $panel-darken-1; } CommandPalette #--input { height: auto; visibility: visible; - border: hkey $primary; + border: hkey $border; } CommandPalette #--input.--list-visible { @@ -528,7 +618,7 @@ class CommandPalette(SystemModalScreen): CommandPalette LoadingIndicator { height: auto; visibility: hidden; - border-bottom: hkey $primary; + border-bottom: hkey $border; } CommandPalette LoadingIndicator.--visible { @@ -586,9 +676,6 @@ class CommandPalette(SystemModalScreen): _calling_screen: var[Screen[Any] | None] = var(None) """A record of the screen that was active when we were called.""" - _PALETTE_ID: Final[str] = "--command-palette" - """The internal ID for the command palette.""" - @dataclass class OptionHighlighted(Message): """Posted to App when an option is highlighted in the command palette.""" @@ -607,31 +694,53 @@ class Closed(Message): option_selected: bool """True if an option was selected, False if the palette was closed without selecting an option.""" - def __init__(self) -> None: - """Initialise the command palette.""" - super().__init__(id=self._PALETTE_ID) + def __init__( + self, + providers: ProviderSource | None = None, + *, + placeholder: str = "Search for commands…", + name: str | None = None, + id: str | None = None, + classes: str | None = None, + ) -> None: + """Initialise the command palette. + + Args: + providers: An optional list of providers to use. If None, the providers supplied + in the App or Screen will be used. + placeholder: The placeholder text for the command palette. + """ + super().__init__( + id=id, + classes=classes, + name=name, + ) + self.add_class("--textual-command-palette") + self._selected_command: DiscoveryHit | Hit | None = None """The command that was selected by the user.""" self._busy_timer: Timer | None = None """Keeps track of if there's a busy indication timer in effect.""" self._no_matches_timer: Timer | None = None """Keeps track of if there are 'No matches found' message waiting to be displayed.""" + self._supplied_providers: ProviderSource | None = providers self._providers: list[Provider] = [] """List of Provider instances involved in searches.""" self._hit_count: int = 0 """Number of hits displayed.""" + self._placeholder = placeholder @staticmethod - def is_open(app: App) -> bool: - """Is the command palette current open? + def is_open(app: App[object]) -> bool: + """Is a command palette current open? Args: app: The app to test. Returns: - `True` if the command palette is currently open, `False` if not. + `True` if a command palette is currently open, `False` if not. """ - return app.screen.id == CommandPalette._PALETTE_ID + return app.screen.has_class("--textual-command-palette") @property def _provider_classes(self) -> set[type[Provider]]: @@ -642,27 +751,36 @@ def _provider_classes(self) -> set[type[Provider]]: the current screen][textual.screen.Screen.COMMANDS]. """ - def get_providers(root: App | Screen) -> Iterable[type[Provider]]: - """Get providers from app or screen. + def get_providers( + provider_source: ProviderSource, + ) -> Iterable[type[Provider]]: + """Load the providers from a source (typically from the COMMANDS class variable) + at the App or Screen level. Args: - root: The app or screen. + provider_source: The source of providers. Returns: An iterable of providers. """ - for provider in root.COMMANDS: - if isclass(provider) and issubclass(provider, Provider): + for provider in provider_source: + if isinstance(provider, SimpleProvider): + yield provider + elif isclass(provider) and issubclass(provider, Provider): yield provider else: # Lazy loaded providers yield provider() # type: ignore - return ( - set() - if self._calling_screen is None - else {*get_providers(self.app), *get_providers(self._calling_screen)} - ) + if self._calling_screen is None: + return set() + elif self._supplied_providers is None: + return { + *get_providers(self.app.COMMANDS), + *get_providers(self._calling_screen.COMMANDS), + } + else: + return {*get_providers(self._supplied_providers)} def compose(self) -> ComposeResult: """Compose the command palette. @@ -673,7 +791,7 @@ def compose(self) -> ComposeResult: with Vertical(id="--container"): with Horizontal(id="--input"): yield SearchIcon() - yield CommandInput(placeholder="Search for commands…") + yield CommandInput(placeholder=self._placeholder) if not self.run_on_select: yield Button("\u25b6") with Vertical(id="--results"): @@ -700,9 +818,7 @@ def _on_mount(self, _: Mount) -> None: self.app.post_message(CommandPalette.Opened()) self._calling_screen = self.app.screen_stack[-2] - match_style = self.get_component_rich_style( - "command-palette--highlight", partial=True - ) + match_style = self.get_component_rich_style("command-palette--highlight") assert self._calling_screen is not None self._providers = [ @@ -955,9 +1071,7 @@ async def _gather_commands(self, search_value: str) -> None: # We'll potentially use the help text style a lot so let's grab it # the once for use in the loop further down. - help_style = self.get_component_rich_style( - "command-palette--help-text", partial=True - ) + help_style = self.get_component_rich_style("command-palette--help-text") # The list to hold on to the commands we've gathered from the # command providers. @@ -1017,8 +1131,7 @@ async def _gather_commands(self, search_value: str) -> None: # list of commands that have been gathered so far. prompt = hit.prompt if hit.help: - help_text = Text.from_markup(hit.help) - help_text.stylize(help_style) + help_text = Text(hit.help, style=help_style) prompt = Group(prompt, help_text) gathered_commands.append(Command(prompt, hit, id=str(command_id))) diff --git a/src/textual/demo/home.py b/src/textual/demo/home.py index cc60891d67..26f55ac830 100644 --- a/src/textual/demo/home.py +++ b/src/textual/demo/home.py @@ -231,6 +231,7 @@ class HomeScreen(PageScreen): Markdown { margin-right: 1; padding-right: 1; + background: transparent; } } } diff --git a/src/textual/demo/projects.py b/src/textual/demo/projects.py index 13725370ee..53b5e4de86 100644 --- a/src/textual/demo/projects.py +++ b/src/textual/demo/projects.py @@ -136,7 +136,6 @@ class Project(Vertical, can_focus=True, can_focus_children=False): height: auto; padding: 0 1; border: tall transparent; - opacity: 0.8; box-sizing: border-box; &:focus { border: tall $accent; @@ -146,7 +145,7 @@ class Project(Vertical, can_focus=True, can_focus_children=False): #title { text-style: bold; width: 1fr; } #author { text-style: italic; } .stars { - color: $secondary; + color: $text-accent; text-align: right; text-style: bold; width: auto; diff --git a/src/textual/design.py b/src/textual/design.py index b90bfa56e2..7ebcdf6976 100644 --- a/src/textual/design.py +++ b/src/textual/design.py @@ -60,6 +60,7 @@ def __init__( dark: bool = False, luminosity_spread: float = 0.15, text_alpha: float = 0.95, + variables: dict[str, str] | None = None, ): def parse(color: str | None) -> Color | None: if color is None: @@ -80,6 +81,8 @@ def parse(color: str | None) -> Color | None: self.dark = dark self.luminosity_spread = luminosity_spread self.text_alpha = text_alpha + self.variables = variables or {} + """Overrides for specific variables.""" @property def shades(self) -> Iterable[str]: @@ -93,6 +96,10 @@ def shades(self) -> Iterable[str]: else: yield color + def get_or_default(self, name: str, default: str) -> str: + """Get the value of a color variable, or the default value if not set.""" + return self.variables.get(name, default) + def generate(self) -> dict[str, str]: """Generate a mapping of color name on to a CSS color. @@ -110,6 +117,8 @@ def generate(self) -> dict[str, str]: dark = self.dark luminosity_spread = self.luminosity_spread + colors: dict[str, str] = {} + if dark: background = self.background or Color.parse(DEFAULT_DARK_BACKGROUND) surface = self.surface or Color.parse(DEFAULT_DARK_SURFACE) @@ -118,7 +127,16 @@ def generate(self) -> dict[str, str]: surface = self.surface or Color.parse(DEFAULT_LIGHT_SURFACE) foreground = self.foreground or (background.inverse) - boost = self.boost or background.get_contrast_text(1.0).with_alpha(0.04) + contrast_text = background.get_contrast_text(1.0) + boost = self.boost or contrast_text.with_alpha(0.04) + + # Colored text + colors["text-primary"] = contrast_text.tint(primary.with_alpha(0.66)).hex + colors["text-secondary"] = contrast_text.tint(secondary.with_alpha(0.66)).hex + colors["text-warning"] = contrast_text.tint(warning.with_alpha(0.66)).hex + colors["text-error"] = contrast_text.tint(error.with_alpha(0.66)).hex + colors["text-success"] = contrast_text.tint(success.with_alpha(0.66)).hex + colors["text-accent"] = contrast_text.tint(accent.with_alpha(0.66)).hex if self.panel is None: panel = surface.blend(primary, 0.1, alpha=1) @@ -127,9 +145,7 @@ def generate(self) -> dict[str, str]: else: panel = self.panel - colors: dict[str, str] = {} - - def luminosity_range(spread) -> Iterable[tuple[str, float]]: + def luminosity_range(spread: float) -> Iterable[tuple[str, float]]: """Get the range of shades from darken2 to lighten2. Returns: @@ -165,31 +181,178 @@ def luminosity_range(spread) -> Iterable[tuple[str, float]]: # Colors names that have a dark variant DARK_SHADES = {"primary-background", "secondary-background"} + get = self.get_or_default + for name, color in COLORS: is_dark_shade = dark and name in DARK_SHADES spread = luminosity_spread for shade_name, luminosity_delta in luminosity_range(spread): + key = f"{name}{shade_name}" if color.ansi is not None: - colors[f"{name}{shade_name}"] = color.hex + colors[key] = color.hex elif is_dark_shade: dark_background = background.blend(color, 0.15, alpha=1.0) - shade_color = dark_background.blend( - WHITE, spread + luminosity_delta, alpha=1.0 - ).clamped - colors[f"{name}{shade_name}"] = shade_color.hex + if key not in self.variables: + shade_color = dark_background.blend( + WHITE, spread + luminosity_delta, alpha=1.0 + ).clamped + colors[key] = shade_color.hex + else: + colors[key] = self.variables[key] else: - shade_color = color.lighten(luminosity_delta) - colors[f"{name}{shade_name}"] = shade_color.hex + colors[key] = get(key, color.lighten(luminosity_delta).hex) if foreground.ansi is None: - colors["text"] = "auto 87%" - colors["text-muted"] = "auto 60%" - colors["text-disabled"] = "auto 38%" + colors["text"] = get("text", "auto 87%") + colors["text-muted"] = get("text-muted", "auto 60%") + colors["text-disabled"] = get("text-disabled", "auto 38%") else: colors["text"] = "ansi_default" colors["text-muted"] = "ansi_default" colors["text-disabled"] = "ansi_default" + # Muted variants of base colors + colors["primary-muted"] = get( + "primary-muted", primary.blend(background, 0.7).hex + ) + colors["secondary-muted"] = get( + "secondary-muted", secondary.blend(background, 0.7).hex + ) + colors["accent-muted"] = get("accent-muted", accent.blend(background, 0.7).hex) + colors["warning-muted"] = get( + "warning-muted", warning.blend(background, 0.7).hex + ) + colors["error-muted"] = get("error-muted", error.blend(background, 0.7).hex) + colors["success-muted"] = get( + "success-muted", success.blend(background, 0.7).hex + ) + + # Foreground colors + colors["foreground-muted"] = get( + "foreground-muted", foreground.with_alpha(0.6).hex + ) + colors["foreground-disabled"] = get( + "foreground-disabled", foreground.with_alpha(0.38).hex + ) + + # The cursor color for widgets such as OptionList, DataTable, etc. + colors["block-cursor-foreground"] = get( + "block-cursor-foreground", colors["text"] + ) + colors["block-cursor-background"] = get("block-cursor-background", primary.hex) + colors["block-cursor-text-style"] = get("block-cursor-text-style", "bold") + colors["block-cursor-blurred-foreground"] = get( + "block-cursor-blurred-foreground", foreground.hex + ) + colors["block-cursor-blurred-background"] = get( + "block-cursor-blurred-background", primary.with_alpha(0.3).hex + ) + colors["block-cursor-blurred-text-style"] = get( + "block-cursor-blurred-text-style", "none" + ) + colors["block-hover-background"] = get( + "block-hover-background", boost.with_alpha(0.05).hex + ) + + # The border color for focused widgets which have a border. + colors["border"] = get("border", primary.hex) + colors["border-blurred"] = get("border-blurred", surface.darken(0.025).hex) + + # The surface color for builtin focused widgets + colors["surface-active"] = get( + "surface-active", surface.lighten(self.luminosity_spread / 2.5).hex + ) + + # The scrollbar colors + colors["scrollbar"] = get("scrollbar", panel.hex) + colors["scrollbar-hover"] = get("scrollbar-hover", colors["panel-lighten-1"]) + colors["scrollbar-active"] = get("scrollbar-active", colors["panel-lighten-2"]) + colors["scrollbar-background"] = get( + "scrollbar-background", colors["background-darken-1"] + ) + colors["scrollbar-corner-color"] = get( + "scrollbar-corner-color", colors["scrollbar-background"] + ) + colors["scrollbar-background-hover"] = get( + "scrollbar-background-hover", colors["scrollbar-background"] + ) + colors["scrollbar-background-active"] = get( + "scrollbar-background-active", colors["scrollbar-background"] + ) + + # Links + colors["link-background"] = get("link-background", "initial") + colors["link-background-hover"] = get("link-background-hover", primary.hex) + colors["link-color"] = get("link-color", colors["text"]) + colors["link-style"] = get("link-style", "underline") + colors["link-color-hover"] = get("link-color-hover", colors["text"]) + colors["link-style-hover"] = get("link-style-hover", "bold not underline") + + colors["footer-foreground"] = get("footer-foreground", foreground.hex) + colors["footer-background"] = get("footer-background", panel.hex) + + colors["footer-key-foreground"] = get("footer-key-foreground", accent.hex) + colors["footer-key-background"] = get("footer-key-background", "transparent") + + colors["footer-description-foreground"] = get( + "footer-description-foreground", foreground.hex + ) + colors["footer-description-background"] = get( + "footer-description-background", "transparent" + ) + + colors["footer-item-background"] = get("footer-item-background", "transparent") + + colors["input-cursor-background"] = get( + "input-cursor-background", foreground.hex + ) + colors["input-cursor-foreground"] = get( + "input-cursor-foreground", background.hex + ) + colors["input-cursor-text-style"] = get("input-cursor-text-style", "none") + colors["input-selection-background"] = get( + "input-selection-background", + Color.parse(colors["primary-lighten-1"]).with_alpha(0.4).hex, + ) + colors["input-selection-foreground"] = get( + "input-selection-foreground", background.hex + ) + + # Markdown header styles + colors["markdown-h1-color"] = get("markdown-h1-color", primary.hex) + colors["markdown-h1-background"] = get("markdown-h1-background", "transparent") + colors["markdown-h1-text-style"] = get("markdown-h1-text-style", "bold") + + colors["markdown-h2-color"] = get("markdown-h2-color", primary.hex) + colors["markdown-h2-background"] = get("markdown-h2-background", "transparent") + colors["markdown-h2-text-style"] = get("markdown-h2-text-style", "underline") + + colors["markdown-h3-color"] = get("markdown-h3-color", primary.hex) + colors["markdown-h3-background"] = get("markdown-h3-background", "transparent") + colors["markdown-h3-text-style"] = get("markdown-h3-text-style", "bold") + + colors["markdown-h4-color"] = get("markdown-h4-color", foreground.hex) + colors["markdown-h4-background"] = get("markdown-h4-background", "transparent") + colors["markdown-h4-text-style"] = get( + "markdown-h4-text-style", "bold underline" + ) + + colors["markdown-h5-color"] = get("markdown-h5-color", foreground.hex) + colors["markdown-h5-background"] = get("markdown-h5-background", "transparent") + colors["markdown-h5-text-style"] = get("markdown-h5-text-style", "bold") + + colors["markdown-h6-color"] = get( + "markdown-h6-color", colors["foreground-muted"] + ) + colors["markdown-h6-background"] = get("markdown-h6-background", "transparent") + colors["markdown-h6-text-style"] = get("markdown-h6-text-style", "bold") + + colors["button-foreground"] = get("button-foreground", foreground.hex) + colors["button-color-foreground"] = get( + "button-color-foreground", colors["text"] + ) + colors["button-focus-text-style"] = get("button-focus-text-style", "b reverse") + return colors diff --git a/src/textual/dom.py b/src/textual/dom.py index 78b921ef2c..80cb82d66a 100644 --- a/src/textual/dom.py +++ b/src/textual/dom.py @@ -238,7 +238,7 @@ def set_reactive( Example: ```python - self.set_reactive(App.dark_mode, True) + self.set_reactive(App.theme, "textual-light") ``` Args: @@ -248,15 +248,14 @@ def set_reactive( Raises: AttributeError: If the first argument is not a reactive. """ + name = reactive.name if not isinstance(reactive, Reactive): - raise TypeError( - "A Reactive class is required; for example: MyApp.dark_mode" - ) - if reactive.name not in self._reactives: + raise TypeError("A Reactive class is required; for example: MyApp.theme") + if name not in self._reactives: raise AttributeError( - "No reactive called {name!r}; Have you called super().__init__(...) in the {self.__class__.__name__} constructor?" + f"No reactive called {name!r}; Have you called super().__init__(...) in the {self.__class__.__name__} constructor?" ) - setattr(self, f"_reactive_{reactive.name}", value) + setattr(self, f"_reactive_{name}", value) def mutate_reactive(self, reactive: Reactive[ReactiveType]) -> None: """Force an update to a mutable reactive. @@ -1224,11 +1223,11 @@ def watch( Example: ```python - def on_dark_change(old_value:bool, new_value:bool) -> None: - # Called when app.dark changes. - print("App.dark went from {old_value} to {new_value}") + def on_theme_change(old_value:str, new_value:str) -> None: + # Called when app.theme changes. + print(f"App.theme went from {old_value} to {new_value}") - self.watch(self.app, "dark", self.on_dark_change, init=False) + self.watch(self.app, "theme", self.on_theme_change, init=False) ``` Args: diff --git a/src/textual/screen.py b/src/textual/screen.py index 0b025bbba1..9bea8be709 100644 --- a/src/textual/screen.py +++ b/src/textual/screen.py @@ -147,10 +147,9 @@ class Screen(Generic[ScreenResultType], Widget): DEFAULT_CSS = """ Screen { - layout: vertical; overflow-y: auto; - background: $surface; + background: $background; &:inline { height: auto; diff --git a/src/textual/theme.py b/src/textual/theme.py new file mode 100644 index 0000000000..964ac4ee60 --- /dev/null +++ b/src/textual/theme.py @@ -0,0 +1,321 @@ +from __future__ import annotations + +from dataclasses import dataclass, field +from functools import partial +from typing import Callable + +from textual.command import DiscoveryHit, Hit, Hits, Provider +from textual.design import ColorSystem + + +@dataclass +class Theme: + """Defines a theme for the application.""" + + name: str + """The name of the theme. + + After registering a theme with `App.register_theme`, you can set the theme with + `App.theme = theme_name`. This will immediately apply the theme's colors to your + application. + """ + + primary: str + secondary: str | None = None + warning: str | None = None + error: str | None = None + success: str | None = None + accent: str | None = None + foreground: str | None = None + background: str | None = None + surface: str | None = None + panel: str | None = None + boost: str | None = None + dark: bool = True + luminosity_spread: float = 0.15 + text_alpha: float = 0.95 + variables: dict[str, str] = field(default_factory=dict) + + def to_color_system(self) -> ColorSystem: + """ + Create a ColorSystem instance from this Theme. + + Returns: + A ColorSystem instance with attributes copied from this Theme. + """ + return ColorSystem( + primary=self.primary, + secondary=self.secondary, + warning=self.warning, + error=self.error, + success=self.success, + accent=self.accent, + foreground=self.foreground, + background=self.background, + surface=self.surface, + panel=self.panel, + boost=self.boost, + dark=self.dark, + luminosity_spread=self.luminosity_spread, + text_alpha=self.text_alpha, + variables=self.variables, + ) + + +BUILTIN_THEMES: dict[str, Theme] = { + "textual-dark": Theme( + name="textual-dark", + primary="#0178D4", + secondary="#004578", + accent="#ffa62b", + warning="#ffa62b", + error="#ba3c5b", + success="#4EBF71", + foreground="#e0e0e0", + dark=True, + ), + "textual-light": Theme( + name="textual-light", + primary="#004578", + secondary="#0178D4", + accent="#ffa62b", + warning="#ffa62b", + error="#ba3c5b", + success="#4EBF71", + dark=False, + ), + "nord": Theme( + name="nord", + primary="#88C0D0", + secondary="#81A1C1", + accent="#B48EAD", + foreground="#D8DEE9", + background="#2E3440", + success="#A3BE8C", + warning="#EBCB8B", + error="#BF616A", + surface="#3B4252", + panel="#434C5E", + dark=True, + variables={ + "block-cursor-background": "#88C0D0", + "block-cursor-foreground": "#2E3440", + "block-cursor-text-style": "none", + "footer-key-foreground": "#88C0D0", + "input-selection-background": "#81a1c1 35%", + "button-color-foreground": "#2E3440", + "button-focus-text-style": "reverse", + }, + ), + "gruvbox": Theme( + name="gruvbox", + primary="#85A598", + secondary="#A89A85", + warning="#fe8019", + error="#fb4934", + success="#b8bb26", + accent="#fabd2f", + foreground="#fbf1c7", + background="#282828", + surface="#3c3836", + panel="#504945", + dark=True, + variables={ + "block-cursor-foreground": "#fbf1c7", + "input-selection-background": "#689d6a40", + "button-color-foreground": "#282828", + }, + ), + "catppuccin-mocha": Theme( + name="catppuccin-mocha", + primary="#F5C2E7", + secondary="#cba6f7", + warning="#FAE3B0", + error="#F28FAD", + success="#ABE9B3", + accent="#fab387", + foreground="#cdd6f4", + background="#181825", + surface="#313244", + panel="#45475a", + dark=True, + variables={ + "input-cursor-foreground": "#11111b", + "input-cursor-background": "#f5e0dc", + "input-selection-background": "#9399b2 30%", + "border": "#b4befe", + "border-blurred": "#585b70", + "footer-background": "#45475a", + "block-cursor-foreground": "#1e1e2e", + "block-cursor-text-style": "none", + "button-color-foreground": "#181825", + }, + ), + "textual-ansi": Theme( + name="textual-ansi", + primary="ansi_blue", + secondary="ansi_cyan", + warning="ansi_yellow", + error="ansi_red", + success="ansi_green", + accent="ansi_bright_blue", + foreground="ansi_default", + background="ansi_default", + surface="ansi_default", + panel="ansi_default", + boost="ansi_default", + dark=False, + variables={ + "block-cursor-text-style": "b", + "block-cursor-blurred-text-style": "i", + "input-selection-background": "ansi_blue", + "input-selection-foreground": "ansi_white", + "input-cursor-text-style": "reverse", + "scrollbar": "ansi_blue", + "border-blurred": "ansi_blue", + "border": "ansi_bright_blue", + }, + ), + "dracula": Theme( + name="dracula", + primary="#BD93F9", + secondary="#6272A4", + warning="#FFB86C", + error="#FF5555", + success="#50FA7B", + accent="#FF79C6", + background="#282A36", + surface="#2B2E3B", + panel="#313442", + foreground="#F8F8F2", + dark=True, + variables={ + "button-color-foreground": "#282A36", + }, + ), + "tokyo-night": Theme( + name="tokyo-night", + primary="#BB9AF7", + secondary="#7AA2F7", + warning="#E0AF68", # Yellow + error="#F7768E", # Red + success="#9ECE6A", # Green + accent="#FF9E64", # Orange + foreground="#a9b1d6", + background="#1A1B26", # Background + surface="#24283B", # Surface + panel="#414868", # Panel + dark=True, + variables={ + "button-color-foreground": "#24283B", + }, + ), + "monokai": Theme( + name="monokai", + primary="#AE81FF", + secondary="#F92672", + accent="#66D9EF", + warning="#FD971F", + error="#F92672", + success="#A6E22E", + foreground="#d6d6d6", + background="#272822", + surface="#2e2e2e", + panel="#3E3D32", + dark=True, + variables={ + "foreground-muted": "#797979", + "input-selection-background": "#575b6190", + "button-color-foreground": "#272822", + }, + ), + "flexoki": Theme( + name="flexoki", + primary="#205EA6", # blue + secondary="#24837B", # cyan + warning="#AD8301", # yellow + error="#AF3029", # red + success="#66800B", # green + accent="#9B76C8", # purple light + background="#100F0F", # base.black + surface="#1C1B1A", # base.950 + panel="#282726", # base.900 + foreground="#FFFCF0", # base.paper + dark=True, + variables={ + "input-cursor-foreground": "#5E409D", + "input-cursor-background": "#FFFCF0", + "input-selection-background": "#6F6E69 35%", # base.600 with opacity + "button-color-foreground": "#FFFCF0", + }, + ), + "catppuccin-latte": Theme( + name="catppuccin-latte", + secondary="#DC8A78", + primary="#8839EF", + warning="#DF8E1D", + error="#D20F39", + success="#40A02B", + accent="#FE640B", + foreground="#4C4F69", + background="#EFF1F5", + surface="#E6E9EF", + panel="#CCD0DA", + dark=False, + variables={ + "button-color-foreground": "#EFF1F5", + }, + ), + "solarized-light": Theme( + name="solarized-light", + primary="#268bd2", + secondary="#2aa198", + warning="#cb4b16", + error="#dc322f", + success="#859900", + accent="#6c71c4", + foreground="#586e75", + background="#fdf6e3", + surface="#eee8d5", + panel="#eee8d5", + dark=False, + variables={ + "button-color-foreground": "#fdf6e3", + "footer-background": "#268bd2", + "footer-key-foreground": "#fdf6e3", + "footer-description-foreground": "#fdf6e3", + }, + ), +} + + +class ThemeProvider(Provider): + """A provider for themes.""" + + @property + def commands(self) -> list[tuple[str, Callable[[], None]]]: + themes = self.app.available_themes + + def set_app_theme(name: str) -> None: + self.app.theme = name + + return [ + (theme.name, partial(set_app_theme, theme.name)) + for theme in themes.values() + if theme.name != "textual-ansi" + ] + + async def discover(self) -> Hits: + for command in self.commands: + yield DiscoveryHit(*command) + + async def search(self, query: str) -> Hits: + matcher = self.matcher(query) + + for name, callback in self.commands: + if (match := matcher.match(name)) > 0: + yield Hit( + match, + matcher.highlight(name), + callback, + ) diff --git a/src/textual/widget.py b/src/textual/widget.py index 7c71bb885c..dbcebb4a9e 100644 --- a/src/textual/widget.py +++ b/src/textual/widget.py @@ -277,21 +277,21 @@ class Widget(DOMNode): DEFAULT_CSS = """ Widget{ - scrollbar-background: $panel-darken-1; - scrollbar-background-hover: $panel-darken-2; - scrollbar-background-active: $panel-darken-3; - scrollbar-color: $primary-lighten-1; - scrollbar-color-active: $warning-darken-1; - scrollbar-color-hover: $primary-lighten-1; - scrollbar-corner-color: $panel-darken-1; + scrollbar-background: $scrollbar-background; + scrollbar-background-hover: $scrollbar-background-hover; + scrollbar-background-active: $scrollbar-background-active; + scrollbar-color: $scrollbar; + scrollbar-color-active: $scrollbar-active; + scrollbar-color-hover: $scrollbar-hover; + scrollbar-corner-color: $scrollbar-corner-color; scrollbar-size-vertical: 2; scrollbar-size-horizontal: 1; - link-background: initial; - link-color: $text; - link-style: underline; - link-background-hover: $accent; - link-color-hover: $text; - link-style-hover: bold not underline; + link-background: $link-background; + link-color: $link-color; + link-style: $link-style; + link-background-hover: $link-background-hover; + link-color-hover: $link-color-hover; + link-style-hover: $link-style-hover; background: transparent; } """ @@ -374,8 +374,8 @@ class Widget(DOMNode): "can-focus": lambda widget: widget.can_focus, "disabled": lambda widget: widget.is_disabled, "enabled": lambda widget: not widget.is_disabled, - "dark": lambda widget: widget.app.dark, - "light": lambda widget: not widget.app.dark, + "dark": lambda widget: widget.app.current_theme.dark, + "light": lambda widget: not widget.app.current_theme.dark, "focus-within": lambda widget: widget.has_focus_within, "inline": lambda widget: widget.app.is_inline, "ansi": lambda widget: widget.app.ansi_color, diff --git a/src/textual/widgets/_button.py b/src/textual/widgets/_button.py index 67123d8d59..9821a0d21a 100644 --- a/src/textual/widgets/_button.py +++ b/src/textual/widgets/_button.py @@ -48,40 +48,37 @@ class Button(Widget, can_focus=True): width: auto; min-width: 16; height: auto; - background: $panel; - color: $text; + color: $button-foreground; + background: $surface; border: none; - border-top: tall $panel-lighten-2; - border-bottom: tall $panel-darken-3; + border-top: tall $surface-lighten-1; + border-bottom: tall $surface-darken-1; text-align: center; content-align: center middle; - text-style: bold; - &:focus { - text-style: bold reverse; + text-style: $button-focus-text-style; + background-tint: $foreground 5%; } &:hover { - border-top: tall $panel; - background: $panel-darken-2; - color: $text; + border-top: tall $surface; + background: $surface-darken-1; } &.-active { - background: $panel; - border-bottom: tall $panel-lighten-2; - border-top: tall $panel-darken-2; + background: $surface; + border-bottom: tall $surface-lighten-1; + border-top: tall $surface-darken-1; tint: $background 30%; } &.-primary { + color: $button-color-foreground; background: $primary; - color: $text; border-top: tall $primary-lighten-3; border-bottom: tall $primary-darken-3; &:hover { background: $primary-darken-2; - color: $text; border-top: tall $primary; } @@ -93,14 +90,13 @@ class Button(Widget, can_focus=True): } &.-success { + color: $button-color-foreground; background: $success; - color: $text; border-top: tall $success-lighten-2; border-bottom: tall $success-darken-3; &:hover { background: $success-darken-2; - color: $text; border-top: tall $success; } @@ -112,14 +108,13 @@ class Button(Widget, can_focus=True): } &.-warning{ + color: $button-color-foreground; background: $warning; - color: $text; border-top: tall $warning-lighten-2; border-bottom: tall $warning-darken-3; &:hover { background: $warning-darken-2; - color: $text; border-top: tall $warning; } @@ -131,14 +126,13 @@ class Button(Widget, can_focus=True): } &.-error { + color: $button-color-foreground; background: $error; - color: $text; border-top: tall $error-lighten-2; border-bottom: tall $error-darken-3; &:hover { background: $error-darken-1; - color: $text; border-top: tall $error; } diff --git a/src/textual/widgets/_collapsible.py b/src/textual/widgets/_collapsible.py index 55b181e528..df039ea962 100644 --- a/src/textual/widgets/_collapsible.py +++ b/src/textual/widgets/_collapsible.py @@ -21,16 +21,19 @@ class CollapsibleTitle(Static, can_focus=True): width: auto; height: auto; padding: 0 1 0 1; - } - - CollapsibleTitle:hover { - background: $foreground 10%; - color: $text; - } + text-style: $block-cursor-blurred-text-style; + background: $block-cursor-blurred-background; + color: $block-cursor-blurred-foreground; - CollapsibleTitle:focus { - background: $accent; - color: $text; + &:hover { + background: $block-hover-background; + color: $foreground; + } + &:focus { + text-style: $block-cursor-text-style; + background: $block-cursor-background; + color: $block-cursor-foreground; + } } """ @@ -100,14 +103,18 @@ class Collapsible(Widget): Collapsible { width: 1fr; height: auto; - background: $boost; + background: $surface; border-top: hkey $background; padding-bottom: 1; padding-left: 1; - } - Collapsible.-collapsed > Contents { - display: none; + &:focus-within { + background-tint: $foreground 5%; + } + + &.-collapsed > Contents { + display: none; + } } """ diff --git a/src/textual/widgets/_data_table.py b/src/textual/widgets/_data_table.py index 5d9da649ca..a8bca4b7d3 100644 --- a/src/textual/widgets/_data_table.py +++ b/src/textual/widgets/_data_table.py @@ -314,58 +314,87 @@ class DataTable(ScrollView, Generic[CellType], can_focus=True): """ DEFAULT_CSS = """ - DataTable:dark { - background: initial; - } DataTable { - background: $surface ; - color: $text; + background: $surface; + color: $foreground; height: auto; max-height: 100%; - } - DataTable > .datatable--header { - text-style: bold; - background: $primary; - color: $text; - } - DataTable > .datatable--fixed { - background: $primary 50%; - color: $text; - } + + &.datatable--fixed-cursor { + background: $block-cursor-blurred-background; + } - DataTable > .datatable--odd-row { + &:focus { + background-tint: $foreground 5%; + & > .datatable--cursor { + background: $block-cursor-background; + color: $block-cursor-foreground; + text-style: $block-cursor-text-style; + } + + & > .datatable--header { + background-tint: $foreground 5%; + } + + & > .datatable--fixed-cursor { + color: $block-cursor-foreground; + background: $block-cursor-background; + } + } - } + &:dark { + background: $surface; + & > .datatable--even-row { + background: $surface-darken-1 40%; + } + } - DataTable > .datatable--even-row { - background: $primary 10%; - } + & > .datatable--header { + text-style: bold; + background: $panel; + color: $foreground; + } + &:ansi > .datatable--header { + background: ansi_bright_blue; + color: ansi_default; + } - DataTable > .datatable--cursor { - background: $secondary; - color: $text; - } + & > .datatable--fixed { + background: $secondary 50%; + color: $foreground; + } - DataTable > .datatable--fixed-cursor { - background: $secondary 92%; - color: $text; - } + & > .datatable--odd-row { - DataTable > .datatable--header-cursor { - background: $secondary-darken-1; - color: $text; - } + } - DataTable > .datatable--header-hover { - background: $secondary 30%; - } + & > .datatable--even-row { + background: $surface-lighten-1 50%; + } - DataTable:dark > .datatable--even-row { - background: $primary 15%; - } + & > .datatable--cursor { + background: $block-cursor-blurred-background; + color: $block-cursor-blurred-foreground; + text-style: $block-cursor-blurred-text-style; + } - DataTable > .datatable--hover { - background: $secondary 20%; + & > .datatable--fixed-cursor { + background: $block-cursor-blurred-background; + color: $foreground; + } + + & > .datatable--header-cursor { + background: $accent-darken-1; + color: $foreground; + } + + & > .datatable--header-hover { + background: $accent 30%; + } + + & > .datatable--hover { + background: $block-hover-background; + } } """ diff --git a/src/textual/widgets/_footer.py b/src/textual/widgets/_footer.py index 9e53b1a1f7..142a751280 100644 --- a/src/textual/widgets/_footer.py +++ b/src/textual/widgets/_footer.py @@ -27,37 +27,30 @@ class FooterKey(Widget): FooterKey { width: auto; height: 1; - background: $panel; - color: $text-muted; + background: $footer-item-background; .footer-key--key { - color: $secondary; - background: $panel; + color: $footer-key-foreground; + background: $footer-key-background; text-style: bold; padding: 0 1; } .footer-key--description { padding: 0 1 0 0; - } - - &:light .footer-key--key { - color: $primary; + color: $footer-description-foreground; + background: $footer-description-background; } &:hover { - background: $panel-darken-2; - color: $text; - .footer-key--key { - background: $panel-darken-2; - } + color: $footer-key-foreground; + background: $block-hover-background; } &.-disabled { text-style: dim; - background: $panel; &:hover { .footer-key--key { - background: $panel; + background: $foreground-disabled; } } } @@ -136,8 +129,8 @@ class Footer(ScrollableContainer, can_focus=False, can_focus_children=False): Footer { layout: grid; grid-columns: auto; - background: $panel; - color: $text; + color: $footer-foreground; + background: $footer-background; dock: bottom; height: 1; scrollbar-size: 0 0; @@ -150,7 +143,7 @@ class Footer(ScrollableContainer, can_focus=False, can_focus_children=False): border-left: vkey $foreground 20%; } - &.-ansi-colors { + &:ansi { background: ansi_default; .footer-key--key { background: ansi_default; diff --git a/src/textual/widgets/_header.py b/src/textual/widgets/_header.py index d9d18fed0d..2482a578e4 100644 --- a/src/textual/widgets/_header.py +++ b/src/textual/widgets/_header.py @@ -75,7 +75,7 @@ class HeaderClock(HeaderClockSpace): DEFAULT_CSS = """ HeaderClock { background: $foreground-darken-1 5%; - color: $text; + color: $foreground; text-opacity: 85%; content-align: center middle; } @@ -131,8 +131,8 @@ class Header(Widget): Header { dock: top; width: 100%; - background: $foreground 5%; - color: $text; + background: $panel; + color: $foreground; height: 1; } Header.-tall { diff --git a/src/textual/widgets/_input.py b/src/textual/widgets/_input.py index bcf5235664..b25ac0af36 100644 --- a/src/textual/widgets/_input.py +++ b/src/textual/widgets/_input.py @@ -146,20 +146,21 @@ class Input(Widget, can_focus=True): DEFAULT_CSS = """ Input { - background: $boost; - color: $text; + background: $surface; + color: $foreground; padding: 0 2; - border: tall $background; + border: tall $border-blurred; width: 100%; height: 3; &:focus { - border: tall $accent; + border: tall $border; + background-tint: $foreground 5%; } &>.input--cursor { - background: $surface; - color: $text; - text-style: reverse; + background: $input-cursor-background; + color: $input-cursor-foreground; + text-style: $input-cursor-text-style; } &>.input--placeholder, &>.input--suggestion { color: $text-disabled; @@ -171,16 +172,10 @@ class Input(Widget, can_focus=True): border: tall $error; } - &.-ansi-colors { + &:ansi { background: ansi_default; color: ansi_default; - border: tall ansi_default; - - &:focus { - border: tall ansi_blue; - } &>.input--cursor { - background: ansi_default; text-style: reverse; } &>.input--placeholder, &>.input--suggestion { diff --git a/src/textual/widgets/_key_panel.py b/src/textual/widgets/_key_panel.py index ea5a7173c5..6e0502f21b 100644 --- a/src/textual/widgets/_key_panel.py +++ b/src/textual/widgets/_key_panel.py @@ -128,7 +128,7 @@ class KeyPanel(VerticalScroll, can_focus=False): align: center top; &> BindingsTable > .bindings-table--key { - color: $secondary; + color: $accent; text-style: bold; padding: 0 1; } diff --git a/src/textual/widgets/_label.py b/src/textual/widgets/_label.py index 9dc3541f41..90fefa7294 100644 --- a/src/textual/widgets/_label.py +++ b/src/textual/widgets/_label.py @@ -1,7 +1,15 @@ """Provides a simple Label widget.""" +from __future__ import annotations + +from typing import Literal + +from rich.console import RenderableType + from textual.widgets._static import Static +LabelVariant = Literal["success", "error", "warning", "primary", "secondary", "accent"] + class Label(Static): """A simple label widget for displaying text-oriented renderables.""" @@ -11,5 +19,56 @@ class Label(Static): width: auto; height: auto; min-height: 1; + + &.success { + color: $text-success; + background: $success-muted; + } + &.error { + color: $text-error; + background: $error-muted; + } + &.warning { + color: $text-warning; + background: $warning-muted; + } + &.primary { + color: $text-primary; + background: $primary-muted; + } + &.secondary { + color: $text-secondary; + background: $secondary-muted; + } + &.accent { + color: $text-accent; + background: $accent-muted; + } } """ + + def __init__( + self, + renderable: RenderableType = "", + *, + variant: LabelVariant | None = None, + expand: bool = False, + shrink: bool = False, + markup: bool = True, + name: str | None = None, + id: str | None = None, + classes: str | None = None, + disabled: bool = False, + ) -> None: + super().__init__( + renderable, + expand=expand, + shrink=shrink, + markup=markup, + name=name, + id=id, + classes=classes, + disabled=disabled, + ) + if variant: + self.add_class(variant) diff --git a/src/textual/widgets/_list_item.py b/src/textual/widgets/_list_item.py index e450767c77..8e889d6427 100644 --- a/src/textual/widgets/_list_item.py +++ b/src/textual/widgets/_list_item.py @@ -16,32 +16,6 @@ class ListItem(Widget, can_focus=False): documentation for more details on use. """ - SCOPED_CSS = False - - DEFAULT_CSS = """ - ListItem { - color: $text; - height: auto; - background: $panel-lighten-1; - overflow: hidden hidden; - } - ListItem > :disabled { - background: $panel-darken-1; - } - ListItem > Widget :hover { - background: $boost; - } - ListView > ListItem.--highlight { - background: $accent 50%; - } - ListView:focus > ListItem.--highlight { - background: $accent; - } - ListItem > Widget { - height: auto; - } - """ - highlighted = reactive(False) """Is this item highlighted?""" @@ -52,8 +26,9 @@ def __init__(self, item: ListItem) -> None: self.item = item super().__init__() - async def _on_click(self, _: events.Click) -> None: + def _on_click(self, _: events.Click) -> None: self.post_message(self._ChildClicked(self)) def watch_highlighted(self, value: bool) -> None: + print("highlighted", value) self.set_class(value, "--highlight") diff --git a/src/textual/widgets/_list_view.py b/src/textual/widgets/_list_view.py index b92f1bf773..bc81a0936f 100644 --- a/src/textual/widgets/_list_view.py +++ b/src/textual/widgets/_list_view.py @@ -25,6 +25,35 @@ class ListView(VerticalScroll, can_focus=True, can_focus_children=False): index: The index in the list that's currently highlighted. """ + DEFAULT_CSS = """ + ListView { + background: $surface; + &:focus-within { + background-tint: $foreground 5%; + } + + & > ListItem { + color: $foreground; + height: auto; + overflow: hidden hidden; + width: 1fr; + + &.--highlight > Widget { + color: $block-cursor-blurred-foreground; + background: $block-cursor-blurred-background; + text-style: $block-cursor-blurred-text-style; + } + } + + &:focus > ListItem.--highlight > Widget { + width: 1fr; + color: $block-cursor-foreground; + background: $block-cursor-background; + text-style: $block-cursor-text-style; + } + } + """ + BINDINGS: ClassVar[list[BindingType]] = [ Binding("enter", "select_cursor", "Select", show=False), Binding("up", "cursor_up", "Cursor up", show=False), diff --git a/src/textual/widgets/_loading_indicator.py b/src/textual/widgets/_loading_indicator.py index 0dae7324dc..7a8cb43bf8 100644 --- a/src/textual/widgets/_loading_indicator.py +++ b/src/textual/widgets/_loading_indicator.py @@ -22,7 +22,7 @@ class LoadingIndicator(Widget): height: 100%; min-height: 1; content-align: center middle; - color: $accent; + color: $primary; text-style: not reverse; } LoadingIndicator.-textual-loading-indicator { diff --git a/src/textual/widgets/_log.py b/src/textual/widgets/_log.py index 0441a2c74e..daaf5ea6e9 100644 --- a/src/textual/widgets/_log.py +++ b/src/textual/widgets/_log.py @@ -31,6 +31,9 @@ class Log(ScrollView, can_focus=True): background: $surface; color: $text; overflow: scroll; + &:focus { + background-tint: $foreground 5%; + } } """ diff --git a/src/textual/widgets/_markdown.py b/src/textual/widgets/_markdown.py index 8d0813cfd6..839046014f 100644 --- a/src/textual/widgets/_markdown.py +++ b/src/textual/widgets/_markdown.py @@ -244,12 +244,11 @@ class MarkdownH1(MarkdownHeader): """An H1 Markdown header.""" DEFAULT_CSS = """ - MarkdownH1 { content-align: center middle; - text-style: bold; - color: $success; - &:light {color: $primary;} + color: $markdown-h1-color; + background: $markdown-h1-background; + text-style: $markdown-h1-text-style; } """ @@ -258,11 +257,10 @@ class MarkdownH2(MarkdownHeader): """An H2 Markdown header.""" DEFAULT_CSS = """ - MarkdownH2 { - text-style: underline; - color: $success; - &:light {color: $primary;} + color: $markdown-h2-color; + background: $markdown-h2-background; + text-style: $markdown-h2-text-style; } """ @@ -272,11 +270,11 @@ class MarkdownH3(MarkdownHeader): DEFAULT_CSS = """ MarkdownH3 { - text-style: bold; - color: $success; + color: $markdown-h3-color; + background: $markdown-h3-background; + text-style: $markdown-h3-text-style; margin: 1 0; width: auto; - &:light {color: $primary;} } """ @@ -286,9 +284,10 @@ class MarkdownH4(MarkdownHeader): DEFAULT_CSS = """ MarkdownH4 { - text-style: bold underline; + color: $markdown-h4-color; + background: $markdown-h4-background; + text-style: $markdown-h4-text-style; margin: 1 0; - color: $text; } """ @@ -298,10 +297,10 @@ class MarkdownH5(MarkdownHeader): DEFAULT_CSS = """ MarkdownH5 { - text-style: bold; - color: $text; + color: $markdown-h5-color; + background: $markdown-h5-background; + text-style: $markdown-h5-text-style; margin: 1 0; - } """ @@ -311,8 +310,9 @@ class MarkdownH6(MarkdownHeader): DEFAULT_CSS = """ MarkdownH6 { - text-style: bold; - color: $text-muted; + color: $markdown-h6-color; + background: $markdown-h6-background; + text-style: $markdown-h6-text-style; margin: 1 0; } """ @@ -323,7 +323,7 @@ class MarkdownHorizontalRule(MarkdownBlock): DEFAULT_CSS = """ MarkdownHorizontalRule { - border-bottom: heavy $primary; + border-bottom: heavy $secondary; height: 1; padding-top: 1; margin-bottom: 1; @@ -353,7 +353,7 @@ class MarkdownBlockQuote(MarkdownBlock): padding: 0 1; } MarkdownBlockQuote:light { - border-left: outer $primary; + border-left: outer $secondary; } MarkdownBlockQuote > BlockQuote { margin-left: 2; @@ -500,7 +500,7 @@ class MarkdownTable(MarkdownBlock): DEFAULT_CSS = """ MarkdownTable { width: 100%; - background: $panel; + background: $surface; } """ @@ -554,7 +554,7 @@ class MarkdownBullet(Widget): color: $success; text-style: bold; &:light { - color: $primary; + color: $secondary; } } """ @@ -619,7 +619,7 @@ def __init__(self, markdown: Markdown, code: str, lexer: str) -> None: self.lexer = lexer self.theme = ( self._markdown.code_dark_theme - if self.app.dark + if self.app.current_theme.dark else self._markdown.code_light_theme ) @@ -635,13 +635,13 @@ def _block(self) -> Syntax: def _on_mount(self, _: Mount) -> None: """Watch app theme switching.""" - self.watch(self.app, "dark", self._retheme) + self.watch(self.app, "theme", self._retheme) def _retheme(self) -> None: """Rerender when the theme changes.""" self.theme = ( self._markdown.code_dark_theme - if self.app.dark + if self.app.current_theme.dark else self._markdown.code_light_theme ) self.get_child_by_type(Static).update(self._block()) @@ -670,10 +670,15 @@ class Markdown(Widget): DEFAULT_CSS = """ Markdown { height: auto; - margin: 0 2 1 2; + padding: 0 2 1 2; layout: vertical; - color: $text; + color: $foreground; + background: $surface; overflow-y: auto; + + &:focus { + background-tint: $foreground 5%; + } } .em { text-style: italic; @@ -698,17 +703,17 @@ class Markdown(Widget): | :- | :- | | `code_inline` | Target text that is styled as inline code. | | `em` | Target text that is emphasized inline. | - | `s` | Target text that is styled inline with strykethrough. | + | `s` | Target text that is styled inline with strikethrough. | | `strong` | Target text that is styled inline with strong. | """ BULLETS = ["\u25cf ", "▪ ", "‣ ", "• ", "⭑ "] code_dark_theme: reactive[str] = reactive("material") - """The theme to use for code blocks when in [dark mode][textual.app.App.dark].""" + """The theme to use for code blocks when the App theme is dark.""" code_light_theme: reactive[str] = reactive("material-light") - """The theme to use for code blocks when in [light mode][textual.app.App.dark].""" + """The theme to use for code blocks when the App theme is light.""" def __init__( self, @@ -805,13 +810,13 @@ def on_markdown_link_clicked(self, event: LinkClicked) -> None: def _watch_code_dark_theme(self) -> None: """React to the dark theme being changed.""" - if self.app.dark: + if self.app.current_theme.dark: for block in self.query(MarkdownFence): block._retheme() def _watch_code_light_theme(self) -> None: """React to the light theme being changed.""" - if not self.app.dark: + if not self.app.current_theme.dark: for block in self.query(MarkdownFence): block._retheme() @@ -1043,12 +1048,17 @@ class MarkdownTableOfContents(Widget, can_focus_children=True): DEFAULT_CSS = """ MarkdownTableOfContents { width: auto; + height: 1fr; background: $panel; - border-right: wide $background; + &:focus-within { + background-tint: $foreground 5%; + } } MarkdownTableOfContents > Tree { padding: 1; width: auto; + height: 1fr; + background: $panel; } """ @@ -1118,7 +1128,7 @@ async def _on_tree_node_selected(self, message: Tree.NodeSelected) -> None: message.stop() -class MarkdownViewer(VerticalScroll, can_focus=True, can_focus_children=True): +class MarkdownViewer(VerticalScroll, can_focus=False, can_focus_children=True): """A Markdown viewer widget.""" SCOPED_CSS = False @@ -1127,14 +1137,11 @@ class MarkdownViewer(VerticalScroll, can_focus=True, can_focus_children=True): MarkdownViewer { height: 1fr; scrollbar-gutter: stable; - } - - MarkdownTableOfContents { - dock:left; - } - - MarkdownViewer > MarkdownTableOfContents { - display: none; + background: $surface; + & > MarkdownTableOfContents { + display: none; + dock:left; + } } MarkdownViewer.-show-table-of-contents > MarkdownTableOfContents { @@ -1226,8 +1233,9 @@ def compose(self) -> ComposeResult: markdown = Markdown( parser_factory=self._parser_factory, open_links=self._open_links ) - yield MarkdownTableOfContents(markdown) + markdown.can_focus = True yield markdown + yield MarkdownTableOfContents(markdown) def _on_markdown_table_of_contents_updated( self, message: Markdown.TableOfContentsUpdated diff --git a/src/textual/widgets/_option_list.py b/src/textual/widgets/_option_list.py index 5963052c80..59f12c6892 100644 --- a/src/textual/widgets/_option_list.py +++ b/src/textual/widgets/_option_list.py @@ -139,49 +139,41 @@ class OptionList(ScrollView, can_focus=True): OptionList { height: auto; max-height: 100%; - background: $boost; - color: $text; + color: $foreground; overflow-x: hidden; border: tall transparent; padding: 0 1; - } - - OptionList:focus { - border: tall $accent; - - } - - OptionList > .option-list--separator { - color: $foreground 15%; - } - - OptionList > .option-list--option-highlighted { - color: $text; - text-style: bold; - } - - OptionList:focus > .option-list--option-highlighted { - background: $accent; - } - - OptionList > .option-list--option-disabled { - color: $text-disabled; - } - - OptionList > .option-list--option-hover { - background: $boost; - } - - OptionList > .option-list--option-hover-highlighted { - background: $accent 60%; - color: $text; - text-style: bold; - } - - OptionList:focus > .option-list--option-hover-highlighted { - background: $accent; - color: $text; - text-style: bold; + background: $surface; + &:ansi { + border: tall $border-blurred; + } + & > .option-list--option-highlighted { + color: $block-cursor-blurred-foreground; + background: $block-cursor-blurred-background; + text-style: $block-cursor-blurred-text-style; + } + &:focus { + border: tall $border; + background-tint: $foreground 5%; + & > .option-list--option-highlighted { + color: $block-cursor-foreground; + background: $block-cursor-background; + text-style: $block-cursor-text-style; + } + } + & > .option-list--separator { + color: $foreground 15%; + } + & > .option-list--option-highlighted { + color: $foreground; + background: $block-cursor-blurred-background; + } + & > .option-list--option-disabled { + color: $text-disabled; + } + & > .option-list--option-hover { + background: $block-hover-background; + } } """ @@ -190,7 +182,6 @@ class OptionList(ScrollView, can_focus=True): "option-list--option-disabled", "option-list--option-highlighted", "option-list--option-hover", - "option-list--option-hover-highlighted", "option-list--separator", } """ @@ -199,7 +190,6 @@ class OptionList(ScrollView, can_focus=True): | `option-list--option-disabled` | Target disabled options. | | `option-list--option-highlighted` | Target the highlighted option. | | `option-list--option-hover` | Target an option that has the mouse over it. | - | `option-list--option-hover-highlighted` | Target a highlighted option that has the mouse over it. | | `option-list--separator` | Target the separators. | """ diff --git a/src/textual/widgets/_progress_bar.py b/src/textual/widgets/_progress_bar.py index 6ad585a3b0..a1c0260b8e 100644 --- a/src/textual/widgets/_progress_bar.py +++ b/src/textual/widgets/_progress_bar.py @@ -44,16 +44,16 @@ class Bar(Widget, can_focus=False): height: 1; &> .bar--bar { - color: $warning; - background: $foreground 10%; + color: $primary; + background: $surface; } &> .bar--indeterminate { color: $error; - background: $foreground 10%; + background: $surface; } &> .bar--complete { color: $success; - background: $foreground 10%; + background: $surface; } } """ diff --git a/src/textual/widgets/_radio_set.py b/src/textual/widgets/_radio_set.py index 68ac5dc343..61802999be 100644 --- a/src/textual/widgets/_radio_set.py +++ b/src/textual/widgets/_radio_set.py @@ -27,37 +27,55 @@ class RadioSet(VerticalScroll, can_focus=True, can_focus_children=False): DEFAULT_CSS = """ RadioSet { - border: tall transparent; - background: $boost; - padding: 0 1 0 0; + border: tall $border-blurred; + background: $surface; + padding: 0 1; height: auto; width: auto; - } - - RadioSet:focus { - border: tall $accent; - } - - /* The following rules/styles mimic similar ToggleButton:focus rules in - * ToggleButton. If those styles ever get updated, these should be too. - */ - - RadioSet > RadioButton { - background: transparent; - border: none; - padding: 0 1; - } - - RadioSet:focus > RadioButton.-selected > .toggle--label { - text-style: underline; - } - - RadioSet:focus ToggleButton.-selected > .toggle--button { - background: $foreground 25%; - } - RadioSet:focus > RadioButton.-on.-selected > .toggle--button { - background: $foreground 25%; + & > RadioButton { + background: transparent; + border: none; + padding: 0; + + & > .toggle--button { + color: $surface; + background: $panel; + } + + &.-selected { + background: $block-cursor-blurred-background; + } + } + + & > RadioButton.-on .toggle--button { + color: $success; + } + + &:focus { + /* The following rules/styles mimic similar ToggleButton:focus rules in + * ToggleButton. If those styles ever get updated, these should be too. + */ + border: tall $border; + background-tint: $foreground 5%; + + & > RadioButton { + & > .toggle--button { + color: $surface; + background: $panel-lighten-1; + } + &.-on > .toggle--button { + color: $success; + } + } + + & > RadioButton.-selected { + color: $block-cursor-foreground; + text-style: $block-cursor-text-style; + background: $block-cursor-background; + } + + } } """ diff --git a/src/textual/widgets/_rich_log.py b/src/textual/widgets/_rich_log.py index f0585c9dfe..5006dc39e8 100644 --- a/src/textual/widgets/_rich_log.py +++ b/src/textual/widgets/_rich_log.py @@ -50,8 +50,11 @@ class RichLog(ScrollView, can_focus=True): DEFAULT_CSS = """ RichLog{ background: $surface; - color: $text; + color: $foreground; overflow-y: scroll; + &:focus { + background-tint: $foreground 5%; + } } """ diff --git a/src/textual/widgets/_rule.py b/src/textual/widgets/_rule.py index aa0a7fd67a..4ffaa8cd63 100644 --- a/src/textual/widgets/_rule.py +++ b/src/textual/widgets/_rule.py @@ -112,7 +112,7 @@ class Rule(Widget, can_focus=False): DEFAULT_CSS = """ Rule { - color: $primary; + color: $secondary; } Rule.-horizontal { diff --git a/src/textual/widgets/_select.py b/src/textual/widgets/_select.py index 48cc392598..a35d89ac5f 100644 --- a/src/textual/widgets/_select.py +++ b/src/textual/widgets/_select.py @@ -45,22 +45,6 @@ class SelectOverlay(OptionList): BINDINGS = [("escape", "dismiss", "Dismiss menu")] - DEFAULT_CSS = """ - SelectOverlay { - border: tall $background; - background: $panel; - color: $text; - width: 100%; - padding: 0 1; - } - SelectOverlay:focus { - border: tall $background; - } - SelectOverlay > .option-list--option { - padding: 0 1; - } - """ - @dataclass class Dismiss(Message): """Inform ancestor the overlay should be dismissed.""" @@ -111,21 +95,27 @@ class SelectCurrent(Horizontal): DEFAULT_CSS = """ SelectCurrent { border: tall transparent; - background: $boost; - color: $text; - width: 100%; + color: $foreground; + background: $surface; + width: 1fr; height: auto; padding: 0 2; + &:ansi { + border: tall ansi_blue; + color: ansi_default; + background: ansi_default; + } + Static#label { width: 1fr; height: auto; - color: $text-disabled; + color: $foreground 50%; background: transparent; } &.-has-value Static#label { - color: $text; + color: $foreground; } .arrow { @@ -133,7 +123,7 @@ class SelectCurrent(Horizontal): width: 1; height: 1; padding: 0 0 0 1; - color: $text-muted; + color: $foreground 50%; background: transparent; } } @@ -177,7 +167,7 @@ def _watch_has_value(self, has_value: bool) -> None: """Toggle the class.""" self.set_class(has_value, "-has-value") - async def _on_click(self, event: events.Click) -> None: + def _on_click(self, event: events.Click) -> None: """Inform ancestor we want to toggle.""" event.stop() self.post_message(self.Toggle()) @@ -211,6 +201,16 @@ class Select(Generic[SelectType], Vertical, can_focus=True): DEFAULT_CSS = """ Select { height: auto; + color: $foreground; + + .up-arrow { + display: none; + } + + &:focus > SelectCurrent { + border: tall $border; + background-tint: $foreground 5%; + } & > SelectOverlay { width: 1fr; @@ -219,31 +219,31 @@ class Select(Generic[SelectType], Vertical, can_focus=True): max-height: 12; overlay: screen; constrain: none inside; + color: $foreground; + border: tall $border-blurred; + background: $surface; + &:focus { + background-tint: $foreground 5%; + } + & > .option-list--option { + padding: 0 1; + } } - &:focus > SelectCurrent { - border: tall $accent; - } - - .up-arrow { - display: none; - } - - &.-expanded .down-arrow { - display: none; - } + &.-expanded { + .down-arrow { + display: none; + } - &.-expanded .up-arrow { - display: block; - } + .up-arrow { + display: block; + } - &.-expanded > SelectOverlay { - display: block; + & > SelectOverlay { + display: block; + } } - &.-expanded > SelectCurrent { - border: tall $accent; - } } """ diff --git a/src/textual/widgets/_selection_list.py b/src/textual/widgets/_selection_list.py index 22ac20b0a5..9f75f8360a 100644 --- a/src/textual/widgets/_selection_list.py +++ b/src/textual/widgets/_selection_list.py @@ -96,62 +96,62 @@ class SelectionList(Generic[SelectionType], OptionList): DEFAULT_CSS = """ SelectionList { height: auto; - } - - SelectionList:light:focus > .selection-list--button-selected { - color: $primary; - } + + & > .selection-list--button { + color: $surface-darken-1; + background: $panel; + } - SelectionList:light > .selection-list--button-selected-highlighted { - color: $primary; - } + & > .selection-list--button-highlighted { + color: $surface-darken-1; + background: $panel; + } - SelectionList:light:focus > .selection-list--button-selected-highlighted { - color: $primary; - } + & > .selection-list--button-selected { + color: $success; + background: $panel; + } - SelectionList > .selection-list--button { - text-style: bold; - background: $foreground 15%; - } + & > .selection-list--button-selected-highlighted { + color: $success; + background: $panel; + } - SelectionList:focus > .selection-list--button { - text-style: bold; - background: $foreground 25%; - } + &:light { + & > .selection-list--button-selected-highlighted { + color: $success; + } - SelectionList > .selection-list--button-highlighted { - text-style: bold; - background: $foreground 15%; - } + &:focus { + & > .selection-list--button-selected { + color: $success-darken-1; + } + & > .selection-list--button-selected-highlighted { + color: $success-darken-1; + } + } + } - SelectionList:focus > .selection-list--button-highlighted { - text-style: bold; - background: $foreground 25%; - } + &:focus { + & > .selection-list--button { + background: $panel-lighten-1; + } - SelectionList > .selection-list--button-selected { - text-style: bold; - color: $success; - background: $foreground 15%; - } + & > .selection-list--button-highlighted { + background: $panel-lighten-1; + } - SelectionList:focus > .selection-list--button-selected { - text-style: bold; - color: $success; - background: $foreground 25%; - } + & > .selection-list--button-selected { + color: $success; + background: $panel-lighten-1; + } - SelectionList > .selection-list--button-selected-highlighted { - text-style: bold; - color: $success; - background: $foreground 15%; - } + & > .selection-list--button-selected-highlighted { + color: $success; + background: $panel-lighten-1; + } + } - SelectionList:focus > .selection-list--button-selected-highlighted { - text-style: bold; - color: $success; - background: $foreground 25%; } """ @@ -576,10 +576,10 @@ def render_line(self, y: int) -> Strip: # If the button is in the unselected state, we're going to do a bit # of a switcharound to make it look like it's a "cutout". - if selection.value not in self._selected: - button_style += Style.from_color( - self.background_colors[1].rich_color, button_style.bgcolor - ) + # if selection.value not in self._selected: + # button_style += Style.from_color( + # self.background_colors[1].rich_color, button_style.bgcolor + # ) # Build the style for the side characters. Note that this is # sensitive to the type of character used, so pay attention to diff --git a/src/textual/widgets/_sparkline.py b/src/textual/widgets/_sparkline.py index 5eb284b591..103cb08d94 100644 --- a/src/textual/widgets/_sparkline.py +++ b/src/textual/widgets/_sparkline.py @@ -41,10 +41,10 @@ class Sparkline(Widget): height: 1; } Sparkline > .sparkline--max-color { - color: $accent; + color: $primary; } Sparkline > .sparkline--min-color { - color: $accent 30%; + color: $primary 30%; } """ diff --git a/src/textual/widgets/_switch.py b/src/textual/widgets/_switch.py index 09d7a83fa0..37714a62ea 100644 --- a/src/textual/widgets/_switch.py +++ b/src/textual/widgets/_switch.py @@ -46,33 +46,51 @@ class Switch(Widget, can_focus=True): DEFAULT_CSS = """ Switch { - border: tall transparent; - background: $boost; + border: tall $border-blurred; + background: $surface; height: auto; width: auto; padding: 0 2; + &.-on > .switch--slider { + color: $success; + } + & > .switch--slider { + background: $surface-darken-1; + color: $surface-lighten-2; + } + &:hover { + & > .switch--slider { + color: $surface-lighten-3; + } + &.-on { + & > .switch--slider { + color: $success-lighten-1; + } + } + } + &:focus { + border: tall $border; + background-tint: $foreground 5%; + } + &:light { + & > .switch--slider { + background: $surface-lighten-2; + color: $surface-darken-1; + } + &.-on { + & > .switch--slider { + color: $success-lighten-1; + } + &:hover > .switch--slider { + color: $success; + } + } + &:hover > .switch--slider { + color: $surface-darken-2; + } + } } - Switch > .switch--slider { - background: $panel-darken-2; - color: $panel-lighten-2; - } - - Switch:hover { - border: tall $background; - } - - Switch:focus { - border: tall $accent; - } - - Switch.-on { - - } - - Switch.-on > .switch--slider { - color: $success; - } """ value: reactive[bool] = reactive(False, init=False) diff --git a/src/textual/widgets/_tabbed_content.py b/src/textual/widgets/_tabbed_content.py index d216688f7f..2355c82275 100644 --- a/src/textual/widgets/_tabbed_content.py +++ b/src/textual/widgets/_tabbed_content.py @@ -169,7 +169,6 @@ class TabPane(Widget): DEFAULT_CSS = """ TabPane { height: auto; - padding: 1 2; } """ diff --git a/src/textual/widgets/_tabs.py b/src/textual/widgets/_tabs.py index db91209a88..94df1352a4 100644 --- a/src/textual/widgets/_tabs.py +++ b/src/textual/widgets/_tabs.py @@ -30,10 +30,13 @@ class Underline(Widget): Underline { width: 1fr; height: 1; - } - Underline > .underline--bar { - background: $foreground 10%; - color: $accent; + & > .underline--bar { + color: $block-cursor-background; + background: $foreground 10%; + } + &:ansi { + text-style: dim; + } } """ @@ -91,27 +94,25 @@ class Tab(Static): DEFAULT_CSS = """ Tab { width: auto; - height: 2; - padding: 1 1 0 2; + height: 1; + padding: 0 1; + margin: 0 1; text-align: center; - color: $text-disabled; - } - Tab.-active { - text-style: bold; - color: $text; - } - Tab:hover { - text-style: bold; - } - Tab.-active:hover { - color: $text; - } - Tab:disabled { - color: $text-disabled; - text-opacity: 50%; - } - Tab.-hidden { - display: none; + color: $foreground 50%; + + &:hover { + color: $foreground; + } + &:disabled { + color: $foreground 25%; + } + + &.-active { + color: $foreground; + } + &.-hidden { + display: none; + } } """ @@ -201,23 +202,52 @@ class Tabs(Widget, can_focus=True): DEFAULT_CSS = """ Tabs { width: 100%; - height: 3; - } - Tabs > #tabs-scroll { - overflow: hidden; - } - Tabs #tabs-list { - width: auto; - min-height: 2; - } - Tabs #tabs-list-bar, Tabs #tabs-list { - width: auto; - height: auto; - min-width: 100%; - overflow: hidden hidden; - } - Tabs:focus .underline--bar { - background: $foreground 20%; + height: 2; + &:focus { + .underline--bar { + background: $foreground 30%; + } + & .-active { + text-style: $block-cursor-text-style; + color: $block-cursor-foreground; + background: $block-cursor-background; + } + } + + & > #tabs-scroll { + overflow: hidden; + } + + #tabs-list { + width: auto; + } + #tabs-list-bar, #tabs-list { + width: auto; + height: auto; + min-width: 100%; + overflow: hidden hidden; + } + &:ansi { + #tabs-list { + text-style: dim; + } + & #tabs-list > .-active { + text-style: not dim; + } + &:focus { + #tabs-list > .-active { + text-style: bold not dim; + } + } + & .underline--bar { + color: ansi_bright_blue; + background: ansi_default; + } + & .-active { + color: transparent; + background: transparent; + } + } } """ diff --git a/src/textual/widgets/_text_area.py b/src/textual/widgets/_text_area.py index 0e7da87543..6540889c6f 100644 --- a/src/textual/widgets/_text_area.py +++ b/src/textual/widgets/_text_area.py @@ -91,15 +91,19 @@ class TextArea(ScrollView): TextArea { width: 1fr; height: 1fr; - border: tall $background; + border: tall $border-blurred; padding: 0 1; - + color: $foreground; + background: $surface; + & .text-area--cursor { + text-style: $input-cursor-text-style; + } & .text-area--gutter { - color: $text 40%; + color: $foreground 40%; } & .text-area--cursor-gutter { - color: $text 60%; + color: $foreground 60%; background: $boost; text-style: bold; } @@ -109,7 +113,7 @@ class TextArea(ScrollView): } & .text-area--selection { - background: $accent-lighten-1 40%; + background: $input-selection-background; } & .text-area--matching-bracket { @@ -117,13 +121,20 @@ class TextArea(ScrollView): } &:focus { - border: tall $accent; + border: tall $border; + } + + &:ansi { + & .text-area--selection { + background: transparent; + text-style: reverse; + } } &:dark { .text-area--cursor { - color: $text 90%; - background: $foreground 90%; + color: $input-cursor-foreground; + background: $input-cursor-background; } &.-read-only .text-area--cursor { background: $warning-darken-1; @@ -744,7 +755,7 @@ def _watch_theme(self, theme: str) -> None: if padding is applied, the colors match.""" self._set_theme(theme) - def _app_dark_toggled(self) -> None: + def _app_theme_changed(self) -> None: self._set_theme(self._theme.name) def _set_theme(self, theme: str) -> None: @@ -1518,8 +1529,8 @@ def gutter_width(self) -> int: return gutter_width def _on_mount(self, event: events.Mount) -> None: - # When `app.dark` is toggled, reset the theme (since it caches values). - self.watch(self.app, "dark", self._app_dark_toggled, init=False) + # When `app.theme` reactive is changed, reset the theme to clear cached styles. + self.watch(self.app, "theme", self._app_theme_changed, init=False) self.blink_timer = self.set_interval( 0.5, diff --git a/src/textual/widgets/_toast.py b/src/textual/widgets/_toast.py index 0eb6aa0a2f..1fc87648ae 100644 --- a/src/textual/widgets/_toast.py +++ b/src/textual/widgets/_toast.py @@ -46,18 +46,18 @@ class Toast(Static, inherit_css=False): visibility: visible; margin-top: 1; padding: 1 1; - background: $panel; - tint: white 5%; + background: $panel-lighten-1; link-background: initial; - link-color: $text; + link-color: $foreground; link-style: underline; - link-background-hover: $accent; - link-color-hover: $text; + link-background-hover: $primary; + link-color-hover: $foreground; link-style-hover: bold not underline; } .toast--title { text-style: bold; + color: $foreground; } Toast.-information { @@ -65,7 +65,7 @@ class Toast(Static, inherit_css=False): } Toast.-information .toast--title { - color: $success-darken-1; + color: $text-success; } Toast.-warning { @@ -73,7 +73,7 @@ class Toast(Static, inherit_css=False): } Toast.-warning .toast--title { - color: $warning-darken-1; + color: $text-warning; } Toast.-error { @@ -81,7 +81,7 @@ class Toast(Static, inherit_css=False): } Toast.-error .toast--title { - color: $error-darken-1; + color: $text-error; } """ diff --git a/src/textual/widgets/_toggle_button.py b/src/textual/widgets/_toggle_button.py index 94e12a010a..95727e5698 100644 --- a/src/textual/widgets/_toggle_button.py +++ b/src/textual/widgets/_toggle_button.py @@ -55,57 +55,74 @@ class ToggleButton(Static, can_focus=True): DEFAULT_CSS = """ ToggleButton { width: auto; - border: tall transparent; + border: tall $border-blurred; padding: 0 1; - background: $boost; - } - - ToggleButton:focus { - border: tall $accent; - } - - ToggleButton:hover { - text-style: bold; - background: $boost; - } + background: $surface; + + & > .toggle--button { + color: $surface-darken-1; + background: $panel; + } + + &.-on > .toggle--button { + color: $success; + background: $panel; + } + + &:focus { + border: tall $border; + background-tint: $foreground 5%; + & > .toggle--label { + color: $block-cursor-foreground; + background: $block-cursor-background; + text-style: $block-cursor-text-style; + } + & > .toggle--button { + background: $panel-lighten-1; + } + &:hover { + & > .toggle--label { + background: $block-cursor-background; + } + } + } + + &:hover { + & > .toggle--label { + background: $block-hover-background; + } + } - ToggleButton:focus > .toggle--label { - text-style: underline; } - /* Base button colors (including in dark mode). */ + /* Base button colors (including in dark themes). */ ToggleButton > .toggle--button { - color: $background; - text-style: bold; + text-style: $block-cursor-text-style; background: $foreground 15%; } - ToggleButton:focus > .toggle--button { - background: $foreground 25%; - } - - ToggleButton.-on > .toggle--button { - color: $success; - } ToggleButton.-on:focus > .toggle--button { background: $foreground 25%; } - /* Light mode overrides. */ - - ToggleButton:light > .toggle--button { - color: $background; - background: $foreground 10%; - } - - ToggleButton:light:focus > .toggle--button { - background: $foreground 25%; - } - - ToggleButton:light.-on > .toggle--button { - color: $primary; + /* Light theme overrides. */ + ToggleButton:light { + color: $text; + & > .toggle--button { + color: $background; + background: $foreground 10%; + } + &:focus > .toggle--button { + background: $foreground 25%; + } + &.-on > .toggle--button { + color: $success; + } + &.-on:focus > .toggle--button { + color: $success-darken-1; + } } """ # TODO: https://github.com/Textualize/textual/issues/1780 @@ -189,13 +206,6 @@ def _button(self) -> Text: # Grab the button style. button_style = self.get_component_rich_style("toggle--button") - # If the button is off, we're going to do a bit of a switcharound to - # make it look like it's a "cutout". - if not self.value: - button_style += Style.from_color( - self.background_colors[1].rich_color, button_style.bgcolor - ) - # Building the style for the side characters. Note that this is # sensitive to the type of character used, so pay attention to # BUTTON_LEFT and BUTTON_RIGHT. @@ -217,9 +227,7 @@ def render(self) -> RenderResult: """ button = self._button label = self._label.copy() - label.stylize_before( - self.get_component_rich_style("toggle--label", partial=True) - ) + label.stylize_before(self.get_component_rich_style("toggle--label")) spacer = " " if label else "" return Text.assemble( *( diff --git a/src/textual/widgets/_tooltip.py b/src/textual/widgets/_tooltip.py index 2b5b0440c0..b4247a326a 100644 --- a/src/textual/widgets/_tooltip.py +++ b/src/textual/widgets/_tooltip.py @@ -9,7 +9,7 @@ class Tooltip(Static, inherit_css=False): layer: _tooltips; margin: 1 0; padding: 1 2; - background: $background; + background: $panel; width: auto; height: auto; constrain: inside inflect; diff --git a/src/textual/widgets/_tree.py b/src/textual/widgets/_tree.py index f73dd8515c..afda7a707c 100644 --- a/src/textual/widgets/_tree.py +++ b/src/textual/widgets/_tree.py @@ -581,70 +581,67 @@ class Tree(Generic[TreeDataType], ScrollView, can_focus=True): DEFAULT_CSS = """ Tree { - background: $panel; - color: $text; + background: $surface; + color: $foreground; - & > .tree--label { - - } + & > .tree--label {} & > .tree--guides { - color: $success-darken-3; + color: $surface-lighten-2; } & > .tree--guides-hover { - color: $success; - text-style: bold; + color: $surface-lighten-2; } & > .tree--guides-selected { - color: $warning; - text-style: bold; + color: $block-cursor-blurred-background; } & > .tree--cursor { - background: $secondary-darken-2; - color: $text; - text-style: bold; - } - &:focus > .tree--cursor { - background: $secondary; - } - & > .tree--highlight { - text-style: underline; + text-style: $block-cursor-blurred-text-style; + background: $block-cursor-blurred-background; } + & > .tree--highlight {} & > .tree--highlight-line { - background: $boost; + background: $block-hover-background; } - &.-ansi { - background: ansi_default; - color: ansi_default; + &:focus { + background-tint: $foreground 5%; + & > .tree--cursor { + color: $block-cursor-foreground; + background: $block-cursor-background; + text-style: $block-cursor-text-style; + } & > .tree--guides { - color: green; + color: $surface-lighten-3; } & > .tree--guides-hover { - color: ansi_blue; - + color: $surface-lighten-3; } & > .tree--guides-selected { - color: ansi_bright_blue; - + color: $block-cursor-background; } - & > .tree--cursor { - background: ansi_bright_blue; - color: ansi_default; - text-style: none; + } + + &:light { + /* In light mode the guides are darker*/ + & > .tree--guides { + color: $surface-darken-1; } - &:nocolor > .tree--cursor{ - text-style: reverse; + & > .tree--guides-hover { + color: $block-cursor-background; } - &:focus > .tree--cursor { - background: ansi_bright_blue; + & > .tree--guides-selected { + color: $block-cursor-background; } - & > .tree--highlight { - text-style: underline; + } + + &:ansi { + color: ansi_default; + & > .tree--guides { + color: ansi_green; } - & > .tree--highlight-line { - background: ansi_default; + &:nocolor > .tree--cursor{ + text-style: reverse; } - } } diff --git a/src/textual/widgets/_welcome.py b/src/textual/widgets/_welcome.py index b67c49099d..9967768afa 100644 --- a/src/textual/widgets/_welcome.py +++ b/src/textual/widgets/_welcome.py @@ -41,8 +41,7 @@ class Welcome(Static): Welcome Container { padding: 1; - background: $panel; - color: $text; + color: $foreground; } Welcome #text { diff --git a/tests/footer/test_footer.py b/tests/footer/test_footer.py index d4ed2d59f8..2016451c04 100644 --- a/tests/footer/test_footer.py +++ b/tests/footer/test_footer.py @@ -20,7 +20,7 @@ class TestWidget(Widget, can_focus=True): content-align: center middle; &:focus { - border: tall $accent; + border: tall $secondary; } } """ diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_alignment_containers.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_alignment_containers.svg index d4d1abf605..adce7b3c3b 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_alignment_containers.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_alignment_containers.svg @@ -19,139 +19,139 @@ font-weight: 700; } - .terminal-1827861245-matrix { + .terminal-1477630577-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1827861245-title { + .terminal-1477630577-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1827861245-r1 { fill: #cad1d6 } -.terminal-1827861245-r2 { fill: #7ae998 } -.terminal-1827861245-r3 { fill: #c5c8c6 } -.terminal-1827861245-r4 { fill: #4ebf71;font-weight: bold } -.terminal-1827861245-r5 { fill: #008139 } -.terminal-1827861245-r6 { fill: #e3dbce } -.terminal-1827861245-r7 { fill: #e1e1e1 } -.terminal-1827861245-r8 { fill: #e76580 } -.terminal-1827861245-r9 { fill: #f5e5e9;font-weight: bold } -.terminal-1827861245-r10 { fill: #780028 } + .terminal-1477630577-r1 { fill: #c9d5de } +.terminal-1477630577-r2 { fill: #7ae998 } +.terminal-1477630577-r3 { fill: #c5c8c6 } +.terminal-1477630577-r4 { fill: #55c076;font-weight: bold } +.terminal-1477630577-r5 { fill: #008139 } +.terminal-1477630577-r6 { fill: #e3dacd } +.terminal-1477630577-r7 { fill: #e0e0e0 } +.terminal-1477630577-r8 { fill: #e76580 } +.terminal-1477630577-r9 { fill: #f5e5e9 } +.terminal-1477630577-r10 { fill: #780028 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - AlignContainersApp + AlignContainersApp - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - center  -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - - - - - - - - - -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - middle  -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - - - - - - - - + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + center  +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + + + + + + +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + middle  +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_ansi_color_mapping[False].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_ansi_color_mapping[False].svg deleted file mode 100644 index cee95d69f7..0000000000 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_ansi_color_mapping[False].svg +++ /dev/null @@ -1,166 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - AnsiMappingApp - - - - - - - - - - Foreground & background                                                          -red -dim red -green -dim green -yellow -dim yellow -blue -dim blue -magenta -dim magenta -cyan -dim cyan -white -dim white -black -dim black - - - - - - - - - - diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_ansi_color_mapping[True].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_ansi_color_mapping[True].svg deleted file mode 100644 index 884440ba70..0000000000 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_ansi_color_mapping[True].svg +++ /dev/null @@ -1,164 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - AnsiMappingApp - - - - - - - - - - Foreground & background                                                          -red -dim red -green -dim green -yellow -dim yellow -blue -dim blue -magenta -dim magenta -cyan -dim cyan -white -dim white -black -dim black - - - - - - - - - - diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_ansi_color_mapping[textual-dark].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_ansi_color_mapping[textual-dark].svg new file mode 100644 index 0000000000..ee81a27da1 --- /dev/null +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_ansi_color_mapping[textual-dark].svg @@ -0,0 +1,164 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + AnsiMappingApp + + + + + + + + + + Foreground & background                                                          +red +dim red +green +dim green +yellow +dim yellow +blue +dim blue +magenta +dim magenta +cyan +dim cyan +white +dim white +black +dim black + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_ansi_color_mapping[textual-light].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_ansi_color_mapping[textual-light].svg new file mode 100644 index 0000000000..a0f3fd75e7 --- /dev/null +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_ansi_color_mapping[textual-light].svg @@ -0,0 +1,166 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + AnsiMappingApp + + + + + + + + + + Foreground & background                                                          +red +dim red +green +dim green +yellow +dim yellow +blue +dim blue +magenta +dim magenta +cyan +dim cyan +white +dim white +black +dim black + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_ansi_command_palette.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_ansi_command_palette.svg index d3bfa672c5..da79f4f62f 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_ansi_command_palette.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_ansi_command_palette.svg @@ -19,143 +19,144 @@ font-weight: 700; } - .terminal-1668212009-matrix { + .terminal-1079827712-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1668212009-title { + .terminal-1079827712-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1668212009-r1 { fill: #8a4346 } -.terminal-1668212009-r2 { fill: #868887 } -.terminal-1668212009-r3 { fill: #6b546f } -.terminal-1668212009-r4 { fill: #c5c8c6 } -.terminal-1668212009-r5 { fill: #292929 } -.terminal-1668212009-r6 { fill: #004578 } -.terminal-1668212009-r7 { fill: #00ff00 } -.terminal-1668212009-r8 { fill: #000000 } -.terminal-1668212009-r9 { fill: #1e1e1e } -.terminal-1668212009-r10 { fill: #60686f } -.terminal-1668212009-r11 { fill: #dddfe0 } -.terminal-1668212009-r12 { fill: #dddfe0;font-weight: bold } -.terminal-1668212009-r13 { fill: #848b90 } + .terminal-1079827712-r1 { fill: #8a4346 } +.terminal-1079827712-r2 { fill: #868887 } +.terminal-1079827712-r3 { fill: #6b546f } +.terminal-1079827712-r4 { fill: #e0e0e0 } +.terminal-1079827712-r5 { fill: #292929 } +.terminal-1079827712-r6 { fill: #c5c8c6 } +.terminal-1079827712-r7 { fill: #0178d4 } +.terminal-1079827712-r8 { fill: #00ff00 } +.terminal-1079827712-r9 { fill: #000000 } +.terminal-1079827712-r10 { fill: #8d8d8d } +.terminal-1079827712-r11 { fill: #7e8486 } +.terminal-1079827712-r12 { fill: #141f27 } +.terminal-1079827712-r13 { fill: #191919 } +.terminal-1079827712-r14 { fill: #868686 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - CommandPaletteApp + CommandPaletteApp - - - - RedMagentaRedMagentaRedMagentaRedMagentaRedMagentaRedMagentaRed -MagentaRedMagentaRedMagentaRedMagentaRedMagentaRedMagentaRed -MagentaRedMagentaRedMagentaRedMagentaRedMagentaRedMagentaRed -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - -🔎Search for commands… - - -  Quit the application                                                           -Quit the application as soon as possible -  Save screenshot                                                                -Save an SVG 'screenshot' of the current screen -  Show keys and help panel                                                       -Show help for the focused widget and a summary of available keys -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ -MagentaRedMagentaRedMagentaRedMagentaRedMagentaRedMagentaRed -MagentaRedMagentaRedMagentaRedMagentaRedMagentaRedMagentaRed -MagentaRedMagentaRedMagentaRedMagentaRedMagentaRedMagentaRed -MagentaRedMagentaRedMagentaRedMagentaRedMagentaRedMagentaRed -MagentaRedMagentaRedMagentaRedMagentaRedMagentaRedMagentaRed -MagentaRedMagentaRedMagentaRedMagentaRedMagentaRedMagentaRed -MagentaRedMagentaRedMagentaRedMagentaRedMagentaRedMagentaRed -MagentaRedMagentaRedMagentaRedMagentaRedMagentaRedMagentaRed -MagentaRedMagentaRedMagentaRedMagentaRedMagentaRedMagentaRed + + + + RedMagentaRedMagentaRedMagentaRedMagentaRedMagentaRedMagentaRed +MagentaRedMagentaRedMagentaRedMagentaRedMagentaRedMagentaRed +MagentaRedMagentaRedMagentaRedMagentaRedMagentaRedMagentaRed +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + +🔎Search for commands… + +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ +  Quit the application                                                         +Quit the application as soon as possible +  Save screenshot                                                              +Save an SVG 'screenshot' of the current screen +  Show keys and help panel                                                     +Show help for the focused widget and a summary of available keys +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ +MagentaRedMagentaRedMagentaRedMagentaRedMagentaRedMagentaRed +MagentaRedMagentaRedMagentaRedMagentaRedMagentaRedMagentaRed +MagentaRedMagentaRedMagentaRedMagentaRedMagentaRedMagentaRed +MagentaRedMagentaRedMagentaRedMagentaRedMagentaRedMagentaRed +MagentaRedMagentaRedMagentaRedMagentaRedMagentaRedMagentaRed +MagentaRedMagentaRedMagentaRedMagentaRedMagentaRedMagentaRed +MagentaRedMagentaRedMagentaRedMagentaRedMagentaRedMagentaRed +MagentaRedMagentaRedMagentaRedMagentaRedMagentaRedMagentaRed +MagentaRedMagentaRedMagentaRedMagentaRedMagentaRedMagentaRed diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_app_blur.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_app_blur.svg index 7d21a45769..f063da5765 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_app_blur.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_app_blur.svg @@ -19,134 +19,133 @@ font-weight: 700; } - .terminal-625927252-matrix { + .terminal-3772043974-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-625927252-title { + .terminal-3772043974-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-625927252-r1 { fill: #e1e1e1 } -.terminal-625927252-r2 { fill: #c5c8c6 } -.terminal-625927252-r3 { fill: #1e1e1e } -.terminal-625927252-r4 { fill: #121212 } -.terminal-625927252-r5 { fill: #e2e2e2 } + .terminal-3772043974-r1 { fill: #e0e0e0 } +.terminal-3772043974-r2 { fill: #c5c8c6 } +.terminal-3772043974-r3 { fill: #121212 } +.terminal-3772043974-r4 { fill: #191919 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - AppBlurApp + AppBlurApp - - - - - - - - - - - -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -This should be the blur style      -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -This should also be the blur style -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - - - - - - - - + + + + + + + + + + + +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +This should be the blur style      +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +This should also be the blur style +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_app_focus_style.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_app_focus_style.svg index 79cdfbd91a..81b4aef655 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_app_focus_style.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_app_focus_style.svg @@ -19,133 +19,132 @@ font-weight: 700; } - .terminal-1705976361-matrix { + .terminal-1754273062-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1705976361-title { + .terminal-1754273062-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1705976361-r1 { fill: #e1e1e1 } -.terminal-1705976361-r2 { fill: #c5c8c6 } -.terminal-1705976361-r3 { fill: #004578 } -.terminal-1705976361-r4 { fill: #e2e3e3 } + .terminal-1754273062-r1 { fill: #e0e0e0 } +.terminal-1754273062-r2 { fill: #c5c8c6 } +.terminal-1754273062-r3 { fill: #0178d4 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - FocusApp + FocusApp - - - - -┌───────────┐ - -BLURRED - -└───────────┘ - - - - - - - - - - - - - - - - - + + + + +┌───────────┐ + +BLURRED + +└───────────┘ + + + + + + + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_app_search_opens_and_displays_search_list.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_app_search_opens_and_displays_search_list.svg new file mode 100644 index 0000000000..a4853d650d --- /dev/null +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_app_search_opens_and_displays_search_list.svg @@ -0,0 +1,156 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + SearchApp + + + + + + + + + + Search Commands                                                                  + + +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + +🔎b + + +bar                                                                            +baz                                                                            +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + + + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_auto_fr.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_auto_fr.svg index caa65f18f4..68bf266f46 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_auto_fr.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_auto_fr.svg @@ -19,141 +19,140 @@ font-weight: 700; } - .terminal-3141096165-matrix { + .terminal-3624987906-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3141096165-title { + .terminal-3624987906-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3141096165-r1 { fill: #00ffff } -.terminal-3141096165-r2 { fill: #c5c8c6 } -.terminal-3141096165-r3 { fill: #e1e1e1 } -.terminal-3141096165-r4 { fill: #008000 } -.terminal-3141096165-r5 { fill: #ff0000 } -.terminal-3141096165-r6 { fill: #e1e1e1;font-weight: bold } -.terminal-3141096165-r7 { fill: #dde6ed } + .terminal-3624987906-r1 { fill: #00ffff } +.terminal-3624987906-r2 { fill: #c5c8c6 } +.terminal-3624987906-r3 { fill: #e0e0e0 } +.terminal-3624987906-r4 { fill: #008000 } +.terminal-3624987906-r5 { fill: #ff0000 } +.terminal-3624987906-r6 { fill: #e0e0e0;font-weight: bold } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - FRApp + FRApp - - - - ┌──────────────────────────────────────────────────────────────────────────────┐ -┌────────────────────────────┐ -Hello one line               -┌──────────────────────────┐ -Widget#child - - - - - - - - - - - - - -└──────────────────────────┘ - -Two -Lines with 1x2 margin - -└────────────────────────────┘ -└──────────────────────────────────────────────────────────────────────────────┘ + + + + ┌──────────────────────────────────────────────────────────────────────────────┐ +┌────────────────────────────┐ +Hello one line               +┌──────────────────────────┐ +Widget#child + + + + + + + + + + + + + +└──────────────────────────┘ + +Two +Lines with 1x2 margin + +└────────────────────────────┘ +└──────────────────────────────────────────────────────────────────────────────┘ diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_auto_grid.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_auto_grid.svg index 2deb324d80..fb1cc8b74e 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_auto_grid.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_auto_grid.svg @@ -19,136 +19,135 @@ font-weight: 700; } - .terminal-33602368-matrix { + .terminal-3017971061-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-33602368-title { + .terminal-3017971061-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-33602368-r1 { fill: #008000 } -.terminal-33602368-r2 { fill: #c5c8c6 } -.terminal-33602368-r3 { fill: #e1e1e1 } -.terminal-33602368-r4 { fill: #1e1e1e } -.terminal-33602368-r5 { fill: #121212 } -.terminal-33602368-r6 { fill: #e2e2e2 } + .terminal-3017971061-r1 { fill: #008000 } +.terminal-3017971061-r2 { fill: #c5c8c6 } +.terminal-3017971061-r3 { fill: #e0e0e0 } +.terminal-3017971061-r4 { fill: #121212 } +.terminal-3017971061-r5 { fill: #191919 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - GridApp + GridApp - - - - ┌──────────────────────────────────────────────────────────────────────────────┐ -foo         ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ -Longer label▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ -└──────────────────────────────────────────────────────────────────────────────┘ -┌──────────────────────────────────────────────────────────────────────────────┐ -foo▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ -Longer label▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ -└──────────────────────────────────────────────────────────────────────────────┘ -┌──────────────────────────────────────────────────────────────────────────────┐ -foo bar foo bar foo bar foo ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -bar foo bar foo bar foo bar  -foo bar foo bar foo bar ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ -Longer label                  ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ -└──────────────────────────────────────────────────────────────────────────────┘ + + + + ┌──────────────────────────────────────────────────────────────────────────────┐ +foo         ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ +Longer label▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ +└──────────────────────────────────────────────────────────────────────────────┘ +┌──────────────────────────────────────────────────────────────────────────────┐ +foo▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ +Longer label▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ +└──────────────────────────────────────────────────────────────────────────────┘ +┌──────────────────────────────────────────────────────────────────────────────┐ +foo bar foo bar foo bar foo ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +bar foo bar foo bar foo bar  +foo bar foo bar foo bar ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ +Longer label                  ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ +└──────────────────────────────────────────────────────────────────────────────┘ diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_auto_grid_default_height.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_auto_grid_default_height.svg index d7fcfbdf18..3a12f52a47 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_auto_grid_default_height.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_auto_grid_default_height.svg @@ -19,138 +19,135 @@ font-weight: 700; } - .terminal-3709062841-matrix { + .terminal-2386001005-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3709062841-title { + .terminal-2386001005-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3709062841-r1 { fill: #c5c8c6 } -.terminal-3709062841-r2 { fill: #e3e3e3 } -.terminal-3709062841-r3 { fill: #e1e1e1 } -.terminal-3709062841-r4 { fill: #ff0000 } -.terminal-3709062841-r5 { fill: #fea62b;font-weight: bold } -.terminal-3709062841-r6 { fill: #a7a9ab } -.terminal-3709062841-r7 { fill: #e2e3e3 } -.terminal-3709062841-r8 { fill: #4c5055 } + .terminal-2386001005-r1 { fill: #c5c8c6 } +.terminal-2386001005-r2 { fill: #e0e0e0 } +.terminal-2386001005-r3 { fill: #ff0000 } +.terminal-2386001005-r4 { fill: #ffa62b;font-weight: bold } +.terminal-2386001005-r5 { fill: #495259 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - GridHeightAuto + GridHeightAuto - - - - GridHeightAuto -Here is some text before the grid                                                -┌──────────────────────────────────────────────────────────────────────────────┐ -Cell #0                   Cell #1                   Cell #2                    -Cell #3                   Cell #4                   Cell #5                    -Cell #6                   Cell #7                   Cell #8                    -└──────────────────────────────────────────────────────────────────────────────┘ -Here is some text after the grid                                                 - - - - - - - - - - - - - - - - g Grid  v Vertical  h Horizontal  c Container ^p palette + + + + GridHeightAuto +Here is some text before the grid                                                +┌──────────────────────────────────────────────────────────────────────────────┐ +Cell #0                   Cell #1                   Cell #2                    +Cell #3                   Cell #4                   Cell #5                    +Cell #6                   Cell #7                   Cell #8                    +└──────────────────────────────────────────────────────────────────────────────┘ +Here is some text after the grid                                                 + + + + + + + + + + + + + + + + g Grid  v Vertical  h Horizontal  c Container                      ^p palette diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_auto_height_scrollbar.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_auto_height_scrollbar.svg index 66041863f1..6aad89c92c 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_auto_height_scrollbar.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_auto_height_scrollbar.svg @@ -19,137 +19,136 @@ font-weight: 700; } - .terminal-4291222395-matrix { + .terminal-3308769726-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-4291222395-title { + .terminal-3308769726-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-4291222395-r1 { fill: #e1e1e1 } -.terminal-4291222395-r2 { fill: #c5c8c6 } -.terminal-4291222395-r3 { fill: #ffffff } -.terminal-4291222395-r4 { fill: #dde6ed;font-weight: bold } -.terminal-4291222395-r5 { fill: #211505 } -.terminal-4291222395-r6 { fill: #1e1e1e } -.terminal-4291222395-r7 { fill: #23568b } -.terminal-4291222395-r8 { fill: #dde6ed } + .terminal-3308769726-r1 { fill: #e0e0e0 } +.terminal-3308769726-r2 { fill: #c5c8c6 } +.terminal-3308769726-r3 { fill: #ffffff } +.terminal-3308769726-r4 { fill: #e0e0e0;font-weight: bold } +.terminal-3308769726-r5 { fill: #ddedf9;font-weight: bold } +.terminal-3308769726-r6 { fill: #1e1e1e } +.terminal-3308769726-r7 { fill: #242f38 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - ExampleApp + ExampleApp - - - - automatic scrollbar                                                              -┌──────────────────────────────────────────────────────────────────────────────┐ - Column 1                                                                      - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo - -└──────────────────────────────────────────────────────────────────────────────┘ -no automatic scrollbar                                                           -┌──────────────────────────────────────────────────────────────────────────────┐ - Column 1  Column 2  - Paul      Jessica   -└──────────────────────────────────────────────────────────────────────────────┘ - - - - - - - - - - - - + + + + automatic scrollbar                                                              +┌──────────────────────────────────────────────────────────────────────────────┐ + Column 1                                                                      + Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo + +└──────────────────────────────────────────────────────────────────────────────┘ +no automatic scrollbar                                                           +┌──────────────────────────────────────────────────────────────────────────────┐ + Column 1  Column 2  + Paul      Jessica   +└──────────────────────────────────────────────────────────────────────────────┘ + + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_auto_tab_active.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_auto_tab_active.svg index 0d1ef0520c..10104aa940 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_auto_tab_active.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_auto_tab_active.svg @@ -19,144 +19,141 @@ font-weight: 700; } - .terminal-304540857-matrix { + .terminal-3272714694-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-304540857-title { + .terminal-3272714694-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-304540857-r1 { fill: #c5c8c6 } -.terminal-304540857-r2 { fill: #e1e1e1 } -.terminal-304540857-r3 { fill: #f4005f } -.terminal-304540857-r4 { fill: #98e024;font-weight: bold } -.terminal-304540857-r5 { fill: #323232 } -.terminal-304540857-r6 { fill: #0178d4 } -.terminal-304540857-r7 { fill: #98e024 } -.terminal-304540857-r8 { fill: #7ae998 } -.terminal-304540857-r9 { fill: #4ebf71;font-weight: bold } -.terminal-304540857-r10 { fill: #008139 } -.terminal-304540857-r11 { fill: #fea62b;font-weight: bold } -.terminal-304540857-r12 { fill: #a7a9ab } -.terminal-304540857-r13 { fill: #e2e3e3 } -.terminal-304540857-r14 { fill: #4c5055 } + .terminal-3272714694-r1 { fill: #e0e0e0 } +.terminal-3272714694-r2 { fill: #c5c8c6 } +.terminal-3272714694-r3 { fill: #f4005f } +.terminal-3272714694-r4 { fill: #98e024 } +.terminal-3272714694-r5 { fill: #262626 } +.terminal-3272714694-r6 { fill: #0178d4 } +.terminal-3272714694-r7 { fill: #7ae998 } +.terminal-3272714694-r8 { fill: #55c076;font-weight: bold } +.terminal-3272714694-r9 { fill: #008139 } +.terminal-3272714694-r10 { fill: #ffa62b;font-weight: bold } +.terminal-3272714694-r11 { fill: #495259 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - ExampleApp + ExampleApp - - - - -Parent 1Parent 2 -━━━━━━━━━━━━╸━━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - -Child 2.1Child 2.2 -━━━━━━━━━━━━━╸━━━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - Button 2.2  -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - - - - - - - - - - - - - space Focus button 2.2 ^p palette + + + + Parent 1Parent 2 +━━━━━━━━━━━━╸━━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ +Child 2.1Child 2.2 +━━━━━━━━━━━━━╸━━━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + Button 2.2  +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + + + + + + + + + + + + + + space Focus button 2.2                                             ^p palette diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_auto_table.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_auto_table.svg index eff538f1ce..9a438d682f 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_auto_table.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_auto_table.svg @@ -19,203 +19,203 @@ font-weight: 700; } - .terminal-691658502-matrix { + .terminal-546274821-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-691658502-title { + .terminal-546274821-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-691658502-r1 { fill: #c5c8c6 } -.terminal-691658502-r2 { fill: #e3e3e3 } -.terminal-691658502-r3 { fill: #004578 } -.terminal-691658502-r4 { fill: #e1e1e1 } -.terminal-691658502-r5 { fill: #632ca6 } -.terminal-691658502-r6 { fill: #dde6ed;font-weight: bold } -.terminal-691658502-r7 { fill: #1e1e1e } -.terminal-691658502-r8 { fill: #14191f } -.terminal-691658502-r9 { fill: #23568b } + .terminal-546274821-r1 { fill: #c5c8c6 } +.terminal-546274821-r2 { fill: #e0e0e0 } +.terminal-546274821-r3 { fill: #0178d4 } +.terminal-546274821-r4 { fill: #632ca6 } +.terminal-546274821-r5 { fill: #e0e0e0;font-weight: bold } +.terminal-546274821-r6 { fill: #1e1e1e } +.terminal-546274821-r7 { fill: #000000 } +.terminal-546274821-r8 { fill: #121212 } +.terminal-546274821-r9 { fill: #242f38 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - MyApp + MyApp - - - - MyApp -╭──────────────────╮╭──────────────────────────────────────────────────────────────────────────────────────────────────╮ -ok                ││test                                                                                               -╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍││╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍ -││╭─ 0 ────────────────────────────────────────╮╭─ 1 ────────────────────────────────────────╮╭─ 2 ─│ -│││││││ -│││ Foo       Bar         Baz                ││ Foo       Bar         Baz                ││ Foo  -│││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCD -│││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCD -│││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCD -│││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCD -│││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCD -│││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCD -│││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCD -│││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCD -│││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCD -│││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCD -│││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCD -│││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCD -│││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCD -│││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCD -│││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCD -│││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCD -│││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCD -│││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ▁▁││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ▁▁││ ABCD -│││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCD -│││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCD -│││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCD -│││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCD -│││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCD -│││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCD -│││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCD -│││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCD -│││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCD -│││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCD -│││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCD -│││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCD -││╰────────────────────────────────────────────╯╰────────────────────────────────────────────╯╰─────│ -││ -╰──────────────────╯╰──────────────────────────────────────────────────────────────────────────────────────────────────╯ + + + + MyApp +╭──────────────────╮╭──────────────────────────────────────────────────────────────────────────────────────────────────╮ +ok                ││test                                                                                               +╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍││╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍ +││╭─ 0 ────────────────────────────────────────╮╭─ 1 ────────────────────────────────────────╮╭─ 2 ─│ +│││││││ +│││ Foo       Bar         Baz                ││ Foo       Bar         Baz                ││ Foo  +│││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCD +│││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCD +│││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCD +│││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCD +│││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCD +│││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCD +│││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCD +│││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCD +│││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCD +│││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCD +│││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCD +│││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCD +│││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCD +│││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCD +│││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCD +│││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCD +│││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCD +│││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ▁▁││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ▁▁││ ABCD +│││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCD +│││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCD +│││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCD +│││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCD +│││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCD +│││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCD +│││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCD +│││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCD +│││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCD +│││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCD +│││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCD +│││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXYZ ││ ABCD +││╰────────────────────────────────────────────╯╰────────────────────────────────────────────╯╰─────│ +││ +╰──────────────────╯╰──────────────────────────────────────────────────────────────────────────────────────────────────╯ diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_auto_width_input.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_auto_width_input.svg index 4830da7676..f724c40f2f 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_auto_width_input.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_auto_width_input.svg @@ -19,140 +19,136 @@ font-weight: 700; } - .terminal-896659546-matrix { + .terminal-1403116696-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-896659546-title { + .terminal-1403116696-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-896659546-r1 { fill: #c5c8c6 } -.terminal-896659546-r2 { fill: #e3e3e3 } -.terminal-896659546-r3 { fill: #1e1e1e } -.terminal-896659546-r4 { fill: #0178d4 } -.terminal-896659546-r5 { fill: #e1e1e1 } -.terminal-896659546-r6 { fill: #e2e2e2 } -.terminal-896659546-r7 { fill: #e2e3e3 } -.terminal-896659546-r8 { fill: #4c5055 } -.terminal-896659546-r9 { fill: #fea62b;font-weight: bold } -.terminal-896659546-r10 { fill: #a7a9ab } + .terminal-1403116696-r1 { fill: #c5c8c6 } +.terminal-1403116696-r2 { fill: #e0e0e0 } +.terminal-1403116696-r3 { fill: #121212 } +.terminal-1403116696-r4 { fill: #0178d4 } +.terminal-1403116696-r5 { fill: #495259 } +.terminal-1403116696-r6 { fill: #ffa62b;font-weight: bold } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - InputWidthAutoApp + InputWidthAutoApp - - - - InputWidthAutoApp -▔▔▔▔▔▔▔▔▔▔ -Hello -▁▁▁▁▁▁▁▁▁▁ - - - - - - - - - - - - - - - - - - - -^p palette + + + + InputWidthAutoApp +▔▔▔▔▔▔▔▔▔▔ +Hello +▁▁▁▁▁▁▁▁▁▁ + + + + + + + + + + + + + + + + + + + +^p palette diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_background_tint.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_background_tint.svg index e37daad3d7..b092dc62cd 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_background_tint.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_background_tint.svg @@ -19,134 +19,131 @@ font-weight: 700; } - .terminal-3859065499-matrix { + .terminal-2260509821-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3859065499-title { + .terminal-2260509821-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3859065499-r1 { fill: #e4e4ee } -.terminal-3859065499-r2 { fill: #c5c8c6 } -.terminal-3859065499-r3 { fill: #e4e2ec } -.terminal-3859065499-r4 { fill: #e4e0ea } -.terminal-3859065499-r5 { fill: #e4dde8 } + .terminal-2260509821-r1 { fill: #e0e0e0 } +.terminal-2260509821-r2 { fill: #c5c8c6 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - BackgroundTintApp + BackgroundTintApp - + - - 0%                                                                               - - - - - -33%                                                                              - - - - - -66%                                                                              - - - - - -100%                                                                             - - - - + + 0%                                                                               + + + + + +33%                                                                              + + + + + +66%                                                                              + + + + + +100%                                                                             + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_big_buttons.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_big_buttons.svg index 5a76dffcd2..46cb1431fa 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_big_buttons.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_big_buttons.svg @@ -19,135 +19,134 @@ font-weight: 700; } - .terminal-4093147427-matrix { + .terminal-504785275-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-4093147427-title { + .terminal-504785275-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-4093147427-r1 { fill: #454a50 } -.terminal-4093147427-r2 { fill: #e1e1e1 } -.terminal-4093147427-r3 { fill: #c5c8c6 } -.terminal-4093147427-r4 { fill: #24292f;font-weight: bold } -.terminal-4093147427-r5 { fill: #000000 } -.terminal-4093147427-r6 { fill: #e2e3e3;font-weight: bold } + .terminal-504785275-r1 { fill: #2d2d2d } +.terminal-504785275-r2 { fill: #e0e0e0 } +.terminal-504785275-r3 { fill: #c5c8c6 } +.terminal-504785275-r4 { fill: #272727;font-weight: bold } +.terminal-504785275-r5 { fill: #0d0d0d } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - ButtonApp + ButtonApp - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - - - - Hello  - - - -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - - - Hello  - World !!  - - - -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - - - - - + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + + + + Hello  + + + +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + + + Hello  + World !!  + + + +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_bind_override.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_bind_override.svg index a18d750bde..c19241fa39 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_bind_override.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_bind_override.svg @@ -19,140 +19,138 @@ font-weight: 700; } - .terminal-1834988790-matrix { + .terminal-1286298759-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1834988790-title { + .terminal-1286298759-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1834988790-r1 { fill: #008000 } -.terminal-1834988790-r2 { fill: #c5c8c6 } -.terminal-1834988790-r3 { fill: #e1e1e1 } -.terminal-1834988790-r4 { fill: #1e1e1e } -.terminal-1834988790-r5 { fill: #262626 } -.terminal-1834988790-r6 { fill: #e2e2e2 } -.terminal-1834988790-r7 { fill: #fea62b;font-weight: bold } -.terminal-1834988790-r8 { fill: #a7a9ab } -.terminal-1834988790-r9 { fill: #e2e3e3 } -.terminal-1834988790-r10 { fill: #4c5055 } + .terminal-1286298759-r1 { fill: #008000 } +.terminal-1286298759-r2 { fill: #c5c8c6 } +.terminal-1286298759-r3 { fill: #e0e0e0 } +.terminal-1286298759-r4 { fill: #121212 } +.terminal-1286298759-r5 { fill: #191919 } +.terminal-1286298759-r6 { fill: #1e1e1e } +.terminal-1286298759-r7 { fill: #ffa62b;font-weight: bold } +.terminal-1286298759-r8 { fill: #495259 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - BindApp + BindApp - - - - ┌──────────────────────────────────────────────────────────────────────────────┐ -MyWidget - - -└──────────────────────────────────────────────────────────────────────────────┘ -▔▔▔▔▔▔▔▔ - -▁▁▁▁▁▁▁▁ - - - - - - - - - - - - - - - - space Bell (Widget)  a widget  b widget  c app ^p palette + + + + ┌──────────────────────────────────────────────────────────────────────────────┐ +MyWidget + + +└──────────────────────────────────────────────────────────────────────────────┘ +▔▔▔▔▔▔▔▔ + +▁▁▁▁▁▁▁▁ + + + + + + + + + + + + + + + + space Bell (Widget)  a widget  b widget  c app                     ^p palette diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_bindings_screen_overrides_show.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_bindings_screen_overrides_show.svg index c9add5c566..2c5fcd570c 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_bindings_screen_overrides_show.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_bindings_screen_overrides_show.svg @@ -19,136 +19,134 @@ font-weight: 700; } - .terminal-1311978254-matrix { + .terminal-2966741613-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1311978254-title { + .terminal-2966741613-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1311978254-r1 { fill: #e1e1e1 } -.terminal-1311978254-r2 { fill: #c5c8c6 } -.terminal-1311978254-r3 { fill: #fea62b;font-weight: bold } -.terminal-1311978254-r4 { fill: #a7a9ab } -.terminal-1311978254-r5 { fill: #e2e3e3 } -.terminal-1311978254-r6 { fill: #4c5055 } + .terminal-2966741613-r1 { fill: #e0e0e0 } +.terminal-2966741613-r2 { fill: #c5c8c6 } +.terminal-2966741613-r3 { fill: #ffa62b;font-weight: bold } +.terminal-2966741613-r4 { fill: #495259 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - HideBindingApp + HideBindingApp - - - - - - - - - - - - - - - - - - - - - - - - - - - p Binding shown ^p palette + + + + + + + + + + + + + + + + + + + + + + + + + + + p Binding shown                                                    ^p palette diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_blur_on_disabled.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_blur_on_disabled.svg index e4bf18e73c..263ddecee2 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_blur_on_disabled.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_blur_on_disabled.svg @@ -19,134 +19,134 @@ font-weight: 700; } - .terminal-2658976077-matrix { + .terminal-938783234-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2658976077-title { + .terminal-938783234-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2658976077-r1 { fill: #1e1e1e } -.terminal-2658976077-r2 { fill: #171717 } -.terminal-2658976077-r3 { fill: #c5c8c6 } -.terminal-2658976077-r4 { fill: #a7a7a7 } -.terminal-2658976077-r5 { fill: #e1e1e1 } + .terminal-938783234-r1 { fill: #121212 } +.terminal-938783234-r2 { fill: #141414 } +.terminal-938783234-r3 { fill: #c5c8c6 } +.terminal-938783234-r4 { fill: #a2a2a2 } +.terminal-938783234-r5 { fill: #e0e0e0 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - BlurApp + BlurApp - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -foo                                                                        -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - - - - - - - - - - - - - - - - - - - - + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +foo                                                                        +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + + + + + + + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_border_alpha.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_border_alpha.svg index 1843e17b1e..3a1dc2017e 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_border_alpha.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_border_alpha.svg @@ -19,137 +19,137 @@ font-weight: 700; } - .terminal-29072690-matrix { + .terminal-3439428772-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-29072690-title { + .terminal-3439428772-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-29072690-r1 { fill: #1e1e1e } -.terminal-29072690-r2 { fill: #c5c8c6 } -.terminal-29072690-r3 { fill: #e1e1e1 } -.terminal-29072690-r4 { fill: #183118 } -.terminal-29072690-r5 { fill: #124512 } -.terminal-29072690-r6 { fill: #0c580c } -.terminal-29072690-r7 { fill: #066c06 } -.terminal-29072690-r8 { fill: #008000 } + .terminal-3439428772-r1 { fill: #121212 } +.terminal-3439428772-r2 { fill: #c5c8c6 } +.terminal-3439428772-r3 { fill: #e0e0e0 } +.terminal-3439428772-r4 { fill: #0e280e } +.terminal-3439428772-r5 { fill: #0a3e0a } +.terminal-3439428772-r6 { fill: #075407 } +.terminal-3439428772-r7 { fill: #036a03 } +.terminal-3439428772-r8 { fill: #008000 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - BorderAlphaApp + BorderAlphaApp - - - - ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓ - -┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛ -┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓ - -┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛ -┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓ - -┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛ -┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓ - -┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛ -┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓ - -┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛ -┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓ - -┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛ - - - - - + + + + ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓ + +┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛ +┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓ + +┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛ +┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓ + +┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛ +┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓ + +┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛ +┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓ + +┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛ +┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓ + +┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛ + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_button_outline.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_button_outline.svg index 5c810d08e7..906fd93f1b 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_button_outline.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_button_outline.svg @@ -19,133 +19,132 @@ font-weight: 700; } - .terminal-1229229535-matrix { + .terminal-1524924108-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1229229535-title { + .terminal-1524924108-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1229229535-r1 { fill: #ffffff } -.terminal-1229229535-r2 { fill: #e1e1e1 } -.terminal-1229229535-r3 { fill: #c5c8c6 } -.terminal-1229229535-r4 { fill: #e2e3e3;font-weight: bold } + .terminal-1524924108-r1 { fill: #ffffff } +.terminal-1524924108-r2 { fill: #e0e0e0 } +.terminal-1524924108-r3 { fill: #c5c8c6 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - ButtonIssue + ButtonIssue - - - - ┌──────────────┐ - Test  -└──────────────┘ - - - - - - - - - - - - - - - - - - - - + + + + ┌──────────────┐ + Test  +└──────────────┘ + + + + + + + + + + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_button_widths.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_button_widths.svg index eabd05e04a..26c05f5ed4 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_button_widths.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_button_widths.svg @@ -19,136 +19,135 @@ font-weight: 700; } - .terminal-3701416180-matrix { + .terminal-2982546164-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3701416180-title { + .terminal-2982546164-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3701416180-r1 { fill: #ff0000 } -.terminal-3701416180-r2 { fill: #e1e1e1 } -.terminal-3701416180-r3 { fill: #c5c8c6 } -.terminal-3701416180-r4 { fill: #454a50 } -.terminal-3701416180-r5 { fill: #24292f;font-weight: bold } -.terminal-3701416180-r6 { fill: #000000 } -.terminal-3701416180-r7 { fill: #e2e3e3;font-weight: bold } + .terminal-2982546164-r1 { fill: #ff0000 } +.terminal-2982546164-r2 { fill: #e0e0e0 } +.terminal-2982546164-r3 { fill: #c5c8c6 } +.terminal-2982546164-r4 { fill: #2d2d2d } +.terminal-2982546164-r5 { fill: #272727;font-weight: bold } +.terminal-2982546164-r6 { fill: #0d0d0d } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - HorizontalWidthAutoApp + HorizontalWidthAutoApp - - - - ┌────────────────────────────┐ -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - This is a very wide button  -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ -└────────────────────────────┘ -┌────────────────────────────────────────────────────────┐ -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - This is a very wide button  This is a very wide button  -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ -└────────────────────────────────────────────────────────┘ - - - - - - - - - - - - - + + + + ┌────────────────────────────┐ +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + This is a very wide button  +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ +└────────────────────────────┘ +┌────────────────────────────────────────────────────────┐ +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + This is a very wide button  This is a very wide button  +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ +└────────────────────────────────────────────────────────┘ + + + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_button_with_console_markup.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_button_with_console_markup.svg index c508a18efd..132c462303 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_button_with_console_markup.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_button_with_console_markup.svg @@ -19,141 +19,140 @@ font-weight: 700; } - .terminal-3060571111-matrix { + .terminal-1272216583-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3060571111-title { + .terminal-1272216583-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3060571111-r1 { fill: #454a50 } -.terminal-3060571111-r2 { fill: #e1e1e1 } -.terminal-3060571111-r3 { fill: #c5c8c6 } -.terminal-3060571111-r4 { fill: #24292f;font-weight: bold } -.terminal-3060571111-r5 { fill: #24292f;font-weight: bold;font-style: italic; } -.terminal-3060571111-r6 { fill: #000000 } -.terminal-3060571111-r7 { fill: #e2e3e3;font-weight: bold } -.terminal-3060571111-r8 { fill: #f4005f;font-weight: bold;font-style: italic; } -.terminal-3060571111-r9 { fill: #303336 } -.terminal-3060571111-r10 { fill: #a7a7a7;font-weight: bold } -.terminal-3060571111-r11 { fill: #620909;font-weight: bold;font-style: italic; } -.terminal-3060571111-r12 { fill: #0f0f0f } + .terminal-1272216583-r1 { fill: #2d2d2d } +.terminal-1272216583-r2 { fill: #e0e0e0 } +.terminal-1272216583-r3 { fill: #c5c8c6 } +.terminal-1272216583-r4 { fill: #272727;font-weight: bold } +.terminal-1272216583-r5 { fill: #272727;font-weight: bold;font-style: italic; } +.terminal-1272216583-r6 { fill: #0d0d0d } +.terminal-1272216583-r7 { fill: #f4005f;font-style: italic; } +.terminal-1272216583-r8 { fill: #1e1e1e } +.terminal-1272216583-r9 { fill: #a2a2a2 } +.terminal-1272216583-r10 { fill: #5f0505;font-style: italic; } +.terminal-1272216583-r11 { fill: #0f0f0f } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - ButtonsWithMarkupApp + ButtonsWithMarkupApp - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -Focused Button  -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -Blurred Button  -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -Disabled Button  -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - - - - - - - - - - - - - - + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +Focused Button  +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +Blurred Button  +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +Disabled Button  +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_button_with_multiline_label.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_button_with_multiline_label.svg index cc5bf41bb9..5c5479962f 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_button_with_multiline_label.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_button_with_multiline_label.svg @@ -19,134 +19,134 @@ font-weight: 700; } - .terminal-4065186018-matrix { + .terminal-1423164176-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-4065186018-title { + .terminal-1423164176-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-4065186018-r1 { fill: #454a50 } -.terminal-4065186018-r2 { fill: #e1e1e1 } -.terminal-4065186018-r3 { fill: #c5c8c6 } -.terminal-4065186018-r4 { fill: #24292f;font-weight: bold } -.terminal-4065186018-r5 { fill: #000000 } + .terminal-1423164176-r1 { fill: #2d2d2d } +.terminal-1423164176-r2 { fill: #e0e0e0 } +.terminal-1423164176-r3 { fill: #c5c8c6 } +.terminal-1423164176-r4 { fill: #272727;font-weight: bold } +.terminal-1423164176-r5 { fill: #0d0d0d } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - ButtonWithMultilineLabelApp + ButtonWithMultilineLabelApp - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - Button  - with  - multi-line  - label  -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - - - - - - - - - - - - - - - - - + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + Button  + with  + multi-line  + label  +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + + + + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_buttons_render.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_buttons_render.svg index 4e3191c0bd..0b04376d4e 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_buttons_render.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_buttons_render.svg @@ -19,162 +19,162 @@ font-weight: 700; } - .terminal-1520326498-matrix { + .terminal-157291153-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1520326498-title { + .terminal-157291153-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1520326498-r1 { fill: #e1e1e1 } -.terminal-1520326498-r2 { fill: #c5c8c6 } -.terminal-1520326498-r3 { fill: #e1e1e1;font-weight: bold } -.terminal-1520326498-r4 { fill: #454a50 } -.terminal-1520326498-r5 { fill: #303336 } -.terminal-1520326498-r6 { fill: #24292f;font-weight: bold } -.terminal-1520326498-r7 { fill: #a7a7a7;font-weight: bold } -.terminal-1520326498-r8 { fill: #000000 } -.terminal-1520326498-r9 { fill: #0f0f0f } -.terminal-1520326498-r10 { fill: #507bb3 } -.terminal-1520326498-r11 { fill: #364b66 } -.terminal-1520326498-r12 { fill: #dde6ed;font-weight: bold } -.terminal-1520326498-r13 { fill: #a5a9ac;font-weight: bold } -.terminal-1520326498-r14 { fill: #001541 } -.terminal-1520326498-r15 { fill: #0f192e } -.terminal-1520326498-r16 { fill: #7ae998 } -.terminal-1520326498-r17 { fill: #4a8159 } -.terminal-1520326498-r18 { fill: #0a180e;font-weight: bold } -.terminal-1520326498-r19 { fill: #0e1510;font-weight: bold } -.terminal-1520326498-r20 { fill: #008139 } -.terminal-1520326498-r21 { fill: #0f4e2a } -.terminal-1520326498-r22 { fill: #ffcf56 } -.terminal-1520326498-r23 { fill: #8b7439 } -.terminal-1520326498-r24 { fill: #211505;font-weight: bold } -.terminal-1520326498-r25 { fill: #19140c;font-weight: bold } -.terminal-1520326498-r26 { fill: #b86b00 } -.terminal-1520326498-r27 { fill: #68430f } -.terminal-1520326498-r28 { fill: #e76580 } -.terminal-1520326498-r29 { fill: #80404d } -.terminal-1520326498-r30 { fill: #f5e5e9;font-weight: bold } -.terminal-1520326498-r31 { fill: #b0a8aa;font-weight: bold } -.terminal-1520326498-r32 { fill: #780028 } -.terminal-1520326498-r33 { fill: #4a0f22 } + .terminal-157291153-r1 { fill: #e0e0e0 } +.terminal-157291153-r2 { fill: #c5c8c6 } +.terminal-157291153-r3 { fill: #e0e0e0;font-weight: bold } +.terminal-157291153-r4 { fill: #2d2d2d } +.terminal-157291153-r5 { fill: #1e1e1e } +.terminal-157291153-r6 { fill: #272727;font-weight: bold } +.terminal-157291153-r7 { fill: #a2a2a2 } +.terminal-157291153-r8 { fill: #0d0d0d } +.terminal-157291153-r9 { fill: #0f0f0f } +.terminal-157291153-r10 { fill: #6db2ff } +.terminal-157291153-r11 { fill: #3e6085 } +.terminal-157291153-r12 { fill: #ddedf9 } +.terminal-157291153-r13 { fill: #a0a8ae } +.terminal-157291153-r14 { fill: #004295 } +.terminal-157291153-r15 { fill: #082951 } +.terminal-157291153-r16 { fill: #7ae998 } +.terminal-157291153-r17 { fill: #447b53 } +.terminal-157291153-r18 { fill: #0a180e } +.terminal-157291153-r19 { fill: #0a120c } +.terminal-157291153-r20 { fill: #008139 } +.terminal-157291153-r21 { fill: #084724 } +.terminal-157291153-r22 { fill: #ffcf56 } +.terminal-157291153-r23 { fill: #856e32 } +.terminal-157291153-r24 { fill: #211505 } +.terminal-157291153-r25 { fill: #150f08 } +.terminal-157291153-r26 { fill: #b86b00 } +.terminal-157291153-r27 { fill: #633d08 } +.terminal-157291153-r28 { fill: #e76580 } +.terminal-157291153-r29 { fill: #7a3a47 } +.terminal-157291153-r30 { fill: #f5e5e9 } +.terminal-157291153-r31 { fill: #aca4a6 } +.terminal-157291153-r32 { fill: #780028 } +.terminal-157291153-r33 { fill: #43081c } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - ButtonsApp + ButtonsApp - - - - -Standard ButtonsDisabled Buttons - -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - Default  Default  -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - Primary!  Primary!  -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - Success!  Success!  -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - Warning!  Warning!  -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - Error!  Error!  -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - + + + + +Standard ButtonsDisabled Buttons + +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + Default  Default  +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + Primary!  Primary!  +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + Success!  Success!  +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + Warning!  Warning!  +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + Error!  Error!  +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_check_consume_keys.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_check_consume_keys.svg index 95fffc8f35..c54c85b73f 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_check_consume_keys.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_check_consume_keys.svg @@ -19,142 +19,140 @@ font-weight: 700; } - .terminal-1837619731-matrix { + .terminal-856343534-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1837619731-title { + .terminal-856343534-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1837619731-r1 { fill: #1e1e1e } -.terminal-1837619731-r2 { fill: #0178d4 } -.terminal-1837619731-r3 { fill: #c5c8c6 } -.terminal-1837619731-r4 { fill: #787878 } -.terminal-1837619731-r5 { fill: #e2e2e2 } -.terminal-1837619731-r6 { fill: #121212 } -.terminal-1837619731-r7 { fill: #e1e1e1 } -.terminal-1837619731-r8 { fill: #262626 } -.terminal-1837619731-r9 { fill: #e2e3e3 } -.terminal-1837619731-r10 { fill: #4c5055 } -.terminal-1837619731-r11 { fill: #fea62b;font-weight: bold } -.terminal-1837619731-r12 { fill: #a7a9ab } + .terminal-856343534-r1 { fill: #121212 } +.terminal-856343534-r2 { fill: #0178d4 } +.terminal-856343534-r3 { fill: #c5c8c6 } +.terminal-856343534-r4 { fill: #797979 } +.terminal-856343534-r5 { fill: #e0e0e0 } +.terminal-856343534-r6 { fill: #191919 } +.terminal-856343534-r7 { fill: #737373 } +.terminal-856343534-r8 { fill: #1e1e1e } +.terminal-856343534-r9 { fill: #495259 } +.terminal-856343534-r10 { fill: #ffa62b;font-weight: bold } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - MyApp + MyApp - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -First Name -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -Last Name -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ -▔▔▔▔▔▔▔▔ - -▁▁▁▁▁▁▁▁ - - - - - - - - - - - - - - -^p palette + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +First Name +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +Last Name +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ +▔▔▔▔▔▔▔▔ + +▁▁▁▁▁▁▁▁ + + + + + + + + + + + + + + +^p palette diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_checkbox_example.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_checkbox_example.svg index 1c7c619a4c..64e0b6f8c1 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_checkbox_example.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_checkbox_example.svg @@ -19,145 +19,145 @@ font-weight: 700; } - .terminal-2974566302-matrix { + .terminal-900808757-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2974566302-title { + .terminal-900808757-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2974566302-r1 { fill: #e1e1e1 } -.terminal-2974566302-r2 { fill: #c5c8c6 } -.terminal-2974566302-r3 { fill: #1e1e1e } -.terminal-2974566302-r4 { fill: #262626 } -.terminal-2974566302-r5 { fill: #e2e2e2 } -.terminal-2974566302-r6 { fill: #4a4a4a } -.terminal-2974566302-r7 { fill: #2e2e2e;font-weight: bold } -.terminal-2974566302-r8 { fill: #e3e3e3 } -.terminal-2974566302-r9 { fill: #e3e3e3;font-weight: bold } -.terminal-2974566302-r10 { fill: #f4005f } -.terminal-2974566302-r11 { fill: #4ebf71;font-weight: bold } -.terminal-2974566302-r12 { fill: #0178d4 } -.terminal-2974566302-r13 { fill: #14191f } -.terminal-2974566302-r14 { fill: #5d5d5d } -.terminal-2974566302-r15 { fill: #e3e3e3;text-decoration: underline; } + .terminal-900808757-r1 { fill: #e0e0e0 } +.terminal-900808757-r2 { fill: #c5c8c6 } +.terminal-900808757-r3 { fill: #121212 } +.terminal-900808757-r4 { fill: #1b1b1b } +.terminal-900808757-r5 { fill: #191919 } +.terminal-900808757-r6 { fill: #3b3b3b } +.terminal-900808757-r7 { fill: #0d0d0d;font-weight: bold } +.terminal-900808757-r8 { fill: #e0e0e0;font-weight: bold } +.terminal-900808757-r9 { fill: #f4005f } +.terminal-900808757-r10 { fill: #242f38 } +.terminal-900808757-r11 { fill: #4ebf71;font-weight: bold } +.terminal-900808757-r12 { fill: #0178d4 } +.terminal-900808757-r13 { fill: #000000 } +.terminal-900808757-r14 { fill: #343f49 } +.terminal-900808757-r15 { fill: #ddedf9;font-weight: bold } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - CheckboxApp + CheckboxApp - - - - - -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -X Arrakis 😓 -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ -▔▔▔▔▔▔▔▔▔▔▔▔▔ -X Caladan -▁▁▁▁▁▁▁▁▁▁▁▁▁ -▔▔▔▔▔▔▔▔▔▔▔▔ -X Chusuk -▁▁▁▁▁▁▁▁▁▁▁▁ -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -XGiedi Prime -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ -▔▔▔▔▔▔▔▔▔▔▔ -XGinaz -▁▁▁▁▁▁▁▁▁▁▁ -▔▔▔▔▔▔▔▔▔▔▔▔▔ -X Grumman -▁▁▁▁▁▁▁▁▁▁▁▁▁ -▔▔▔▔▔▔▔▔▔▔▔▔▔▃▃ -XKaitain -▁▁▁▁▁▁▁▁▁▁▁▁▁ -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + + + + + +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +X Arrakis 😓 +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ +▔▔▔▔▔▔▔▔▔▔▔▔▔ +X Caladan +▁▁▁▁▁▁▁▁▁▁▁▁▁ +▔▔▔▔▔▔▔▔▔▔▔▔ +X Chusuk +▁▁▁▁▁▁▁▁▁▁▁▁ +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +XGiedi Prime +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ +▔▔▔▔▔▔▔▔▔▔▔ +XGinaz +▁▁▁▁▁▁▁▁▁▁▁ +▔▔▔▔▔▔▔▔▔▔▔▔▔ +X Grumman +▁▁▁▁▁▁▁▁▁▁▁▁▁ +▔▔▔▔▔▔▔▔▔▔▔▔▔▃▃ +XKaitain +▁▁▁▁▁▁▁▁▁▁▁▁▁ +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_collapsible_collapsed.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_collapsible_collapsed.svg index b56de7bb0b..6512d6a7b5 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_collapsible_collapsed.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_collapsible_collapsed.svg @@ -19,139 +19,136 @@ font-weight: 700; } - .terminal-1462435144-matrix { + .terminal-4000973141-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1462435144-title { + .terminal-4000973141-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1462435144-r1 { fill: #121212 } -.terminal-1462435144-r2 { fill: #c5c8c6 } -.terminal-1462435144-r3 { fill: #ddedf9 } -.terminal-1462435144-r4 { fill: #e2e2e2 } -.terminal-1462435144-r5 { fill: #e1e1e1 } -.terminal-1462435144-r6 { fill: #fea62b;font-weight: bold } -.terminal-1462435144-r7 { fill: #a7a9ab } -.terminal-1462435144-r8 { fill: #e2e3e3 } -.terminal-1462435144-r9 { fill: #4c5055 } + .terminal-4000973141-r1 { fill: #121212 } +.terminal-4000973141-r2 { fill: #c5c8c6 } +.terminal-4000973141-r3 { fill: #ddedf9;font-weight: bold } +.terminal-4000973141-r4 { fill: #e0e0e0 } +.terminal-4000973141-r5 { fill: #ffa62b;font-weight: bold } +.terminal-4000973141-r6 { fill: #495259 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - CollapsibleApp + CollapsibleApp - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -▶ Leto - -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -▶ Jessica - -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -▶ Paul - - - - - - - - - - - - - - - - c Collapse All  e Expand All ^p palette + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +▶ Leto + +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +▶ Jessica + +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +▶ Paul + + + + + + + + + + + + + + + + c Collapse All  e Expand All                                       ^p palette diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_collapsible_custom_symbol.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_collapsible_custom_symbol.svg index 12ecbf8a5f..e0134ab440 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_collapsible_custom_symbol.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_collapsible_custom_symbol.svg @@ -19,134 +19,133 @@ font-weight: 700; } - .terminal-693385943-matrix { + .terminal-3000680649-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-693385943-title { + .terminal-3000680649-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-693385943-r1 { fill: #121212 } -.terminal-693385943-r2 { fill: #c5c8c6 } -.terminal-693385943-r3 { fill: #ddedf9 } -.terminal-693385943-r4 { fill: #e2e2e2 } -.terminal-693385943-r5 { fill: #e1e1e1 } + .terminal-3000680649-r1 { fill: #121212 } +.terminal-3000680649-r2 { fill: #c5c8c6 } +.terminal-3000680649-r3 { fill: #ddedf9;font-weight: bold } +.terminal-3000680649-r4 { fill: #e0e0e0 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - CollapsibleApp + CollapsibleApp - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ ->>> Togglev Toggle - -Hello, world.                        - - - - - - - - - - - - - - - - - - - + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +>>> Togglev Toggle + +Hello, world.                        + + + + + + + + + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_collapsible_expanded.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_collapsible_expanded.svg index 7051555a72..d51b5e5048 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_collapsible_expanded.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_collapsible_expanded.svg @@ -19,141 +19,137 @@ font-weight: 700; } - .terminal-3191182536-matrix { + .terminal-2759809645-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3191182536-title { + .terminal-2759809645-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3191182536-r1 { fill: #c5c8c6 } -.terminal-3191182536-r2 { fill: #e1e1e1 } -.terminal-3191182536-r3 { fill: #121212 } -.terminal-3191182536-r4 { fill: #e2e2e2 } -.terminal-3191182536-r5 { fill: #23568b } -.terminal-3191182536-r6 { fill: #1e1e1e } -.terminal-3191182536-r7 { fill: #4ebf71;font-weight: bold } -.terminal-3191182536-r8 { fill: #fea62b;font-weight: bold } -.terminal-3191182536-r9 { fill: #a7a9ab } -.terminal-3191182536-r10 { fill: #e2e3e3 } -.terminal-3191182536-r11 { fill: #4c5055 } + .terminal-2759809645-r1 { fill: #c5c8c6 } +.terminal-2759809645-r2 { fill: #e0e0e0 } +.terminal-2759809645-r3 { fill: #121212 } +.terminal-2759809645-r4 { fill: #242f38 } +.terminal-2759809645-r5 { fill: #0178d4;font-weight: bold } +.terminal-2759809645-r6 { fill: #ffa62b;font-weight: bold } +.terminal-2759809645-r7 { fill: #495259 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - CollapsibleApp + CollapsibleApp - - - - -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -▼ Jessica - -▂▂ - -Lady Jessica - -  Bene Gesserit and concubine of Leto, and mother of Paul and Alia. - - - -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -▼ Paul - - - -Paul Atreides - -  Son of Leto and Jessica. - - - - c Collapse All  e Expand All ^p palette + + + + +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +▼ Jessica + +▂▂ + +Lady Jessica + +Bene Gesserit and concubine of Leto, and mother of Paul and Alia. + + + +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +▼ Paul + + + +Paul Atreides + +Son of Leto and Jessica. + + + + c Collapse All  e Expand All                                     ^p palette diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_collapsible_nested.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_collapsible_nested.svg index 2a4926be45..f9782b7b28 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_collapsible_nested.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_collapsible_nested.svg @@ -19,135 +19,133 @@ font-weight: 700; } - .terminal-2781425159-matrix { + .terminal-2534034254-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2781425159-title { + .terminal-2534034254-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2781425159-r1 { fill: #121212 } -.terminal-2781425159-r2 { fill: #c5c8c6 } -.terminal-2781425159-r3 { fill: #ddedf9 } -.terminal-2781425159-r4 { fill: #e2e2e2 } -.terminal-2781425159-r5 { fill: #e3e3e3 } -.terminal-2781425159-r6 { fill: #e1e1e1 } + .terminal-2534034254-r1 { fill: #121212 } +.terminal-2534034254-r2 { fill: #c5c8c6 } +.terminal-2534034254-r3 { fill: #ddedf9;font-weight: bold } +.terminal-2534034254-r4 { fill: #e0e0e0 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - CollapsibleApp + CollapsibleApp - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -▼ Toggle - -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -▶ Toggle - - - - - - - - - - - - - - - - - - + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +▼ Toggle + +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +▶ Toggle + + + + + + + + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_collapsible_render.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_collapsible_render.svg index 4e6d5e263e..0fb19ac7e8 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_collapsible_render.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_collapsible_render.svg @@ -19,140 +19,137 @@ font-weight: 700; } - .terminal-4256359261-matrix { + .terminal-1109546557-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-4256359261-title { + .terminal-1109546557-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-4256359261-r1 { fill: #121212 } -.terminal-4256359261-r2 { fill: #c5c8c6 } -.terminal-4256359261-r3 { fill: #ddedf9 } -.terminal-4256359261-r4 { fill: #e2e2e2 } -.terminal-4256359261-r5 { fill: #4ebf71;font-weight: bold } -.terminal-4256359261-r6 { fill: #e1e1e1 } -.terminal-4256359261-r7 { fill: #fea62b;font-weight: bold } -.terminal-4256359261-r8 { fill: #a7a9ab } -.terminal-4256359261-r9 { fill: #e2e3e3 } -.terminal-4256359261-r10 { fill: #4c5055 } + .terminal-1109546557-r1 { fill: #121212 } +.terminal-1109546557-r2 { fill: #c5c8c6 } +.terminal-1109546557-r3 { fill: #ddedf9;font-weight: bold } +.terminal-1109546557-r4 { fill: #e0e0e0 } +.terminal-1109546557-r5 { fill: #0178d4;font-weight: bold } +.terminal-1109546557-r6 { fill: #ffa62b;font-weight: bold } +.terminal-1109546557-r7 { fill: #495259 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - CollapsibleApp + CollapsibleApp - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -▼ Leto - -# Duke Leto I Atreides - -Head of House Atreides.                                                      - -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -▼ Jessica - - - -Lady Jessica - -  Bene Gesserit and concubine of Leto, and mother of Paul and Alia. - - - -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -▶ Paul - - - - c Collapse All  e Expand All ^p palette + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +▼ Leto + +# Duke Leto I Atreides + +Head of House Atreides.                                                      + +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +▼ Jessica + + + +Lady Jessica + +Bene Gesserit and concubine of Leto, and mother of Paul and Alia. + + + +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +▶ Paul + + + + c Collapse All  e Expand All                                       ^p palette diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_columns_height.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_columns_height.svg index c165ee6fe4..01d33e3341 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_columns_height.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_columns_height.svg @@ -19,133 +19,133 @@ font-weight: 700; } - .terminal-4204346594-matrix { + .terminal-673638422-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-4204346594-title { + .terminal-673638422-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-4204346594-r1 { fill: #ff0000 } -.terminal-4204346594-r2 { fill: #c5c8c6 } -.terminal-4204346594-r3 { fill: #008000 } -.terminal-4204346594-r4 { fill: #e1e1e1 } + .terminal-673638422-r1 { fill: #ff0000 } +.terminal-673638422-r2 { fill: #c5c8c6 } +.terminal-673638422-r3 { fill: #008000 } +.terminal-673638422-r4 { fill: #e0e0e0 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - HeightApp + HeightApp - - - - ┌──────────────────────────────────────────────────────────────────────────────┐ -┌────────────────────┐┌────────────────┐┌──────────────────────┐ -As tall as container││This has default││I have a static height -││height││ -││but a││ -││few lines││ -│└────────────────┘│ - - - - - - - - - -└────────────────────┘└──────────────────────┘ -└──────────────────────────────────────────────────────────────────────────────┘ - - - - - + + + + ┌──────────────────────────────────────────────────────────────────────────────┐ +┌────────────────────┐┌────────────────┐┌──────────────────────┐ +As tall as container││This has default││I have a static height +││height││ +││but a││ +││few lines││ +│└────────────────┘│ + + + + + + + + + +└────────────────────┘└──────────────────────┘ +└──────────────────────────────────────────────────────────────────────────────┘ + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_command_palette.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_command_palette.svg index 95166b66ea..0815e57e3b 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_command_palette.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_command_palette.svg @@ -19,138 +19,137 @@ font-weight: 700; } - .terminal-3948438059-matrix { + .terminal-375849393-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3948438059-title { + .terminal-375849393-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3948438059-r1 { fill: #646464 } -.terminal-3948438059-r2 { fill: #c5c8c6 } -.terminal-3948438059-r3 { fill: #004578 } -.terminal-3948438059-r4 { fill: #dfe1e2 } -.terminal-3948438059-r5 { fill: #00ff00 } -.terminal-3948438059-r6 { fill: #000000 } -.terminal-3948438059-r7 { fill: #1e1e1e } -.terminal-3948438059-r8 { fill: #dfe1e2;font-weight: bold } -.terminal-3948438059-r9 { fill: #fea62b;font-weight: bold } + .terminal-375849393-r1 { fill: #646464 } +.terminal-375849393-r2 { fill: #c5c8c6 } +.terminal-375849393-r3 { fill: #0178d4 } +.terminal-375849393-r4 { fill: #e0e0e0 } +.terminal-375849393-r5 { fill: #00ff00 } +.terminal-375849393-r6 { fill: #000000 } +.terminal-375849393-r7 { fill: #121212 } +.terminal-375849393-r8 { fill: #fea62b;font-weight: bold } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - CommandPaletteApp + CommandPaletteApp - - - - - - -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - -🔎A - - -  This is a test of this code 9                                                  -  This is a test of this code 8                                                  -  This is a test of this code 7                                                  -  This is a test of this code 6                                                  -  This is a test of this code 5                                                  -  This is a test of this code 4                                                  -  This is a test of this code 3                                                  -  This is a test of this code 2                                                  -  This is a test of this code 1                                                  -  This is a test of this code 0                                                  -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - - - - + + + + + + +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + +🔎A + + +  This is a test of this code 9                                                  +  This is a test of this code 8                                                  +  This is a test of this code 7                                                  +  This is a test of this code 6                                                  +  This is a test of this code 5                                                  +  This is a test of this code 4                                                  +  This is a test of this code 3                                                  +  This is a test of this code 2                                                  +  This is a test of this code 1                                                  +  This is a test of this code 0                                                  +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_command_palette_discovery.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_command_palette_discovery.svg index 3727fb2fb6..85cbac8aef 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_command_palette_discovery.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_command_palette_discovery.svg @@ -19,138 +19,137 @@ font-weight: 700; } - .terminal-3950137090-matrix { + .terminal-3680050477-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3950137090-title { + .terminal-3680050477-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3950137090-r1 { fill: #646464 } -.terminal-3950137090-r2 { fill: #c5c8c6 } -.terminal-3950137090-r3 { fill: #004578 } -.terminal-3950137090-r4 { fill: #dfe1e2 } -.terminal-3950137090-r5 { fill: #00ff00 } -.terminal-3950137090-r6 { fill: #000000 } -.terminal-3950137090-r7 { fill: #1e1e1e } -.terminal-3950137090-r8 { fill: #697278 } -.terminal-3950137090-r9 { fill: #dfe1e2;font-weight: bold } + .terminal-3680050477-r1 { fill: #646464 } +.terminal-3680050477-r2 { fill: #c5c8c6 } +.terminal-3680050477-r3 { fill: #0178d4 } +.terminal-3680050477-r4 { fill: #e0e0e0 } +.terminal-3680050477-r5 { fill: #00ff00 } +.terminal-3680050477-r6 { fill: #000000 } +.terminal-3680050477-r7 { fill: #121212 } +.terminal-3680050477-r8 { fill: #6d7479 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - CommandPaletteApp + CommandPaletteApp - - - - - - -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - -🔎Search for commands… - - -  This is a test of this code 0                                                  -  This is a test of this code 1                                                  -  This is a test of this code 2                                                  -  This is a test of this code 3                                                  -  This is a test of this code 4                                                  -  This is a test of this code 5                                                  -  This is a test of this code 6                                                  -  This is a test of this code 7                                                  -  This is a test of this code 8                                                  -  This is a test of this code 9                                                  -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - - - - + + + + + + +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + +🔎Search for commands… + + +  This is a test of this code 0                                                  +  This is a test of this code 1                                                  +  This is a test of this code 2                                                  +  This is a test of this code 3                                                  +  This is a test of this code 4                                                  +  This is a test of this code 5                                                  +  This is a test of this code 6                                                  +  This is a test of this code 7                                                  +  This is a test of this code 8                                                  +  This is a test of this code 9                                                  +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_command_palette_dismiss_escape.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_command_palette_dismiss_escape.svg index 7b427fa736..8965c69f00 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_command_palette_dismiss_escape.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_command_palette_dismiss_escape.svg @@ -19,131 +19,131 @@ font-weight: 700; } - .terminal-1600172249-matrix { + .terminal-67740577-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1600172249-title { + .terminal-67740577-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1600172249-r1 { fill: #e1e1e1 } -.terminal-1600172249-r2 { fill: #c5c8c6 } + .terminal-67740577-r1 { fill: #e0e0e0 } +.terminal-67740577-r2 { fill: #c5c8c6 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - CPApp + CPApp - - - - Command palette test app                                                         - - - - - - - - - - - - - - - - - - - - - - + + + + Command palette test app                                                         + + + + + + + + + + + + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_command_palette_dismiss_escape_no_results.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_command_palette_dismiss_escape_no_results.svg index 7b427fa736..8965c69f00 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_command_palette_dismiss_escape_no_results.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_command_palette_dismiss_escape_no_results.svg @@ -19,131 +19,131 @@ font-weight: 700; } - .terminal-1600172249-matrix { + .terminal-67740577-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1600172249-title { + .terminal-67740577-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1600172249-r1 { fill: #e1e1e1 } -.terminal-1600172249-r2 { fill: #c5c8c6 } + .terminal-67740577-r1 { fill: #e0e0e0 } +.terminal-67740577-r2 { fill: #c5c8c6 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - CPApp + CPApp - - - - Command palette test app                                                         - - - - - - - - - - - - - - - - - - - - - - + + + + Command palette test app                                                         + + + + + + + + + + + + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_command_palette_key_change.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_command_palette_key_change.svg index 9da9db84a4..d55638ed44 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_command_palette_key_change.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_command_palette_key_change.svg @@ -19,136 +19,134 @@ font-weight: 700; } - .terminal-229419081-matrix { + .terminal-4132084552-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-229419081-title { + .terminal-4132084552-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-229419081-r1 { fill: #e1e1e1 } -.terminal-229419081-r2 { fill: #c5c8c6 } -.terminal-229419081-r3 { fill: #e2e3e3 } -.terminal-229419081-r4 { fill: #4c5055 } -.terminal-229419081-r5 { fill: #fea62b;font-weight: bold } -.terminal-229419081-r6 { fill: #a7a9ab } + .terminal-4132084552-r1 { fill: #e0e0e0 } +.terminal-4132084552-r2 { fill: #c5c8c6 } +.terminal-4132084552-r3 { fill: #495259 } +.terminal-4132084552-r4 { fill: #ffa62b;font-weight: bold } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - NewPaletteBindingApp + NewPaletteBindingApp - - - - - - - - - - - - - - - - - - - - - - - - - - -ctrl+\ palette + + + + + + + + + + + + + + + + + + + + + + + + + + +ctrl+\ palette diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_content_switcher_example_initial.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_content_switcher_example_initial.svg index 4d9cce465e..379e15097f 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_content_switcher_example_initial.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_content_switcher_example_initial.svg @@ -19,140 +19,136 @@ font-weight: 700; } - .terminal-3862623007-matrix { + .terminal-2952163013-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3862623007-title { + .terminal-2952163013-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3862623007-r1 { fill: #c5c8c6 } -.terminal-3862623007-r2 { fill: #e1e1e1 } -.terminal-3862623007-r3 { fill: #454a50 } -.terminal-3862623007-r4 { fill: #24292f;font-weight: bold } -.terminal-3862623007-r5 { fill: #e2e3e3;font-weight: bold } -.terminal-3862623007-r6 { fill: #000000 } -.terminal-3862623007-r7 { fill: #004578 } -.terminal-3862623007-r8 { fill: #dde6ed;font-weight: bold } -.terminal-3862623007-r9 { fill: #dde6ed } -.terminal-3862623007-r10 { fill: #211505 } -.terminal-3862623007-r11 { fill: #e2e3e3 } + .terminal-2952163013-r1 { fill: #c5c8c6 } +.terminal-2952163013-r2 { fill: #e0e0e0 } +.terminal-2952163013-r3 { fill: #2d2d2d } +.terminal-2952163013-r4 { fill: #272727;font-weight: bold } +.terminal-2952163013-r5 { fill: #0d0d0d } +.terminal-2952163013-r6 { fill: #0178d4 } +.terminal-2952163013-r7 { fill: #e0e0e0;font-weight: bold } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - ContentSwitcherApp + ContentSwitcherApp - - - - -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - DataTable  Markdown  -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ -╭────────────────────────────────────────────────────────────────────╮ - Book                                 Year  - Dune                                 1965  - Dune Messiah                         1969  - Children of Dune                     1976  - God Emperor of Dune                  1981  - Heretics of Dune                     1984  - Chapterhouse: Dune                   1985  - - - - - - - - - - -╰────────────────────────────────────────────────────────────────────╯ + + + + +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + DataTable  Markdown  +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ +╭────────────────────────────────────────────────────────────────────╮ + Book                                 Year  + Dune                                 1965  + Dune Messiah                         1969  + Children of Dune                     1976  + God Emperor of Dune                  1981  + Heretics of Dune                     1984  + Chapterhouse: Dune                   1985  + + + + + + + + + + +╰────────────────────────────────────────────────────────────────────╯ diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_content_switcher_example_switch.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_content_switcher_example_switch.svg index 72d171cfca..c973729295 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_content_switcher_example_switch.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_content_switcher_example_switch.svg @@ -19,243 +19,242 @@ font-weight: 700; } - .terminal-337890275-matrix { + .terminal-4173401871-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-337890275-title { + .terminal-4173401871-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-337890275-r1 { fill: #c5c8c6 } -.terminal-337890275-r2 { fill: #e1e1e1 } -.terminal-337890275-r3 { fill: #454a50 } -.terminal-337890275-r4 { fill: #e2e3e3;font-weight: bold } -.terminal-337890275-r5 { fill: #24292f;font-weight: bold } -.terminal-337890275-r6 { fill: #000000 } -.terminal-337890275-r7 { fill: #004578 } -.terminal-337890275-r8 { fill: #e2e3e3 } -.terminal-337890275-r9 { fill: #4ebf71;font-weight: bold } -.terminal-337890275-r10 { fill: #ffff00;text-decoration: underline; } + .terminal-4173401871-r1 { fill: #c5c8c6 } +.terminal-4173401871-r2 { fill: #e0e0e0 } +.terminal-4173401871-r3 { fill: #2d2d2d } +.terminal-4173401871-r4 { fill: #272727;font-weight: bold } +.terminal-4173401871-r5 { fill: #0d0d0d } +.terminal-4173401871-r6 { fill: #0178d4 } +.terminal-4173401871-r7 { fill: #0178d4;font-weight: bold } +.terminal-4173401871-r8 { fill: #ffff00;text-decoration: underline; } +.terminal-4173401871-r9 { fill: #e0e0e0;font-weight: bold } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - ContentSwitcherApp + ContentSwitcherApp - - - - -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - DataTable  Markdown  -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ -╭─────────────────────────────────────────╮ - - -Three Flavours Cornetto - -  The Three Flavours Cornetto trilogy  -  is an anthology series of British  -  comedic genre films directed by Edgar   -  Wright. - - -Shaun of the Dead - - -UK Release   -Flavour   Date        Director    -   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━    -   Strawberry 2004-04-09   Edgar          -                           Wright         - - - -Hot Fuzz - - -UK Release    -Flavour Date         Director     -   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━    -   Classico 2007-02-17    Edgar Wright    - - - -The World's End - - -UK Release     -FlavourDate          Director     -   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━    -   Mint    2013-07-19     Edgar Wright    - - - - - -╰─────────────────────────────────────────╯ + + + + +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + DataTable  Markdown  +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ +╭─────────────────────────────────────────╮ + + +Three Flavours Cornetto + +The Three Flavours Cornetto trilogy  +is an anthology series of British  +comedic genre films directed by Edgar +Wright. + + +Shaun of the Dead + + +UK Release   +Flavour   Date        Director    + ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━  + Strawberry 2004-04-09   Edgar        +                         Wright       + + + +Hot Fuzz + + +UK Release    +Flavour Date         Director     + ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━  + Classico 2007-02-17    Edgar Wright  + + + +The World's End + + +UK Release     +FlavourDate          Director     + ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━  + Mint    2013-07-19     Edgar Wright  + + + + + +╰─────────────────────────────────────────╯ diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_hot_reloading.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_hot_reloading.svg index f5d367467f..361846e7a4 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_hot_reloading.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_hot_reloading.svg @@ -19,131 +19,131 @@ font-weight: 700; } - .terminal-3958682080-matrix { + .terminal-208512168-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3958682080-title { + .terminal-208512168-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3958682080-r1 { fill: #e1e1e1 } -.terminal-3958682080-r2 { fill: #c5c8c6 } + .terminal-208512168-r1 { fill: #e0e0e0 } +.terminal-208512168-r2 { fill: #c5c8c6 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - HotReloadingApp + HotReloadingApp - - - - Hello, world!                                                                    - - - - - - - - - - - - - - - - - - - - - - + + + + Hello, world!                                                                    + + + + + + + + + + + + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_hot_reloading_on_screen.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_hot_reloading_on_screen.svg index f5d367467f..361846e7a4 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_hot_reloading_on_screen.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_hot_reloading_on_screen.svg @@ -19,131 +19,131 @@ font-weight: 700; } - .terminal-3958682080-matrix { + .terminal-208512168-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3958682080-title { + .terminal-208512168-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3958682080-r1 { fill: #e1e1e1 } -.terminal-3958682080-r2 { fill: #c5c8c6 } + .terminal-208512168-r1 { fill: #e0e0e0 } +.terminal-208512168-r2 { fill: #c5c8c6 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - HotReloadingApp + HotReloadingApp - - - - Hello, world!                                                                    - - - - - - - - - - - - - - - - - - - - - - + + + + Hello, world!                                                                    + + + + + + + + + + + + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[align.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[align.py].svg index 1d9dbc5109..4dcc612d5c 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[align.py].svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[align.py].svg @@ -19,134 +19,134 @@ font-weight: 700; } - .terminal-4107518032-matrix { + .terminal-3866865046-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-4107518032-title { + .terminal-3866865046-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-4107518032-r1 { fill: #e1e1e1 } -.terminal-4107518032-r2 { fill: #c5c8c6 } -.terminal-4107518032-r3 { fill: #ffffff } -.terminal-4107518032-r4 { fill: #e5f2e5 } -.terminal-4107518032-r5 { fill: #e5f2e5;font-weight: bold } + .terminal-3866865046-r1 { fill: #e0e0e0 } +.terminal-3866865046-r2 { fill: #c5c8c6 } +.terminal-3866865046-r3 { fill: #ffffff } +.terminal-3866865046-r4 { fill: #e5f2e5 } +.terminal-3866865046-r5 { fill: #e5f2e5;font-weight: bold } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - AlignApp + AlignApp - - - - - - - - - -┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓ - -Vertical alignment with Textual - -┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛ - -┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓ - -Take note, browsers. - -┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛ - - - - - - + + + + + + + + + +┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓ + +Vertical alignment with Textual + +┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛ + +┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓ + +Take note, browsers. + +┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛ + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[align_all.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[align_all.py].svg index 42dcd43a0f..710fe5d178 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[align_all.py].svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[align_all.py].svg @@ -19,135 +19,133 @@ font-weight: 700; } - .terminal-800662067-matrix { + .terminal-3624294643-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-800662067-title { + .terminal-3624294643-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-800662067-r1 { fill: #808080 } -.terminal-800662067-r2 { fill: #e1e1e1 } -.terminal-800662067-r3 { fill: #c5c8c6 } -.terminal-800662067-r4 { fill: #ddedf9 } -.terminal-800662067-r5 { fill: #e2e2e2 } + .terminal-3624294643-r1 { fill: #808080 } +.terminal-3624294643-r2 { fill: #e0e0e0 } +.terminal-3624294643-r3 { fill: #c5c8c6 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - AlignAllApp + AlignAllApp - - - - ┌────────────────────────┐┌────────────────────────┐┌────────────────────────┐ -left topcenter topright top - - - - -└────────────────────────┘└────────────────────────┘└────────────────────────┘ - -┌────────────────────────┐┌────────────────────────┐┌────────────────────────┐ - - -left middlecenter middleright middle - - -└────────────────────────┘└────────────────────────┘└────────────────────────┘ - -┌────────────────────────┐┌────────────────────────┐┌────────────────────────┐ - - - - - -left bottomcenter bottomright bottom -└────────────────────────┘└────────────────────────┘└────────────────────────┘ + + + + ┌────────────────────────┐┌────────────────────────┐┌────────────────────────┐ +left topcenter topright top + + + + +└────────────────────────┘└────────────────────────┘└────────────────────────┘ + +┌────────────────────────┐┌────────────────────────┐┌────────────────────────┐ + + +left middlecenter middleright middle + + +└────────────────────────┘└────────────────────────┘└────────────────────────┘ + +┌────────────────────────┐┌────────────────────────┐┌────────────────────────┐ + + + + + +left bottomcenter bottomright bottom +└────────────────────────┘└────────────────────────┘└────────────────────────┘ diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[background_tint.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[background_tint.py].svg index 0617ea714b..de24cf7c2f 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[background_tint.py].svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[background_tint.py].svg @@ -1,4 +1,4 @@ - + - - + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + - BackgroundTintApp + BackgroundTintApp - - - - 0%                                                                               - - - -25%                                                                              - - - - -50%                                                                              - - - - -75%                                                                              - - - - -100%                                                                             - - - - + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[background_transparency.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[background_transparency.py].svg index 0777d5b497..73b92cfb84 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[background_transparency.py].svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[background_transparency.py].svg @@ -19,140 +19,131 @@ font-weight: 700; } - .terminal-4087461672-matrix { + .terminal-3662975415-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-4087461672-title { + .terminal-3662975415-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-4087461672-r1 { fill: #c5c8c6 } -.terminal-4087461672-r2 { fill: #e4e1e1 } -.terminal-4087461672-r3 { fill: #e7e0e0 } -.terminal-4087461672-r4 { fill: #eae0e0 } -.terminal-4087461672-r5 { fill: #ede0e0 } -.terminal-4087461672-r6 { fill: #f0dfdf } -.terminal-4087461672-r7 { fill: #f3dfdf } -.terminal-4087461672-r8 { fill: #f6dfdf } -.terminal-4087461672-r9 { fill: #f9dede } -.terminal-4087461672-r10 { fill: #fcdede } -.terminal-4087461672-r11 { fill: #ffdddd } + .terminal-3662975415-r1 { fill: #c5c8c6 } +.terminal-3662975415-r2 { fill: #e0e0e0 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - BackgroundTransparencyApp + BackgroundTransparencyApp - - - - - - - - - - - - - - -10%20%30%40%50%60%70%80%90%100% - - - - - - - - - - - + + + + + + + + + + + + + + +10%20%30%40%50%60%70%80%90%100% + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[border.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[border.py].svg index 018a3e44fd..428a749799 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[border.py].svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[border.py].svg @@ -19,134 +19,135 @@ font-weight: 700; } - .terminal-3818234445-matrix { + .terminal-2245363542-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3818234445-title { + .terminal-2245363542-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3818234445-r1 { fill: #ffffff } -.terminal-3818234445-r2 { fill: #c5c8c6 } -.terminal-3818234445-r3 { fill: #ff0000 } -.terminal-3818234445-r4 { fill: #008000 } -.terminal-3818234445-r5 { fill: #0000ff } + .terminal-2245363542-r1 { fill: #e0e0e0 } +.terminal-2245363542-r2 { fill: #c5c8c6 } +.terminal-2245363542-r3 { fill: #ff0000 } +.terminal-2245363542-r4 { fill: #008000 } +.terminal-2245363542-r5 { fill: #ffffff } +.terminal-2245363542-r6 { fill: #0000ff } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - BorderApp + BorderApp - + - - -┌────────────────────────────────────────────────────────────────────────────┐ - -My border is solid red - -└────────────────────────────────────────────────────────────────────────────┘ - -┏╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍┓ - -My border is dashed green - -┗╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍┛ - -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - -My border is tall blue - -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - - - - - + + +┌────────────────────────────────────────────────────────────────────────────┐ + +My border is solid red + +└────────────────────────────────────────────────────────────────────────────┘ + +┏╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍┓ + +My border is dashed green + +┗╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍┛ + +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + +My border is tall blue + +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[border_all.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[border_all.py].svg index 9d6857a487..c5f713dba1 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[border_all.py].svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[border_all.py].svg @@ -19,133 +19,133 @@ font-weight: 700; } - .terminal-1557171481-matrix { + .terminal-2804312875-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1557171481-title { + .terminal-2804312875-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1557171481-r1 { fill: #e1e1e1 } -.terminal-1557171481-r2 { fill: #c5c8c6 } -.terminal-1557171481-r3 { fill: #0178d4 } -.terminal-1557171481-r4 { fill: #1e1e1e } + .terminal-2804312875-r1 { fill: #e0e0e0 } +.terminal-2804312875-r2 { fill: #c5c8c6 } +.terminal-2804312875-r3 { fill: #fea62b } +.terminal-2804312875-r4 { fill: #121212 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - AllBordersApp + AllBordersApp - - - - -+----------------+┏╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍┓╔═════════════════╗ -|ascii|blankdasheddouble -+----------------+┗╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍┛╚═════════════════╝ - - - -┏━━━━━━━━━━━━━━━━┓▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▗▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▖ -heavyhidden/nonehkeyinner -┗━━━━━━━━━━━━━━━━┛▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▝▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▘ - - - -▛▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▜█████████████████▎╭────────────────╮┌─────────────────┐ -outerpanelroundsolid -▙▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▟▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎╰────────────────╯└─────────────────┘ - - - -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎█▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀█▏                ▕▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ -tallthickvkeywide -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎█▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄█▏                ▕▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - + + + + ++----------------+┏╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍┓╔═════════════════╗ +|ascii|blankdasheddouble ++----------------+┗╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍┛╚═════════════════╝ + + + +┏━━━━━━━━━━━━━━━━┓▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▗▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▖ +heavyhidden/nonehkeyinner +┗━━━━━━━━━━━━━━━━┛▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▝▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▘ + + + +▛▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▜█████████████████▎╭────────────────╮┌─────────────────┐ +outerpanelroundsolid +▙▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▟▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎╰────────────────╯└─────────────────┘ + + + +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎█▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀█▏                ▕▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ +tallthickvkeywide +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎█▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄█▏                ▕▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[border_sub_title_align_all.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[border_sub_title_align_all.py].svg index 007e4c8560..feb0989172 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[border_sub_title_align_all.py].svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[border_sub_title_align_all.py].svg @@ -19,141 +19,141 @@ font-weight: 700; } - .terminal-682762546-matrix { + .terminal-2832323858-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-682762546-title { + .terminal-2832323858-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-682762546-r1 { fill: #e1e1e1 } -.terminal-682762546-r2 { fill: #c5c8c6 } -.terminal-682762546-r3 { fill: #fea62b } -.terminal-682762546-r4 { fill: #fea62b;font-weight: bold } -.terminal-682762546-r5 { fill: #fea62b;font-weight: bold;font-style: italic; } -.terminal-682762546-r6 { fill: #f4005f;font-weight: bold } -.terminal-682762546-r7 { fill: #1e1e1e } -.terminal-682762546-r8 { fill: #1e1e1e;text-decoration: underline; } -.terminal-682762546-r9 { fill: #fea62b;text-decoration: underline; } -.terminal-682762546-r10 { fill: #1a1a1a;text-decoration: underline; } -.terminal-682762546-r11 { fill: #4ebf71 } -.terminal-682762546-r12 { fill: #b93c5b } + .terminal-2832323858-r1 { fill: #e0e0e0 } +.terminal-2832323858-r2 { fill: #c5c8c6 } +.terminal-2832323858-r3 { fill: #004578 } +.terminal-2832323858-r4 { fill: #004578;font-weight: bold } +.terminal-2832323858-r5 { fill: #004578;font-weight: bold;font-style: italic; } +.terminal-2832323858-r6 { fill: #f4005f;font-weight: bold } +.terminal-2832323858-r7 { fill: #121212 } +.terminal-2832323858-r8 { fill: #121212;text-decoration: underline; } +.terminal-2832323858-r9 { fill: #004578;text-decoration: underline; } +.terminal-2832323858-r10 { fill: #1a1a1a;text-decoration: underline; } +.terminal-2832323858-r11 { fill: #4ebf71 } +.terminal-2832323858-r12 { fill: #b93c5b } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - BorderSubTitleAlignAll + BorderSubTitleAlignAll - - - - - -▏  Border title      ▕╭─ Lef… ─╮▁▁▁▁▁ Left ▁▁▁▁▁ -This is the story ofa Pythondeveloper that -▏   Border subtitle  ▕╰─ Cen… ─╯▔▔▔▔▔ @@@ ▔▔▔▔▔▔ - - - - - -+--------------+─Title───────────────── -|had to fill up|             nine labels          and ended up redoing it   -+- Left -------+──────────────Subtitle─ - - - - -─Title, but really looo…─ -─Title, but r…──Title, but reall…─ -because the first try       had some labels          that were too long.     -─Subtitle, bu…──Subtitle, but re…─ -─Subtitle, but really l…─ - + + + + + +▏  Border title      ▕╭─ Lef… ─╮▁▁▁▁▁ Left ▁▁▁▁▁ +This is the story ofa Pythondeveloper that +▏   Border subtitle  ▕╰─ Cen… ─╯▔▔▔▔▔ @@@ ▔▔▔▔▔▔ + + + + + ++--------------+─Title───────────────── +|had to fill up|             nine labels          and ended up redoing it   ++- Left -------+──────────────Subtitle─ + + + + +─Title, but really looo…─ +─Title, but r…──Title, but reall…─ +because the first try       had some labels          that were too long.     +─Subtitle, bu…──Subtitle, but re…─ +─Subtitle, but really l…─ + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[border_subtitle_align.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[border_subtitle_align.py].svg index 2dd47f4558..aa26372847 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[border_subtitle_align.py].svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[border_subtitle_align.py].svg @@ -19,134 +19,134 @@ font-weight: 700; } - .terminal-3990788601-matrix { + .terminal-45961345-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3990788601-title { + .terminal-45961345-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3990788601-r1 { fill: #e1e1e1 } -.terminal-3990788601-r2 { fill: #c5c8c6 } -.terminal-3990788601-r3 { fill: #fea62b } -.terminal-3990788601-r4 { fill: #ffffff } -.terminal-3990788601-r5 { fill: #1e1e1e } + .terminal-45961345-r1 { fill: #e0e0e0 } +.terminal-45961345-r2 { fill: #c5c8c6 } +.terminal-45961345-r3 { fill: #004578 } +.terminal-45961345-r4 { fill: #ffffff } +.terminal-45961345-r5 { fill: #121212 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - BorderSubtitleAlignApp + BorderSubtitleAlignApp - - - - -┌────────────────────────────────────────────────────────────────────────────┐ - -My subtitle is on the left. - -└─ < Left ───────────────────────────────────────────────────────────────────┘ - -┏╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍┓ - -My subtitle is centered - -┗╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍ Centered! ╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍┛ - -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ - -My subtitle is on the right - -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ Right > ▁▎ - - - - - + + + + +┌────────────────────────────────────────────────────────────────────────────┐ + +My subtitle is on the left. + +└─ < Left ───────────────────────────────────────────────────────────────────┘ + +┏╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍┓ + +My subtitle is centered + +┗╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍ Centered! ╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍┛ + +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ + +My subtitle is on the right + +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ Right > ▁▎ + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[border_title_align.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[border_title_align.py].svg index c27b5f6750..b0f2aeebaa 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[border_title_align.py].svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[border_title_align.py].svg @@ -19,134 +19,134 @@ font-weight: 700; } - .terminal-2266928454-matrix { + .terminal-1141197774-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2266928454-title { + .terminal-1141197774-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2266928454-r1 { fill: #e1e1e1 } -.terminal-2266928454-r2 { fill: #c5c8c6 } -.terminal-2266928454-r3 { fill: #fea62b } -.terminal-2266928454-r4 { fill: #ffffff } -.terminal-2266928454-r5 { fill: #1e1e1e } + .terminal-1141197774-r1 { fill: #e0e0e0 } +.terminal-1141197774-r2 { fill: #c5c8c6 } +.terminal-1141197774-r3 { fill: #004578 } +.terminal-1141197774-r4 { fill: #ffffff } +.terminal-1141197774-r5 { fill: #121212 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - BorderTitleAlignApp + BorderTitleAlignApp - - - - -┌─ < Left ───────────────────────────────────────────────────────────────────┐ - -My title is on the left. - -└────────────────────────────────────────────────────────────────────────────┘ - -┏╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍ Centered! ╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍┓ - -My title is centered - -┗╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍┛ - -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ Right > ▔▎ - -My title is on the right - -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ - - - - - + + + + +┌─ < Left ───────────────────────────────────────────────────────────────────┐ + +My title is on the left. + +└────────────────────────────────────────────────────────────────────────────┘ + +┏╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍ Centered! ╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍┓ + +My title is centered + +┗╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍┛ + +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ Right > ▔▎ + +My title is on the right + +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[border_title_colors.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[border_title_colors.py].svg index 20c7686f17..299fc22925 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[border_title_colors.py].svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[border_title_colors.py].svg @@ -19,134 +19,134 @@ font-weight: 700; } - .terminal-2865494641-matrix { + .terminal-2937574845-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2865494641-title { + .terminal-2937574845-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2865494641-r1 { fill: #e1e1e1 } -.terminal-2865494641-r2 { fill: #c5c8c6 } -.terminal-2865494641-r3 { fill: #ff0000 } -.terminal-2865494641-r4 { fill: #008000;font-weight: bold } -.terminal-2865494641-r5 { fill: #ff00ff;font-style: italic; } + .terminal-2937574845-r1 { fill: #e0e0e0 } +.terminal-2937574845-r2 { fill: #c5c8c6 } +.terminal-2937574845-r3 { fill: #ff0000 } +.terminal-2937574845-r4 { fill: #008000;font-weight: bold } +.terminal-2937574845-r5 { fill: #ff00ff;font-style: italic; } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - BorderTitleApp + BorderTitleApp - - - - - - - - - -┏━ Textual Rocks ━━━━━━━━━━━━━┓ - - - - -Hello, World! - - - - -┗━━━━━━━━━━━━━ Textual Rocks ━┛ - - - - - - + + + + + + + + + +┏━ Textual Rocks ━━━━━━━━━━━━━┓ + + + + +Hello, World! + + + + +┗━━━━━━━━━━━━━ Textual Rocks ━┛ + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[color.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[color.py].svg index f37b048512..21e7f2a93f 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[color.py].svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[color.py].svg @@ -19,133 +19,133 @@ font-weight: 700; } - .terminal-830407627-matrix { + .terminal-72741866-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-830407627-title { + .terminal-72741866-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-830407627-r1 { fill: #c5c8c6 } -.terminal-830407627-r2 { fill: #ff0000 } -.terminal-830407627-r3 { fill: #00ff00 } -.terminal-830407627-r4 { fill: #0000ff } + .terminal-72741866-r1 { fill: #c5c8c6 } +.terminal-72741866-r2 { fill: #ff0000 } +.terminal-72741866-r3 { fill: #00ff00 } +.terminal-72741866-r4 { fill: #0000ff } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - ColorApp + ColorApp - - - - - - -I'm red! - - - - - - - -I'm rgb(0, 255, 0)! - - - - - - - -I'm hsl(240, 100%, 50%)! - - - + + + + + + +I'm red! + + + + + + + +I'm rgb(0, 255, 0)! + + + + + + + +I'm hsl(240, 100%, 50%)! + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[color_auto.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[color_auto.py].svg index ef077a4a8f..972092c162 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[color_auto.py].svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[color_auto.py].svg @@ -19,135 +19,135 @@ font-weight: 700; } - .terminal-334364861-matrix { + .terminal-498140756-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-334364861-title { + .terminal-498140756-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-334364861-r1 { fill: #c5c8c6 } -.terminal-334364861-r2 { fill: #f6cdcd } -.terminal-334364861-r3 { fill: #2a2a01 } -.terminal-334364861-r4 { fill: #cdcdf6 } -.terminal-334364861-r5 { fill: #2a1f21 } -.terminal-334364861-r6 { fill: #cde1cd } + .terminal-498140756-r1 { fill: #c5c8c6 } +.terminal-498140756-r2 { fill: #f5cccc } +.terminal-498140756-r3 { fill: #292900 } +.terminal-498140756-r4 { fill: #ccccf5 } +.terminal-498140756-r5 { fill: #291f21 } +.terminal-498140756-r6 { fill: #cce1cc } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - ColorApp + ColorApp - - - - -The quick brown fox jumps over the lazy dog! - - - - -The quick brown fox jumps over the lazy dog! - - - - -The quick brown fox jumps over the lazy dog! - - - - -The quick brown fox jumps over the lazy dog! - - - - -The quick brown fox jumps over the lazy dog! - + + + + +The quick brown fox jumps over the lazy dog! + + + + +The quick brown fox jumps over the lazy dog! + + + + +The quick brown fox jumps over the lazy dog! + + + + +The quick brown fox jumps over the lazy dog! + + + + +The quick brown fox jumps over the lazy dog! + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[column_span.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[column_span.py].svg index 90583fdc50..a7018083d8 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[column_span.py].svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[column_span.py].svg @@ -19,138 +19,138 @@ font-weight: 700; } - .terminal-272467720-matrix { + .terminal-2098428632-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-272467720-title { + .terminal-2098428632-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-272467720-r1 { fill: #c5c8c6 } -.terminal-272467720-r2 { fill: #e8e0e7 } -.terminal-272467720-r3 { fill: #e1e1e1 } -.terminal-272467720-r4 { fill: #eae3e5 } -.terminal-272467720-r5 { fill: #ede6e6 } -.terminal-272467720-r6 { fill: #efe9e4 } -.terminal-272467720-r7 { fill: #efeedf } -.terminal-272467720-r8 { fill: #e9eee5 } -.terminal-272467720-r9 { fill: #e4eee8 } + .terminal-2098428632-r1 { fill: #c5c8c6 } +.terminal-2098428632-r2 { fill: #e7e0e6 } +.terminal-2098428632-r3 { fill: #e0e0e0 } +.terminal-2098428632-r4 { fill: #eae2e4 } +.terminal-2098428632-r5 { fill: #ece5e5 } +.terminal-2098428632-r6 { fill: #eee8e3 } +.terminal-2098428632-r7 { fill: #eeeddf } +.terminal-2098428632-r8 { fill: #e8ede4 } +.terminal-2098428632-r9 { fill: #e3ede7 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - MyApp + MyApp - - - - - -#p1 - - - - - -#p2#p3 - - - - - -#p4#p5 - - - - - -#p6#p7 - - + + + + + +#p1 + + + + + +#p2#p3 + + + + + +#p4#p5 + + + + + +#p6#p7 + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[content_align_all.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[content_align_all.py].svg index 9f6f0e1061..beca982e66 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[content_align_all.py].svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[content_align_all.py].svg @@ -19,133 +19,132 @@ font-weight: 700; } - .terminal-269337742-matrix { + .terminal-479117815-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-269337742-title { + .terminal-479117815-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-269337742-r1 { fill: #dde6ed } -.terminal-269337742-r2 { fill: #c5c8c6 } -.terminal-269337742-r3 { fill: #e1e1e1 } + .terminal-479117815-r1 { fill: #e0e0e0 } +.terminal-479117815-r2 { fill: #c5c8c6 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - AllContentAlignApp + AllContentAlignApp - - - - left topcenter topright top - - - - - - - - - - -left middlecenter middleright middle - - - - - - - - - - - -left bottomcenter bottomright bottom + + + + left topcenter topright top + + + + + + + + + + +left middlecenter middleright middle + + + + + + + + + + + +left bottomcenter bottomright bottom diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[display.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[display.py].svg index 5f5d0ed5d8..fc4c0aa00c 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[display.py].svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[display.py].svg @@ -19,132 +19,132 @@ font-weight: 700; } - .terminal-2110623858-matrix { + .terminal-2506131462-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2110623858-title { + .terminal-2506131462-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2110623858-r1 { fill: #0000ff } -.terminal-2110623858-r2 { fill: #c5c8c6 } -.terminal-2110623858-r3 { fill: #ddeedd } + .terminal-2506131462-r1 { fill: #0000ff } +.terminal-2506131462-r2 { fill: #c5c8c6 } +.terminal-2506131462-r3 { fill: #e0e0e0 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - DisplayApp + DisplayApp - + - - ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓ -┃Widget 1 - - -┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛ -┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓ -┃Widget 3 - - -┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛ - - - - - - - - - - - - - + + ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓ +┃Widget 1 + + +┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛ +┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓ +┃Widget 3 + + +┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛ + + + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[dock_all.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[dock_all.py].svg index 8ecd031cb8..d70f5742a1 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[dock_all.py].svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[dock_all.py].svg @@ -19,132 +19,132 @@ font-weight: 700; } - .terminal-766040431-matrix { + .terminal-4231440271-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-766040431-title { + .terminal-4231440271-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-766040431-r1 { fill: #e1e1e1 } -.terminal-766040431-r2 { fill: #c5c8c6 } -.terminal-766040431-r3 { fill: #ffffff } + .terminal-4231440271-r1 { fill: #e0e0e0 } +.terminal-4231440271-r2 { fill: #c5c8c6 } +.terminal-4231440271-r3 { fill: #ffffff } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - DockAllApp + DockAllApp - - - - - - -╭──────────────────────────────────────────────────────────╮ -                           top                             - - - - - - -left                                                 right - - - - - - - -                          bottom                           -╰──────────────────────────────────────────────────────────╯ - - + + + + + + +╭──────────────────────────────────────────────────────────╮ +                           top                             + + + + + + +left                                                 right + + + + + + + +                          bottom                           +╰──────────────────────────────────────────────────────────╯ + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[grid.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[grid.py].svg index 4791efebd1..eb8e0cc51d 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[grid.py].svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[grid.py].svg @@ -19,133 +19,133 @@ font-weight: 700; } - .terminal-3791676016-matrix { + .terminal-2213235336-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3791676016-title { + .terminal-2213235336-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3791676016-r1 { fill: #c5c8c6 } -.terminal-3791676016-r2 { fill: #e1e1e1 } -.terminal-3791676016-r3 { fill: #731077 } -.terminal-3791676016-r4 { fill: #161c1d } + .terminal-2213235336-r1 { fill: #c5c8c6 } +.terminal-2213235336-r2 { fill: #e0e0e0 } +.terminal-2213235336-r3 { fill: #660066 } +.terminal-2213235336-r4 { fill: #000000 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - GridApp + GridApp - - - - -Grid cell 1Grid cell 2 - -row-span: 3; -column-span: 2; - - -Grid cell 3 - - - - - -Grid cell 4 - - - - - -Grid cell 5Grid cell 6Grid cell 7 - - - + + + + +Grid cell 1Grid cell 2 + +row-span: 3; +column-span: 2; + + +Grid cell 3 + + + + + +Grid cell 4 + + + + + +Grid cell 5Grid cell 6Grid cell 7 + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[grid_columns.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[grid_columns.py].svg index c8f40e989a..99b1ca284a 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[grid_columns.py].svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[grid_columns.py].svg @@ -19,133 +19,133 @@ font-weight: 700; } - .terminal-3072634976-matrix { + .terminal-735522680-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3072634976-title { + .terminal-735522680-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3072634976-r1 { fill: #ffffff } -.terminal-3072634976-r2 { fill: #c5c8c6 } -.terminal-3072634976-r3 { fill: #e1e1e1 } + .terminal-735522680-r1 { fill: #ffffff } +.terminal-735522680-r2 { fill: #c5c8c6 } +.terminal-735522680-r3 { fill: #e0e0e0 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - MyApp + MyApp - - - - ╭──────────╮╭──────────────╮╭──────────────────────╮╭──────────╮╭──────────────╮ -1fr││width = 16││2fr││1fr││width = 16 -││││││││ -││││││││ -││││││││ -││││││││ -││││││││ -││││││││ -││││││││ -││││││││ -││││││││ -╰──────────╯╰──────────────╯╰──────────────────────╯╰──────────╯╰──────────────╯ -╭──────────╮╭──────────────╮╭──────────────────────╮╭──────────╮╭──────────────╮ -1fr││width = 16││2fr││1fr││width = 16 -││││││││ -││││││││ -││││││││ -││││││││ -││││││││ -││││││││ -││││││││ -││││││││ -││││││││ -╰──────────╯╰──────────────╯╰──────────────────────╯╰──────────╯╰──────────────╯ + + + + ╭──────────╮╭──────────────╮╭──────────────────────╮╭──────────╮╭──────────────╮ +1fr││width = 16││2fr││1fr││width = 16 +││││││││ +││││││││ +││││││││ +││││││││ +││││││││ +││││││││ +││││││││ +││││││││ +││││││││ +╰──────────╯╰──────────────╯╰──────────────────────╯╰──────────╯╰──────────────╯ +╭──────────╮╭──────────────╮╭──────────────────────╮╭──────────╮╭──────────────╮ +1fr││width = 16││2fr││1fr││width = 16 +││││││││ +││││││││ +││││││││ +││││││││ +││││││││ +││││││││ +││││││││ +││││││││ +││││││││ +╰──────────╯╰──────────────╯╰──────────────────────╯╰──────────╯╰──────────────╯ diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[grid_gutter.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[grid_gutter.py].svg index 46a3f0fa38..6ff1a8a182 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[grid_gutter.py].svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[grid_gutter.py].svg @@ -19,133 +19,133 @@ font-weight: 700; } - .terminal-3574968865-matrix { + .terminal-1108503223-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3574968865-title { + .terminal-1108503223-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3574968865-r1 { fill: #ffffff } -.terminal-3574968865-r2 { fill: #e1e1e1 } -.terminal-3574968865-r3 { fill: #c5c8c6 } + .terminal-1108503223-r1 { fill: #ffffff } +.terminal-1108503223-r2 { fill: #e0e0e0 } +.terminal-1108503223-r3 { fill: #c5c8c6 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - MyApp + MyApp - - - - ╭─────────────────────────────────────╮╭─────────────────────────────────────╮ - -12 - -╰─────────────────────────────────────╯╰─────────────────────────────────────╯ - -╭─────────────────────────────────────╮╭─────────────────────────────────────╮ - -34 - -╰─────────────────────────────────────╯╰─────────────────────────────────────╯ - -╭─────────────────────────────────────╮╭─────────────────────────────────────╮ - -56 - -╰─────────────────────────────────────╯╰─────────────────────────────────────╯ - -╭─────────────────────────────────────╮╭─────────────────────────────────────╮ - -78 - - -╰─────────────────────────────────────╯╰─────────────────────────────────────╯ + + + + ╭─────────────────────────────────────╮╭─────────────────────────────────────╮ + +12 + +╰─────────────────────────────────────╯╰─────────────────────────────────────╯ + +╭─────────────────────────────────────╮╭─────────────────────────────────────╮ + +34 + +╰─────────────────────────────────────╯╰─────────────────────────────────────╯ + +╭─────────────────────────────────────╮╭─────────────────────────────────────╮ + +56 + +╰─────────────────────────────────────╯╰─────────────────────────────────────╯ + +╭─────────────────────────────────────╮╭─────────────────────────────────────╮ + +78 + + +╰─────────────────────────────────────╯╰─────────────────────────────────────╯ diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[grid_rows.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[grid_rows.py].svg index 6d523cf260..41cfd4e712 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[grid_rows.py].svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[grid_rows.py].svg @@ -19,133 +19,133 @@ font-weight: 700; } - .terminal-3421668871-matrix { + .terminal-2189775119-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3421668871-title { + .terminal-2189775119-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3421668871-r1 { fill: #ffffff } -.terminal-3421668871-r2 { fill: #c5c8c6 } -.terminal-3421668871-r3 { fill: #e1e1e1 } + .terminal-2189775119-r1 { fill: #ffffff } +.terminal-2189775119-r2 { fill: #c5c8c6 } +.terminal-2189775119-r3 { fill: #e0e0e0 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - MyApp + MyApp - - - - ╭──────────────────────────────────────╮╭──────────────────────────────────────╮ -1fr││1fr -╰──────────────────────────────────────╯╰──────────────────────────────────────╯ -╭──────────────────────────────────────╮╭──────────────────────────────────────╮ -││ -height = 6││height = 6 -││ -││ -╰──────────────────────────────────────╯╰──────────────────────────────────────╯ -╭──────────────────────────────────────╮╭──────────────────────────────────────╮ -││ -25%││25% -││ -││ -╰──────────────────────────────────────╯╰──────────────────────────────────────╯ -╭──────────────────────────────────────╮╭──────────────────────────────────────╮ -1fr││1fr -╰──────────────────────────────────────╯╰──────────────────────────────────────╯ -╭──────────────────────────────────────╮╭──────────────────────────────────────╮ -││ -height = 6││height = 6 -││ -││ -╰──────────────────────────────────────╯╰──────────────────────────────────────╯ + + + + ╭──────────────────────────────────────╮╭──────────────────────────────────────╮ +1fr││1fr +╰──────────────────────────────────────╯╰──────────────────────────────────────╯ +╭──────────────────────────────────────╮╭──────────────────────────────────────╮ +││ +height = 6││height = 6 +││ +││ +╰──────────────────────────────────────╯╰──────────────────────────────────────╯ +╭──────────────────────────────────────╮╭──────────────────────────────────────╮ +││ +25%││25% +││ +││ +╰──────────────────────────────────────╯╰──────────────────────────────────────╯ +╭──────────────────────────────────────╮╭──────────────────────────────────────╮ +1fr││1fr +╰──────────────────────────────────────╯╰──────────────────────────────────────╯ +╭──────────────────────────────────────╮╭──────────────────────────────────────╮ +││ +height = 6││height = 6 +││ +││ +╰──────────────────────────────────────╯╰──────────────────────────────────────╯ diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[grid_size_both.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[grid_size_both.py].svg index 449f34e217..72684b71f4 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[grid_size_both.py].svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[grid_size_both.py].svg @@ -19,132 +19,132 @@ font-weight: 700; } - .terminal-4060527209-matrix { + .terminal-611225555-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-4060527209-title { + .terminal-611225555-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-4060527209-r1 { fill: #ffffff } -.terminal-4060527209-r2 { fill: #c5c8c6 } -.terminal-4060527209-r3 { fill: #e1e1e1 } + .terminal-611225555-r1 { fill: #ffffff } +.terminal-611225555-r2 { fill: #c5c8c6 } +.terminal-611225555-r3 { fill: #e0e0e0 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - MyApp + MyApp - - - - ╭──────────────────────────────────────╮╭──────────────────────────────────────╮ -││ -1││2 -││ -││ -╰──────────────────────────────────────╯╰──────────────────────────────────────╯ -╭──────────────────────────────────────╮╭──────────────────────────────────────╮ -││ -3││4 -││ -││ -╰──────────────────────────────────────╯╰──────────────────────────────────────╯ -╭──────────────────────────────────────╮ - -5 - - -╰──────────────────────────────────────╯ - - - - - + + + + ╭──────────────────────────────────────╮╭──────────────────────────────────────╮ +││ +1││2 +││ +││ +╰──────────────────────────────────────╯╰──────────────────────────────────────╯ +╭──────────────────────────────────────╮╭──────────────────────────────────────╮ +││ +3││4 +││ +││ +╰──────────────────────────────────────╯╰──────────────────────────────────────╯ +╭──────────────────────────────────────╮ + +5 + + +╰──────────────────────────────────────╯ + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[grid_size_columns.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[grid_size_columns.py].svg index 4c1ba0406c..1b50293bbf 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[grid_size_columns.py].svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[grid_size_columns.py].svg @@ -19,133 +19,133 @@ font-weight: 700; } - .terminal-1640924670-matrix { + .terminal-351227878-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1640924670-title { + .terminal-351227878-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1640924670-r1 { fill: #ffffff } -.terminal-1640924670-r2 { fill: #c5c8c6 } -.terminal-1640924670-r3 { fill: #e1e1e1 } + .terminal-351227878-r1 { fill: #ffffff } +.terminal-351227878-r2 { fill: #c5c8c6 } +.terminal-351227878-r3 { fill: #e0e0e0 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - MyApp + MyApp - - - - ╭──────────────────────────────────────╮╭──────────────────────────────────────╮ -││ -││ -1││2 -││ -││ -││ -╰──────────────────────────────────────╯╰──────────────────────────────────────╯ -╭──────────────────────────────────────╮╭──────────────────────────────────────╮ -││ -││ -3││4 -││ -││ -││ -╰──────────────────────────────────────╯╰──────────────────────────────────────╯ -╭──────────────────────────────────────╮ - - -5 - - - -╰──────────────────────────────────────╯ + + + + ╭──────────────────────────────────────╮╭──────────────────────────────────────╮ +││ +││ +1││2 +││ +││ +││ +╰──────────────────────────────────────╯╰──────────────────────────────────────╯ +╭──────────────────────────────────────╮╭──────────────────────────────────────╮ +││ +││ +3││4 +││ +││ +││ +╰──────────────────────────────────────╯╰──────────────────────────────────────╯ +╭──────────────────────────────────────╮ + + +5 + + + +╰──────────────────────────────────────╯ diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[hatch.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[hatch.py].svg index 743bbc4346..ea1737f242 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[hatch.py].svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[hatch.py].svg @@ -19,138 +19,138 @@ font-weight: 700; } - .terminal-791754898-matrix { + .terminal-742394316-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-791754898-title { + .terminal-742394316-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-791754898-r1 { fill: #fea62b } -.terminal-791754898-r2 { fill: #c5c8c6 } -.terminal-791754898-r3 { fill: #e1e1e1 } -.terminal-791754898-r4 { fill: #4ebf71 } -.terminal-791754898-r5 { fill: #449e60 } -.terminal-791754898-r6 { fill: #3a7e4f } -.terminal-791754898-r7 { fill: #315e3f } -.terminal-791754898-r8 { fill: #273e2e } + .terminal-742394316-r1 { fill: #004578 } +.terminal-742394316-r2 { fill: #c5c8c6 } +.terminal-742394316-r3 { fill: #e0e0e0 } +.terminal-742394316-r4 { fill: #4ebf71 } +.terminal-742394316-r5 { fill: #429c5e } +.terminal-742394316-r6 { fill: #36794b } +.terminal-742394316-r7 { fill: #2a5738 } +.terminal-742394316-r8 { fill: #1e3425 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - HatchApp + HatchApp - - - - ┌─ cross ──────┐┌─ horizontal ─┐┌─ custom ─────┐┌─ left ───────┐┌─ right ──────┐ -╳╳╳╳╳╳╳╳╳╳╳╳╳╳││──────────────││TTTTTTTTTTTTTT││╲╲╲╲╲╲╲╲╲╲╲╲╲╲││╱╱╱╱╱╱╱╱╱╱╱╱╱╱ -╳╳╳╳╳╳╳╳╳╳╳╳╳╳││──────────────││TTTTTTTTTTTTTT││╲╲╲╲╲╲╲╲╲╲╲╲╲╲││╱╱╱╱╱╱╱╱╱╱╱╱╱╱ -╳╳╳╳╳╳╳╳╳╳╳╳╳╳││──────────────││TTTTTTTTTTTTTT││╲╲╲╲╲╲╲╲╲╲╲╲╲╲││╱╱╱╱╱╱╱╱╱╱╱╱╱╱ -╳╳╳╳╳╳╳╳╳╳╳╳╳╳││──────────────││TTTTTTTTTTTTTT││╲╲╲╲╲╲╲╲╲╲╲╲╲╲││╱╱╱╱╱╱╱╱╱╱╱╱╱╱ -╳╳╳╳╳╳╳╳╳╳╳╳╳╳││──────────────││TTTTTTTTTTTTTT││╲╲╲╲╲╲╲╲╲╲╲╲╲╲││╱╱╱╱╱╱╱╱╱╱╱╱╱╱ -╳╳╳╳╳╳╳╳╳╳╳╳╳╳││──────────────││TTTTTTTTTTTTTT││╲╲╲╲╲╲╲╲╲╲╲╲╲╲││╱╱╱╱╱╱╱╱╱╱╱╱╱╱ -╳╳╳╳╳╳╳╳╳╳╳╳╳╳││──────────────││TTTTTTTTTTTTTT││╲╲╲╲╲╲╲╲╲╲╲╲╲╲││╱╱╱╱╱╱╱╱╱╱╱╱╱╱ -╳╳╳╳╳╳╳╳╳╳╳╳╳╳││──────────────││TTTTTTTTTTTTTT││╲╲╲╲╲╲╲╲╲╲╲╲╲╲││╱╱╱╱╱╱╱╱╱╱╱╱╱╱ -╳╳╳╳╳╳╳╳╳╳╳╳╳╳││──────────────││TTTTTTTTTTTTTT││╲╲╲╲╲╲╲╲╲╲╲╲╲╲││╱╱╱╱╱╱╱╱╱╱╱╱╱╱ -╳╳╳╳╳╳╳╳╳╳╳╳╳╳││──────────────││TTTTTTTTTTTTTT││╲╲╲╲╲╲╲╲╲╲╲╲╲╲││╱╱╱╱╱╱╱╱╱╱╱╱╱╱ -╳╳╳╳╳╳╳╳╳╳╳╳╳╳││──────────────││TTTTTTTTTTTTTT││╲╲╲╲╲╲╲╲╲╲╲╲╲╲││╱╱╱╱╱╱╱╱╱╱╱╱╱╱ -╳╳╳╳╳╳╳╳╳╳╳╳╳╳││──────────────││TTTTTTTTTTTTTT││╲╲╲╲╲╲╲╲╲╲╲╲╲╲││╱╱╱╱╱╱╱╱╱╱╱╱╱╱ -╳╳╳╳╳╳╳╳╳╳╳╳╳╳││──────────────││TTTTTTTTTTTTTT││╲╲╲╲╲╲╲╲╲╲╲╲╲╲││╱╱╱╱╱╱╱╱╱╱╱╱╱╱ -╳╳╳╳╳╳╳╳╳╳╳╳╳╳││──────────────││TTTTTTTTTTTTTT││╲╲╲╲╲╲╲╲╲╲╲╲╲╲││╱╱╱╱╱╱╱╱╱╱╱╱╱╱ -╳╳╳╳╳╳╳╳╳╳╳╳╳╳││──────────────││TTTTTTTTTTTTTT││╲╲╲╲╲╲╲╲╲╲╲╲╲╲││╱╱╱╱╱╱╱╱╱╱╱╱╱╱ -╳╳╳╳╳╳╳╳╳╳╳╳╳╳││──────────────││TTTTTTTTTTTTTT││╲╲╲╲╲╲╲╲╲╲╲╲╲╲││╱╱╱╱╱╱╱╱╱╱╱╱╱╱ -╳╳╳╳╳╳╳╳╳╳╳╳╳╳││──────────────││TTTTTTTTTTTTTT││╲╲╲╲╲╲╲╲╲╲╲╲╲╲││╱╱╱╱╱╱╱╱╱╱╱╱╱╱ -╳╳╳╳╳╳╳╳╳╳╳╳╳╳││──────────────││TTTTTTTTTTTTTT││╲╲╲╲╲╲╲╲╲╲╲╲╲╲││╱╱╱╱╱╱╱╱╱╱╱╱╱╱ -╳╳╳╳╳╳╳╳╳╳╳╳╳╳││──────────────││TTTTTTTTTTTTTT││╲╲╲╲╲╲╲╲╲╲╲╲╲╲││╱╱╱╱╱╱╱╱╱╱╱╱╱╱ -╳╳╳╳╳╳╳╳╳╳╳╳╳╳││──────────────││TTTTTTTTTTTTTT││╲╲╲╲╲╲╲╲╲╲╲╲╲╲││╱╱╱╱╱╱╱╱╱╱╱╱╱╱ -╳╳╳╳╳╳╳╳╳╳╳╳╳╳││──────────────││TTTTTTTTTTTTTT││╲╲╲╲╲╲╲╲╲╲╲╲╲╲││╱╱╱╱╱╱╱╱╱╱╱╱╱╱ -╳╳╳╳╳╳╳╳╳╳╳╳╳╳││──────────────││TTTTTTTTTTTTTT││╲╲╲╲╲╲╲╲╲╲╲╲╲╲││╱╱╱╱╱╱╱╱╱╱╱╱╱╱ -└──────────────┘└──────────────┘└──────────────┘└──────────────┘└──────────────┘ + + + + ┌─ cross ──────┐┌─ horizontal ─┐┌─ custom ─────┐┌─ left ───────┐┌─ right ──────┐ +╳╳╳╳╳╳╳╳╳╳╳╳╳╳││──────────────││TTTTTTTTTTTTTT││╲╲╲╲╲╲╲╲╲╲╲╲╲╲││╱╱╱╱╱╱╱╱╱╱╱╱╱╱ +╳╳╳╳╳╳╳╳╳╳╳╳╳╳││──────────────││TTTTTTTTTTTTTT││╲╲╲╲╲╲╲╲╲╲╲╲╲╲││╱╱╱╱╱╱╱╱╱╱╱╱╱╱ +╳╳╳╳╳╳╳╳╳╳╳╳╳╳││──────────────││TTTTTTTTTTTTTT││╲╲╲╲╲╲╲╲╲╲╲╲╲╲││╱╱╱╱╱╱╱╱╱╱╱╱╱╱ +╳╳╳╳╳╳╳╳╳╳╳╳╳╳││──────────────││TTTTTTTTTTTTTT││╲╲╲╲╲╲╲╲╲╲╲╲╲╲││╱╱╱╱╱╱╱╱╱╱╱╱╱╱ +╳╳╳╳╳╳╳╳╳╳╳╳╳╳││──────────────││TTTTTTTTTTTTTT││╲╲╲╲╲╲╲╲╲╲╲╲╲╲││╱╱╱╱╱╱╱╱╱╱╱╱╱╱ +╳╳╳╳╳╳╳╳╳╳╳╳╳╳││──────────────││TTTTTTTTTTTTTT││╲╲╲╲╲╲╲╲╲╲╲╲╲╲││╱╱╱╱╱╱╱╱╱╱╱╱╱╱ +╳╳╳╳╳╳╳╳╳╳╳╳╳╳││──────────────││TTTTTTTTTTTTTT││╲╲╲╲╲╲╲╲╲╲╲╲╲╲││╱╱╱╱╱╱╱╱╱╱╱╱╱╱ +╳╳╳╳╳╳╳╳╳╳╳╳╳╳││──────────────││TTTTTTTTTTTTTT││╲╲╲╲╲╲╲╲╲╲╲╲╲╲││╱╱╱╱╱╱╱╱╱╱╱╱╱╱ +╳╳╳╳╳╳╳╳╳╳╳╳╳╳││──────────────││TTTTTTTTTTTTTT││╲╲╲╲╲╲╲╲╲╲╲╲╲╲││╱╱╱╱╱╱╱╱╱╱╱╱╱╱ +╳╳╳╳╳╳╳╳╳╳╳╳╳╳││──────────────││TTTTTTTTTTTTTT││╲╲╲╲╲╲╲╲╲╲╲╲╲╲││╱╱╱╱╱╱╱╱╱╱╱╱╱╱ +╳╳╳╳╳╳╳╳╳╳╳╳╳╳││──────────────││TTTTTTTTTTTTTT││╲╲╲╲╲╲╲╲╲╲╲╲╲╲││╱╱╱╱╱╱╱╱╱╱╱╱╱╱ +╳╳╳╳╳╳╳╳╳╳╳╳╳╳││──────────────││TTTTTTTTTTTTTT││╲╲╲╲╲╲╲╲╲╲╲╲╲╲││╱╱╱╱╱╱╱╱╱╱╱╱╱╱ +╳╳╳╳╳╳╳╳╳╳╳╳╳╳││──────────────││TTTTTTTTTTTTTT││╲╲╲╲╲╲╲╲╲╲╲╲╲╲││╱╱╱╱╱╱╱╱╱╱╱╱╱╱ +╳╳╳╳╳╳╳╳╳╳╳╳╳╳││──────────────││TTTTTTTTTTTTTT││╲╲╲╲╲╲╲╲╲╲╲╲╲╲││╱╱╱╱╱╱╱╱╱╱╱╱╱╱ +╳╳╳╳╳╳╳╳╳╳╳╳╳╳││──────────────││TTTTTTTTTTTTTT││╲╲╲╲╲╲╲╲╲╲╲╲╲╲││╱╱╱╱╱╱╱╱╱╱╱╱╱╱ +╳╳╳╳╳╳╳╳╳╳╳╳╳╳││──────────────││TTTTTTTTTTTTTT││╲╲╲╲╲╲╲╲╲╲╲╲╲╲││╱╱╱╱╱╱╱╱╱╱╱╱╱╱ +╳╳╳╳╳╳╳╳╳╳╳╳╳╳││──────────────││TTTTTTTTTTTTTT││╲╲╲╲╲╲╲╲╲╲╲╲╲╲││╱╱╱╱╱╱╱╱╱╱╱╱╱╱ +╳╳╳╳╳╳╳╳╳╳╳╳╳╳││──────────────││TTTTTTTTTTTTTT││╲╲╲╲╲╲╲╲╲╲╲╲╲╲││╱╱╱╱╱╱╱╱╱╱╱╱╱╱ +╳╳╳╳╳╳╳╳╳╳╳╳╳╳││──────────────││TTTTTTTTTTTTTT││╲╲╲╲╲╲╲╲╲╲╲╲╲╲││╱╱╱╱╱╱╱╱╱╱╱╱╱╱ +╳╳╳╳╳╳╳╳╳╳╳╳╳╳││──────────────││TTTTTTTTTTTTTT││╲╲╲╲╲╲╲╲╲╲╲╲╲╲││╱╱╱╱╱╱╱╱╱╱╱╱╱╱ +╳╳╳╳╳╳╳╳╳╳╳╳╳╳││──────────────││TTTTTTTTTTTTTT││╲╲╲╲╲╲╲╲╲╲╲╲╲╲││╱╱╱╱╱╱╱╱╱╱╱╱╱╱ +╳╳╳╳╳╳╳╳╳╳╳╳╳╳││──────────────││TTTTTTTTTTTTTT││╲╲╲╲╲╲╲╲╲╲╲╲╲╲││╱╱╱╱╱╱╱╱╱╱╱╱╱╱ +└──────────────┘└──────────────┘└──────────────┘└──────────────┘└──────────────┘ diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[height.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[height.py].svg index 81991b5099..c90dc3a701 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[height.py].svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[height.py].svg @@ -19,132 +19,132 @@ font-weight: 700; } - .terminal-3614144091-matrix { + .terminal-697855935-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3614144091-title { + .terminal-697855935-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3614144091-r1 { fill: #ffffff } -.terminal-3614144091-r2 { fill: #c5c8c6 } -.terminal-3614144091-r3 { fill: #e1e1e1 } + .terminal-697855935-r1 { fill: #ffffff } +.terminal-697855935-r2 { fill: #c5c8c6 } +.terminal-697855935-r3 { fill: #e0e0e0 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - HeightApp + HeightApp - - - - Widget - - - - - - - - - - - - - - - - - - - - - - + + + + Widget + + + + + + + + + + + + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[height_comparison.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[height_comparison.py].svg index 2249581009..e18f5a815e 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[height_comparison.py].svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[height_comparison.py].svg @@ -19,141 +19,141 @@ font-weight: 700; } - .terminal-3573285936-matrix { + .terminal-1085278600-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3573285936-title { + .terminal-1085278600-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3573285936-r1 { fill: #c5c8c6 } -.terminal-3573285936-r2 { fill: #e8e0e7 } -.terminal-3573285936-r3 { fill: #ddedf9 } -.terminal-3573285936-r4 { fill: #eae3e5 } -.terminal-3573285936-r5 { fill: #ede6e6 } -.terminal-3573285936-r6 { fill: #efe9e4 } -.terminal-3573285936-r7 { fill: #efeedf } -.terminal-3573285936-r8 { fill: #e9eee5 } -.terminal-3573285936-r9 { fill: #e4eee8 } -.terminal-3573285936-r10 { fill: #e2edeb } -.terminal-3573285936-r11 { fill: #dfebed } + .terminal-1085278600-r1 { fill: #c5c8c6 } +.terminal-1085278600-r2 { fill: #e7e0e6 } +.terminal-1085278600-r3 { fill: #e0e0e0 } +.terminal-1085278600-r4 { fill: #eae2e4 } +.terminal-1085278600-r5 { fill: #ece5e5 } +.terminal-1085278600-r6 { fill: #eee8e3 } +.terminal-1085278600-r7 { fill: #eeeddf } +.terminal-1085278600-r8 { fill: #e8ede4 } +.terminal-1085278600-r9 { fill: #e3ede7 } +.terminal-1085278600-r10 { fill: #e1eceb } +.terminal-1085278600-r11 { fill: #dfebec } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - HeightComparisonApp + HeightComparisonApp - - - - #cells· -· -· -#percent· - -· -#w· -· -· - -#h· -· -· -· -#vw -· -· -· -#vh· - -#auto· -#fr1· -#fr2· -· + + + + #cells· +· +· +#percent· + +· +#w· +· +· + +#h· +· +· +· +#vw +· +· +· +#vh· + +#auto· +#fr1· +#fr2· +· diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[keyline.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[keyline.py].svg index 984905f97c..4cfc1c8d38 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[keyline.py].svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[keyline.py].svg @@ -19,136 +19,136 @@ font-weight: 700; } - .terminal-1885421407-matrix { + .terminal-2446657206-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1885421407-title { + .terminal-2446657206-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1885421407-r1 { fill: #c5c8c6 } -.terminal-1885421407-r2 { fill: #008000 } -.terminal-1885421407-r3 { fill: #e8e0e7 } -.terminal-1885421407-r4 { fill: #eae3e5 } -.terminal-1885421407-r5 { fill: #1e1e1e } -.terminal-1885421407-r6 { fill: #ede6e6 } -.terminal-1885421407-r7 { fill: #efeedf } + .terminal-2446657206-r1 { fill: #c5c8c6 } +.terminal-2446657206-r2 { fill: #008000 } +.terminal-2446657206-r3 { fill: #e7e0e6 } +.terminal-2446657206-r4 { fill: #eae2e4 } +.terminal-2446657206-r5 { fill: #121212 } +.terminal-2446657206-r6 { fill: #ece5e5 } +.terminal-2446657206-r7 { fill: #eeeddf } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - KeylineApp + KeylineApp - - - - - -┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┳━━━━━━━━━━━━━━━━━━━━━━━━┓ - - -#foo - - -┣━━━━━━━━━━━━━━━━━━━━━━━┳━━━━━━━━━━━━━━━━━━━━━━━┫#bar - - -Placeholder - - -┣━━━━━━━━━━━━━━━━━━━━━━━┻━━━━━━━━━━━━━━━━━━━━━━━┻━━━━━━━━━━━━━━━━━━━━━━━━┫ - - -#baz - - - -┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛ - + + + + + +┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┳━━━━━━━━━━━━━━━━━━━━━━━━┓ + + +#foo + + +┣━━━━━━━━━━━━━━━━━━━━━━━┳━━━━━━━━━━━━━━━━━━━━━━━┫#bar + + +Placeholder + + +┣━━━━━━━━━━━━━━━━━━━━━━━┻━━━━━━━━━━━━━━━━━━━━━━━┻━━━━━━━━━━━━━━━━━━━━━━━━┫ + + +#baz + + + +┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛ + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[keyline_horizontal.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[keyline_horizontal.py].svg index 9be8fec043..8dae544cc7 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[keyline_horizontal.py].svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[keyline_horizontal.py].svg @@ -19,135 +19,135 @@ font-weight: 700; } - .terminal-1481807543-matrix { + .terminal-3023374911-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1481807543-title { + .terminal-3023374911-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1481807543-r1 { fill: #fea62b } -.terminal-1481807543-r2 { fill: #c5c8c6 } -.terminal-1481807543-r3 { fill: #e8e0e7 } -.terminal-1481807543-r4 { fill: #eae3e5 } -.terminal-1481807543-r5 { fill: #ede6e6 } + .terminal-3023374911-r1 { fill: #004578 } +.terminal-3023374911-r2 { fill: #c5c8c6 } +.terminal-3023374911-r3 { fill: #e7e0e6 } +.terminal-3023374911-r4 { fill: #eae2e4 } +.terminal-3023374911-r5 { fill: #ece5e5 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - KeylineApp + KeylineApp - - - - ┌─────────────────────────┬─────────────────────────┬──────────────────────────┐ - - - - - - - - - - -PlaceholderPlaceholderPlaceholder - - - - - - - - - - - -└─────────────────────────┴─────────────────────────┴──────────────────────────┘ + + + + ┌─────────────────────────┬─────────────────────────┬──────────────────────────┐ + + + + + + + + + + +PlaceholderPlaceholderPlaceholder + + + + + + + + + + + +└─────────────────────────┴─────────────────────────┴──────────────────────────┘ diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[layout.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[layout.py].svg index c994a65259..6d92a409d2 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[layout.py].svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[layout.py].svg @@ -19,134 +19,132 @@ font-weight: 700; } - .terminal-17876085-matrix { + .terminal-2854924863-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-17876085-title { + .terminal-2854924863-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-17876085-r1 { fill: #efddef } -.terminal-17876085-r2 { fill: #c5c8c6 } -.terminal-17876085-r3 { fill: #000000 } -.terminal-17876085-r4 { fill: #ddefef } -.terminal-17876085-r5 { fill: #e1e1e1 } + .terminal-2854924863-r1 { fill: #e0e0e0 } +.terminal-2854924863-r2 { fill: #c5c8c6 } +.terminal-2854924863-r3 { fill: #000000 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - LayoutApp + LayoutApp - - - - -Layout - -Is - -Vertical - - -LayoutIsHorizontal - - - - - - - - - - - - - - + + + + +Layout + +Is + +Vertical + + +LayoutIsHorizontal + + + + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[link_background.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[link_background.py].svg index 63a0871d73..d83a56ccde 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[link_background.py].svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[link_background.py].svg @@ -19,134 +19,134 @@ font-weight: 700; } - .terminal-3791839841-matrix { + .terminal-2634535760-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3791839841-title { + .terminal-2634535760-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3791839841-r1 { fill: #e1e1e1 } -.terminal-3791839841-r2 { fill: #c5c8c6 } -.terminal-3791839841-r3 { fill: #ffdddd;text-decoration: underline; } -.terminal-3791839841-r4 { fill: #121201;text-decoration: underline; } -.terminal-3791839841-r5 { fill: #ddedf9;text-decoration: underline; } + .terminal-2634535760-r1 { fill: #e0e0e0 } +.terminal-2634535760-r2 { fill: #c5c8c6 } +.terminal-2634535760-r3 { fill: #ffdddd;text-decoration: underline; } +.terminal-2634535760-r4 { fill: #efefdf;text-decoration: underline; } +.terminal-2634535760-r5 { fill: #211505;text-decoration: underline; } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - LinkBackgroundApp + LinkBackgroundApp - - - - Visit the Textualize website.                                                    -Click here for the bell sound.                                                   -You can also click here for the bell sound.                                      -Exit this application. - - - - - - - - - - - - - - - - - - - + + + + Visit the Textualize website.                                                    +Click here for the bell sound.                                                   +You can also click here for the bell sound.                                      +Exit this application. + + + + + + + + + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[link_background_hover.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[link_background_hover.py].svg index 42d1c19bfc..d9f6a5f0a8 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[link_background_hover.py].svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[link_background_hover.py].svg @@ -19,132 +19,132 @@ font-weight: 700; } - .terminal-213509332-matrix { + .terminal-1281938369-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-213509332-title { + .terminal-1281938369-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-213509332-r1 { fill: #e1e1e1 } -.terminal-213509332-r2 { fill: #c5c8c6 } -.terminal-213509332-r3 { fill: #e1e1e1;text-decoration: underline; } + .terminal-1281938369-r1 { fill: #e0e0e0 } +.terminal-1281938369-r2 { fill: #c5c8c6 } +.terminal-1281938369-r3 { fill: #e0e0e0;text-decoration: underline; } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - LinkHoverBackgroundApp + LinkHoverBackgroundApp - - - - Visit the Textualize website.                                                    -Click here for the bell sound.                                                   -You can also click here for the bell sound.                                      -Exit this application. - - - - - - - - - - - - - - - - - - - + + + + Visit the Textualize website.                                                    +Click here for the bell sound.                                                   +You can also click here for the bell sound.                                      +Exit this application. + + + + + + + + + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[link_color.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[link_color.py].svg index edf6054984..51de9ac98b 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[link_color.py].svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[link_color.py].svg @@ -19,134 +19,134 @@ font-weight: 700; } - .terminal-1781128917-matrix { + .terminal-1542508026-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1781128917-title { + .terminal-1542508026-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1781128917-r1 { fill: #e1e1e1 } -.terminal-1781128917-r2 { fill: #c5c8c6 } -.terminal-1781128917-r3 { fill: #ff0000;text-decoration: underline; } -.terminal-1781128917-r4 { fill: #8e8e0f;text-decoration: underline; } -.terminal-1781128917-r5 { fill: #0178d4;text-decoration: underline; } + .terminal-1542508026-r1 { fill: #e0e0e0 } +.terminal-1542508026-r2 { fill: #c5c8c6 } +.terminal-1542508026-r3 { fill: #ff0000;text-decoration: underline; } +.terminal-1542508026-r4 { fill: #888809;text-decoration: underline; } +.terminal-1542508026-r5 { fill: #fea62b;text-decoration: underline; } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - LinkColorApp + LinkColorApp - - - - Visit the Textualize website.                                                    -Click here for the bell sound.                                                   -You can also click here for the bell sound.                                      -Exit this application. - - - - - - - - - - - - - - - - - - - + + + + Visit the Textualize website.                                                    +Click here for the bell sound.                                                   +You can also click here for the bell sound.                                      +Exit this application. + + + + + + + + + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[link_color_hover.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[link_color_hover.py].svg index a76245768b..bd53874279 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[link_color_hover.py].svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[link_color_hover.py].svg @@ -19,132 +19,132 @@ font-weight: 700; } - .terminal-2559238867-matrix { + .terminal-765972928-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2559238867-title { + .terminal-765972928-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2559238867-r1 { fill: #e1e1e1 } -.terminal-2559238867-r2 { fill: #c5c8c6 } -.terminal-2559238867-r3 { fill: #e1e1e1;text-decoration: underline; } + .terminal-765972928-r1 { fill: #e0e0e0 } +.terminal-765972928-r2 { fill: #c5c8c6 } +.terminal-765972928-r3 { fill: #e0e0e0;text-decoration: underline; } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - LinkHoverColorApp + LinkHoverColorApp - - - - Visit the Textualize website.                                                    -Click here for the bell sound.                                                   -You can also click here for the bell sound.                                      -Exit this application. - - - - - - - - - - - - - - - - - - - + + + + Visit the Textualize website.                                                    +Click here for the bell sound.                                                   +You can also click here for the bell sound.                                      +Exit this application. + + + + + + + + + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[link_style.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[link_style.py].svg index 15100fb267..807af9eb95 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[link_style.py].svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[link_style.py].svg @@ -19,134 +19,134 @@ font-weight: 700; } - .terminal-4258391335-matrix { + .terminal-3176649748-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-4258391335-title { + .terminal-3176649748-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-4258391335-r1 { fill: #e1e1e1 } -.terminal-4258391335-r2 { fill: #c5c8c6 } -.terminal-4258391335-r3 { fill: #e1e1e1;font-weight: bold;font-style: italic; } -.terminal-4258391335-r4 { fill: #1e1e1e;text-decoration: line-through; } -.terminal-4258391335-r5 { fill: #e1e1e1;font-weight: bold } + .terminal-3176649748-r1 { fill: #e0e0e0 } +.terminal-3176649748-r2 { fill: #c5c8c6 } +.terminal-3176649748-r3 { fill: #e0e0e0;font-weight: bold;font-style: italic; } +.terminal-3176649748-r4 { fill: #121212;text-decoration: line-through; } +.terminal-3176649748-r5 { fill: #e0e0e0;font-weight: bold } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - LinkStyleApp + LinkStyleApp - - - - Visit the Textualize website.                                                    -Click here for the bell sound.                                                   -You can also click here for the bell sound.                                      -Exit this application. - - - - - - - - - - - - - - - - - - - + + + + Visit the Textualize website.                                                    +Click here for the bell sound.                                                   +You can also click here for the bell sound.                                      +Exit this application. + + + + + + + + + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[link_style_hover.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[link_style_hover.py].svg index 5ab9dc8e50..8d4db695a3 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[link_style_hover.py].svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[link_style_hover.py].svg @@ -19,132 +19,132 @@ font-weight: 700; } - .terminal-2570642149-matrix { + .terminal-777376210-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2570642149-title { + .terminal-777376210-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2570642149-r1 { fill: #e1e1e1 } -.terminal-2570642149-r2 { fill: #c5c8c6 } -.terminal-2570642149-r3 { fill: #e1e1e1;text-decoration: underline; } + .terminal-777376210-r1 { fill: #e0e0e0 } +.terminal-777376210-r2 { fill: #c5c8c6 } +.terminal-777376210-r3 { fill: #e0e0e0;text-decoration: underline; } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - LinkHoverStyleApp + LinkHoverStyleApp - - - - Visit the Textualize website.                                                    -Click here for the bell sound.                                                   -You can also click here for the bell sound.                                      -Exit this application. - - - - - - - - - - - - - - - - - - - + + + + Visit the Textualize website.                                                    +Click here for the bell sound.                                                   +You can also click here for the bell sound.                                      +Exit this application. + + + + + + + + + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[links.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[links.py].svg index 6036dd28ca..855bb89d73 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[links.py].svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[links.py].svg @@ -19,133 +19,133 @@ font-weight: 700; } - .terminal-3461676208-matrix { + .terminal-3072978127-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3461676208-title { + .terminal-3072978127-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3461676208-r1 { fill: #e1e1e1 } -.terminal-3461676208-r2 { fill: #e1e1e1;text-decoration: underline; } -.terminal-3461676208-r3 { fill: #c5c8c6 } -.terminal-3461676208-r4 { fill: #030e19;font-weight: bold;font-style: italic;;text-decoration: underline; } + .terminal-3072978127-r1 { fill: #e0e0e0 } +.terminal-3072978127-r2 { fill: #e0e0e0;text-decoration: underline; } +.terminal-3072978127-r3 { fill: #c5c8c6 } +.terminal-3072978127-r4 { fill: #030e19;font-weight: bold;font-style: italic;;text-decoration: underline; } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - LinksApp + LinksApp - - - - Here is a link which you can click! - -Here is a link which you can click! - - - - - - - - - - - - - - - - - - - - + + + + Here is a link which you can click! + +Here is a link which you can click! + + + + + + + + + + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[max_height.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[max_height.py].svg index 137f4d0809..188e91b7e6 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[max_height.py].svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[max_height.py].svg @@ -19,135 +19,135 @@ font-weight: 700; } - .terminal-871212948-matrix { + .terminal-3709115834-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-871212948-title { + .terminal-3709115834-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-871212948-r1 { fill: #c5c8c6 } -.terminal-871212948-r2 { fill: #e8e0e7 } -.terminal-871212948-r3 { fill: #efe9e4 } -.terminal-871212948-r4 { fill: #ede6e6 } -.terminal-871212948-r5 { fill: #e1e1e1 } -.terminal-871212948-r6 { fill: #eae3e5 } + .terminal-3709115834-r1 { fill: #c5c8c6 } +.terminal-3709115834-r2 { fill: #e7e0e6 } +.terminal-3709115834-r3 { fill: #eee8e3 } +.terminal-3709115834-r4 { fill: #ece5e5 } +.terminal-3709115834-r5 { fill: #e0e0e0 } +.terminal-3709115834-r6 { fill: #eae2e4 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - MaxHeightApp + MaxHeightApp - - - - - - -max-height: 10w -max-height: 10 -max-height: 50% - - - - - -max-height: 999 - - - - - - - - - - - + + + + + + +max-height: 10w +max-height: 10 +max-height: 50% + + + + + +max-height: 999 + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[max_width.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[max_width.py].svg index 7b14e2ee82..ed0a6ea01e 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[max_width.py].svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[max_width.py].svg @@ -19,135 +19,135 @@ font-weight: 700; } - .terminal-2391822459-matrix { + .terminal-2158578299-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2391822459-title { + .terminal-2158578299-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2391822459-r1 { fill: #c5c8c6 } -.terminal-2391822459-r2 { fill: #e1e1e1 } -.terminal-2391822459-r3 { fill: #e8e0e7 } -.terminal-2391822459-r4 { fill: #eae3e5 } -.terminal-2391822459-r5 { fill: #ede6e6 } -.terminal-2391822459-r6 { fill: #efe9e4 } + .terminal-2158578299-r1 { fill: #c5c8c6 } +.terminal-2158578299-r2 { fill: #e0e0e0 } +.terminal-2158578299-r3 { fill: #e7e0e6 } +.terminal-2158578299-r4 { fill: #eae2e4 } +.terminal-2158578299-r5 { fill: #ece5e5 } +.terminal-2158578299-r6 { fill: #eee8e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - MaxWidthApp + MaxWidthApp - - - - - -max-width:  -50h - - - - -max-width: 999 - - - - - -max-width: 50% - - - - - -max-width: 30 - - + + + + + +max-width:  +50h + + + + +max-width: 999 + + + + + +max-width: 50% + + + + + +max-width: 30 + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[min_height.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[min_height.py].svg index 4994a56bc9..cb93bfbc65 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[min_height.py].svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[min_height.py].svg @@ -19,137 +19,137 @@ font-weight: 700; } - .terminal-2728591289-matrix { + .terminal-3829199572-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2728591289-title { + .terminal-3829199572-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2728591289-r1 { fill: #c5c8c6 } -.terminal-2728591289-r2 { fill: #1e1e1e } -.terminal-2728591289-r3 { fill: #e8e0e7 } -.terminal-2728591289-r4 { fill: #eae3e5 } -.terminal-2728591289-r5 { fill: #e1e1e1 } -.terminal-2728591289-r6 { fill: #ede6e6 } -.terminal-2728591289-r7 { fill: #efe9e4 } -.terminal-2728591289-r8 { fill: #14191f } + .terminal-3829199572-r1 { fill: #c5c8c6 } +.terminal-3829199572-r2 { fill: #121212 } +.terminal-3829199572-r3 { fill: #e7e0e6 } +.terminal-3829199572-r4 { fill: #eae2e4 } +.terminal-3829199572-r5 { fill: #e0e0e0 } +.terminal-3829199572-r6 { fill: #ece5e5 } +.terminal-3829199572-r7 { fill: #eee8e3 } +.terminal-3829199572-r8 { fill: #000000 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - MinHeightApp + MinHeightApp - - - - - - - - -min-height: 25% - - -min-height: 75% - - - - - -min-height: 30 -min-height: 40w - - -▃▃ - - - - + + + + + + + + +min-height: 25% + + +min-height: 75% + + + + + +min-height: 30 +min-height: 40w + + +▃▃ + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[min_width.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[min_width.py].svg index 0aa9bf35d9..06a2a6ddce 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[min_width.py].svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[min_width.py].svg @@ -19,136 +19,136 @@ font-weight: 700; } - .terminal-1758188849-matrix { + .terminal-4045001061-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1758188849-title { + .terminal-4045001061-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1758188849-r1 { fill: #c5c8c6 } -.terminal-1758188849-r2 { fill: #e1e1e1 } -.terminal-1758188849-r3 { fill: #e8e0e7 } -.terminal-1758188849-r4 { fill: #eae3e5 } -.terminal-1758188849-r5 { fill: #ede6e6 } -.terminal-1758188849-r6 { fill: #efe9e4 } -.terminal-1758188849-r7 { fill: #1e1e1e } + .terminal-4045001061-r1 { fill: #c5c8c6 } +.terminal-4045001061-r2 { fill: #e0e0e0 } +.terminal-4045001061-r3 { fill: #e7e0e6 } +.terminal-4045001061-r4 { fill: #eae2e4 } +.terminal-4045001061-r5 { fill: #ece5e5 } +.terminal-4045001061-r6 { fill: #eee8e3 } +.terminal-4045001061-r7 { fill: #121212 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - MinWidthApp + MinWidthApp - - - - - -min-width: 25% - - - - -min-width: 75% - - - - - -min-width: 100 - - - - - -min-width: 400h - - - + + + + + +min-width: 25% + + + + +min-width: 75% + + + + + +min-width: 100 + + + + + +min-width: 400h + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[opacity.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[opacity.py].svg index dabedbfa8b..344862df39 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[opacity.py].svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[opacity.py].svg @@ -19,141 +19,141 @@ font-weight: 700; } - .terminal-618549268-matrix { + .terminal-1157124040-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-618549268-title { + .terminal-1157124040-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-618549268-r1 { fill: #000000 } -.terminal-618549268-r2 { fill: #c5c8c6 } -.terminal-618549268-r3 { fill: #000000;font-weight: bold } -.terminal-618549268-r4 { fill: #01090f } -.terminal-618549268-r5 { fill: #373838;font-weight: bold } -.terminal-618549268-r6 { fill: #07243f } -.terminal-618549268-r7 { fill: #6f7474;font-weight: bold } -.terminal-618549268-r8 { fill: #10518f } -.terminal-618549268-r9 { fill: #a8b3b2;font-weight: bold } -.terminal-618549268-r10 { fill: #1e90ff } -.terminal-618549268-r11 { fill: #e2f4f3;font-weight: bold } + .terminal-1157124040-r1 { fill: #000000 } +.terminal-1157124040-r2 { fill: #c5c8c6 } +.terminal-1157124040-r3 { fill: #000000;font-weight: bold } +.terminal-1157124040-r4 { fill: #01090f } +.terminal-1157124040-r5 { fill: #383838;font-weight: bold } +.terminal-1157124040-r6 { fill: #07243f } +.terminal-1157124040-r7 { fill: #707070;font-weight: bold } +.terminal-1157124040-r8 { fill: #10518f } +.terminal-1157124040-r9 { fill: #a8a8a8;font-weight: bold } +.terminal-1157124040-r10 { fill: #1e90ff } +.terminal-1157124040-r11 { fill: #e0e0e0;font-weight: bold } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - OpacityApp + OpacityApp - + - - ▛▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▜ -opacity: 0% - -▙▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▟ -▛▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▜ - -opacity: 25% - -▙▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▟ -▛▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▜ - -opacity: 50% - -▙▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▟ -▛▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▜ - -opacity: 75% - -▙▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▟ -▛▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▜ - -opacity: 100% - -▙▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▟ + + ▛▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▜ +opacity: 0% + +▙▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▟ +▛▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▜ + +opacity: 25% + +▙▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▟ +▛▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▜ + +opacity: 50% + +▙▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▟ +▛▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▜ + +opacity: 75% + +▙▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▟ +▛▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▜ + +opacity: 100% + +▙▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▟ diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[outline_all.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[outline_all.py].svg index 0cd831a4b4..3a72a3dc4e 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[outline_all.py].svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[outline_all.py].svg @@ -19,133 +19,133 @@ font-weight: 700; } - .terminal-3311194111-matrix { + .terminal-2423824395-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3311194111-title { + .terminal-2423824395-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3311194111-r1 { fill: #e1e1e1 } -.terminal-3311194111-r2 { fill: #0178d4 } -.terminal-3311194111-r3 { fill: #c5c8c6 } -.terminal-3311194111-r4 { fill: #1e1e1e } + .terminal-2423824395-r1 { fill: #e0e0e0 } +.terminal-2423824395-r2 { fill: #fea62b } +.terminal-2423824395-r3 { fill: #c5c8c6 } +.terminal-2423824395-r4 { fill: #121212 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - AllOutlinesApp + AllOutlinesApp - - - - +------------------+┏╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍┓ -|ascii|blankdashed -+------------------+┗╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍┛ - - -╔══════════════════╗┏━━━━━━━━━━━━━━━━━━┓ -doubleheavyhidden/none -╚══════════════════╝┗━━━━━━━━━━━━━━━━━━┛ - - -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▗▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▖ -hkeyinnernone -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▝▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▘ - - -▛▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▜╭──────────────────╮┌──────────────────┐ -outerroundsolid -▙▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▟╰──────────────────╯└──────────────────┘ - - -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎▏                  ▕▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ -tallvkeywide -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎▏                  ▕▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + + + + +------------------+┏╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍┓ +|ascii|blankdashed ++------------------+┗╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍┛ + + +╔══════════════════╗┏━━━━━━━━━━━━━━━━━━┓ +doubleheavyhidden/none +╚══════════════════╝┗━━━━━━━━━━━━━━━━━━┛ + + +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▗▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▖ +hkeyinnernone +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▝▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▘ + + +▛▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▜╭──────────────────╮┌──────────────────┐ +outerroundsolid +▙▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▟╰──────────────────╯└──────────────────┘ + + +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎▏                  ▕▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ +tallvkeywide +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎▏                  ▕▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[outline_vs_border.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[outline_vs_border.py].svg index ed503e7926..34be27b79f 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[outline_vs_border.py].svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[outline_vs_border.py].svg @@ -19,134 +19,134 @@ font-weight: 700; } - .terminal-55418416-matrix { + .terminal-2691590399-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-55418416-title { + .terminal-2691590399-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-55418416-r1 { fill: #b93c5b } -.terminal-55418416-r2 { fill: #e1e1e1 } -.terminal-55418416-r3 { fill: #c5c8c6 } -.terminal-55418416-r4 { fill: #4ebf71 } + .terminal-2691590399-r1 { fill: #b93c5b } +.terminal-2691590399-r2 { fill: #e0e0e0 } +.terminal-2691590399-r3 { fill: #c5c8c6 } +.terminal-2691590399-r4 { fill: #4ebf71 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - OutlineBorderApp + OutlineBorderApp - - - - ╭───────────────────────────────────────────────────────────────────╮ -ear is the mind-killer. -ear is the little-death that brings total obliteration. - will face my fear. - will permit it to pass over me and through me. -nd when it has gone past, I will turn the inner eye to see its path -here the fear has gone there will be nothing. Only I will remain. -╰───────────────────────────────────────────────────────────────────╯ -┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓ -I must not fear. -Fear is the mind-killer. -Fear is the little-death that brings total obliteration. -I will face my fear. -I will permit it to pass over me and through me. -And when it has gone past, I will turn the inner eye to see its path. -┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛ -╭─────────────────────────────────────────────────────────────────────╮ -I must not fear. -Fear is the mind-killer. -Fear is the little-death that brings total obliteration. -I will face my fear. -I will permit it to pass over me and through me. -And when it has gone past, I will turn the inner eye to see its path. -╰─────────────────────────────────────────────────────────────────────╯ + + + + ╭───────────────────────────────────────────────────────────────────╮ +ear is the mind-killer. +ear is the little-death that brings total obliteration. + will face my fear. + will permit it to pass over me and through me. +nd when it has gone past, I will turn the inner eye to see its path +here the fear has gone there will be nothing. Only I will remain. +╰───────────────────────────────────────────────────────────────────╯ +┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓ +I must not fear. +Fear is the mind-killer. +Fear is the little-death that brings total obliteration. +I will face my fear. +I will permit it to pass over me and through me. +And when it has gone past, I will turn the inner eye to see its path. +┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛ +╭─────────────────────────────────────────────────────────────────────╮ +I must not fear. +Fear is the mind-killer. +Fear is the little-death that brings total obliteration. +I will face my fear. +I will permit it to pass over me and through me. +And when it has gone past, I will turn the inner eye to see its path. +╰─────────────────────────────────────────────────────────────────────╯ diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[overflow.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[overflow.py].svg index 40eefa2ee0..cfa199949e 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[overflow.py].svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[overflow.py].svg @@ -19,137 +19,136 @@ font-weight: 700; } - .terminal-2280965404-matrix { + .terminal-3419977497-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2280965404-title { + .terminal-3419977497-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2280965404-r1 { fill: #000000 } -.terminal-2280965404-r2 { fill: #121212 } -.terminal-2280965404-r3 { fill: #c5c8c6 } -.terminal-2280965404-r4 { fill: #008000 } -.terminal-2280965404-r5 { fill: #e5f0e5 } -.terminal-2280965404-r6 { fill: #036a03 } -.terminal-2280965404-r7 { fill: #14191f } + .terminal-3419977497-r1 { fill: #000000 } +.terminal-3419977497-r2 { fill: #121212 } +.terminal-3419977497-r3 { fill: #c5c8c6 } +.terminal-3419977497-r4 { fill: #008000 } +.terminal-3419977497-r5 { fill: #e5f0e5 } +.terminal-3419977497-r6 { fill: #036a03 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - OverflowApp + OverflowApp - - - - -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ -I must not fear.I must not fear. -Fear is the mind-killer.Fear is the mind-killer. -Fear is the little-death that Fear is the little-death that  -brings total obliteration.brings total obliteration. -I will face my fear.I will face my fear. -I will permit it to pass over meI will permit it to pass over me  -and through me.and through me. -And when it has gone past, I And when it has gone past, I will  -will turn the inner eye to see turn the inner eye to see its  -its path.▁▁path. -Where the fear has gone there Where the fear has gone there will -will be nothing. Only I will be nothing. Only I will remain. -remain.▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁I must not fear. -I must not fear.Fear is the mind-killer. -Fear is the mind-killer.Fear is the little-death that  -Fear is the little-death that brings total obliteration. -brings total obliteration.I will face my fear. -I will face my fear.I will permit it to pass over me  -I will permit it to pass over meand through me. + + + + +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ +I must not fear.I must not fear. +Fear is the mind-killer.Fear is the mind-killer. +Fear is the little-death that Fear is the little-death that  +brings total obliteration.brings total obliteration. +I will face my fear.I will face my fear. +I will permit it to pass over meI will permit it to pass over me  +and through me.and through me. +And when it has gone past, I And when it has gone past, I will  +will turn the inner eye to see turn the inner eye to see its  +its path.▁▁path. +Where the fear has gone there Where the fear has gone there will +will be nothing. Only I will be nothing. Only I will remain. +remain.▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁I must not fear. +I must not fear.Fear is the mind-killer. +Fear is the mind-killer.Fear is the little-death that  +Fear is the little-death that brings total obliteration. +brings total obliteration.I will face my fear. +I will face my fear.I will permit it to pass over me  +I will permit it to pass over meand through me. diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[row_span.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[row_span.py].svg index 56ad130772..9d2edd4c53 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[row_span.py].svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[row_span.py].svg @@ -19,138 +19,138 @@ font-weight: 700; } - .terminal-3617589510-matrix { + .terminal-2350635735-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3617589510-title { + .terminal-2350635735-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3617589510-r1 { fill: #c5c8c6 } -.terminal-3617589510-r2 { fill: #e1e1e1 } -.terminal-3617589510-r3 { fill: #efe9e4 } -.terminal-3617589510-r4 { fill: #ede6e6 } -.terminal-3617589510-r5 { fill: #eae3e5 } -.terminal-3617589510-r6 { fill: #e8e0e7 } -.terminal-3617589510-r7 { fill: #efeedf } -.terminal-3617589510-r8 { fill: #e9eee5 } -.terminal-3617589510-r9 { fill: #e4eee8 } + .terminal-2350635735-r1 { fill: #c5c8c6 } +.terminal-2350635735-r2 { fill: #e0e0e0 } +.terminal-2350635735-r3 { fill: #eee8e3 } +.terminal-2350635735-r4 { fill: #ece5e5 } +.terminal-2350635735-r5 { fill: #eae2e4 } +.terminal-2350635735-r6 { fill: #e7e0e6 } +.terminal-2350635735-r7 { fill: #eeeddf } +.terminal-2350635735-r8 { fill: #e8ede4 } +.terminal-2350635735-r9 { fill: #e3ede7 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - MyApp + MyApp - - - - - -#p4 - - -#p3 - - -#p2 - - -#p1 - - -#p5 - - -#p6 - - -#p7 - - + + + + + +#p4 + + +#p3 + + +#p2 + + +#p1 + + +#p5 + + +#p6 + + +#p7 + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[scrollbar_corner_color.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[scrollbar_corner_color.py].svg index 52b074745e..0e81f1f619 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[scrollbar_corner_color.py].svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[scrollbar_corner_color.py].svg @@ -19,133 +19,133 @@ font-weight: 700; } - .terminal-2078122073-matrix { + .terminal-2649911942-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2078122073-title { + .terminal-2649911942-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2078122073-r1 { fill: #e1e1e1 } -.terminal-2078122073-r2 { fill: #1e1e1e } -.terminal-2078122073-r3 { fill: #c5c8c6 } -.terminal-2078122073-r4 { fill: #14191f } + .terminal-2649911942-r1 { fill: #e0e0e0 } +.terminal-2649911942-r2 { fill: #121212 } +.terminal-2649911942-r3 { fill: #c5c8c6 } +.terminal-2649911942-r4 { fill: #000000 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - ScrollbarCornerColorApp + ScrollbarCornerColorApp - - - - I must not fear. Fear is the mind-killer. Fear is the little-death that brings -I must not fear. -Fear is the mind-killer. -Fear is the little-death that brings total obliteration. -I will face my fear. -I will permit it to pass over me and through me. -And when it has gone past, I will turn the inner eye to see its path. -Where the fear has gone there will be nothing. Only I will remain.▅▅ -I must not fear. -Fear is the mind-killer. -Fear is the little-death that brings total obliteration. -I will face my fear. -I will permit it to pass over me and through me. -And when it has gone past, I will turn the inner eye to see its path. -Where the fear has gone there will be nothing. Only I will remain. -I must not fear. -Fear is the mind-killer. -Fear is the little-death that brings total obliteration. -I will face my fear. -I will permit it to pass over me and through me. -And when it has gone past, I will turn the inner eye to see its path. -Where the fear has gone there will be nothing. Only I will remain. -I must not fear. + + + + I must not fear. Fear is the mind-killer. Fear is the little-death that brings +I must not fear. +Fear is the mind-killer. +Fear is the little-death that brings total obliteration. +I will face my fear. +I will permit it to pass over me and through me. +And when it has gone past, I will turn the inner eye to see its path. +Where the fear has gone there will be nothing. Only I will remain.▅▅ +I must not fear. +Fear is the mind-killer. +Fear is the little-death that brings total obliteration. +I will face my fear. +I will permit it to pass over me and through me. +And when it has gone past, I will turn the inner eye to see its path. +Where the fear has gone there will be nothing. Only I will remain. +I must not fear. +Fear is the mind-killer. +Fear is the little-death that brings total obliteration. +I will face my fear. +I will permit it to pass over me and through me. +And when it has gone past, I will turn the inner eye to see its path. +Where the fear has gone there will be nothing. Only I will remain. +I must not fear. diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[scrollbar_gutter.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[scrollbar_gutter.py].svg index 287c9aa165..3c8b043f19 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[scrollbar_gutter.py].svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[scrollbar_gutter.py].svg @@ -19,132 +19,132 @@ font-weight: 700; } - .terminal-2133906435-matrix { + .terminal-2967127755-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2133906435-title { + .terminal-2967127755-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2133906435-r1 { fill: #fffaf0 } -.terminal-2133906435-r2 { fill: #c5c8c6 } -.terminal-2133906435-r3 { fill: #e1e1e1 } + .terminal-2967127755-r1 { fill: #fffaf0 } +.terminal-2967127755-r2 { fill: #c5c8c6 } +.terminal-2967127755-r3 { fill: #e0e0e0 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - ScrollbarGutterApp + ScrollbarGutterApp - - - - I must not fear. -Fear is the mind-killer. -Fear is the little-death that brings total obliteration. -I will face my fear. -I will permit it to pass over me and through me. -And when it has gone past, I will turn the inner eye to see its path. -Where the fear has gone there will be nothing. Only I will remain. - - - - - - - - - - - - - - - - + + + + I must not fear. +Fear is the mind-killer. +Fear is the little-death that brings total obliteration. +I will face my fear. +I will permit it to pass over me and through me. +And when it has gone past, I will turn the inner eye to see its path. +Where the fear has gone there will be nothing. Only I will remain. + + + + + + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[scrollbar_size.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[scrollbar_size.py].svg index 2b7e85df27..f84fa74742 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[scrollbar_size.py].svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[scrollbar_size.py].svg @@ -19,133 +19,133 @@ font-weight: 700; } - .terminal-715252448-matrix { + .terminal-1245890115-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-715252448-title { + .terminal-1245890115-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-715252448-r1 { fill: #c5c8c6 } -.terminal-715252448-r2 { fill: #ffffff } -.terminal-715252448-r3 { fill: #3333ff } -.terminal-715252448-r4 { fill: #14191f } + .terminal-1245890115-r1 { fill: #c5c8c6 } +.terminal-1245890115-r2 { fill: #ffffff } +.terminal-1245890115-r3 { fill: #3333ff } +.terminal-1245890115-r4 { fill: #000000 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - ScrollbarApp + ScrollbarApp - - - - - -I must not fear. -Fear is the mind-killer. -Fear is the little-death that brings total obliteration.▁▁▁▁ -I will face my fear. -I will permit it to pass over me and through me. -And when it has gone past, I will turn the inner eye to see its path. -Where the fear has gone there will be nothing. Only I will remain. -I must not fear. -Fear is the mind-killer. -Fear is the little-death that brings total obliteration. -I will face my fear. - - - - - - - - - - + + + + + +I must not fear. +Fear is the mind-killer. +Fear is the little-death that brings total obliteration.▁▁▁▁ +I will face my fear. +I will permit it to pass over me and through me. +And when it has gone past, I will turn the inner eye to see its path. +Where the fear has gone there will be nothing. Only I will remain. +I must not fear. +Fear is the mind-killer. +Fear is the little-death that brings total obliteration. +I will face my fear. + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[scrollbar_size2.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[scrollbar_size2.py].svg index f6cc94fe1b..f9108cd8e0 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[scrollbar_size2.py].svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[scrollbar_size2.py].svg @@ -19,139 +19,137 @@ font-weight: 700; } - .terminal-3769580805-matrix { + .terminal-2210600219-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3769580805-title { + .terminal-2210600219-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3769580805-r1 { fill: #e7e0e0 } -.terminal-3769580805-r2 { fill: #c5c8c6 } -.terminal-3769580805-r3 { fill: #4b1818 } -.terminal-3769580805-r4 { fill: #e0e4e0 } -.terminal-3769580805-r5 { fill: #183118 } -.terminal-3769580805-r6 { fill: #e0e0e7 } -.terminal-3769580805-r7 { fill: #18184b } -.terminal-3769580805-r8 { fill: #14191f } -.terminal-3769580805-r9 { fill: #23568b } + .terminal-2210600219-r1 { fill: #e0e0e0 } +.terminal-2210600219-r2 { fill: #c5c8c6 } +.terminal-2210600219-r3 { fill: #410e0e } +.terminal-2210600219-r4 { fill: #0e280e } +.terminal-2210600219-r5 { fill: #0e0e41 } +.terminal-2210600219-r6 { fill: #000000 } +.terminal-2210600219-r7 { fill: #242f38 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - ScrollbarApp + ScrollbarApp - - - - I must not fear.I must not fear.I must not fear. -Fear is the mind-killer.Fear is the mind-killer.Fear is the mind-killer. -Fear is the little-death Fear is the little-death tFear is the little-death  -I will face my fear.I will face my fear.I will face my fear. -I will permit it to pass I will permit it to pass oI will permit it to pass  -And when it has gone pastAnd when it has gone past,And when it has gone past -Where the fear has gone tWhere the fear has gone thWhere the fear has gone t -I must not fear.I must not fear.I must not fear. -Fear is the mind-killer.Fear is the mind-killer.Fear is the mind-killer. -Fear is the little-death Fear is the little-death tFear is the little-death  -I will face my fear.I will face my fear.I will face my fear.▇▇ -I will permit it to pass I will permit it to pass oI will permit it to pass  -And when it has gone pastAnd when it has gone past,And when it has gone past -Where the fear has gone tWhere the fear has gone thWhere the fear has gone t -I must not fear.I must not fear.I must not fear. -Fear is the mind-killer.Fear is the mind-killer.Fear is the mind-killer. -Fear is the little-death Fear is the little-death tFear is the little-death  -I will face my fear.I will face my fear.I will face my fear. -I will permit it to pass I will permit it to pass oI will permit it to pass  -And when it has gone past, -Where the fear has gone th -I must not fear. -Fear is the mind-killer. - + + + + I must not fear.I must not fear.I must not fear. +Fear is the mind-killer.Fear is the mind-killer.Fear is the mind-killer. +Fear is the little-death Fear is the little-death tFear is the little-death  +I will face my fear.I will face my fear.I will face my fear. +I will permit it to pass I will permit it to pass oI will permit it to pass  +And when it has gone pastAnd when it has gone past,And when it has gone past +Where the fear has gone tWhere the fear has gone thWhere the fear has gone t +I must not fear.I must not fear.I must not fear. +Fear is the mind-killer.Fear is the mind-killer.Fear is the mind-killer. +Fear is the little-death Fear is the little-death tFear is the little-death  +I will face my fear.I will face my fear.I will face my fear.▇▇ +I will permit it to pass I will permit it to pass oI will permit it to pass  +And when it has gone pastAnd when it has gone past,And when it has gone past +Where the fear has gone tWhere the fear has gone thWhere the fear has gone t +I must not fear.I must not fear.I must not fear. +Fear is the mind-killer.Fear is the mind-killer.Fear is the mind-killer. +Fear is the little-death Fear is the little-death tFear is the little-death  +I will face my fear.I will face my fear.I will face my fear. +I will permit it to pass I will permit it to pass oI will permit it to pass  +And when it has gone past, +Where the fear has gone th +I must not fear. +Fear is the mind-killer. + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[scrollbars.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[scrollbars.py].svg index 9a621fd8a0..6397626205 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[scrollbars.py].svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[scrollbars.py].svg @@ -19,137 +19,137 @@ font-weight: 700; } - .terminal-3671412872-matrix { + .terminal-1158220469-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3671412872-title { + .terminal-1158220469-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3671412872-r1 { fill: #e1e1e1 } -.terminal-3671412872-r2 { fill: #c5c8c6 } -.terminal-3671412872-r3 { fill: #1e1e1e } -.terminal-3671412872-r4 { fill: #14191f } -.terminal-3671412872-r5 { fill: #ff0000 } -.terminal-3671412872-r6 { fill: #23568b } -.terminal-3671412872-r7 { fill: #008000 } + .terminal-1158220469-r1 { fill: #e0e0e0 } +.terminal-1158220469-r2 { fill: #c5c8c6 } +.terminal-1158220469-r3 { fill: #121212 } +.terminal-1158220469-r4 { fill: #000000 } +.terminal-1158220469-r5 { fill: #ff0000 } +.terminal-1158220469-r6 { fill: #242f38 } +.terminal-1158220469-r7 { fill: #008000 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - ScrollbarApp + ScrollbarApp - - - - I must not fear.I must not fear. -Fear is the mind-killer.Fear is the mind-killer. -Fear is the little-death that brings tFear is the little-death that brings t -I will face my fear.I will face my fear. -I will permit it to pass over me and tI will permit it to pass over me and t -And when it has gone past, I will turnAnd when it has gone past, I will turn -see its path.see its path. -Where the fear has gone there will be Where the fear has gone there will be  -will remain.will remain. -I must not fear.I must not fear. -Fear is the mind-killer.Fear is the mind-killer. -Fear is the little-death that brings tFear is the little-death that brings t -I will face my fear.I will face my fear. -I will permit it to pass over me and tI will permit it to pass over me and t -And when it has gone past, I will turnAnd when it has gone past, I will turn -see its path.▃▃see its path.▃▃ -Where the fear has gone there will be Where the fear has gone there will be  -will remain.will remain. -I must not fear.I must not fear. -Fear is the mind-killer.Fear is the mind-killer. -Fear is the little-death that brings tFear is the little-death that brings t -I will face my fear.I will face my fear. -I will permit it to pass over me and tI will permit it to pass over me and t - + + + + I must not fear.I must not fear. +Fear is the mind-killer.Fear is the mind-killer. +Fear is the little-death that brings tFear is the little-death that brings t +I will face my fear.I will face my fear. +I will permit it to pass over me and tI will permit it to pass over me and t +And when it has gone past, I will turnAnd when it has gone past, I will turn +see its path.see its path. +Where the fear has gone there will be Where the fear has gone there will be  +will remain.will remain. +I must not fear.I must not fear. +Fear is the mind-killer.Fear is the mind-killer. +Fear is the little-death that brings tFear is the little-death that brings t +I will face my fear.I will face my fear. +I will permit it to pass over me and tI will permit it to pass over me and t +And when it has gone past, I will turnAnd when it has gone past, I will turn +see its path.▃▃see its path.▃▃ +Where the fear has gone there will be Where the fear has gone there will be  +will remain.will remain. +I must not fear.I must not fear. +Fear is the mind-killer.Fear is the mind-killer. +Fear is the little-death that brings tFear is the little-death that brings t +I will face my fear.I will face my fear. +I will permit it to pass over me and tI will permit it to pass over me and t + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[scrollbars2.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[scrollbars2.py].svg index b249691404..37da6b7de9 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[scrollbars2.py].svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[scrollbars2.py].svg @@ -19,134 +19,134 @@ font-weight: 700; } - .terminal-1771288740-matrix { + .terminal-3879964726-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1771288740-title { + .terminal-3879964726-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1771288740-r1 { fill: #e1e1e1 } -.terminal-1771288740-r2 { fill: #c5c8c6 } -.terminal-1771288740-r3 { fill: #1e1e1e } -.terminal-1771288740-r4 { fill: #0000ff } + .terminal-3879964726-r1 { fill: #e0e0e0 } +.terminal-3879964726-r2 { fill: #c5c8c6 } +.terminal-3879964726-r3 { fill: #121212 } +.terminal-3879964726-r4 { fill: #0000ff } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - Scrollbar2App + Scrollbar2App - - - - I must not fear. -Fear is the mind-killer. -Fear is the little-death that brings total obliteration. -I will face my fear. -I will permit it to pass over me and through me. -And when it has gone past, I will turn the inner eye to see its path.          -Where the fear has gone there will be nothing. Only I will remain. -I must not fear. -Fear is the mind-killer.▇▇ -Fear is the little-death that brings total obliteration. -I will face my fear. -I will permit it to pass over me and through me. -And when it has gone past, I will turn the inner eye to see its path.          -Where the fear has gone there will be nothing. Only I will remain. -I must not fear. -Fear is the mind-killer. -Fear is the little-death that brings total obliteration. -I will face my fear. -I will permit it to pass over me and through me. -And when it has gone past, I will turn the inner eye to see its path.          -Where the fear has gone there will be nothing. Only I will remain. -I must not fear. -Fear is the mind-killer. -Fear is the little-death that brings total obliteration. + + + + I must not fear. +Fear is the mind-killer. +Fear is the little-death that brings total obliteration. +I will face my fear. +I will permit it to pass over me and through me. +And when it has gone past, I will turn the inner eye to see its path.          +Where the fear has gone there will be nothing. Only I will remain. +I must not fear. +Fear is the mind-killer.▇▇ +Fear is the little-death that brings total obliteration. +I will face my fear. +I will permit it to pass over me and through me. +And when it has gone past, I will turn the inner eye to see its path.          +Where the fear has gone there will be nothing. Only I will remain. +I must not fear. +Fear is the mind-killer. +Fear is the little-death that brings total obliteration. +I will face my fear. +I will permit it to pass over me and through me. +And when it has gone past, I will turn the inner eye to see its path.          +Where the fear has gone there will be nothing. Only I will remain. +I must not fear. +Fear is the mind-killer. +Fear is the little-death that brings total obliteration. diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[text_align.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[text_align.py].svg index 1418702b56..7bc6d26b62 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[text_align.py].svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[text_align.py].svg @@ -19,138 +19,134 @@ font-weight: 700; } - .terminal-2525861690-matrix { + .terminal-3439298128-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2525861690-title { + .terminal-3439298128-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2525861690-r1 { fill: #c5c8c6 } -.terminal-2525861690-r2 { fill: #161c1d;font-weight: bold } -.terminal-2525861690-r3 { fill: #161c1d } -.terminal-2525861690-r4 { fill: #f8e9e9 } -.terminal-2525861690-r5 { fill: #f8e9e9;font-weight: bold } -.terminal-2525861690-r6 { fill: #132013 } -.terminal-2525861690-r7 { fill: #132013;font-weight: bold } -.terminal-2525861690-r8 { fill: #1c0e13;font-weight: bold } -.terminal-2525861690-r9 { fill: #1c0e13 } + .terminal-3439298128-r1 { fill: #c5c8c6 } +.terminal-3439298128-r2 { fill: #000000;font-weight: bold } +.terminal-3439298128-r3 { fill: #000000 } +.terminal-3439298128-r4 { fill: #ffffff } +.terminal-3439298128-r5 { fill: #ffffff;font-weight: bold } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - TextAlign + TextAlign - + - - -Left alignedCenter aligned -I must not fear. Fear is the            I must not fear. Fear is the     -mind-killer. Fear is the                  mind-killer. Fear is the       -little-death that brings total         little-death that brings total    -obliteration. I will face my fear. Iobliteration. I will face my fear. I -will permit it to pass over me and   will permit it to pass over me and  -through me.                                     through me.              - - - - - -Right alignedJustified -        I must not fear. Fear is theI  must  not  fear.  Fear   is   the -            mind-killer. Fear is themind-killer.     Fear     is     the -      little-death that brings totallittle-death   that   brings   total -obliteration. I will face my fear. Iobliteration. I will face my fear. I -  will permit it to pass over me andwill permit it to pass over  me  and -                         through me.through me. - - - + + +Left alignedCenter aligned +I must not fear. Fear is the            I must not fear. Fear is the     +mind-killer. Fear is the                  mind-killer. Fear is the       +little-death that brings total         little-death that brings total    +obliteration. I will face my fear. Iobliteration. I will face my fear. I +will permit it to pass over me and   will permit it to pass over me and  +through me.                                     through me.              + + + + + +Right alignedJustified +        I must not fear. Fear is theI  must  not  fear.  Fear   is   the +            mind-killer. Fear is themind-killer.     Fear     is     the +      little-death that brings totallittle-death   that   brings   total +obliteration. I will face my fear. Iobliteration. I will face my fear. I +  will permit it to pass over me andwill permit it to pass over  me  and +                         through me.through me. + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[text_opacity.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[text_opacity.py].svg index 9afc44eeec..ae40d230d0 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[text_opacity.py].svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[text_opacity.py].svg @@ -19,134 +19,134 @@ font-weight: 700; } - .terminal-248406950-matrix { + .terminal-455824985-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-248406950-title { + .terminal-455824985-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-248406950-r1 { fill: #c5c8c6 } -.terminal-248406950-r2 { fill: #4e4e4e;font-weight: bold } -.terminal-248406950-r3 { fill: #7f7f7f;font-weight: bold } -.terminal-248406950-r4 { fill: #b0b0b0;font-weight: bold } -.terminal-248406950-r5 { fill: #e1e1e1;font-weight: bold } + .terminal-455824985-r1 { fill: #c5c8c6 } +.terminal-455824985-r2 { fill: #454545;font-weight: bold } +.terminal-455824985-r3 { fill: #797979;font-weight: bold } +.terminal-455824985-r4 { fill: #acacac;font-weight: bold } +.terminal-455824985-r5 { fill: #e0e0e0;font-weight: bold } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - TextOpacityApp + TextOpacityApp - - - - - - - -                               text-opacity: 25%                                 - - - - -                               text-opacity: 50%                                 - - - - -                               text-opacity: 75%                                 - - - - -                               text-opacity: 100%                                - - - + + + + + + + +                               text-opacity: 25%                                 + + + + +                               text-opacity: 50%                                 + + + + +                               text-opacity: 75%                                 + + + + +                               text-opacity: 100%                                + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[text_style.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[text_style.py].svg index 73c57898ed..f62c5f0fe2 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[text_style.py].svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[text_style.py].svg @@ -19,134 +19,134 @@ font-weight: 700; } - .terminal-3276779286-matrix { + .terminal-2118630150-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3276779286-title { + .terminal-2118630150-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3276779286-r1 { fill: #eae0e0;font-weight: bold } -.terminal-3276779286-r2 { fill: #c5c8c6 } -.terminal-3276779286-r3 { fill: #e0e5e0;font-style: italic; } -.terminal-3276779286-r4 { fill: #151561 } -.terminal-3276779286-r5 { fill: #e1e1e1 } + .terminal-2118630150-r1 { fill: #e0e0e0;font-weight: bold } +.terminal-2118630150-r2 { fill: #c5c8c6 } +.terminal-2118630150-r3 { fill: #e0e0e0;font-style: italic; } +.terminal-2118630150-r4 { fill: #0c0c59 } +.terminal-2118630150-r5 { fill: #e0e0e0 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - TextStyleApp + TextStyleApp - - - - I must not fear.I must not fear.I must not fear. -Fear is the mind-killer.Fear is the mind-killer.Fear is the mind-killer. -Fear is the little-death Fear is the little-death Fear is the little-death  -that brings total that brings total that brings total  -obliteration.obliteration.obliteration. -I will face my fear.I will face my fear.I will face my fear. -I will permit it to pass I will permit it to pass I will permit it to pass  -over me and through me.over me and through me.over me and through me. -And when it has gone past,And when it has gone past, And when it has gone past,  -I will turn the inner eye I will turn the inner eye I will turn the inner eye  -to see its path.to see its path.to see its path. -Where the fear has gone Where the fear has gone Where the fear has gone  -there will be nothing. there will be nothing. Onlythere will be nothing. Only -Only I will remain.I will remain.I will remain. - - - - - - - - - + + + + I must not fear.I must not fear.I must not fear. +Fear is the mind-killer.Fear is the mind-killer.Fear is the mind-killer. +Fear is the little-death Fear is the little-death Fear is the little-death  +that brings total that brings total that brings total  +obliteration.obliteration.obliteration. +I will face my fear.I will face my fear.I will face my fear. +I will permit it to pass I will permit it to pass I will permit it to pass  +over me and through me.over me and through me.over me and through me. +And when it has gone past,And when it has gone past, And when it has gone past,  +I will turn the inner eye I will turn the inner eye I will turn the inner eye  +to see its path.to see its path.to see its path. +Where the fear has gone Where the fear has gone Where the fear has gone  +there will be nothing. there will be nothing. Onlythere will be nothing. Only +Only I will remain.I will remain.I will remain. + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[text_style_all.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[text_style_all.py].svg index 91ffb0bf99..8528c68865 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[text_style_all.py].svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[text_style_all.py].svg @@ -19,138 +19,138 @@ font-weight: 700; } - .terminal-3629813941-matrix { + .terminal-2644379134-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3629813941-title { + .terminal-2644379134-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3629813941-r1 { fill: #e1e1e1 } -.terminal-3629813941-r2 { fill: #c5c8c6 } -.terminal-3629813941-r3 { fill: #e1e1e1;font-weight: bold } -.terminal-3629813941-r4 { fill: #e1e1e1;font-style: italic; } -.terminal-3629813941-r5 { fill: #1e1e1e } -.terminal-3629813941-r6 { fill: #e1e1e1;text-decoration: line-through; } -.terminal-3629813941-r7 { fill: #e1e1e1;text-decoration: underline; } -.terminal-3629813941-r8 { fill: #e1e1e1;font-weight: bold;font-style: italic; } -.terminal-3629813941-r9 { fill: #1e1e1e;text-decoration: line-through; } + .terminal-2644379134-r1 { fill: #e0e0e0 } +.terminal-2644379134-r2 { fill: #c5c8c6 } +.terminal-2644379134-r3 { fill: #e0e0e0;font-weight: bold } +.terminal-2644379134-r4 { fill: #e0e0e0;font-style: italic; } +.terminal-2644379134-r5 { fill: #121212 } +.terminal-2644379134-r6 { fill: #e0e0e0;text-decoration: line-through; } +.terminal-2644379134-r7 { fill: #e0e0e0;text-decoration: underline; } +.terminal-2644379134-r8 { fill: #e0e0e0;font-weight: bold;font-style: italic; } +.terminal-2644379134-r9 { fill: #121212;text-decoration: line-through; } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - AllTextStyleApp + AllTextStyleApp - - - - -  nonebolditalicreverse -  I must not fear.I must not fear.I must not fear.I must not fear. -  Fear is the Fear is the Fear is the Fear is the  -  mind-killer.mind-killer.mind-killer.mind-killer. -  Fear is the Fear is the Fear is the Fear is the  -  little-death that  little-death that little-death thatlittle-death that  -  brings total brings total brings total brings total  -  obliteration.obliteration.obliteration.obliteration. -  I will face my I will face my I will face my I will face my  -  fear.fear.fear.fear. - -strikeunderlinebold italicreverse strike -I must not fear.I must not fear.I must not fear.I must not fear. -Fear is the Fear is the Fear is the Fear is the  -mind-killer.mind-killer.mind-killer.mind-killer. -Fear is the Fear is the Fear is the Fear is the  -little-death thatlittle-death that little-death thatlittle-death that  -brings total brings total brings total brings total  -obliteration.obliteration.obliteration.obliteration. -I will face my I will face my I will face my I will face my  -fear.fear.fear.fear. -I will permit it I will permit it I will permit it I will permit it  + + + + +  nonebolditalicreverse +  I must not fear.I must not fear.I must not fear.I must not fear. +  Fear is the Fear is the Fear is the Fear is the  +  mind-killer.mind-killer.mind-killer.mind-killer. +  Fear is the Fear is the Fear is the Fear is the  +  little-death that  little-death that little-death thatlittle-death that  +  brings total brings total brings total brings total  +  obliteration.obliteration.obliteration.obliteration. +  I will face my I will face my I will face my I will face my  +  fear.fear.fear.fear. + +strikeunderlinebold italicreverse strike +I must not fear.I must not fear.I must not fear.I must not fear. +Fear is the Fear is the Fear is the Fear is the  +mind-killer.mind-killer.mind-killer.mind-killer. +Fear is the Fear is the Fear is the Fear is the  +little-death thatlittle-death that little-death thatlittle-death that  +brings total brings total brings total brings total  +obliteration.obliteration.obliteration.obliteration. +I will face my I will face my I will face my I will face my  +fear.fear.fear.fear. +I will permit it I will permit it I will permit it I will permit it  diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[tint.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[tint.py].svg index 1aa0ef5f57..c070deac88 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[tint.py].svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[tint.py].svg @@ -19,141 +19,141 @@ font-weight: 700; } - .terminal-2792552836-matrix { + .terminal-2845632122-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2792552836-title { + .terminal-2845632122-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2792552836-r1 { fill: #c5c8c6 } -.terminal-2792552836-r2 { fill: #1e1e1e } -.terminal-2792552836-r3 { fill: #000000;font-weight: bold } -.terminal-2792552836-r4 { fill: #000c00;font-weight: bold } -.terminal-2792552836-r5 { fill: #001900;font-weight: bold } -.terminal-2792552836-r6 { fill: #002600;font-weight: bold } -.terminal-2792552836-r7 { fill: #003300;font-weight: bold } -.terminal-2792552836-r8 { fill: #004000;font-weight: bold } -.terminal-2792552836-r9 { fill: #14191f } -.terminal-2792552836-r10 { fill: #e1e1e1 } -.terminal-2792552836-r11 { fill: #004c00;font-weight: bold } -.terminal-2792552836-r12 { fill: #005900;font-weight: bold } + .terminal-2845632122-r1 { fill: #c5c8c6 } +.terminal-2845632122-r2 { fill: #121212 } +.terminal-2845632122-r3 { fill: #000000;font-weight: bold } +.terminal-2845632122-r4 { fill: #000c00;font-weight: bold } +.terminal-2845632122-r5 { fill: #001900;font-weight: bold } +.terminal-2845632122-r6 { fill: #002600;font-weight: bold } +.terminal-2845632122-r7 { fill: #003300;font-weight: bold } +.terminal-2845632122-r8 { fill: #004000;font-weight: bold } +.terminal-2845632122-r9 { fill: #000000 } +.terminal-2845632122-r10 { fill: #e0e0e0 } +.terminal-2845632122-r11 { fill: #004c00;font-weight: bold } +.terminal-2845632122-r12 { fill: #005900;font-weight: bold } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - TintApp + TintApp - - - - -tint: green 0%; - - -tint: green 10%; - - -tint: green 20%; - - -tint: green 30%; - - -tint: green 40%; - - -tint: green 50%; -▄▄ - -tint: green 60%; - - -tint: green 70%; + + + + +tint: green 0%; + + +tint: green 10%; + + +tint: green 20%; + + +tint: green 30%; + + +tint: green 40%; + + +tint: green 50%; +▄▄ + +tint: green 60%; + + +tint: green 70%; diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[visibility.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[visibility.py].svg index c95545f629..dd217ea24d 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[visibility.py].svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[visibility.py].svg @@ -19,132 +19,132 @@ font-weight: 700; } - .terminal-3114242500-matrix { + .terminal-2078771544-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3114242500-title { + .terminal-2078771544-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3114242500-r1 { fill: #0000ff } -.terminal-3114242500-r2 { fill: #c5c8c6 } -.terminal-3114242500-r3 { fill: #ddeedd } + .terminal-2078771544-r1 { fill: #0000ff } +.terminal-2078771544-r2 { fill: #c5c8c6 } +.terminal-2078771544-r3 { fill: #e0e0e0 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - VisibilityApp + VisibilityApp - + - - ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓ -┃Widget 1 - - -┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛ - - - - - -┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓ -┃Widget 3 - - -┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛ - - - - - - - - + + ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓ +┃Widget 1 + + +┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛ + + + + + +┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓ +┃Widget 3 + + +┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛ + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[visibility_containers.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[visibility_containers.py].svg index 099e47db0c..22d648ba32 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[visibility_containers.py].svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[visibility_containers.py].svg @@ -19,137 +19,137 @@ font-weight: 700; } - .terminal-1982402907-matrix { + .terminal-2016544061-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1982402907-title { + .terminal-2016544061-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1982402907-r1 { fill: #c5c8c6 } -.terminal-1982402907-r2 { fill: #191118 } -.terminal-1982402907-r3 { fill: #1b1316 } -.terminal-1982402907-r4 { fill: #1d1717 } -.terminal-1982402907-r5 { fill: #e1e1e1 } -.terminal-1982402907-r6 { fill: #141e19 } -.terminal-1982402907-r7 { fill: #121d1c } -.terminal-1982402907-r8 { fill: #101c1d } + .terminal-2016544061-r1 { fill: #c5c8c6 } +.terminal-2016544061-r2 { fill: #191118 } +.terminal-2016544061-r3 { fill: #1b1316 } +.terminal-2016544061-r4 { fill: #1d1717 } +.terminal-2016544061-r5 { fill: #e0e0e0 } +.terminal-2016544061-r6 { fill: #141e19 } +.terminal-2016544061-r7 { fill: #121d1c } +.terminal-2016544061-r8 { fill: #101c1d } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - VisibilityContainersApp + VisibilityContainersApp - - - - - - -PlaceholderPlaceholderPlaceholder - - - - - - - - - - - - - - - -PlaceholderPlaceholderPlaceholder - - - + + + + + + +PlaceholderPlaceholderPlaceholder + + + + + + + + + + + + + + + +PlaceholderPlaceholderPlaceholder + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[width.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[width.py].svg index 74e4369b97..734091be53 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[width.py].svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[width.py].svg @@ -19,132 +19,132 @@ font-weight: 700; } - .terminal-2620740165-matrix { + .terminal-4218832141-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2620740165-title { + .terminal-4218832141-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2620740165-r1 { fill: #ffffff } -.terminal-2620740165-r2 { fill: #c5c8c6 } -.terminal-2620740165-r3 { fill: #e1e1e1 } + .terminal-4218832141-r1 { fill: #ffffff } +.terminal-4218832141-r2 { fill: #c5c8c6 } +.terminal-4218832141-r3 { fill: #e0e0e0 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - WidthApp + WidthApp - - - - Widget - - - - - - - - - - - - - - - - - - - - - - + + + + Widget + + + + + + + + + + + + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[width_comparison.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[width_comparison.py].svg index 3e5645ea23..0844d160fd 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[width_comparison.py].svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[width_comparison.py].svg @@ -19,141 +19,141 @@ font-weight: 700; } - .terminal-2486976152-matrix { + .terminal-1158165406-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2486976152-title { + .terminal-1158165406-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2486976152-r1 { fill: #c5c8c6 } -.terminal-2486976152-r2 { fill: #e8e0e7 } -.terminal-2486976152-r3 { fill: #eae3e5 } -.terminal-2486976152-r4 { fill: #ede6e6 } -.terminal-2486976152-r5 { fill: #efe9e4 } -.terminal-2486976152-r6 { fill: #efeedf } -.terminal-2486976152-r7 { fill: #e9eee5 } -.terminal-2486976152-r8 { fill: #e4eee8 } -.terminal-2486976152-r9 { fill: #e2edeb } -.terminal-2486976152-r10 { fill: #dfebed } -.terminal-2486976152-r11 { fill: #ddedf9 } + .terminal-1158165406-r1 { fill: #c5c8c6 } +.terminal-1158165406-r2 { fill: #e7e0e6 } +.terminal-1158165406-r3 { fill: #eae2e4 } +.terminal-1158165406-r4 { fill: #ece5e5 } +.terminal-1158165406-r5 { fill: #eee8e3 } +.terminal-1158165406-r6 { fill: #eeeddf } +.terminal-1158165406-r7 { fill: #e8ede4 } +.terminal-1158165406-r8 { fill: #e3ede7 } +.terminal-1158165406-r9 { fill: #e1eceb } +.terminal-1158165406-r10 { fill: #dfebec } +.terminal-1158165406-r11 { fill: #e0e0e0 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - WidthComparisonApp + WidthComparisonApp - - - - - - - - - - - - - - -#cells#percent#w#h#vw#vh#auto#fr1#fr3 - - - - - - - - - - - -····•····•····•····•····•····•····•····•····•····•····•····•····•····•····•····• + + + + + + + + + + + + + + +#cells#percent#w#h#vw#vh#auto#fr1#fr3 + + + + + + + + + + + +····•····•····•····•····•····•····•····•····•····•····•····•····•····•····•····• diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_custom_theme_with_variables.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_custom_theme_with_variables.svg new file mode 100644 index 0000000000..b65158f504 --- /dev/null +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_custom_theme_with_variables.svg @@ -0,0 +1,153 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ThemeApp + + + + + + + + + + + + + + + + + + +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + +Custom Theme + +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + + + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_data_table_in_tabs.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_data_table_in_tabs.svg index 4564153f55..dbce01f6df 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_data_table_in_tabs.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_data_table_in_tabs.svg @@ -19,137 +19,135 @@ font-weight: 700; } - .terminal-971656130-matrix { + .terminal-3806950721-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-971656130-title { + .terminal-3806950721-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-971656130-r1 { fill: #c5c8c6 } -.terminal-971656130-r2 { fill: #e1e1e1 } -.terminal-971656130-r3 { fill: #e1e1e1;font-weight: bold } -.terminal-971656130-r4 { fill: #474747 } -.terminal-971656130-r5 { fill: #0178d4 } -.terminal-971656130-r6 { fill: #dde6ed;font-weight: bold } -.terminal-971656130-r7 { fill: #dde6ed } -.terminal-971656130-r8 { fill: #211505 } + .terminal-3806950721-r1 { fill: #e0e0e0 } +.terminal-3806950721-r2 { fill: #c5c8c6 } +.terminal-3806950721-r3 { fill: #ddedf9;font-weight: bold } +.terminal-3806950721-r4 { fill: #4f4f4f } +.terminal-3806950721-r5 { fill: #0178d4 } +.terminal-3806950721-r6 { fill: #e0e0e0;font-weight: bold } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - Dashboard + Dashboard - - - - -Workflows -━╸━━━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - Id   Description  Status  Result Id  - 1    2            3       4          - a    b            c       d          - fee  fy           fo      fum        - - - - - - - - - - - - - - - + + + + Workflows +━╸━━━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ + Id   Description  Status  Result Id  + 1    2            3       4          + a    b            c       d          + fee  fy           fo      fum        + + + + + + + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_datatable_add_column.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_datatable_add_column.svg index b2a677069f..331e80d225 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_datatable_add_column.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_datatable_add_column.svg @@ -19,134 +19,133 @@ font-weight: 700; } - .terminal-2146794738-matrix { + .terminal-3277744308-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2146794738-title { + .terminal-3277744308-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2146794738-r1 { fill: #dde6ed;font-weight: bold } -.terminal-2146794738-r2 { fill: #dde6ed } -.terminal-2146794738-r3 { fill: #c5c8c6 } -.terminal-2146794738-r4 { fill: #211505 } -.terminal-2146794738-r5 { fill: #e1e1e1 } + .terminal-3277744308-r1 { fill: #e0e0e0;font-weight: bold } +.terminal-3277744308-r2 { fill: #e0e0e0 } +.terminal-3277744308-r3 { fill: #c5c8c6 } +.terminal-3277744308-r4 { fill: #ddedf9;font-weight: bold } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - AddColumn + AddColumn - - - -  Movies          No Default  With Default  Long Default          - Severance       ABC           01234567890123456789  - Foundation      ABC           01234567890123456789  - Dark            Hello!      ABC           01234567890123456789  - The Boys        ABC           01234567890123456789  - The Last of Us  ABC           01234567890123456789  - Lost in Space   ABC           01234567890123456789  - Altered Carbon  ABC           01234567890123456789  - - - - - - - - - - - - - - - + + + +  Movies          No Default  With Default  Long Default          + Severance       ABC           01234567890123456789  + Foundation      ABC           01234567890123456789  + Dark            Hello!      ABC           01234567890123456789  + The Boys        ABC           01234567890123456789  + The Last of Us  ABC           01234567890123456789  + Lost in Space   ABC           01234567890123456789  + Altered Carbon  ABC           01234567890123456789  + + + + + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_datatable_add_row_auto_height.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_datatable_add_row_auto_height.svg index 5f362bb6f1..c2127f29ae 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_datatable_add_row_auto_height.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_datatable_add_row_auto_height.svg @@ -19,134 +19,133 @@ font-weight: 700; } - .terminal-3912008695-matrix { + .terminal-22507541-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3912008695-title { + .terminal-22507541-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3912008695-r1 { fill: #dde6ed;font-weight: bold } -.terminal-3912008695-r2 { fill: #dde6ed } -.terminal-3912008695-r3 { fill: #c5c8c6 } -.terminal-3912008695-r4 { fill: #211505 } -.terminal-3912008695-r5 { fill: #e1e1e1 } + .terminal-22507541-r1 { fill: #e0e0e0;font-weight: bold } +.terminal-22507541-r2 { fill: #e0e0e0 } +.terminal-22507541-r3 { fill: #c5c8c6 } +.terminal-22507541-r4 { fill: #ddedf9;font-weight: bold } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - AutoHeightRowsApp + AutoHeightRowsApp - - - -  N  Column      - 3  hey there   - 1  hey there   - 5  long        - string      - 2  ╭───────╮   - │ Hello │   - │ world │   - ╰───────╯   - 4  1           - 2           - 3           - 4           - 5           - 6           - 7           - - - - - - - + + + +  N  Column      + 3  hey there   + 1  hey there   + 5  long        + string      + 2  ╭───────╮   + │ Hello │   + │ world │   + ╰───────╯   + 4  1           + 2           + 3           + 4           + 5           + 6           + 7           + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_datatable_add_row_auto_height_sorted.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_datatable_add_row_auto_height_sorted.svg index 39b1d07c79..b6b5375859 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_datatable_add_row_auto_height_sorted.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_datatable_add_row_auto_height_sorted.svg @@ -19,134 +19,133 @@ font-weight: 700; } - .terminal-210732003-matrix { + .terminal-3571937281-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-210732003-title { + .terminal-3571937281-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-210732003-r1 { fill: #dde6ed;font-weight: bold } -.terminal-210732003-r2 { fill: #dde6ed } -.terminal-210732003-r3 { fill: #c5c8c6 } -.terminal-210732003-r4 { fill: #211505 } -.terminal-210732003-r5 { fill: #e1e1e1 } + .terminal-3571937281-r1 { fill: #e0e0e0;font-weight: bold } +.terminal-3571937281-r2 { fill: #e0e0e0 } +.terminal-3571937281-r3 { fill: #c5c8c6 } +.terminal-3571937281-r4 { fill: #ddedf9;font-weight: bold } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - AutoHeightRowsApp + AutoHeightRowsApp - - - -  N  Column      - 1  hey there   - 2  ╭───────╮   - │ Hello │   - │ world │   - ╰───────╯   - 3  hey there   - 4  1           - 2           - 3           - 4           - 5           - 6           - 7           - 5  long        - string      - - - - - - - + + + +  N  Column      + 1  hey there   + 2  ╭───────╮   + │ Hello │   + │ world │   + ╰───────╯   + 3  hey there   + 4  1           + 2           + 3           + 4           + 5           + 6           + 7           + 5  long        + string      + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_datatable_auto_height_future_updates.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_datatable_auto_height_future_updates.svg index 89a5dc877f..dca006e8de 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_datatable_auto_height_future_updates.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_datatable_auto_height_future_updates.svg @@ -19,135 +19,134 @@ font-weight: 700; } - .terminal-2652228886-matrix { + .terminal-429637595-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2652228886-title { + .terminal-429637595-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2652228886-r1 { fill: #ff0000 } -.terminal-2652228886-r2 { fill: #c5c8c6 } -.terminal-2652228886-r3 { fill: #dde6ed;font-weight: bold } -.terminal-2652228886-r4 { fill: #dde6ed } -.terminal-2652228886-r5 { fill: #211505 } -.terminal-2652228886-r6 { fill: #e1e1e1 } + .terminal-429637595-r1 { fill: #ff0000 } +.terminal-429637595-r2 { fill: #c5c8c6 } +.terminal-429637595-r3 { fill: #e0e0e0;font-weight: bold } +.terminal-429637595-r4 { fill: #e0e0e0 } +.terminal-429637595-r5 { fill: #ddedf9;font-weight: bold } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - ExampleApp + ExampleApp - - - - ┌──────────────────────────────────────────────────────────────────────────────┐ - foo  bar  - 1    abc  - - 2    def  - 3    ghi  - - 4    jkl  -└──────────────────────────────────────────────────────────────────────────────┘ - - - - - - - - - - - - - - + + + + ┌──────────────────────────────────────────────────────────────────────────────┐ + foo  bar  + 1    abc  + + 2    def  + 3    ghi  + + 4    jkl  +└──────────────────────────────────────────────────────────────────────────────┘ + + + + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_datatable_cell_padding.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_datatable_cell_padding.svg index 162d68b81c..33d8563924 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_datatable_cell_padding.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_datatable_cell_padding.svg @@ -19,134 +19,133 @@ font-weight: 700; } - .terminal-3480025555-matrix { + .terminal-1711487302-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3480025555-title { + .terminal-1711487302-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3480025555-r1 { fill: #e1e1e1 } -.terminal-3480025555-r2 { fill: #c5c8c6 } -.terminal-3480025555-r3 { fill: #dde6ed;font-weight: bold } -.terminal-3480025555-r4 { fill: #dde6ed } -.terminal-3480025555-r5 { fill: #211505 } + .terminal-1711487302-r1 { fill: #e0e0e0 } +.terminal-1711487302-r2 { fill: #c5c8c6 } +.terminal-1711487302-r3 { fill: #e0e0e0;font-weight: bold } +.terminal-1711487302-r4 { fill: #ddedf9;font-weight: bold } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - TableApp + TableApp - - - - -one  two  three -valuevalueval   - - one    two    three  - value  value  val    - -  one      two      three   -  value    value    val     - -   one        two        three    -   value      value      val      - -    one          two          three     -    value        value        val       - - - - - - - - + + + + +one  two  three +valuevalueval   + + one    two    three  + value  value  val    + +  one      two      three   +  value    value    val     + +   one        two        three    +   value      value      val      + +    one          two          three     +    value        value        val       + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_datatable_change_cell_padding.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_datatable_change_cell_padding.svg index 3937953149..85d090fd4d 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_datatable_change_cell_padding.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_datatable_change_cell_padding.svg @@ -19,134 +19,133 @@ font-weight: 700; } - .terminal-2017065427-matrix { + .terminal-489175366-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2017065427-title { + .terminal-489175366-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2017065427-r1 { fill: #e1e1e1 } -.terminal-2017065427-r2 { fill: #c5c8c6 } -.terminal-2017065427-r3 { fill: #dde6ed;font-weight: bold } -.terminal-2017065427-r4 { fill: #dde6ed } -.terminal-2017065427-r5 { fill: #211505 } + .terminal-489175366-r1 { fill: #e0e0e0 } +.terminal-489175366-r2 { fill: #c5c8c6 } +.terminal-489175366-r3 { fill: #e0e0e0;font-weight: bold } +.terminal-489175366-r4 { fill: #ddedf9;font-weight: bold } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - TableApp + TableApp - - - - -one  two  three -valuevalueval   - - one    two    three  - value  value  val    - -  one      two      three   -  value    value    val     - -   one        two        three    -   value      value      val      - -          one                      two                      three           -          value                    value                    val             - - - - - - - - + + + + +one  two  three +valuevalueval   + + one    two    three  + value  value  val    + +  one      two      three   +  value    value    val     + +   one        two        three    +   value      value      val      + +          one                      two                      three           +          value                    value                    val             + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_datatable_column_cursor_render.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_datatable_column_cursor_render.svg index d302d7051a..20d20bbe5f 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_datatable_column_cursor_render.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_datatable_column_cursor_render.svg @@ -19,137 +19,133 @@ font-weight: 700; } - .terminal-1071832686-matrix { + .terminal-3852791512-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1071832686-title { + .terminal-3852791512-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1071832686-r1 { fill: #dde6ed;font-weight: bold } -.terminal-1071832686-r2 { fill: #1e1201;font-weight: bold } -.terminal-1071832686-r3 { fill: #dde6ed } -.terminal-1071832686-r4 { fill: #c5c8c6 } -.terminal-1071832686-r5 { fill: #dfe4e7 } -.terminal-1071832686-r6 { fill: #1e1405 } -.terminal-1071832686-r7 { fill: #e1e1e1 } -.terminal-1071832686-r8 { fill: #211505 } + .terminal-3852791512-r1 { fill: #e0e0e0;font-weight: bold } +.terminal-3852791512-r2 { fill: #e0e0e0 } +.terminal-3852791512-r3 { fill: #c5c8c6 } +.terminal-3852791512-r4 { fill: #ddedf9;font-weight: bold } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - TableApp + TableApp - - - -  lane  swimmer               country        time   - 4     Joseph Schooling      Singapore      50.39  - 2     Michael Phelps        United States  51.14  - 5     Chad le Clos          South Africa   51.14  - 6     László Cseh           Hungary        51.14  - 3     Li Zhuhao             China          51.26  - 8     Mehdy Metella         France         51.58  - 7     Tom Shields           United States  51.73  - 1     Aleksandr Sadovnikov  Russia         51.84  - - - - - - - - - - - - - - + + + +  lane  swimmer               country        time   + 4     Joseph Schooling      Singapore      50.39  + 2     Michael Phelps        United States  51.14  + 5     Chad le Clos          South Africa   51.14  + 6     László Cseh           Hungary        51.14  + 3     Li Zhuhao             China          51.26  + 8     Mehdy Metella         France         51.58  + 7     Tom Shields           United States  51.73  + 1     Aleksandr Sadovnikov  Russia         51.84  + + + + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_datatable_hot_reloading.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_datatable_hot_reloading.svg index 71f4ec796d..712009f43c 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_datatable_hot_reloading.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_datatable_hot_reloading.svg @@ -19,137 +19,133 @@ font-weight: 700; } - .terminal-1782919787-matrix { + .terminal-3166646144-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1782919787-title { + .terminal-3166646144-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1782919787-r1 { fill: #dde6ed;font-weight: bold } -.terminal-1782919787-r2 { fill: #dde6ed } -.terminal-1782919787-r3 { fill: #c5c8c6 } -.terminal-1782919787-r4 { fill: #1e1405 } -.terminal-1782919787-r5 { fill: #211505 } -.terminal-1782919787-r6 { fill: #e1e2e3 } -.terminal-1782919787-r7 { fill: #dfe4e7 } -.terminal-1782919787-r8 { fill: #e1e1e1 } + .terminal-3166646144-r1 { fill: #e0e0e0;font-weight: bold } +.terminal-3166646144-r2 { fill: #e0e0e0 } +.terminal-3166646144-r3 { fill: #c5c8c6 } +.terminal-3166646144-r4 { fill: #ddedf9;font-weight: bold } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - DataTableHotReloadingApp + DataTableHotReloadingApp - - - -  A           B     - one         two   - three       four  - five        six   - - - - - - - - - - - - - - - - - - - + + + +  A           B     + one         two   + three       four  + five        six   + + + + + + + + + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_datatable_labels_and_fixed_data.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_datatable_labels_and_fixed_data.svg index 24bc0957a7..78a29d36a9 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_datatable_labels_and_fixed_data.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_datatable_labels_and_fixed_data.svg @@ -19,135 +19,133 @@ font-weight: 700; } - .terminal-1710966859-matrix { + .terminal-2034315012-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1710966859-title { + .terminal-2034315012-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1710966859-r1 { fill: #dde6ed;font-weight: bold } -.terminal-1710966859-r2 { fill: #dde6ed } -.terminal-1710966859-r3 { fill: #c5c8c6 } -.terminal-1710966859-r4 { fill: #1e1405 } -.terminal-1710966859-r5 { fill: #dfe4e7 } -.terminal-1710966859-r6 { fill: #e1e1e1 } + .terminal-2034315012-r1 { fill: #e0e0e0;font-weight: bold } +.terminal-2034315012-r2 { fill: #e0e0e0 } +.terminal-2034315012-r3 { fill: #c5c8c6 } +.terminal-2034315012-r4 { fill: #ddedf9;font-weight: bold } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - TableApp + TableApp - - - -  lane  swimmer               country        time   - 0  5     Chad le Clos          South Africa   51.14  - 1  4     Joseph Schooling      Singapore      50.39  - 2  2     Michael Phelps        United States  51.14  - 3  6     László Cseh           Hungary        51.14  - 4  3     Li Zhuhao             China          51.26  - 5  8     Mehdy Metella         France         51.58  - 6  7     Tom Shields           United States  51.73  - 7  10    Darren Burns          Scotland       51.84  - 8  1     Aleksandr Sadovnikov  Russia         51.84  - - - - - - - - - - - - - + + + +  lane  swimmer               country        time   + 0  5     Chad le Clos          South Africa   51.14  + 1  4     Joseph Schooling      Singapore      50.39  + 2  2     Michael Phelps        United States  51.14  + 3  6     László Cseh           Hungary        51.14  + 4  3     Li Zhuhao             China          51.26  + 5  8     Mehdy Metella         France         51.58  + 6  7     Tom Shields           United States  51.73  + 7  10    Darren Burns          Scotland       51.84  + 8  1     Aleksandr Sadovnikov  Russia         51.84  + + + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_datatable_remove_row.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_datatable_remove_row.svg index 66b2a25fda..920a4f6b53 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_datatable_remove_row.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_datatable_remove_row.svg @@ -19,134 +19,133 @@ font-weight: 700; } - .terminal-2304919999-matrix { + .terminal-485963566-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2304919999-title { + .terminal-485963566-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2304919999-r1 { fill: #dde6ed;font-weight: bold } -.terminal-2304919999-r2 { fill: #dde6ed } -.terminal-2304919999-r3 { fill: #c5c8c6 } -.terminal-2304919999-r4 { fill: #211505 } -.terminal-2304919999-r5 { fill: #e1e1e1 } + .terminal-485963566-r1 { fill: #e0e0e0;font-weight: bold } +.terminal-485963566-r2 { fill: #e0e0e0 } +.terminal-485963566-r3 { fill: #c5c8c6 } +.terminal-485963566-r4 { fill: #ddedf9;font-weight: bold } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - TableApp + TableApp - - - -  lane  swimmer               country        time   - 5     Chad le Clos          South Africa   51.14  - 4     Joseph Schooling      Singapore      50.39  - 6     László Cseh           Hungary        51.14  - 3     Li Zhuhao             China          51.26  - 7     Tom Shields           United States  51.73  - 10    Darren Burns          Scotland       51.84  - - - - - - - - - - - - - - - - + + + +  lane  swimmer               country        time   + 5     Chad le Clos          South Africa   51.14  + 4     Joseph Schooling      Singapore      50.39  + 6     László Cseh           Hungary        51.14  + 3     Li Zhuhao             China          51.26  + 7     Tom Shields           United States  51.73  + 10    Darren Burns          Scotland       51.84  + + + + + + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_datatable_render.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_datatable_render.svg index 9b91b0d930..5d4438ef47 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_datatable_render.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_datatable_render.svg @@ -19,134 +19,133 @@ font-weight: 700; } - .terminal-2311386745-matrix { + .terminal-1391648481-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2311386745-title { + .terminal-1391648481-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2311386745-r1 { fill: #dde6ed;font-weight: bold } -.terminal-2311386745-r2 { fill: #dde6ed } -.terminal-2311386745-r3 { fill: #c5c8c6 } -.terminal-2311386745-r4 { fill: #e1e1e1 } -.terminal-2311386745-r5 { fill: #211505 } + .terminal-1391648481-r1 { fill: #e0e0e0;font-weight: bold } +.terminal-1391648481-r2 { fill: #e0e0e0 } +.terminal-1391648481-r3 { fill: #c5c8c6 } +.terminal-1391648481-r4 { fill: #ddedf9;font-weight: bold } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - TableApp + TableApp - - - -  lane  swimmer               country        time   - 4     Joseph Schooling      Singapore      50.39  - 2     Michael Phelps        United States  51.14  - 5     Chad le Clos          South Africa   51.14  - 6     László Cseh           Hungary        51.14  - 3     Li Zhuhao             China          51.26  - 8     Mehdy Metella         France         51.58  - 7     Tom Shields           United States  51.73  - 1     Aleksandr Sadovnikov  Russia         51.84  - 10    Darren Burns          Scotland       51.84  - - - - - - - - - - - - - + + + +  lane  swimmer               country        time   + 4     Joseph Schooling      Singapore      50.39  + 2     Michael Phelps        United States  51.14  + 5     Chad le Clos          South Africa   51.14  + 6     László Cseh           Hungary        51.14  + 3     Li Zhuhao             China          51.26  + 8     Mehdy Metella         France         51.58  + 7     Tom Shields           United States  51.73  + 1     Aleksandr Sadovnikov  Russia         51.84  + 10    Darren Burns          Scotland       51.84  + + + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_datatable_row_cursor_render.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_datatable_row_cursor_render.svg index 57ccf7bbf0..6e42fc0425 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_datatable_row_cursor_render.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_datatable_row_cursor_render.svg @@ -19,136 +19,133 @@ font-weight: 700; } - .terminal-3008422431-matrix { + .terminal-563862581-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3008422431-title { + .terminal-563862581-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3008422431-r1 { fill: #dde6ed;font-weight: bold } -.terminal-3008422431-r2 { fill: #dde6ed } -.terminal-3008422431-r3 { fill: #c5c8c6 } -.terminal-3008422431-r4 { fill: #dfe4e7 } -.terminal-3008422431-r5 { fill: #e1e1e1 } -.terminal-3008422431-r6 { fill: #1e1405 } -.terminal-3008422431-r7 { fill: #211505 } + .terminal-563862581-r1 { fill: #e0e0e0;font-weight: bold } +.terminal-563862581-r2 { fill: #e0e0e0 } +.terminal-563862581-r3 { fill: #c5c8c6 } +.terminal-563862581-r4 { fill: #ddedf9;font-weight: bold } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - TableApp + TableApp - - - -  lane  swimmer               country        time   - 4     Joseph Schooling      Singapore      50.39  - 2     Michael Phelps        United States  51.14  - 5     Chad le Clos          South Africa   51.14  - 6     László Cseh           Hungary        51.14  - 3     Li Zhuhao             China          51.26  - 8     Mehdy Metella         France         51.58  - 7     Tom Shields           United States  51.73  - 1     Aleksandr Sadovnikov  Russia         51.84  - - - - - - - - - - - - - - + + + +  lane  swimmer               country        time   + 4     Joseph Schooling      Singapore      50.39  + 2     Michael Phelps        United States  51.14  + 5     Chad le Clos          South Africa   51.14  + 6     László Cseh           Hungary        51.14  + 3     Li Zhuhao             China          51.26  + 8     Mehdy Metella         France         51.58  + 7     Tom Shields           United States  51.73  + 1     Aleksandr Sadovnikov  Russia         51.84  + + + + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_datatable_sort_multikey.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_datatable_sort_multikey.svg index 4231a82a62..583ce37176 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_datatable_sort_multikey.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_datatable_sort_multikey.svg @@ -19,134 +19,133 @@ font-weight: 700; } - .terminal-2683041401-matrix { + .terminal-2349129441-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2683041401-title { + .terminal-2349129441-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2683041401-r1 { fill: #dde6ed;font-weight: bold } -.terminal-2683041401-r2 { fill: #dde6ed } -.terminal-2683041401-r3 { fill: #c5c8c6 } -.terminal-2683041401-r4 { fill: #e1e1e1 } -.terminal-2683041401-r5 { fill: #211505 } + .terminal-2349129441-r1 { fill: #e0e0e0;font-weight: bold } +.terminal-2349129441-r2 { fill: #e0e0e0 } +.terminal-2349129441-r3 { fill: #c5c8c6 } +.terminal-2349129441-r4 { fill: #ddedf9;font-weight: bold } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - TableApp + TableApp - - - -  lane  swimmer               country        time   - 4     Joseph Schooling      Singapore      50.39  - 2     Michael Phelps        United States  51.14  - 5     Chad le Clos          South Africa   51.14  - 6     László Cseh           Hungary        51.14  - 3     Li Zhuhao             China          51.26  - 8     Mehdy Metella         France         51.58  - 7     Tom Shields           United States  51.73  - 1     Aleksandr Sadovnikov  Russia         51.84  - 10    Darren Burns          Scotland       51.84  - - - - - - - - - - - - - + + + +  lane  swimmer               country        time   + 4     Joseph Schooling      Singapore      50.39  + 2     Michael Phelps        United States  51.14  + 5     Chad le Clos          South Africa   51.14  + 6     László Cseh           Hungary        51.14  + 3     Li Zhuhao             China          51.26  + 8     Mehdy Metella         France         51.58  + 7     Tom Shields           United States  51.73  + 1     Aleksandr Sadovnikov  Russia         51.84  + 10    Darren Burns          Scotland       51.84  + + + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_datatable_style_ordering.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_datatable_style_ordering.svg index e46b21e4c9..a9df5b721b 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_datatable_style_ordering.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_datatable_style_ordering.svg @@ -19,137 +19,135 @@ font-weight: 700; } - .terminal-535151098-matrix { + .terminal-3189815447-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-535151098-title { + .terminal-3189815447-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-535151098-r1 { fill: #e1e1e1 } -.terminal-535151098-r2 { fill: #c5c8c6 } -.terminal-535151098-r3 { fill: #dde6ed;font-weight: bold } -.terminal-535151098-r4 { fill: #dde6ed } -.terminal-535151098-r5 { fill: #fea62b;font-weight: bold;font-style: italic; } -.terminal-535151098-r6 { fill: #e1e2e3 } -.terminal-535151098-r7 { fill: #f4005f } -.terminal-535151098-r8 { fill: #f4005f;font-weight: bold;font-style: italic; } + .terminal-3189815447-r1 { fill: #e0e0e0 } +.terminal-3189815447-r2 { fill: #c5c8c6 } +.terminal-3189815447-r3 { fill: #e0e0e0;font-weight: bold } +.terminal-3189815447-r4 { fill: #fea62b;font-weight: bold;font-style: italic; } +.terminal-3189815447-r5 { fill: #f4005f } +.terminal-3189815447-r6 { fill: #f4005f;font-weight: bold;font-style: italic; } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - DataTableCursorStyles + DataTableCursorStyles - - - - Foreground is 'css', background is 'css':                                        - Movies      - Severance   -Foundation -Dark - -Foreground is 'css', background is 'renderable':                                 - Movies      -Severance -Foundation -Dark - -Foreground is 'renderable', background is 'renderable':                          - Movies      -Severance -Foundation -Dark - -Foreground is 'renderable', background is 'css':                                 - Movies      -Severance -Foundation -Dark + + + + Foreground is 'css', background is 'css':                                        + Movies      + Severance   +Foundation +Dark + +Foreground is 'css', background is 'renderable':                                 + Movies      +Severance +Foundation +Dark + +Foreground is 'renderable', background is 'renderable':                          + Movies      +Severance +Foundation +Dark + +Foreground is 'renderable', background is 'css':                                 + Movies      +Severance +Foundation +Dark diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_digits.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_digits.svg index 25cf2879e4..eda26fefd1 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_digits.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_digits.svg @@ -19,133 +19,133 @@ font-weight: 700; } - .terminal-876286072-matrix { + .terminal-1846412096-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-876286072-title { + .terminal-1846412096-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-876286072-r1 { fill: #e1e1e1 } -.terminal-876286072-r2 { fill: #c5c8c6 } -.terminal-876286072-r3 { fill: #e1e1e1;font-weight: bold } + .terminal-1846412096-r1 { fill: #e0e0e0 } +.terminal-1846412096-r2 { fill: #c5c8c6 } +.terminal-1846412096-r3 { fill: #e0e0e0;font-weight: bold } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - DigitApp + DigitApp - - - - ╶─╮ ╶╮ ╷ ╷╶╮ ╭─╴╭─╮╶─╮╭─╴╭─╴╶─╮╭─╴╭─╮                                            - ─┤  │ ╰─┤ │ ╰─╮╰─┤┌─┘├─╮╰─╮ ─┤╰─╮╰─┤                                            -╶─╯•╶┴╴  ╵╶┴╴╶─╯╶─╯╰─╴╰─╯╶─╯╶─╯╶─╯╶─╯                                            -             ╭─╮╶╮ ╶─╮╶─╮╷ ╷╭─╴╭─╴╶─┐╭─╮╭─╮        ╭─╮┌─╮╭─╮┌─╮╭─╴╭─╴            -             │ │ │ ┌─┘ ─┤╰─┤╰─╮├─╮  │├─┤╰─┤╶┼╴╶─╴  ├─┤├─┤│  │ │├─ ├─             -             ╰─╯╶┴╴╰─╴╶─╯  ╵╶─╯╰─╯  ╵╰─╯╶─╯      •,╵ ╵└─╯╰─╯└─╯╰─╴╵              -             ┏━┓ ┓ ╺━┓╺━┓╻ ╻┏━╸┏━╸╺━┓┏━┓┏━┓        ╭─╮┌─╮╭─╮┌─╮╭─╴╭─╴            -             ┃ ┃ ┃ ┏━┛ ━┫┗━┫┗━┓┣━┓  ┃┣━┫┗━┫╺╋╸╺━╸  ├─┤├─┤│  │ │├─ ├─             -             ┗━┛╺┻╸┗━╸╺━┛  ╹╺━┛┗━┛  ╹┗━┛╺━┛      •,╵ ╵└─╯╰─╯└─╯╰─╴╵              -                                                              ╶─╮   ╶╮ ╭─╮ ^ ╷ ╷ -                                                               ─┤ ×  │ │ │   ╰─┤ -                                                              ╶─╯   ╶┴╴╰─╯     ╵ -                                                              ╶─╮   ╶╮ ╭─╮ ^ ╷ ╷ -                                                               ─┤ ×  │ │ │   ╰─┤ -                                                              ╶─╯   ╶┴╴╰─╯     ╵ -╭╴ ╭╫╮╶╮ ╶─╮╶─╮ ╷ ╷╭─╴ ╶╮                                                        -│  ╰╫╮ │ ┌─┘ ─┤ ╰─┤╰─╮  │                                                        -╰╴ ╰╫╯╶┴╴╰─╴╶─╯•  ╵╶─╯ ╶╯                                                        -╭─╮╶╮ ╶─╮╶─╮ ╷ ╷╭─╴                                                              -╪═  │ ┌─┘ ─┤ ╰─┤╰─╮                                                              -┴─╴╶┴╴╰─╴╶─╯•  ╵╶─╯                                                              -╭─╮╶╮ ╶─╮╶─╮ ╷ ╷╭─╴                                                              -╪═  │ ┌─┘ ─┤ ╰─┤╰─╮                                                              -╰─╯╶┴╴╰─╴╶─╯•  ╵╶─╯                                                              + + + + ╶─╮ ╶╮ ╷ ╷╶╮ ╭─╴╭─╮╶─╮╭─╴╭─╴╶─╮╭─╴╭─╮                                            + ─┤  │ ╰─┤ │ ╰─╮╰─┤┌─┘├─╮╰─╮ ─┤╰─╮╰─┤                                            +╶─╯•╶┴╴  ╵╶┴╴╶─╯╶─╯╰─╴╰─╯╶─╯╶─╯╶─╯╶─╯                                            +             ╭─╮╶╮ ╶─╮╶─╮╷ ╷╭─╴╭─╴╶─┐╭─╮╭─╮        ╭─╮┌─╮╭─╮┌─╮╭─╴╭─╴            +             │ │ │ ┌─┘ ─┤╰─┤╰─╮├─╮  │├─┤╰─┤╶┼╴╶─╴  ├─┤├─┤│  │ │├─ ├─             +             ╰─╯╶┴╴╰─╴╶─╯  ╵╶─╯╰─╯  ╵╰─╯╶─╯      •,╵ ╵└─╯╰─╯└─╯╰─╴╵              +             ┏━┓ ┓ ╺━┓╺━┓╻ ╻┏━╸┏━╸╺━┓┏━┓┏━┓        ╭─╮┌─╮╭─╮┌─╮╭─╴╭─╴            +             ┃ ┃ ┃ ┏━┛ ━┫┗━┫┗━┓┣━┓  ┃┣━┫┗━┫╺╋╸╺━╸  ├─┤├─┤│  │ │├─ ├─             +             ┗━┛╺┻╸┗━╸╺━┛  ╹╺━┛┗━┛  ╹┗━┛╺━┛      •,╵ ╵└─╯╰─╯└─╯╰─╴╵              +                                                              ╶─╮   ╶╮ ╭─╮ ^ ╷ ╷ +                                                               ─┤ ×  │ │ │   ╰─┤ +                                                              ╶─╯   ╶┴╴╰─╯     ╵ +                                                              ╶─╮   ╶╮ ╭─╮ ^ ╷ ╷ +                                                               ─┤ ×  │ │ │   ╰─┤ +                                                              ╶─╯   ╶┴╴╰─╯     ╵ +╭╴ ╭╫╮╶╮ ╶─╮╶─╮ ╷ ╷╭─╴ ╶╮                                                        +│  ╰╫╮ │ ┌─┘ ─┤ ╰─┤╰─╮  │                                                        +╰╴ ╰╫╯╶┴╴╰─╴╶─╯•  ╵╶─╯ ╶╯                                                        +╭─╮╶╮ ╶─╮╶─╮ ╷ ╷╭─╴                                                              +╪═  │ ┌─┘ ─┤ ╰─┤╰─╮                                                              +┴─╴╶┴╴╰─╴╶─╯•  ╵╶─╯                                                              +╭─╮╶╮ ╶─╮╶─╮ ╷ ╷╭─╴                                                              +╪═  │ ┌─┘ ─┤ ╰─┤╰─╮                                                              +╰─╯╶┴╴╰─╴╶─╯•  ╵╶─╯                                                              diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_directory_tree_reloading.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_directory_tree_reloading.svg index d2002a41a3..a43b172119 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_directory_tree_reloading.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_directory_tree_reloading.svg @@ -19,136 +19,136 @@ font-weight: 700; } - .terminal-2123922789-matrix { + .terminal-3890045750-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2123922789-title { + .terminal-3890045750-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2123922789-r1 { fill: #e2e3e3 } -.terminal-2123922789-r2 { fill: #e2e3e3;font-weight: bold } -.terminal-2123922789-r3 { fill: #c5c8c6 } -.terminal-2123922789-r4 { fill: #008139 } -.terminal-2123922789-r5 { fill: #211505;font-weight: bold } -.terminal-2123922789-r6 { fill: #fea62b;font-weight: bold } -.terminal-2123922789-r7 { fill: #e2e3e3;font-style: italic; } + .terminal-3890045750-r1 { fill: #e0e0e0 } +.terminal-3890045750-r2 { fill: #e0e0e0;font-weight: bold } +.terminal-3890045750-r3 { fill: #c5c8c6 } +.terminal-3890045750-r4 { fill: #4f4f4f } +.terminal-3890045750-r5 { fill: #ddedf9;font-weight: bold } +.terminal-3890045750-r6 { fill: #0178d4 } +.terminal-3890045750-r7 { fill: #e0e0e0;font-style: italic; } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - DirectoryTreeReloadApp + DirectoryTreeReloadApp - - - - 📂 test_directory_tree_reloading0 -├── 📂 b1 -│   ├── 📂 c1 -│   │   ┣━━ 📂 d1 -│   │   ┃   ┣━━ 📄 f1.txt -│   │   ┃   ┗━━ 📄 f2.txt -│   │   ┣━━ 📄 f1.txt -│   │   ┗━━ 📄 f2.txt -│   ├── 📄 f1.txt -│   └── 📄 f2.txt -├── 📄 f1.txt -└── 📄 f2.txt - - - - - - - - - - - + + + + 📂 test_directory_tree_reloading0 +├── 📂 b1 +│   ├── 📂 c1 +│   │   ├── 📂 d1 +│   │   │   ├── 📄 f1.txt +│   │   │   └── 📄 f2.txt +│   │   ├── 📄 f1.txt +│   │   └── 📄 f2.txt +│   ├── 📄 f1.txt +│   └── 📄 f2.txt +├── 📄 f1.txt +└── 📄 f2.txt + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_disabled.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_disabled.svg index 4e5bda9d9a..b2d0482087 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_disabled.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_disabled.svg @@ -19,142 +19,139 @@ font-weight: 700; } - .terminal-3682463994-matrix { + .terminal-3668558354-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3682463994-title { + .terminal-3668558354-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3682463994-r1 { fill: #e1e1e1 } -.terminal-3682463994-r2 { fill: #c5c8c6 } -.terminal-3682463994-r3 { fill: #a6a6a6 } -.terminal-3682463994-r4 { fill: #a5a9ac;font-weight: bold } -.terminal-3682463994-r5 { fill: #a5a9ac } -.terminal-3682463994-r6 { fill: #19140c } -.terminal-3682463994-r7 { fill: #1e1e1e } -.terminal-3682463994-r8 { fill: #a7a7a7;font-weight: bold } -.terminal-3682463994-r9 { fill: #242424 } -.terminal-3682463994-r10 { fill: #a7a7a7 } -.terminal-3682463994-r11 { fill: #a9a9a9 } -.terminal-3682463994-r12 { fill: #303030 } -.terminal-3682463994-r13 { fill: #232323;font-weight: bold } + .terminal-3668558354-r1 { fill: #e0e0e0 } +.terminal-3668558354-r2 { fill: #c5c8c6 } +.terminal-3668558354-r3 { fill: #a2a2a2 } +.terminal-3668558354-r4 { fill: #a5a5a5 } +.terminal-3668558354-r5 { fill: #a4a4a4 } +.terminal-3668558354-r6 { fill: #a2a2a2;font-weight: bold } +.terminal-3668558354-r7 { fill: #121212 } +.terminal-3668558354-r8 { fill: #1a1a1a } +.terminal-3668558354-r9 { fill: #1c2126 } +.terminal-3668558354-r10 { fill: #0e0e0e } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - DisabledApp + DisabledApp - - - - Labels don't have a disabled state                                               -I am disabled                                                                  - - - -I am disabled                                                                  - - - - Foo   Bar       - Also  disabled  - - -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -you                                                                        -can't                                                                      -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -X Simple SelectionList                                                     - -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - - + + + + Labels don't have a disabled state                                               +I am disabled                                                                  + + + +I am disabled                                                                  + + + + Foo   Bar       + Also  disabled  + + +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +you                                                                        +can't                                                                      +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +X Simple SelectionList                                                     + +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_disabled_widgets.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_disabled_widgets.svg index 2b0142c8c3..668981dd7f 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_disabled_widgets.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_disabled_widgets.svg @@ -19,162 +19,162 @@ font-weight: 700; } - .terminal-3864303289-matrix { + .terminal-1273102955-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3864303289-title { + .terminal-1273102955-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3864303289-r1 { fill: #454a50 } -.terminal-3864303289-r2 { fill: #507bb3 } -.terminal-3864303289-r3 { fill: #7ae998 } -.terminal-3864303289-r4 { fill: #ffcf56 } -.terminal-3864303289-r5 { fill: #e76580 } -.terminal-3864303289-r6 { fill: #c5c8c6 } -.terminal-3864303289-r7 { fill: #24292f;font-weight: bold } -.terminal-3864303289-r8 { fill: #dde6ed;font-weight: bold } -.terminal-3864303289-r9 { fill: #0a180e;font-weight: bold } -.terminal-3864303289-r10 { fill: #211505;font-weight: bold } -.terminal-3864303289-r11 { fill: #f5e5e9;font-weight: bold } -.terminal-3864303289-r12 { fill: #000000 } -.terminal-3864303289-r13 { fill: #001541 } -.terminal-3864303289-r14 { fill: #008139 } -.terminal-3864303289-r15 { fill: #b86b00 } -.terminal-3864303289-r16 { fill: #780028 } -.terminal-3864303289-r17 { fill: #303336 } -.terminal-3864303289-r18 { fill: #364b66 } -.terminal-3864303289-r19 { fill: #4a8159 } -.terminal-3864303289-r20 { fill: #8b7439 } -.terminal-3864303289-r21 { fill: #80404d } -.terminal-3864303289-r22 { fill: #a7a7a7;font-weight: bold } -.terminal-3864303289-r23 { fill: #a5a9ac;font-weight: bold } -.terminal-3864303289-r24 { fill: #0e1510;font-weight: bold } -.terminal-3864303289-r25 { fill: #19140c;font-weight: bold } -.terminal-3864303289-r26 { fill: #b0a8aa;font-weight: bold } -.terminal-3864303289-r27 { fill: #0f0f0f } -.terminal-3864303289-r28 { fill: #0f192e } -.terminal-3864303289-r29 { fill: #0f4e2a } -.terminal-3864303289-r30 { fill: #68430f } -.terminal-3864303289-r31 { fill: #4a0f22 } -.terminal-3864303289-r32 { fill: #e2e3e3;font-weight: bold } + .terminal-1273102955-r1 { fill: #2d2d2d } +.terminal-1273102955-r2 { fill: #6db2ff } +.terminal-1273102955-r3 { fill: #7ae998 } +.terminal-1273102955-r4 { fill: #ffcf56 } +.terminal-1273102955-r5 { fill: #e76580 } +.terminal-1273102955-r6 { fill: #c5c8c6 } +.terminal-1273102955-r7 { fill: #272727;font-weight: bold } +.terminal-1273102955-r8 { fill: #ddedf9 } +.terminal-1273102955-r9 { fill: #0a180e } +.terminal-1273102955-r10 { fill: #211505 } +.terminal-1273102955-r11 { fill: #f5e5e9 } +.terminal-1273102955-r12 { fill: #0d0d0d } +.terminal-1273102955-r13 { fill: #004295 } +.terminal-1273102955-r14 { fill: #008139 } +.terminal-1273102955-r15 { fill: #b86b00 } +.terminal-1273102955-r16 { fill: #780028 } +.terminal-1273102955-r17 { fill: #1e1e1e } +.terminal-1273102955-r18 { fill: #3e6085 } +.terminal-1273102955-r19 { fill: #447b53 } +.terminal-1273102955-r20 { fill: #856e32 } +.terminal-1273102955-r21 { fill: #7a3a47 } +.terminal-1273102955-r22 { fill: #a2a2a2 } +.terminal-1273102955-r23 { fill: #a0a8ae } +.terminal-1273102955-r24 { fill: #0a120c } +.terminal-1273102955-r25 { fill: #150f08 } +.terminal-1273102955-r26 { fill: #aca4a6 } +.terminal-1273102955-r27 { fill: #0f0f0f } +.terminal-1273102955-r28 { fill: #082951 } +.terminal-1273102955-r29 { fill: #084724 } +.terminal-1273102955-r30 { fill: #633d08 } +.terminal-1273102955-r31 { fill: #43081c } +.terminal-1273102955-r32 { fill: #e0e0e0 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - WidgetDisableTestApp + WidgetDisableTestApp - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - Button  Button  Button  Button  Button  -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - Button  Button  Button  Button  Button  -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - Button  Button  Button  Button  Button  -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - Button  Button  Button  Button  Button  -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - Button  Button  Button  Button  Button  -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - Button  Button  Button  Button  Button  -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - Button  Button  Button  Button  Button  -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - Button  Button  Button  Button  Button  -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + Button  Button  Button  Button  Button  +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + Button  Button  Button  Button  Button  +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + Button  Button  Button  Button  Button  +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + Button  Button  Button  Button  Button  +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + Button  Button  Button  Button  Button  +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + Button  Button  Button  Button  Button  +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + Button  Button  Button  Button  Button  +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + Button  Button  Button  Button  Button  +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_dock_layout_sidebar.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_dock_layout_sidebar.svg index 65fbf82904..22529c2511 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_dock_layout_sidebar.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_dock_layout_sidebar.svg @@ -19,134 +19,134 @@ font-weight: 700; } - .terminal-3115030578-matrix { + .terminal-907636329-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3115030578-title { + .terminal-907636329-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3115030578-r1 { fill: #0f2b41 } -.terminal-3115030578-r2 { fill: #c5c8c6 } -.terminal-3115030578-r3 { fill: #e1e1e1 } -.terminal-3115030578-r4 { fill: #1e1e1e } -.terminal-3115030578-r5 { fill: #14191f } + .terminal-907636329-r1 { fill: #0f2b41 } +.terminal-907636329-r2 { fill: #c5c8c6 } +.terminal-907636329-r3 { fill: #e0e0e0 } +.terminal-907636329-r4 { fill: #121212 } +.terminal-907636329-r5 { fill: #000000 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - DockLayoutExample + DockLayoutExample - - - - Sidebar1Docking a widget removes it from the layout and  -fixes its position, aligned to either the top,  -right, bottom, or left edges of a container. - -Docked widgets will not scroll out of view,  -making them ideal for sticky headers, footers,  -and sidebars. -▇▇ -Docking a widget removes it from the layout and  -fixes its position, aligned to either the top,  -right, bottom, or left edges of a container. - -Docked widgets will not scroll out of view,  -making them ideal for sticky headers, footers,  -and sidebars. - -Docking a widget removes it from the layout and  -fixes its position, aligned to either the top,  -right, bottom, or left edges of a container. - -Docked widgets will not scroll out of view,  -making them ideal for sticky headers, footers,  -and sidebars. + + + + Sidebar1Docking a widget removes it from the layout and  +fixes its position, aligned to either the top,  +right, bottom, or left edges of a container. + +Docked widgets will not scroll out of view,  +making them ideal for sticky headers, footers,  +and sidebars. +▇▇ +Docking a widget removes it from the layout and  +fixes its position, aligned to either the top,  +right, bottom, or left edges of a container. + +Docked widgets will not scroll out of view,  +making them ideal for sticky headers, footers,  +and sidebars. + +Docking a widget removes it from the layout and  +fixes its position, aligned to either the top,  +right, bottom, or left edges of a container. + +Docked widgets will not scroll out of view,  +making them ideal for sticky headers, footers,  +and sidebars. diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_dock_none.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_dock_none.svg index 6171bf35a8..60639a5941 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_dock_none.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_dock_none.svg @@ -19,60 +19,57 @@ font-weight: 700; } - .terminal-3615984558-matrix { + .terminal-2270268205-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3615984558-title { + .terminal-2270268205-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3615984558-r1 { fill: #e1e1e1 } -.terminal-3615984558-r2 { fill: #c5c8c6 } -.terminal-3615984558-r3 { fill: #e3e3e3 } -.terminal-3615984558-r4 { fill: #e2e3e3 } -.terminal-3615984558-r5 { fill: #4c5055 } -.terminal-3615984558-r6 { fill: #fea62b;font-weight: bold } -.terminal-3615984558-r7 { fill: #a7a9ab } + .terminal-2270268205-r1 { fill: #e0e0e0 } +.terminal-2270268205-r2 { fill: #c5c8c6 } +.terminal-2270268205-r3 { fill: #495259 } +.terminal-2270268205-r4 { fill: #ffa62b;font-weight: bold } - + - + - + - + - + - DockNone + DockNone - - - - Hello                          -DockNone -^p palette - + + + + Hello                          +DockNone +^p palette + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_dock_scroll.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_dock_scroll.svg index aa0a7eb268..315cae8998 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_dock_scroll.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_dock_scroll.svg @@ -19,144 +19,141 @@ font-weight: 700; } - .terminal-1830364126-matrix { + .terminal-2630045590-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1830364126-title { + .terminal-2630045590-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1830364126-r1 { fill: #c5c8c6 } -.terminal-1830364126-r2 { fill: #1e1e1e } -.terminal-1830364126-r3 { fill: #f5f5f5 } -.terminal-1830364126-r4 { fill: #ff0000 } -.terminal-1830364126-r5 { fill: #1f1f1f } -.terminal-1830364126-r6 { fill: #004578;font-weight: bold } -.terminal-1830364126-r7 { fill: #585a5c } -.terminal-1830364126-r8 { fill: #1c1d1e } -.terminal-1830364126-r9 { fill: #b3b8bc } -.terminal-1830364126-r10 { fill: #c7cdd2 } + .terminal-2630045590-r1 { fill: #c5c8c6 } +.terminal-2630045590-r2 { fill: #e0e0e0 } +.terminal-2630045590-r3 { fill: #121212 } +.terminal-2630045590-r4 { fill: #ff0000 } +.terminal-2630045590-r5 { fill: #ffa62b;font-weight: bold } +.terminal-2630045590-r6 { fill: #495259 } +.terminal-2630045590-r7 { fill: #000000 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - TestApp + TestApp - - - - TestApp -┌─────────┐ -this -is -a -sample -sentence -and -here -are -some -wordsthis -is -a -sample -sentence -and -here -are -some -words - ^q Quit ^p palette - - -▇▇ + + + + TestApp +┌─────────┐ +this +is +a +sample +sentence +and +here +are +some +wordsthis +is +a +sample +sentence +and +here +are +some +words + ^q Quit                                                          ^p palette + + +▇▇ diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_dock_scroll2.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_dock_scroll2.svg index 35f8abb5f0..a4d5416944 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_dock_scroll2.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_dock_scroll2.svg @@ -19,143 +19,140 @@ font-weight: 700; } - .terminal-2728789490-matrix { + .terminal-2670342449-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2728789490-title { + .terminal-2670342449-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2728789490-r1 { fill: #c5c8c6 } -.terminal-2728789490-r2 { fill: #1e1e1e } -.terminal-2728789490-r3 { fill: #f5f5f5 } -.terminal-2728789490-r4 { fill: #ff0000 } -.terminal-2728789490-r5 { fill: #1f1f1f } -.terminal-2728789490-r6 { fill: #c7cdd2 } -.terminal-2728789490-r7 { fill: #004578;font-weight: bold } -.terminal-2728789490-r8 { fill: #585a5c } -.terminal-2728789490-r9 { fill: #1c1d1e } -.terminal-2728789490-r10 { fill: #b3b8bc } + .terminal-2670342449-r1 { fill: #c5c8c6 } +.terminal-2670342449-r2 { fill: #e0e0e0 } +.terminal-2670342449-r3 { fill: #121212 } +.terminal-2670342449-r4 { fill: #ff0000 } +.terminal-2670342449-r5 { fill: #000000 } +.terminal-2670342449-r6 { fill: #ffa62b;font-weight: bold } +.terminal-2670342449-r7 { fill: #495259 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - TestApp + TestApp - - - - TestApp -┌─────────┐ -this -is -a -sample -sentence -and -here -are -some -wordsthis -is -a▅▅ -sample -sentence -and -here -are -some -words - ^q Quit ^p palette - - + + + + TestApp +┌─────────┐ +this +is +a +sample +sentence +and +here +are +some +wordsthis +is +a▅▅ +sample +sentence +and +here +are +some +words + ^q Quit                                                          ^p palette + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_dock_scroll_off_by_one.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_dock_scroll_off_by_one.svg index f5caf3b238..6689446987 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_dock_scroll_off_by_one.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_dock_scroll_off_by_one.svg @@ -19,145 +19,143 @@ font-weight: 700; } - .terminal-2653881366-matrix { + .terminal-2083508691-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2653881366-title { + .terminal-2083508691-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2653881366-r1 { fill: #1e1e1e } -.terminal-2653881366-r2 { fill: #e1e1e1 } -.terminal-2653881366-r3 { fill: #c5c8c6 } -.terminal-2653881366-r4 { fill: #434343 } -.terminal-2653881366-r5 { fill: #262626;font-weight: bold } -.terminal-2653881366-r6 { fill: #e2e2e2 } -.terminal-2653881366-r7 { fill: #23568b } -.terminal-2653881366-r8 { fill: #e2e3e3 } -.terminal-2653881366-r9 { fill: #4c5055 } -.terminal-2653881366-r10 { fill: #fea62b;font-weight: bold } -.terminal-2653881366-r11 { fill: #a7a9ab } + .terminal-2083508691-r1 { fill: #121212 } +.terminal-2083508691-r2 { fill: #191919 } +.terminal-2083508691-r3 { fill: #e0e0e0 } +.terminal-2083508691-r4 { fill: #c5c8c6 } +.terminal-2083508691-r5 { fill: #3b3b3b } +.terminal-2083508691-r6 { fill: #0d0d0d;font-weight: bold } +.terminal-2083508691-r7 { fill: #242f38 } +.terminal-2083508691-r8 { fill: #495259 } +.terminal-2083508691-r9 { fill: #ffa62b;font-weight: bold } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - ScrollOffByOne + ScrollOffByOne - - - - ▔▔▔▔▔▔▔▔ -X 92 -▁▁▁▁▁▁▁▁ -▔▔▔▔▔▔▔▔ -X 93 -▁▁▁▁▁▁▁▁ -▔▔▔▔▔▔▔▔ -X 94 -▁▁▁▁▁▁▁▁ -▔▔▔▔▔▔▔▔ -X 95 -▁▁▁▁▁▁▁▁ -▔▔▔▔▔▔▔▔ -X 96 -▁▁▁▁▁▁▁▁ -▔▔▔▔▔▔▔▔ -X 97 -▁▁▁▁▁▁▁▁ -▔▔▔▔▔▔▔▔ -X 98 -▁▁▁▁▁▁▁▁ -▔▔▔▔▔▔▔▔ -X 99▁▁ -▁▁▁▁▁▁▁▁ -^p palette + + + + ▔▔▔▔▔▔▔▔ +X 92 +▁▁▁▁▁▁▁▁ +▔▔▔▔▔▔▔▔ +X 93 +▁▁▁▁▁▁▁▁ +▔▔▔▔▔▔▔▔ +X 94 +▁▁▁▁▁▁▁▁ +▔▔▔▔▔▔▔▔ +X 95 +▁▁▁▁▁▁▁▁ +▔▔▔▔▔▔▔▔ +X 96 +▁▁▁▁▁▁▁▁ +▔▔▔▔▔▔▔▔ +X 97 +▁▁▁▁▁▁▁▁ +▔▔▔▔▔▔▔▔ +X 98 +▁▁▁▁▁▁▁▁ +▔▔▔▔▔▔▔▔ +X 99▁▁ +▁▁▁▁▁▁▁▁ +^p palette diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_dynamic_bindings.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_dynamic_bindings.svg index 1e0c41e146..fb43c341a7 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_dynamic_bindings.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_dynamic_bindings.svg @@ -19,138 +19,136 @@ font-weight: 700; } - .terminal-3721642144-matrix { + .terminal-496087857-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3721642144-title { + .terminal-496087857-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3721642144-r1 { fill: #e1e1e1 } -.terminal-3721642144-r2 { fill: #c5c8c6 } -.terminal-3721642144-r3 { fill: #fea62b;font-weight: bold } -.terminal-3721642144-r4 { fill: #a7a9ab } -.terminal-3721642144-r5 { fill: #a6742c;font-weight: bold } -.terminal-3721642144-r6 { fill: #727579 } -.terminal-3721642144-r7 { fill: #e2e3e3 } -.terminal-3721642144-r8 { fill: #4c5055 } + .terminal-496087857-r1 { fill: #e0e0e0 } +.terminal-496087857-r2 { fill: #c5c8c6 } +.terminal-496087857-r3 { fill: #ffa62b;font-weight: bold } +.terminal-496087857-r4 { fill: #a77630;font-weight: bold } +.terminal-496087857-r5 { fill: #94999c } +.terminal-496087857-r6 { fill: #495259 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - BindingsApp + BindingsApp - - - - - - - - - - - - - - - - - - - - - - - - - - - a  c ^p palette + + + + + + + + + + + + + + + + + + + + + + + + + + + a  c ^p palette diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_enter_or_leave.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_enter_or_leave.svg index 98a490950a..98ff3442dc 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_enter_or_leave.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_enter_or_leave.svg @@ -19,132 +19,131 @@ font-weight: 700; } - .terminal-3151779352-matrix { + .terminal-1568032778-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3151779352-title { + .terminal-1568032778-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3151779352-r1 { fill: #c5c8c6 } -.terminal-3151779352-r2 { fill: #e1e1e1 } -.terminal-3151779352-r3 { fill: #dfe7ea } + .terminal-1568032778-r1 { fill: #c5c8c6 } +.terminal-1568032778-r2 { fill: #e0e0e0 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - EnterApp + EnterApp - - - - - -Foo -Bar - - - - - - - - - - - - - - - - - - - + + + + + +Foo +Bar + + + + + + + + + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_escape_to_minimize.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_escape_to_minimize.svg index c6f42d79d0..f11178d322 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_escape_to_minimize.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_escape_to_minimize.svg @@ -19,138 +19,138 @@ font-weight: 700; } - .terminal-2904764554-matrix { + .terminal-2878476564-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2904764554-title { + .terminal-2878476564-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2904764554-r1 { fill: #e1e1e1 } -.terminal-2904764554-r2 { fill: #c5c8c6 } -.terminal-2904764554-r3 { fill: #1e1e1e } -.terminal-2904764554-r4 { fill: #0178d4 } -.terminal-2904764554-r5 { fill: #c2c2bf } -.terminal-2904764554-r6 { fill: #272822 } -.terminal-2904764554-r7 { fill: #f8f8f2 } -.terminal-2904764554-r8 { fill: #90908a } -.terminal-2904764554-r9 { fill: #23568b } + .terminal-2878476564-r1 { fill: #e0e0e0 } +.terminal-2878476564-r2 { fill: #c5c8c6 } +.terminal-2878476564-r3 { fill: #121212 } +.terminal-2878476564-r4 { fill: #0178d4 } +.terminal-2878476564-r5 { fill: #c2c2bf } +.terminal-2878476564-r6 { fill: #272822 } +.terminal-2878476564-r7 { fill: #f8f8f2 } +.terminal-2878476564-r8 { fill: #90908a } +.terminal-2878476564-r9 { fill: #242f38 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - TextAreaExample + TextAreaExample - - - - - - - - - - -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -1     def hello -2          print -3   -4      def goodb -5          print -6   - - -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - - - - - - + + + + + + + + + + +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +1     def hello +2          print +3   +4      def goodb +5          print +6   + + +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_escape_to_minimize_disabled.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_escape_to_minimize_disabled.svg index bc074262fa..d2dd5fe89a 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_escape_to_minimize_disabled.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_escape_to_minimize_disabled.svg @@ -19,137 +19,137 @@ font-weight: 700; } - .terminal-2715014422-matrix { + .terminal-2497035206-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2715014422-title { + .terminal-2497035206-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2715014422-r1 { fill: #1e1e1e } -.terminal-2715014422-r2 { fill: #0178d4 } -.terminal-2715014422-r3 { fill: #c5c8c6 } -.terminal-2715014422-r4 { fill: #c2c2bf } -.terminal-2715014422-r5 { fill: #272822 } -.terminal-2715014422-r6 { fill: #f8f8f2 } -.terminal-2715014422-r7 { fill: #90908a } + .terminal-2497035206-r1 { fill: #121212 } +.terminal-2497035206-r2 { fill: #0178d4 } +.terminal-2497035206-r3 { fill: #c5c8c6 } +.terminal-2497035206-r4 { fill: #c2c2bf } +.terminal-2497035206-r5 { fill: #272822 } +.terminal-2497035206-r6 { fill: #f8f8f2 } +.terminal-2497035206-r7 { fill: #90908a } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - TextAreaExample + TextAreaExample - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -1     def hello(name):                                                      -2          print("hello" + name)                                             -3   -4      def goodbye(name):                                                    -5          print("goodbye" + name)                                           -6   - - - - - - - - - - - - - - - - -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +1     def hello(name):                                                      +2          print("hello" + name)                                             +3   +4      def goodbye(name):                                                    +5          print("goodbye" + name)                                           +6   + + + + + + + + + + + + + + + + +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_escape_to_minimize_screen_override.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_escape_to_minimize_screen_override.svg index c6f42d79d0..f11178d322 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_escape_to_minimize_screen_override.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_escape_to_minimize_screen_override.svg @@ -19,138 +19,138 @@ font-weight: 700; } - .terminal-2904764554-matrix { + .terminal-2878476564-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2904764554-title { + .terminal-2878476564-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2904764554-r1 { fill: #e1e1e1 } -.terminal-2904764554-r2 { fill: #c5c8c6 } -.terminal-2904764554-r3 { fill: #1e1e1e } -.terminal-2904764554-r4 { fill: #0178d4 } -.terminal-2904764554-r5 { fill: #c2c2bf } -.terminal-2904764554-r6 { fill: #272822 } -.terminal-2904764554-r7 { fill: #f8f8f2 } -.terminal-2904764554-r8 { fill: #90908a } -.terminal-2904764554-r9 { fill: #23568b } + .terminal-2878476564-r1 { fill: #e0e0e0 } +.terminal-2878476564-r2 { fill: #c5c8c6 } +.terminal-2878476564-r3 { fill: #121212 } +.terminal-2878476564-r4 { fill: #0178d4 } +.terminal-2878476564-r5 { fill: #c2c2bf } +.terminal-2878476564-r6 { fill: #272822 } +.terminal-2878476564-r7 { fill: #f8f8f2 } +.terminal-2878476564-r8 { fill: #90908a } +.terminal-2878476564-r9 { fill: #242f38 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - TextAreaExample + TextAreaExample - - - - - - - - - - -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -1     def hello -2          print -3   -4      def goodb -5          print -6   - - -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - - - - - - + + + + + + + + + + +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +1     def hello +2          print +3   +4      def goodb +5          print +6   + + +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_example_calculator.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_example_calculator.svg index 312e3a8a19..153d35bdfe 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_example_calculator.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_example_calculator.svg @@ -19,145 +19,144 @@ font-weight: 700; } - .terminal-3758221115-matrix { + .terminal-3624899792-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3758221115-title { + .terminal-3624899792-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3758221115-r1 { fill: #e1e1e1 } -.terminal-3758221115-r2 { fill: #1e1e1e } -.terminal-3758221115-r3 { fill: #c5c8c6 } -.terminal-3758221115-r4 { fill: #e5ebf2 } -.terminal-3758221115-r5 { fill: #507bb3 } -.terminal-3758221115-r6 { fill: #ffcf56 } -.terminal-3758221115-r7 { fill: #004578;font-weight: bold } -.terminal-3758221115-r8 { fill: #dde6ed;font-weight: bold } -.terminal-3758221115-r9 { fill: #211505;font-weight: bold } -.terminal-3758221115-r10 { fill: #001541 } -.terminal-3758221115-r11 { fill: #b86b00 } -.terminal-3758221115-r12 { fill: #454a50 } -.terminal-3758221115-r13 { fill: #e2e3e3;font-weight: bold } -.terminal-3758221115-r14 { fill: #000000 } -.terminal-3758221115-r15 { fill: #14191f } + .terminal-3624899792-r1 { fill: #e0e0e0 } +.terminal-3624899792-r2 { fill: #121212 } +.terminal-3624899792-r3 { fill: #c5c8c6 } +.terminal-3624899792-r4 { fill: #0a1421 } +.terminal-3624899792-r5 { fill: #6db2ff } +.terminal-3624899792-r6 { fill: #ffcf56 } +.terminal-3624899792-r7 { fill: #0c7dd4;font-weight: bold } +.terminal-3624899792-r8 { fill: #ddedf9 } +.terminal-3624899792-r9 { fill: #211505 } +.terminal-3624899792-r10 { fill: #004295 } +.terminal-3624899792-r11 { fill: #b86b00 } +.terminal-3624899792-r12 { fill: #2d2d2d } +.terminal-3624899792-r13 { fill: #0d0d0d } +.terminal-3624899792-r14 { fill: #000000 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - CalculatorApp + CalculatorApp - - - - - -                                                                     ╭─╮ -                                                                     │ │ -                                                                     ╰─╯ - - -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - AC  +/-  %  ÷  -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - 7  8  9  ×  -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - 4  5  6  -  -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - 1  2  3  +  -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▅▅ - -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + + + + + +                                                                     ╭─╮ +                                                                     │ │ +                                                                     ╰─╯ + + +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + AC  +/-  %  ÷  +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + 7  8  9  ×  +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + 4  5  6  -  +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + 1  2  3  +  +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▅▅ + +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_example_color_command.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_example_color_command.svg index 3f0ce8a02b..b0d6b29b0e 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_example_color_command.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_example_color_command.svg @@ -19,133 +19,132 @@ font-weight: 700; } - .terminal-509154156-matrix { + .terminal-602735737-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-509154156-title { + .terminal-602735737-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-509154156-r1 { fill: #c5c8c6 } -.terminal-509154156-r2 { fill: #e3e3e3 } -.terminal-509154156-r3 { fill: #e1e1e1 } -.terminal-509154156-r4 { fill: #eedddd } + .terminal-602735737-r1 { fill: #c5c8c6 } +.terminal-602735737-r2 { fill: #e0e0e0 } +.terminal-602735737-r3 { fill: #ffffff } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - Press ctrl + p and type a color + Press ctrl + p and type a color - - - - Press ctrl + p and type a color - - - - -ansi_red - - - - - - - - - - - - - - - - - + + + + Press ctrl + p and type a color + + + + +ansi_red + + + + + + + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_example_dictionary.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_example_dictionary.svg index 46ddcca4c4..cf4390276b 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_example_dictionary.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_example_dictionary.svg @@ -19,138 +19,135 @@ font-weight: 700; } - .terminal-1036936646-matrix { + .terminal-2231123303-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1036936646-title { + .terminal-2231123303-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1036936646-r1 { fill: #e2e3e3 } -.terminal-1036936646-r2 { fill: #c5c8c6 } -.terminal-1036936646-r3 { fill: #24292f } -.terminal-1036936646-r4 { fill: #0178d4 } -.terminal-1036936646-r5 { fill: #1e1e1e } -.terminal-1036936646-r6 { fill: #7c7f83 } -.terminal-1036936646-r7 { fill: #e3e4e5 } -.terminal-1036936646-r8 { fill: #121212 } -.terminal-1036936646-r9 { fill: #e1e1e2 } + .terminal-2231123303-r1 { fill: #e0e0e0 } +.terminal-2231123303-r2 { fill: #c5c8c6 } +.terminal-2231123303-r3 { fill: #242f38 } +.terminal-2231123303-r4 { fill: #0178d4 } +.terminal-2231123303-r5 { fill: #121212 } +.terminal-2231123303-r6 { fill: #797979 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - DictionaryApp + DictionaryApp - - - - -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -Search for a word -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - - - - - - - - - - - - - - - - -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +Search for a word +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + + + + + + + + + + + + + + + + +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_example_five_by_five.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_example_five_by_five.svg index 582b54ebe8..16f3f3225d 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_example_five_by_five.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_example_five_by_five.svg @@ -19,140 +19,138 @@ font-weight: 700; } - .terminal-2114580142-matrix { + .terminal-1214334257-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2114580142-title { + .terminal-1214334257-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2114580142-r1 { fill: #e4e5e6 } -.terminal-2114580142-r2 { fill: #c5c8c6 } -.terminal-2114580142-r3 { fill: #0d0d0d } -.terminal-2114580142-r4 { fill: #e1e1e1;font-weight: bold } -.terminal-2114580142-r5 { fill: #e7920d } -.terminal-2114580142-r6 { fill: #211505;font-weight: bold } -.terminal-2114580142-r7 { fill: #fea62b;font-weight: bold } -.terminal-2114580142-r8 { fill: #a7a9ab } -.terminal-2114580142-r9 { fill: #e2e3e3 } -.terminal-2114580142-r10 { fill: #4c5055 } + .terminal-1214334257-r1 { fill: #e4e6e7 } +.terminal-1214334257-r2 { fill: #c5c8c6 } +.terminal-1214334257-r3 { fill: #0d0d0d } +.terminal-1214334257-r4 { fill: #e0e0e0 } +.terminal-1214334257-r5 { fill: #003465 } +.terminal-1214334257-r6 { fill: #0b4c7d;font-weight: bold } +.terminal-1214334257-r7 { fill: #ffa62b;font-weight: bold } +.terminal-1214334257-r8 { fill: #495259 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - 5x5 -- A little annoying puzzle + 5x5 -- A little annoying puzzle - - - - 5x5 -- A little annoying puzzleMoves: 0Filled: 5 -╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮ -││││││││ -││││││││ -╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯ -╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮ -││││ -││││ -╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯ -╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮ -││││ -││││ -││││ -╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯ -╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮ -││││ -││││ -╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯ -╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮ -││││││││ -││││││││ -││││││││ -╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯ - n New Game  ? Help  q Quit  ^d Toggle Dark Mode ^p palette + + + + 5x5 -- A little annoying puzzleMoves: 0Filled: 5 +╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮ +││││││││ +││││││││ +╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯ +╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮ +││││ +││││ +╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯ +╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮ + + + +╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯ +╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮ +││││ +││││ +╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯ +╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮ +││││││││ +││││││││ +││││││││ +╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯ + n New Game  ? Help  q Quit  ^d Toggle Dark Mode                    ^p palette diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_example_json_tree.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_example_json_tree.svg index eda460ce4e..f33481e173 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_example_json_tree.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_example_json_tree.svg @@ -19,144 +19,143 @@ font-weight: 700; } - .terminal-4238498685-matrix { + .terminal-3279794202-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-4238498685-title { + .terminal-3279794202-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-4238498685-r1 { fill: #c5c8c6 } -.terminal-4238498685-r2 { fill: #e3e3e3 } -.terminal-4238498685-r3 { fill: #e2e3e3 } -.terminal-4238498685-r4 { fill: #24292f } -.terminal-4238498685-r5 { fill: #008139 } -.terminal-4238498685-r6 { fill: #14191f } -.terminal-4238498685-r7 { fill: #e2e3e3;font-weight: bold } -.terminal-4238498685-r8 { fill: #98e024 } -.terminal-4238498685-r9 { fill: #211505;font-weight: bold } -.terminal-4238498685-r10 { fill: #fea62b;font-weight: bold } -.terminal-4238498685-r11 { fill: #58d1eb;font-weight: bold } -.terminal-4238498685-r12 { fill: #f4005f;font-style: italic; } -.terminal-4238498685-r13 { fill: #a7a9ab } -.terminal-4238498685-r14 { fill: #4c5055 } + .terminal-3279794202-r1 { fill: #c5c8c6 } +.terminal-3279794202-r2 { fill: #e0e0e0 } +.terminal-3279794202-r3 { fill: #272727 } +.terminal-3279794202-r4 { fill: #4f4f4f } +.terminal-3279794202-r5 { fill: #000000 } +.terminal-3279794202-r6 { fill: #e0e0e0;font-weight: bold } +.terminal-3279794202-r7 { fill: #98e024 } +.terminal-3279794202-r8 { fill: #ddedf9;font-weight: bold } +.terminal-3279794202-r9 { fill: #0178d4 } +.terminal-3279794202-r10 { fill: #58d1eb;font-weight: bold } +.terminal-3279794202-r11 { fill: #f4005f;font-style: italic; } +.terminal-3279794202-r12 { fill: #ffa62b;font-weight: bold } +.terminal-3279794202-r13 { fill: #495259 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - TreeApp + TreeApp - - - - TreeApp -▼ Root -└── ▼ {} JSON▁▁ -    ├── code='5060292302201' -    ├── ▼ {} product -    │   ┣━━ _id='5060292302201' -    │   ┣━━ ▶ [] _keywords -    │   ┣━━ ▶ [] added_countries_tags -    │   ┣━━ ▶ [] additives_debug_tags -    │   ┣━━ additives_n=2 -    │   ┣━━ additives_old_n=2 -    │   ┣━━ ▶ [] additives_old_tags -    │   ┣━━ ▶ [] additives_original_tags -    │   ┣━━ ▶ [] additives_prev_original_tags -    │   ┣━━ ▶ [] additives_tags -    │   ┣━━ additives_tags_n=None -    │   ┣━━ allergens='en:milk' -    │   ┣━━ ▶ [] allergens_debug_tags -    │   ┣━━ allergens_from_ingredients='en:milk, milk' -    │   ┣━━ allergens_from_user='(en) en:milk' -    │   ┣━━ ▶ [] allergens_hierarchy -    │   ┣━━ ▶ [] allergens_tags - - a Add node  c Clear  t Toggle root ^p palette + + + + TreeApp +▼ Root +└── ▼ {} JSON▁▁ +    ├── code='5060292302201' +    ├── ▼ {} product +    │   ├── _id='5060292302201' +    │   ├── ▶ [] _keywords +    │   ├── ▶ [] added_countries_tags +    │   ├── ▶ [] additives_debug_tags +    │   ├── additives_n=2 +    │   ├── additives_old_n=2 +    │   ├── ▶ [] additives_old_tags +    │   ├── ▶ [] additives_original_tags +    │   ├── ▶ [] additives_prev_original_tags +    │   ├── ▶ [] additives_tags +    │   ├── additives_tags_n=None +    │   ├── allergens='en:milk' +    │   ├── ▶ [] allergens_debug_tags +    │   ├── allergens_from_ingredients='en:milk, milk' +    │   ├── allergens_from_user='(en) en:milk' +    │   ├── ▶ [] allergens_hierarchy +    │   ├── ▶ [] allergens_tags + + a Add node  c Clear  t Toggle root                                 ^p palette diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_example_markdown.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_example_markdown.svg index 172048c8b5..c467f2e715 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_example_markdown.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_example_markdown.svg @@ -19,145 +19,141 @@ font-weight: 700; } - .terminal-3777259831-matrix { + .terminal-4067078472-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3777259831-title { + .terminal-4067078472-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3777259831-r1 { fill: #c5c8c6 } -.terminal-3777259831-r2 { fill: #24292f } -.terminal-3777259831-r3 { fill: #e1e1e1 } -.terminal-3777259831-r4 { fill: #e2e3e3 } -.terminal-3777259831-r5 { fill: #96989b } -.terminal-3777259831-r6 { fill: #008139 } -.terminal-3777259831-r7 { fill: #4ebf71;font-weight: bold } -.terminal-3777259831-r8 { fill: #939393;font-weight: bold } -.terminal-3777259831-r9 { fill: #4ebf71;text-decoration: underline; } -.terminal-3777259831-r10 { fill: #e1e1e1;text-decoration: underline; } -.terminal-3777259831-r11 { fill: #fea62b;font-weight: bold } -.terminal-3777259831-r12 { fill: #a7a9ab } -.terminal-3777259831-r13 { fill: #a6742c;font-weight: bold } -.terminal-3777259831-r14 { fill: #727579 } -.terminal-3777259831-r15 { fill: #4c5055 } + .terminal-4067078472-r1 { fill: #c5c8c6 } +.terminal-4067078472-r2 { fill: #e0e0e0 } +.terminal-4067078472-r3 { fill: #94999c } +.terminal-4067078472-r4 { fill: #3e3e3e } +.terminal-4067078472-r5 { fill: #0178d4;font-weight: bold } +.terminal-4067078472-r6 { fill: #969696;font-weight: bold } +.terminal-4067078472-r7 { fill: #0178d4;text-decoration: underline; } +.terminal-4067078472-r8 { fill: #e2e2e2;text-decoration: underline; } +.terminal-4067078472-r9 { fill: #ffa62b;font-weight: bold } +.terminal-4067078472-r10 { fill: #a77630;font-weight: bold } +.terminal-4067078472-r11 { fill: #495259 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - MarkdownApp + MarkdownApp - - - - -▼ Ⅰ Textual Markdown Browser -└── Ⅱ Do You Want to Know More?Textual Markdown Browser - -  Welcome fellow adventurer! If you ran  -markdown.py from the terminal you are  -  viewing demo.md with Textual's built in      -  Markdown widget. - -  The widget supports much of the Markdown     -  spec. There is also an optional Table of     -  Contents sidebar which you will see to  -  your left. - - -Do You Want to Know More? - -  See example.md for more examples of what     -  this can do. - - - - - t TOC  b Back  f Forward ^p palette + + + + +▼ Ⅰ Textual Markdown Browser +└── Ⅱ Do You Want to Know More?Textual Markdown Browser + +Welcome fellow adventurer! If you ran  +markdown.py from the terminal you are  +viewing demo.md with Textual's built in  +Markdown widget. + +The widget supports much of the Markdown  +spec. There is also an optional Table of  +Contents sidebar which you will see to  +your left. + + +Do You Want to Know More? + +See example.md for more examples of what  +this can do. + + + + + t TOC  b Back  f Forward ^p palette diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_example_merlin.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_example_merlin.svg index 2199d7a4b2..faed2184dd 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_example_merlin.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_example_merlin.svg @@ -19,141 +19,141 @@ font-weight: 700; } - .terminal-2134437-matrix { + .terminal-74597175-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2134437-title { + .terminal-74597175-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2134437-r1 { fill: #e1e1e1 } -.terminal-2134437-r2 { fill: #1e1e1e } -.terminal-2134437-r3 { fill: #c5c8c6 } -.terminal-2134437-r4 { fill: #fea62b } -.terminal-2134437-r5 { fill: #004578 } -.terminal-2134437-r6 { fill: #e1e1e1;font-weight: bold } -.terminal-2134437-r7 { fill: #0178d4 } -.terminal-2134437-r8 { fill: #e2e2e2 } -.terminal-2134437-r9 { fill: #262626 } -.terminal-2134437-r10 { fill: #737373;font-weight: bold } -.terminal-2134437-r11 { fill: #14191f } + .terminal-74597175-r1 { fill: #e0e0e0 } +.terminal-74597175-r2 { fill: #121212 } +.terminal-74597175-r3 { fill: #c5c8c6 } +.terminal-74597175-r4 { fill: #fea62b } +.terminal-74597175-r5 { fill: #0178d4 } +.terminal-74597175-r6 { fill: #e0e0e0;font-weight: bold } +.terminal-74597175-r7 { fill: #1e1e1e } +.terminal-74597175-r8 { fill: #191919 } +.terminal-74597175-r9 { fill: #272727 } +.terminal-74597175-r10 { fill: #737373;font-weight: bold } +.terminal-74597175-r11 { fill: #000000 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - MerlinApp + MerlinApp - - - - - -╭─╮   ╭─╮╭─╮   ╭─╮╭─╮ -│ │ : │ ││ │ : │ ││ │ -╰─╯   ╰─╯╰─╯   ╰─╯╰─╯ - - -█▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀█ - -    7         8         9      -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - -    4         5         6      -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - -    1         2         3      -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ -▇▇ + + + + + +╭─╮   ╭─╮╭─╮   ╭─╮╭─╮ +│ │ : │ ││ │ : │ ││ │ +╰─╯   ╰─╯╰─╯   ╰─╯╰─╯ + + +█▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀█ + +    7         8         9      +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎▔▔▔▔▔▔▔▔▎ + +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎▁▁▁▁▁▁▁▁▎ + +    4         5         6      +▔▔▔▔▔▔▔▔▎▔▔▔▔▔▔▔▔▎▔▔▔▔▔▔▔▔▎ + +▁▁▁▁▁▁▁▁▎▁▁▁▁▁▁▁▁▎▁▁▁▁▁▁▁▁▎ + +    1         2         3      +▔▔▔▔▔▔▔▔▎▔▔▔▔▔▔▔▔▎▔▔▔▔▔▔▔▔▎ + +▁▁▁▁▁▁▁▁▎▁▁▁▁▁▁▁▁▎▁▁▁▁▁▁▁▁▎ +▇▇ diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_example_pride.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_example_pride.svg index e74c86b7e0..089451343a 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_example_pride.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_example_pride.svg @@ -19,136 +19,131 @@ font-weight: 700; } - .terminal-3094371209-matrix { + .terminal-1162958847-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3094371209-title { + .terminal-1162958847-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3094371209-r1 { fill: #ffdddd } -.terminal-3094371209-r2 { fill: #c5c8c6 } -.terminal-3094371209-r3 { fill: #fff3dd } -.terminal-3094371209-r4 { fill: #ffffdd } -.terminal-3094371209-r5 { fill: #ddeedd } -.terminal-3094371209-r6 { fill: #ddddff } -.terminal-3094371209-r7 { fill: #eeddee } + .terminal-1162958847-r1 { fill: #e0e0e0 } +.terminal-1162958847-r2 { fill: #c5c8c6 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - PrideApp + PrideApp - + - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_focus_component_class.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_focus_component_class.svg index 14c693be4c..0cba342777 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_focus_component_class.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_focus_component_class.svg @@ -19,140 +19,136 @@ font-weight: 700; } - .terminal-1254500887-matrix { + .terminal-667746654-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1254500887-title { + .terminal-667746654-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1254500887-r1 { fill: #c5c8c6 } -.terminal-1254500887-r2 { fill: #e3e3e3 } -.terminal-1254500887-r3 { fill: #ffdddd } -.terminal-1254500887-r4 { fill: #1e1e1e } -.terminal-1254500887-r5 { fill: #e1e1e1 } -.terminal-1254500887-r6 { fill: #14191f } -.terminal-1254500887-r7 { fill: #e2e3e3 } -.terminal-1254500887-r8 { fill: #4c5055 } -.terminal-1254500887-r9 { fill: #fea62b;font-weight: bold } -.terminal-1254500887-r10 { fill: #a7a9ab } + .terminal-667746654-r1 { fill: #c5c8c6 } +.terminal-667746654-r2 { fill: #e0e0e0 } +.terminal-667746654-r3 { fill: #121212 } +.terminal-667746654-r4 { fill: #000000 } +.terminal-667746654-r5 { fill: #495259 } +.terminal-667746654-r6 { fill: #ffa62b;font-weight: bold } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - StyleBugApp + StyleBugApp - - - - StyleBugApp -test widget 0 -test widget 1 -test widget 2 -test widget 3 -test widget 4 -test widget 5 -test widget 6 -test widget 7 -test widget 8 -test widget 9 -test widget 10 -test widget 11 -test widget 12▇▇ -test widget 13 -test widget 14 -test widget 15 -test widget 16 -test widget 17 -test widget 18 -test widget 19 -test widget 20 -test widget 21 -^p palette + + + + StyleBugApp +test widget 0 +test widget 1 +test widget 2 +test widget 3 +test widget 4 +test widget 5 +test widget 6 +test widget 7 +test widget 8 +test widget 9 +test widget 10 +test widget 11 +test widget 12▇▇ +test widget 13 +test widget 14 +test widget 15 +test widget 16 +test widget 17 +test widget 18 +test widget 19 +test widget 20 +test widget 21 +^p palette diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_footer_classic_styling.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_footer_classic_styling.svg index 1c88ee485d..1f9a3fed2f 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_footer_classic_styling.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_footer_classic_styling.svg @@ -19,135 +19,134 @@ font-weight: 700; } - .terminal-2379907918-matrix { + .terminal-3775623623-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2379907918-title { + .terminal-3775623623-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2379907918-r1 { fill: #e1e1e1 } -.terminal-2379907918-r2 { fill: #c5c8c6 } -.terminal-2379907918-r3 { fill: #dde8f3;font-weight: bold } -.terminal-2379907918-r4 { fill: #ddedf9 } -.terminal-2379907918-r5 { fill: #308fd9 } + .terminal-3775623623-r1 { fill: #e0e0e0 } +.terminal-3775623623-r2 { fill: #c5c8c6 } +.terminal-3775623623-r3 { fill: #dde2e8;font-weight: bold } +.terminal-3775623623-r4 { fill: #2c648c } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - ClassicFooterStylingApp + ClassicFooterStylingApp - - - - - - - - - - - - - - - - - - - - - - - - - - - ^t  Toggle Dark mode  ^q  Quit                                    ^p palette  + + + + + + + + + + + + + + + + + + + + + + + + + + + ^t  Toggle Dark mode  ^q  Quit                                    ^p palette  diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_footer_compact.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_footer_compact.svg index 66c12b6e65..64135806cc 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_footer_compact.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_footer_compact.svg @@ -19,136 +19,134 @@ font-weight: 700; } - .terminal-764218369-matrix { + .terminal-896694213-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-764218369-title { + .terminal-896694213-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-764218369-r1 { fill: #e1e1e1 } -.terminal-764218369-r2 { fill: #c5c8c6 } -.terminal-764218369-r3 { fill: #fea62b;font-weight: bold } -.terminal-764218369-r4 { fill: #a7a9ab } -.terminal-764218369-r5 { fill: #e2e3e3 } -.terminal-764218369-r6 { fill: #4c5055 } + .terminal-896694213-r1 { fill: #e0e0e0 } +.terminal-896694213-r2 { fill: #c5c8c6 } +.terminal-896694213-r3 { fill: #ffa62b;font-weight: bold } +.terminal-896694213-r4 { fill: #495259 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - ToggleCompactFooterApp + ToggleCompactFooterApp - - - - - - - - - - - - - - -                                 Compact Footer                                  - - - - - - - - - - - -^t Toggle Compact Footer^q Quit^p palette + + + + + + + + + + + + + + +                                 Compact Footer                                  + + + + + + + + + + + +^t Toggle Compact Footer ^q Quit                                    ^p palette diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_footer_compact_with_hover.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_footer_compact_with_hover.svg index 5b09582fac..1ea38887e5 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_footer_compact_with_hover.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_footer_compact_with_hover.svg @@ -19,137 +19,134 @@ font-weight: 700; } - .terminal-2000227162-matrix { + .terminal-4180196125-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2000227162-title { + .terminal-4180196125-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2000227162-r1 { fill: #e1e1e1 } -.terminal-2000227162-r2 { fill: #c5c8c6 } -.terminal-2000227162-r3 { fill: #fea62b;font-weight: bold } -.terminal-2000227162-r4 { fill: #dddedf } -.terminal-2000227162-r5 { fill: #e2e3e3 } -.terminal-2000227162-r6 { fill: #a7a9ab } -.terminal-2000227162-r7 { fill: #4c5055 } + .terminal-4180196125-r1 { fill: #e0e0e0 } +.terminal-4180196125-r2 { fill: #c5c8c6 } +.terminal-4180196125-r3 { fill: #ffa62b;font-weight: bold } +.terminal-4180196125-r4 { fill: #495259 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - ToggleCompactFooterApp + ToggleCompactFooterApp - - - - - - - - - - - - - - -                                 Compact Footer                                  - - - - - - - - - - - -^t Toggle Compact Footer^q Quit^p palette + + + + + + + + + + + + + + +                                 Compact Footer                                  + + + + + + + + + + + +^t Toggle Compact Footer^q Quit                                    ^p palette diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_footer_render.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_footer_render.svg index 7997e40076..7eef9a5238 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_footer_render.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_footer_render.svg @@ -19,136 +19,134 @@ font-weight: 700; } - .terminal-356077385-matrix { + .terminal-1788804666-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-356077385-title { + .terminal-1788804666-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-356077385-r1 { fill: #e1e1e1 } -.terminal-356077385-r2 { fill: #c5c8c6 } -.terminal-356077385-r3 { fill: #fea62b;font-weight: bold } -.terminal-356077385-r4 { fill: #a7a9ab } -.terminal-356077385-r5 { fill: #e2e3e3 } -.terminal-356077385-r6 { fill: #4c5055 } + .terminal-1788804666-r1 { fill: #e0e0e0 } +.terminal-1788804666-r2 { fill: #c5c8c6 } +.terminal-1788804666-r3 { fill: #ffa62b;font-weight: bold } +.terminal-1788804666-r4 { fill: #495259 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - FooterApp + FooterApp - - - - - - - - - - - - - - - - - - - - - - - - - - - q Quit the app  ? Show help screen  del Delete the thing ^p palette + + + + + + + + + + + + + + + + + + + + + + + + + + + q Quit the app  ? Show help screen  del Delete the thing           ^p palette diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_footer_standard_after_reactive_change.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_footer_standard_after_reactive_change.svg index e1f9d6c625..1f0bd6d62e 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_footer_standard_after_reactive_change.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_footer_standard_after_reactive_change.svg @@ -19,136 +19,134 @@ font-weight: 700; } - .terminal-2948188376-matrix { + .terminal-776566799-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2948188376-title { + .terminal-776566799-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2948188376-r1 { fill: #e1e1e1 } -.terminal-2948188376-r2 { fill: #c5c8c6 } -.terminal-2948188376-r3 { fill: #fea62b;font-weight: bold } -.terminal-2948188376-r4 { fill: #a7a9ab } -.terminal-2948188376-r5 { fill: #e2e3e3 } -.terminal-2948188376-r6 { fill: #4c5055 } + .terminal-776566799-r1 { fill: #e0e0e0 } +.terminal-776566799-r2 { fill: #c5c8c6 } +.terminal-776566799-r3 { fill: #ffa62b;font-weight: bold } +.terminal-776566799-r4 { fill: #495259 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - ToggleCompactFooterApp + ToggleCompactFooterApp - - - - - - - - - - - - - - -                                Standard Footer                                  - - - - - - - - - - - - ^t Toggle Compact Footer  ^q Quit ^p palette + + + + + + + + + + + + + + +                                Standard Footer                                  + + + + + + + + + + + + ^t Toggle Compact Footer  ^q Quit                                  ^p palette diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_footer_standard_with_hover.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_footer_standard_with_hover.svg index 2a5f61508c..3f186e43ec 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_footer_standard_with_hover.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_footer_standard_with_hover.svg @@ -19,137 +19,134 @@ font-weight: 700; } - .terminal-2185218097-matrix { + .terminal-592934925-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2185218097-title { + .terminal-592934925-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2185218097-r1 { fill: #e1e1e1 } -.terminal-2185218097-r2 { fill: #c5c8c6 } -.terminal-2185218097-r3 { fill: #fea62b;font-weight: bold } -.terminal-2185218097-r4 { fill: #dddedf } -.terminal-2185218097-r5 { fill: #a7a9ab } -.terminal-2185218097-r6 { fill: #e2e3e3 } -.terminal-2185218097-r7 { fill: #4c5055 } + .terminal-592934925-r1 { fill: #e0e0e0 } +.terminal-592934925-r2 { fill: #c5c8c6 } +.terminal-592934925-r3 { fill: #ffa62b;font-weight: bold } +.terminal-592934925-r4 { fill: #495259 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - ToggleCompactFooterApp + ToggleCompactFooterApp - - - - - - - - - - - - - - -                                Standard Footer                                  - - - - - - - - - - - - ^t Toggle Compact Footer  ^q Quit ^p palette + + + + + + + + + + + + + + +                                Standard Footer                                  + + + + + + + + + + + + ^t Toggle Compact Footer  ^q Quit                                  ^p palette diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_fr_and_margin.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_fr_and_margin.svg index 82abecfc79..e2b54aa83f 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_fr_and_margin.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_fr_and_margin.svg @@ -19,134 +19,131 @@ font-weight: 700; } - .terminal-952358996-matrix { + .terminal-3176450239-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-952358996-title { + .terminal-3176450239-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-952358996-r1 { fill: #ddeedd } -.terminal-952358996-r2 { fill: #c5c8c6 } -.terminal-952358996-r3 { fill: #e1e1e1 } -.terminal-952358996-r4 { fill: #ffdddd } -.terminal-952358996-r5 { fill: #ddddff } + .terminal-3176450239-r1 { fill: #e0e0e0 } +.terminal-3176450239-r2 { fill: #c5c8c6 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - FRApp + FRApp - - - - No margin - should extend to left and right                                      - - -A margin of 2, should be 2 cells around the text                             - - - - -A margin of 4, should be 4 cells around the text                         - - - - - - - - - - - - - - + + + + No margin - should extend to left and right                                      + + +A margin of 2, should be 2 cells around the text                             + + + + +A margin of 4, should be 4 cells around the text                         + + + + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_fr_margins.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_fr_margins.svg index cafdde127e..e117d972a5 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_fr_margins.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_fr_margins.svg @@ -19,138 +19,137 @@ font-weight: 700; } - .terminal-4285994983-matrix { + .terminal-2927179932-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-4285994983-title { + .terminal-2927179932-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-4285994983-r1 { fill: #008000 } -.terminal-4285994983-r2 { fill: #c5c8c6 } -.terminal-4285994983-r3 { fill: #e0e4e0 } -.terminal-4285994983-r4 { fill: #e0e6e0 } + .terminal-2927179932-r1 { fill: #008000 } +.terminal-2927179932-r2 { fill: #c5c8c6 } +.terminal-2927179932-r3 { fill: #e0e0e0 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - TestApp + TestApp - - - - ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓ - - -Hello - - - - - - -World - - - - - - -!! - - - - - - -┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛ + + + + ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓ + + +Hello + + + + + + +World + + + + + + +!! + + + + + + +┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛ diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_fr_unit_with_min.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_fr_unit_with_min.svg index c45b5180d6..cda96e8cac 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_fr_unit_with_min.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_fr_unit_with_min.svg @@ -19,140 +19,136 @@ font-weight: 700; } - .terminal-4061097981-matrix { + .terminal-2768196479-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-4061097981-title { + .terminal-2768196479-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-4061097981-r1 { fill: #c5c8c6 } -.terminal-4061097981-r2 { fill: #e3e3e3 } -.terminal-4061097981-r3 { fill: #ddddff } -.terminal-4061097981-r4 { fill: #e3e4e5 } -.terminal-4061097981-r5 { fill: #24292f } -.terminal-4061097981-r6 { fill: #14191f } -.terminal-4061097981-r7 { fill: #e2e3e3 } -.terminal-4061097981-r8 { fill: #4c5055 } -.terminal-4061097981-r9 { fill: #fea62b;font-weight: bold } -.terminal-4061097981-r10 { fill: #a7a9ab } + .terminal-2768196479-r1 { fill: #c5c8c6 } +.terminal-2768196479-r2 { fill: #e0e0e0 } +.terminal-2768196479-r3 { fill: #242f38 } +.terminal-2768196479-r4 { fill: #000000 } +.terminal-2768196479-r5 { fill: #495259 } +.terminal-2768196479-r6 { fill: #ffa62b;font-weight: bold } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - ScreenSplitApp + ScreenSplitApp - - - - ScreenSplitApp -This is content This is content number 0 -number 0This is content number 1 -This is content ▄▄This is content number 2 -number 1This is content number 3 -This is content This is content number 4▁▁ -number 2This is content number 5 -This is content This is content number 6 -number 3This is content number 7 -This is content This is content number 8 -number 4This is content number 9 -This is content This is content number 10 -number 5This is content number 11 -This is content This is content number 12 -number 6This is content number 13 -This is content This is content number 14 -number 7This is content number 15 -This is content This is content number 16 -number 8This is content number 17 -This is content This is content number 18 -number 9This is content number 19 -This is content This is content number 20 -number 10This is content number 21 -^p palette + + + + ScreenSplitApp +This is content This is content number 0 +number 0This is content number 1 +This is content ▄▄This is content number 2 +number 1This is content number 3 +This is content This is content number 4▁▁ +number 2This is content number 5 +This is content This is content number 6 +number 3This is content number 7 +This is content This is content number 8 +number 4This is content number 9 +This is content This is content number 10 +number 5This is content number 11 +This is content This is content number 12 +number 6This is content number 13 +This is content This is content number 14 +number 7This is content number 15 +This is content This is content number 16 +number 8This is content number 17 +This is content This is content number 18 +number 9This is content number 19 +This is content This is content number 20 +number 10This is content number 21 +^p palette diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_fr_units.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_fr_units.svg index ca28a8a00f..ad001524cc 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_fr_units.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_fr_units.svg @@ -19,133 +19,133 @@ font-weight: 700; } - .terminal-1610428255-matrix { + .terminal-1838572910-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1610428255-title { + .terminal-1838572910-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1610428255-r1 { fill: #ffffff } -.terminal-1610428255-r2 { fill: #c5c8c6 } -.terminal-1610428255-r3 { fill: #e2e2e2 } + .terminal-1838572910-r1 { fill: #ffffff } +.terminal-1838572910-r2 { fill: #c5c8c6 } +.terminal-1838572910-r3 { fill: #e0e0e0 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - FRApp + FRApp - - - - ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓ -HEADER - - - -┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛ -┏━━━━━━━━┓┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓┏━━━━━━┓ -foo┃┃bar┃┃baz -┃┃┃┃ -┃┃┃┃ -┃┃┃┃ -┃┃┃┃ -┃┃┃┃ -┃┃┃┃ -┃┃┃┃ -┃┃┃┃ -┃┃┃┃ -┃┃┃┃ -┃┃┃┃ -┗━━━━━━━━┛┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛┗━━━━━━┛ -┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓ -FOOTER - -┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛ + + + + ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓ +HEADER + + + +┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛ +┏━━━━━━━━┓┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓┏━━━━━━┓ +foo┃┃bar┃┃baz +┃┃┃┃ +┃┃┃┃ +┃┃┃┃ +┃┃┃┃ +┃┃┃┃ +┃┃┃┃ +┃┃┃┃ +┃┃┃┃ +┃┃┃┃ +┃┃┃┃ +┃┃┃┃ +┗━━━━━━━━┛┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛┗━━━━━━┛ +┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓ +FOOTER + +┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛ diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_grid_auto.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_grid_auto.svg index aff19b696d..cd608c9b52 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_grid_auto.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_grid_auto.svg @@ -19,141 +19,141 @@ font-weight: 700; } - .terminal-1332404670-matrix { + .terminal-2885342342-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1332404670-title { + .terminal-2885342342-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1332404670-r1 { fill: #008000 } -.terminal-1332404670-r2 { fill: #e1e1e1 } -.terminal-1332404670-r3 { fill: #c5c8c6 } -.terminal-1332404670-r4 { fill: #e6def6 } -.terminal-1332404670-r5 { fill: #e8e1f3 } -.terminal-1332404670-r6 { fill: #ebe4f4 } -.terminal-1332404670-r7 { fill: #ede7f2 } -.terminal-1332404670-r8 { fill: #edecee } -.terminal-1332404670-r9 { fill: #e7ecf3 } -.terminal-1332404670-r10 { fill: #e2ecf7 } -.terminal-1332404670-r11 { fill: #e0ebfa } -.terminal-1332404670-r12 { fill: #dde9fb } + .terminal-2885342342-r1 { fill: #008000 } +.terminal-2885342342-r2 { fill: #e0e0e0 } +.terminal-2885342342-r3 { fill: #c5c8c6 } +.terminal-2885342342-r4 { fill: #e6def6 } +.terminal-2885342342-r5 { fill: #e8e1f3 } +.terminal-2885342342-r6 { fill: #ebe4f4 } +.terminal-2885342342-r7 { fill: #ede7f2 } +.terminal-2885342342-r8 { fill: #edecee } +.terminal-2885342342-r9 { fill: #e7ecf3 } +.terminal-2885342342-r10 { fill: #e2ecf7 } +.terminal-2885342342-r11 { fill: #e0ebfa } +.terminal-2885342342-r12 { fill: #dde9fb } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - KeylineApp + KeylineApp - - - - ┌──┬──┬──┐ -abc -├──┼──┼──┤ -def -├──┼──┼──┤ -ghi -└──┴──┴──┘ - - - - - - - - - - - - - - - - + + + + ┌──┬──┬──┐ +abc +├──┼──┼──┤ +def +├──┼──┼──┤ +ghi +└──┴──┴──┘ + + + + + + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_grid_gutter.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_grid_gutter.svg index 56118d38c4..6cecac1d7e 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_grid_gutter.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_grid_gutter.svg @@ -19,137 +19,137 @@ font-weight: 700; } - .terminal-1724556311-matrix { + .terminal-2797824005-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1724556311-title { + .terminal-2797824005-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1724556311-r1 { fill: #e1e1e1 } -.terminal-1724556311-r2 { fill: #c5c8c6 } -.terminal-1724556311-r3 { fill: #0178d4 } -.terminal-1724556311-r4 { fill: #e1e1e1;font-weight: bold } -.terminal-1724556311-r5 { fill: #474747 } -.terminal-1724556311-r6 { fill: #1e1e1e } -.terminal-1724556311-r7 { fill: #121212 } -.terminal-1724556311-r8 { fill: #e1e1e1;font-style: italic; } + .terminal-2797824005-r1 { fill: #e0e0e0 } +.terminal-2797824005-r2 { fill: #c5c8c6 } +.terminal-2797824005-r3 { fill: #004578 } +.terminal-2797824005-r4 { fill: #ddedf9;font-weight: bold } +.terminal-2797824005-r5 { fill: #4f4f4f } +.terminal-2797824005-r6 { fill: #0178d4 } +.terminal-2797824005-r7 { fill: #121212 } +.terminal-2797824005-r8 { fill: #e0e0e0;font-style: italic; } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - Demonstrator + Demonstrator - - - - - -┌──────────────────────────────────────────────────────────┐ - -Information -━╸━━━━━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ -aaa naa aaaaa aaa aaaan, aaa aaa, aaaa?", aa aaa -aaaaanaaa anaaaaaaana aaaaaaaa aaaaaana aaa      -aaaaa aa aaa, aa aaaaaaaaa aaa aaaa, "aaaa, an   -aaaa aaa aaaa, a aa". "aaaa, naa aaaaaaaaaaa,    -aaa a aaaa aaaaaanaa aaaa aa a aaa!", aaa        -anaaaa, aaaaa aaaaaaaa aanaaaaa. "Na! aaa naa.   -aaaaa. aa aaaaa naa. aaaaa aa na aaa.", aaa      -aaaaaaaa aaaanaaaaa DONE.                        -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ - - - - -└──────────────────────────────────────────────────────────┘ - + + + + + +┌──────────────────────────────────────────────────────────┐ +Information +━╸━━━━━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ +aaa naa aaaaa aaa aaaan, aaa aaa, aaaa?", aa aaa     +aaaaanaaa anaaaaaaana aaaaaaaa aaaaaana aaa aaaaa aa +aaa, aa aaaaaaaaa aaa aaaa, "aaaa, an aaaa aaa aaaa, +a aa". "aaaa, naa aaaaaaaaaaa, aaa a aaaa aaaaaanaa  +aaaa aa a aaa!", aaa anaaaa, aaaaa aaaaaaaa          +aanaaaaa. "Na! aaa naa. aaaaa. aa aaaaa naa. aaaaa   +aa na aaa.", aaa aaaaaaaa aaaanaaaaa DONE.           +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ + + + + + + + +└──────────────────────────────────────────────────────────┘ + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_grid_layout_basic.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_grid_layout_basic.svg index 00f7b7ef98..2d127f0206 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_grid_layout_basic.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_grid_layout_basic.svg @@ -19,133 +19,133 @@ font-weight: 700; } - .terminal-3761929145-matrix { + .terminal-1942563963-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3761929145-title { + .terminal-1942563963-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3761929145-r1 { fill: #008000 } -.terminal-3761929145-r2 { fill: #c5c8c6 } -.terminal-3761929145-r3 { fill: #e1e1e1 } + .terminal-1942563963-r1 { fill: #008000 } +.terminal-1942563963-r2 { fill: #c5c8c6 } +.terminal-1942563963-r3 { fill: #e0e0e0 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - GridLayoutExample + GridLayoutExample - - - - ┌────────────────────────┐┌─────────────────────────┐┌─────────────────────────┐ -One││Two││Three -││││ -││││ -││││ -││││ -││││ -││││ -││││ -││││ -││││ -└────────────────────────┘└─────────────────────────┘└─────────────────────────┘ -┌────────────────────────┐┌─────────────────────────┐┌─────────────────────────┐ -Four││Five││Six -││││ -││││ -││││ -││││ -││││ -││││ -││││ -││││ -││││ -└────────────────────────┘└─────────────────────────┘└─────────────────────────┘ + + + + ┌────────────────────────┐┌─────────────────────────┐┌─────────────────────────┐ +One││Two││Three +││││ +││││ +││││ +││││ +││││ +││││ +││││ +││││ +││││ +└────────────────────────┘└─────────────────────────┘└─────────────────────────┘ +┌────────────────────────┐┌─────────────────────────┐┌─────────────────────────┐ +Four││Five││Six +││││ +││││ +││││ +││││ +││││ +││││ +││││ +││││ +││││ +└────────────────────────┘└─────────────────────────┘└─────────────────────────┘ diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_grid_layout_basic_overflow.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_grid_layout_basic_overflow.svg index 27392e7013..bc792b7124 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_grid_layout_basic_overflow.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_grid_layout_basic_overflow.svg @@ -19,133 +19,133 @@ font-weight: 700; } - .terminal-3369516122-matrix { + .terminal-1551399715-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3369516122-title { + .terminal-1551399715-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3369516122-r1 { fill: #008000 } -.terminal-3369516122-r2 { fill: #c5c8c6 } -.terminal-3369516122-r3 { fill: #e1e1e1 } + .terminal-1551399715-r1 { fill: #008000 } +.terminal-1551399715-r2 { fill: #c5c8c6 } +.terminal-1551399715-r3 { fill: #e0e0e0 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - GridLayoutExample + GridLayoutExample - - - - ┌────────────────────────┐┌─────────────────────────┐┌─────────────────────────┐ -One││Two││Three -││││ -││││ -││││ -││││ -││││ -└────────────────────────┘└─────────────────────────┘└─────────────────────────┘ -┌────────────────────────┐┌─────────────────────────┐┌─────────────────────────┐ -Four││Five││Six -││││ -││││ -││││ -││││ -││││ -└────────────────────────┘└─────────────────────────┘└─────────────────────────┘ -┌────────────────────────┐ -Seven - - - - - -└────────────────────────┘ + + + + ┌────────────────────────┐┌─────────────────────────┐┌─────────────────────────┐ +One││Two││Three +││││ +││││ +││││ +││││ +││││ +└────────────────────────┘└─────────────────────────┘└─────────────────────────┘ +┌────────────────────────┐┌─────────────────────────┐┌─────────────────────────┐ +Four││Five││Six +││││ +││││ +││││ +││││ +││││ +└────────────────────────┘└─────────────────────────┘└─────────────────────────┘ +┌────────────────────────┐ +Seven + + + + + +└────────────────────────┘ diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_grid_layout_gutter.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_grid_layout_gutter.svg index 4b6ee26609..428a80140f 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_grid_layout_gutter.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_grid_layout_gutter.svg @@ -19,132 +19,131 @@ font-weight: 700; } - .terminal-721777988-matrix { + .terminal-3274663927-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-721777988-title { + .terminal-3274663927-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-721777988-r1 { fill: #efddef } -.terminal-721777988-r2 { fill: #c5c8c6 } -.terminal-721777988-r3 { fill: #f0fcf0 } + .terminal-3274663927-r1 { fill: #e0e0e0 } +.terminal-3274663927-r2 { fill: #c5c8c6 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - GridLayoutExample + GridLayoutExample - + - - OneTwoThree - - - - - - - - - - - -FourFiveSix - - - - - - - - - - + + OneTwoThree + + + + + + + + + + + +FourFiveSix + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_hatch.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_hatch.svg index 619ebeff55..74c5eec0b8 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_hatch.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_hatch.svg @@ -19,139 +19,139 @@ font-weight: 700; } - .terminal-531352656-matrix { + .terminal-1892906986-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-531352656-title { + .terminal-1892906986-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-531352656-r1 { fill: #6a5acd } -.terminal-531352656-r2 { fill: #c5c8c6 } -.terminal-531352656-r3 { fill: #4ebf71 } -.terminal-531352656-r4 { fill: #fea62b } -.terminal-531352656-r5 { fill: #b93c5b } -.terminal-531352656-r6 { fill: #ff0000 } -.terminal-531352656-r7 { fill: #004578 } -.terminal-531352656-r8 { fill: #366e47 } -.terminal-531352656-r9 { fill: #ff00ff;font-weight: bold } + .terminal-1892906986-r1 { fill: #6a5acd } +.terminal-1892906986-r2 { fill: #c5c8c6 } +.terminal-1892906986-r3 { fill: #4ebf71 } +.terminal-1892906986-r4 { fill: #fea62b } +.terminal-1892906986-r5 { fill: #b93c5b } +.terminal-1892906986-r6 { fill: #ff0000 } +.terminal-1892906986-r7 { fill: #0178d4 } +.terminal-1892906986-r8 { fill: #306841 } +.terminal-1892906986-r9 { fill: #ff00ff;font-weight: bold } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - HatchApp + HatchApp - - - - ╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ -╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ -╱╱╱╱╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╱╱╱╱ -╱╱╱╱╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╱╱╱╱ -╱╱╱╱╲╲╲╲╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╲╲╲╲╱╱╱╱ -╱╱╱╱╲╲╲╲╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╲╲╲╲╱╱╱╱ -╱╱╱╱╲╲╲╲╳╳╳╳────────────────────────────────────────────────────────╳╳╳╳╲╲╲╲╱╱╱╱ -╱╱╱╱╲╲╲╲╳╳╳╳──┌─ Hello World ────────────────────────────────────┐──╳╳╳╳╲╲╲╲╱╱╱╱ -╱╱╱╱╲╲╲╲╳╳╳╳──││││││││││││││││││││││││││││││││││││││││││││││││││──╳╳╳╳╲╲╲╲╱╱╱╱ -╱╱╱╱╲╲╲╲╳╳╳╳──││││││││││││││││││││││││││││││││││││││││││││││││││──╳╳╳╳╲╲╲╲╱╱╱╱ -╱╱╱╱╲╲╲╲╳╳╳╳──││││┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼││││──╳╳╳╳╲╲╲╲╱╱╱╱ -╱╱╱╱╲╲╲╲╳╳╳╳──││││┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼Hatched┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼││││──╳╳╳╳╲╲╲╲╱╱╱╱ -╱╱╱╱╲╲╲╲╳╳╳╳──││││┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼││││──╳╳╳╳╲╲╲╲╱╱╱╱ -╱╱╱╱╲╲╲╲╳╳╳╳──││││┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼││││──╳╳╳╳╲╲╲╲╱╱╱╱ -╱╱╱╱╲╲╲╲╳╳╳╳──││││││││││││││││││││││││││││││││││││││││││││││││││──╳╳╳╳╲╲╲╲╱╱╱╱ -╱╱╱╱╲╲╲╲╳╳╳╳──││││││││││││││││││││││││││││││││││││││││││││││││││──╳╳╳╳╲╲╲╲╱╱╱╱ -╱╱╱╱╲╲╲╲╳╳╳╳──└──────────────────────────────────────────────────┘──╳╳╳╳╲╲╲╲╱╱╱╱ -╱╱╱╱╲╲╲╲╳╳╳╳────────────────────────────────────────────────────────╳╳╳╳╲╲╲╲╱╱╱╱ -╱╱╱╱╲╲╲╲╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╲╲╲╲╱╱╱╱ -╱╱╱╱╲╲╲╲╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╲╲╲╲╱╱╱╱ -╱╱╱╱╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╱╱╱╱ -╱╱╱╱╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╱╱╱╱ -╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ -╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ + + + + ╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ +╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ +╱╱╱╱╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╱╱╱╱ +╱╱╱╱╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╱╱╱╱ +╱╱╱╱╲╲╲╲╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╲╲╲╲╱╱╱╱ +╱╱╱╱╲╲╲╲╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╲╲╲╲╱╱╱╱ +╱╱╱╱╲╲╲╲╳╳╳╳────────────────────────────────────────────────────────╳╳╳╳╲╲╲╲╱╱╱╱ +╱╱╱╱╲╲╲╲╳╳╳╳──┌─ Hello World ────────────────────────────────────┐──╳╳╳╳╲╲╲╲╱╱╱╱ +╱╱╱╱╲╲╲╲╳╳╳╳──││││││││││││││││││││││││││││││││││││││││││││││││││──╳╳╳╳╲╲╲╲╱╱╱╱ +╱╱╱╱╲╲╲╲╳╳╳╳──││││││││││││││││││││││││││││││││││││││││││││││││││──╳╳╳╳╲╲╲╲╱╱╱╱ +╱╱╱╱╲╲╲╲╳╳╳╳──││││┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼││││──╳╳╳╳╲╲╲╲╱╱╱╱ +╱╱╱╱╲╲╲╲╳╳╳╳──││││┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼Hatched┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼││││──╳╳╳╳╲╲╲╲╱╱╱╱ +╱╱╱╱╲╲╲╲╳╳╳╳──││││┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼││││──╳╳╳╳╲╲╲╲╱╱╱╱ +╱╱╱╱╲╲╲╲╳╳╳╳──││││┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼┼││││──╳╳╳╳╲╲╲╲╱╱╱╱ +╱╱╱╱╲╲╲╲╳╳╳╳──││││││││││││││││││││││││││││││││││││││││││││││││││──╳╳╳╳╲╲╲╲╱╱╱╱ +╱╱╱╱╲╲╲╲╳╳╳╳──││││││││││││││││││││││││││││││││││││││││││││││││││──╳╳╳╳╲╲╲╲╱╱╱╱ +╱╱╱╱╲╲╲╲╳╳╳╳──└──────────────────────────────────────────────────┘──╳╳╳╳╲╲╲╲╱╱╱╱ +╱╱╱╱╲╲╲╲╳╳╳╳────────────────────────────────────────────────────────╳╳╳╳╲╲╲╲╱╱╱╱ +╱╱╱╱╲╲╲╲╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╲╲╲╲╱╱╱╱ +╱╱╱╱╲╲╲╲╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╳╲╲╲╲╱╱╱╱ +╱╱╱╱╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╱╱╱╱ +╱╱╱╱╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╲╱╱╱╱ +╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ +╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_header_render.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_header_render.svg index 52fe30862b..69d77ea417 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_header_render.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_header_render.svg @@ -19,132 +19,131 @@ font-weight: 700; } - .terminal-2289354751-matrix { + .terminal-134331600-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2289354751-title { + .terminal-134331600-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2289354751-r1 { fill: #c5c8c6 } -.terminal-2289354751-r2 { fill: #e3e3e3 } -.terminal-2289354751-r3 { fill: #e1e1e1 } + .terminal-134331600-r1 { fill: #c5c8c6 } +.terminal-134331600-r2 { fill: #e0e0e0 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - HeaderApp + HeaderApp - - - - HeaderApp - - - - - - - - - - - - - - - - - - - - - - + + + + HeaderApp + + + + + + + + + + + + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_help_panel.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_help_panel.svg index 4e5460a362..17d80976d8 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_help_panel.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_help_panel.svg @@ -19,162 +19,161 @@ font-weight: 700; } - .terminal-112346627-matrix { + .terminal-905149078-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-112346627-title { + .terminal-905149078-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-112346627-r1 { fill: #1e1e1e } -.terminal-112346627-r2 { fill: #0178d4 } -.terminal-112346627-r3 { fill: #5c5c5c } -.terminal-112346627-r4 { fill: #c5c8c6 } -.terminal-112346627-r5 { fill: #fea62b;font-weight: bold } -.terminal-112346627-r6 { fill: #ededed } -.terminal-112346627-r7 { fill: #e1e1e1 } -.terminal-112346627-r8 { fill: #9a9a9a } + .terminal-905149078-r1 { fill: #121212 } +.terminal-905149078-r2 { fill: #0178d4 } +.terminal-905149078-r3 { fill: #4f4f4f } +.terminal-905149078-r4 { fill: #c5c8c6 } +.terminal-905149078-r5 { fill: #fea62b;font-weight: bold } +.terminal-905149078-r6 { fill: #e0e0e0 } +.terminal-905149078-r7 { fill: #8d8d8d } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - HelpPanelApp + HelpPanelApp - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -        ←Move cursor left   -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁       ^←Move cursor left a -word               -        →Move cursor right  -       ^→Move cursor right  -a word             -        ⌫Delete character   -left               -  home ^aGo to start        -   end ^eGo to end          -   del ^dDelete character   -right              -        ⏎Submit             -       ^wDelete left to     -start of word      -       ^uDelete all to the  -left               -       ^fDelete right to    -start of word      -       ^kDelete all to the  -right              - -      tabFocus Next         -shift+tabFocus Previous     - -       ^cQuit               -       ^ppalette Open  -command palette - + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +        ←Move cursor left   +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁       ^←Move cursor left a +word               +        →Move cursor right  +       ^→Move cursor right  +a word             +        ⌫Delete character   +left               +  home ^aGo to start        +   end ^eGo to end          +   del ^dDelete character   +right              +        ⏎Submit             +       ^wDelete left to     +start of word      +       ^uDelete all to the  +left               +       ^fDelete right to    +start of word      +       ^kDelete all to the  +right              + +      tabFocus Next         +shift+tabFocus Previous     + +       ^cQuit               +       ^ppalette Open  +command palette + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_help_panel_key_display_not_duplicated.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_help_panel_key_display_not_duplicated.svg index d93fb1f8f2..c8ff01a0c9 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_help_panel_key_display_not_duplicated.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_help_panel_key_display_not_duplicated.svg @@ -19,140 +19,138 @@ font-weight: 700; } - .terminal-3942248886-matrix { + .terminal-63984147-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3942248886-title { + .terminal-63984147-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3942248886-r1 { fill: #e1e1e1 } -.terminal-3942248886-r2 { fill: #5c5c5c } -.terminal-3942248886-r3 { fill: #c5c8c6 } -.terminal-3942248886-r4 { fill: #1e1e1e } -.terminal-3942248886-r5 { fill: #fea62b;font-weight: bold } -.terminal-3942248886-r6 { fill: #ededed } -.terminal-3942248886-r7 { fill: #9a9a9a } -.terminal-3942248886-r8 { fill: #a7a9ab } -.terminal-3942248886-r9 { fill: #e2e3e3 } -.terminal-3942248886-r10 { fill: #4c5055 } + .terminal-63984147-r1 { fill: #e0e0e0 } +.terminal-63984147-r2 { fill: #4f4f4f } +.terminal-63984147-r3 { fill: #c5c8c6 } +.terminal-63984147-r4 { fill: #121212 } +.terminal-63984147-r5 { fill: #fea62b;font-weight: bold } +.terminal-63984147-r6 { fill: #8d8d8d } +.terminal-63984147-r7 { fill: #ffa62b;font-weight: bold } +.terminal-63984147-r8 { fill: #495259 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - HelpPanelApp + HelpPanelApp - - - - -      tabFocus Next      -shift+tabFocus Previous  - -       ^cQuit            -      fooRing the bell   -       ^ppalette Open  -command palette - - - - - - - - - - - - - - - - foo Ring the bell ^p palette + + + + +      tabFocus Next      +shift+tabFocus Previous  + +       ^cQuit            +      fooRing the bell   +       ^ppalette Open  +command palette + + + + + + + + + + + + + + + + foo Ring the bell                    ^p palette diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_horizontal_layout.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_horizontal_layout.svg index 584248458a..02e50e8c26 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_horizontal_layout.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_horizontal_layout.svg @@ -19,133 +19,133 @@ font-weight: 700; } - .terminal-2888370753-matrix { + .terminal-3900094023-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2888370753-title { + .terminal-3900094023-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2888370753-r1 { fill: #008000 } -.terminal-2888370753-r2 { fill: #c5c8c6 } -.terminal-2888370753-r3 { fill: #e1e1e1 } + .terminal-3900094023-r1 { fill: #008000 } +.terminal-3900094023-r2 { fill: #c5c8c6 } +.terminal-3900094023-r3 { fill: #e0e0e0 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - HorizontalLayoutExample + HorizontalLayoutExample - - - - ┌────────────────────────┐┌─────────────────────────┐┌─────────────────────────┐ -One││Two││Three -││││ -││││ -││││ -││││ -││││ -││││ -││││ -││││ -││││ -││││ -││││ -││││ -││││ -││││ -││││ -││││ -││││ -││││ -││││ -││││ -││││ -└────────────────────────┘└─────────────────────────┘└─────────────────────────┘ + + + + ┌────────────────────────┐┌─────────────────────────┐┌─────────────────────────┐ +One││Two││Three +││││ +││││ +││││ +││││ +││││ +││││ +││││ +││││ +││││ +││││ +││││ +││││ +││││ +││││ +││││ +││││ +││││ +││││ +││││ +││││ +││││ +└────────────────────────┘└─────────────────────────┘└─────────────────────────┘ diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_horizontal_layout_width_auto_dock.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_horizontal_layout_width_auto_dock.svg index ab23af018d..ed17622fe0 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_horizontal_layout_width_auto_dock.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_horizontal_layout_width_auto_dock.svg @@ -19,135 +19,131 @@ font-weight: 700; } - .terminal-2824857946-matrix { + .terminal-1466751161-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2824857946-title { + .terminal-1466751161-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2824857946-r1 { fill: #e1f0ff } -.terminal-2824857946-r2 { fill: #e7e5ef } -.terminal-2824857946-r3 { fill: #e1e1e1 } -.terminal-2824857946-r4 { fill: #c5c8c6 } -.terminal-2824857946-r5 { fill: #ebf0e2 } -.terminal-2824857946-r6 { fill: #f7e0ef } + .terminal-1466751161-r1 { fill: #e0e0e0 } +.terminal-1466751161-r2 { fill: #c5c8c6 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - HorizontalAutoWidth + HorizontalAutoWidth - - - - Docke -Widget 1Widget 2 -left  -1Docked left 2 - - - - - - - - - - - - - - - - - - - + + + + Docke +Widget 1Widget 2 +left  +1Docked left 2 + + + + + + + + + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_input_and_focus.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_input_and_focus.svg index ce825c7b47..f603292123 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_input_and_focus.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_input_and_focus.svg @@ -19,135 +19,134 @@ font-weight: 700; } - .terminal-1299408927-matrix { + .terminal-4097135841-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1299408927-title { + .terminal-4097135841-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1299408927-r1 { fill: #1e1e1e } -.terminal-1299408927-r2 { fill: #121212 } -.terminal-1299408927-r3 { fill: #c5c8c6 } -.terminal-1299408927-r4 { fill: #e2e2e2 } -.terminal-1299408927-r5 { fill: #0178d4 } -.terminal-1299408927-r6 { fill: #e1e1e1 } + .terminal-4097135841-r1 { fill: #121212 } +.terminal-4097135841-r2 { fill: #191919 } +.terminal-4097135841-r3 { fill: #c5c8c6 } +.terminal-4097135841-r4 { fill: #e0e0e0 } +.terminal-4097135841-r5 { fill: #0178d4 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - InputApp + InputApp - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -Darren                                                                     -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -Burns -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - - - - - - - - - - - - - - - - - + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +Darren                                                                     +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +Burns +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + + + + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_input_percentage_width.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_input_percentage_width.svg index 300e433b20..e2c88f3882 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_input_percentage_width.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_input_percentage_width.svg @@ -19,136 +19,134 @@ font-weight: 700; } - .terminal-3624006926-matrix { + .terminal-1144969030-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3624006926-title { + .terminal-1144969030-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3624006926-r1 { fill: #1e1e1e } -.terminal-3624006926-r2 { fill: #e1e1e1 } -.terminal-3624006926-r3 { fill: #c5c8c6 } -.terminal-3624006926-r4 { fill: #ff0000 } -.terminal-3624006926-r5 { fill: #e2e2e2 } -.terminal-3624006926-r6 { fill: #e2e3e3;font-weight: bold } + .terminal-1144969030-r1 { fill: #121212 } +.terminal-1144969030-r2 { fill: #e0e0e0 } +.terminal-1144969030-r3 { fill: #c5c8c6 } +.terminal-1144969030-r4 { fill: #ff0000 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - InputVsTextArea + InputVsTextArea - - - - 01234567890123456789012345678901234567890123456789012345678901234567890123456789 -┌──────────────────────────────────────┐ - - - -└──────────────────────────────────────┘ -┌──────────────────────────────────────┐ - - - - -└──────────────────────────────────────┘ -┌──────────────────────────────────────┐ - - - - -└──────────────────────────────────────┘ -┌──────────────────────────────────────┐ - - Button  - - -└──────────────────────────────────────┘ + + + + 01234567890123456789012345678901234567890123456789012345678901234567890123456789 +┌──────────────────────────────────────┐ + + + +└──────────────────────────────────────┘ +┌──────────────────────────────────────┐ + + + + +└──────────────────────────────────────┘ +┌──────────────────────────────────────┐ + + + + +└──────────────────────────────────────┘ +┌──────────────────────────────────────┐ + + Button  + + +└──────────────────────────────────────┘ diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_input_suggestions.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_input_suggestions.svg index 064f524da0..bfbf3ec986 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_input_suggestions.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_input_suggestions.svg @@ -19,137 +19,136 @@ font-weight: 700; } - .terminal-2348676403-matrix { + .terminal-733865316-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2348676403-title { + .terminal-733865316-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2348676403-r1 { fill: #1e1e1e } -.terminal-2348676403-r2 { fill: #0178d4 } -.terminal-2348676403-r3 { fill: #c5c8c6 } -.terminal-2348676403-r4 { fill: #e2e2e2 } -.terminal-2348676403-r5 { fill: #1e1e1e;font-style: italic; } -.terminal-2348676403-r6 { fill: #ff0000;font-style: italic; } -.terminal-2348676403-r7 { fill: #121212 } -.terminal-2348676403-r8 { fill: #e1e1e1 } + .terminal-733865316-r1 { fill: #121212 } +.terminal-733865316-r2 { fill: #0178d4 } +.terminal-733865316-r3 { fill: #c5c8c6 } +.terminal-733865316-r4 { fill: #e0e0e0 } +.terminal-733865316-r5 { fill: #121212;font-style: italic; } +.terminal-733865316-r6 { fill: #ff0000;font-style: italic; } +.terminal-733865316-r7 { fill: #191919 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - FruitsApp + FruitsApp - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -strawberry -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -straw                                                                      -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -p                                                                          -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -b                                                                          -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -a                                                                          -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - - - - - - - - + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +strawberry +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +straw                                                                      +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +p                                                                          +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +b                                                                          +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +a                                                                          +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_input_validation.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_input_validation.svg index f76738109a..4bd8c46c14 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_input_validation.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_input_validation.svg @@ -19,138 +19,137 @@ font-weight: 700; } - .terminal-3996451236-matrix { + .terminal-166584612-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3996451236-title { + .terminal-166584612-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3996451236-r1 { fill: #e1e1e1 } -.terminal-3996451236-r2 { fill: #c5c8c6 } -.terminal-3996451236-r3 { fill: #1e1e1e } -.terminal-3996451236-r4 { fill: #7b3042 } -.terminal-3996451236-r5 { fill: #e2e2e2 } -.terminal-3996451236-r6 { fill: #3a7e4f } -.terminal-3996451236-r7 { fill: #b93c5b } -.terminal-3996451236-r8 { fill: #121212 } -.terminal-3996451236-r9 { fill: #787878 } + .terminal-166584612-r1 { fill: #e0e0e0 } +.terminal-166584612-r2 { fill: #c5c8c6 } +.terminal-166584612-r3 { fill: #121212 } +.terminal-166584612-r4 { fill: #762b3d } +.terminal-166584612-r5 { fill: #36794b } +.terminal-166584612-r6 { fill: #b93c5b } +.terminal-166584612-r7 { fill: #191919 } +.terminal-166584612-r8 { fill: #737373 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - InputApp + InputApp - - - - -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ --2                                                                     -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -3                                                                      -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ --2 -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -Enter a number between 1 and 5 -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - - - - - - - + + + + +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +-2                                                                     +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +3                                                                      +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +-2 +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +Enter a number between 1 and 5 +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_key_display.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_key_display.svg index 160601a0a0..62c7f164e2 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_key_display.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_key_display.svg @@ -19,136 +19,134 @@ font-weight: 700; } - .terminal-2027215108-matrix { + .terminal-2296416205-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2027215108-title { + .terminal-2296416205-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2027215108-r1 { fill: #e1e1e1 } -.terminal-2027215108-r2 { fill: #c5c8c6 } -.terminal-2027215108-r3 { fill: #fea62b;font-weight: bold } -.terminal-2027215108-r4 { fill: #a7a9ab } -.terminal-2027215108-r5 { fill: #e2e3e3 } -.terminal-2027215108-r6 { fill: #4c5055 } + .terminal-2296416205-r1 { fill: #e0e0e0 } +.terminal-2296416205-r2 { fill: #c5c8c6 } +.terminal-2296416205-r3 { fill: #ffa62b;font-weight: bold } +.terminal-2296416205-r4 { fill: #495259 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - KeyDisplayApp + KeyDisplayApp - - - - - - - - - - - - - - - - - - - - - - - - - - - ? Question  ^q Quit app  esc Escape  a Letter A ^p palette + + + + + + + + + + + + + + + + + + + + + + + + + + + ? Question  ^q Quit app  esc Escape  a Letter A                    ^p palette diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_keyline.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_keyline.svg index 20c2a6ac6a..125d656991 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_keyline.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_keyline.svg @@ -19,136 +19,136 @@ font-weight: 700; } - .terminal-2719940520-matrix { + .terminal-2025769789-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2719940520-title { + .terminal-2025769789-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2719940520-r1 { fill: #ff0000 } -.terminal-2719940520-r2 { fill: #c5c8c6 } -.terminal-2719940520-r3 { fill: #e1e1e1 } -.terminal-2719940520-r4 { fill: #008000 } -.terminal-2719940520-r5 { fill: #ff00ff } -.terminal-2719940520-r6 { fill: #1e1e1e } + .terminal-2025769789-r1 { fill: #ff0000 } +.terminal-2025769789-r2 { fill: #c5c8c6 } +.terminal-2025769789-r3 { fill: #e0e0e0 } +.terminal-2025769789-r4 { fill: #008000 } +.terminal-2025769789-r5 { fill: #ff00ff } +.terminal-2025769789-r6 { fill: #121212 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - KeylineApp + KeylineApp - - - - ┌──────────────────────────────────────────────────────────────────────────────┐ -1 -├──────────────────────────────────────────────────────────────────────────────┤ -2 -├──────────────────────────────────────────────────────────────────────────────┤ -3 - -└──────────────────────────────────────────────────────────────────────────────┘ -┏━━━━━━━━━━━━━━━━━━━━━━━━━┳━━━━━━━━━━━━━━━━━━━━━━━━━┳━━━━━━━━━━━━━━━━━━━━━━━━━━┓ -456 - - - - - -┗━━━━━━━━━━━━━━━━━━━━━━━━━┻━━━━━━━━━━━━━━━━━━━━━━━━━┻━━━━━━━━━━━━━━━━━━━━━━━━━━┛ -╔══════════════════════════════════════╦═══════════════════════════════════════╗ -78 - -╠══════════════════════════════════════╬═══════════════════════════════════════╝ -9 - - -╚══════════════════════════════════════╝ + + + + ┌──────────────────────────────────────────────────────────────────────────────┐ +1 +├──────────────────────────────────────────────────────────────────────────────┤ +2 +├──────────────────────────────────────────────────────────────────────────────┤ +3 + +└──────────────────────────────────────────────────────────────────────────────┘ +┏━━━━━━━━━━━━━━━━━━━━━━━━━┳━━━━━━━━━━━━━━━━━━━━━━━━━┳━━━━━━━━━━━━━━━━━━━━━━━━━━┓ +456 + + + + + +┗━━━━━━━━━━━━━━━━━━━━━━━━━┻━━━━━━━━━━━━━━━━━━━━━━━━━┻━━━━━━━━━━━━━━━━━━━━━━━━━━┛ +╔══════════════════════════════════════╦═══════════════════════════════════════╗ +78 + +╠══════════════════════════════════════╬═══════════════════════════════════════╝ +9 + + +╚══════════════════════════════════════╝ diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_keymap_bindings_display_footer_and_help_panel.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_keymap_bindings_display_footer_and_help_panel.svg index 9a79c1ca5d..f0684e342d 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_keymap_bindings_display_footer_and_help_panel.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_keymap_bindings_display_footer_and_help_panel.svg @@ -19,140 +19,138 @@ font-weight: 700; } - .terminal-844207287-matrix { + .terminal-1738535035-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-844207287-title { + .terminal-1738535035-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-844207287-r1 { fill: #e1e1e1 } -.terminal-844207287-r2 { fill: #5c5c5c } -.terminal-844207287-r3 { fill: #c5c8c6 } -.terminal-844207287-r4 { fill: #1e1e1e } -.terminal-844207287-r5 { fill: #fea62b;font-weight: bold } -.terminal-844207287-r6 { fill: #ededed } -.terminal-844207287-r7 { fill: #9a9a9a } -.terminal-844207287-r8 { fill: #a7a9ab } -.terminal-844207287-r9 { fill: #e2e3e3 } -.terminal-844207287-r10 { fill: #4c5055 } + .terminal-1738535035-r1 { fill: #e0e0e0 } +.terminal-1738535035-r2 { fill: #4f4f4f } +.terminal-1738535035-r3 { fill: #c5c8c6 } +.terminal-1738535035-r4 { fill: #121212 } +.terminal-1738535035-r5 { fill: #fea62b;font-weight: bold } +.terminal-1738535035-r6 { fill: #8d8d8d } +.terminal-1738535035-r7 { fill: #ffa62b;font-weight: bold } +.terminal-1738535035-r8 { fill: #495259 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - Counter + Counter - - - - Counter                                            -      tabFocus Next      -shift+tabFocus Previous  - -       ^cQuit            -       ^ppalette Open  -command palette -      k +Increment       -    ↓ - jDecrement       - - - - - - - - - - - - - - - k Increment  ↓ Decrement ^p palette + + + + Counter                                            +      tabFocus Next      +shift+tabFocus Previous  + +       ^cQuit            +       ^ppalette Open  +command palette +      k +Increment       +    ↓ - jDecrement       + + + + + + + + + + + + + + + k Increment  ↓ Decrement             ^p palette diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_keymap_bindings_key_display.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_keymap_bindings_key_display.svg index 696b127286..836e058ec6 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_keymap_bindings_key_display.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_keymap_bindings_key_display.svg @@ -19,140 +19,138 @@ font-weight: 700; } - .terminal-2646538147-matrix { + .terminal-3709556736-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2646538147-title { + .terminal-3709556736-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2646538147-r1 { fill: #e1e1e1 } -.terminal-2646538147-r2 { fill: #5c5c5c } -.terminal-2646538147-r3 { fill: #c5c8c6 } -.terminal-2646538147-r4 { fill: #1e1e1e } -.terminal-2646538147-r5 { fill: #fea62b;font-weight: bold } -.terminal-2646538147-r6 { fill: #ededed } -.terminal-2646538147-r7 { fill: #9a9a9a } -.terminal-2646538147-r8 { fill: #a7a9ab } -.terminal-2646538147-r9 { fill: #e2e3e3 } -.terminal-2646538147-r10 { fill: #4c5055 } + .terminal-3709556736-r1 { fill: #e0e0e0 } +.terminal-3709556736-r2 { fill: #4f4f4f } +.terminal-3709556736-r3 { fill: #c5c8c6 } +.terminal-3709556736-r4 { fill: #121212 } +.terminal-3709556736-r5 { fill: #fea62b;font-weight: bold } +.terminal-3709556736-r6 { fill: #8d8d8d } +.terminal-3709556736-r7 { fill: #ffa62b;font-weight: bold } +.terminal-3709556736-r8 { fill: #495259 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - MyApp + MyApp - - - - Check the footer and help panel                    -      tabFocus Next      -shift+tabFocus Previous  - -       ^cQuit            -       ^ppalette Open  -command palette -  correctIncrement       - - - - - - - - - - - - - - - - correct Increment ^p palette + + + + Check the footer and help panel                    +      tabFocus Next      +shift+tabFocus Previous  + +       ^cQuit            +       ^ppalette Open  +command palette +  correctIncrement       + + + + + + + + + + + + + + + + correct Increment                    ^p palette diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_label_widths.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_label_widths.svg index 7c205911fa..0b5f30cd02 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_label_widths.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_label_widths.svg @@ -19,134 +19,132 @@ font-weight: 700; } - .terminal-1889976810-matrix { + .terminal-905821804-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1889976810-title { + .terminal-905821804-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1889976810-r1 { fill: #1f1f1f } -.terminal-1889976810-r2 { fill: #c5c8c6 } -.terminal-1889976810-r3 { fill: #00ff00 } -.terminal-1889976810-r4 { fill: #1b1b1b } -.terminal-1889976810-r5 { fill: #121e12 } + .terminal-905821804-r1 { fill: #101010 } +.terminal-905821804-r2 { fill: #c5c8c6 } +.terminal-905821804-r3 { fill: #00ff00 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - LabelWrap + LabelWrap - - - - - - - - - -Apple Banana Cherry Mango Fig Guava Pineapple:Dragon Unicorn Centaur Phoenix Ch - - -Apple Banana Cherry Mango Fig Guava Pineapple:Dragon Unicorn Centaur Phoenix  -Chimera Castle - - -╭────────────────────────────────────────────────────────────────────────────╮ -│ Apple Banana Cherry Mango Fig Guava Pineapple:Dragon Unicorn Centaur       │ -│ Phoenix Chimera Castle                                                     │ -╰────────────────────────────────────────────────────────────────────────────╯ - - - - - - + + + + + + + + + +Apple Banana Cherry Mango Fig Guava Pineapple:Dragon Unicorn Centaur Phoenix Ch + + +Apple Banana Cherry Mango Fig Guava Pineapple:Dragon Unicorn Centaur Phoenix  +Chimera Castle + + +╭────────────────────────────────────────────────────────────────────────────╮ +│ Apple Banana Cherry Mango Fig Guava Pineapple:Dragon Unicorn Centaur       │ +│ Phoenix Chimera Castle                                                     │ +╰────────────────────────────────────────────────────────────────────────────╯ + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_layer_fix.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_layer_fix.svg index 7f5cc94f7d..31bae03b57 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_layer_fix.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_layer_fix.svg @@ -19,138 +19,135 @@ font-weight: 700; } - .terminal-399350968-matrix { + .terminal-1057961591-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-399350968-title { + .terminal-1057961591-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-399350968-r1 { fill: #c5c8c6 } -.terminal-399350968-r2 { fill: #e3e3e3 } -.terminal-399350968-r3 { fill: #e1e1e1 } -.terminal-399350968-r4 { fill: #ff0000 } -.terminal-399350968-r5 { fill: #fea62b;font-weight: bold } -.terminal-399350968-r6 { fill: #a7a9ab } -.terminal-399350968-r7 { fill: #e2e3e3 } -.terminal-399350968-r8 { fill: #4c5055 } + .terminal-1057961591-r1 { fill: #c5c8c6 } +.terminal-1057961591-r2 { fill: #e0e0e0 } +.terminal-1057961591-r3 { fill: #ff0000 } +.terminal-1057961591-r4 { fill: #ffa62b;font-weight: bold } +.terminal-1057961591-r5 { fill: #495259 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - DialogIssueApp + DialogIssueApp - - - - DialogIssueApp - - - - - -╭──────────────────────────────────────╮ - - - - -This should not cause a scrollbar to a - - - - - -╰──────────────────────────────────────╯ - - - - - - d Toggle the dialog ^p palette + + + + DialogIssueApp + + + + + +╭──────────────────────────────────────╮ + + + + +This should not cause a scrollbar to a + + + + + +╰──────────────────────────────────────╯ + + + + + + d Toggle the dialog                                                ^p palette diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_layers.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_layers.svg index b6154142c9..461bb5218d 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_layers.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_layers.svg @@ -19,133 +19,133 @@ font-weight: 700; } - .terminal-3008465429-matrix { + .terminal-1778152638-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3008465429-title { + .terminal-1778152638-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3008465429-r1 { fill: #e1e1e1 } -.terminal-3008465429-r2 { fill: #c5c8c6 } -.terminal-3008465429-r3 { fill: #ddefef } -.terminal-3008465429-r4 { fill: #211500 } + .terminal-1778152638-r1 { fill: #e0e0e0 } +.terminal-1778152638-r2 { fill: #c5c8c6 } +.terminal-1778152638-r3 { fill: #ffffff } +.terminal-1778152638-r4 { fill: #000000 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - LayersExample + LayersExample - - - - - - - - - - - - - - -box1 (layer = above) - - - - - -box2 (layer = below) - - - - - + + + + + + + + + + + + + + +box1 (layer = above) + + + + + +box2 (layer = below) + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_layout_containers.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_layout_containers.svg index 1c9e3fd79a..2ee003ba34 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_layout_containers.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_layout_containers.svg @@ -19,144 +19,143 @@ font-weight: 700; } - .terminal-1091958370-matrix { + .terminal-155237871-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1091958370-title { + .terminal-155237871-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1091958370-r1 { fill: #7ae998 } -.terminal-1091958370-r2 { fill: #e76580 } -.terminal-1091958370-r3 { fill: #1e1e1e } -.terminal-1091958370-r4 { fill: #121212 } -.terminal-1091958370-r5 { fill: #c5c8c6 } -.terminal-1091958370-r6 { fill: #4ebf71;font-weight: bold } -.terminal-1091958370-r7 { fill: #f5e5e9;font-weight: bold } -.terminal-1091958370-r8 { fill: #e2e2e2 } -.terminal-1091958370-r9 { fill: #0a180e;font-weight: bold } -.terminal-1091958370-r10 { fill: #008139 } -.terminal-1091958370-r11 { fill: #780028 } -.terminal-1091958370-r12 { fill: #e1e1e1 } -.terminal-1091958370-r13 { fill: #23568b } -.terminal-1091958370-r14 { fill: #14191f } + .terminal-155237871-r1 { fill: #7ae998 } +.terminal-155237871-r2 { fill: #e76580 } +.terminal-155237871-r3 { fill: #121212 } +.terminal-155237871-r4 { fill: #191919 } +.terminal-155237871-r5 { fill: #c5c8c6 } +.terminal-155237871-r6 { fill: #55c076;font-weight: bold } +.terminal-155237871-r7 { fill: #f5e5e9 } +.terminal-155237871-r8 { fill: #e0e0e0 } +.terminal-155237871-r9 { fill: #0a180e } +.terminal-155237871-r10 { fill: #008139 } +.terminal-155237871-r11 { fill: #780028 } +.terminal-155237871-r12 { fill: #242f38 } +.terminal-155237871-r13 { fill: #000000 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - MyApp + MyApp - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - Accept  Decline  Accept  Decline  -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - - - - - - - - - -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - Accept  Accept  -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - Decline  Decline  -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▆▆ -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ -0                                 0 - -1000000                                 1000000                                + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + Accept  Decline  Accept  Decline  +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + + + + + + +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + Accept  Accept  +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + Decline  Decline  +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▆▆ +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ +0                                 0 + +1000000                                 1000000                                diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_line_api_scrollbars.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_line_api_scrollbars.svg index e20c65487a..0df87db3a4 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_line_api_scrollbars.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_line_api_scrollbars.svg @@ -19,133 +19,134 @@ font-weight: 700; } - .terminal-114824167-matrix { + .terminal-4000662117-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-114824167-title { + .terminal-4000662117-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-114824167-r1 { fill: #e1e1e1 } -.terminal-114824167-r2 { fill: #c5c8c6 } -.terminal-114824167-r3 { fill: #23568b } -.terminal-114824167-r4 { fill: #1e1e1e } + .terminal-4000662117-r1 { fill: #e0e0e0 } +.terminal-4000662117-r2 { fill: #c5c8c6 } +.terminal-4000662117-r3 { fill: #242f38 } +.terminal-4000662117-r4 { fill: #272727 } +.terminal-4000662117-r5 { fill: #121212 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - ScrollViewApp + ScrollViewApp - - - - - -                                 11 01234567 -                                 12 01234567 -                                 13 01234567 -                                 14 01234567 -                                 15 01234567▁▁ -                                 16 01234567 -                                 17 01234567 -                                 18 01234567 -                                 19 01234567 - -                                 11 01234567 -                                 12 01234567 -                                 13 01234567 -                                 14 01234567 -                                 15 01234567▁▁ -                                 16 01234567 -                                 17 01234567 -                                 18 01234567 -                                 19 01234567 - - + + + + + +11 01234567 +12 01234567 +13 01234567 +14 01234567 +15 01234567▁▁ +16 01234567 +17 01234567 +18 01234567 +19 01234567 + +                                 11 01234567 +                                 12 01234567 +                                 13 01234567 +                                 14 01234567 +                                 15 01234567▁▁ +                                 16 01234567 +                                 17 01234567 +                                 18 01234567 +                                 19 01234567 + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_list_view.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_list_view.svg index 7724d2066b..8480812fa3 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_list_view.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_list_view.svg @@ -19,138 +19,135 @@ font-weight: 700; } - .terminal-3984649057-matrix { + .terminal-3523612217-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3984649057-title { + .terminal-3523612217-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3984649057-r1 { fill: #e1e1e1 } -.terminal-3984649057-r2 { fill: #c5c8c6 } -.terminal-3984649057-r3 { fill: #e4e5e6 } -.terminal-3984649057-r4 { fill: #ddedf9 } -.terminal-3984649057-r5 { fill: #e2e3e3 } -.terminal-3984649057-r6 { fill: #4c5055 } -.terminal-3984649057-r7 { fill: #fea62b;font-weight: bold } -.terminal-3984649057-r8 { fill: #a7a9ab } + .terminal-3523612217-r1 { fill: #e0e0e0 } +.terminal-3523612217-r2 { fill: #c5c8c6 } +.terminal-3523612217-r3 { fill: #ddedf9;font-weight: bold } +.terminal-3523612217-r4 { fill: #495259 } +.terminal-3523612217-r5 { fill: #ffa62b;font-weight: bold } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - ListViewExample + ListViewExample - - - - - - - - - - - -One - - -Two - - -Three - - - - - - - - -^p palette + + + + + + + + + + + +One + + +Two + + +Three + + + + + + + + +^p palette diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_listview_index.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_listview_index.svg index ca16fc504d..87f158f991 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_listview_index.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_listview_index.svg @@ -19,135 +19,134 @@ font-weight: 700; } - .terminal-2770983117-matrix { + .terminal-255258559-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2770983117-title { + .terminal-255258559-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2770983117-r1 { fill: #e4e5e6 } -.terminal-2770983117-r2 { fill: #e1e1e1 } -.terminal-2770983117-r3 { fill: #c5c8c6 } -.terminal-2770983117-r4 { fill: #23568b } -.terminal-2770983117-r5 { fill: #1e1e1e } -.terminal-2770983117-r6 { fill: #ddedf9 } + .terminal-255258559-r1 { fill: #e0e0e0 } +.terminal-255258559-r2 { fill: #c5c8c6 } +.terminal-255258559-r3 { fill: #242f38 } +.terminal-255258559-r4 { fill: #272727 } +.terminal-255258559-r5 { fill: #ddedf9;font-weight: bold } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - ListViewIndexApp + ListViewIndexApp - - - - 10                                                                             -12                                                                             -14                                                                             -16                                                                            ▆▆ -18                                                                             -20                                                                             -22                                                                             -24                                                                             -26                                                                             -28                                                                             - - - - - - - - - - - - - + + + + 10                                                                             +12                                                                             +14                                                                             +16                                                                            ▆▆ +18                                                                             +20                                                                             +22                                                                             +24                                                                             +26                                                                             +28 + + + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_loading_indicator.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_loading_indicator.svg index 55e8521b3f..957a6a2316 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_loading_indicator.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_loading_indicator.svg @@ -19,137 +19,137 @@ font-weight: 700; } - .terminal-823328494-matrix { + .terminal-2241901984-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-823328494-title { + .terminal-2241901984-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-823328494-r1 { fill: #1e1e1e } -.terminal-823328494-r2 { fill: #0178d4 } -.terminal-823328494-r3 { fill: #c5c8c6 } -.terminal-823328494-r4 { fill: #e2e2e2;font-weight: bold } -.terminal-823328494-r5 { fill: #262626 } -.terminal-823328494-r6 { fill: #e2e2e2 } -.terminal-823328494-r7 { fill: #14191f } + .terminal-2241901984-r1 { fill: #121212 } +.terminal-2241901984-r2 { fill: #0178d4 } +.terminal-2241901984-r3 { fill: #c5c8c6 } +.terminal-2241901984-r4 { fill: #e0e0e0 } +.terminal-2241901984-r5 { fill: #1e1e1e } +.terminal-2241901984-r6 { fill: #000000 } +.terminal-2241901984-r7 { fill: #004578 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - LoadingOverlayRedux + LoadingOverlayRedux - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -foo barfoo barfoo barfoo barfoo    -bar                                -foo barfoo barfoo barfoo barfoo   ▄▄ -bar                                -foo barfoo barfoo barfoo barfoo    -bar                                -foo barfoo barfoo barfoo barfoo    -bar                                -foo barfoo barfoo barfoo barfoo    -bar                                -Loading!foo barfoo barfoo barfoo barfoo    -bar                                -foo barfoo barfoo barfoo barfoo    -bar                                -foo barfoo barfoo barfoo barfoo    -bar                                -foo barfoo barfoo barfoo barfoo    -bar                                -foo barfoo barfoo barfoo barfoo    -bar                                -foo barfoo barfoo barfoo barfoo    -bar                                -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +foo barfoo barfoo barfoo barfoo    +bar                                +foo barfoo barfoo barfoo barfoo   ▄▄ +bar                                +foo barfoo barfoo barfoo barfoo    +bar                                +foo barfoo barfoo barfoo barfoo    +bar                                +foo barfoo barfoo barfoo barfoo    +bar                                +Loading!foo barfoo barfoo barfoo barfoo    +bar                                +foo barfoo barfoo barfoo barfoo    +bar                                +foo barfoo barfoo barfoo barfoo    +bar                                +foo barfoo barfoo barfoo barfoo    +bar                                +foo barfoo barfoo barfoo barfoo    +bar                                +foo barfoo barfoo barfoo barfoo    +bar                                +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_loading_indicator_disables_widget.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_loading_indicator_disables_widget.svg index 06e74fb60a..849b06455b 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_loading_indicator_disables_widget.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_loading_indicator_disables_widget.svg @@ -19,138 +19,138 @@ font-weight: 700; } - .terminal-2355449956-matrix { + .terminal-1785983779-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2355449956-title { + .terminal-1785983779-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2355449956-r1 { fill: #1e1e1e } -.terminal-2355449956-r2 { fill: #0178d4 } -.terminal-2355449956-r3 { fill: #c5c8c6 } -.terminal-2355449956-r4 { fill: #ddedf9;font-weight: bold } -.terminal-2355449956-r5 { fill: #262626 } -.terminal-2355449956-r6 { fill: #e2e2e2;font-weight: bold } -.terminal-2355449956-r7 { fill: #e2e2e2 } -.terminal-2355449956-r8 { fill: #14191f } + .terminal-1785983779-r1 { fill: #121212 } +.terminal-1785983779-r2 { fill: #0178d4 } +.terminal-1785983779-r3 { fill: #c5c8c6 } +.terminal-1785983779-r4 { fill: #ddedf9;font-weight: bold } +.terminal-1785983779-r5 { fill: #272727 } +.terminal-1785983779-r6 { fill: #e0e0e0 } +.terminal-1785983779-r7 { fill: #1e1e1e } +.terminal-1785983779-r8 { fill: #000000 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - LoadingOverlayRedux + LoadingOverlayRedux - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -hello world hello world hello     foo barfoo barfoo barfoo barfoo    -world hello world hello world     bar                                -hello world hello world hello     ▄▄foo barfoo barfoo barfoo barfoo   ▄▄ -world hello world hello world     bar                                -hello world hello world hello     foo barfoo barfoo barfoo barfoo    -world hello world hello world     bar                                -hello world hello world hello     foo barfoo barfoo barfoo barfoo    -world hello world hello world     bar                                -hello world hello world hello     foo barfoo barfoo barfoo barfoo    -world hello world hello world     bar                                -hello world hello world hello     foo barfoo barfoo barfoo barfoo    -world hello world hello world     bar                                -hello world hello world hello     foo barfoo barfoo barfoo barfoo    -world hello world hello world     bar                                -hello world hello world hello     foo barfoo barfoo barfoo barfoo    -world hello world hello world     bar                                -hello world hello world hello     foo barfoo barfoo barfoo barfoo    -world hello world hello world     bar                                -hello world hello world hello     foo barfoo barfoo barfoo barfoo    -world hello world hello world     bar                                -hello world hello world hello     foo barfoo barfoo barfoo barfoo    -world hello world hello world     bar                                -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +hello world hello world hello     foo barfoo barfoo barfoo barfoo    +world hello world hello world     bar                                +hello world hello world hello     ▄▄foo barfoo barfoo barfoo barfoo   ▄▄ +world hello world hello world     bar                                +hello world hello world hello     foo barfoo barfoo barfoo barfoo    +world hello world hello world     bar                                +hello world hello world hello     foo barfoo barfoo barfoo barfoo    +world hello world hello world     bar                                +hello world hello world hello     foo barfoo barfoo barfoo barfoo    +world hello world hello world     bar                                +hello world hello world hello     foo barfoo barfoo barfoo barfoo    +world hello world hello world     bar                                +hello world hello world hello     foo barfoo barfoo barfoo barfoo    +world hello world hello world     bar                                +hello world hello world hello     foo barfoo barfoo barfoo barfoo    +world hello world hello world     bar                                +hello world hello world hello     foo barfoo barfoo barfoo barfoo    +world hello world hello world     bar                                +hello world hello world hello     foo barfoo barfoo barfoo barfoo    +world hello world hello world     bar                                +hello world hello world hello     foo barfoo barfoo barfoo barfoo    +world hello world hello world     bar                                +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_log_write.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_log_write.svg index 9b2ad63d6d..2c0fb9eb8c 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_log_write.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_log_write.svg @@ -19,131 +19,131 @@ font-weight: 700; } - .terminal-3821190285-matrix { + .terminal-1738710699-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3821190285-title { + .terminal-1738710699-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3821190285-r1 { fill: #e1e1e1 } -.terminal-3821190285-r2 { fill: #c5c8c6 } + .terminal-1738710699-r1 { fill: #e2e2e2 } +.terminal-1738710699-r2 { fill: #c5c8c6 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - LogApp + LogApp - - - - Hello, World!                                                                  -What's up?                                                                     -FOO                                                                            - - - - - - - - - - - - - - - - - - - - + + + + Hello, World!                                                                  +What's up?                                                                     +FOO                                                                            + + + + + + + + + + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_log_write_lines.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_log_write_lines.svg index fc9d688d76..9c8dadbbff 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_log_write_lines.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_log_write_lines.svg @@ -19,135 +19,137 @@ font-weight: 700; } - .terminal-378043404-matrix { + .terminal-1472141965-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-378043404-title { + .terminal-1472141965-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-378043404-r1 { fill: #e1e1e1 } -.terminal-378043404-r2 { fill: #1e1e1e } -.terminal-378043404-r3 { fill: #c5c8c6 } -.terminal-378043404-r4 { fill: #14191f } -.terminal-378043404-r5 { fill: #23568b } + .terminal-1472141965-r1 { fill: #e2e2e2 } +.terminal-1472141965-r2 { fill: #272727 } +.terminal-1472141965-r3 { fill: #e1e1e1 } +.terminal-1472141965-r4 { fill: #c5c8c6 } +.terminal-1472141965-r5 { fill: #000000 } +.terminal-1472141965-r6 { fill: #242f38 } +.terminal-1472141965-r7 { fill: #1e1e1e } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - LogApp + LogApp - - - - I must not fear.  And when it has goHello, World      Fear is the mind-k -Fear is the mind-kWhere the fear hasFear is the little -Fear is the littleI must not fear.  I will face my fea -I will face my fea▁▁Fear is the mind-kI will permit it t -I will permit it tFear is the littleAnd when it has go -And when it has goI will face my feaWhere the fear has -Where the fear hasI will permit it t -I must not fear.  And when it has go -Fear is the mind-kWhere the fear has -Fear is the littleI must not fear.   -I will face my feaFear is the mind-k -I will permit it tFear is the little -And when it has goI will face my fea -Where the fear hasI will permit it t -I must not fear.  And when it has go -Fear is the mind-kWhere the fear has -Fear is the littleI must not fear.   -I will face my feaFear is the mind-k -I will permit it tFear is the little -And when it has goI will face my fea▇▇ -Where the fear hasI will permit it t -I must not fear.  And when it has go -Fear is the mind-kWhere the fear has - + + + + I must not fear.  And when it has goHello, World      Fear is the mind-k +Fear is the mind-kWhere the fear hasFear is the little +Fear is the littleI must not fear.  I will face my fea +I will face my fea▁▁Fear is the mind-kI will permit it t +I will permit it tFear is the littleAnd when it has go +And when it has goI will face my feaWhere the fear has +Where the fear hasI will permit it t +I must not fear.  And when it has go +Fear is the mind-kWhere the fear has +Fear is the littleI must not fear.   +I will face my feaFear is the mind-k +I will permit it tFear is the little +And when it has goI will face my fea +Where the fear hasI will permit it t +I must not fear.  And when it has go +Fear is the mind-kWhere the fear has +Fear is the littleI must not fear.   +I will face my feaFear is the mind-k +I will permit it tFear is the little +And when it has goI will face my fea▇▇ +Where the fear hasI will permit it t +I must not fear.  And when it has go +Fear is the mind-kWhere the fear has + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_margin_multiple.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_margin_multiple.svg index 6e733268c4..67f795d2cc 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_margin_multiple.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_margin_multiple.svg @@ -19,134 +19,133 @@ font-weight: 700; } - .terminal-3867713494-matrix { + .terminal-2760147538-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3867713494-title { + .terminal-2760147538-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3867713494-r1 { fill: #ffff00 } -.terminal-3867713494-r2 { fill: #e1e1e1 } -.terminal-3867713494-r3 { fill: #c5c8c6 } -.terminal-3867713494-r4 { fill: #008000 } -.terminal-3867713494-r5 { fill: #e2e3e3 } + .terminal-2760147538-r1 { fill: #ffff00 } +.terminal-2760147538-r2 { fill: #e0e0e0 } +.terminal-2760147538-r3 { fill: #c5c8c6 } +.terminal-2760147538-r4 { fill: #008000 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - MyApp + MyApp - - - - ╔═══╗ -foo -╚═══╝ - - -┌────────────────────────────┐ - - -┌────────────────────────────┐ - -╔═══╗ -bar -╔═══╗╚═══╝ -bar -╚═══╝ - - - -└────────────────────────────┘└────────────────────────────┘ - - - - + + + + ╔═══╗ +foo +╚═══╝ + + +┌────────────────────────────┐ + + +┌────────────────────────────┐ + +╔═══╗ +bar +╔═══╗╚═══╝ +bar +╚═══╝ + + + +└────────────────────────────┘└────────────────────────────┘ + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_markdown_component_classes_reloading.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_markdown_component_classes_reloading.svg index 79ade0c652..2fd0ee36ff 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_markdown_component_classes_reloading.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_markdown_component_classes_reloading.svg @@ -19,142 +19,140 @@ font-weight: 700; } - .terminal-635127795-matrix { + .terminal-4017588378-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-635127795-title { + .terminal-4017588378-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-635127795-r1 { fill: #e1e1e1 } -.terminal-635127795-r2 { fill: #c5c8c6 } -.terminal-635127795-r3 { fill: #4ebf71;font-weight: bold } -.terminal-635127795-r4 { fill: #e2e3e3 } -.terminal-635127795-r5 { fill: #e2e3e3;font-weight: bold } -.terminal-635127795-r6 { fill: #939393;font-weight: bold } -.terminal-635127795-r7 { fill: #e1e1e1;font-weight: bold } -.terminal-635127795-r8 { fill: #e1e1e1;font-style: italic; } -.terminal-635127795-r9 { fill: #e1e1e1;text-decoration: line-through; } -.terminal-635127795-r10 { fill: #d2d2d2 } -.terminal-635127795-r11 { fill: #82aaff } -.terminal-635127795-r12 { fill: #89ddff } -.terminal-635127795-r13 { fill: #c3e88d } + .terminal-4017588378-r1 { fill: #c5c8c6 } +.terminal-4017588378-r2 { fill: #e0e0e0 } +.terminal-4017588378-r3 { fill: #0178d4;font-weight: bold } +.terminal-4017588378-r4 { fill: #e0e0e0;font-weight: bold } +.terminal-4017588378-r5 { fill: #929292;font-weight: bold } +.terminal-4017588378-r6 { fill: #e0e0e0;font-style: italic; } +.terminal-4017588378-r7 { fill: #e0e0e0;text-decoration: line-through; } +.terminal-4017588378-r8 { fill: #d2d2d2 } +.terminal-4017588378-r9 { fill: #82aaff } +.terminal-4017588378-r10 { fill: #89ddff } +.terminal-4017588378-r11 { fill: #c3e88d } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - MyApp + MyApp - - - - - -This is a header - - -col1                                 col2                                 - ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━  - value 1                               value 2                               - -  Here's some code: from itertools import productBold textEmphasized text -strikethrough - - -print("Hello, world!") - - -That was some code. - - - - - - + + + + + +This is a header + + +col1                                 col2                                 + ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━  + value 1                               value 2                               + +Here's some code: from itertools import productBold textEmphasized text +strikethrough + + +print("Hello, world!") + + +That was some code. + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_markdown_dark_theme_override.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_markdown_dark_theme_override.svg index 6d97d24d2d..27f98f9b77 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_markdown_dark_theme_override.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_markdown_dark_theme_override.svg @@ -19,138 +19,138 @@ font-weight: 700; } - .terminal-1842878139-matrix { + .terminal-3358300033-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1842878139-title { + .terminal-3358300033-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1842878139-r1 { fill: #e1e1e1 } -.terminal-1842878139-r2 { fill: #c5c8c6 } -.terminal-1842878139-r3 { fill: #4ebf71;font-weight: bold } -.terminal-1842878139-r4 { fill: #d2d2d2 } -.terminal-1842878139-r5 { fill: #859900 } -.terminal-1842878139-r6 { fill: #839496 } -.terminal-1842878139-r7 { fill: #268bd2 } -.terminal-1842878139-r8 { fill: #34535b;font-style: italic; } -.terminal-1842878139-r9 { fill: #2aa198 } + .terminal-3358300033-r1 { fill: #c5c8c6 } +.terminal-3358300033-r2 { fill: #e0e0e0 } +.terminal-3358300033-r3 { fill: #0178d4;font-weight: bold } +.terminal-3358300033-r4 { fill: #d2d2d2 } +.terminal-3358300033-r5 { fill: #859900 } +.terminal-3358300033-r6 { fill: #839496 } +.terminal-3358300033-r7 { fill: #268bd2 } +.terminal-3358300033-r8 { fill: #34535b;font-style: italic; } +.terminal-3358300033-r9 { fill: #2aa198 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - MarkdownThemeSwitchertApp + MarkdownThemeSwitcherApp - - - - - -This is a H1 - - -defmain(): -│   print("Hello world!") - - - - - - - - - - - - - - - - + + + + + +This is a H1 + + +defmain(): +│   print("Hello world!") + + + + + + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_markdown_example.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_markdown_example.svg index 8f7056a116..2a70633570 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_markdown_example.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_markdown_example.svg @@ -19,136 +19,137 @@ font-weight: 700; } - .terminal-3628679305-matrix { + .terminal-2580764088-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3628679305-title { + .terminal-2580764088-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3628679305-r1 { fill: #e1e1e1 } -.terminal-3628679305-r2 { fill: #c5c8c6 } -.terminal-3628679305-r3 { fill: #4ebf71;font-weight: bold } -.terminal-3628679305-r4 { fill: #939393;font-weight: bold } -.terminal-3628679305-r5 { fill: #4ebf71;text-decoration: underline; } -.terminal-3628679305-r6 { fill: #e1e1e1;font-style: italic; } -.terminal-3628679305-r7 { fill: #e1e1e1;font-weight: bold } + .terminal-2580764088-r1 { fill: #c5c8c6 } +.terminal-2580764088-r2 { fill: #e0e0e0 } +.terminal-2580764088-r3 { fill: #0178d4;font-weight: bold } +.terminal-2580764088-r4 { fill: #929292;font-weight: bold } +.terminal-2580764088-r5 { fill: #0178d4;text-decoration: underline; } +.terminal-2580764088-r6 { fill: #4ebf71;font-weight: bold } +.terminal-2580764088-r7 { fill: #e0e0e0;font-style: italic; } +.terminal-2580764088-r8 { fill: #e0e0e0;font-weight: bold } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - MarkdownExampleApp + MarkdownExampleApp - - - - - -Markdown Document - -  This is an example of Textual's Markdown widget. - - -Features - -  Markdown syntax and extensions are supported. - -● Typography emphasisstronginline code etc. -● Headers -● Lists (bullet and ordered) -● Syntax highlighted code blocks -● Tables! - - - - - - - + + + + + +Markdown Document + +This is an example of Textual's Markdown widget. + + +Features + +Markdown syntax and extensions are supported. + +● Typography emphasisstronginline code etc. +● Headers +● Lists (bullet and ordered) +● Syntax highlighted code blocks +● Tables! + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_markdown_light_theme_override.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_markdown_light_theme_override.svg index cc0f9c9354..8b096c61dd 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_markdown_light_theme_override.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_markdown_light_theme_override.svg @@ -19,138 +19,138 @@ font-weight: 700; } - .terminal-2710843744-matrix { + .terminal-1253622581-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2710843744-title { + .terminal-1253622581-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2710843744-r1 { fill: #1f1f1f } -.terminal-2710843744-r2 { fill: #c5c8c6 } -.terminal-2710843744-r3 { fill: #004578;font-weight: bold } -.terminal-2710843744-r4 { fill: #d2d2d2 } -.terminal-2710843744-r5 { fill: #859900 } -.terminal-2710843744-r6 { fill: #657b83 } -.terminal-2710843744-r7 { fill: #268bd2 } -.terminal-2710843744-r8 { fill: #bdc3bb;font-style: italic; } -.terminal-2710843744-r9 { fill: #2aa198 } + .terminal-1253622581-r1 { fill: #c5c8c6 } +.terminal-1253622581-r2 { fill: #101010 } +.terminal-1253622581-r3 { fill: #004578;font-weight: bold } +.terminal-1253622581-r4 { fill: #d2d2d2 } +.terminal-1253622581-r5 { fill: #859900 } +.terminal-1253622581-r6 { fill: #657b83 } +.terminal-1253622581-r7 { fill: #268bd2 } +.terminal-1253622581-r8 { fill: #bdc3bb;font-style: italic; } +.terminal-1253622581-r9 { fill: #2aa198 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - MarkdownThemeSwitchertApp + MarkdownThemeSwitcherApp - - - - - -This is a H1 - - -defmain(): -│   print("Hello world!") - - - - - - - - - - - - - - - - + + + + + +This is a H1 + + +defmain(): +│   print("Hello world!") + + + + + + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_markdown_space_squashing.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_markdown_space_squashing.svg index 252a429c7d..9f4269ce97 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_markdown_space_squashing.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_markdown_space_squashing.svg @@ -19,145 +19,147 @@ font-weight: 700; } - .terminal-1634757789-matrix { + .terminal-3864016993-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1634757789-title { + .terminal-3864016993-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1634757789-r1 { fill: #ff0000 } -.terminal-1634757789-r2 { fill: #e1e1e1 } -.terminal-1634757789-r3 { fill: #c5c8c6 } -.terminal-1634757789-r4 { fill: #e1e1e1;text-decoration: underline; } -.terminal-1634757789-r5 { fill: #e1e1e1;font-style: italic; } -.terminal-1634757789-r6 { fill: #e1e1e1;font-weight: bold } -.terminal-1634757789-r7 { fill: #e1e1e1;text-decoration: line-through; } -.terminal-1634757789-r8 { fill: #d2d2d2 } -.terminal-1634757789-r9 { fill: #546e7a;font-style: italic; } -.terminal-1634757789-r10 { fill: #bb80b3 } -.terminal-1634757789-r11 { fill: #eeffff } -.terminal-1634757789-r12 { fill: #ffcb6b } -.terminal-1634757789-r13 { fill: #89ddff } -.terminal-1634757789-r14 { fill: #41565f;font-style: italic; } -.terminal-1634757789-r15 { fill: #f78c6c } + .terminal-3864016993-r1 { fill: #ff0000 } +.terminal-3864016993-r2 { fill: #c5c8c6 } +.terminal-3864016993-r3 { fill: #e0e0e0 } +.terminal-3864016993-r4 { fill: #1e1e1e } +.terminal-3864016993-r5 { fill: #e1e1e1;text-decoration: underline; } +.terminal-3864016993-r6 { fill: #e0e0e0;font-style: italic; } +.terminal-3864016993-r7 { fill: #e0e0e0;font-weight: bold } +.terminal-3864016993-r8 { fill: #000000 } +.terminal-3864016993-r9 { fill: #e0e0e0;text-decoration: line-through; } +.terminal-3864016993-r10 { fill: #d2d2d2 } +.terminal-3864016993-r11 { fill: #546e7a;font-style: italic; } +.terminal-3864016993-r12 { fill: #bb80b3 } +.terminal-3864016993-r13 { fill: #eeffff } +.terminal-3864016993-r14 { fill: #ffcb6b } +.terminal-3864016993-r15 { fill: #89ddff } +.terminal-3864016993-r16 { fill: #41565f;font-style: italic; } +.terminal-3864016993-r17 { fill: #f78c6c } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - MarkdownSpaceApp + MarkdownSpaceApp - - - - X XX XX X X X X X - -X XX XX X X X X X - -X XX X X X X X - -X XX X X X X X - -┌─────────────────────────────────────────────────────────────────────────────── - - -# Two spaces:  see? -classFoo: -│   '''This is    a doc    string.''' -│   some_code(1,2,3,4) - - - - - - - - - + + + + X XX XX X X X X X + +X XX XX X X X X X + +X XX X X X X X + +X X▇▇X X X X X X▇▇ + +┌─────────────────────────────────────────────────────────────────────────────── + + +# Two spaces:  see? +classFoo: +│   '''This is    a doc    string.''' +│   some_code(1,2,3,4) + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_markdown_theme_switching.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_markdown_theme_switching.svg index 36308066f8..e249669bf9 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_markdown_theme_switching.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_markdown_theme_switching.svg @@ -19,139 +19,139 @@ font-weight: 700; } - .terminal-1160849185-matrix { + .terminal-3592337654-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1160849185-title { + .terminal-3592337654-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1160849185-r1 { fill: #1f1f1f } -.terminal-1160849185-r2 { fill: #c5c8c6 } -.terminal-1160849185-r3 { fill: #004578;font-weight: bold } -.terminal-1160849185-r4 { fill: #d2d2d2 } -.terminal-1160849185-r5 { fill: #008000;font-weight: bold } -.terminal-1160849185-r6 { fill: #000000 } -.terminal-1160849185-r7 { fill: #0000ff } -.terminal-1160849185-r8 { fill: #87adad;font-style: italic; } -.terminal-1160849185-r9 { fill: #008000 } -.terminal-1160849185-r10 { fill: #ba2121 } + .terminal-3592337654-r1 { fill: #c5c8c6 } +.terminal-3592337654-r2 { fill: #101010 } +.terminal-3592337654-r3 { fill: #004578;font-weight: bold } +.terminal-3592337654-r4 { fill: #d2d2d2 } +.terminal-3592337654-r5 { fill: #008000;font-weight: bold } +.terminal-3592337654-r6 { fill: #000000 } +.terminal-3592337654-r7 { fill: #0000ff } +.terminal-3592337654-r8 { fill: #87adad;font-style: italic; } +.terminal-3592337654-r9 { fill: #008000 } +.terminal-3592337654-r10 { fill: #ba2121 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - MarkdownThemeSwitchertApp + MarkdownThemeSwitcherApp - - - - - -This is a H1 - - -defmain(): -│   print("Hello world!") - - - - - - - - - - - - - - - - + + + + + +This is a H1 + + +defmain(): +│   print("Hello world!") + + + + + + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_markdown_viewer_example.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_markdown_viewer_example.svg index e5ee416b5b..4b84727bea 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_markdown_viewer_example.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_markdown_viewer_example.svg @@ -19,143 +19,142 @@ font-weight: 700; } - .terminal-4022513615-matrix { + .terminal-3407534070-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-4022513615-title { + .terminal-3407534070-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-4022513615-r1 { fill: #c5c8c6 } -.terminal-4022513615-r2 { fill: #24292f } -.terminal-4022513615-r3 { fill: #e1e1e1 } -.terminal-4022513615-r4 { fill: #1e1e1e } -.terminal-4022513615-r5 { fill: #e2e3e3 } -.terminal-4022513615-r6 { fill: #96989b } -.terminal-4022513615-r7 { fill: #008139 } -.terminal-4022513615-r8 { fill: #4ebf71;font-weight: bold } -.terminal-4022513615-r9 { fill: #939393;font-weight: bold } -.terminal-4022513615-r10 { fill: #4ebf71;text-decoration: underline; } -.terminal-4022513615-r11 { fill: #14191f } -.terminal-4022513615-r12 { fill: #e1e1e1;font-style: italic; } -.terminal-4022513615-r13 { fill: #e1e1e1;font-weight: bold } + .terminal-3407534070-r1 { fill: #c5c8c6 } +.terminal-3407534070-r2 { fill: #e0e0e0 } +.terminal-3407534070-r3 { fill: #1e1e1e } +.terminal-3407534070-r4 { fill: #94999c } +.terminal-3407534070-r5 { fill: #3e3e3e } +.terminal-3407534070-r6 { fill: #0178d4;font-weight: bold } +.terminal-3407534070-r7 { fill: #969696;font-weight: bold } +.terminal-3407534070-r8 { fill: #0178d4;text-decoration: underline; } +.terminal-3407534070-r9 { fill: #000000 } +.terminal-3407534070-r10 { fill: #4ebf71;font-weight: bold } +.terminal-3407534070-r11 { fill: #e0e0e0;font-style: italic; } +.terminal-3407534070-r12 { fill: #e0e0e0;font-weight: bold } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - MarkdownExampleApp + MarkdownExampleApp - - - - -▼ Ⅰ Markdown Viewer -├── Ⅱ FeaturesMarkdown Viewer -├── Ⅱ Tables -└── Ⅱ Code Blocks  This is an example of Textual's MarkdownViewer -  widget. - - -Features - -  Markdown syntax and extensions are supported. -▇▇ -● Typography emphasisstronginline code etc. -● Headers -● Lists (bullet and ordered) -● Syntax highlighted code blocks -● Tables! - - -Tables - -  Tables are displayed in a DataTable widget. - - + + + + +▼ Ⅰ Markdown Viewer +├── Ⅱ FeaturesMarkdown Viewer +├── Ⅱ Tables +└── Ⅱ Code BlocksThis is an example of Textual's MarkdownViewer +widget. + + +Features + +Markdown syntax and extensions are supported. +▇▇ +● Typography emphasisstronginline code etc. +● Headers +● Lists (bullet and ordered) +● Syntax highlighted code blocks +● Tables! + + +Tables + +Tables are displayed in a DataTable widget. + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_masked_input.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_masked_input.svg index 037e2f778b..b4a88291ac 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_masked_input.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_masked_input.svg @@ -19,136 +19,136 @@ font-weight: 700; } - .terminal-3847484683-matrix { + .terminal-3888439880-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3847484683-title { + .terminal-3888439880-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3847484683-r1 { fill: #1e1e1e } -.terminal-3847484683-r2 { fill: #b93c5b } -.terminal-3847484683-r3 { fill: #c5c8c6 } -.terminal-3847484683-r4 { fill: #e2e2e2 } -.terminal-3847484683-r5 { fill: #787878 } -.terminal-3847484683-r6 { fill: #121212 } -.terminal-3847484683-r7 { fill: #e1e1e1 } + .terminal-3888439880-r1 { fill: #121212 } +.terminal-3888439880-r2 { fill: #b93c5b } +.terminal-3888439880-r3 { fill: #c5c8c6 } +.terminal-3888439880-r4 { fill: #e0e0e0 } +.terminal-3888439880-r5 { fill: #797979 } +.terminal-3888439880-r6 { fill: #191919 } +.terminal-3888439880-r7 { fill: #737373 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - TemplateApp + TemplateApp - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -ABC01-DE___-_____-_____ -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -YYYY-MM-DD -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - - - - - - - - - - - - - - - - - + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +ABC01-DE___-_____-_____ +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +YYYY-MM-DD +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + + + + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_max_height_100.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_max_height_100.svg index 11a2afbb0f..8a1b07d6e0 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_max_height_100.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_max_height_100.svg @@ -19,135 +19,135 @@ font-weight: 700; } - .terminal-3376673355-matrix { + .terminal-3849425894-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3376673355-title { + .terminal-3849425894-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3376673355-r1 { fill: #dde6ed;font-weight: bold } -.terminal-3376673355-r2 { fill: #1e1e1e } -.terminal-3376673355-r3 { fill: #c5c8c6 } -.terminal-3376673355-r4 { fill: #211505 } -.terminal-3376673355-r5 { fill: #e1e1e1 } -.terminal-3376673355-r6 { fill: #14191f } + .terminal-3849425894-r1 { fill: #e0e0e0;font-weight: bold } +.terminal-3849425894-r2 { fill: #1e1e1e } +.terminal-3849425894-r3 { fill: #c5c8c6 } +.terminal-3849425894-r4 { fill: #ddedf9;font-weight: bold } +.terminal-3849425894-r5 { fill: #e0e0e0 } +.terminal-3849425894-r6 { fill: #000000 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - HappyDataTableFunApp + HappyDataTableFunApp - - - -  Column 0  Column 1  Column 2  Column 3  Column 4  Column 5  Column 6  Column  - 0         0         0         0         0         0         0         0       - 0         1         2         3         4         5         6         7       - 0         2         4         6         8         10        12        14      - 0         3         6         9         12        15        18        21      - 0         4         8         12        16        20        24        28     ▆▆ - 0         5         10        15        20        25        30        35      - 0         6         12        18        24        30        36        42      - 0         7         14        21        28        35        42        49      - 0         8         16        24        32        40        48        56      - 0         9         18        27        36        45        54        63      - 0         10        20        30        40        50        60        70      - 0         11        22        33        44        55        66        77      - 0         12        24        36        48        60        72        84      - 0         13        26        39        52        65        78        91      - 0         14        28        42        56        70        84        98      - 0         15        30        45        60        75        90        105     - 0         16        32        48        64        80        96        112     - 0         17        34        51        68        85        102       119     - 0         18        36        54        72        90        108       126     - 0         19        38        57        76        95        114       133     - 0         20        40        60        80        100       120       140     - 0         21        42        63        84        105       126       147     + + + +  Column 0  Column 1  Column 2  Column 3  Column 4  Column 5  Column 6  Column  + 0         0         0         0         0         0         0         0       + 0         1         2         3         4         5         6         7       + 0         2         4         6         8         10        12        14      + 0         3         6         9         12        15        18        21      + 0         4         8         12        16        20        24        28     ▆▆ + 0         5         10        15        20        25        30        35      + 0         6         12        18        24        30        36        42      + 0         7         14        21        28        35        42        49      + 0         8         16        24        32        40        48        56      + 0         9         18        27        36        45        54        63      + 0         10        20        30        40        50        60        70      + 0         11        22        33        44        55        66        77      + 0         12        24        36        48        60        72        84      + 0         13        26        39        52        65        78        91      + 0         14        28        42        56        70        84        98      + 0         15        30        45        60        75        90        105     + 0         16        32        48        64        80        96        112     + 0         17        34        51        68        85        102       119     + 0         18        36        54        72        90        108       126     + 0         19        38        57        76        95        114       133     + 0         20        40        60        80        100       120       140     + 0         21        42        63        84        105       126       147     diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_maximize.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_maximize.svg index 8a6cdb4bb6..ce6ff77104 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_maximize.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_maximize.svg @@ -19,139 +19,138 @@ font-weight: 700; } - .terminal-3604051918-matrix { + .terminal-4276430750-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3604051918-title { + .terminal-4276430750-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3604051918-r1 { fill: #24292f } -.terminal-3604051918-r2 { fill: #c5c8c6 } -.terminal-3604051918-r3 { fill: #454a50 } -.terminal-3604051918-r4 { fill: #24292f;font-weight: bold } -.terminal-3604051918-r5 { fill: #000000 } -.terminal-3604051918-r6 { fill: #fea62b;font-weight: bold } -.terminal-3604051918-r7 { fill: #a7a9ab } -.terminal-3604051918-r8 { fill: #e2e3e3 } -.terminal-3604051918-r9 { fill: #4c5055 } + .terminal-4276430750-r1 { fill: #242f38 } +.terminal-4276430750-r2 { fill: #c5c8c6 } +.terminal-4276430750-r3 { fill: #2d2d2d } +.terminal-4276430750-r4 { fill: #272727;font-weight: bold } +.terminal-4276430750-r5 { fill: #0d0d0d } +.terminal-4276430750-r6 { fill: #ffa62b;font-weight: bold } +.terminal-4276430750-r7 { fill: #e0e0e0 } +.terminal-4276430750-r8 { fill: #495259 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - MaximizeApp + MaximizeApp - - - - ╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ -╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ -╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ -╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ -╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ -╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ -╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ -╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ -╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ -╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ -╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ -╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ Hello ╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ -╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ -╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ -╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ -╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ -╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ -╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ -╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ -╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ -╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ -╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ -╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ - m maximize focused widget ^p palette + + + + ╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ +╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ +╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ +╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ +╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ +╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ +╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ +╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ +╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ +╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ +╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ +╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ Hello ╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ +╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ +╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ +╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ +╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ +╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ +╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ +╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ +╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ +╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ +╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ +╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ + m maximize focused widget                                          ^p palette diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_maximize_allow.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_maximize_allow.svg index 2da68397b1..4aa9334c84 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_maximize_allow.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_maximize_allow.svg @@ -19,137 +19,136 @@ font-weight: 700; } - .terminal-1586431948-matrix { + .terminal-3104963284-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1586431948-title { + .terminal-3104963284-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1586431948-r1 { fill: #c5c8c6 } -.terminal-1586431948-r2 { fill: #e3e3e3 } -.terminal-1586431948-r3 { fill: #24292f } -.terminal-1586431948-r4 { fill: #e1e1e1 } -.terminal-1586431948-r5 { fill: #454a50 } -.terminal-1586431948-r6 { fill: #24292f;font-weight: bold } -.terminal-1586431948-r7 { fill: #000000 } + .terminal-3104963284-r1 { fill: #c5c8c6 } +.terminal-3104963284-r2 { fill: #e0e0e0 } +.terminal-3104963284-r3 { fill: #242f38 } +.terminal-3104963284-r4 { fill: #2d2d2d } +.terminal-3104963284-r5 { fill: #272727;font-weight: bold } +.terminal-3104963284-r6 { fill: #0d0d0d } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - MaximizeApp + MaximizeApp - - - - MaximizeApp -╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ -╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ -╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ -╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ -╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ -╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ -╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ -╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ -╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ -╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱Above╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ -╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ -╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ Hello ╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ -╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ -╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱Below╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ -╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ -╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ -╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ -╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ -╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ -╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ -╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ -╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ -╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ + + + + MaximizeApp +╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ +╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ +╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ +╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ +╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ +╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ +╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ +╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ +╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ +╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱Above╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ +╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ +╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ Hello ╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ +╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ +╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱Below╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ +╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ +╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ +╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ +╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ +╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ +╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ +╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ +╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ +╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_maximize_container.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_maximize_container.svg index 33484d983b..86dac7aaa2 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_maximize_container.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_maximize_container.svg @@ -19,142 +19,139 @@ font-weight: 700; } - .terminal-537982445-matrix { + .terminal-1668839431-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-537982445-title { + .terminal-1668839431-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-537982445-r1 { fill: #24292f } -.terminal-537982445-r2 { fill: #0000ff } -.terminal-537982445-r3 { fill: #c5c8c6 } -.terminal-537982445-r4 { fill: #454a50 } -.terminal-537982445-r5 { fill: #e1e1e1 } -.terminal-537982445-r6 { fill: #24292f;font-weight: bold } -.terminal-537982445-r7 { fill: #000000 } -.terminal-537982445-r8 { fill: #e2e3e3;font-weight: bold } -.terminal-537982445-r9 { fill: #fea62b;font-weight: bold } -.terminal-537982445-r10 { fill: #a7a9ab } -.terminal-537982445-r11 { fill: #e2e3e3 } -.terminal-537982445-r12 { fill: #4c5055 } + .terminal-1668839431-r1 { fill: #242f38 } +.terminal-1668839431-r2 { fill: #0000ff } +.terminal-1668839431-r3 { fill: #c5c8c6 } +.terminal-1668839431-r4 { fill: #2d2d2d } +.terminal-1668839431-r5 { fill: #e0e0e0 } +.terminal-1668839431-r6 { fill: #272727;font-weight: bold } +.terminal-1668839431-r7 { fill: #0d0d0d } +.terminal-1668839431-r8 { fill: #ffa62b;font-weight: bold } +.terminal-1668839431-r9 { fill: #495259 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - MaximizeApp + MaximizeApp - - - - ╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱┌──────────────────────────────────────┐╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ -╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ -╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ Hello ╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ -╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ -╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ -╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ World ╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ -╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ -╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ -╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ -╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ -╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ -╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ -╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ -╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ -╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ -╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ -╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ -╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ -╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ -╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ -╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ -╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ -╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱└──────────────────────────────────────┘╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ - m maximize focused widget ^p palette + + + + ╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱┌──────────────────────────────────────┐╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ +╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ +╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ Hello ╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ +╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ +╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ +╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ World ╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ +╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ +╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ +╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ +╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ +╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ +╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ +╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ +╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ +╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ +╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ +╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ +╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ +╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ +╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ +╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ +╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ +╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱└──────────────────────────────────────┘╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ + m maximize focused widget                                          ^p palette diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_missing_new_widgets.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_missing_new_widgets.svg index c10f680564..997dfad417 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_missing_new_widgets.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_missing_new_widgets.svg @@ -19,137 +19,135 @@ font-weight: 700; } - .terminal-3307805232-matrix { + .terminal-1004455986-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3307805232-title { + .terminal-1004455986-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3307805232-r1 { fill: #e1e1e1 } -.terminal-3307805232-r2 { fill: #c5c8c6 } -.terminal-3307805232-r3 { fill: #0000ff } -.terminal-3307805232-r4 { fill: #fea62b;font-weight: bold } -.terminal-3307805232-r5 { fill: #a7a9ab } -.terminal-3307805232-r6 { fill: #e2e3e3 } -.terminal-3307805232-r7 { fill: #4c5055 } + .terminal-1004455986-r1 { fill: #e0e0e0 } +.terminal-1004455986-r2 { fill: #c5c8c6 } +.terminal-1004455986-r3 { fill: #0000ff } +.terminal-1004455986-r4 { fill: #ffa62b;font-weight: bold } +.terminal-1004455986-r5 { fill: #495259 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - MRE + MRE - - - - - - - - - - - - - - - - - - - - -╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍ -line #0                                                                        -line #1                                                                        -line #2                                                                        -line #3                                                                        -line #4                                                                        - z Console ^p palette + + + + + + + + + + + + + + + + + + + + +╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍ +line #0                                                                        +line #1                                                                        +line #2                                                                        +line #3                                                                        +line #4                                                                        + z Console                                                          ^p palette diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_missing_vertical_scroll.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_missing_vertical_scroll.svg index 1c79305e30..921da22c45 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_missing_vertical_scroll.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_missing_vertical_scroll.svg @@ -19,138 +19,138 @@ font-weight: 700; } - .terminal-2535110001-matrix { + .terminal-1197092720-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2535110001-title { + .terminal-1197092720-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2535110001-r1 { fill: #1e1e1e } -.terminal-2535110001-r2 { fill: #0178d4 } -.terminal-2535110001-r3 { fill: #c5c8c6 } -.terminal-2535110001-r4 { fill: #ddedf9;font-weight: bold } -.terminal-2535110001-r5 { fill: #262626 } -.terminal-2535110001-r6 { fill: #e2e2e2;font-weight: bold } -.terminal-2535110001-r7 { fill: #e2e2e2 } -.terminal-2535110001-r8 { fill: #14191f } + .terminal-1197092720-r1 { fill: #121212 } +.terminal-1197092720-r2 { fill: #0178d4 } +.terminal-1197092720-r3 { fill: #c5c8c6 } +.terminal-1197092720-r4 { fill: #ddedf9;font-weight: bold } +.terminal-1197092720-r5 { fill: #272727 } +.terminal-1197092720-r6 { fill: #e0e0e0 } +.terminal-1197092720-r7 { fill: #1e1e1e } +.terminal-1197092720-r8 { fill: #000000 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - MissingScrollbarApp + MissingScrollbarApp - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -0                  0                  0                        -1                  1                  1                        -2                  ▄▄2                  ▄▄2                       ▄▄ -3                  3                  3                        -4                  4                  4                        -5                  5                  5                        -6                  6                  6                        -7                  7                  7                        -8                  8                  8                        -9                  9                  9                        -10                 10                 10                       -11                 11                 11                       -12                 12                 12                       -13                 13                 13                       -14                 14                 14                       -15                 15                 15                       -16                 16                 16                       -17                 17                 17                       -18                 18                 18                       -19                 19                 19                       -20                 20                 20                       -21                 21                 21                       -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +0                  0                  0                        +1                  1                  1                        +2                  ▄▄2                  ▄▄2                       ▄▄ +3                  3                  3                        +4                  4                  4                        +5                  5                  5                        +6                  6                  6                        +7                  7                  7                        +8                  8                  8                        +9                  9                  9                        +10                 10                 10                       +11                 11                 11                       +12                 12                 12                       +13                 13                 13                       +14                 14                 14                       +15                 15                 15                       +16                 16                 16                       +17                 17                 17                       +18                 18                 18                       +19                 19                 19                       +20                 20                 20                       +21                 21                 21                       +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_modal_dialog_bindings.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_modal_dialog_bindings.svg index 824e460ef7..4eec4c40ff 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_modal_dialog_bindings.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_modal_dialog_bindings.svg @@ -19,137 +19,134 @@ font-weight: 700; } - .terminal-3443412516-matrix { + .terminal-1210056588-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3443412516-title { + .terminal-1210056588-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3443412516-r1 { fill: #c5c8c6 } -.terminal-3443412516-r2 { fill: #e3e3e3 } -.terminal-3443412516-r3 { fill: #e1e1e1 } -.terminal-3443412516-r4 { fill: #fea62b;font-weight: bold } -.terminal-3443412516-r5 { fill: #a7a9ab } -.terminal-3443412516-r6 { fill: #e2e3e3 } -.terminal-3443412516-r7 { fill: #4c5055 } + .terminal-1210056588-r1 { fill: #c5c8c6 } +.terminal-1210056588-r2 { fill: #e0e0e0 } +.terminal-1210056588-r3 { fill: #ffa62b;font-weight: bold } +.terminal-1210056588-r4 { fill: #495259 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - ModalApp + ModalApp - - - - ModalApp -Hello                                                                            - - - - - - - - - - - - - - - - - - - - - - ⏎ Open Dialog ^p palette + + + + ModalApp +Hello                                                                            + + + + + + + + + + + + + + + + + + + + + + ⏎ Open Dialog                                                      ^p palette diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_modal_dialog_bindings_input.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_modal_dialog_bindings_input.svg index 67455911cf..61fb822003 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_modal_dialog_bindings_input.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_modal_dialog_bindings_input.svg @@ -19,142 +19,140 @@ font-weight: 700; } - .terminal-1159491790-matrix { + .terminal-2331389104-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1159491790-title { + .terminal-2331389104-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1159491790-r1 { fill: #e0e0e0 } -.terminal-1159491790-r2 { fill: #656565 } -.terminal-1159491790-r3 { fill: #c5c8c6 } -.terminal-1159491790-r4 { fill: #121212 } -.terminal-1159491790-r5 { fill: #e1e1e1 } -.terminal-1159491790-r6 { fill: #454a50 } -.terminal-1159491790-r7 { fill: #646464 } -.terminal-1159491790-r8 { fill: #24292f;font-weight: bold } -.terminal-1159491790-r9 { fill: #000000 } -.terminal-1159491790-r10 { fill: #704d1c;font-weight: bold } -.terminal-1159491790-r11 { fill: #4d4e4f } -.terminal-1159491790-r12 { fill: #292a2c } + .terminal-2331389104-r1 { fill: #e0e0e0 } +.terminal-2331389104-r2 { fill: #646464 } +.terminal-2331389104-r3 { fill: #c5c8c6 } +.terminal-2331389104-r4 { fill: #121212 } +.terminal-2331389104-r5 { fill: #191919 } +.terminal-2331389104-r6 { fill: #2d2d2d } +.terminal-2331389104-r7 { fill: #272727;font-weight: bold } +.terminal-2331389104-r8 { fill: #0d0d0d } +.terminal-2331389104-r9 { fill: #704d1c;font-weight: bold } +.terminal-2331389104-r10 { fill: #282b2e } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - ModalApp + ModalApp - - - - DialogModalApp -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -hi!                                                                        -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - OK  -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - - - - - - - - - - - - - - - - - ⏎ Open Dialog ^p palette + + + + DialogModalApp +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +hi!                                                                        +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + OK  +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + + + + + + + + + + + + + + ⏎ Open Dialog                                                      ^p palette diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_mount_style_fix.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_mount_style_fix.svg index 1d8701a102..01f28f2dde 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_mount_style_fix.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_mount_style_fix.svg @@ -19,133 +19,132 @@ font-weight: 700; } - .terminal-2240675037-matrix { + .terminal-2824333422-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2240675037-title { + .terminal-2824333422-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2240675037-r1 { fill: #e1e1e1 } -.terminal-2240675037-r2 { fill: #c5c8c6 } -.terminal-2240675037-r3 { fill: #00ff00 } -.terminal-2240675037-r4 { fill: #ffdddd } + .terminal-2824333422-r1 { fill: #e0e0e0 } +.terminal-2824333422-r2 { fill: #c5c8c6 } +.terminal-2824333422-r3 { fill: #00ff00 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - BrokenClassesApp + BrokenClassesApp - - - - - - - - - -┌──────────────────────────────────────┐ -This should have a red background - - - - - - - - - -└──────────────────────────────────────┘ - - - - - + + + + + + + + + +┌──────────────────────────────────────┐ +This should have a red background + + + + + + + + + +└──────────────────────────────────────┘ + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_multi_keys.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_multi_keys.svg index 3753de5455..731c849003 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_multi_keys.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_multi_keys.svg @@ -19,136 +19,134 @@ font-weight: 700; } - .terminal-3028037063-matrix { + .terminal-1728372006-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3028037063-title { + .terminal-1728372006-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3028037063-r1 { fill: #e1e1e1 } -.terminal-3028037063-r2 { fill: #c5c8c6 } -.terminal-3028037063-r3 { fill: #fea62b;font-weight: bold } -.terminal-3028037063-r4 { fill: #a7a9ab } -.terminal-3028037063-r5 { fill: #e2e3e3 } -.terminal-3028037063-r6 { fill: #4c5055 } + .terminal-1728372006-r1 { fill: #e0e0e0 } +.terminal-1728372006-r2 { fill: #c5c8c6 } +.terminal-1728372006-r3 { fill: #ffa62b;font-weight: bold } +.terminal-1728372006-r4 { fill: #495259 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - MApp + MApp - - - - - - - - - - - - - - - - - - - - - - - - - - - o Options ^p palette + + + + + + + + + + + + + + + + + + + + + + + + + + + o Options                                                          ^p palette diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_multiple_css.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_multiple_css.svg index 8d84a41058..836aac06b6 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_multiple_css.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_multiple_css.svg @@ -19,133 +19,133 @@ font-weight: 700; } - .terminal-1292433193-matrix { + .terminal-1532422923-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1292433193-title { + .terminal-1532422923-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1292433193-r1 { fill: #8b0000 } -.terminal-1292433193-r2 { fill: #c5c8c6 } -.terminal-1292433193-r3 { fill: #ff0000 } -.terminal-1292433193-r4 { fill: #e1e1e1 } + .terminal-1532422923-r1 { fill: #8b0000 } +.terminal-1532422923-r2 { fill: #c5c8c6 } +.terminal-1532422923-r3 { fill: #ff0000 } +.terminal-1532422923-r4 { fill: #e0e0e0 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - MultipleCSSApp + MultipleCSSApp - - - - #one -#two - - - - - - - - - - - - - - - - - - - - - + + + + #one +#two + + + + + + + + + + + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_nested_auto_heights.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_nested_auto_heights.svg index b5e08f63d2..4a5ae4da90 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_nested_auto_heights.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_nested_auto_heights.svg @@ -19,136 +19,134 @@ font-weight: 700; } - .terminal-700215523-matrix { + .terminal-3786367750-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-700215523-title { + .terminal-3786367750-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-700215523-r1 { fill: #90ee90 } -.terminal-700215523-r2 { fill: #c5c8c6 } -.terminal-700215523-r3 { fill: #add8e6 } -.terminal-700215523-r4 { fill: #ddeedd } -.terminal-700215523-r5 { fill: #808080 } -.terminal-700215523-r6 { fill: #dddddd } -.terminal-700215523-r7 { fill: #ffdddd } + .terminal-3786367750-r1 { fill: #90ee90 } +.terminal-3786367750-r2 { fill: #c5c8c6 } +.terminal-3786367750-r3 { fill: #add8e6 } +.terminal-3786367750-r4 { fill: #e0e0e0 } +.terminal-3786367750-r5 { fill: #808080 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - NestedAutoApp + NestedAutoApp - + - - ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓ -┏━━━━━━━━━━━━━━━┓ -┏━━━━━━━━━━━━━┓ -JUST ONE LINE -┗━━━━━━━━━━━━━┛ -┗━━━━━━━━━━━━━━━┛ -┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛ - - - - - - - - - - - - - - - - + + ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓ +┏━━━━━━━━━━━━━━━┓ +┏━━━━━━━━━━━━━┓ +JUST ONE LINE +┗━━━━━━━━━━━━━┛ +┗━━━━━━━━━━━━━━━┛ +┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛ + + + + + + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_nested_fr.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_nested_fr.svg index e7bc5cb1ec..61a689d48c 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_nested_fr.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_nested_fr.svg @@ -19,134 +19,134 @@ font-weight: 700; } - .terminal-2204042077-matrix { + .terminal-3127310950-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2204042077-title { + .terminal-3127310950-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2204042077-r1 { fill: #ffffff } -.terminal-2204042077-r2 { fill: #c5c8c6 } -.terminal-2204042077-r3 { fill: #ffff00 } -.terminal-2204042077-r4 { fill: #002121 } + .terminal-3127310950-r1 { fill: #ffffff } +.terminal-3127310950-r2 { fill: #c5c8c6 } +.terminal-3127310950-r3 { fill: #ffff00 } +.terminal-3127310950-r4 { fill: #000000 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - AutoApp + AutoApp - + - - ┌──────────────────────────────────────────────────────────────────────────────┐ -┌────────────────────────────────────────────────────────────────────────────┐ -Hello -World! -foo - - - - - - - - - - - - - - - - - -└────────────────────────────────────────────────────────────────────────────┘ -└──────────────────────────────────────────────────────────────────────────────┘ + + ┌──────────────────────────────────────────────────────────────────────────────┐ +┌────────────────────────────────────────────────────────────────────────────┐ +Hello +World! +foo + + + + + + + + + + + + + + + + + +└────────────────────────────────────────────────────────────────────────────┘ +└──────────────────────────────────────────────────────────────────────────────┘ diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_nested_specificity.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_nested_specificity.svg index 867dc213f4..547da90dd0 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_nested_specificity.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_nested_specificity.svg @@ -19,135 +19,134 @@ font-weight: 700; } - .terminal-788257423-matrix { + .terminal-552392028-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-788257423-title { + .terminal-552392028-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-788257423-r1 { fill: #00ff00 } -.terminal-788257423-r2 { fill: #008000 } -.terminal-788257423-r3 { fill: #c5c8c6 } -.terminal-788257423-r4 { fill: #e4e1e1 } -.terminal-788257423-r5 { fill: #e0e4e0 } + .terminal-552392028-r1 { fill: #00ff00 } +.terminal-552392028-r2 { fill: #008000 } +.terminal-552392028-r3 { fill: #c5c8c6 } +.terminal-552392028-r4 { fill: #e0e0e0 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - NestedPseudoClassesApp + NestedPseudoClassesApp - - - - ╭──────────────────────────────────────╮ -This isn't using nested CSSThis is using nested CSS - - - - - - - - - - - - - - - - - - - - - -╰──────────────────────────────────────╯ + + + + ╭──────────────────────────────────────╮ +This isn't using nested CSSThis is using nested CSS + + + + + + + + + + + + + + + + + + + + + +╰──────────────────────────────────────╯ diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_notification_with_inline_link.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_notification_with_inline_link.svg index f94df56fd0..73321c224b 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_notification_with_inline_link.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_notification_with_inline_link.svg @@ -19,134 +19,133 @@ font-weight: 700; } - .terminal-2305998280-matrix { + .terminal-905162697-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2305998280-title { + .terminal-905162697-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2305998280-r1 { fill: #e1e1e1 } -.terminal-2305998280-r2 { fill: #c5c8c6 } -.terminal-2305998280-r3 { fill: #56c278 } -.terminal-2305998280-r4 { fill: #e3e4e4 } -.terminal-2305998280-r5 { fill: #e3e4e4;text-decoration: underline; } + .terminal-905162697-r1 { fill: #e0e0e0 } +.terminal-905162697-r2 { fill: #c5c8c6 } +.terminal-905162697-r3 { fill: #4ebf71 } +.terminal-905162697-r4 { fill: #e0e0e0;text-decoration: underline; } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - NotifyWithInlineLinkApp + NotifyWithInlineLinkApp - - - - - - - - - - - - - - - - - - - - - - - - -Click here for the bell sound. - + + + + + + + + + + + + + + + + + + + + + + + + +Click here for the bell sound. + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_notification_with_inline_link_hover.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_notification_with_inline_link_hover.svg index 45c385b115..31b32f02b9 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_notification_with_inline_link_hover.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_notification_with_inline_link_hover.svg @@ -19,134 +19,133 @@ font-weight: 700; } - .terminal-4184654428-matrix { + .terminal-4289180664-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-4184654428-title { + .terminal-4289180664-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-4184654428-r1 { fill: #e1e1e1 } -.terminal-4184654428-r2 { fill: #c5c8c6 } -.terminal-4184654428-r3 { fill: #56c278 } -.terminal-4184654428-r4 { fill: #e3e4e4 } -.terminal-4184654428-r5 { fill: #ddedf9;font-weight: bold } + .terminal-4289180664-r1 { fill: #e0e0e0 } +.terminal-4289180664-r2 { fill: #c5c8c6 } +.terminal-4289180664-r3 { fill: #4ebf71 } +.terminal-4289180664-r4 { fill: #e0e0e0;font-weight: bold } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - NotifyWithInlineLinkApp + NotifyWithInlineLinkApp - - - - - - - - - - - - - - - - - - - - - - - - -Click here for the bell sound. - + + + + + + + + + + + + + + + + + + + + + + + + +Click here for the bell sound. + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_notifications_example.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_notifications_example.svg index c603d2ffc7..853de33b72 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_notifications_example.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_notifications_example.svg @@ -19,138 +19,137 @@ font-weight: 700; } - .terminal-2761891824-matrix { + .terminal-2149059740-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2761891824-title { + .terminal-2149059740-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2761891824-r1 { fill: #e1e1e1 } -.terminal-2761891824-r2 { fill: #c5c8c6 } -.terminal-2761891824-r3 { fill: #56c278 } -.terminal-2761891824-r4 { fill: #e3e4e4 } -.terminal-2761891824-r5 { fill: #feaa35 } -.terminal-2761891824-r6 { fill: #e89719;font-weight: bold } -.terminal-2761891824-r7 { fill: #e3e4e4;font-weight: bold } -.terminal-2761891824-r8 { fill: #e3e4e4;font-weight: bold;font-style: italic; } -.terminal-2761891824-r9 { fill: #bc4563 } + .terminal-2149059740-r1 { fill: #e0e0e0 } +.terminal-2149059740-r2 { fill: #c5c8c6 } +.terminal-2149059740-r3 { fill: #4ebf71 } +.terminal-2149059740-r4 { fill: #fea62b } +.terminal-2149059740-r5 { fill: #ffc473;font-weight: bold } +.terminal-2149059740-r6 { fill: #e0e0e0;font-weight: bold } +.terminal-2149059740-r7 { fill: #e0e0e0;font-weight: bold;font-style: italic; } +.terminal-2149059740-r8 { fill: #b93c5b } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - ToastApp + ToastApp - - - - - - - -It's an older code, sir, but it  -checks out. - - - -Possible trap detected -Now witness the firepower of this  -fully ARMED and OPERATIONAL battle  -station! - - - -It's a trap! - - - -It's against my programming to  -impersonate a deity. - + + + + + + + +It's an older code, sir, but it  +checks out. + + + +Possible trap detected +Now witness the firepower of this  +fully ARMED and OPERATIONAL battle  +station! + + + +It's a trap! + + + +It's against my programming to  +impersonate a deity. + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_notifications_loading_overlap_order.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_notifications_loading_overlap_order.svg index c4bc11885b..57ac0d553a 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_notifications_loading_overlap_order.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_notifications_loading_overlap_order.svg @@ -19,116 +19,116 @@ font-weight: 700; } - .terminal-3767891991-matrix { + .terminal-1114541060-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3767891991-title { + .terminal-1114541060-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3767891991-r1 { fill: #c5c8c6 } -.terminal-3767891991-r2 { fill: #56c278 } -.terminal-3767891991-r3 { fill: #e3e4e4 } + .terminal-1114541060-r1 { fill: #c5c8c6 } +.terminal-1114541060-r2 { fill: #4ebf71 } +.terminal-1114541060-r3 { fill: #e0e0e0 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - LoadingOverlayApp + LoadingOverlayApp - - - - - - - - - - -This is a big notification. -This is a big notification. -This is a big notification. -This is a big notification. -This is a big notification. -This is a big notification. -This is a big notification. -This is a big notification. -This is a big notification. -This is a big notification. - - + + + + + + + + + + +This is a big notification. +This is a big notification. +This is a big notification. +This is a big notification. +This is a big notification. +This is a big notification. +This is a big notification. +This is a big notification. +This is a big notification. +This is a big notification. + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_notifications_through_modes.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_notifications_through_modes.svg index 5c662d0715..b694df2d35 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_notifications_through_modes.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_notifications_through_modes.svg @@ -19,133 +19,132 @@ font-weight: 700; } - .terminal-894652491-matrix { + .terminal-2864463705-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-894652491-title { + .terminal-2864463705-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-894652491-r1 { fill: #e1e1e1 } -.terminal-894652491-r2 { fill: #56c278 } -.terminal-894652491-r3 { fill: #c5c8c6 } -.terminal-894652491-r4 { fill: #e3e4e4 } + .terminal-2864463705-r1 { fill: #e0e0e0 } +.terminal-2864463705-r2 { fill: #4ebf71 } +.terminal-2864463705-r3 { fill: #c5c8c6 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - NotifyThroughModesApp + NotifyThroughModesApp - - - - This is a mode screen                   -4 - - - -5 - - - -6 - - - -7 - - - -8 - - - -9 - + + + + This is a mode screen                   +4 + + + +5 + + + +6 + + + +7 + + + +8 + + + +9 + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_notifications_through_screens.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_notifications_through_screens.svg index 67596dc26e..d5eaf3c57c 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_notifications_through_screens.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_notifications_through_screens.svg @@ -19,133 +19,132 @@ font-weight: 700; } - .terminal-866929860-matrix { + .terminal-3121036242-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-866929860-title { + .terminal-3121036242-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-866929860-r1 { fill: #e1e1e1 } -.terminal-866929860-r2 { fill: #56c278 } -.terminal-866929860-r3 { fill: #c5c8c6 } -.terminal-866929860-r4 { fill: #e3e4e4 } + .terminal-3121036242-r1 { fill: #e0e0e0 } +.terminal-3121036242-r2 { fill: #4ebf71 } +.terminal-3121036242-r3 { fill: #c5c8c6 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - NotifyDownScreensApp + NotifyDownScreensApp - - - - Screen 10                               -4 - - - -5 - - - -6 - - - -7 - - - -8 - - - -9 - + + + + Screen 10                               +4 + + + +5 + + + +6 + + + +7 + + + +8 + + + +9 + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_offsets.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_offsets.svg index 6e54315a6e..e2367f0f8b 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_offsets.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_offsets.svg @@ -19,133 +19,132 @@ font-weight: 700; } - .terminal-1996000257-matrix { + .terminal-1747088799-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1996000257-title { + .terminal-1747088799-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1996000257-r1 { fill: #e1e1e1 } -.terminal-1996000257-r2 { fill: #c5c8c6 } -.terminal-1996000257-r3 { fill: #ffffff } -.terminal-1996000257-r4 { fill: #ddddef } + .terminal-1747088799-r1 { fill: #e0e0e0 } +.terminal-1747088799-r2 { fill: #c5c8c6 } +.terminal-1747088799-r3 { fill: #ffffff } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - OffsetsApp + OffsetsApp - - - - - - - - -┌──────────────┐ -FOO -BAR -BAZ -└──────────────┘ - - - - - -┌──────────────┐ -FOO -BAR -BAZ -└──────────────┘ - - - + + + + + + + + +┌──────────────┐ +FOO +BAR +BAZ +└──────────────┘ + + + + + +┌──────────────┐ +FOO +BAR +BAZ +└──────────────┘ + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_option_list_build.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_option_list_build.svg index 6ca0741d63..cc1ee9cdac 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_option_list_build.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_option_list_build.svg @@ -19,138 +19,137 @@ font-weight: 700; } - .terminal-2417562405-matrix { + .terminal-938143054-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2417562405-title { + .terminal-938143054-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2417562405-r1 { fill: #1e1e1e } -.terminal-2417562405-r2 { fill: #0178d4 } -.terminal-2417562405-r3 { fill: #c5c8c6 } -.terminal-2417562405-r4 { fill: #ddedf9;font-weight: bold } -.terminal-2417562405-r5 { fill: #e2e2e2;font-weight: bold } -.terminal-2417562405-r6 { fill: #e2e2e2 } -.terminal-2417562405-r7 { fill: #434343 } -.terminal-2417562405-r8 { fill: #f4005f } -.terminal-2417562405-r9 { fill: #e1e1e1 } + .terminal-938143054-r1 { fill: #121212 } +.terminal-938143054-r2 { fill: #0178d4 } +.terminal-938143054-r3 { fill: #c5c8c6 } +.terminal-938143054-r4 { fill: #ddedf9;font-weight: bold } +.terminal-938143054-r5 { fill: #e0e0e0 } +.terminal-938143054-r6 { fill: #424242 } +.terminal-938143054-r7 { fill: #3b3b3b } +.terminal-938143054-r8 { fill: #f4005f } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - OptionListApp + OptionListApp - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -One                   One                    One                     -Two                   Two                    Two                     -──────────────────────────────────────────────────────────────────── -ThreeThreeThree -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - - - - - - - - - - - - - - - - - + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +One                   One                    One                     +Two                   Two                    Two                     +──────────────────────────────────────────────────────────────────── +ThreeThreeThree +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + + + + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_option_list_options.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_option_list_options.svg index 1b8b3caebc..6791c8b71d 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_option_list_options.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_option_list_options.svg @@ -19,145 +19,141 @@ font-weight: 700; } - .terminal-1431192548-matrix { + .terminal-3638696019-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1431192548-title { + .terminal-3638696019-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1431192548-r1 { fill: #c5c8c6 } -.terminal-1431192548-r2 { fill: #e3e3e3 } -.terminal-1431192548-r3 { fill: #e1e1e1 } -.terminal-1431192548-r4 { fill: #1e1e1e } -.terminal-1431192548-r5 { fill: #0178d4 } -.terminal-1431192548-r6 { fill: #ddedf9;font-weight: bold } -.terminal-1431192548-r7 { fill: #262626 } -.terminal-1431192548-r8 { fill: #e2e2e2 } -.terminal-1431192548-r9 { fill: #434343 } -.terminal-1431192548-r10 { fill: #787878 } -.terminal-1431192548-r11 { fill: #14191f } -.terminal-1431192548-r12 { fill: #e2e3e3 } -.terminal-1431192548-r13 { fill: #4c5055 } -.terminal-1431192548-r14 { fill: #fea62b;font-weight: bold } -.terminal-1431192548-r15 { fill: #a7a9ab } + .terminal-3638696019-r1 { fill: #c5c8c6 } +.terminal-3638696019-r2 { fill: #e0e0e0 } +.terminal-3638696019-r3 { fill: #121212 } +.terminal-3638696019-r4 { fill: #0178d4 } +.terminal-3638696019-r5 { fill: #ddedf9;font-weight: bold } +.terminal-3638696019-r6 { fill: #272727 } +.terminal-3638696019-r7 { fill: #424242 } +.terminal-3638696019-r8 { fill: #797979 } +.terminal-3638696019-r9 { fill: #000000 } +.terminal-3638696019-r10 { fill: #495259 } +.terminal-3638696019-r11 { fill: #ffa62b;font-weight: bold } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - OptionListApp + OptionListApp - - - - OptionListApp - - -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -Aerilon                                            -Aquaria                                            -────────────────────────────────────────────────── -Canceron                                           -Caprica                                            -────────────────────────────────────────────────── -Gemenon                                            -────────────────────────────────────────────────── -Leonis                                             -Libran                                             -────────────────────────────────────────────────── -Picon                                             ▁▁ -────────────────────────────────────────────────── -Sagittaron                                         -Scorpia                                            -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - - - -^p palette + + + + OptionListApp + + +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +Aerilon                                            +Aquaria                                            +────────────────────────────────────────────────── +Canceron                                           +Caprica                                            +────────────────────────────────────────────────── +Gemenon                                            +────────────────────────────────────────────────── +Leonis                                             +Libran                                             +────────────────────────────────────────────────── +Picon                                             ▁▁ +────────────────────────────────────────────────── +Sagittaron                                         +Scorpia                                            +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + +^p palette diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_option_list_replace_prompt_from_single_line_to_single_line.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_option_list_replace_prompt_from_single_line_to_single_line.svg index c96bab4f16..48c1da7c8a 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_option_list_replace_prompt_from_single_line_to_single_line.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_option_list_replace_prompt_from_single_line_to_single_line.svg @@ -19,141 +19,137 @@ font-weight: 700; } - .terminal-232932403-matrix { + .terminal-1782986089-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-232932403-title { + .terminal-1782986089-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-232932403-r1 { fill: #c5c8c6 } -.terminal-232932403-r2 { fill: #e3e3e3 } -.terminal-232932403-r3 { fill: #1e1e1e } -.terminal-232932403-r4 { fill: #0178d4 } -.terminal-232932403-r5 { fill: #ddedf9;font-weight: bold } -.terminal-232932403-r6 { fill: #e2e2e2 } -.terminal-232932403-r7 { fill: #e1e1e1 } -.terminal-232932403-r8 { fill: #e2e3e3 } -.terminal-232932403-r9 { fill: #4c5055 } -.terminal-232932403-r10 { fill: #fea62b;font-weight: bold } -.terminal-232932403-r11 { fill: #a7a9ab } + .terminal-1782986089-r1 { fill: #c5c8c6 } +.terminal-1782986089-r2 { fill: #e0e0e0 } +.terminal-1782986089-r3 { fill: #121212 } +.terminal-1782986089-r4 { fill: #0178d4 } +.terminal-1782986089-r5 { fill: #ddedf9;font-weight: bold } +.terminal-1782986089-r6 { fill: #495259 } +.terminal-1782986089-r7 { fill: #ffa62b;font-weight: bold } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - OptionListApp + OptionListApp - - - - OptionListApp -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -1. Another single line                                                       -2. Two                                                                       -lines                                                                        -3. Three                                                                     -lines                                                                        -of text                                                                      -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - - - - - - - - - - - - - - -^p palette + + + + OptionListApp +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +1. Another single line                                                       +2. Two                                                                       +lines                                                                        +3. Three                                                                     +lines                                                                        +of text                                                                      +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + + + + + + + + + + + +^p palette diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_option_list_replace_prompt_from_single_line_to_two_lines.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_option_list_replace_prompt_from_single_line_to_two_lines.svg index 832ca1126a..d26d58f7d0 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_option_list_replace_prompt_from_single_line_to_two_lines.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_option_list_replace_prompt_from_single_line_to_two_lines.svg @@ -19,141 +19,137 @@ font-weight: 700; } - .terminal-3771278269-matrix { + .terminal-1984107646-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3771278269-title { + .terminal-1984107646-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3771278269-r1 { fill: #c5c8c6 } -.terminal-3771278269-r2 { fill: #e3e3e3 } -.terminal-3771278269-r3 { fill: #1e1e1e } -.terminal-3771278269-r4 { fill: #0178d4 } -.terminal-3771278269-r5 { fill: #ddedf9;font-weight: bold } -.terminal-3771278269-r6 { fill: #e2e2e2 } -.terminal-3771278269-r7 { fill: #e1e1e1 } -.terminal-3771278269-r8 { fill: #e2e3e3 } -.terminal-3771278269-r9 { fill: #4c5055 } -.terminal-3771278269-r10 { fill: #fea62b;font-weight: bold } -.terminal-3771278269-r11 { fill: #a7a9ab } + .terminal-1984107646-r1 { fill: #c5c8c6 } +.terminal-1984107646-r2 { fill: #e0e0e0 } +.terminal-1984107646-r3 { fill: #121212 } +.terminal-1984107646-r4 { fill: #0178d4 } +.terminal-1984107646-r5 { fill: #ddedf9;font-weight: bold } +.terminal-1984107646-r6 { fill: #495259 } +.terminal-1984107646-r7 { fill: #ffa62b;font-weight: bold } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - OptionListApp + OptionListApp - - - - OptionListApp -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -1. Two                                                                       -lines                                                                        -2. Two                                                                       -lines                                                                        -3. Three                                                                     -lines                                                                        -of text                                                                      -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - - - - - - - - - - - - - -^p palette + + + + OptionListApp +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +1. Two                                                                       +lines                                                                        +2. Two                                                                       +lines                                                                        +3. Three                                                                     +lines                                                                        +of text                                                                      +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + + + + + + + + + + +^p palette diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_option_list_replace_prompt_from_two_lines_to_three_lines.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_option_list_replace_prompt_from_two_lines_to_three_lines.svg index 4db6b7c464..65241eea29 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_option_list_replace_prompt_from_two_lines_to_three_lines.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_option_list_replace_prompt_from_two_lines_to_three_lines.svg @@ -19,141 +19,137 @@ font-weight: 700; } - .terminal-3718586891-matrix { + .terminal-1937117894-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3718586891-title { + .terminal-1937117894-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3718586891-r1 { fill: #c5c8c6 } -.terminal-3718586891-r2 { fill: #e3e3e3 } -.terminal-3718586891-r3 { fill: #1e1e1e } -.terminal-3718586891-r4 { fill: #0178d4 } -.terminal-3718586891-r5 { fill: #ddedf9;font-weight: bold } -.terminal-3718586891-r6 { fill: #e2e2e2 } -.terminal-3718586891-r7 { fill: #e1e1e1 } -.terminal-3718586891-r8 { fill: #e2e3e3 } -.terminal-3718586891-r9 { fill: #4c5055 } -.terminal-3718586891-r10 { fill: #fea62b;font-weight: bold } -.terminal-3718586891-r11 { fill: #a7a9ab } + .terminal-1937117894-r1 { fill: #c5c8c6 } +.terminal-1937117894-r2 { fill: #e0e0e0 } +.terminal-1937117894-r3 { fill: #121212 } +.terminal-1937117894-r4 { fill: #0178d4 } +.terminal-1937117894-r5 { fill: #ddedf9;font-weight: bold } +.terminal-1937117894-r6 { fill: #495259 } +.terminal-1937117894-r7 { fill: #ffa62b;font-weight: bold } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - OptionListApp + OptionListApp - - - - OptionListApp -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -1. Single line                                                               -1. Three                                                                     -lines                                                                        -of text                                                                      -3. Three                                                                     -lines                                                                        -of text                                                                      -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - - - - - - - - - - - - - -^p palette + + + + OptionListApp +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +1. Single line                                                               +1. Three                                                                     +lines                                                                        +of text                                                                      +3. Three                                                                     +lines                                                                        +of text                                                                      +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + + + + + + + + + + +^p palette diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_option_list_scrolling_in_long_list.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_option_list_scrolling_in_long_list.svg index 5ac0cefe38..207b555f88 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_option_list_scrolling_in_long_list.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_option_list_scrolling_in_long_list.svg @@ -19,137 +19,137 @@ font-weight: 700; } - .terminal-251210044-matrix { + .terminal-1393032896-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-251210044-title { + .terminal-1393032896-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-251210044-r1 { fill: #1e1e1e } -.terminal-251210044-r2 { fill: #0178d4 } -.terminal-251210044-r3 { fill: #c5c8c6 } -.terminal-251210044-r4 { fill: #e2e2e2 } -.terminal-251210044-r5 { fill: #23568b } -.terminal-251210044-r6 { fill: #262626 } -.terminal-251210044-r7 { fill: #ddedf9;font-weight: bold } + .terminal-1393032896-r1 { fill: #121212 } +.terminal-1393032896-r2 { fill: #0178d4 } +.terminal-1393032896-r3 { fill: #c5c8c6 } +.terminal-1393032896-r4 { fill: #e0e0e0 } +.terminal-1393032896-r5 { fill: #242f38 } +.terminal-1393032896-r6 { fill: #272727 } +.terminal-1393032896-r7 { fill: #ddedf9;font-weight: bold } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - LongOptionListApp + LongOptionListApp - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -This is option #78                                                         -This is option #79                                                         -This is option #80                                                         -This is option #81                                                         -This is option #82                                                         -This is option #83                                                         -This is option #84                                                         -This is option #85                                                         -This is option #86                                                         -This is option #87                                                         -This is option #88                                                         -This is option #89                                                         -This is option #90                                                         -This is option #91                                                         -This is option #92                                                         -This is option #93                                                         -This is option #94                                                         -This is option #95                                                        ▇▇ -This is option #96                                                         -This is option #97                                                         -This is option #98                                                         -This is option #99                                                         -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +This is option #78                                                         +This is option #79                                                         +This is option #80                                                         +This is option #81                                                         +This is option #82                                                         +This is option #83                                                         +This is option #84                                                         +This is option #85                                                         +This is option #86                                                         +This is option #87                                                         +This is option #88                                                         +This is option #89                                                         +This is option #90                                                         +This is option #91                                                         +This is option #92                                                         +This is option #93                                                         +This is option #94                                                         +This is option #95                                                        ▇▇ +This is option #96                                                         +This is option #97                                                         +This is option #98                                                         +This is option #99                                                         +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_option_list_scrolling_with_multiline_options.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_option_list_scrolling_with_multiline_options.svg index 7cfebb98ec..a2cb2569da 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_option_list_scrolling_with_multiline_options.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_option_list_scrolling_with_multiline_options.svg @@ -19,146 +19,142 @@ font-weight: 700; } - .terminal-2192860765-matrix { + .terminal-3986961558-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2192860765-title { + .terminal-3986961558-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2192860765-r1 { fill: #c5c8c6 } -.terminal-2192860765-r2 { fill: #e3e3e3 } -.terminal-2192860765-r3 { fill: #e1e1e1 } -.terminal-2192860765-r4 { fill: #1e1e1e } -.terminal-2192860765-r5 { fill: #0178d4 } -.terminal-2192860765-r6 { fill: #e2e2e2 } -.terminal-2192860765-r7 { fill: #e2e2e2;font-style: italic; } -.terminal-2192860765-r8 { fill: #e2e2e2;font-weight: bold } -.terminal-2192860765-r9 { fill: #ddedf9;font-weight: bold;font-style: italic; } -.terminal-2192860765-r10 { fill: #ddedf9;font-weight: bold } -.terminal-2192860765-r11 { fill: #23568b } -.terminal-2192860765-r12 { fill: #262626 } -.terminal-2192860765-r13 { fill: #e2e3e3 } -.terminal-2192860765-r14 { fill: #4c5055 } -.terminal-2192860765-r15 { fill: #fea62b;font-weight: bold } -.terminal-2192860765-r16 { fill: #a7a9ab } + .terminal-3986961558-r1 { fill: #c5c8c6 } +.terminal-3986961558-r2 { fill: #e0e0e0 } +.terminal-3986961558-r3 { fill: #121212 } +.terminal-3986961558-r4 { fill: #0178d4 } +.terminal-3986961558-r5 { fill: #e0e0e0;font-style: italic; } +.terminal-3986961558-r6 { fill: #e0e0e0;font-weight: bold } +.terminal-3986961558-r7 { fill: #ddedf9;font-weight: bold;font-style: italic; } +.terminal-3986961558-r8 { fill: #ddedf9;font-weight: bold } +.terminal-3986961558-r9 { fill: #242f38 } +.terminal-3986961558-r10 { fill: #272727 } +.terminal-3986961558-r11 { fill: #495259 } +.terminal-3986961558-r12 { fill: #ffa62b;font-weight: bold } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - OptionListApp + OptionListApp - - - - OptionListApp - - -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -┡━━━━━━━━━━━━━━━╇━━━━━━━━━━━━━━━╇━━━━━━━━━━━━━━━━┩ -│ Dionysus      │ 450 Million   │ Celeste        │ -└───────────────┴───────────────┴────────────────┘ -                 Data for Tauron                   -┏━━━━━━━━━━━━━━━┳━━━━━━━━━━━━━━━┳━━━━━━━━━━━━━━━━┓ - Patron God     Population     Capital City    -┡━━━━━━━━━━━━━━━╇━━━━━━━━━━━━━━━╇━━━━━━━━━━━━━━━━┩ -│ Ares          │ 2.5 Billion   │ Hypatia        │ -└───────────────┴───────────────┴────────────────┘ -                 Data for Virgon                   -┏━━━━━━━━━━━━━━━┳━━━━━━━━━━━━━━━┳━━━━━━━━━━━━━━━━┓ -┃ Patron God    ┃ Population    ┃ Capital City   ┃▁▁ -┡━━━━━━━━━━━━━━━╇━━━━━━━━━━━━━━━╇━━━━━━━━━━━━━━━━┩ -│ Hestia        │ 4.3 Billion   │ Boskirk        │ -└───────────────┴───────────────┴────────────────┘ -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - - - -^p palette + + + + OptionListApp + + +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +┡━━━━━━━━━━━━━━━╇━━━━━━━━━━━━━━━╇━━━━━━━━━━━━━━━━┩ +│ Dionysus      │ 450 Million   │ Celeste        │ +└───────────────┴───────────────┴────────────────┘ +                 Data for Tauron                   +┏━━━━━━━━━━━━━━━┳━━━━━━━━━━━━━━━┳━━━━━━━━━━━━━━━━┓ + Patron God     Population     Capital City    +┡━━━━━━━━━━━━━━━╇━━━━━━━━━━━━━━━╇━━━━━━━━━━━━━━━━┩ +│ Ares          │ 2.5 Billion   │ Hypatia        │ +└───────────────┴───────────────┴────────────────┘ +                 Data for Virgon                   +┏━━━━━━━━━━━━━━━┳━━━━━━━━━━━━━━━┳━━━━━━━━━━━━━━━━┓ +┃ Patron God    ┃ Population    ┃ Capital City   ┃▁▁ +┡━━━━━━━━━━━━━━━╇━━━━━━━━━━━━━━━╇━━━━━━━━━━━━━━━━┩ +│ Hestia        │ 4.3 Billion   │ Boskirk        │ +└───────────────┴───────────────┴────────────────┘ +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + +^p palette diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_option_list_strings.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_option_list_strings.svg index 827552124e..3e7be65046 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_option_list_strings.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_option_list_strings.svg @@ -19,141 +19,137 @@ font-weight: 700; } - .terminal-1923641377-matrix { + .terminal-2543471178-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1923641377-title { + .terminal-2543471178-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1923641377-r1 { fill: #c5c8c6 } -.terminal-1923641377-r2 { fill: #e3e3e3 } -.terminal-1923641377-r3 { fill: #e1e1e1 } -.terminal-1923641377-r4 { fill: #1e1e1e } -.terminal-1923641377-r5 { fill: #0178d4 } -.terminal-1923641377-r6 { fill: #ddedf9;font-weight: bold } -.terminal-1923641377-r7 { fill: #e2e2e2 } -.terminal-1923641377-r8 { fill: #e2e3e3 } -.terminal-1923641377-r9 { fill: #4c5055 } -.terminal-1923641377-r10 { fill: #fea62b;font-weight: bold } -.terminal-1923641377-r11 { fill: #a7a9ab } + .terminal-2543471178-r1 { fill: #c5c8c6 } +.terminal-2543471178-r2 { fill: #e0e0e0 } +.terminal-2543471178-r3 { fill: #121212 } +.terminal-2543471178-r4 { fill: #0178d4 } +.terminal-2543471178-r5 { fill: #ddedf9;font-weight: bold } +.terminal-2543471178-r6 { fill: #495259 } +.terminal-2543471178-r7 { fill: #ffa62b;font-weight: bold } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - OptionListApp + OptionListApp - - - - OptionListApp - - -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -Aerilon                                              -Aquaria                                              -Canceron                                             -Caprica                                              -Gemenon                                              -Leonis                                               -Libran                                               -Picon                                                -Sagittaron                                           -Scorpia                                              -Tauron                                               -Virgon                                               - - - -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - - - -^p palette + + + + OptionListApp + + +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +Aerilon                                              +Aquaria                                              +Canceron                                             +Caprica                                              +Gemenon                                              +Leonis                                               +Libran                                               +Picon                                                +Sagittaron                                           +Scorpia                                              +Tauron                                               +Virgon                                               + + + +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + +^p palette diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_option_list_tables.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_option_list_tables.svg index f372b031ff..12692ff067 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_option_list_tables.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_option_list_tables.svg @@ -19,146 +19,142 @@ font-weight: 700; } - .terminal-1796269015-matrix { + .terminal-3465064940-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1796269015-title { + .terminal-3465064940-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1796269015-r1 { fill: #c5c8c6 } -.terminal-1796269015-r2 { fill: #e3e3e3 } -.terminal-1796269015-r3 { fill: #e1e1e1 } -.terminal-1796269015-r4 { fill: #1e1e1e } -.terminal-1796269015-r5 { fill: #0178d4 } -.terminal-1796269015-r6 { fill: #ddedf9;font-weight: bold;font-style: italic; } -.terminal-1796269015-r7 { fill: #262626 } -.terminal-1796269015-r8 { fill: #ddedf9;font-weight: bold } -.terminal-1796269015-r9 { fill: #14191f } -.terminal-1796269015-r10 { fill: #e2e2e2 } -.terminal-1796269015-r11 { fill: #e2e2e2;font-style: italic; } -.terminal-1796269015-r12 { fill: #e2e2e2;font-weight: bold } -.terminal-1796269015-r13 { fill: #e2e3e3 } -.terminal-1796269015-r14 { fill: #4c5055 } -.terminal-1796269015-r15 { fill: #fea62b;font-weight: bold } -.terminal-1796269015-r16 { fill: #a7a9ab } + .terminal-3465064940-r1 { fill: #c5c8c6 } +.terminal-3465064940-r2 { fill: #e0e0e0 } +.terminal-3465064940-r3 { fill: #121212 } +.terminal-3465064940-r4 { fill: #0178d4 } +.terminal-3465064940-r5 { fill: #ddedf9;font-weight: bold;font-style: italic; } +.terminal-3465064940-r6 { fill: #272727 } +.terminal-3465064940-r7 { fill: #ddedf9;font-weight: bold } +.terminal-3465064940-r8 { fill: #000000 } +.terminal-3465064940-r9 { fill: #e0e0e0;font-style: italic; } +.terminal-3465064940-r10 { fill: #e0e0e0;font-weight: bold } +.terminal-3465064940-r11 { fill: #495259 } +.terminal-3465064940-r12 { fill: #ffa62b;font-weight: bold } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - OptionListApp + OptionListApp - - - - OptionListApp - - -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -                 Data for Aerilon                  -┏━━━━━━━━━━━━━━━┳━━━━━━━━━━━━━━━┳━━━━━━━━━━━━━━━━┓ -┃ Patron God    ┃ Population    ┃ Capital City   ┃ -┡━━━━━━━━━━━━━━━╇━━━━━━━━━━━━━━━╇━━━━━━━━━━━━━━━━┩▇▇ -│ Demeter       │ 1.2 Billion   │ Gaoth          │ -└───────────────┴───────────────┴────────────────┘ -                 Data for Aquaria                  -┏━━━━━━━━━━━━━━━┳━━━━━━━━━━━━━━━┳━━━━━━━━━━━━━━━━┓ - Patron God     Population     Capital City    -┡━━━━━━━━━━━━━━━╇━━━━━━━━━━━━━━━╇━━━━━━━━━━━━━━━━┩ -│ Hermes        │ 75,000        │ None           │ -└───────────────┴───────────────┴────────────────┘ -                Data for Canceron                  -┏━━━━━━━━━━━━━━━┳━━━━━━━━━━━━━━━┳━━━━━━━━━━━━━━━━┓ - Patron God     Population     Capital City    -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - - - -^p palette + + + + OptionListApp + + +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +                 Data for Aerilon                  +┏━━━━━━━━━━━━━━━┳━━━━━━━━━━━━━━━┳━━━━━━━━━━━━━━━━┓ +┃ Patron God    ┃ Population    ┃ Capital City   ┃ +┡━━━━━━━━━━━━━━━╇━━━━━━━━━━━━━━━╇━━━━━━━━━━━━━━━━┩▇▇ +│ Demeter       │ 1.2 Billion   │ Gaoth          │ +└───────────────┴───────────────┴────────────────┘ +                 Data for Aquaria                  +┏━━━━━━━━━━━━━━━┳━━━━━━━━━━━━━━━┳━━━━━━━━━━━━━━━━┓ + Patron God     Population     Capital City    +┡━━━━━━━━━━━━━━━╇━━━━━━━━━━━━━━━╇━━━━━━━━━━━━━━━━┩ +│ Hermes        │ 75,000        │ None           │ +└───────────────┴───────────────┴────────────────┘ +                Data for Canceron                  +┏━━━━━━━━━━━━━━━┳━━━━━━━━━━━━━━━┳━━━━━━━━━━━━━━━━┓ + Patron God     Population     Capital City    +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + +^p palette diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_order_independence.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_order_independence.svg index fe3cdd83c5..d4031e161a 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_order_independence.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_order_independence.svg @@ -19,138 +19,135 @@ font-weight: 700; } - .terminal-1557440275-matrix { + .terminal-4057159650-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1557440275-title { + .terminal-4057159650-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1557440275-r1 { fill: #ffff00 } -.terminal-1557440275-r2 { fill: #e3e3e3 } -.terminal-1557440275-r3 { fill: #c5c8c6 } -.terminal-1557440275-r4 { fill: #e1e1e1 } -.terminal-1557440275-r5 { fill: #fea62b;font-weight: bold } -.terminal-1557440275-r6 { fill: #a7a9ab } -.terminal-1557440275-r7 { fill: #e2e3e3 } -.terminal-1557440275-r8 { fill: #4c5055 } + .terminal-4057159650-r1 { fill: #ffff00 } +.terminal-4057159650-r2 { fill: #e0e0e0 } +.terminal-4057159650-r3 { fill: #c5c8c6 } +.terminal-4057159650-r4 { fill: #ffa62b;font-weight: bold } +.terminal-4057159650-r5 { fill: #495259 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - Layers + Layers - - - - ┌──────────────────────────────────┐Layers -It's full of stars! My God! It's full of sta - -This should float over the top - - -└──────────────────────────────────┘ - - - - - - - - - - - - - - - - - t Toggle Screen ^p palette + + + + ┌──────────────────────────────────┐Layers +It's full of stars! My God! It's full of sta + +This should float over the top + + +└──────────────────────────────────┘ + + + + + + + + + + + + + + + + + t Toggle Screen                                                    ^p palette diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_order_independence_toggle.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_order_independence_toggle.svg index 9773277e07..4f68c4f19f 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_order_independence_toggle.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_order_independence_toggle.svg @@ -19,138 +19,135 @@ font-weight: 700; } - .terminal-838115995-matrix { + .terminal-45634124-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-838115995-title { + .terminal-45634124-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-838115995-r1 { fill: #ffff00 } -.terminal-838115995-r2 { fill: #e3e3e3 } -.terminal-838115995-r3 { fill: #c5c8c6 } -.terminal-838115995-r4 { fill: #ddeedd } -.terminal-838115995-r5 { fill: #fea62b;font-weight: bold } -.terminal-838115995-r6 { fill: #a7a9ab } -.terminal-838115995-r7 { fill: #e2e3e3 } -.terminal-838115995-r8 { fill: #4c5055 } + .terminal-45634124-r1 { fill: #ffff00 } +.terminal-45634124-r2 { fill: #e0e0e0 } +.terminal-45634124-r3 { fill: #c5c8c6 } +.terminal-45634124-r4 { fill: #ffa62b;font-weight: bold } +.terminal-45634124-r5 { fill: #495259 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - Layers + Layers - - - - ┌──────────────────────────────────┐Layers -It's full of stars! My God! It's full of sta - -This should float over the top - - -└──────────────────────────────────┘ - - - - - - - - - - - - - - - - - t Toggle Screen ^p palette + + + + ┌──────────────────────────────────┐Layers +It's full of stars! My God! It's full of sta + +This should float over the top + + +└──────────────────────────────────┘ + + + + + + + + + + + + + + + + + t Toggle Screen                                                    ^p palette diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_pilot_resize_terminal.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_pilot_resize_terminal.svg index d4de0257af..9bba9dd192 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_pilot_resize_terminal.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_pilot_resize_terminal.svg @@ -19,76 +19,76 @@ font-weight: 700; } - .terminal-2126838016-matrix { + .terminal-2894656382-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2126838016-title { + .terminal-2894656382-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2126838016-r1 { fill: #e1e1e1 } -.terminal-2126838016-r2 { fill: #c5c8c6 } + .terminal-2894656382-r1 { fill: #e0e0e0 } +.terminal-2894656382-r2 { fill: #c5c8c6 } - + - + - + - + - + - + - + - + - + - + - SingleLabelApp + SingleLabelApp - - - - 12345678901234567890 -12345678901234567890 -12345678901234567890 -12345678901234567890 -12345678901234567890 -12345678901234567890 -12345678901234567890 -12345678901234567890 -12345678901234567890 -12345678901234567890 + + + + 12345678901234567890 +12345678901234567890 +12345678901234567890 +12345678901234567890 +12345678901234567890 +12345678901234567890 +12345678901234567890 +12345678901234567890 +12345678901234567890 +12345678901234567890 diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_placeholder_disabled.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_placeholder_disabled.svg index 5c7eaf387b..acbf26d90c 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_placeholder_disabled.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_placeholder_disabled.svg @@ -19,132 +19,132 @@ font-weight: 700; } - .terminal-552180741-matrix { + .terminal-173120037-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-552180741-title { + .terminal-173120037-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-552180741-r1 { fill: #c5c8c6 } -.terminal-552180741-r2 { fill: #e8e0e7 } -.terminal-552180741-r3 { fill: #aba7a8 } + .terminal-173120037-r1 { fill: #c5c8c6 } +.terminal-173120037-r2 { fill: #e7e0e6 } +.terminal-173120037-r3 { fill: #a7a2a4 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - DisabledPlaceholderApp + DisabledPlaceholderApp - - - - - - - - -Placeholder - - - - - - - - - - - -Placeholder - - - - - + + + + + + + + +Placeholder + + + + + + + + + + + +Placeholder + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_placeholder_render.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_placeholder_render.svg index 217b67393b..758823cbd0 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_placeholder_render.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_placeholder_render.svg @@ -19,142 +19,142 @@ font-weight: 700; } - .terminal-4273831210-matrix { + .terminal-626424555-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-4273831210-title { + .terminal-626424555-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-4273831210-r1 { fill: #c5c8c6 } -.terminal-4273831210-r2 { fill: #eae3e5 } -.terminal-4273831210-r3 { fill: #e8e0e7 } -.terminal-4273831210-r4 { fill: #efe9e4 } -.terminal-4273831210-r5 { fill: #ede6e6 } -.terminal-4273831210-r6 { fill: #efeedf } -.terminal-4273831210-r7 { fill: #e9eee5 } -.terminal-4273831210-r8 { fill: #e3e6eb } -.terminal-4273831210-r9 { fill: #dfe9ed;font-weight: bold } -.terminal-4273831210-r10 { fill: #e6e3e9;font-weight: bold } -.terminal-4273831210-r11 { fill: #e4eee8 } -.terminal-4273831210-r12 { fill: #e2edeb;font-weight: bold } -.terminal-4273831210-r13 { fill: #dfebed } + .terminal-626424555-r1 { fill: #c5c8c6 } +.terminal-626424555-r2 { fill: #eae2e4 } +.terminal-626424555-r3 { fill: #e7e0e6 } +.terminal-626424555-r4 { fill: #eee8e3 } +.terminal-626424555-r5 { fill: #ece5e5 } +.terminal-626424555-r6 { fill: #eeeddf } +.terminal-626424555-r7 { fill: #e8ede4 } +.terminal-626424555-r8 { fill: #e2e5eb } +.terminal-626424555-r9 { fill: #dfe8ec;font-weight: bold } +.terminal-626424555-r10 { fill: #e5e2e8;font-weight: bold } +.terminal-626424555-r11 { fill: #e3ede7 } +.terminal-626424555-r12 { fill: #e1eceb;font-weight: bold } +.terminal-626424555-r13 { fill: #dfebec } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - PlaceholderApp + PlaceholderApp - - - - -Placeholder p2 here! -This is a custom label for p1. -#p4 -#p3#p5Placeholde -r - -Lorem ipsum dolor sit  -26 x 6amet, consectetur 27 x 6 -adipiscing elit. Etiam  -feugiat ac elit sit amet  - - -Lorem ipsum dolor sit amet,  -consectetur adipiscing elit. Etiam 40 x 6 -feugiat ac elit sit amet accumsan.  -Suspendisse bibendum nec libero quis  -gravida. Phasellus id eleifend ligula. -Nullam imperdiet sem tellus, sed  -vehicula nisl faucibus sit amet. Lorem ipsum dolor sit amet,  -Praesent iaculis tempor ultricies. Sedconsectetur adipiscing elit. Etiam  -lacinia, tellus id rutrum lacinia, feugiat ac elit sit amet accumsan.  -sapien sapien congue mauris, sit amet Suspendisse bibendum nec libero quis  + + + + +Placeholder p2 here! +This is a custom label for p1. +#p4 +#p3#p5Placeholde +r + +Lorem ipsum dolor sit  +26 x 6amet, consectetur 27 x 6 +adipiscing elit. Etiam  +feugiat ac elit sit amet  + + +Lorem ipsum dolor sit amet,  +consectetur adipiscing elit. Etiam 40 x 6 +feugiat ac elit sit amet accumsan.  +Suspendisse bibendum nec libero quis  +gravida. Phasellus id eleifend ligula. +Nullam imperdiet sem tellus, sed  +vehicula nisl faucibus sit amet. Lorem ipsum dolor sit amet,  +Praesent iaculis tempor ultricies. Sedconsectetur adipiscing elit. Etiam  +lacinia, tellus id rutrum lacinia, feugiat ac elit sit amet accumsan.  +sapien sapien congue mauris, sit amet Suspendisse bibendum nec libero quis  diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_pop_until_active.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_pop_until_active.svg index dcd9341a48..e3f4814c01 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_pop_until_active.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_pop_until_active.svg @@ -19,131 +19,131 @@ font-weight: 700; } - .terminal-989178881-matrix { + .terminal-3528957641-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-989178881-title { + .terminal-3528957641-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-989178881-r1 { fill: #e1e1e1 } -.terminal-989178881-r2 { fill: #c5c8c6 } + .terminal-3528957641-r1 { fill: #e0e0e0 } +.terminal-3528957641-r2 { fill: #c5c8c6 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - PopApp + PopApp - - - - BASE                                                                             - - - - - - - - - - - - - - - - - - - - - - + + + + BASE                                                                             + + + + + + + + + + + + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_pretty_grid_gutter_interaction.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_pretty_grid_gutter_interaction.svg index 7bb8976a31..9a992eb26c 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_pretty_grid_gutter_interaction.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_pretty_grid_gutter_interaction.svg @@ -19,67 +19,65 @@ font-weight: 700; } - .terminal-2341104189-matrix { + .terminal-4157498474-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2341104189-title { + .terminal-4157498474-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2341104189-r1 { fill: #ffdddd;font-weight: bold } -.terminal-2341104189-r2 { fill: #98e024 } -.terminal-2341104189-r3 { fill: #ddeedd } -.terminal-2341104189-r4 { fill: #c5c8c6 } -.terminal-2341104189-r5 { fill: #ddddff } -.terminal-2341104189-r6 { fill: #e1e1e1 } + .terminal-4157498474-r1 { fill: #e0e0e0;font-weight: bold } +.terminal-4157498474-r2 { fill: #98e024 } +.terminal-4157498474-r3 { fill: #e0e0e0 } +.terminal-4157498474-r4 { fill: #c5c8c6 } - + - + - + - + - + - + - + - MyApp + MyApp - - - - ['This is a string that has some chars'] - -This should be 1 cell away from ^ - - - + + + + ['This is a string that has some chars'] + +This should be 1 cell away from ^ + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_print_capture.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_print_capture.svg index 6eb34a464b..249a308ee4 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_print_capture.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_print_capture.svg @@ -19,131 +19,131 @@ font-weight: 700; } - .terminal-3668509556-matrix { + .terminal-1198711517-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3668509556-title { + .terminal-1198711517-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3668509556-r1 { fill: #e1e1e1 } -.terminal-3668509556-r2 { fill: #c5c8c6 } + .terminal-1198711517-r1 { fill: #e0e0e0 } +.terminal-1198711517-r2 { fill: #c5c8c6 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - CaptureApp + CaptureApp - - - - RichLog                                                                        -This will be captured!                                                         - - - - - - - - - - - - - - - - - - - - - + + + + RichLog                                                                        +This will be captured!                                                         + + + + + + + + + + + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_programmatic_disable_button.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_programmatic_disable_button.svg index 163c8a7c33..527b452fe0 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_programmatic_disable_button.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_programmatic_disable_button.svg @@ -19,139 +19,137 @@ font-weight: 700; } - .terminal-3006158794-matrix { + .terminal-1797784123-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3006158794-title { + .terminal-1797784123-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3006158794-r1 { fill: #e1e1e1 } -.terminal-3006158794-r2 { fill: #c5c8c6 } -.terminal-3006158794-r3 { fill: #303336 } -.terminal-3006158794-r4 { fill: #a7a7a7;font-weight: bold } -.terminal-3006158794-r5 { fill: #0f0f0f } -.terminal-3006158794-r6 { fill: #fea62b;font-weight: bold } -.terminal-3006158794-r7 { fill: #a7a9ab } -.terminal-3006158794-r8 { fill: #e2e3e3 } -.terminal-3006158794-r9 { fill: #4c5055 } + .terminal-1797784123-r1 { fill: #e0e0e0 } +.terminal-1797784123-r2 { fill: #c5c8c6 } +.terminal-1797784123-r3 { fill: #1e1e1e } +.terminal-1797784123-r4 { fill: #a2a2a2 } +.terminal-1797784123-r5 { fill: #0f0f0f } +.terminal-1797784123-r6 { fill: #ffa62b;font-weight: bold } +.terminal-1797784123-r7 { fill: #495259 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - ExampleApp + ExampleApp - - - - - - - - - - - - -                        Hover the button then hit space                          -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - Disabled  -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - - - - - - - - - - - space Toggle Button ^p palette + + + + + + + + + + + + +                        Hover the button then hit space                          +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + Disabled  +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + + + + + + + + space Toggle Button                                                ^p palette diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_programmatic_scrollbar_gutter_change.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_programmatic_scrollbar_gutter_change.svg index 9ff3ee6d0d..275361b3e3 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_programmatic_scrollbar_gutter_change.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_programmatic_scrollbar_gutter_change.svg @@ -19,132 +19,131 @@ font-weight: 700; } - .terminal-2268888456-matrix { + .terminal-520318436-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2268888456-title { + .terminal-520318436-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2268888456-r1 { fill: #ffdddd } -.terminal-2268888456-r2 { fill: #c5c8c6 } -.terminal-2268888456-r3 { fill: #e1e1e1 } + .terminal-520318436-r1 { fill: #e0e0e0 } +.terminal-520318436-r2 { fill: #c5c8c6 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - ProgrammaticScrollbarGutterChange + ProgrammaticScrollbarGutterChange - - - - onetwo - - - - - - - - - - - -threefour - - - - - - - - - - + + + + onetwo + + + + + + + + + + + +threefour + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_progress_bar_completed.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_progress_bar_completed.svg index b588551f49..206a9333b2 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_progress_bar_completed.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_progress_bar_completed.svg @@ -19,137 +19,135 @@ font-weight: 700; } - .terminal-2423620987-matrix { + .terminal-2999530042-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2423620987-title { + .terminal-2999530042-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2423620987-r1 { fill: #e1e1e1 } -.terminal-2423620987-r2 { fill: #c5c8c6 } -.terminal-2423620987-r3 { fill: #4ebf71 } -.terminal-2423620987-r4 { fill: #fea62b;font-weight: bold } -.terminal-2423620987-r5 { fill: #a7a9ab } -.terminal-2423620987-r6 { fill: #e2e3e3 } -.terminal-2423620987-r7 { fill: #4c5055 } + .terminal-2999530042-r1 { fill: #e0e0e0 } +.terminal-2999530042-r2 { fill: #c5c8c6 } +.terminal-2999530042-r3 { fill: #4ebf71 } +.terminal-2999530042-r4 { fill: #ffa62b;font-weight: bold } +.terminal-2999530042-r5 { fill: #495259 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - IndeterminateProgressBar + IndeterminateProgressBar - - - - - - - - - - - - - - -━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━100%--:--:--                  - - - - - - - - - - - - s Start ^p palette + + + + + + + + + + + + + + +━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━100%--:--:--                  + + + + + + + + + + + + s Start                                                            ^p palette diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_progress_bar_completed_styled.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_progress_bar_completed_styled.svg index 4c0eec9b26..e8f531b699 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_progress_bar_completed_styled.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_progress_bar_completed_styled.svg @@ -19,139 +19,137 @@ font-weight: 700; } - .terminal-3531788596-matrix { + .terminal-1985444929-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3531788596-title { + .terminal-1985444929-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3531788596-r1 { fill: #e1e1e1 } -.terminal-3531788596-r2 { fill: #c5c8c6 } -.terminal-3531788596-r3 { fill: #b93c5b } -.terminal-3531788596-r4 { fill: #1e1e1e } -.terminal-3531788596-r5 { fill: #e1e1e1;text-decoration: underline; } -.terminal-3531788596-r6 { fill: #fea62b;font-weight: bold } -.terminal-3531788596-r7 { fill: #a7a9ab } -.terminal-3531788596-r8 { fill: #e2e3e3 } -.terminal-3531788596-r9 { fill: #4c5055 } + .terminal-1985444929-r1 { fill: #e0e0e0 } +.terminal-1985444929-r2 { fill: #c5c8c6 } +.terminal-1985444929-r3 { fill: #b93c5b } +.terminal-1985444929-r4 { fill: #121212 } +.terminal-1985444929-r5 { fill: #e0e0e0;text-decoration: underline; } +.terminal-1985444929-r6 { fill: #ffa62b;font-weight: bold } +.terminal-1985444929-r7 { fill: #495259 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - StyledProgressBar + StyledProgressBar - - - - - - - - - - - - - - -━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━100%--:--:-- - - - - - - - - - - - - s Start ^p palette + + + + + + + + + + + + + + +━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━100%--:--:-- + + + + + + + + + + + + s Start                                                            ^p palette diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_progress_bar_halfway.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_progress_bar_halfway.svg index dc64e1c54b..18e803d004 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_progress_bar_halfway.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_progress_bar_halfway.svg @@ -19,138 +19,136 @@ font-weight: 700; } - .terminal-1670957162-matrix { + .terminal-2245489755-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1670957162-title { + .terminal-2245489755-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1670957162-r1 { fill: #e1e1e1 } -.terminal-1670957162-r2 { fill: #c5c8c6 } -.terminal-1670957162-r3 { fill: #fea62b } -.terminal-1670957162-r4 { fill: #323232 } -.terminal-1670957162-r5 { fill: #fea62b;font-weight: bold } -.terminal-1670957162-r6 { fill: #a7a9ab } -.terminal-1670957162-r7 { fill: #e2e3e3 } -.terminal-1670957162-r8 { fill: #4c5055 } + .terminal-2245489755-r1 { fill: #e0e0e0 } +.terminal-2245489755-r2 { fill: #c5c8c6 } +.terminal-2245489755-r3 { fill: #0178d4 } +.terminal-2245489755-r4 { fill: #1e1e1e } +.terminal-2245489755-r5 { fill: #ffa62b;font-weight: bold } +.terminal-2245489755-r6 { fill: #495259 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - IndeterminateProgressBar + IndeterminateProgressBar - - - - - - - - - - - - - - -━━━━━━━━━━━━╺━━━━━━━━━━━━━━━━━━━39%00:00:07                  - - - - - - - - - - - - s Start ^p palette + + + + + + + + + + + + + + +━━━━━━━━━━━━╺━━━━━━━━━━━━━━━━━━━39%00:00:07                  + + + + + + + + + + + + s Start                                                            ^p palette diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_progress_bar_halfway_styled.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_progress_bar_halfway_styled.svg index e4484c8531..4534a714f3 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_progress_bar_halfway_styled.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_progress_bar_halfway_styled.svg @@ -19,140 +19,138 @@ font-weight: 700; } - .terminal-2950042444-matrix { + .terminal-1937948274-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2950042444-title { + .terminal-1937948274-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2950042444-r1 { fill: #e1e1e1 } -.terminal-2950042444-r2 { fill: #c5c8c6 } -.terminal-2950042444-r3 { fill: #004578 } -.terminal-2950042444-r4 { fill: #152939 } -.terminal-2950042444-r5 { fill: #1e1e1e } -.terminal-2950042444-r6 { fill: #e1e1e1;text-decoration: underline; } -.terminal-2950042444-r7 { fill: #fea62b;font-weight: bold } -.terminal-2950042444-r8 { fill: #a7a9ab } -.terminal-2950042444-r9 { fill: #e2e3e3 } -.terminal-2950042444-r10 { fill: #4c5055 } + .terminal-1937948274-r1 { fill: #e0e0e0 } +.terminal-1937948274-r2 { fill: #c5c8c6 } +.terminal-1937948274-r3 { fill: #0178d4 } +.terminal-1937948274-r4 { fill: #0c304c } +.terminal-1937948274-r5 { fill: #121212 } +.terminal-1937948274-r6 { fill: #e0e0e0;text-decoration: underline; } +.terminal-1937948274-r7 { fill: #ffa62b;font-weight: bold } +.terminal-1937948274-r8 { fill: #495259 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - StyledProgressBar + StyledProgressBar - - - - - - - - - - - - - - -━━━━━━━━━━━━╺━━━━━━━━━━━━━━━━━━━39%00:00:07 - - - - - - - - - - - - s Start ^p palette + + + + + + + + + + + + + + +━━━━━━━━━━━━╺━━━━━━━━━━━━━━━━━━━39%00:00:07 + + + + + + + + + + + + s Start                                                            ^p palette diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_progress_bar_indeterminate.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_progress_bar_indeterminate.svg index 8b17a0fb28..570c77a4a9 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_progress_bar_indeterminate.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_progress_bar_indeterminate.svg @@ -19,138 +19,136 @@ font-weight: 700; } - .terminal-2115111579-matrix { + .terminal-312588119-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2115111579-title { + .terminal-312588119-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2115111579-r1 { fill: #e1e1e1 } -.terminal-2115111579-r2 { fill: #c5c8c6 } -.terminal-2115111579-r3 { fill: #323232 } -.terminal-2115111579-r4 { fill: #b93c5b } -.terminal-2115111579-r5 { fill: #fea62b;font-weight: bold } -.terminal-2115111579-r6 { fill: #a7a9ab } -.terminal-2115111579-r7 { fill: #e2e3e3 } -.terminal-2115111579-r8 { fill: #4c5055 } + .terminal-312588119-r1 { fill: #e0e0e0 } +.terminal-312588119-r2 { fill: #c5c8c6 } +.terminal-312588119-r3 { fill: #1e1e1e } +.terminal-312588119-r4 { fill: #b93c5b } +.terminal-312588119-r5 { fill: #ffa62b;font-weight: bold } +.terminal-312588119-r6 { fill: #495259 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - IndeterminateProgressBar + IndeterminateProgressBar - - - - - - - - - - - - - - -━╸━━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━--%--:--:--                  - - - - - - - - - - - - s Start ^p palette + + + + + + + + + + + + + + +━╸━━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━--%--:--:--                  + + + + + + + + + + + + s Start                                                            ^p palette diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_progress_bar_indeterminate_styled.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_progress_bar_indeterminate_styled.svg index 8c49409c7d..6106da5ae6 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_progress_bar_indeterminate_styled.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_progress_bar_indeterminate_styled.svg @@ -19,140 +19,138 @@ font-weight: 700; } - .terminal-3855636520-matrix { + .terminal-758513704-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3855636520-title { + .terminal-758513704-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3855636520-r1 { fill: #e1e1e1 } -.terminal-3855636520-r2 { fill: #c5c8c6 } -.terminal-3855636520-r3 { fill: #fea62b } -.terminal-3855636520-r4 { fill: #004578 } -.terminal-3855636520-r5 { fill: #1e1e1e } -.terminal-3855636520-r6 { fill: #e1e1e1;text-decoration: underline; } -.terminal-3855636520-r7 { fill: #fea62b;font-weight: bold } -.terminal-3855636520-r8 { fill: #a7a9ab } -.terminal-3855636520-r9 { fill: #e2e3e3 } -.terminal-3855636520-r10 { fill: #4c5055 } + .terminal-758513704-r1 { fill: #e0e0e0 } +.terminal-758513704-r2 { fill: #c5c8c6 } +.terminal-758513704-r3 { fill: #004578 } +.terminal-758513704-r4 { fill: #0178d4 } +.terminal-758513704-r5 { fill: #121212 } +.terminal-758513704-r6 { fill: #e0e0e0;text-decoration: underline; } +.terminal-758513704-r7 { fill: #ffa62b;font-weight: bold } +.terminal-758513704-r8 { fill: #495259 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - StyledProgressBar + StyledProgressBar - - - - - - - - - - - - - - -━╸━━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━--%--:--:-- - - - - - - - - - - - - s Start ^p palette + + + + + + + + + + + + + + +━╸━━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━--%--:--:-- + + + + + + + + + + + + s Start                                                            ^p palette diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_progress_gradient.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_progress_gradient.svg index 9d53e59bf7..4eaf7a9698 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_progress_gradient.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_progress_gradient.svg @@ -19,148 +19,148 @@ font-weight: 700; } - .terminal-1113911122-matrix { + .terminal-3586119701-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1113911122-title { + .terminal-3586119701-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1113911122-r1 { fill: #5edd77 } -.terminal-1113911122-r2 { fill: #7ddd64 } -.terminal-1113911122-r3 { fill: #9bdd50 } -.terminal-1113911122-r4 { fill: #b9dd33 } -.terminal-1113911122-r5 { fill: #d7dd15 } -.terminal-1113911122-r6 { fill: #ecd508 } -.terminal-1113911122-r7 { fill: #eebd1e } -.terminal-1113911122-r8 { fill: #eea536 } -.terminal-1113911122-r9 { fill: #e89048 } -.terminal-1113911122-r10 { fill: #db7d55 } -.terminal-1113911122-r11 { fill: #cf6c61 } -.terminal-1113911122-r12 { fill: #c45961 } -.terminal-1113911122-r13 { fill: #b7475b } -.terminal-1113911122-r14 { fill: #ab3657 } -.terminal-1113911122-r15 { fill: #9f285e } -.terminal-1113911122-r16 { fill: #931c6a } -.terminal-1113911122-r17 { fill: #323232 } -.terminal-1113911122-r18 { fill: #c5c8c6 } -.terminal-1113911122-r19 { fill: #e1e1e1 } + .terminal-3586119701-r1 { fill: #5edd77 } +.terminal-3586119701-r2 { fill: #7ddd64 } +.terminal-3586119701-r3 { fill: #9bdd50 } +.terminal-3586119701-r4 { fill: #b9dd33 } +.terminal-3586119701-r5 { fill: #d7dd15 } +.terminal-3586119701-r6 { fill: #ecd508 } +.terminal-3586119701-r7 { fill: #eebd1e } +.terminal-3586119701-r8 { fill: #eea536 } +.terminal-3586119701-r9 { fill: #e89048 } +.terminal-3586119701-r10 { fill: #db7d55 } +.terminal-3586119701-r11 { fill: #cf6c61 } +.terminal-3586119701-r12 { fill: #c45961 } +.terminal-3586119701-r13 { fill: #b7475b } +.terminal-3586119701-r14 { fill: #ab3657 } +.terminal-3586119701-r15 { fill: #9f285e } +.terminal-3586119701-r16 { fill: #931c6a } +.terminal-3586119701-r17 { fill: #1e1e1e } +.terminal-3586119701-r18 { fill: #c5c8c6 } +.terminal-3586119701-r19 { fill: #e0e0e0 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - ProgressApp + ProgressApp - - - - ╺━━━━━━━━━━━━━━━50%--:--:--                                   - - - - - - - - - - - - - - - - - - - - - - + + + + ╺━━━━━━━━━━━━━━━50%--:--:--                                   + + + + + + + + + + + + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_pseudo_classes.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_pseudo_classes.svg index 013fc91c3f..84e23bda48 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_pseudo_classes.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_pseudo_classes.svg @@ -19,135 +19,134 @@ font-weight: 700; } - .terminal-3002484098-matrix { + .terminal-2934193205-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3002484098-title { + .terminal-2934193205-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3002484098-r1 { fill: #ff0000 } -.terminal-3002484098-r2 { fill: #c5c8c6 } -.terminal-3002484098-r3 { fill: #e2e5e3 } -.terminal-3002484098-r4 { fill: #e5e2e3 } -.terminal-3002484098-r5 { fill: #008000 } + .terminal-2934193205-r1 { fill: #ff0000 } +.terminal-2934193205-r2 { fill: #c5c8c6 } +.terminal-2934193205-r3 { fill: #e0e0e0 } +.terminal-2934193205-r4 { fill: #008000 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - PSApp + PSApp - - - - ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓ -Item 1 - -┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛ -Item 2 - - - -Item 3 - - - -Item 4 - - - -Item 5 - - - -┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓ -HELLO - -┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛ + + + + ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓ +Item 1 + +┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛ +Item 2 + + + +Item 3 + + + +Item 4 + + + +Item 5 + + + +┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓ +HELLO + +┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛ diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_push_screen_on_mount.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_push_screen_on_mount.svg index cabf9efab1..51bc6f545b 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_push_screen_on_mount.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_push_screen_on_mount.svg @@ -19,134 +19,133 @@ font-weight: 700; } - .terminal-1216306192-matrix { + .terminal-1728734215-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1216306192-title { + .terminal-1728734215-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1216306192-r1 { fill: #646464 } -.terminal-1216306192-r2 { fill: #c5c8c6 } -.terminal-1216306192-r3 { fill: #033a63 } -.terminal-1216306192-r4 { fill: #e1e1e1 } -.terminal-1216306192-r5 { fill: #e0e0e0 } + .terminal-1728734215-r1 { fill: #646464 } +.terminal-1728734215-r2 { fill: #c5c8c6 } +.terminal-1728734215-r3 { fill: #0463ad } +.terminal-1728734215-r4 { fill: #e0e0e0 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - MyApp + MyApp - - - - - - - - - -█▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀█ - - - - -Hello WorlAre you sure you want to quit? - - - - -█▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄█ - - - - - - + + + + + + + + + +█▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀█ + + + + +Hello WorlAre you sure you want to quit? + + + + +█▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄█ + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_quickly_change_tabs.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_quickly_change_tabs.svg index ee81072079..0df2438b4b 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_quickly_change_tabs.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_quickly_change_tabs.svg @@ -19,135 +19,135 @@ font-weight: 700; } - .terminal-1240162166-matrix { + .terminal-2740269447-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1240162166-title { + .terminal-2740269447-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1240162166-r1 { fill: #c5c8c6 } -.terminal-1240162166-r2 { fill: #e1e1e1 } -.terminal-1240162166-r3 { fill: #737373 } -.terminal-1240162166-r4 { fill: #e1e1e1;font-weight: bold } -.terminal-1240162166-r5 { fill: #474747 } -.terminal-1240162166-r6 { fill: #0178d4 } + .terminal-2740269447-r1 { fill: #e0e0e0 } +.terminal-2740269447-r2 { fill: #c5c8c6 } +.terminal-2740269447-r3 { fill: #797979 } +.terminal-2740269447-r4 { fill: #ddedf9;font-weight: bold } +.terminal-2740269447-r5 { fill: #4f4f4f } +.terminal-2740269447-r6 { fill: #0178d4 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - QuicklyChangeTabsApp + QuicklyChangeTabsApp - - - - -onetwothree -━━━━━━━━━━━━━╸━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - -three                                                                        - - - - - - - - - - - - - - - - - - + + + + onetwothree +━━━━━━━━━━━━━╸━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ +three                                                                            + + + + + + + + + + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_radio_button_example.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_radio_button_example.svg index 0be9cda091..d18852fdb5 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_radio_button_example.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_radio_button_example.svg @@ -19,139 +19,138 @@ font-weight: 700; } - .terminal-181279662-matrix { + .terminal-3334301581-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-181279662-title { + .terminal-3334301581-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-181279662-r1 { fill: #e1e1e1 } -.terminal-181279662-r2 { fill: #c5c8c6 } -.terminal-181279662-r3 { fill: #1e1e1e } -.terminal-181279662-r4 { fill: #0178d4 } -.terminal-181279662-r5 { fill: #575757 } -.terminal-181279662-r6 { fill: #262626;font-weight: bold } -.terminal-181279662-r7 { fill: #e2e2e2 } -.terminal-181279662-r8 { fill: #e2e2e2;text-decoration: underline; } -.terminal-181279662-r9 { fill: #434343 } -.terminal-181279662-r10 { fill: #4ebf71;font-weight: bold } + .terminal-3334301581-r1 { fill: #e0e0e0 } +.terminal-3334301581-r2 { fill: #c5c8c6 } +.terminal-3334301581-r3 { fill: #121212 } +.terminal-3334301581-r4 { fill: #0178d4 } +.terminal-3334301581-r5 { fill: #343f49;font-weight: bold } +.terminal-3334301581-r6 { fill: #1e1e1e;font-weight: bold } +.terminal-3334301581-r7 { fill: #ddedf9;font-weight: bold } +.terminal-3334301581-r8 { fill: #343f49 } +.terminal-3334301581-r9 { fill: #4ebf71;font-weight: bold } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - RadioChoicesApp + RadioChoicesApp - - - - - - - - - -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -Battlestar Galactica - Dune 1984 - Dune 2021 - Serenity - Star Trek: The Motion Picture - Star Wars: A New Hope - The Last Starfighter - Total Recall 👉 🔴 - Wing Commander -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - - - - - - + + + + + + + + + +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + Battlestar Galactica + Dune 1984                        + Dune 2021                        + Serenity                         + Star Trek: The Motion Picture    + Star Wars: A New Hope            + The Last Starfighter             + Total Recall 👉 🔴               + Wing Commander                   +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_radio_set_example.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_radio_set_example.svg index 94250e9eef..4fcbba69b6 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_radio_set_example.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_radio_set_example.svg @@ -19,140 +19,141 @@ font-weight: 700; } - .terminal-39850680-matrix { + .terminal-2553654879-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-39850680-title { + .terminal-2553654879-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-39850680-r1 { fill: #e1e1e1 } -.terminal-39850680-r2 { fill: #c5c8c6 } -.terminal-39850680-r3 { fill: #1e1e1e } -.terminal-39850680-r4 { fill: #0178d4 } -.terminal-39850680-r5 { fill: #575757 } -.terminal-39850680-r6 { fill: #262626;font-weight: bold } -.terminal-39850680-r7 { fill: #e2e2e2 } -.terminal-39850680-r8 { fill: #e2e2e2;text-decoration: underline; } -.terminal-39850680-r9 { fill: #434343 } -.terminal-39850680-r10 { fill: #4ebf71;font-weight: bold } -.terminal-39850680-r11 { fill: #f4005f;font-weight: bold;font-style: italic; } + .terminal-2553654879-r1 { fill: #e0e0e0 } +.terminal-2553654879-r2 { fill: #c5c8c6 } +.terminal-2553654879-r3 { fill: #121212 } +.terminal-2553654879-r4 { fill: #0178d4 } +.terminal-2553654879-r5 { fill: #191919 } +.terminal-2553654879-r6 { fill: #343f49;font-weight: bold } +.terminal-2553654879-r7 { fill: #1e1e1e;font-weight: bold } +.terminal-2553654879-r8 { fill: #ddedf9;font-weight: bold } +.terminal-2553654879-r9 { fill: #242f38 } +.terminal-2553654879-r10 { fill: #343f49 } +.terminal-2553654879-r11 { fill: #4ebf71;font-weight: bold } +.terminal-2553654879-r12 { fill: #f4005f;font-weight: bold;font-style: italic; } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - RadioChoicesApp + RadioChoicesApp - - - - - - - - - -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -Battlestar Galactica Amanda - Dune 1984 Connor MacLeod - Dune 2021 Duncan MacLeod - Serenity Heather MacLeod - Star Trek: The Motion Pictur Joe Dawson - Star Wars: A New Hope Kurgan, The - The Last Starfighter Methos - Total Recall 👉 🔴 Rachel Ellenstein - Wing Commander Ramírez -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - - - - - - + + + + + + + + + +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + Battlestar Galactica Amanda + Dune 1984                    Connor MacLeod               + Dune 2021                    Duncan MacLeod               + Serenity                     Heather MacLeod              + Star Trek: The Motion Pictur Joe Dawson                   + Star Wars: A New Hope        Kurgan, The + The Last Starfighter         Methos                       + Total Recall 👉 🔴           Rachel Ellenstein            + Wing Commander               Ramírez                      +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_radio_set_is_scrollable.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_radio_set_is_scrollable.svg index 7ae6c2fffc..540fb13124 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_radio_set_is_scrollable.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_radio_set_is_scrollable.svg @@ -19,139 +19,138 @@ font-weight: 700; } - .terminal-2553487815-matrix { + .terminal-1023566500-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2553487815-title { + .terminal-1023566500-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2553487815-r1 { fill: #1e1e1e } -.terminal-2553487815-r2 { fill: #0178d4 } -.terminal-2553487815-r3 { fill: #e1e1e1 } -.terminal-2553487815-r4 { fill: #c5c8c6 } -.terminal-2553487815-r5 { fill: #434343 } -.terminal-2553487815-r6 { fill: #262626;font-weight: bold } -.terminal-2553487815-r7 { fill: #e2e2e2 } -.terminal-2553487815-r8 { fill: #575757 } -.terminal-2553487815-r9 { fill: #e2e2e2;text-decoration: underline; } -.terminal-2553487815-r10 { fill: #262626 } + .terminal-1023566500-r1 { fill: #121212 } +.terminal-1023566500-r2 { fill: #0178d4 } +.terminal-1023566500-r3 { fill: #e0e0e0 } +.terminal-1023566500-r4 { fill: #c5c8c6 } +.terminal-1023566500-r5 { fill: #343f49 } +.terminal-1023566500-r6 { fill: #1e1e1e;font-weight: bold } +.terminal-1023566500-r7 { fill: #343f49;font-weight: bold } +.terminal-1023566500-r8 { fill: #ddedf9;font-weight: bold } +.terminal-1023566500-r9 { fill: #272727 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - RadioSetApp + RadioSetApp - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - This is option #7 - This is option #8 -This is option #9 -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - - - - - - - - - - - - - - - - - - + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + This is option #7 + This is option #8 + This is option #9 +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + + + + + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_recompose.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_recompose.svg index 6b3f7a1094..d5a2e3eec2 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_recompose.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_recompose.svg @@ -19,134 +19,134 @@ font-weight: 700; } - .terminal-3827288185-matrix { + .terminal-1246667487-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3827288185-title { + .terminal-1246667487-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3827288185-r1 { fill: #ff0000 } -.terminal-3827288185-r2 { fill: #c5c8c6 } -.terminal-3827288185-r3 { fill: #e1e1e1 } -.terminal-3827288185-r4 { fill: #fea62b } -.terminal-3827288185-r5 { fill: #323232 } + .terminal-1246667487-r1 { fill: #ff0000 } +.terminal-1246667487-r2 { fill: #c5c8c6 } +.terminal-1246667487-r3 { fill: #e0e0e0 } +.terminal-1246667487-r4 { fill: #0178d4 } +.terminal-1246667487-r5 { fill: #1e1e1e } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - RecomposeApp + RecomposeApp - - - - ┌─────────┐┌─────────┐┌──────────┐┌─────────┐┌──────────┐┌─────────┐┌──────────┐ -╶╮ ╭─╮   ││╶╮ ╶╮    ││╶╮ ╶─╮    ││╶╮ ╶─╮   ││╶╮ ╷ ╷    ││╶╮ ╭─╴   ││╶╮ ╭─╴     - │ │ │   ││ │  │    ││ │ ┌─┘    ││ │  ─┤   ││ │ ╰─┤    ││ │ ╰─╮   ││ │ ├─╮     -╶┴╴╰─╯   ││╶┴╴╶┴╴   ││╶┴╴╰─╴    ││╶┴╴╶─╯   ││╶┴╴  ╵    ││╶┴╴╶─╯   ││╶┴╴╰─╯     -└─────────┘└─────────┘└──────────┘└─────────┘└──────────┘└─────────┘└──────────┘ - - - - - - - -━━━━━━━━━━━━━━━━╺━━━━━━━━━━━━━━━50%                                            - - - - - - - - - - + + + + ┌─────────┐┌─────────┐┌──────────┐┌─────────┐┌──────────┐┌─────────┐┌──────────┐ +╶╮ ╭─╮   ││╶╮ ╶╮    ││╶╮ ╶─╮    ││╶╮ ╶─╮   ││╶╮ ╷ ╷    ││╶╮ ╭─╴   ││╶╮ ╭─╴     + │ │ │   ││ │  │    ││ │ ┌─┘    ││ │  ─┤   ││ │ ╰─┤    ││ │ ╰─╮   ││ │ ├─╮     +╶┴╴╰─╯   ││╶┴╴╶┴╴   ││╶┴╴╰─╴    ││╶┴╴╶─╯   ││╶┴╴  ╵    ││╶┴╴╶─╯   ││╶┴╴╰─╯     +└─────────┘└─────────┘└──────────┘└─────────┘└──────────┘└─────────┘└──────────┘ + + + + + + + +━━━━━━━━━━━━━━━━╺━━━━━━━━━━━━━━━50%                                            + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_recompose_in_mount.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_recompose_in_mount.svg index a9151f9d6c..2d63c1031d 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_recompose_in_mount.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_recompose_in_mount.svg @@ -19,144 +19,140 @@ font-weight: 700; } - .terminal-2013876957-matrix { + .terminal-2689008839-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2013876957-title { + .terminal-2689008839-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2013876957-r1 { fill: #c5c8c6 } -.terminal-2013876957-r2 { fill: #e3e3e3 } -.terminal-2013876957-r3 { fill: #e1e1e1 } -.terminal-2013876957-r4 { fill: #1e1e1e } -.terminal-2013876957-r5 { fill: #0178d4 } -.terminal-2013876957-r6 { fill: #575757 } -.terminal-2013876957-r7 { fill: #262626;font-weight: bold } -.terminal-2013876957-r8 { fill: #e2e2e2 } -.terminal-2013876957-r9 { fill: #e2e2e2;text-decoration: underline; } -.terminal-2013876957-r10 { fill: #434343 } -.terminal-2013876957-r11 { fill: #e2e3e3 } -.terminal-2013876957-r12 { fill: #4c5055 } -.terminal-2013876957-r13 { fill: #fea62b;font-weight: bold } -.terminal-2013876957-r14 { fill: #a7a9ab } + .terminal-2689008839-r1 { fill: #c5c8c6 } +.terminal-2689008839-r2 { fill: #e0e0e0 } +.terminal-2689008839-r3 { fill: #121212 } +.terminal-2689008839-r4 { fill: #0178d4 } +.terminal-2689008839-r5 { fill: #343f49;font-weight: bold } +.terminal-2689008839-r6 { fill: #1e1e1e;font-weight: bold } +.terminal-2689008839-r7 { fill: #ddedf9;font-weight: bold } +.terminal-2689008839-r8 { fill: #343f49 } +.terminal-2689008839-r9 { fill: #495259 } +.terminal-2689008839-r10 { fill: #ffa62b;font-weight: bold } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - ForecastApp + ForecastApp - - - - ForecastApp - Profile  -▔▔▔▔▔▔▔▔▔▔ -Foo - Bar -▁▁▁▁▁▁▁▁▁▁ - - - - - - - - - - - - - - - - - -^p palette + + + + ForecastApp + Profile  +▔▔▔▔▔▔▔▔▔ + Foo + Bar +▁▁▁▁▁▁▁▁▁ + + + + + + + + + + + + + + + + + +^p palette diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_remove_tab_no_animation.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_remove_tab_no_animation.svg index 5a932b3641..d3032a142e 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_remove_tab_no_animation.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_remove_tab_no_animation.svg @@ -19,135 +19,135 @@ font-weight: 700; } - .terminal-1278762144-matrix { + .terminal-1216949937-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1278762144-title { + .terminal-1216949937-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1278762144-r1 { fill: #c5c8c6 } -.terminal-1278762144-r2 { fill: #e1e1e1 } -.terminal-1278762144-r3 { fill: #e1e1e1;font-weight: bold } -.terminal-1278762144-r4 { fill: #737373 } -.terminal-1278762144-r5 { fill: #474747 } -.terminal-1278762144-r6 { fill: #0178d4 } + .terminal-1216949937-r1 { fill: #e0e0e0 } +.terminal-1216949937-r2 { fill: #c5c8c6 } +.terminal-1216949937-r3 { fill: #ddedf9;font-weight: bold } +.terminal-1216949937-r4 { fill: #797979 } +.terminal-1216949937-r5 { fill: #4f4f4f } +.terminal-1216949937-r6 { fill: #0178d4 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - ReproApp + ReproApp - - - - -bar22baz333qux4444 -━╸━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - -bar contents                                                                 - - - - - - - - - - - - - - - - - - + + + + bar22baz333qux4444 +━╸━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ +bar contents                                                                     + + + + + + + + + + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_remove_with_auto_height.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_remove_with_auto_height.svg index d779a4e655..c14be0a8eb 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_remove_with_auto_height.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_remove_with_auto_height.svg @@ -19,139 +19,136 @@ font-weight: 700; } - .terminal-3243162491-matrix { + .terminal-3698026909-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3243162491-title { + .terminal-3698026909-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3243162491-r1 { fill: #c5c8c6 } -.terminal-3243162491-r2 { fill: #e3e3e3 } -.terminal-3243162491-r3 { fill: #008000 } -.terminal-3243162491-r4 { fill: #ffff00 } -.terminal-3243162491-r5 { fill: #e1e1e1 } -.terminal-3243162491-r6 { fill: #fea62b;font-weight: bold } -.terminal-3243162491-r7 { fill: #a7a9ab } -.terminal-3243162491-r8 { fill: #e2e3e3 } -.terminal-3243162491-r9 { fill: #4c5055 } + .terminal-3698026909-r1 { fill: #c5c8c6 } +.terminal-3698026909-r2 { fill: #e0e0e0 } +.terminal-3698026909-r3 { fill: #008000 } +.terminal-3698026909-r4 { fill: #ffff00 } +.terminal-3698026909-r5 { fill: #ffa62b;font-weight: bold } +.terminal-3698026909-r6 { fill: #495259 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - VerticalRemoveApp + VerticalRemoveApp - - - - VerticalRemoveApp -╭──────────────────────────────────────────────────────────────────────────────╮ -╭────────────────────╮ -│This is a test label│ -╰────────────────────╯ -╰──────────────────────────────────────────────────────────────────────────────╯ - - - - - - - - - - - - - - - - - - a Add  d Delete ^p palette + + + + VerticalRemoveApp +╭──────────────────────────────────────────────────────────────────────────────╮ +╭────────────────────╮ +│This is a test label│ +╰────────────────────╯ +╰──────────────────────────────────────────────────────────────────────────────╯ + + + + + + + + + + + + + + + + + + a Add  d Delete                                                    ^p palette diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_richlog_deferred_render_expand.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_richlog_deferred_render_expand.svg index 1bab01e664..315371766b 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_richlog_deferred_render_expand.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_richlog_deferred_render_expand.svg @@ -19,59 +19,59 @@ font-weight: 700; } - .terminal-2426033061-matrix { + .terminal-855985135-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2426033061-title { + .terminal-855985135-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2426033061-r1 { fill: #e1e1e1 } -.terminal-2426033061-r2 { fill: #c5c8c6 } + .terminal-855985135-r1 { fill: #e0e0e0 } +.terminal-855985135-r2 { fill: #c5c8c6 } - + - + - + - + - + - + - RichLogExpand + RichLogExpand - - - -         0123456789 - - - - + + + +         0123456789 + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_richlog_deferred_render_no_expand.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_richlog_deferred_render_no_expand.svg index 5bd46a742f..15e4baaf9c 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_richlog_deferred_render_no_expand.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_richlog_deferred_render_no_expand.svg @@ -19,59 +19,59 @@ font-weight: 700; } - .terminal-2466093061-matrix { + .terminal-3787558877-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2466093061-title { + .terminal-3787558877-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2466093061-r1 { fill: #e1e1e1 } -.terminal-2466093061-r2 { fill: #c5c8c6 } + .terminal-3787558877-r1 { fill: #e0e0e0 } +.terminal-3787558877-r2 { fill: #c5c8c6 } - + - + - + - + - + - + - RichLogNoExpand + RichLogNoExpand - - - - 0123456789 - - - - + + + + 0123456789 + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_richlog_highlight.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_richlog_highlight.svg index 555ae3a224..5b8f9a7c4c 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_richlog_highlight.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_richlog_highlight.svg @@ -19,52 +19,52 @@ font-weight: 700; } - .terminal-843457182-matrix { + .terminal-1272454112-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-843457182-title { + .terminal-1272454112-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-843457182-r1 { fill: #f4005f;font-weight: bold } -.terminal-843457182-r2 { fill: #ff0000;font-weight: bold } -.terminal-843457182-r3 { fill: #98e024 } -.terminal-843457182-r4 { fill: #ff0000 } -.terminal-843457182-r5 { fill: #fd971f } -.terminal-843457182-r6 { fill: #58d1eb;font-weight: bold } -.terminal-843457182-r7 { fill: #c5c8c6 } + .terminal-1272454112-r1 { fill: #f4005f;font-weight: bold } +.terminal-1272454112-r2 { fill: #ff0000;font-weight: bold } +.terminal-1272454112-r3 { fill: #98e024 } +.terminal-1272454112-r4 { fill: #ff0000 } +.terminal-1272454112-r5 { fill: #fd971f } +.terminal-1272454112-r6 { fill: #58d1eb;font-weight: bold } +.terminal-1272454112-r7 { fill: #c5c8c6 } - + - + - + - RichLogHighlight + RichLogHighlight - - - - Foo('bar'x=1y=[123]) - + + + + Foo('bar'x=1y=[123]) + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_richlog_markup.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_richlog_markup.svg index bdcefaa652..dd50743d0b 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_richlog_markup.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_richlog_markup.svg @@ -19,60 +19,60 @@ font-weight: 700; } - .terminal-1022802050-matrix { + .terminal-1457827936-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1022802050-title { + .terminal-1457827936-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1022802050-r1 { fill: #1a1a1a;text-decoration: underline; } -.terminal-1022802050-r2 { fill: #e1e1e1 } -.terminal-1022802050-r3 { fill: #c5c8c6 } + .terminal-1457827936-r1 { fill: #1a1a1a;text-decoration: underline; } +.terminal-1457827936-r2 { fill: #e0e0e0 } +.terminal-1457827936-r3 { fill: #c5c8c6 } - + - + - + - + - + - + - RichLogWidth + RichLogWidth - - - - black text on red, underlined -normal text, no markup                   - - - + + + + black text on red, underlined +normal text, no markup                   + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_richlog_max_lines.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_richlog_max_lines.svg index 45946c7a20..45b3c04d23 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_richlog_max_lines.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_richlog_max_lines.svg @@ -19,131 +19,131 @@ font-weight: 700; } - .terminal-2800944241-matrix { + .terminal-3266372570-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2800944241-title { + .terminal-3266372570-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2800944241-r1 { fill: #e1e1e1 } -.terminal-2800944241-r2 { fill: #c5c8c6 } + .terminal-3266372570-r1 { fill: #e0e0e0 } +.terminal-3266372570-r2 { fill: #c5c8c6 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - RichLogLines + RichLogLines - - - - Key press #3                                                                   -Key press #4                                                                   -Key press #5                                                                   - - - - - - - - - - - - - - - - - - - - + + + + Key press #3                                                                   +Key press #4                                                                   +Key press #5                                                                   + + + + + + + + + + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_richlog_min_width.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_richlog_min_width.svg index 87fd20103c..a636fc4722 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_richlog_min_width.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_richlog_min_width.svg @@ -19,62 +19,62 @@ font-weight: 700; } - .terminal-2035679548-matrix { + .terminal-4098291527-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2035679548-title { + .terminal-4098291527-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2035679548-r1 { fill: #e1e1e1 } -.terminal-2035679548-r2 { fill: #c5c8c6 } -.terminal-2035679548-r3 { fill: #1e1e1e } -.terminal-2035679548-r4 { fill: #23568b } + .terminal-4098291527-r1 { fill: #e0e0e0 } +.terminal-4098291527-r2 { fill: #c5c8c6 } +.terminal-4098291527-r3 { fill: #272727 } +.terminal-4098291527-r4 { fill: #242f38 } - + - + - + - + - + - + - RichLogMinWidth20 + RichLogMinWidth20 - - - -           01234567 - - - - - + + + +           01234567 + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_richlog_scroll.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_richlog_scroll.svg index 7e0f3777b2..1f3bcabde9 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_richlog_scroll.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_richlog_scroll.svg @@ -19,132 +19,133 @@ font-weight: 700; } - .terminal-149786593-matrix { + .terminal-1063415905-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-149786593-title { + .terminal-1063415905-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-149786593-r1 { fill: #e1e1e1 } -.terminal-149786593-r2 { fill: #1e1e1e } -.terminal-149786593-r3 { fill: #c5c8c6 } + .terminal-1063415905-r1 { fill: #e0e0e0 } +.terminal-1063415905-r2 { fill: #272727 } +.terminal-1063415905-r3 { fill: #1e1e1e } +.terminal-1063415905-r4 { fill: #c5c8c6 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - RichLogScrollApp + RichLogScrollApp - - - - Line 0                  Line 10                  Line 0                    -Line 1                  Line 11                  Line 1                    -Line 2                  Line 12                  Line 2                    -Line 3                  Line 13                  Line 3                    -Line 4                  Line 14                  Line 4                    -Line 5                  Line 15                  Line 5                    -Line 6                  Line 16                  Line 6                    -Line 7                  Line 17                  Line 7                    -Line 8                  Line 18                  Line 8                    -Line 9                  Line 19                  Line 9                    - - - - - - - - - - - - - + + + + Line 0                  Line 10                  Line 0                    +Line 1                  Line 11                  Line 1                    +Line 2                  Line 12                  Line 2                    +Line 3                  Line 13                  Line 3                    +Line 4                  Line 14                  Line 4                    +Line 5                  Line 15                  Line 5                    +Line 6                  Line 16                  Line 6                    +Line 7                  Line 17                  Line 7                    +Line 8                  Line 18                  Line 8                    +Line 9                  Line 19                  Line 9                    + + + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_richlog_shrink.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_richlog_shrink.svg index 7f00a1e742..8639b659ef 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_richlog_shrink.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_richlog_shrink.svg @@ -19,61 +19,60 @@ font-weight: 700; } - .terminal-1492537213-matrix { + .terminal-2527675441-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1492537213-title { + .terminal-2527675441-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1492537213-r1 { fill: #ffdddd } -.terminal-1492537213-r2 { fill: #e1e1e1 } -.terminal-1492537213-r3 { fill: #c5c8c6 } + .terminal-2527675441-r1 { fill: #e0e0e0 } +.terminal-2527675441-r2 { fill: #c5c8c6 } - + - + - + - + - + - + - RichLogShrink + RichLogShrink - - - - ╭────────────────╮ -│ lorem ipsum    │ -│ dolor sit amet │ -│ lorem ipsum    │ -│ dolor sit amet │ -╰────────────────╯ + + + + ╭────────────────╮ +│ lorem ipsum    │ +│ dolor sit amet │ +│ lorem ipsum    │ +│ dolor sit amet │ +╰────────────────╯ diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_richlog_width.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_richlog_width.svg index 0a780c89b8..4aa3fbab39 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_richlog_width.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_richlog_width.svg @@ -19,132 +19,132 @@ font-weight: 700; } - .terminal-978782605-matrix { + .terminal-1263725336-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-978782605-title { + .terminal-1263725336-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-978782605-r1 { fill: #1a1a1a } -.terminal-978782605-r2 { fill: #e1e1e1 } -.terminal-978782605-r3 { fill: #c5c8c6 } + .terminal-1263725336-r1 { fill: #1a1a1a } +.terminal-1263725336-r2 { fill: #e0e0e0 } +.terminal-1263725336-r3 { fill: #c5c8c6 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - RichLogWidth + RichLogWidth - - - -                                                             written in compose -                                                                        hello1 -                                                                        world2 -                                                                        hello3 -                                                                        world4 - - - - - - - - - - - - - - - - - - + + + +                                                             written in compose +                                                                        hello1 +                                                                        world2 +                                                                        hello3 +                                                                        world4 + + + + + + + + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_richlog_write_at_specific_width.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_richlog_write_at_specific_width.svg index de3fc79e07..254e4cb2af 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_richlog_write_at_specific_width.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_richlog_write_at_specific_width.svg @@ -19,135 +19,134 @@ font-weight: 700; } - .terminal-1230690491-matrix { + .terminal-3657481519-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1230690491-title { + .terminal-3657481519-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1230690491-r1 { fill: #1a1a1a } -.terminal-1230690491-r2 { fill: #e1e1e1 } -.terminal-1230690491-r3 { fill: #c5c8c6 } -.terminal-1230690491-r4 { fill: #1e1e1e } -.terminal-1230690491-r5 { fill: #23568b } -.terminal-1230690491-r6 { fill: #ddeedd } + .terminal-3657481519-r1 { fill: #1a1a1a } +.terminal-3657481519-r2 { fill: #e0e0e0 } +.terminal-3657481519-r3 { fill: #c5c8c6 } +.terminal-3657481519-r4 { fill: #272727 } +.terminal-3657481519-r5 { fill: #242f38 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - RichLogWriteAtSpecificWidth + RichLogWriteAtSpecificWidth - - - - ╭──────────────────╮ -│ width=20         │ -╰──────────────────╯ -╭──────────────────────────────────────╮ -│ width=40                             │ -╰──────────────────────────────────────╯ -╭──────────────────────────────────────────────────────────╮ -│ width=60                                                 │ -╰──────────────────────────────────────────────────────────╯ -╭───────────────────────────────────────────────────────────────────────────── -│ width=120                                                                    -╰───────────────────────────────────────────────────────────────────────────── -╭────────────────────────────────────────────────╮ -│ width=None (fallback to min_width)             │ -╰────────────────────────────────────────────────╯ - -this label is width 50 (same as min_width) - - - - - - + + + + ╭──────────────────╮ +│ width=20         │ +╰──────────────────╯ +╭──────────────────────────────────────╮ +│ width=40                             │ +╰──────────────────────────────────────╯ +╭──────────────────────────────────────────────────────────╮ +│ width=60                                                 │ +╰──────────────────────────────────────────────────────────╯ +╭───────────────────────────────────────────────────────────────────────────── +│ width=120                                                                    +╰───────────────────────────────────────────────────────────────────────────── +╭────────────────────────────────────────────────╮ +│ width=None (fallback to min_width)             │ +╰────────────────────────────────────────────────╯ + +this label is width 50 (same as min_width) + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_rule_horizontal_rules.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_rule_horizontal_rules.svg index d7150a30be..88b1b9e375 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_rule_horizontal_rules.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_rule_horizontal_rules.svg @@ -19,132 +19,132 @@ font-weight: 700; } - .terminal-2750102054-matrix { + .terminal-1994991222-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2750102054-title { + .terminal-1994991222-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2750102054-r1 { fill: #e1e1e1 } -.terminal-2750102054-r2 { fill: #c5c8c6 } -.terminal-2750102054-r3 { fill: #004578 } + .terminal-1994991222-r1 { fill: #e0e0e0 } +.terminal-1994991222-r2 { fill: #c5c8c6 } +.terminal-1994991222-r3 { fill: #004578 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - HorizontalRulesApp + HorizontalRulesApp - - - -                                 solid (default)                                  - -──────────────────────────────────────────────────────────────── - -                                     heavy                                       - -━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - -                                     thick                                       - -████████████████████████████████████████████████████████████████ - -                                     dashed                                      - -╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍ - -                                     double                                      - -════════════════════════════════════════════════════════════════ - -                                     ascii                                       - ----------------------------------------------------------------- + + + +                                 solid (default)                                  + +──────────────────────────────────────────────────────────────── + +                                     heavy                                       + +━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ + +                                     thick                                       + +████████████████████████████████████████████████████████████████ + +                                     dashed                                      + +╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍ + +                                     double                                      + +════════════════════════════════════════════════════════════════ + +                                     ascii                                       + +---------------------------------------------------------------- diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_rule_vertical_rules.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_rule_vertical_rules.svg index b380c96693..f7b5cd2754 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_rule_vertical_rules.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_rule_vertical_rules.svg @@ -19,132 +19,132 @@ font-weight: 700; } - .terminal-870531946-matrix { + .terminal-1445480139-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-870531946-title { + .terminal-1445480139-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-870531946-r1 { fill: #e1e1e1 } -.terminal-870531946-r2 { fill: #c5c8c6 } -.terminal-870531946-r3 { fill: #004578 } + .terminal-1445480139-r1 { fill: #e0e0e0 } +.terminal-1445480139-r2 { fill: #c5c8c6 } +.terminal-1445480139-r3 { fill: #004578 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - VerticalRulesApp + VerticalRulesApp - - - - - -       solid     heavy     thick     dashed    double    ascii   | -| -| -| -| -| -| -| -| -| -| -| -| -| -| -| -| -| -| - - + + + + + +       solid     heavy     thick     dashed    double    ascii   | +| +| +| +| +| +| +| +| +| +| +| +| +| +| +| +| +| +| + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_rules.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_rules.svg index dc6d001fec..3d42fdfb7a 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_rules.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_rules.svg @@ -19,133 +19,133 @@ font-weight: 700; } - .terminal-3459480234-matrix { + .terminal-1711798551-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3459480234-title { + .terminal-1711798551-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3459480234-r1 { fill: #e1e1e1 } -.terminal-3459480234-r2 { fill: #c5c8c6 } -.terminal-3459480234-r3 { fill: #004578 } + .terminal-1711798551-r1 { fill: #e0e0e0 } +.terminal-1711798551-r2 { fill: #c5c8c6 } +.terminal-1711798551-r3 { fill: #004578 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - RuleApp + RuleApp - - - - --------------------------------------------------------------------------------- - - - -╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍ - -════════════════════════════════════════════════════════════════════════════════ - -━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - -| -| -| -| -| -| -| -| -| -| -| -| + + + + +-------------------------------------------------------------------------------- + + + +╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍ + +════════════════════════════════════════════════════════════════════════════════ + +━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ + + +| +| +| +| +| +| +| +| +| +| +| +| diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_scoped_css.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_scoped_css.svg index 53e94b9473..2616ed18a5 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_scoped_css.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_scoped_css.svg @@ -19,133 +19,133 @@ font-weight: 700; } - .terminal-1207765677-matrix { + .terminal-551872050-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1207765677-title { + .terminal-551872050-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1207765677-r1 { fill: #ff00ff } -.terminal-1207765677-r2 { fill: #c5c8c6 } -.terminal-1207765677-r3 { fill: #008000 } -.terminal-1207765677-r4 { fill: #e1e1e1 } + .terminal-551872050-r1 { fill: #ff00ff } +.terminal-551872050-r2 { fill: #c5c8c6 } +.terminal-551872050-r3 { fill: #008000 } +.terminal-551872050-r4 { fill: #e0e0e0 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - MyApp + MyApp - - - - ┌──────────────────────────────────────────────────────────────────────────────┐ -┌───┐ -foo -└───┘ -┌───┐ -bar -└───┘ -└──────────────────────────────────────────────────────────────────────────────┘ -┌──────────────────────────────────────────────────────────────────────────────┐ -┌───┐ -foo -└───┘ -┌───┐ -bar -└───┘ -└──────────────────────────────────────────────────────────────────────────────┘ -I should not be styled                                                           - - - - - - + + + + ┌──────────────────────────────────────────────────────────────────────────────┐ +┌───┐ +foo +└───┘ +┌───┐ +bar +└───┘ +└──────────────────────────────────────────────────────────────────────────────┘ +┌──────────────────────────────────────────────────────────────────────────────┐ +┌───┐ +foo +└───┘ +┌───┐ +bar +└───┘ +└──────────────────────────────────────────────────────────────────────────────┘ +I should not be styled                                                           + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_screen_switch.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_screen_switch.svg index b71105482e..c27cd24aa2 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_screen_switch.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_screen_switch.svg @@ -19,137 +19,134 @@ font-weight: 700; } - .terminal-778137730-matrix { + .terminal-4268630386-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-778137730-title { + .terminal-4268630386-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-778137730-r1 { fill: #c5c8c6 } -.terminal-778137730-r2 { fill: #e3e3e3 } -.terminal-778137730-r3 { fill: #e1e1e1 } -.terminal-778137730-r4 { fill: #fea62b;font-weight: bold } -.terminal-778137730-r5 { fill: #a7a9ab } -.terminal-778137730-r6 { fill: #e2e3e3 } -.terminal-778137730-r7 { fill: #4c5055 } + .terminal-4268630386-r1 { fill: #c5c8c6 } +.terminal-4268630386-r2 { fill: #e0e0e0 } +.terminal-4268630386-r3 { fill: #ffa62b;font-weight: bold } +.terminal-4268630386-r4 { fill: #495259 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - ModalApp + ModalApp - - - - ModalApp -B - - - - - - - - - - - - - - - - - - - - - - a Push screen A ^p palette + + + + ModalApp +B + + + + + + + + + + + + + + + + + + + + + + a Push screen A                                                    ^p palette diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_scroll_page_down.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_scroll_page_down.svg index 726952bd6f..db6308b535 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_scroll_page_down.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_scroll_page_down.svg @@ -19,139 +19,139 @@ font-weight: 700; } - .terminal-706908583-matrix { + .terminal-994930334-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-706908583-title { + .terminal-994930334-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-706908583-r1 { fill: #e1e1e1 } -.terminal-706908583-r2 { fill: #c5c8c6 } -.terminal-706908583-r3 { fill: #23568b } -.terminal-706908583-r4 { fill: #1e1e1e } -.terminal-706908583-r5 { fill: #14191f } + .terminal-994930334-r1 { fill: #e0e0e0 } +.terminal-994930334-r2 { fill: #c5c8c6 } +.terminal-994930334-r3 { fill: #242f38 } +.terminal-994930334-r4 { fill: #272727 } +.terminal-994930334-r5 { fill: #000000 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - RichLogTest + RichLogTest - - - - This is line number 25 AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA -This is line number 26 AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA -This is line number 27 AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA -This is line number 28 AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA -This is line number 29 AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA -This is line number 30 AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA▂▂ -This is line number 31 AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA -This is line number 32 AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA -This is line number 33 AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA -This is line number 34 AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA -This is line number 35 AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA -This is line number 36 AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA▃▃ -This is line number 37 AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA -This is line number 38 AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA -This is line number 39 AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA -This is line number 40 AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA -This is line number 41 AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA -This is line number 42 AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA -This is line number 43 AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA -This is line number 44 AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA -This is line number 45 AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA -This is line number 46 AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA -This is line number 47 AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA -This is line number 48 AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA - + + + + This is line number 25 AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA +This is line number 26 AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA +This is line number 27 AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA +This is line number 28 AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA +This is line number 29 AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA +This is line number 30 AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA▂▂ +This is line number 31 AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA +This is line number 32 AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA +This is line number 33 AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA +This is line number 34 AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA +This is line number 35 AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA +This is line number 36 AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA▃▃ +This is line number 37 AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA +This is line number 38 AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA +This is line number 39 AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA +This is line number 40 AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA +This is line number 41 AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA +This is line number 42 AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA +This is line number 43 AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA +This is line number 44 AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA +This is line number 45 AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA +This is line number 46 AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA +This is line number 47 AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA +This is line number 48 AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_scroll_to.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_scroll_to.svg index 9cf7c52889..1630e0fa28 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_scroll_to.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_scroll_to.svg @@ -19,146 +19,144 @@ font-weight: 700; } - .terminal-1312166197-matrix { + .terminal-2989809302-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1312166197-title { + .terminal-2989809302-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1312166197-r1 { fill: #1e1e1e } -.terminal-1312166197-r2 { fill: #e1e1e1 } -.terminal-1312166197-r3 { fill: #c5c8c6 } -.terminal-1312166197-r4 { fill: #434343 } -.terminal-1312166197-r5 { fill: #262626;font-weight: bold } -.terminal-1312166197-r6 { fill: #e2e2e2 } -.terminal-1312166197-r7 { fill: #23568b } -.terminal-1312166197-r8 { fill: #14191f } -.terminal-1312166197-r9 { fill: #e2e3e3 } -.terminal-1312166197-r10 { fill: #4c5055 } -.terminal-1312166197-r11 { fill: #fea62b;font-weight: bold } -.terminal-1312166197-r12 { fill: #a7a9ab } + .terminal-2989809302-r1 { fill: #121212 } +.terminal-2989809302-r2 { fill: #191919 } +.terminal-2989809302-r3 { fill: #e0e0e0 } +.terminal-2989809302-r4 { fill: #c5c8c6 } +.terminal-2989809302-r5 { fill: #3b3b3b } +.terminal-2989809302-r6 { fill: #0d0d0d;font-weight: bold } +.terminal-2989809302-r7 { fill: #242f38 } +.terminal-2989809302-r8 { fill: #000000 } +.terminal-2989809302-r9 { fill: #495259 } +.terminal-2989809302-r10 { fill: #ffa62b;font-weight: bold } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - ScrollOffByOne + ScrollOffByOne - - - - ▔▔▔▔▔▔▔▔ -X 43 -▁▁▁▁▁▁▁▁ -▔▔▔▔▔▔▔▔ -X 44 -▁▁▁▁▁▁▁▁ -▔▔▔▔▔▔▔▔ -X 45 -▁▁▁▁▁▁▁▁ -▔▔▔▔▔▔▔▔ -X 46▄▄ -▁▁▁▁▁▁▁▁ -▔▔▔▔▔▔▔▔▃▃ -X 47 -▁▁▁▁▁▁▁▁ -▔▔▔▔▔▔▔▔ -X 48 -▁▁▁▁▁▁▁▁ -▔▔▔▔▔▔▔▔ -X 49 -▁▁▁▁▁▁▁▁ -▔▔▔▔▔▔▔▔ -X 50 -▁▁▁▁▁▁▁▁ -^p palette + + + + ▔▔▔▔▔▔▔▔ +X 43 +▁▁▁▁▁▁▁▁ +▔▔▔▔▔▔▔▔ +X 44 +▁▁▁▁▁▁▁▁ +▔▔▔▔▔▔▔▔ +X 45 +▁▁▁▁▁▁▁▁ +▔▔▔▔▔▔▔▔ +X 46▄▄ +▁▁▁▁▁▁▁▁ +▔▔▔▔▔▔▔▔▃▃ +X 47 +▁▁▁▁▁▁▁▁ +▔▔▔▔▔▔▔▔ +X 48 +▁▁▁▁▁▁▁▁ +▔▔▔▔▔▔▔▔ +X 49 +▁▁▁▁▁▁▁▁ +▔▔▔▔▔▔▔▔ +X 50 +▁▁▁▁▁▁▁▁ +^p palette diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_scroll_to_center.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_scroll_to_center.svg index 6903fecad0..f65bd7c06e 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_scroll_to_center.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_scroll_to_center.svg @@ -19,138 +19,138 @@ font-weight: 700; } - .terminal-1238296435-matrix { + .terminal-850502041-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1238296435-title { + .terminal-850502041-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1238296435-r1 { fill: #e1e1e1 } -.terminal-1238296435-r2 { fill: #c5c8c6 } -.terminal-1238296435-r3 { fill: #004578 } -.terminal-1238296435-r4 { fill: #23568b } -.terminal-1238296435-r5 { fill: #fea62b } -.terminal-1238296435-r6 { fill: #1e1e1e } -.terminal-1238296435-r7 { fill: #f4005f } -.terminal-1238296435-r8 { fill: #14191f } + .terminal-850502041-r1 { fill: #e0e0e0 } +.terminal-850502041-r2 { fill: #c5c8c6 } +.terminal-850502041-r3 { fill: #0178d4 } +.terminal-850502041-r4 { fill: #242f38 } +.terminal-850502041-r5 { fill: #fea62b } +.terminal-850502041-r6 { fill: #121212 } +.terminal-850502041-r7 { fill: #f4005f } +.terminal-850502041-r8 { fill: #000000 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - MyApp + MyApp - - - - SPAM                                                                           -╭────────────────────────────────────────────────────────────────────────────╮ -SPAM                                                                       -SPAM                                                                       -SPAM                                                                       -SPAM                                                                       -SPAM                                                                       -SPAM                                                                       -SPAM                                                                       -SPAM                                                                      ▁▁ -╭────────────────────────────────────────────────────────────────────────╮ -@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@>>bullseye<<@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ - -▄▄ -▄▄ - - - - - - -╰────────────────────────────────────────────────────────────────────────────╯ -SPAM                                                                           -SPAM                                                                           + + + + SPAM                                                                           +╭────────────────────────────────────────────────────────────────────────────╮ +SPAM                                                                       +SPAM                                                                       +SPAM                                                                       +SPAM                                                                       +SPAM                                                                       +SPAM                                                                       +SPAM                                                                       +SPAM                                                                      ▁▁ +╭────────────────────────────────────────────────────────────────────────╮ +@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@>>bullseye<<@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ + +▄▄ +▄▄ + + + + + + +╰────────────────────────────────────────────────────────────────────────────╯ +SPAM                                                                           +SPAM                                                                           diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_scroll_visible.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_scroll_visible.svg index 3b9c2de9df..b609526d6d 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_scroll_visible.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_scroll_visible.svg @@ -19,134 +19,134 @@ font-weight: 700; } - .terminal-2526059975-matrix { + .terminal-1555918529-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2526059975-title { + .terminal-1555918529-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2526059975-r1 { fill: #e1e1e1 } -.terminal-2526059975-r2 { fill: #c5c8c6 } -.terminal-2526059975-r3 { fill: #23568b } -.terminal-2526059975-r4 { fill: #1e1e1e } + .terminal-1555918529-r1 { fill: #e0e0e0 } +.terminal-1555918529-r2 { fill: #c5c8c6 } +.terminal-1555918529-r3 { fill: #242f38 } +.terminal-1555918529-r4 { fill: #121212 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - MyApp + MyApp - - - - | -| -| -| -| -| -| -| -| -| -| -| -| -| -| -| -| -| -|▆▆ -| -| -| -| -SHOULD BE VISIBLE + + + + | +| +| +| +| +| +| +| +| +| +| +| +| +| +| +| +| +| +|▆▆ +| +| +| +| +SHOULD BE VISIBLE diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_scroll_visible_with_margin.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_scroll_visible_with_margin.svg index a1598b80f7..e641f9d337 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_scroll_visible_with_margin.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_scroll_visible_with_margin.svg @@ -19,138 +19,137 @@ font-weight: 700; } - .terminal-3441740731-matrix { + .terminal-1285063739-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3441740731-title { + .terminal-1285063739-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3441740731-r1 { fill: #ff0000 } -.terminal-3441740731-r2 { fill: #454a50 } -.terminal-3441740731-r3 { fill: #e1e1e1 } -.terminal-3441740731-r4 { fill: #c5c8c6 } -.terminal-3441740731-r5 { fill: #e2e3e3;font-weight: bold } -.terminal-3441740731-r6 { fill: #000000 } -.terminal-3441740731-r7 { fill: #23568b } -.terminal-3441740731-r8 { fill: #1e1e1e } + .terminal-1285063739-r1 { fill: #ff0000 } +.terminal-1285063739-r2 { fill: #2d2d2d } +.terminal-1285063739-r3 { fill: #e0e0e0 } +.terminal-1285063739-r4 { fill: #c5c8c6 } +.terminal-1285063739-r5 { fill: #0d0d0d } +.terminal-1285063739-r6 { fill: #242f38 } +.terminal-1285063739-r7 { fill: #121212 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - ScrollVisibleMargin + ScrollVisibleMargin - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - Hello, world! (19)  -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - Hello, world! (20)  -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - Hello, world! (21)  -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▅▅ - Hello, world! (22)  -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - Hello, world! (23)  -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - Hello, world! (24)  -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - Hello, world! (25)  -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - Hello, world! (26)  -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + Hello, world! (19)  +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + Hello, world! (20)  +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + Hello, world! (21)  +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▅▅ + Hello, world! (22)  +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + Hello, world! (23)  +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + Hello, world! (24)  +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + Hello, world! (25)  +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + Hello, world! (26)  +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_scrollbar_thumb_height.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_scrollbar_thumb_height.svg index 510fa27476..e0688aca89 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_scrollbar_thumb_height.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_scrollbar_thumb_height.svg @@ -19,139 +19,136 @@ font-weight: 700; } - .terminal-1403288747-matrix { + .terminal-1663470357-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1403288747-title { + .terminal-1663470357-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1403288747-r1 { fill: #c5c8c6 } -.terminal-1403288747-r2 { fill: #e3e3e3 } -.terminal-1403288747-r3 { fill: #ff0000 } -.terminal-1403288747-r4 { fill: #dde2e8 } -.terminal-1403288747-r5 { fill: #002452 } -.terminal-1403288747-r6 { fill: #e2e3e3 } -.terminal-1403288747-r7 { fill: #4c5055 } -.terminal-1403288747-r8 { fill: #fea62b;font-weight: bold } -.terminal-1403288747-r9 { fill: #a7a9ab } + .terminal-1663470357-r1 { fill: #c5c8c6 } +.terminal-1663470357-r2 { fill: #e0e0e0 } +.terminal-1663470357-r3 { fill: #ff0000 } +.terminal-1663470357-r4 { fill: #0053aa } +.terminal-1663470357-r5 { fill: #495259 } +.terminal-1663470357-r6 { fill: #ffa62b;font-weight: bold } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - ScrollViewTester + ScrollViewTester - - - - ScrollViewTester -╭─ 1 ──────────────────────────────────────────────────────────────────────────╮ -Welcome to line 980                                                          -Welcome to line 981                                                          -Welcome to line 982                                                          -Welcome to line 983                                                          -Welcome to line 984                                                          -Welcome to line 985                                                          -Welcome to line 986                                                          -Welcome to line 987                                                          -Welcome to line 988                                                          -Welcome to line 989                                                          -Welcome to line 990                                                          -Welcome to line 991                                                          -Welcome to line 992                                                          -Welcome to line 993                                                          -Welcome to line 994                                                          -Welcome to line 995                                                          -Welcome to line 996                                                          -Welcome to line 997                                                          -Welcome to line 998                                                          -Welcome to line 999                                                          -╰──────────────────────────────────────────────────────────────────────────────╯ -^p palette + + + + ScrollViewTester +╭─ 1 ──────────────────────────────────────────────────────────────────────────╮ +Welcome to line 980                                                          +Welcome to line 981                                                          +Welcome to line 982                                                          +Welcome to line 983                                                          +Welcome to line 984                                                          +Welcome to line 985                                                          +Welcome to line 986                                                          +Welcome to line 987                                                          +Welcome to line 988                                                          +Welcome to line 989                                                          +Welcome to line 990                                                          +Welcome to line 991                                                          +Welcome to line 992                                                          +Welcome to line 993                                                          +Welcome to line 994                                                          +Welcome to line 995                                                          +Welcome to line 996                                                          +Welcome to line 997                                                          +Welcome to line 998                                                          +Welcome to line 999                                                          +╰──────────────────────────────────────────────────────────────────────────────╯ +^p palette diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_select.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_select.svg index 8f90b2f6ff..3e632ffcd3 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_select.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_select.svg @@ -19,136 +19,134 @@ font-weight: 700; } - .terminal-901420383-matrix { + .terminal-3544941787-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-901420383-title { + .terminal-3544941787-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-901420383-r1 { fill: #c5c8c6 } -.terminal-901420383-r2 { fill: #e3e3e3 } -.terminal-901420383-r3 { fill: #e1e1e1 } -.terminal-901420383-r4 { fill: #1e1e1e } -.terminal-901420383-r5 { fill: #0178d4 } -.terminal-901420383-r6 { fill: #787878 } -.terminal-901420383-r7 { fill: #a8a8a8 } + .terminal-3544941787-r1 { fill: #c5c8c6 } +.terminal-3544941787-r2 { fill: #e0e0e0 } +.terminal-3544941787-r3 { fill: #121212 } +.terminal-3544941787-r4 { fill: #0178d4 } +.terminal-3544941787-r5 { fill: #838383 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - SelectApp + SelectApp - - - - SelectApp - - -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -Select -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - - - - - - - - - - - - - - - - - + + + + SelectApp + + +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +Select +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + + + + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_select_expanded.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_select_expanded.svg index 75f6ea227f..316aeffbd2 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_select_expanded.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_select_expanded.svg @@ -19,140 +19,136 @@ font-weight: 700; } - .terminal-4163773504-matrix { + .terminal-3991603841-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-4163773504-title { + .terminal-3991603841-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-4163773504-r1 { fill: #c5c8c6 } -.terminal-4163773504-r2 { fill: #e3e3e3 } -.terminal-4163773504-r3 { fill: #e1e1e1 } -.terminal-4163773504-r4 { fill: #1e1e1e } -.terminal-4163773504-r5 { fill: #0178d4 } -.terminal-4163773504-r6 { fill: #787878 } -.terminal-4163773504-r7 { fill: #a8a8a8 } -.terminal-4163773504-r8 { fill: #121212 } -.terminal-4163773504-r9 { fill: #ddedf9;font-weight: bold } -.terminal-4163773504-r10 { fill: #85beea;font-weight: bold } -.terminal-4163773504-r11 { fill: #e2e3e3 } + .terminal-3991603841-r1 { fill: #c5c8c6 } +.terminal-3991603841-r2 { fill: #e0e0e0 } +.terminal-3991603841-r3 { fill: #121212 } +.terminal-3991603841-r4 { fill: #7f7f7f } +.terminal-3991603841-r5 { fill: #0178d4 } +.terminal-3991603841-r6 { fill: #ddedf9;font-weight: bold } +.terminal-3991603841-r7 { fill: #85beea;font-weight: bold } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - SelectApp + SelectApp - - - - SelectApp - - -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -Select -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -Select - I must not fear.                                        - Fear is the mind-killer.                                - Fear is the little-death that brings total              - obliteration.                                           - I will face my fear.                                    - I will permit it to pass over me and through me.        -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - - - - - - - - + + + + SelectApp + + +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +Select +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +Select + I must not fear.                                        + Fear is the mind-killer.                                + Fear is the little-death that brings total              + obliteration.                                           + I will face my fear.                                    + I will permit it to pass over me and through me.        +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_select_expanded_changed.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_select_expanded_changed.svg index 44bb5ec77c..cccfb3082f 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_select_expanded_changed.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_select_expanded_changed.svg @@ -19,136 +19,134 @@ font-weight: 700; } - .terminal-2232981769-matrix { + .terminal-1842055295-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2232981769-title { + .terminal-1842055295-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2232981769-r1 { fill: #c5c8c6 } -.terminal-2232981769-r2 { fill: #e3e3e3 } -.terminal-2232981769-r3 { fill: #e1e1e1 } -.terminal-2232981769-r4 { fill: #1e1e1e } -.terminal-2232981769-r5 { fill: #0178d4 } -.terminal-2232981769-r6 { fill: #e2e2e2 } -.terminal-2232981769-r7 { fill: #a8a8a8 } + .terminal-1842055295-r1 { fill: #c5c8c6 } +.terminal-1842055295-r2 { fill: #e0e0e0 } +.terminal-1842055295-r3 { fill: #121212 } +.terminal-1842055295-r4 { fill: #0178d4 } +.terminal-1842055295-r5 { fill: #838383 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - SelectApp + SelectApp - - - - I must not fear. - - -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -I must not fear. -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - - - - - - - - - - - - - - - - - + + + + I must not fear. + + +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +I must not fear. +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + + + + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_select_from_values_expanded.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_select_from_values_expanded.svg index 75f6ea227f..316aeffbd2 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_select_from_values_expanded.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_select_from_values_expanded.svg @@ -19,140 +19,136 @@ font-weight: 700; } - .terminal-4163773504-matrix { + .terminal-3991603841-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-4163773504-title { + .terminal-3991603841-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-4163773504-r1 { fill: #c5c8c6 } -.terminal-4163773504-r2 { fill: #e3e3e3 } -.terminal-4163773504-r3 { fill: #e1e1e1 } -.terminal-4163773504-r4 { fill: #1e1e1e } -.terminal-4163773504-r5 { fill: #0178d4 } -.terminal-4163773504-r6 { fill: #787878 } -.terminal-4163773504-r7 { fill: #a8a8a8 } -.terminal-4163773504-r8 { fill: #121212 } -.terminal-4163773504-r9 { fill: #ddedf9;font-weight: bold } -.terminal-4163773504-r10 { fill: #85beea;font-weight: bold } -.terminal-4163773504-r11 { fill: #e2e3e3 } + .terminal-3991603841-r1 { fill: #c5c8c6 } +.terminal-3991603841-r2 { fill: #e0e0e0 } +.terminal-3991603841-r3 { fill: #121212 } +.terminal-3991603841-r4 { fill: #7f7f7f } +.terminal-3991603841-r5 { fill: #0178d4 } +.terminal-3991603841-r6 { fill: #ddedf9;font-weight: bold } +.terminal-3991603841-r7 { fill: #85beea;font-weight: bold } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - SelectApp + SelectApp - - - - SelectApp - - -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -Select -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -Select - I must not fear.                                        - Fear is the mind-killer.                                - Fear is the little-death that brings total              - obliteration.                                           - I will face my fear.                                    - I will permit it to pass over me and through me.        -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - - - - - - - - + + + + SelectApp + + +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +Select +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +Select + I must not fear.                                        + Fear is the mind-killer.                                + Fear is the little-death that brings total              + obliteration.                                           + I will face my fear.                                    + I will permit it to pass over me and through me.        +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_select_no_blank_has_default_value.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_select_no_blank_has_default_value.svg index 44bb5ec77c..cccfb3082f 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_select_no_blank_has_default_value.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_select_no_blank_has_default_value.svg @@ -19,136 +19,134 @@ font-weight: 700; } - .terminal-2232981769-matrix { + .terminal-1842055295-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2232981769-title { + .terminal-1842055295-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2232981769-r1 { fill: #c5c8c6 } -.terminal-2232981769-r2 { fill: #e3e3e3 } -.terminal-2232981769-r3 { fill: #e1e1e1 } -.terminal-2232981769-r4 { fill: #1e1e1e } -.terminal-2232981769-r5 { fill: #0178d4 } -.terminal-2232981769-r6 { fill: #e2e2e2 } -.terminal-2232981769-r7 { fill: #a8a8a8 } + .terminal-1842055295-r1 { fill: #c5c8c6 } +.terminal-1842055295-r2 { fill: #e0e0e0 } +.terminal-1842055295-r3 { fill: #121212 } +.terminal-1842055295-r4 { fill: #0178d4 } +.terminal-1842055295-r5 { fill: #838383 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - SelectApp + SelectApp - - - - I must not fear. - - -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -I must not fear. -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - - - - - - - - - - - - - - - - - + + + + I must not fear. + + +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +I must not fear. +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + + + + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_select_rebuild.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_select_rebuild.svg index 97c495f080..81a37f29cd 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_select_rebuild.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_select_rebuild.svg @@ -19,139 +19,136 @@ font-weight: 700; } - .terminal-1502472334-matrix { + .terminal-137943422-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1502472334-title { + .terminal-137943422-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1502472334-r1 { fill: #1e1e1e } -.terminal-1502472334-r2 { fill: #0178d4 } -.terminal-1502472334-r3 { fill: #c5c8c6 } -.terminal-1502472334-r4 { fill: #787878 } -.terminal-1502472334-r5 { fill: #a8a8a8 } -.terminal-1502472334-r6 { fill: #121212 } -.terminal-1502472334-r7 { fill: #ddedf9;font-weight: bold } -.terminal-1502472334-r8 { fill: #85beea;font-weight: bold } -.terminal-1502472334-r9 { fill: #e2e3e3 } -.terminal-1502472334-r10 { fill: #e1e1e1 } + .terminal-137943422-r1 { fill: #121212 } +.terminal-137943422-r2 { fill: #c5c8c6 } +.terminal-137943422-r3 { fill: #7f7f7f } +.terminal-137943422-r4 { fill: #0178d4 } +.terminal-137943422-r5 { fill: #ddedf9;font-weight: bold } +.terminal-137943422-r6 { fill: #85beea;font-weight: bold } +.terminal-137943422-r7 { fill: #e0e0e0 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - SelectRebuildApp + SelectRebuildApp - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -Select -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -Select - This                                                                        - Should                                                                      - Be                                                                          - What                                                                        - Goes                                                                        - Into                                                                        - The                                                                         - Snapshit                                                                    -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - - - - - - - - - + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +Select +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +Select + This                                                                        + Should                                                                      + Be                                                                          + What                                                                        + Goes                                                                        + Into                                                                        + The                                                                         + Snapshit                                                                    +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_select_set_options.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_select_set_options.svg index 2a54054ed9..865d954408 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_select_set_options.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_select_set_options.svg @@ -19,136 +19,134 @@ font-weight: 700; } - .terminal-3500122235-matrix { + .terminal-3122958321-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3500122235-title { + .terminal-3122958321-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3500122235-r1 { fill: #c5c8c6 } -.terminal-3500122235-r2 { fill: #e3e3e3 } -.terminal-3500122235-r3 { fill: #e1e1e1 } -.terminal-3500122235-r4 { fill: #1e1e1e } -.terminal-3500122235-r5 { fill: #0178d4 } -.terminal-3500122235-r6 { fill: #e2e2e2 } -.terminal-3500122235-r7 { fill: #a8a8a8 } + .terminal-3122958321-r1 { fill: #c5c8c6 } +.terminal-3122958321-r2 { fill: #e0e0e0 } +.terminal-3122958321-r3 { fill: #121212 } +.terminal-3122958321-r4 { fill: #0178d4 } +.terminal-3122958321-r5 { fill: #838383 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - SelectApp + SelectApp - - - - Twinkle, twinkle, little star, - - -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -Twinkle, twinkle, little star, -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - - - - - - - - - - - - - - - - - + + + + Twinkle, twinkle, little star, + + +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +Twinkle, twinkle, little star, +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + + + + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_selection_list_selected.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_selection_list_selected.svg index 31a5974c8e..be0f415e6f 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_selection_list_selected.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_selection_list_selected.svg @@ -19,145 +19,141 @@ font-weight: 700; } - .terminal-1383496655-matrix { + .terminal-4232994081-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1383496655-title { + .terminal-4232994081-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1383496655-r1 { fill: #c5c8c6 } -.terminal-1383496655-r2 { fill: #e3e3e3 } -.terminal-1383496655-r3 { fill: #e1e1e1 } -.terminal-1383496655-r4 { fill: #0178d4 } -.terminal-1383496655-r5 { fill: #e1e1e1;font-weight: bold } -.terminal-1383496655-r6 { fill: #575757 } -.terminal-1383496655-r7 { fill: #4ebf71;font-weight: bold } -.terminal-1383496655-r8 { fill: #ddedf9;font-weight: bold } -.terminal-1383496655-r9 { fill: #98e024 } -.terminal-1383496655-r10 { fill: #262626;font-weight: bold } -.terminal-1383496655-r11 { fill: #e2e2e2 } -.terminal-1383496655-r12 { fill: #e2e3e3 } -.terminal-1383496655-r13 { fill: #4c5055 } -.terminal-1383496655-r14 { fill: #fea62b;font-weight: bold } -.terminal-1383496655-r15 { fill: #a7a9ab } + .terminal-4232994081-r1 { fill: #c5c8c6 } +.terminal-4232994081-r2 { fill: #e0e0e0 } +.terminal-4232994081-r3 { fill: #fea62b } +.terminal-4232994081-r4 { fill: #e0e0e0;font-weight: bold } +.terminal-4232994081-r5 { fill: #343f49 } +.terminal-4232994081-r6 { fill: #4ebf71 } +.terminal-4232994081-r7 { fill: #ddedf9;font-weight: bold } +.terminal-4232994081-r8 { fill: #98e024 } +.terminal-4232994081-r9 { fill: #0d0d0d } +.terminal-4232994081-r10 { fill: #495259 } +.terminal-4232994081-r11 { fill: #ffa62b;font-weight: bold } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - SelectionListApp + SelectionListApp - - - - SelectionListApp - - -┌─ Shall we play some games? ──┐┌─ Selected games ─────────────┐ -[ -X Falken's Maze           'secret_back_door', -X Black Jack              'a_nice_game_of_chess', -X Gin Rummy               'fighter_combat' -X Hearts                  ] -X Bridge                  └──────────────────────────────┘ -X Checkers                 -X Chess                    -X Poker                    -X Fighter Combat           - -└──────────────────────────────┘ - - - - - - - -^p palette + + + + SelectionListApp + + +┌─ Shall we play some games? ──┐┌─ Selected games ─────────────┐ +[ +X Falken's Maze           'secret_back_door', +X Black Jack              'a_nice_game_of_chess', +X Gin Rummy               'fighter_combat' +X Hearts                  ] +X Bridge                  └──────────────────────────────┘ +X Checkers                 +X Chess                    +X Poker                    +X Fighter Combat           + +└──────────────────────────────┘ + + + + + + + +^p palette diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_selection_list_selections.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_selection_list_selections.svg index a316be7a59..271f658e17 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_selection_list_selections.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_selection_list_selections.svg @@ -19,143 +19,139 @@ font-weight: 700; } - .terminal-2913244802-matrix { + .terminal-2901770495-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2913244802-title { + .terminal-2901770495-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2913244802-r1 { fill: #c5c8c6 } -.terminal-2913244802-r2 { fill: #e3e3e3 } -.terminal-2913244802-r3 { fill: #e1e1e1 } -.terminal-2913244802-r4 { fill: #0178d4 } -.terminal-2913244802-r5 { fill: #575757 } -.terminal-2913244802-r6 { fill: #4ebf71;font-weight: bold } -.terminal-2913244802-r7 { fill: #ddedf9;font-weight: bold } -.terminal-2913244802-r8 { fill: #262626;font-weight: bold } -.terminal-2913244802-r9 { fill: #e2e2e2 } -.terminal-2913244802-r10 { fill: #e2e3e3 } -.terminal-2913244802-r11 { fill: #4c5055 } -.terminal-2913244802-r12 { fill: #fea62b;font-weight: bold } -.terminal-2913244802-r13 { fill: #a7a9ab } + .terminal-2901770495-r1 { fill: #c5c8c6 } +.terminal-2901770495-r2 { fill: #e0e0e0 } +.terminal-2901770495-r3 { fill: #fea62b } +.terminal-2901770495-r4 { fill: #343f49 } +.terminal-2901770495-r5 { fill: #4ebf71 } +.terminal-2901770495-r6 { fill: #ddedf9;font-weight: bold } +.terminal-2901770495-r7 { fill: #0d0d0d } +.terminal-2901770495-r8 { fill: #495259 } +.terminal-2901770495-r9 { fill: #ffa62b;font-weight: bold } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - SelectionListApp + SelectionListApp - - - - SelectionListApp - - -┌─ Shall we play some games? ──────────────────────────────────┐ - -X Falken's Maze                                            -X Black Jack                                               -X Gin Rummy                                                -X Hearts                                                   -X Bridge                                                   -X Checkers                                                 -X Chess                                                    -X Poker                                                    -X Fighter Combat                                           - - - - - -└──────────────────────────────────────────────────────────────┘ - - - -^p palette + + + + SelectionListApp + + +┌─ Shall we play some games? ──────────────────────────────────┐ + +X Falken's Maze                                            +X Black Jack                                               +X Gin Rummy                                                +X Hearts                                                   +X Bridge                                                   +X Checkers                                                 +X Chess                                                    +X Poker                                                    +X Fighter Combat                                           + + + + + +└──────────────────────────────────────────────────────────────┘ + + + +^p palette diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_selection_list_tuples.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_selection_list_tuples.svg index a316be7a59..271f658e17 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_selection_list_tuples.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_selection_list_tuples.svg @@ -19,143 +19,139 @@ font-weight: 700; } - .terminal-2913244802-matrix { + .terminal-2901770495-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2913244802-title { + .terminal-2901770495-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2913244802-r1 { fill: #c5c8c6 } -.terminal-2913244802-r2 { fill: #e3e3e3 } -.terminal-2913244802-r3 { fill: #e1e1e1 } -.terminal-2913244802-r4 { fill: #0178d4 } -.terminal-2913244802-r5 { fill: #575757 } -.terminal-2913244802-r6 { fill: #4ebf71;font-weight: bold } -.terminal-2913244802-r7 { fill: #ddedf9;font-weight: bold } -.terminal-2913244802-r8 { fill: #262626;font-weight: bold } -.terminal-2913244802-r9 { fill: #e2e2e2 } -.terminal-2913244802-r10 { fill: #e2e3e3 } -.terminal-2913244802-r11 { fill: #4c5055 } -.terminal-2913244802-r12 { fill: #fea62b;font-weight: bold } -.terminal-2913244802-r13 { fill: #a7a9ab } + .terminal-2901770495-r1 { fill: #c5c8c6 } +.terminal-2901770495-r2 { fill: #e0e0e0 } +.terminal-2901770495-r3 { fill: #fea62b } +.terminal-2901770495-r4 { fill: #343f49 } +.terminal-2901770495-r5 { fill: #4ebf71 } +.terminal-2901770495-r6 { fill: #ddedf9;font-weight: bold } +.terminal-2901770495-r7 { fill: #0d0d0d } +.terminal-2901770495-r8 { fill: #495259 } +.terminal-2901770495-r9 { fill: #ffa62b;font-weight: bold } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - SelectionListApp + SelectionListApp - - - - SelectionListApp - - -┌─ Shall we play some games? ──────────────────────────────────┐ - -X Falken's Maze                                            -X Black Jack                                               -X Gin Rummy                                                -X Hearts                                                   -X Bridge                                                   -X Checkers                                                 -X Chess                                                    -X Poker                                                    -X Fighter Combat                                           - - - - - -└──────────────────────────────────────────────────────────────┘ - - - -^p palette + + + + SelectionListApp + + +┌─ Shall we play some games? ──────────────────────────────────┐ + +X Falken's Maze                                            +X Black Jack                                               +X Gin Rummy                                                +X Hearts                                                   +X Bridge                                                   +X Checkers                                                 +X Chess                                                    +X Poker                                                    +X Fighter Combat                                           + + + + + +└──────────────────────────────────────────────────────────────┘ + + + +^p palette diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_sort_children.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_sort_children.svg index 29c3f1cc0b..51de67a81b 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_sort_children.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_sort_children.svg @@ -19,137 +19,137 @@ font-weight: 700; } - .terminal-1104434961-matrix { + .terminal-1870664233-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1104434961-title { + .terminal-1870664233-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1104434961-r1 { fill: #008000 } -.terminal-1104434961-r2 { fill: #c5c8c6 } -.terminal-1104434961-r3 { fill: #e1e1e1 } + .terminal-1870664233-r1 { fill: #008000 } +.terminal-1870664233-r2 { fill: #c5c8c6 } +.terminal-1870664233-r3 { fill: #e0e0e0 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - SortApp + SortApp - - - - ┌────────────────────────┐┌─────────────────────────┐┌─────────────────────────┐ -5││1││5 -│└─────────────────────────┘│ -│┌─────────────────────────┐│ -││2││ -││││ -└────────────────────────┘└─────────────────────────┘└─────────────────────────┘ -┌────────────────────────┐┌─────────────────────────┐┌─────────────────────────┐ -1││3││4 -└────────────────────────┘│││ -┌────────────────────────┐│││ -3│└─────────────────────────┘│ -│┌─────────────────────────┐└─────────────────────────┘ -││4│┌─────────────────────────┐ -└────────────────────────┘│││3 -┌────────────────────────┐│││ -2││││ -│└─────────────────────────┘└─────────────────────────┘ -└────────────────────────┘┌─────────────────────────┐┌─────────────────────────┐ -┌────────────────────────┐│5││2 -4││││ -│││└─────────────────────────┘ -│││┌─────────────────────────┐ -││││1 -└────────────────────────┘└─────────────────────────┘└─────────────────────────┘ + + + + ┌────────────────────────┐┌─────────────────────────┐┌─────────────────────────┐ +5││1││5 +│└─────────────────────────┘│ +│┌─────────────────────────┐│ +││2││ +││││ +└────────────────────────┘└─────────────────────────┘└─────────────────────────┘ +┌────────────────────────┐┌─────────────────────────┐┌─────────────────────────┐ +1││3││4 +└────────────────────────┘│││ +┌────────────────────────┐│││ +3│└─────────────────────────┘│ +│┌─────────────────────────┐└─────────────────────────┘ +││4│┌─────────────────────────┐ +└────────────────────────┘│││3 +┌────────────────────────┐│││ +2││││ +│└─────────────────────────┘└─────────────────────────┘ +└────────────────────────┘┌─────────────────────────┐┌─────────────────────────┐ +┌────────────────────────┐│5││2 +4││││ +│││└─────────────────────────┘ +│││┌─────────────────────────┐ +││││1 +└────────────────────────┘└─────────────────────────┘└─────────────────────────┘ diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_sparkline_component_classes_colors.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_sparkline_component_classes_colors.svg index 3d0ea29ffa..6ae09b2194 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_sparkline_component_classes_colors.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_sparkline_component_classes_colors.svg @@ -19,682 +19,703 @@ font-weight: 700; } - .terminal-1281792983-matrix { + .terminal-2781696629-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1281792983-title { + .terminal-2781696629-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1281792983-r1 { fill: #e1e1e1 } -.terminal-1281792983-r2 { fill: #c5c8c6 } -.terminal-1281792983-r3 { fill: #fea62b } -.terminal-1281792983-r4 { fill: #eea831 } -.terminal-1281792983-r5 { fill: #d0ac3c } -.terminal-1281792983-r6 { fill: #c2ae42 } -.terminal-1281792983-r7 { fill: #b4b048 } -.terminal-1281792983-r8 { fill: #9ab452 } -.terminal-1281792983-r9 { fill: #8db557 } -.terminal-1281792983-r10 { fill: #78b860 } -.terminal-1281792983-r11 { fill: #6eba63 } -.terminal-1281792983-r12 { fill: #66bb67 } -.terminal-1281792983-r13 { fill: #59bd6c } -.terminal-1281792983-r14 { fill: #54be6e } -.terminal-1281792983-r15 { fill: #4ebe70 } -.terminal-1281792983-r16 { fill: #50be70 } -.terminal-1281792983-r17 { fill: #57bd6d } -.terminal-1281792983-r18 { fill: #5cbc6b } -.terminal-1281792983-r19 { fill: #63bb68 } -.terminal-1281792983-r20 { fill: #74b961 } -.terminal-1281792983-r21 { fill: #7eb85d } -.terminal-1281792983-r22 { fill: #94b454 } -.terminal-1281792983-r23 { fill: #a1b34f } -.terminal-1281792983-r24 { fill: #aeb14a } -.terminal-1281792983-r25 { fill: #caad3f } -.terminal-1281792983-r26 { fill: #d9ab39 } -.terminal-1281792983-r27 { fill: #f7a62d } -.terminal-1281792983-r28 { fill: #f5a72e } -.terminal-1281792983-r29 { fill: #d7ab3a } -.terminal-1281792983-r30 { fill: #c8ad40 } -.terminal-1281792983-r31 { fill: #baaf45 } -.terminal-1281792983-r32 { fill: #9fb350 } -.terminal-1281792983-r33 { fill: #93b555 } -.terminal-1281792983-r34 { fill: #7cb85e } -.terminal-1281792983-r35 { fill: #72b962 } -.terminal-1281792983-r36 { fill: #6abb65 } -.terminal-1281792983-r37 { fill: #5bbd6b } -.terminal-1281792983-r38 { fill: #56bd6d } -.terminal-1281792983-r39 { fill: #4fbe70 } -.terminal-1281792983-r40 { fill: #55bd6e } -.terminal-1281792983-r41 { fill: #5abd6c } -.terminal-1281792983-r42 { fill: #60bc69 } -.terminal-1281792983-r43 { fill: #70ba63 } -.terminal-1281792983-r44 { fill: #79b85f } -.terminal-1281792983-r45 { fill: #8fb556 } -.terminal-1281792983-r46 { fill: #9bb352 } -.terminal-1281792983-r47 { fill: #a8b24c } -.terminal-1281792983-r48 { fill: #c4ae41 } -.terminal-1281792983-r49 { fill: #d3ac3c } -.terminal-1281792983-r50 { fill: #f1a730 } -.terminal-1281792983-r51 { fill: #fba62b } -.terminal-1281792983-r52 { fill: #ddaa37 } -.terminal-1281792983-r53 { fill: #ceac3d } -.terminal-1281792983-r54 { fill: #c0ae43 } -.terminal-1281792983-r55 { fill: #a5b24e } -.terminal-1281792983-r56 { fill: #98b453 } -.terminal-1281792983-r57 { fill: #81b75c } -.terminal-1281792983-r58 { fill: #76b960 } -.terminal-1281792983-r59 { fill: #6dba64 } -.terminal-1281792983-r60 { fill: #5ebc6a } -.terminal-1281792983-r61 { fill: #58bd6c } -.terminal-1281792983-r62 { fill: #50be6f } -.terminal-1281792983-r63 { fill: #4ebf71 } -.terminal-1281792983-r64 { fill: #53be6e } -.terminal-1281792983-r65 { fill: #58bd6d } -.terminal-1281792983-r66 { fill: #5dbc6a } -.terminal-1281792983-r67 { fill: #6cba64 } -.terminal-1281792983-r68 { fill: #75b961 } -.terminal-1281792983-r69 { fill: #8ab658 } -.terminal-1281792983-r70 { fill: #96b454 } -.terminal-1281792983-r71 { fill: #a3b24f } -.terminal-1281792983-r72 { fill: #beaf44 } -.terminal-1281792983-r73 { fill: #ccac3e } -.terminal-1281792983-r74 { fill: #7bb85f } -.terminal-1281792983-r75 { fill: #89b659 } -.terminal-1281792983-r76 { fill: #97b453 } -.terminal-1281792983-r77 { fill: #b1b049 } -.terminal-1281792983-r78 { fill: #d3ac3b } -.terminal-1281792983-r79 { fill: #ddaa38 } -.terminal-1281792983-r80 { fill: #e5a934 } -.terminal-1281792983-r81 { fill: #f2a72f } -.terminal-1281792983-r82 { fill: #fda62b } -.terminal-1281792983-r83 { fill: #f4a72e } -.terminal-1281792983-r84 { fill: #efa830 } -.terminal-1281792983-r85 { fill: #e8a933 } -.terminal-1281792983-r86 { fill: #cdac3e } -.terminal-1281792983-r87 { fill: #b7b047 } -.terminal-1281792983-r88 { fill: #aab14c } -.terminal-1281792983-r89 { fill: #9db351 } -.terminal-1281792983-r90 { fill: #83b75b } -.terminal-1281792983-r91 { fill: #91b556 } -.terminal-1281792983-r92 { fill: #acb14b } -.terminal-1281792983-r93 { fill: #b8af46 } -.terminal-1281792983-r94 { fill: #cfac3d } -.terminal-1281792983-r95 { fill: #e1a936 } -.terminal-1281792983-r96 { fill: #f0a730 } -.terminal-1281792983-r97 { fill: #fca62b } -.terminal-1281792983-r98 { fill: #f6a72d } -.terminal-1281792983-r99 { fill: #f1a72f } -.terminal-1281792983-r100 { fill: #eba832 } -.terminal-1281792983-r101 { fill: #dbaa38 } -.terminal-1281792983-r102 { fill: #d2ac3c } -.terminal-1281792983-r103 { fill: #bcaf45 } -.terminal-1281792983-r104 { fill: #b0b149 } -.terminal-1281792983-r105 { fill: #87b65a } -.terminal-1281792983-r106 { fill: #78b85f } -.terminal-1281792983-r107 { fill: #5abd6b } -.terminal-1281792983-r108 { fill: #6eba64 } -.terminal-1281792983-r109 { fill: #7db85e } -.terminal-1281792983-r110 { fill: #8bb658 } -.terminal-1281792983-r111 { fill: #a6b24d } -.terminal-1281792983-r112 { fill: #b3b048 } -.terminal-1281792983-r113 { fill: #d5ab3b } -.terminal-1281792983-r114 { fill: #deaa37 } -.terminal-1281792983-r115 { fill: #eda831 } -.terminal-1281792983-r116 { fill: #f3a72f } -.terminal-1281792983-r117 { fill: #fba62c } -.terminal-1281792983-r118 { fill: #f8a62d } -.terminal-1281792983-r119 { fill: #f3a72e } -.terminal-1281792983-r120 { fill: #dfaa37 } -.terminal-1281792983-r121 { fill: #d6ab3a } -.terminal-1281792983-r122 { fill: #c1ae43 } -.terminal-1281792983-r123 { fill: #b5b047 } -.terminal-1281792983-r124 { fill: #7fb85d } -.terminal-1281792983-r125 { fill: #f89c2f } -.terminal-1281792983-r126 { fill: #ec8a37 } -.terminal-1281792983-r127 { fill: #e6823b } -.terminal-1281792983-r128 { fill: #e1793f } -.terminal-1281792983-r129 { fill: #d66946 } -.terminal-1281792983-r130 { fill: #d26249 } -.terminal-1281792983-r131 { fill: #c9554f } -.terminal-1281792983-r132 { fill: #c54f52 } -.terminal-1281792983-r133 { fill: #c24a54 } -.terminal-1281792983-r134 { fill: #bd4257 } -.terminal-1281792983-r135 { fill: #bb4059 } -.terminal-1281792983-r136 { fill: #b93c5a } -.terminal-1281792983-r137 { fill: #b93d5a } -.terminal-1281792983-r138 { fill: #bc4158 } -.terminal-1281792983-r139 { fill: #be4456 } -.terminal-1281792983-r140 { fill: #c14855 } -.terminal-1281792983-r141 { fill: #c75350 } -.terminal-1281792983-r142 { fill: #cb584d } -.terminal-1281792983-r143 { fill: #d46647 } -.terminal-1281792983-r144 { fill: #d96e44 } -.terminal-1281792983-r145 { fill: #de7640 } -.terminal-1281792983-r146 { fill: #e98738 } -.terminal-1281792983-r147 { fill: #ef8f34 } -.terminal-1281792983-r148 { fill: #fba22c } -.terminal-1281792983-r149 { fill: #faa02d } -.terminal-1281792983-r150 { fill: #ee8e35 } -.terminal-1281792983-r151 { fill: #e98539 } -.terminal-1281792983-r152 { fill: #e37d3d } -.terminal-1281792983-r153 { fill: #d86d44 } -.terminal-1281792983-r154 { fill: #d46548 } -.terminal-1281792983-r155 { fill: #cb584e } -.terminal-1281792983-r156 { fill: #c75250 } -.terminal-1281792983-r157 { fill: #c44c53 } -.terminal-1281792983-r158 { fill: #be4457 } -.terminal-1281792983-r159 { fill: #bd4357 } -.terminal-1281792983-r160 { fill: #c04755 } -.terminal-1281792983-r161 { fill: #c65051 } -.terminal-1281792983-r162 { fill: #ca564f } -.terminal-1281792983-r163 { fill: #d26349 } -.terminal-1281792983-r164 { fill: #d76a45 } -.terminal-1281792983-r165 { fill: #dc7242 } -.terminal-1281792983-r166 { fill: #e7833a } -.terminal-1281792983-r167 { fill: #ed8c36 } -.terminal-1281792983-r168 { fill: #f89e2e } -.terminal-1281792983-r169 { fill: #fda42b } -.terminal-1281792983-r170 { fill: #f19233 } -.terminal-1281792983-r171 { fill: #eb8937 } -.terminal-1281792983-r172 { fill: #e5803b } -.terminal-1281792983-r173 { fill: #db7043 } -.terminal-1281792983-r174 { fill: #d66846 } -.terminal-1281792983-r175 { fill: #cd5a4d } -.terminal-1281792983-r176 { fill: #c9544f } -.terminal-1281792983-r177 { fill: #bf4556 } -.terminal-1281792983-r178 { fill: #bd4258 } -.terminal-1281792983-r179 { fill: #ba3d5a } -.terminal-1281792983-r180 { fill: #b93c5b } -.terminal-1281792983-r181 { fill: #bb3f59 } -.terminal-1281792983-r182 { fill: #bc4258 } -.terminal-1281792983-r183 { fill: #c44e52 } -.terminal-1281792983-r184 { fill: #c85350 } -.terminal-1281792983-r185 { fill: #d0604a } -.terminal-1281792983-r186 { fill: #d56747 } -.terminal-1281792983-r187 { fill: #da6f43 } -.terminal-1281792983-r188 { fill: #e57f3c } -.terminal-1281792983-r189 { fill: #ea8838 } -.terminal-1281792983-r190 { fill: #be4556 } -.terminal-1281792983-r191 { fill: #ca574e } -.terminal-1281792983-r192 { fill: #d05f4a } -.terminal-1281792983-r193 { fill: #d56846 } -.terminal-1281792983-r194 { fill: #e0783f } -.terminal-1281792983-r195 { fill: #e47f3c } -.terminal-1281792983-r196 { fill: #f49731 } -.terminal-1281792983-r197 { fill: #f99f2e } -.terminal-1281792983-r198 { fill: #fba12c } -.terminal-1281792983-r199 { fill: #fda52b } -.terminal-1281792983-r200 { fill: #f89d2f } -.terminal-1281792983-r201 { fill: #f59930 } -.terminal-1281792983-r202 { fill: #ef8e35 } -.terminal-1281792983-r203 { fill: #eb8938 } -.terminal-1281792983-r204 { fill: #e27b3e } -.terminal-1281792983-r205 { fill: #dd7341 } -.terminal-1281792983-r206 { fill: #d86b45 } -.terminal-1281792983-r207 { fill: #c75251 } -.terminal-1281792983-r208 { fill: #cd5c4c } -.terminal-1281792983-r209 { fill: #d36448 } -.terminal-1281792983-r210 { fill: #de7441 } -.terminal-1281792983-r211 { fill: #e27c3d } -.terminal-1281792983-r212 { fill: #ef8f35 } -.terminal-1281792983-r213 { fill: #f29532 } -.terminal-1281792983-r214 { fill: #f89d2e } -.terminal-1281792983-r215 { fill: #f99e2e } -.terminal-1281792983-r216 { fill: #f69a30 } -.terminal-1281792983-r217 { fill: #f09134 } -.terminal-1281792983-r218 { fill: #ec8b36 } -.terminal-1281792983-r219 { fill: #e47e3c } -.terminal-1281792983-r220 { fill: #df7740 } -.terminal-1281792983-r221 { fill: #cf5e4b } -.terminal-1281792983-r222 { fill: #be4357 } -.terminal-1281792983-r223 { fill: #d1614a } -.terminal-1281792983-r224 { fill: #db7142 } -.terminal-1281792983-r225 { fill: #e0793f } -.terminal-1281792983-r226 { fill: #ed8d36 } -.terminal-1281792983-r227 { fill: #f79c2f } -.terminal-1281792983-r228 { fill: #f99f2d } -.terminal-1281792983-r229 { fill: #fca42b } -.terminal-1281792983-r230 { fill: #fa9f2d } -.terminal-1281792983-r231 { fill: #f29333 } -.terminal-1281792983-r232 { fill: #e6813b } -.terminal-1281792983-r233 { fill: #e17a3e } -.terminal-1281792983-r234 { fill: #d16249 } -.terminal-1281792983-r235 { fill: #cc594d } -.terminal-1281792983-r236 { fill: #153954 } -.terminal-1281792983-r237 { fill: #133e5f } -.terminal-1281792983-r238 { fill: #0f4974 } -.terminal-1281792983-r239 { fill: #0e4e7f } -.terminal-1281792983-r240 { fill: #0c5389 } -.terminal-1281792983-r241 { fill: #095c9c } -.terminal-1281792983-r242 { fill: #0861a5 } -.terminal-1281792983-r243 { fill: #0568b5 } -.terminal-1281792983-r244 { fill: #046cbc } -.terminal-1281792983-r245 { fill: #036fc2 } -.terminal-1281792983-r246 { fill: #0273cb } -.terminal-1281792983-r247 { fill: #0175cf } -.terminal-1281792983-r248 { fill: #0177d3 } -.terminal-1281792983-r249 { fill: #0177d2 } -.terminal-1281792983-r250 { fill: #0274cd } -.terminal-1281792983-r251 { fill: #0272c9 } -.terminal-1281792983-r252 { fill: #0370c4 } -.terminal-1281792983-r253 { fill: #056ab8 } -.terminal-1281792983-r254 { fill: #0666b0 } -.terminal-1281792983-r255 { fill: #095ea0 } -.terminal-1281792983-r256 { fill: #0a5a97 } -.terminal-1281792983-r257 { fill: #0b558d } -.terminal-1281792983-r258 { fill: #0f4b79 } -.terminal-1281792983-r259 { fill: #10466e } -.terminal-1281792983-r260 { fill: #143b58 } -.terminal-1281792983-r261 { fill: #143c5a } -.terminal-1281792983-r262 { fill: #104670 } -.terminal-1281792983-r263 { fill: #0e4c7a } -.terminal-1281792983-r264 { fill: #0d5185 } -.terminal-1281792983-r265 { fill: #0a5a98 } -.terminal-1281792983-r266 { fill: #085fa1 } -.terminal-1281792983-r267 { fill: #0667b2 } -.terminal-1281792983-r268 { fill: #056ab9 } -.terminal-1281792983-r269 { fill: #046dbf } -.terminal-1281792983-r270 { fill: #0273c9 } -.terminal-1281792983-r271 { fill: #0174cd } -.terminal-1281792983-r272 { fill: #0175ce } -.terminal-1281792983-r273 { fill: #0371c6 } -.terminal-1281792983-r274 { fill: #046bbb } -.terminal-1281792983-r275 { fill: #0568b4 } -.terminal-1281792983-r276 { fill: #0860a4 } -.terminal-1281792983-r277 { fill: #095c9b } -.terminal-1281792983-r278 { fill: #0b5791 } -.terminal-1281792983-r279 { fill: #0e4d7d } -.terminal-1281792983-r280 { fill: #104873 } -.terminal-1281792983-r281 { fill: #133d5d } -.terminal-1281792983-r282 { fill: #143955 } -.terminal-1281792983-r283 { fill: #11446b } -.terminal-1281792983-r284 { fill: #0f4976 } -.terminal-1281792983-r285 { fill: #0e4f80 } -.terminal-1281792983-r286 { fill: #0a5894 } -.terminal-1281792983-r287 { fill: #095d9d } -.terminal-1281792983-r288 { fill: #0665ae } -.terminal-1281792983-r289 { fill: #0569b6 } -.terminal-1281792983-r290 { fill: #0272c7 } -.terminal-1281792983-r291 { fill: #0274cc } -.terminal-1281792983-r292 { fill: #0177d1 } -.terminal-1281792983-r293 { fill: #0178d4 } -.terminal-1281792983-r294 { fill: #0176cf } -.terminal-1281792983-r295 { fill: #0272c8 } -.terminal-1281792983-r296 { fill: #046dbd } -.terminal-1281792983-r297 { fill: #0569b7 } -.terminal-1281792983-r298 { fill: #0762a7 } -.terminal-1281792983-r299 { fill: #095e9f } -.terminal-1281792983-r300 { fill: #0a5996 } -.terminal-1281792983-r301 { fill: #0d4f82 } -.terminal-1281792983-r302 { fill: #0f4a77 } -.terminal-1281792983-r303 { fill: #0667b3 } -.terminal-1281792983-r304 { fill: #0762a8 } -.terminal-1281792983-r305 { fill: #095d9e } -.terminal-1281792983-r306 { fill: #0c548b } -.terminal-1281792983-r307 { fill: #104872 } -.terminal-1281792983-r308 { fill: #124165 } -.terminal-1281792983-r309 { fill: #133d5c } -.terminal-1281792983-r310 { fill: #143954 } -.terminal-1281792983-r311 { fill: #133c5a } -.terminal-1281792983-r312 { fill: #133e5e } -.terminal-1281792983-r313 { fill: #124063 } -.terminal-1281792983-r314 { fill: #10466f } -.terminal-1281792983-r315 { fill: #0c5287 } -.terminal-1281792983-r316 { fill: #0b5690 } -.terminal-1281792983-r317 { fill: #0a5b9a } -.terminal-1281792983-r318 { fill: #056ab7 } -.terminal-1281792983-r319 { fill: #0764ad } -.terminal-1281792983-r320 { fill: #085fa2 } -.terminal-1281792983-r321 { fill: #0b568f } -.terminal-1281792983-r322 { fill: #0d5186 } -.terminal-1281792983-r323 { fill: #0f4975 } -.terminal-1281792983-r324 { fill: #114368 } -.terminal-1281792983-r325 { fill: #133d5e } -.terminal-1281792983-r326 { fill: #143b59 } -.terminal-1281792983-r327 { fill: #123f61 } -.terminal-1281792983-r328 { fill: #11456c } -.terminal-1281792983-r329 { fill: #0d5083 } -.terminal-1281792983-r330 { fill: #0c548c } -.terminal-1281792983-r331 { fill: #0763aa } -.terminal-1281792983-r332 { fill: #0273ca } -.terminal-1281792983-r333 { fill: #0667b1 } -.terminal-1281792983-r334 { fill: #0761a7 } -.terminal-1281792983-r335 { fill: #0b5893 } -.terminal-1281792983-r336 { fill: #0c538a } -.terminal-1281792983-r337 { fill: #104771 } -.terminal-1281792983-r338 { fill: #133e60 } -.terminal-1281792983-r339 { fill: #133c5b } -.terminal-1281792983-r340 { fill: #143956 } -.terminal-1281792983-r341 { fill: #143a58 } -.terminal-1281792983-r342 { fill: #11436a } -.terminal-1281792983-r343 { fill: #104770 } -.terminal-1281792983-r344 { fill: #0e4e80 } -.terminal-1281792983-r345 { fill: #0c5288 } -.terminal-1281792983-r346 { fill: #4c2730 } -.terminal-1281792983-r347 { fill: #552833 } -.terminal-1281792983-r348 { fill: #672c3b } -.terminal-1281792983-r349 { fill: #702e3e } -.terminal-1281792983-r350 { fill: #792f41 } -.terminal-1281792983-r351 { fill: #893248 } -.terminal-1281792983-r352 { fill: #91344b } -.terminal-1281792983-r353 { fill: #9e3650 } -.terminal-1281792983-r354 { fill: #a43852 } -.terminal-1281792983-r355 { fill: #a93954 } -.terminal-1281792983-r356 { fill: #b13a58 } -.terminal-1281792983-r357 { fill: #b43b59 } -.terminal-1281792983-r358 { fill: #b83b5a } -.terminal-1281792983-r359 { fill: #b73b5a } -.terminal-1281792983-r360 { fill: #b33a58 } -.terminal-1281792983-r361 { fill: #af3a57 } -.terminal-1281792983-r362 { fill: #ab3955 } -.terminal-1281792983-r363 { fill: #a13751 } -.terminal-1281792983-r364 { fill: #9b364f } -.terminal-1281792983-r365 { fill: #8d3349 } -.terminal-1281792983-r366 { fill: #853246 } -.terminal-1281792983-r367 { fill: #7d3043 } -.terminal-1281792983-r368 { fill: #6b2d3c } -.terminal-1281792983-r369 { fill: #622b38 } -.terminal-1281792983-r370 { fill: #502731 } -.terminal-1281792983-r371 { fill: #512832 } -.terminal-1281792983-r372 { fill: #632b39 } -.terminal-1281792983-r373 { fill: #6d2d3d } -.terminal-1281792983-r374 { fill: #752f40 } -.terminal-1281792983-r375 { fill: #863247 } -.terminal-1281792983-r376 { fill: #8e334a } -.terminal-1281792983-r377 { fill: #9c364f } -.terminal-1281792983-r378 { fill: #a23751 } -.terminal-1281792983-r379 { fill: #a73854 } -.terminal-1281792983-r380 { fill: #b03a57 } -.terminal-1281792983-r381 { fill: #b13a57 } -.terminal-1281792983-r382 { fill: #ad3956 } -.terminal-1281792983-r383 { fill: #a33752 } -.terminal-1281792983-r384 { fill: #9d3650 } -.terminal-1281792983-r385 { fill: #90344a } -.terminal-1281792983-r386 { fill: #883247 } -.terminal-1281792983-r387 { fill: #803144 } -.terminal-1281792983-r388 { fill: #6f2d3e } -.terminal-1281792983-r389 { fill: #662c3a } -.terminal-1281792983-r390 { fill: #542833 } -.terminal-1281792983-r391 { fill: #4d2730 } -.terminal-1281792983-r392 { fill: #602a37 } -.terminal-1281792983-r393 { fill: #692c3b } -.terminal-1281792983-r394 { fill: #722e3f } -.terminal-1281792983-r395 { fill: #833145 } -.terminal-1281792983-r396 { fill: #8a3348 } -.terminal-1281792983-r397 { fill: #99354e } -.terminal-1281792983-r398 { fill: #9f3751 } -.terminal-1281792983-r399 { fill: #a53853 } -.terminal-1281792983-r400 { fill: #ae3a56 } -.terminal-1281792983-r401 { fill: #b23a58 } -.terminal-1281792983-r402 { fill: #b53b59 } -.terminal-1281792983-r403 { fill: #a63853 } -.terminal-1281792983-r404 { fill: #a03751 } -.terminal-1281792983-r405 { fill: #93344c } -.terminal-1281792983-r406 { fill: #8c3349 } -.terminal-1281792983-r407 { fill: #843146 } -.terminal-1281792983-r408 { fill: #732e3f } -.terminal-1281792983-r409 { fill: #6a2c3c } -.terminal-1281792983-r410 { fill: #9d364f } -.terminal-1281792983-r411 { fill: #94344c } -.terminal-1281792983-r412 { fill: #8b3349 } -.terminal-1281792983-r413 { fill: #7b3042 } -.terminal-1281792983-r414 { fill: #602a38 } -.terminal-1281792983-r415 { fill: #5b2936 } -.terminal-1281792983-r416 { fill: #532832 } -.terminal-1281792983-r417 { fill: #592935 } -.terminal-1281792983-r418 { fill: #772f41 } -.terminal-1281792983-r419 { fill: #7f3044 } -.terminal-1281792983-r420 { fill: #873247 } -.terminal-1281792983-r421 { fill: #a23752 } -.terminal-1281792983-r422 { fill: #97354d } -.terminal-1281792983-r423 { fill: #8f334a } -.terminal-1281792983-r424 { fill: #7e3043 } -.terminal-1281792983-r425 { fill: #762f40 } -.terminal-1281792983-r426 { fill: #682c3b } -.terminal-1281792983-r427 { fill: #622b39 } -.terminal-1281792983-r428 { fill: #5d2a36 } -.terminal-1281792983-r429 { fill: #532833 } -.terminal-1281792983-r430 { fill: #572934 } -.terminal-1281792983-r431 { fill: #612b38 } -.terminal-1281792983-r432 { fill: #672c3a } -.terminal-1281792983-r433 { fill: #742e40 } -.terminal-1281792983-r434 { fill: #7c3043 } -.terminal-1281792983-r435 { fill: #95354c } -.terminal-1281792983-r436 { fill: #a43853 } -.terminal-1281792983-r437 { fill: #92344b } -.terminal-1281792983-r438 { fill: #813145 } -.terminal-1281792983-r439 { fill: #7a2f42 } -.terminal-1281792983-r440 { fill: #652b39 } -.terminal-1281792983-r441 { fill: #5f2a37 } -.terminal-1281792983-r442 { fill: #562834 } -.terminal-1281792983-r443 { fill: #522832 } -.terminal-1281792983-r444 { fill: #4f2731 } -.terminal-1281792983-r445 { fill: #5e2a37 } -.terminal-1281792983-r446 { fill: #642b39 } -.terminal-1281792983-r447 { fill: #712e3e } -.terminal-1281792983-r448 { fill: #782f41 } -.terminal-1281792983-r449 { fill: #9a364e } -.terminal-1281792983-r450 { fill: #2c4e36 } -.terminal-1281792983-r451 { fill: #2e573b } -.terminal-1281792983-r452 { fill: #346a45 } -.terminal-1281792983-r453 { fill: #377449 } -.terminal-1281792983-r454 { fill: #3a7d4e } -.terminal-1281792983-r455 { fill: #3f8e57 } -.terminal-1281792983-r456 { fill: #41955b } -.terminal-1281792983-r457 { fill: #45a362 } -.terminal-1281792983-r458 { fill: #47a965 } -.terminal-1281792983-r459 { fill: #49af68 } -.terminal-1281792983-r460 { fill: #4bb76d } -.terminal-1281792983-r461 { fill: #4cba6e } -.terminal-1281792983-r462 { fill: #4dbe70 } -.terminal-1281792983-r463 { fill: #4dbd70 } -.terminal-1281792983-r464 { fill: #4cb96d } -.terminal-1281792983-r465 { fill: #4bb56c } -.terminal-1281792983-r466 { fill: #49b169 } -.terminal-1281792983-r467 { fill: #46a664 } -.terminal-1281792983-r468 { fill: #44a060 } -.terminal-1281792983-r469 { fill: #409159 } -.terminal-1281792983-r470 { fill: #3d8955 } -.terminal-1281792983-r471 { fill: #3b8050 } -.terminal-1281792983-r472 { fill: #356e47 } -.terminal-1281792983-r473 { fill: #336542 } -.terminal-1281792983-r474 { fill: #2d5238 } -.terminal-1281792983-r475 { fill: #2d5338 } -.terminal-1281792983-r476 { fill: #336642 } -.terminal-1281792983-r477 { fill: #367047 } -.terminal-1281792983-r478 { fill: #39794c } -.terminal-1281792983-r479 { fill: #3e8a55 } -.terminal-1281792983-r480 { fill: #409259 } -.terminal-1281792983-r481 { fill: #44a161 } -.terminal-1281792983-r482 { fill: #46a764 } -.terminal-1281792983-r483 { fill: #48ac67 } -.terminal-1281792983-r484 { fill: #4bb66c } -.terminal-1281792983-r485 { fill: #4cb96e } -.terminal-1281792983-r486 { fill: #4bb76c } -.terminal-1281792983-r487 { fill: #4ab36a } -.terminal-1281792983-r488 { fill: #45a262 } -.terminal-1281792983-r489 { fill: #41945a } -.terminal-1281792983-r490 { fill: #3e8c56 } -.terminal-1281792983-r491 { fill: #3c8452 } -.terminal-1281792983-r492 { fill: #377249 } -.terminal-1281792983-r493 { fill: #346944 } -.terminal-1281792983-r494 { fill: #2e563a } -.terminal-1281792983-r495 { fill: #2c4f36 } -.terminal-1281792983-r496 { fill: #326240 } -.terminal-1281792983-r497 { fill: #356c45 } -.terminal-1281792983-r498 { fill: #37754a } -.terminal-1281792983-r499 { fill: #3d8753 } -.terminal-1281792983-r500 { fill: #3f8f58 } -.terminal-1281792983-r501 { fill: #449e5f } -.terminal-1281792983-r502 { fill: #46a463 } -.terminal-1281792983-r503 { fill: #47aa66 } -.terminal-1281792983-r504 { fill: #4ab46b } -.terminal-1281792983-r505 { fill: #4bb86d } -.terminal-1281792983-r506 { fill: #4cbb6f } -.terminal-1281792983-r507 { fill: #4cb86d } -.terminal-1281792983-r508 { fill: #48ab66 } -.terminal-1281792983-r509 { fill: #46a563 } -.terminal-1281792983-r510 { fill: #42985c } -.terminal-1281792983-r511 { fill: #3f9058 } -.terminal-1281792983-r512 { fill: #3d8854 } -.terminal-1281792983-r513 { fill: #38764b } -.terminal-1281792983-r514 { fill: #356d46 } -.terminal-1281792983-r515 { fill: #4bb56b } -.terminal-1281792983-r516 { fill: #45a261 } -.terminal-1281792983-r517 { fill: #42985d } -.terminal-1281792983-r518 { fill: #3a7e4f } -.terminal-1281792983-r519 { fill: #38774b } -.terminal-1281792983-r520 { fill: #326341 } -.terminal-1281792983-r521 { fill: #305d3e } -.terminal-1281792983-r522 { fill: #2e5539 } -.terminal-1281792983-r523 { fill: #2d5339 } -.terminal-1281792983-r524 { fill: #2e573a } -.terminal-1281792983-r525 { fill: #305b3d } -.terminal-1281792983-r526 { fill: #356c46 } -.terminal-1281792983-r527 { fill: #397b4d } -.terminal-1281792983-r528 { fill: #3c8351 } -.terminal-1281792983-r529 { fill: #439c5f } -.terminal-1281792983-r530 { fill: #40935a } -.terminal-1281792983-r531 { fill: #3b8251 } -.terminal-1281792983-r532 { fill: #397a4d } -.terminal-1281792983-r533 { fill: #356b45 } -.terminal-1281792983-r534 { fill: #31603f } -.terminal-1281792983-r535 { fill: #2e553a } -.terminal-1281792983-r536 { fill: #2f593c } -.terminal-1281792983-r537 { fill: #346a44 } -.terminal-1281792983-r538 { fill: #38784c } -.terminal-1281792983-r539 { fill: #429a5d } -.terminal-1281792983-r540 { fill: #44a061 } -.terminal-1281792983-r541 { fill: #42975c } -.terminal-1281792983-r542 { fill: #3c8553 } -.terminal-1281792983-r543 { fill: #336843 } -.terminal-1281792983-r544 { fill: #2f583b } -.terminal-1281792983-r545 { fill: #2e5439 } -.terminal-1281792983-r546 { fill: #2d5137 } -.terminal-1281792983-r547 { fill: #2d5439 } -.terminal-1281792983-r548 { fill: #316140 } -.terminal-1281792983-r549 { fill: #336743 } -.terminal-1281792983-r550 { fill: #37744a } -.terminal-1281792983-r551 { fill: #3a7c4e } -.terminal-1281792983-r552 { fill: #41965b } -.terminal-1281792983-r553 { fill: #449f60 } + .terminal-2781696629-r1 { fill: #e0e0e0 } +.terminal-2781696629-r2 { fill: #c5c8c6 } +.terminal-2781696629-r3 { fill: #fea62b } +.terminal-2781696629-r4 { fill: #eea831 } +.terminal-2781696629-r5 { fill: #d0ac3c } +.terminal-2781696629-r6 { fill: #c2ae42 } +.terminal-2781696629-r7 { fill: #b4b048 } +.terminal-2781696629-r8 { fill: #9ab452 } +.terminal-2781696629-r9 { fill: #8db557 } +.terminal-2781696629-r10 { fill: #78b860 } +.terminal-2781696629-r11 { fill: #6eba63 } +.terminal-2781696629-r12 { fill: #66bb67 } +.terminal-2781696629-r13 { fill: #59bd6c } +.terminal-2781696629-r14 { fill: #54be6e } +.terminal-2781696629-r15 { fill: #4ebe70 } +.terminal-2781696629-r16 { fill: #50be70 } +.terminal-2781696629-r17 { fill: #57bd6d } +.terminal-2781696629-r18 { fill: #5cbc6b } +.terminal-2781696629-r19 { fill: #63bb68 } +.terminal-2781696629-r20 { fill: #74b961 } +.terminal-2781696629-r21 { fill: #7eb85d } +.terminal-2781696629-r22 { fill: #94b454 } +.terminal-2781696629-r23 { fill: #a1b34f } +.terminal-2781696629-r24 { fill: #aeb14a } +.terminal-2781696629-r25 { fill: #caad3f } +.terminal-2781696629-r26 { fill: #d9ab39 } +.terminal-2781696629-r27 { fill: #f7a62d } +.terminal-2781696629-r28 { fill: #f5a72e } +.terminal-2781696629-r29 { fill: #d7ab3a } +.terminal-2781696629-r30 { fill: #c8ad40 } +.terminal-2781696629-r31 { fill: #baaf45 } +.terminal-2781696629-r32 { fill: #9fb350 } +.terminal-2781696629-r33 { fill: #93b555 } +.terminal-2781696629-r34 { fill: #7cb85e } +.terminal-2781696629-r35 { fill: #72b962 } +.terminal-2781696629-r36 { fill: #6abb65 } +.terminal-2781696629-r37 { fill: #5bbd6b } +.terminal-2781696629-r38 { fill: #56bd6d } +.terminal-2781696629-r39 { fill: #4fbe70 } +.terminal-2781696629-r40 { fill: #55bd6e } +.terminal-2781696629-r41 { fill: #5abd6c } +.terminal-2781696629-r42 { fill: #60bc69 } +.terminal-2781696629-r43 { fill: #70ba63 } +.terminal-2781696629-r44 { fill: #79b85f } +.terminal-2781696629-r45 { fill: #8fb556 } +.terminal-2781696629-r46 { fill: #9bb352 } +.terminal-2781696629-r47 { fill: #a8b24c } +.terminal-2781696629-r48 { fill: #c4ae41 } +.terminal-2781696629-r49 { fill: #d3ac3c } +.terminal-2781696629-r50 { fill: #f1a730 } +.terminal-2781696629-r51 { fill: #fba62b } +.terminal-2781696629-r52 { fill: #ddaa37 } +.terminal-2781696629-r53 { fill: #ceac3d } +.terminal-2781696629-r54 { fill: #c0ae43 } +.terminal-2781696629-r55 { fill: #a5b24e } +.terminal-2781696629-r56 { fill: #98b453 } +.terminal-2781696629-r57 { fill: #81b75c } +.terminal-2781696629-r58 { fill: #76b960 } +.terminal-2781696629-r59 { fill: #6dba64 } +.terminal-2781696629-r60 { fill: #5ebc6a } +.terminal-2781696629-r61 { fill: #58bd6c } +.terminal-2781696629-r62 { fill: #50be6f } +.terminal-2781696629-r63 { fill: #4ebf71 } +.terminal-2781696629-r64 { fill: #53be6e } +.terminal-2781696629-r65 { fill: #58bd6d } +.terminal-2781696629-r66 { fill: #5dbc6a } +.terminal-2781696629-r67 { fill: #6cba64 } +.terminal-2781696629-r68 { fill: #75b961 } +.terminal-2781696629-r69 { fill: #8ab658 } +.terminal-2781696629-r70 { fill: #96b454 } +.terminal-2781696629-r71 { fill: #a3b24f } +.terminal-2781696629-r72 { fill: #beaf44 } +.terminal-2781696629-r73 { fill: #ccac3e } +.terminal-2781696629-r74 { fill: #7bb85f } +.terminal-2781696629-r75 { fill: #89b659 } +.terminal-2781696629-r76 { fill: #97b453 } +.terminal-2781696629-r77 { fill: #b1b049 } +.terminal-2781696629-r78 { fill: #d3ac3b } +.terminal-2781696629-r79 { fill: #ddaa38 } +.terminal-2781696629-r80 { fill: #e5a934 } +.terminal-2781696629-r81 { fill: #f2a72f } +.terminal-2781696629-r82 { fill: #fda62b } +.terminal-2781696629-r83 { fill: #f4a72e } +.terminal-2781696629-r84 { fill: #efa830 } +.terminal-2781696629-r85 { fill: #e8a933 } +.terminal-2781696629-r86 { fill: #cdac3e } +.terminal-2781696629-r87 { fill: #b7b047 } +.terminal-2781696629-r88 { fill: #aab14c } +.terminal-2781696629-r89 { fill: #9db351 } +.terminal-2781696629-r90 { fill: #83b75b } +.terminal-2781696629-r91 { fill: #91b556 } +.terminal-2781696629-r92 { fill: #acb14b } +.terminal-2781696629-r93 { fill: #b8af46 } +.terminal-2781696629-r94 { fill: #cfac3d } +.terminal-2781696629-r95 { fill: #e1a936 } +.terminal-2781696629-r96 { fill: #f0a730 } +.terminal-2781696629-r97 { fill: #fca62b } +.terminal-2781696629-r98 { fill: #f6a72d } +.terminal-2781696629-r99 { fill: #f1a72f } +.terminal-2781696629-r100 { fill: #eba832 } +.terminal-2781696629-r101 { fill: #dbaa38 } +.terminal-2781696629-r102 { fill: #d2ac3c } +.terminal-2781696629-r103 { fill: #bcaf45 } +.terminal-2781696629-r104 { fill: #b0b149 } +.terminal-2781696629-r105 { fill: #87b65a } +.terminal-2781696629-r106 { fill: #78b85f } +.terminal-2781696629-r107 { fill: #5abd6b } +.terminal-2781696629-r108 { fill: #6eba64 } +.terminal-2781696629-r109 { fill: #7db85e } +.terminal-2781696629-r110 { fill: #8bb658 } +.terminal-2781696629-r111 { fill: #a6b24d } +.terminal-2781696629-r112 { fill: #b3b048 } +.terminal-2781696629-r113 { fill: #d5ab3b } +.terminal-2781696629-r114 { fill: #deaa37 } +.terminal-2781696629-r115 { fill: #eda831 } +.terminal-2781696629-r116 { fill: #f3a72f } +.terminal-2781696629-r117 { fill: #fba62c } +.terminal-2781696629-r118 { fill: #f8a62d } +.terminal-2781696629-r119 { fill: #f3a72e } +.terminal-2781696629-r120 { fill: #dfaa37 } +.terminal-2781696629-r121 { fill: #d6ab3a } +.terminal-2781696629-r122 { fill: #c1ae43 } +.terminal-2781696629-r123 { fill: #b5b047 } +.terminal-2781696629-r124 { fill: #7fb85d } +.terminal-2781696629-r125 { fill: #f89c2f } +.terminal-2781696629-r126 { fill: #ec8a37 } +.terminal-2781696629-r127 { fill: #e6823b } +.terminal-2781696629-r128 { fill: #e1793f } +.terminal-2781696629-r129 { fill: #d66946 } +.terminal-2781696629-r130 { fill: #d26249 } +.terminal-2781696629-r131 { fill: #c9554f } +.terminal-2781696629-r132 { fill: #c54f52 } +.terminal-2781696629-r133 { fill: #c24a54 } +.terminal-2781696629-r134 { fill: #bd4257 } +.terminal-2781696629-r135 { fill: #bb4059 } +.terminal-2781696629-r136 { fill: #b93c5a } +.terminal-2781696629-r137 { fill: #b93d5a } +.terminal-2781696629-r138 { fill: #bc4158 } +.terminal-2781696629-r139 { fill: #be4456 } +.terminal-2781696629-r140 { fill: #c14855 } +.terminal-2781696629-r141 { fill: #c75350 } +.terminal-2781696629-r142 { fill: #cb584d } +.terminal-2781696629-r143 { fill: #d46647 } +.terminal-2781696629-r144 { fill: #d96e44 } +.terminal-2781696629-r145 { fill: #de7640 } +.terminal-2781696629-r146 { fill: #e98738 } +.terminal-2781696629-r147 { fill: #ef8f34 } +.terminal-2781696629-r148 { fill: #fba22c } +.terminal-2781696629-r149 { fill: #faa02d } +.terminal-2781696629-r150 { fill: #ee8e35 } +.terminal-2781696629-r151 { fill: #e98539 } +.terminal-2781696629-r152 { fill: #e37d3d } +.terminal-2781696629-r153 { fill: #d86d44 } +.terminal-2781696629-r154 { fill: #d46548 } +.terminal-2781696629-r155 { fill: #cb584e } +.terminal-2781696629-r156 { fill: #c75250 } +.terminal-2781696629-r157 { fill: #c44c53 } +.terminal-2781696629-r158 { fill: #be4457 } +.terminal-2781696629-r159 { fill: #bd4357 } +.terminal-2781696629-r160 { fill: #c04755 } +.terminal-2781696629-r161 { fill: #c65051 } +.terminal-2781696629-r162 { fill: #ca564f } +.terminal-2781696629-r163 { fill: #d26349 } +.terminal-2781696629-r164 { fill: #d76a45 } +.terminal-2781696629-r165 { fill: #dc7242 } +.terminal-2781696629-r166 { fill: #e7833a } +.terminal-2781696629-r167 { fill: #ed8c36 } +.terminal-2781696629-r168 { fill: #f89e2e } +.terminal-2781696629-r169 { fill: #fda42b } +.terminal-2781696629-r170 { fill: #f19233 } +.terminal-2781696629-r171 { fill: #eb8937 } +.terminal-2781696629-r172 { fill: #e5803b } +.terminal-2781696629-r173 { fill: #db7043 } +.terminal-2781696629-r174 { fill: #d66846 } +.terminal-2781696629-r175 { fill: #cd5a4d } +.terminal-2781696629-r176 { fill: #c9544f } +.terminal-2781696629-r177 { fill: #bf4556 } +.terminal-2781696629-r178 { fill: #bd4258 } +.terminal-2781696629-r179 { fill: #ba3d5a } +.terminal-2781696629-r180 { fill: #b93c5b } +.terminal-2781696629-r181 { fill: #bb3f59 } +.terminal-2781696629-r182 { fill: #bc4258 } +.terminal-2781696629-r183 { fill: #c44e52 } +.terminal-2781696629-r184 { fill: #c85350 } +.terminal-2781696629-r185 { fill: #d0604a } +.terminal-2781696629-r186 { fill: #d56747 } +.terminal-2781696629-r187 { fill: #da6f43 } +.terminal-2781696629-r188 { fill: #e57f3c } +.terminal-2781696629-r189 { fill: #ea8838 } +.terminal-2781696629-r190 { fill: #be4556 } +.terminal-2781696629-r191 { fill: #ca574e } +.terminal-2781696629-r192 { fill: #d05f4a } +.terminal-2781696629-r193 { fill: #d56846 } +.terminal-2781696629-r194 { fill: #e0783f } +.terminal-2781696629-r195 { fill: #e47f3c } +.terminal-2781696629-r196 { fill: #f49731 } +.terminal-2781696629-r197 { fill: #f99f2e } +.terminal-2781696629-r198 { fill: #fba12c } +.terminal-2781696629-r199 { fill: #fda52b } +.terminal-2781696629-r200 { fill: #f89d2f } +.terminal-2781696629-r201 { fill: #f59930 } +.terminal-2781696629-r202 { fill: #ef8e35 } +.terminal-2781696629-r203 { fill: #eb8938 } +.terminal-2781696629-r204 { fill: #e27b3e } +.terminal-2781696629-r205 { fill: #dd7341 } +.terminal-2781696629-r206 { fill: #d86b45 } +.terminal-2781696629-r207 { fill: #c75251 } +.terminal-2781696629-r208 { fill: #cd5c4c } +.terminal-2781696629-r209 { fill: #d36448 } +.terminal-2781696629-r210 { fill: #de7441 } +.terminal-2781696629-r211 { fill: #e27c3d } +.terminal-2781696629-r212 { fill: #ef8f35 } +.terminal-2781696629-r213 { fill: #f29532 } +.terminal-2781696629-r214 { fill: #f89d2e } +.terminal-2781696629-r215 { fill: #f99e2e } +.terminal-2781696629-r216 { fill: #f69a30 } +.terminal-2781696629-r217 { fill: #f09134 } +.terminal-2781696629-r218 { fill: #ec8b36 } +.terminal-2781696629-r219 { fill: #e47e3c } +.terminal-2781696629-r220 { fill: #df7740 } +.terminal-2781696629-r221 { fill: #cf5e4b } +.terminal-2781696629-r222 { fill: #be4357 } +.terminal-2781696629-r223 { fill: #d1614a } +.terminal-2781696629-r224 { fill: #db7142 } +.terminal-2781696629-r225 { fill: #e0793f } +.terminal-2781696629-r226 { fill: #ed8d36 } +.terminal-2781696629-r227 { fill: #f79c2f } +.terminal-2781696629-r228 { fill: #f99f2d } +.terminal-2781696629-r229 { fill: #fca42b } +.terminal-2781696629-r230 { fill: #fa9f2d } +.terminal-2781696629-r231 { fill: #f29333 } +.terminal-2781696629-r232 { fill: #e6813b } +.terminal-2781696629-r233 { fill: #e17a3e } +.terminal-2781696629-r234 { fill: #d16249 } +.terminal-2781696629-r235 { fill: #cc594d } +.terminal-2781696629-r236 { fill: #583e19 } +.terminal-2781696629-r237 { fill: #66461a } +.terminal-2781696629-r238 { fill: #82581d } +.terminal-2781696629-r239 { fill: #90611f } +.terminal-2781696629-r240 { fill: #9d6920 } +.terminal-2781696629-r241 { fill: #b67923 } +.terminal-2781696629-r242 { fill: #c18024 } +.terminal-2781696629-r243 { fill: #d68c26 } +.terminal-2781696629-r244 { fill: #de9227 } +.terminal-2781696629-r245 { fill: #e69728 } +.terminal-2781696629-r246 { fill: #f39f29 } +.terminal-2781696629-r247 { fill: #f7a22a } +.terminal-2781696629-r248 { fill: #fda52a } +.terminal-2781696629-r249 { fill: #fca42a } +.terminal-2781696629-r250 { fill: #f5a02a } +.terminal-2781696629-r251 { fill: #f09d29 } +.terminal-2781696629-r252 { fill: #e99928 } +.terminal-2781696629-r253 { fill: #d98f27 } +.terminal-2781696629-r254 { fill: #d08926 } +.terminal-2781696629-r255 { fill: #bb7c23 } +.terminal-2781696629-r256 { fill: #af7422 } +.terminal-2781696629-r257 { fill: #a26c21 } +.terminal-2781696629-r258 { fill: #885c1e } +.terminal-2781696629-r259 { fill: #7a531c } +.terminal-2781696629-r260 { fill: #5e4119 } +.terminal-2781696629-r261 { fill: #604319 } +.terminal-2781696629-r262 { fill: #7c541c } +.terminal-2781696629-r263 { fill: #8a5d1e } +.terminal-2781696629-r264 { fill: #97651f } +.terminal-2781696629-r265 { fill: #b17522 } +.terminal-2781696629-r266 { fill: #bc7d23 } +.terminal-2781696629-r267 { fill: #d18a26 } +.terminal-2781696629-r268 { fill: #db9027 } +.terminal-2781696629-r269 { fill: #e39528 } +.terminal-2781696629-r270 { fill: #fca52a } +.terminal-2781696629-r271 { fill: #f7a12a } +.terminal-2781696629-r272 { fill: #f29e29 } +.terminal-2781696629-r273 { fill: #ec9b29 } +.terminal-2781696629-r274 { fill: #dd9127 } +.terminal-2781696629-r275 { fill: #d48c26 } +.terminal-2781696629-r276 { fill: #c07f24 } +.terminal-2781696629-r277 { fill: #b47723 } +.terminal-2781696629-r278 { fill: #a87021 } +.terminal-2781696629-r279 { fill: #8e5f1e } +.terminal-2781696629-r280 { fill: #80571d } +.terminal-2781696629-r281 { fill: #64451a } +.terminal-2781696629-r282 { fill: #5a3f19 } +.terminal-2781696629-r283 { fill: #76511c } +.terminal-2781696629-r284 { fill: #84591d } +.terminal-2781696629-r285 { fill: #92621f } +.terminal-2781696629-r286 { fill: #ab7222 } +.terminal-2781696629-r287 { fill: #b77a23 } +.terminal-2781696629-r288 { fill: #cd8725 } +.terminal-2781696629-r289 { fill: #d78d26 } +.terminal-2781696629-r290 { fill: #e09327 } +.terminal-2781696629-r291 { fill: #ee9c29 } +.terminal-2781696629-r292 { fill: #fba42a } +.terminal-2781696629-r293 { fill: #f8a22a } +.terminal-2781696629-r294 { fill: #f4a029 } +.terminal-2781696629-r295 { fill: #ef9c29 } +.terminal-2781696629-r296 { fill: #e19327 } +.terminal-2781696629-r297 { fill: #d88e26 } +.terminal-2781696629-r298 { fill: #c48224 } +.terminal-2781696629-r299 { fill: #b97b23 } +.terminal-2781696629-r300 { fill: #ad7322 } +.terminal-2781696629-r301 { fill: #93631f } +.terminal-2781696629-r302 { fill: #865b1e } +.terminal-2781696629-r303 { fill: #0178d4 } +.terminal-2781696629-r304 { fill: #0171c8 } +.terminal-2781696629-r305 { fill: #0365b1 } +.terminal-2781696629-r306 { fill: #045fa6 } +.terminal-2781696629-r307 { fill: #05599b } +.terminal-2781696629-r308 { fill: #074f86 } +.terminal-2781696629-r309 { fill: #084a7d } +.terminal-2781696629-r310 { fill: #09416c } +.terminal-2781696629-r311 { fill: #093d65 } +.terminal-2781696629-r312 { fill: #0a3a5f } +.terminal-2781696629-r313 { fill: #0b3454 } +.terminal-2781696629-r314 { fill: #0b3251 } +.terminal-2781696629-r315 { fill: #0b304c } +.terminal-2781696629-r316 { fill: #0b304d } +.terminal-2781696629-r317 { fill: #0b3353 } +.terminal-2781696629-r318 { fill: #0b3657 } +.terminal-2781696629-r319 { fill: #0a385c } +.terminal-2781696629-r320 { fill: #093f69 } +.terminal-2781696629-r321 { fill: #084371 } +.terminal-2781696629-r322 { fill: #074c82 } +.terminal-2781696629-r323 { fill: #06528c } +.terminal-2781696629-r324 { fill: #055796 } +.terminal-2781696629-r325 { fill: #0463ac } +.terminal-2781696629-r326 { fill: #0369b7 } +.terminal-2781696629-r327 { fill: #0175ce } +.terminal-2781696629-r328 { fill: #0174cd } +.terminal-2781696629-r329 { fill: #0368b6 } +.terminal-2781696629-r330 { fill: #0462aa } +.terminal-2781696629-r331 { fill: #055c9f } +.terminal-2781696629-r332 { fill: #06518a } +.terminal-2781696629-r333 { fill: #074c81 } +.terminal-2781696629-r334 { fill: #094370 } +.terminal-2781696629-r335 { fill: #093f68 } +.terminal-2781696629-r336 { fill: #0a3b61 } +.terminal-2781696629-r337 { fill: #0b3556 } +.terminal-2781696629-r338 { fill: #0b3352 } +.terminal-2781696629-r339 { fill: #0b3555 } +.terminal-2781696629-r340 { fill: #0a375a } +.terminal-2781696629-r341 { fill: #093e66 } +.terminal-2781696629-r342 { fill: #09416d } +.terminal-2781696629-r343 { fill: #074a7e } +.terminal-2781696629-r344 { fill: #074f88 } +.terminal-2781696629-r345 { fill: #065592 } +.terminal-2781696629-r346 { fill: #0460a7 } +.terminal-2781696629-r347 { fill: #0366b2 } +.terminal-2781696629-r348 { fill: #0172c9 } +.terminal-2781696629-r349 { fill: #0177d2 } +.terminal-2781696629-r350 { fill: #036aba } +.terminal-2781696629-r351 { fill: #0364af } +.terminal-2781696629-r352 { fill: #045ea4 } +.terminal-2781696629-r353 { fill: #06538f } +.terminal-2781696629-r354 { fill: #074e85 } +.terminal-2781696629-r355 { fill: #084473 } +.terminal-2781696629-r356 { fill: #09406b } +.terminal-2781696629-r357 { fill: #0a3c64 } +.terminal-2781696629-r358 { fill: #0a3658 } +.terminal-2781696629-r359 { fill: #0b314e } +.terminal-2781696629-r360 { fill: #0c304c } +.terminal-2781696629-r361 { fill: #0b3250 } +.terminal-2781696629-r362 { fill: #0b3453 } +.terminal-2781696629-r363 { fill: #0b3658 } +.terminal-2781696629-r364 { fill: #0a3c63 } +.terminal-2781696629-r365 { fill: #09406a } +.terminal-2781696629-r366 { fill: #08487a } +.terminal-2781696629-r367 { fill: #074d84 } +.terminal-2781696629-r368 { fill: #06528d } +.terminal-2781696629-r369 { fill: #045ea2 } +.terminal-2781696629-r370 { fill: #0463ad } +.terminal-2781696629-r371 { fill: #441e27 } +.terminal-2781696629-r372 { fill: #4e202b } +.terminal-2781696629-r373 { fill: #612534 } +.terminal-2781696629-r374 { fill: #6b2838 } +.terminal-2781696629-r375 { fill: #742a3c } +.terminal-2781696629-r376 { fill: #862f44 } +.terminal-2781696629-r377 { fill: #8e3148 } +.terminal-2781696629-r378 { fill: #9c344e } +.terminal-2781696629-r379 { fill: #a33651 } +.terminal-2781696629-r380 { fill: #a83753 } +.terminal-2781696629-r381 { fill: #b13a57 } +.terminal-2781696629-r382 { fill: #b43a59 } +.terminal-2781696629-r383 { fill: #b83b5a } +.terminal-2781696629-r384 { fill: #b73b5a } +.terminal-2781696629-r385 { fill: #b23a58 } +.terminal-2781696629-r386 { fill: #af3956 } +.terminal-2781696629-r387 { fill: #aa3854 } +.terminal-2781696629-r388 { fill: #9f354f } +.terminal-2781696629-r389 { fill: #98334c } +.terminal-2781696629-r390 { fill: #892f46 } +.terminal-2781696629-r391 { fill: #812d42 } +.terminal-2781696629-r392 { fill: #782b3e } +.terminal-2781696629-r393 { fill: #662636 } +.terminal-2781696629-r394 { fill: #5c2431 } +.terminal-2781696629-r395 { fill: #481f28 } +.terminal-2781696629-r396 { fill: #491f29 } +.terminal-2781696629-r397 { fill: #5d2432 } +.terminal-2781696629-r398 { fill: #672736 } +.terminal-2781696629-r399 { fill: #70293a } +.terminal-2781696629-r400 { fill: #822e42 } +.terminal-2781696629-r401 { fill: #8b3046 } +.terminal-2781696629-r402 { fill: #99344d } +.terminal-2781696629-r403 { fill: #a03550 } +.terminal-2781696629-r404 { fill: #a63752 } +.terminal-2781696629-r405 { fill: #b33a58 } +.terminal-2781696629-r406 { fill: #b43a58 } +.terminal-2781696629-r407 { fill: #b03957 } +.terminal-2781696629-r408 { fill: #ac3855 } +.terminal-2781696629-r409 { fill: #a23650 } +.terminal-2781696629-r410 { fill: #9b344e } +.terminal-2781696629-r411 { fill: #8d3047 } +.terminal-2781696629-r412 { fill: #852e43 } +.terminal-2781696629-r413 { fill: #7c2c40 } +.terminal-2781696629-r414 { fill: #6a2737 } +.terminal-2781696629-r415 { fill: #602533 } +.terminal-2781696629-r416 { fill: #4c202a } +.terminal-2781696629-r417 { fill: #451e27 } +.terminal-2781696629-r418 { fill: #592330 } +.terminal-2781696629-r419 { fill: #632634 } +.terminal-2781696629-r420 { fill: #6c2839 } +.terminal-2781696629-r421 { fill: #7f2d41 } +.terminal-2781696629-r422 { fill: #872f45 } +.terminal-2781696629-r423 { fill: #96334b } +.terminal-2781696629-r424 { fill: #9d354e } +.terminal-2781696629-r425 { fill: #ad3956 } +.terminal-2781696629-r426 { fill: #b53b59 } +.terminal-2781696629-r427 { fill: #ae3956 } +.terminal-2781696629-r428 { fill: #a43651 } +.terminal-2781696629-r429 { fill: #9e354f } +.terminal-2781696629-r430 { fill: #903149 } +.terminal-2781696629-r431 { fill: #882f45 } +.terminal-2781696629-r432 { fill: #802d41 } +.terminal-2781696629-r433 { fill: #6e2839 } +.terminal-2781696629-r434 { fill: #642635 } +.terminal-2781696629-r435 { fill: #9b344d } +.terminal-2781696629-r436 { fill: #913149 } +.terminal-2781696629-r437 { fill: #762a3d } +.terminal-2781696629-r438 { fill: #54222e } +.terminal-2781696629-r439 { fill: #4b1f2a } +.terminal-2781696629-r440 { fill: #4a1f29 } +.terminal-2781696629-r441 { fill: #4d202b } +.terminal-2781696629-r442 { fill: #52212d } +.terminal-2781696629-r443 { fill: #732a3b } +.terminal-2781696629-r444 { fill: #7b2c3f } +.terminal-2781696629-r445 { fill: #842e43 } +.terminal-2781696629-r446 { fill: #95324b } +.terminal-2781696629-r447 { fill: #8c3047 } +.terminal-2781696629-r448 { fill: #7a2b3f } +.terminal-2781696629-r449 { fill: #71293b } +.terminal-2781696629-r450 { fill: #632534 } +.terminal-2781696629-r451 { fill: #56222f } +.terminal-2781696629-r452 { fill: #481f29 } +.terminal-2781696629-r453 { fill: #50212c } +.terminal-2781696629-r454 { fill: #5a2331 } +.terminal-2781696629-r455 { fill: #612533 } +.terminal-2781696629-r456 { fill: #6f293a } +.terminal-2781696629-r457 { fill: #772b3e } +.terminal-2781696629-r458 { fill: #92324a } +.terminal-2781696629-r459 { fill: #99334d } +.terminal-2781696629-r460 { fill: #903148 } +.terminal-2781696629-r461 { fill: #7d2c40 } +.terminal-2781696629-r462 { fill: #752a3c } +.terminal-2781696629-r463 { fill: #5f2433 } +.terminal-2781696629-r464 { fill: #4f202b } +.terminal-2781696629-r465 { fill: #471e28 } +.terminal-2781696629-r466 { fill: #582330 } +.terminal-2781696629-r467 { fill: #5e2432 } +.terminal-2781696629-r468 { fill: #6c2838 } +.terminal-2781696629-r469 { fill: #24452e } +.terminal-2781696629-r470 { fill: #274f33 } +.terminal-2781696629-r471 { fill: #2e643f } +.terminal-2781696629-r472 { fill: #326e44 } +.terminal-2781696629-r473 { fill: #35774a } +.terminal-2781696629-r474 { fill: #3b8a54 } +.terminal-2781696629-r475 { fill: #3e9258 } +.terminal-2781696629-r476 { fill: #43a160 } +.terminal-2781696629-r477 { fill: #46a864 } +.terminal-2781696629-r478 { fill: #48ad67 } +.terminal-2781696629-r479 { fill: #4bb76c } +.terminal-2781696629-r480 { fill: #4cba6e } +.terminal-2781696629-r481 { fill: #4dbe70 } +.terminal-2781696629-r482 { fill: #4dbd70 } +.terminal-2781696629-r483 { fill: #4bb86d } +.terminal-2781696629-r484 { fill: #4ab46b } +.terminal-2781696629-r485 { fill: #48b068 } +.terminal-2781696629-r486 { fill: #44a462 } +.terminal-2781696629-r487 { fill: #429d5e } +.terminal-2781696629-r488 { fill: #3d8d56 } +.terminal-2781696629-r489 { fill: #3a8551 } +.terminal-2781696629-r490 { fill: #367c4c } +.terminal-2781696629-r491 { fill: #306841 } +.terminal-2781696629-r492 { fill: #2c5e3b } +.terminal-2781696629-r493 { fill: #254930 } +.terminal-2781696629-r494 { fill: #264b31 } +.terminal-2781696629-r495 { fill: #2d5f3c } +.terminal-2781696629-r496 { fill: #306942 } +.terminal-2781696629-r497 { fill: #347347 } +.terminal-2781696629-r498 { fill: #3a8651 } +.terminal-2781696629-r499 { fill: #3d8f56 } +.terminal-2781696629-r500 { fill: #429e5f } +.terminal-2781696629-r501 { fill: #45a562 } +.terminal-2781696629-r502 { fill: #47ab66 } +.terminal-2781696629-r503 { fill: #4ab56b } +.terminal-2781696629-r504 { fill: #4bb96d } +.terminal-2781696629-r505 { fill: #4cb96e } +.terminal-2781696629-r506 { fill: #4bb66c } +.terminal-2781696629-r507 { fill: #49b269 } +.terminal-2781696629-r508 { fill: #45a763 } +.terminal-2781696629-r509 { fill: #43a060 } +.terminal-2781696629-r510 { fill: #3e9157 } +.terminal-2781696629-r511 { fill: #3b8953 } +.terminal-2781696629-r512 { fill: #38804e } +.terminal-2781696629-r513 { fill: #316c43 } +.terminal-2781696629-r514 { fill: #2e623e } +.terminal-2781696629-r515 { fill: #274d32 } +.terminal-2781696629-r516 { fill: #24462e } +.terminal-2781696629-r517 { fill: #2b5b3a } +.terminal-2781696629-r518 { fill: #2f653f } +.terminal-2781696629-r519 { fill: #326f45 } +.terminal-2781696629-r520 { fill: #39824f } +.terminal-2781696629-r521 { fill: #3c8b54 } +.terminal-2781696629-r522 { fill: #419b5d } +.terminal-2781696629-r523 { fill: #44a261 } +.terminal-2781696629-r524 { fill: #46a964 } +.terminal-2781696629-r525 { fill: #4ab36a } +.terminal-2781696629-r526 { fill: #4dbd6f } +.terminal-2781696629-r527 { fill: #4cbb6e } +.terminal-2781696629-r528 { fill: #46a965 } +.terminal-2781696629-r529 { fill: #44a361 } +.terminal-2781696629-r530 { fill: #3f9459 } +.terminal-2781696629-r531 { fill: #3c8c55 } +.terminal-2781696629-r532 { fill: #398350 } +.terminal-2781696629-r533 { fill: #337146 } +.terminal-2781696629-r534 { fill: #2f6740 } +.terminal-2781696629-r535 { fill: #439f5f } +.terminal-2781696629-r536 { fill: #3f955a } +.terminal-2781696629-r537 { fill: #3c8c54 } +.terminal-2781696629-r538 { fill: #36794a } +.terminal-2781696629-r539 { fill: #295637 } +.terminal-2781696629-r540 { fill: #264c32 } +.terminal-2781696629-r541 { fill: #295336 } +.terminal-2781696629-r542 { fill: #2f6640 } +.terminal-2781696629-r543 { fill: #347648 } +.terminal-2781696629-r544 { fill: #377e4d } +.terminal-2781696629-r545 { fill: #3b8752 } +.terminal-2781696629-r546 { fill: #45a563 } +.terminal-2781696629-r547 { fill: #419a5c } +.terminal-2781696629-r548 { fill: #3d9057 } +.terminal-2781696629-r549 { fill: #377d4d } +.terminal-2781696629-r550 { fill: #347448 } +.terminal-2781696629-r551 { fill: #2c5e3c } +.terminal-2781696629-r552 { fill: #2a5838 } +.terminal-2781696629-r553 { fill: #274e33 } +.terminal-2781696629-r554 { fill: #264a31 } +.terminal-2781696629-r555 { fill: #254a30 } +.terminal-2781696629-r556 { fill: #264d32 } +.terminal-2781696629-r557 { fill: #285135 } +.terminal-2781696629-r558 { fill: #2c5c3b } +.terminal-2781696629-r559 { fill: #2e633e } +.terminal-2781696629-r560 { fill: #337247 } +.terminal-2781696629-r561 { fill: #367a4b } +.terminal-2781696629-r562 { fill: #40975b } +.terminal-2781696629-r563 { fill: #4ab66c } +.terminal-2781696629-r564 { fill: #38814f } +.terminal-2781696629-r565 { fill: #35784a } +.terminal-2781696629-r566 { fill: #2d613d } +.terminal-2781696629-r567 { fill: #2b5a3a } +.terminal-2781696629-r568 { fill: #275034 } +.terminal-2781696629-r569 { fill: #24462f } +.terminal-2781696629-r570 { fill: #254830 } +.terminal-2781696629-r571 { fill: #2b5a39 } +.terminal-2781696629-r572 { fill: #2d603d } +.terminal-2781696629-r573 { fill: #357749 } +.terminal-2781696629-r574 { fill: #429c5e } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - SparklineColorsApp + SparklineColorsApp - - - - -▇▇▇▇▇ - -▇▇▇▇▇ - -▇▇▇▇▇▇ - -▇▇▇▇▇▇ - -▇▇▇▇▇▇ - -▇▇▇▇▇▇ - -▇▇▇▇▇▇ - -▇▇▇▇▇▇▇█▇ - -▇▇▇▇▇▇ - -▇▇▇▇▇▇▇█▇ - - - + + + + +▇▇▇▇▇ + +▇▇▇▇▇ + +▇▇▇▇▇▇ + +▇▇▇▇▇▇ + +▇▇▇▇▇ + +▇▇▇▇▇▇ + +▇▇▇▇▇▇ + +▇▇▇▇▇▇▇█▇ + +▇▇▇▇▇▇ + +▇▇▇▇▇▇▇█▇ + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_sparkline_render.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_sparkline_render.svg index 244d0b305b..0670ed3c15 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_sparkline_render.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_sparkline_render.svg @@ -19,217 +19,219 @@ font-weight: 700; } - .terminal-2944033235-matrix { + .terminal-3589090514-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2944033235-title { + .terminal-3589090514-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2944033235-r1 { fill: #e1e1e1 } -.terminal-2944033235-r2 { fill: #c5c8c6 } -.terminal-2944033235-r3 { fill: #104670 } -.terminal-2944033235-r4 { fill: #0c548b } -.terminal-2944033235-r5 { fill: #104772 } -.terminal-2944033235-r6 { fill: #0a5996 } -.terminal-2944033235-r7 { fill: #0d5083 } -.terminal-2944033235-r8 { fill: #0d5186 } -.terminal-2944033235-r9 { fill: #0569b6 } -.terminal-2944033235-r10 { fill: #0762a7 } -.terminal-2944033235-r11 { fill: #0e4d7d } -.terminal-2944033235-r12 { fill: #104872 } -.terminal-2944033235-r13 { fill: #0f4a77 } -.terminal-2944033235-r14 { fill: #0b5791 } -.terminal-2944033235-r15 { fill: #0274cc } -.terminal-2944033235-r16 { fill: #0d5084 } -.terminal-2944033235-r17 { fill: #0371c6 } -.terminal-2944033235-r18 { fill: #085fa1 } -.terminal-2944033235-r19 { fill: #0a5b99 } -.terminal-2944033235-r20 { fill: #0c538a } -.terminal-2944033235-r21 { fill: #0a5a97 } -.terminal-2944033235-r22 { fill: #0c5288 } -.terminal-2944033235-r23 { fill: #11456d } -.terminal-2944033235-r24 { fill: #0d4f81 } -.terminal-2944033235-r25 { fill: #0d5185 } -.terminal-2944033235-r26 { fill: #0b568f } -.terminal-2944033235-r27 { fill: #0178d4 } -.terminal-2944033235-r28 { fill: #0668b3 } -.terminal-2944033235-r29 { fill: #0f4a76 } -.terminal-2944033235-r30 { fill: #0f4b78 } -.terminal-2944033235-r31 { fill: #0763aa } -.terminal-2944033235-r32 { fill: #0b5690 } -.terminal-2944033235-r33 { fill: #0e4c7c } -.terminal-2944033235-r34 { fill: #0175cf } -.terminal-2944033235-r35 { fill: #0e4e80 } -.terminal-2944033235-r36 { fill: #0c5388 } -.terminal-2944033235-r37 { fill: #0c5287 } -.terminal-2944033235-r38 { fill: #0a5894 } -.terminal-2944033235-r39 { fill: #0b558d } -.terminal-2944033235-r40 { fill: #056ab8 } -.terminal-2944033235-r41 { fill: #0e4c7b } -.terminal-2944033235-r42 { fill: #0762a8 } -.terminal-2944033235-r43 { fill: #0665ad } -.terminal-2944033235-r44 { fill: #0e4d7c } -.terminal-2944033235-r45 { fill: #0c548c } -.terminal-2944033235-r46 { fill: #0e4e7f } -.terminal-2944033235-r47 { fill: #0f4b7a } -.terminal-2944033235-r48 { fill: #0667b2 } -.terminal-2944033235-r49 { fill: #11446c } -.terminal-2944033235-r50 { fill: #0f4975 } -.terminal-2944033235-r51 { fill: #0568b4 } -.terminal-2944033235-r52 { fill: #0f4976 } -.terminal-2944033235-r53 { fill: #085fa2 } -.terminal-2944033235-r54 { fill: #0a5a98 } -.terminal-2944033235-r55 { fill: #124164 } -.terminal-2944033235-r56 { fill: #0d5287 } -.terminal-2944033235-r57 { fill: #133e5e } -.terminal-2944033235-r58 { fill: #10466f } -.terminal-2944033235-r59 { fill: #124266 } -.terminal-2944033235-r60 { fill: #123f61 } -.terminal-2944033235-r61 { fill: #124063 } -.terminal-2944033235-r62 { fill: #114267 } -.terminal-2944033235-r63 { fill: #114369 } -.terminal-2944033235-r64 { fill: #124062 } -.terminal-2944033235-r65 { fill: #133e5f } -.terminal-2944033235-r66 { fill: #124165 } -.terminal-2944033235-r67 { fill: #124166 } -.terminal-2944033235-r68 { fill: #10456d } -.terminal-2944033235-r69 { fill: #123f62 } -.terminal-2944033235-r70 { fill: #114368 } -.terminal-2944033235-r71 { fill: #11446a } -.terminal-2944033235-r72 { fill: #124064 } -.terminal-2944033235-r73 { fill: #104873 } -.terminal-2944033235-r74 { fill: #133f60 } -.terminal-2944033235-r75 { fill: #133d5d } -.terminal-2944033235-r76 { fill: #11446b } -.terminal-2944033235-r77 { fill: #11456c } -.terminal-2944033235-r78 { fill: #123f60 } -.terminal-2944033235-r79 { fill: #11436a } -.terminal-2944033235-r80 { fill: #133d5c } -.terminal-2944033235-r81 { fill: #143954 } -.terminal-2944033235-r82 { fill: #143b58 } -.terminal-2944033235-r83 { fill: #143a56 } -.terminal-2944033235-r84 { fill: #143955 } -.terminal-2944033235-r85 { fill: #153954 } -.terminal-2944033235-r86 { fill: #143a57 } -.terminal-2944033235-r87 { fill: #143956 } -.terminal-2944033235-r88 { fill: #143c5a } + .terminal-3589090514-r1 { fill: #e0e0e0 } +.terminal-3589090514-r2 { fill: #c5c8c6 } +.terminal-3589090514-r3 { fill: #093f69 } +.terminal-3589090514-r4 { fill: #074f87 } +.terminal-3589090514-r5 { fill: #09406c } +.terminal-3589090514-r6 { fill: #065592 } +.terminal-3589090514-r7 { fill: #074a7e } +.terminal-3589090514-r8 { fill: #074c81 } +.terminal-3589090514-r9 { fill: #0367b5 } +.terminal-3589090514-r10 { fill: #045fa4 } +.terminal-3589090514-r11 { fill: #084778 } +.terminal-3589090514-r12 { fill: #09416c } +.terminal-3589090514-r13 { fill: #093f6a } +.terminal-3589090514-r14 { fill: #084472 } +.terminal-3589090514-r15 { fill: #06528d } +.terminal-3589090514-r16 { fill: #0173cc } +.terminal-3589090514-r17 { fill: #074b7f } +.terminal-3589090514-r18 { fill: #0270c6 } +.terminal-3589090514-r19 { fill: #055b9e } +.terminal-3589090514-r20 { fill: #065796 } +.terminal-3589090514-r21 { fill: #074e86 } +.terminal-3589090514-r22 { fill: #065593 } +.terminal-3589090514-r23 { fill: #074d83 } +.terminal-3589090514-r24 { fill: #093e66 } +.terminal-3589090514-r25 { fill: #08497c } +.terminal-3589090514-r26 { fill: #084471 } +.terminal-3589090514-r27 { fill: #074b80 } +.terminal-3589090514-r28 { fill: #06518b } +.terminal-3589090514-r29 { fill: #065693 } +.terminal-3589090514-r30 { fill: #0178d4 } +.terminal-3589090514-r31 { fill: #0365b1 } +.terminal-3589090514-r32 { fill: #084371 } +.terminal-3589090514-r33 { fill: #0460a8 } +.terminal-3589090514-r34 { fill: #06528c } +.terminal-3589090514-r35 { fill: #084676 } +.terminal-3589090514-r36 { fill: #0175cf } +.terminal-3589090514-r37 { fill: #08487a } +.terminal-3589090514-r38 { fill: #074d84 } +.terminal-3589090514-r39 { fill: #074c82 } +.terminal-3589090514-r40 { fill: #065490 } +.terminal-3589090514-r41 { fill: #075089 } +.terminal-3589090514-r42 { fill: #0368b7 } +.terminal-3589090514-r43 { fill: #045fa5 } +.terminal-3589090514-r44 { fill: #0462ab } +.terminal-3589090514-r45 { fill: #084777 } +.terminal-3589090514-r46 { fill: #084574 } +.terminal-3589090514-r47 { fill: #0365b0 } +.terminal-3589090514-r48 { fill: #093d65 } +.terminal-3589090514-r49 { fill: #09426f } +.terminal-3589090514-r50 { fill: #0366b2 } +.terminal-3589090514-r51 { fill: #094370 } +.terminal-3589090514-r52 { fill: #055c9f } +.terminal-3589090514-r53 { fill: #074f86 } +.terminal-3589090514-r54 { fill: #065694 } +.terminal-3589090514-r55 { fill: #0a395d } +.terminal-3589090514-r56 { fill: #0b3557 } +.terminal-3589090514-r57 { fill: #093f68 } +.terminal-3589090514-r58 { fill: #0a3a5f } +.terminal-3589090514-r59 { fill: #0a375a } +.terminal-3589090514-r60 { fill: #0a385c } +.terminal-3589090514-r61 { fill: #0a3a60 } +.terminal-3589090514-r62 { fill: #0a3c62 } +.terminal-3589090514-r63 { fill: #0a385b } +.terminal-3589090514-r64 { fill: #0b3657 } +.terminal-3589090514-r65 { fill: #0a395e } +.terminal-3589090514-r66 { fill: #0b3658 } +.terminal-3589090514-r67 { fill: #093e67 } +.terminal-3589090514-r68 { fill: #0a3b61 } +.terminal-3589090514-r69 { fill: #0a3c64 } +.terminal-3589090514-r70 { fill: #0a3b62 } +.terminal-3589090514-r71 { fill: #0a3759 } +.terminal-3589090514-r72 { fill: #09416d } +.terminal-3589090514-r73 { fill: #0b3556 } +.terminal-3589090514-r74 { fill: #093d66 } +.terminal-3589090514-r75 { fill: #093d64 } +.terminal-3589090514-r76 { fill: #0a3a5e } +.terminal-3589090514-r77 { fill: #0a3b60 } +.terminal-3589090514-r78 { fill: #0a3c63 } +.terminal-3589090514-r79 { fill: #0a375b } +.terminal-3589090514-r80 { fill: #0b3555 } +.terminal-3589090514-r81 { fill: #0b3455 } +.terminal-3589090514-r82 { fill: #0b304c } +.terminal-3589090514-r83 { fill: #0b3250 } +.terminal-3589090514-r84 { fill: #0b314e } +.terminal-3589090514-r85 { fill: #0b304d } +.terminal-3589090514-r86 { fill: #0c304c } +.terminal-3589090514-r87 { fill: #0b314d } +.terminal-3589090514-r88 { fill: #0b314f } +.terminal-3589090514-r89 { fill: #0b3352 } +.terminal-3589090514-r90 { fill: #0b324f } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - SparklineSummaryFunctionApp + SparklineSummaryFunctionApp - - - - - - - - -▂▂▁▁ - - -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - - - - - - - - - - - - - - + + + + + + + + +▁▁▂▂▁▁▁▁ + + +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_split.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_split.svg index 312497f72b..cd5291e479 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_split.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_split.svg @@ -19,163 +19,163 @@ font-weight: 700; } - .terminal-1028062092-matrix { + .terminal-2976768839-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1028062092-title { + .terminal-2976768839-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1028062092-r1 { fill: #c5c8c6 } -.terminal-1028062092-r2 { fill: #1e1e1e } -.terminal-1028062092-r3 { fill: #ede6e6 } -.terminal-1028062092-r4 { fill: #efeedf } -.terminal-1028062092-r5 { fill: #efe9e4 } -.terminal-1028062092-r6 { fill: #e9eee5 } -.terminal-1028062092-r7 { fill: #e8e0e7 } -.terminal-1028062092-r8 { fill: #e4eee8 } -.terminal-1028062092-r9 { fill: #e1e1e1 } -.terminal-1028062092-r10 { fill: #eae3e5 } + .terminal-2976768839-r1 { fill: #c5c8c6 } +.terminal-2976768839-r2 { fill: #121212 } +.terminal-2976768839-r3 { fill: #ece5e5 } +.terminal-2976768839-r4 { fill: #eeeddf } +.terminal-2976768839-r5 { fill: #eee8e3 } +.terminal-2976768839-r6 { fill: #e8ede4 } +.terminal-2976768839-r7 { fill: #e7e0e6 } +.terminal-2976768839-r8 { fill: #e3ede7 } +.terminal-2976768839-r9 { fill: #e0e0e0 } +.terminal-2976768839-r10 { fill: #eae2e4 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - SplitApp + SplitApp - - - - - -#split3 - - - - - -1 - - - -#split4 -2 -#split1 - - - -3 - - - - - -#split2 - - - - + + + + + +#split3 + + + + + +1 + + + +#split4 +2 +#split1 + + + +3 + + + + + +#split2 + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_split_segments_infinite_loop.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_split_segments_infinite_loop.svg index fb874be20f..d41e3b4475 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_split_segments_infinite_loop.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_split_segments_infinite_loop.svg @@ -19,136 +19,135 @@ font-weight: 700; } - .terminal-3928618528-matrix { + .terminal-4224541166-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3928618528-title { + .terminal-4224541166-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3928618528-r1 { fill: #1e1e1e } -.terminal-3928618528-r2 { fill: #0178d4 } -.terminal-3928618528-r3 { fill: #c5c8c6 } -.terminal-3928618528-r4 { fill: #a8a8a8;font-weight: bold } -.terminal-3928618528-r5 { fill: #151515 } -.terminal-3928618528-r6 { fill: #e2e2e2 } + .terminal-4224541166-r1 { fill: #121212 } +.terminal-4224541166-r2 { fill: #0178d4 } +.terminal-4224541166-r3 { fill: #c5c8c6 } +.terminal-4224541166-r4 { fill: #959595;font-weight: bold } +.terminal-4224541166-r5 { fill: #e0e0e0 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - CodeApp + CodeApp - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ -1  x - - - - - - - - - - - - - - - - - - - - - -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +1  x + + + + + + + + + + + + + + + + + + + + + +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_switches.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_switches.svg index b85f38aec8..c00e1b029f 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_switches.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_switches.svg @@ -19,138 +19,138 @@ font-weight: 700; } - .terminal-2955628272-matrix { + .terminal-2896306960-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2955628272-title { + .terminal-2896306960-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2955628272-r1 { fill: #e1e1e1 } -.terminal-2955628272-r2 { fill: #c5c8c6 } -.terminal-2955628272-r3 { fill: #e1e1e1;font-weight: bold } -.terminal-2955628272-r4 { fill: #1e1e1e } -.terminal-2955628272-r5 { fill: #0178d4 } -.terminal-2955628272-r6 { fill: #e2e2e2 } -.terminal-2955628272-r7 { fill: #262626 } -.terminal-2955628272-r8 { fill: #2f4f4f } -.terminal-2955628272-r9 { fill: #e3e8e8 } + .terminal-2896306960-r1 { fill: #e0e0e0 } +.terminal-2896306960-r2 { fill: #c5c8c6 } +.terminal-2896306960-r3 { fill: #e0e0e0;font-weight: bold } +.terminal-2896306960-r4 { fill: #121212 } +.terminal-2896306960-r5 { fill: #0178d4 } +.terminal-2896306960-r6 { fill: #272727 } +.terminal-2896306960-r7 { fill: #191919 } +.terminal-2896306960-r8 { fill: #1e1e1e } +.terminal-2896306960-r9 { fill: #2f4f4f } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - SwitchApp + SwitchApp - - - - - - - -Example switches - - -▔▔▔▔▔▔▔▔ -                              off:      -▁▁▁▁▁▁▁▁ -▔▔▔▔▔▔▔▔ -                              on:       -▁▁▁▁▁▁▁▁ -▔▔▔▔▔▔▔▔ -                              focused:  -▁▁▁▁▁▁▁▁ -▔▔▔▔▔▔▔▔ -                              custom:   -▁▁▁▁▁▁▁▁ - - - - + + + + + + + +Example switches + + +▔▔▔▔▔▔▔▔ +                              off:      +▁▁▁▁▁▁▁▁ +▔▔▔▔▔▔▔▔ +                              on:       +▁▁▁▁▁▁▁▁ +▔▔▔▔▔▔▔▔ +                              focused:  +▁▁▁▁▁▁▁▁ +▔▔▔▔▔▔▔▔ +                              custom:   +▁▁▁▁▁▁▁▁ + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_system_commands.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_system_commands.svg index 503faf7554..e4b86ce7db 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_system_commands.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_system_commands.svg @@ -19,166 +19,163 @@ font-weight: 700; } - .terminal-1255970630-matrix { + .terminal-1341011732-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1255970630-title { + .terminal-1341011732-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1255970630-r1 { fill: #161616 } -.terminal-1255970630-r2 { fill: #0b3a5f } -.terminal-1255970630-r3 { fill: #c5c8c6 } -.terminal-1255970630-r4 { fill: #e0e0e0 } -.terminal-1255970630-r5 { fill: #004578 } -.terminal-1255970630-r6 { fill: #dfe1e2 } -.terminal-1255970630-r7 { fill: #00ff00 } -.terminal-1255970630-r8 { fill: #000000 } -.terminal-1255970630-r9 { fill: #1e1e1e } -.terminal-1255970630-r10 { fill: #697278 } -.terminal-1255970630-r11 { fill: #dfe1e2;font-weight: bold } -.terminal-1255970630-r12 { fill: #8b9296 } -.terminal-1255970630-r13 { fill: #646464 } + .terminal-1341011732-r1 { fill: #121212 } +.terminal-1341011732-r2 { fill: #0b3a5f } +.terminal-1341011732-r3 { fill: #c5c8c6 } +.terminal-1341011732-r4 { fill: #e0e0e0 } +.terminal-1341011732-r5 { fill: #0178d4 } +.terminal-1341011732-r6 { fill: #00ff00 } +.terminal-1341011732-r7 { fill: #000000 } +.terminal-1341011732-r8 { fill: #6d7479 } +.terminal-1341011732-r9 { fill: #8d8d8d } +.terminal-1341011732-r10 { fill: #646464 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - SimpleApp + SimpleApp - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - -🔎Search for commands… - - -  Light mode                                                                                         -Switch to a light background -  Maximize                                                                                           -Maximize the focused widget -  Quit the application                                                                               -Quit the application as soon as possible -  Save screenshot                                                                                    -Save an SVG 'screenshot' of the current screen -  Show keys and help panel                                                                           -Show help for the focused widget and a summary of available keys -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - - - - - - - - - - + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + +🔎Search for commands… + + +  Change theme                                                                                       +Change the current theme +  Maximize                                                                                           +Maximize the focused widget +  Quit the application                                                                               +Quit the application as soon as possible +  Save screenshot                                                                                    +Save an SVG 'screenshot' of the current screen +  Show keys and help panel                                                                           +Show help for the focused widget and a summary of available keys +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_tab_rename.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_tab_rename.svg index 94a9423397..3225b30333 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_tab_rename.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_tab_rename.svg @@ -19,135 +19,136 @@ font-weight: 700; } - .terminal-4106412953-matrix { + .terminal-2797014158-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-4106412953-title { + .terminal-2797014158-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-4106412953-r1 { fill: #c5c8c6 } -.terminal-4106412953-r2 { fill: #e1e1e1 } -.terminal-4106412953-r3 { fill: #e1e1e1;font-weight: bold } -.terminal-4106412953-r4 { fill: #737373 } -.terminal-4106412953-r5 { fill: #474747 } -.terminal-4106412953-r6 { fill: #0178d4 } + .terminal-2797014158-r1 { fill: #e0e0e0 } +.terminal-2797014158-r2 { fill: #c5c8c6 } +.terminal-2797014158-r3 { fill: #ddedf9;font-weight: bold } +.terminal-2797014158-r4 { fill: #797979 } +.terminal-2797014158-r5 { fill: #4f4f4f } +.terminal-2797014158-r6 { fill: #0178d4 } +.terminal-2797014158-r7 { fill: #e0e0e0;font-weight: bold } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - TabRenameApp + TabRenameApp - - - - -This is a much longer label for the tab011222333344444 -━╸━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - -TabPane#test - - - - - - - - - - - - - - - - - - + + + + This is a much longer label for the tab011222333344444 +━╸━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ +TabPane#test + + + + + + + + + + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_tabbed_content.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_tabbed_content.svg index f494317b8f..c4f6109a68 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_tabbed_content.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_tabbed_content.svg @@ -19,142 +19,140 @@ font-weight: 700; } - .terminal-1583468609-matrix { + .terminal-1483599851-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1583468609-title { + .terminal-1483599851-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1583468609-r1 { fill: #c5c8c6 } -.terminal-1583468609-r2 { fill: #e1e1e1 } -.terminal-1583468609-r3 { fill: #737373 } -.terminal-1583468609-r4 { fill: #e1e1e1;font-weight: bold } -.terminal-1583468609-r5 { fill: #474747 } -.terminal-1583468609-r6 { fill: #0178d4 } -.terminal-1583468609-r7 { fill: #4ebf71;font-weight: bold } -.terminal-1583468609-r8 { fill: #323232 } -.terminal-1583468609-r9 { fill: #fea62b;font-weight: bold } -.terminal-1583468609-r10 { fill: #a7a9ab } -.terminal-1583468609-r11 { fill: #e2e3e3 } -.terminal-1583468609-r12 { fill: #4c5055 } + .terminal-1483599851-r1 { fill: #e0e0e0 } +.terminal-1483599851-r2 { fill: #c5c8c6 } +.terminal-1483599851-r3 { fill: #797979 } +.terminal-1483599851-r4 { fill: #ddedf9;font-weight: bold } +.terminal-1483599851-r5 { fill: #4f4f4f } +.terminal-1483599851-r6 { fill: #0178d4 } +.terminal-1483599851-r7 { fill: #0178d4;font-weight: bold } +.terminal-1483599851-r8 { fill: #262626 } +.terminal-1483599851-r9 { fill: #ffa62b;font-weight: bold } +.terminal-1483599851-r10 { fill: #495259 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - TabbedApp + TabbedApp - - - - -LetoJessicaPaul -━━━━━━━━╸━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - - -Lady Jessica - -  Bene Gesserit and concubine of Leto, and mother of Paul and Alia. - - - -PaulAlia -━╸━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - -First child                                                              - - - - - - - - l Leto  j Jessica  p Paul ^p palette + + + + LetoJessicaPaul +━━━━━━━━╸━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ + + +Lady Jessica + +Bene Gesserit and concubine of Leto, and mother of Paul and Alia. + + +PaulAlia +━╸━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ +First child                                                                      + + + + + + + + + + + + l Leto  j Jessica  p Paul                                          ^p palette diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_tabbed_content_styling_not_leaking.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_tabbed_content_styling_not_leaking.svg index 8c5993fa98..7b639ef3fd 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_tabbed_content_styling_not_leaking.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_tabbed_content_styling_not_leaking.svg @@ -19,139 +19,138 @@ font-weight: 700; } - .terminal-15712074-matrix { + .terminal-4140502004-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-15712074-title { + .terminal-4140502004-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-15712074-r1 { fill: #c5c8c6 } -.terminal-15712074-r2 { fill: #e1e1e1 } -.terminal-15712074-r3 { fill: #e1e1e1;font-weight: bold } -.terminal-15712074-r4 { fill: #474747 } -.terminal-15712074-r5 { fill: #0178d4 } -.terminal-15712074-r6 { fill: #454a50 } -.terminal-15712074-r7 { fill: #e2e3e3;font-weight: bold } -.terminal-15712074-r8 { fill: #000000 } -.terminal-15712074-r9 { fill: #737373 } -.terminal-15712074-r10 { fill: #323232 } + .terminal-4140502004-r1 { fill: #e0e0e0 } +.terminal-4140502004-r2 { fill: #c5c8c6 } +.terminal-4140502004-r3 { fill: #ddedf9;font-weight: bold } +.terminal-4140502004-r4 { fill: #4f4f4f } +.terminal-4140502004-r5 { fill: #0178d4 } +.terminal-4140502004-r6 { fill: #2d2d2d } +.terminal-4140502004-r7 { fill: #0d0d0d } +.terminal-4140502004-r8 { fill: #797979 } +.terminal-4140502004-r9 { fill: #262626 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - TabbedContentStyleLeakTestApp + TabbedContentStyleLeakTestApp - - - - -Leak Test -━╸━━━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - -This label should come first                                                 -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - This button should come second  -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - -TheseTabsShouldComeLast -━╸━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - - - - - - - - - - - + + + + Leak Test +━╸━━━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ +This label should come first                                                     +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + This button should come second  +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ +TheseTabsShouldComeLast +━╸━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ + + + + + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_tabbed_content_with_modified_tabs.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_tabbed_content_with_modified_tabs.svg index 7decd76cab..f153dd610c 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_tabbed_content_with_modified_tabs.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_tabbed_content_with_modified_tabs.svg @@ -19,140 +19,139 @@ font-weight: 700; } - .terminal-4066879127-matrix { + .terminal-2470858124-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-4066879127-title { + .terminal-2470858124-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-4066879127-r1 { fill: #c5c8c6 } -.terminal-4066879127-r2 { fill: #e1e1e1 } -.terminal-4066879127-r3 { fill: #484848;font-weight: bold } -.terminal-4066879127-r4 { fill: #484848 } -.terminal-4066879127-r5 { fill: #737373 } -.terminal-4066879127-r6 { fill: #474747 } -.terminal-4066879127-r7 { fill: #0178d4 } -.terminal-4066879127-r8 { fill: #a32327 } -.terminal-4066879127-r9 { fill: #ffdddd } -.terminal-4066879127-r10 { fill: #f09d9e;font-weight: bold } -.terminal-4066879127-r11 { fill: #810000 } + .terminal-2470858124-r1 { fill: #e0e0e0 } +.terminal-2470858124-r2 { fill: #c5c8c6 } +.terminal-2470858124-r3 { fill: #ddedf9;font-weight: bold } +.terminal-2470858124-r4 { fill: #454545 } +.terminal-2470858124-r5 { fill: #797979 } +.terminal-2470858124-r6 { fill: #4f4f4f } +.terminal-2470858124-r7 { fill: #0178d4 } +.terminal-2470858124-r8 { fill: #981515 } +.terminal-2470858124-r9 { fill: #e99c9c } +.terminal-2470858124-r10 { fill: #880606 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - FiddleWithTabsApp + FiddleWithTabsApp - - - - -Tab 1Tab 2Tab 4Tab 5 -━╸━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - Button  -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - - - - - - - - - - - - - - - - + + + + Tab 1Tab 2Tab 4Tab 5 +━╸━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + Button  +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + + + + + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_table_markup.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_table_markup.svg index 13ec437aa2..72a32db7d2 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_table_markup.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_table_markup.svg @@ -19,136 +19,136 @@ font-weight: 700; } - .terminal-284173292-matrix { + .terminal-1198197863-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-284173292-title { + .terminal-1198197863-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-284173292-r1 { fill: #e1e1e1 } -.terminal-284173292-r2 { fill: #c5c8c6 } -.terminal-284173292-r3 { fill: #e1e1e1;font-weight: bold } -.terminal-284173292-r4 { fill: #98e024;font-weight: bold;font-style: italic; } -.terminal-284173292-r5 { fill: #f4005f;font-weight: bold } -.terminal-284173292-r6 { fill: #e1e1e1;font-style: italic; } -.terminal-284173292-r7 { fill: #e1e1e1;text-decoration: underline; } + .terminal-1198197863-r1 { fill: #e0e0e0 } +.terminal-1198197863-r2 { fill: #c5c8c6 } +.terminal-1198197863-r3 { fill: #e0e0e0;font-weight: bold } +.terminal-1198197863-r4 { fill: #98e024;font-weight: bold;font-style: italic; } +.terminal-1198197863-r5 { fill: #f4005f;font-weight: bold } +.terminal-1198197863-r6 { fill: #e0e0e0;font-style: italic; } +.terminal-1198197863-r7 { fill: #e0e0e0;text-decoration: underline; } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - TableStaticApp + TableStaticApp - - - - ┏━━━━━━━━━━━━━━┳━━━━━━━━┳━━━━━━━━━━━┓ -Foo Bar     baz        -┡━━━━━━━━━━━━━━╇━━━━━━━━╇━━━━━━━━━━━┩ -│ Hello World! │ Italic │ Underline │ -└──────────────┴────────┴───────────┘ - - - - - - - - - - - - - - - - - - + + + + ┏━━━━━━━━━━━━━━┳━━━━━━━━┳━━━━━━━━━━━┓ +Foo Bar     baz        +┡━━━━━━━━━━━━━━╇━━━━━━━━╇━━━━━━━━━━━┩ +│ Hello World! │ Italic │ Underline │ +└──────────────┴────────┴───────────┘ + + + + + + + + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_tabs_invalidate.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_tabs_invalidate.svg index e74e28a543..62bb89f88e 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_tabs_invalidate.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_tabs_invalidate.svg @@ -19,136 +19,136 @@ font-weight: 700; } - .terminal-3291459360-matrix { + .terminal-1731856367-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3291459360-title { + .terminal-1731856367-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3291459360-r1 { fill: #c5c8c6 } -.terminal-3291459360-r2 { fill: #e1e1e1 } -.terminal-3291459360-r3 { fill: #737373 } -.terminal-3291459360-r4 { fill: #e1e1e1;font-weight: bold } -.terminal-3291459360-r5 { fill: #474747 } -.terminal-3291459360-r6 { fill: #0178d4 } -.terminal-3291459360-r7 { fill: #0000ff } + .terminal-1731856367-r1 { fill: #e0e0e0 } +.terminal-1731856367-r2 { fill: #c5c8c6 } +.terminal-1731856367-r3 { fill: #797979 } +.terminal-1731856367-r4 { fill: #ddedf9;font-weight: bold } +.terminal-1731856367-r5 { fill: #4f4f4f } +.terminal-1731856367-r6 { fill: #0178d4 } +.terminal-1731856367-r7 { fill: #0000ff } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - TabApp + TabApp - - - - -Tab 1Tab 2 -━━━━━━━━━╸━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ -┌──────────────────────────────────────────────────────────────────────────────┐ - -world                                                                      - -└──────────────────────────────────────────────────────────────────────────────┘ - - - - - - - - - - - - - - - + + + + Tab 1Tab 2 +━━━━━━━━━╸━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ +┌──────────────────────────────────────────────────────────────────────────────┐ +world                                                                          +└──────────────────────────────────────────────────────────────────────────────┘ + + + + + + + + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_alternate_screen.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_alternate_screen.svg index f317f2062c..a3e7102202 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_alternate_screen.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_alternate_screen.svg @@ -19,80 +19,78 @@ font-weight: 700; } - .terminal-3686987005-matrix { + .terminal-4214779899-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3686987005-title { + .terminal-4214779899-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3686987005-r1 { fill: #1e1e1e } -.terminal-3686987005-r2 { fill: #0178d4 } -.terminal-3686987005-r3 { fill: #c5c8c6 } -.terminal-3686987005-r4 { fill: #e1e1e1 } -.terminal-3686987005-r5 { fill: #151515 } -.terminal-3686987005-r6 { fill: #e2e2e2 } + .terminal-4214779899-r1 { fill: #121212 } +.terminal-4214779899-r2 { fill: #0178d4 } +.terminal-4214779899-r3 { fill: #c5c8c6 } +.terminal-4214779899-r4 { fill: #e0e0e0 } - + - + - + - + - + - + - + - + - + - + - TABug + TABug - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ -foo                                          -bar                                          -baz                                          - - - - - -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +foo                                          +bar                                          +baz                                          + + + + + +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_language_rendering[bash].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_language_rendering[bash].svg index 753491c350..d0b51e163b 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_language_rendering[bash].svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_language_rendering[bash].svg @@ -19,457 +19,457 @@ font-weight: 700; } - .terminal-3452232061-matrix { + .terminal-3926422747-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3452232061-title { + .terminal-3926422747-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3452232061-r1 { fill: #1e1e1e } -.terminal-3452232061-r2 { fill: #0178d4 } -.terminal-3452232061-r3 { fill: #c5c8c6 } -.terminal-3452232061-r4 { fill: #c2c2bf } -.terminal-3452232061-r5 { fill: #272822 } -.terminal-3452232061-r6 { fill: #75715e } -.terminal-3452232061-r7 { fill: #f8f8f2 } -.terminal-3452232061-r8 { fill: #90908a } -.terminal-3452232061-r9 { fill: #e6db74 } -.terminal-3452232061-r10 { fill: #a6e22e } -.terminal-3452232061-r11 { fill: #f92672 } + .terminal-3926422747-r1 { fill: #121212 } +.terminal-3926422747-r2 { fill: #0178d4 } +.terminal-3926422747-r3 { fill: #c5c8c6 } +.terminal-3926422747-r4 { fill: #c2c2bf } +.terminal-3926422747-r5 { fill: #272822 } +.terminal-3926422747-r6 { fill: #75715e } +.terminal-3926422747-r7 { fill: #f8f8f2 } +.terminal-3926422747-r8 { fill: #90908a } +.terminal-3926422747-r9 { fill: #e6db74 } +.terminal-3926422747-r10 { fill: #a6e22e } +.terminal-3926422747-r11 { fill: #f92672 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - TextAreaSnapshot + TextAreaSnapshot - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -  1  #!/bin/bash -  2   -  3  # Variables -  4  name="John" -  5  age=30                                                                  -  6  is_student=true                                                         -  7   -  8  # Printing variables -  9  echo"Hello, $name! You are $age years old." - 10   - 11  # Conditional statements - 12  if [[ $age -ge 18 &&$is_student == true ]]; then - 13  echo"You are an adult student." - 14  elif [[ $age -ge 18 ]]; then - 15  echo"You are an adult." - 16  else - 17  echo"You are a minor." - 18  fi - 19   - 20  # Arrays - 21  numbers=(1 2 3 4 5)                                                     - 22  echo"Numbers: ${numbers[@]}" - 23   - 24  # Loops - 25  for num in"${numbers[@]}"do - 26  echo"Number: $num" - 27  done - 28   - 29  # Functions - 30  greet() {                                                               - 31    local name=$1                                                         - 32  echo"Hello, $name!" - 33  }                                                                       - 34  greet"Alice" - 35   - 36  # Command substitution - 37  current_date=$(date +%Y-%m-%d)                                          - 38  echo"Current date: $current_date" - 39   - 40  # File operations - 41  touch file.txt                                                          - 42  echo"Some content"> file.txt                                          - 43  cat file.txt                                                            - 44   - 45  # Conditionals with file checks - 46  if [[ -f file.txt ]]; then - 47  echo"file.txt exists." - 48  else - 49  echo"file.txt does not exist." - 50  fi - 51   - 52  # Case statement - 53  case$age in - 54    18)                                                                   - 55  echo"You are 18 years old." - 56      ;;                                                                  - 57    30)                                                                   - 58  echo"You are 30 years old." - 59      ;;                                                                  - 60    *)                                                                    - 61  echo"You are neither 18 nor 30 years old." - 62      ;;                                                                  - 63  esac - 64   - 65  # While loop - 66  counter=0                                                               - 67  while [[ $counter -lt 5 ]]; do - 68  echo"Counter: $counter" - 69    ((counter++))                                                         - 70  done - 71   - 72  # Until loop - 73  until [[ $counter -eq 0 ]]; do - 74  echo"Counter: $counter" - 75    ((counter--))                                                         - 76  done - 77   - 78  # Heredoc - 79  cat << EOF - 80  This is a heredoc.  - 81  It allows you to write multiple lines of text.  - 82  EOF  - 83   - 84  # Redirection - 85  ls> file_list.txt                                                      - 86  grep"file" file_list.txt > filtered_list.txt                           - 87   - 88  # Pipes - 89  cat file_list.txt |wc -l                                               - 90   - 91  # Arithmetic operations - 92  result=$((10 + 5))                                                      - 93  echo"Result: $result" - 94   - 95  # Exporting variables - 96  export DB_PASSWORD="secret" - 97   - 98  # Sourcing external files - 99  source config.sh                                                        -100   - -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +  1  #!/bin/bash +  2   +  3  # Variables +  4  name="John" +  5  age=30                                                                  +  6  is_student=true                                                         +  7   +  8  # Printing variables +  9  echo"Hello, $name! You are $age years old." + 10   + 11  # Conditional statements + 12  if [[ $age -ge 18 &&$is_student == true ]]; then + 13  echo"You are an adult student." + 14  elif [[ $age -ge 18 ]]; then + 15  echo"You are an adult." + 16  else + 17  echo"You are a minor." + 18  fi + 19   + 20  # Arrays + 21  numbers=(1 2 3 4 5)                                                     + 22  echo"Numbers: ${numbers[@]}" + 23   + 24  # Loops + 25  for num in"${numbers[@]}"do + 26  echo"Number: $num" + 27  done + 28   + 29  # Functions + 30  greet() {                                                               + 31    local name=$1                                                         + 32  echo"Hello, $name!" + 33  }                                                                       + 34  greet"Alice" + 35   + 36  # Command substitution + 37  current_date=$(date +%Y-%m-%d)                                          + 38  echo"Current date: $current_date" + 39   + 40  # File operations + 41  touch file.txt                                                          + 42  echo"Some content"> file.txt                                          + 43  cat file.txt                                                            + 44   + 45  # Conditionals with file checks + 46  if [[ -f file.txt ]]; then + 47  echo"file.txt exists." + 48  else + 49  echo"file.txt does not exist." + 50  fi + 51   + 52  # Case statement + 53  case$age in + 54    18)                                                                   + 55  echo"You are 18 years old." + 56      ;;                                                                  + 57    30)                                                                   + 58  echo"You are 30 years old." + 59      ;;                                                                  + 60    *)                                                                    + 61  echo"You are neither 18 nor 30 years old." + 62      ;;                                                                  + 63  esac + 64   + 65  # While loop + 66  counter=0                                                               + 67  while [[ $counter -lt 5 ]]; do + 68  echo"Counter: $counter" + 69    ((counter++))                                                         + 70  done + 71   + 72  # Until loop + 73  until [[ $counter -eq 0 ]]; do + 74  echo"Counter: $counter" + 75    ((counter--))                                                         + 76  done + 77   + 78  # Heredoc + 79  cat << EOF + 80  This is a heredoc.  + 81  It allows you to write multiple lines of text.  + 82  EOF  + 83   + 84  # Redirection + 85  ls> file_list.txt                                                      + 86  grep"file" file_list.txt > filtered_list.txt                           + 87   + 88  # Pipes + 89  cat file_list.txt |wc -l                                               + 90   + 91  # Arithmetic operations + 92  result=$((10 + 5))                                                      + 93  echo"Result: $result" + 94   + 95  # Exporting variables + 96  export DB_PASSWORD="secret" + 97   + 98  # Sourcing external files + 99  source config.sh                                                        +100   + +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_language_rendering[css].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_language_rendering[css].svg index 6006e97855..010338a190 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_language_rendering[css].svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_language_rendering[css].svg @@ -19,330 +19,330 @@ font-weight: 700; } - .terminal-3035284717-matrix { + .terminal-384858635-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3035284717-title { + .terminal-384858635-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3035284717-r1 { fill: #1e1e1e } -.terminal-3035284717-r2 { fill: #0178d4 } -.terminal-3035284717-r3 { fill: #c5c8c6 } -.terminal-3035284717-r4 { fill: #c2c2bf } -.terminal-3035284717-r5 { fill: #272822 } -.terminal-3035284717-r6 { fill: #75715e } -.terminal-3035284717-r7 { fill: #f8f8f2 } -.terminal-3035284717-r8 { fill: #90908a } -.terminal-3035284717-r9 { fill: #e6db74 } -.terminal-3035284717-r10 { fill: #ae81ff } -.terminal-3035284717-r11 { fill: #f92672 } -.terminal-3035284717-r12 { fill: #a6e22e } + .terminal-384858635-r1 { fill: #121212 } +.terminal-384858635-r2 { fill: #0178d4 } +.terminal-384858635-r3 { fill: #c5c8c6 } +.terminal-384858635-r4 { fill: #c2c2bf } +.terminal-384858635-r5 { fill: #272822 } +.terminal-384858635-r6 { fill: #75715e } +.terminal-384858635-r7 { fill: #f8f8f2 } +.terminal-384858635-r8 { fill: #90908a } +.terminal-384858635-r9 { fill: #e6db74 } +.terminal-384858635-r10 { fill: #ae81ff } +.terminal-384858635-r11 { fill: #f92672 } +.terminal-384858635-r12 { fill: #a6e22e } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - TextAreaSnapshot + TextAreaSnapshot - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - 1  /* This is a comment in CSS */ - 2   - 3  /* Basic selectors and properties */ - 4  body {                                                                   - 5      font-family: Arial, sans-serif;                                      - 6      background-color: #f4f4f4;                                           - 7      margin: 0;                                                           - 8      padding: 0;                                                          - 9  }                                                                        -10   -11  /* Class and ID selectors */ -12  .header {                                                                -13      background-color: #333;                                              -14      color: #fff;                                                         -15      padding: 10px0;                                                     -16      text-align: center;                                                  -17  }                                                                        -18   -19  #logo {                                                                  -20      font-size: 24px;                                                     -21      font-weight: bold;                                                   -22  }                                                                        -23   -24  /* Descendant and child selectors */ -25  .nav ul {                                                                -26      list-style-type: none;                                               -27      padding: 0;                                                          -28  }                                                                        -29   -30  .nav > li {                                                              -31      display: inline-block;                                               -32      margin-right: 10px;                                                  -33  }                                                                        -34   -35  /* Pseudo-classes */ -36  a:hover {                                                                -37      text-decoration: underline;                                          -38  }                                                                        -39   -40  input:focus {                                                            -41      border-color: #007BFF;                                               -42  }                                                                        -43   -44  /* Media query */ -45  @media (max-width: 768px) {                                              -46      body {                                                               -47          font-size: 16px;                                                 -48      }                                                                    -49   -50      .header {                                                            -51          padding: 5px0;                                                  -52      }                                                                    -53  }                                                                        -54   -55  /* Keyframes animation */ -56  @keyframes slideIn {                                                     -57  from {                                                               -58          transform: translateX(-100%);                                    -59      }                                                                    -60  to {                                                                 -61          transform: translateX(0);                                        -62      }                                                                    -63  }                                                                        -64   -65  .slide-in-element {                                                      -66      animation: slideIn 0.5s forwards;                                    -67  }                                                                        -68   - -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + 1  /* This is a comment in CSS */ + 2   + 3  /* Basic selectors and properties */ + 4  body {                                                                   + 5      font-family: Arial, sans-serif;                                      + 6      background-color: #f4f4f4;                                           + 7      margin: 0;                                                           + 8      padding: 0;                                                          + 9  }                                                                        +10   +11  /* Class and ID selectors */ +12  .header {                                                                +13      background-color: #333;                                              +14      color: #fff;                                                         +15      padding: 10px0;                                                     +16      text-align: center;                                                  +17  }                                                                        +18   +19  #logo {                                                                  +20      font-size: 24px;                                                     +21      font-weight: bold;                                                   +22  }                                                                        +23   +24  /* Descendant and child selectors */ +25  .nav ul {                                                                +26      list-style-type: none;                                               +27      padding: 0;                                                          +28  }                                                                        +29   +30  .nav > li {                                                              +31      display: inline-block;                                               +32      margin-right: 10px;                                                  +33  }                                                                        +34   +35  /* Pseudo-classes */ +36  a:hover {                                                                +37      text-decoration: underline;                                          +38  }                                                                        +39   +40  input:focus {                                                            +41      border-color: #007BFF;                                               +42  }                                                                        +43   +44  /* Media query */ +45  @media (max-width: 768px) {                                              +46      body {                                                               +47          font-size: 16px;                                                 +48      }                                                                    +49   +50      .header {                                                            +51          padding: 5px0;                                                  +52      }                                                                    +53  }                                                                        +54   +55  /* Keyframes animation */ +56  @keyframes slideIn {                                                     +57  from {                                                               +58          transform: translateX(-100%);                                    +59      }                                                                    +60  to {                                                                 +61          transform: translateX(0);                                        +62      }                                                                    +63  }                                                                        +64   +65  .slide-in-element {                                                      +66      animation: slideIn 0.5s forwards;                                    +67  }                                                                        +68   + +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_language_rendering[go].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_language_rendering[go].svg index f6e84411e3..fdf33ce885 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_language_rendering[go].svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_language_rendering[go].svg @@ -19,334 +19,334 @@ font-weight: 700; } - .terminal-3910070498-matrix { + .terminal-2523768050-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3910070498-title { + .terminal-2523768050-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3910070498-r1 { fill: #1e1e1e } -.terminal-3910070498-r2 { fill: #0178d4 } -.terminal-3910070498-r3 { fill: #c5c8c6 } -.terminal-3910070498-r4 { fill: #c2c2bf } -.terminal-3910070498-r5 { fill: #272822 } -.terminal-3910070498-r6 { fill: #f92672 } -.terminal-3910070498-r7 { fill: #f8f8f2 } -.terminal-3910070498-r8 { fill: #90908a } -.terminal-3910070498-r9 { fill: #e6db74 } -.terminal-3910070498-r10 { fill: #ae81ff } -.terminal-3910070498-r11 { fill: #a6e22e } -.terminal-3910070498-r12 { fill: #66d9ef;font-style: italic; } + .terminal-2523768050-r1 { fill: #121212 } +.terminal-2523768050-r2 { fill: #0178d4 } +.terminal-2523768050-r3 { fill: #c5c8c6 } +.terminal-2523768050-r4 { fill: #c2c2bf } +.terminal-2523768050-r5 { fill: #272822 } +.terminal-2523768050-r6 { fill: #f92672 } +.terminal-2523768050-r7 { fill: #f8f8f2 } +.terminal-2523768050-r8 { fill: #90908a } +.terminal-2523768050-r9 { fill: #e6db74 } +.terminal-2523768050-r10 { fill: #ae81ff } +.terminal-2523768050-r11 { fill: #a6e22e } +.terminal-2523768050-r12 { fill: #66d9ef;font-style: italic; } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - TextAreaSnapshot + TextAreaSnapshot - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - 1  package main                                                             - 2   - 3  import (                                                                 - 4  "fmt" - 5  "math" - 6  "strings" - 7  )                                                                        - 8   - 9  const PI =3.14159 -10   -11  type Shape interface {                                                   -12      Area() float64                                                       -13  }                                                                        -14   -15  type Circle struct {                                                     -16      Radius float64                                                       -17  }                                                                        -18   -19  func (c Circle) Area() float64 {                                         -20  return PI * c.Radius * c.Radius                                      -21  }                                                                        -22   -23  funcmain() {                                                            -24  var name string ="John" -25      age :=30 -26      isStudent :=true -27   -28      fmt.Printf("Hello, %s! You are %d years old.", name, age)            -29   -30  if age >=18&& isStudent {                                          -31          fmt.Println("You are an adult student.")                         -32      } elseif age >=18 {                                                -33          fmt.Println("You are an adult.")                                 -34      } else {                                                             -35          fmt.Println("You are a minor.")                                  -36      }                                                                    -37   -38      numbers := []int{12345}                                      -39      sum :=0 -40  for _, num :=range numbers {                                        -41          sum += num                                                       -42      }                                                                    -43      fmt.Printf("The sum is: %d", sum)                                    -44   -45      message :="Hello, World!" -46      uppercaseMessage := strings.ToUpper(message)                         -47      fmt.Println(uppercaseMessage)                                        -48   -49      circle := Circle{Radius: 5}                                          -50      fmt.Printf("Circle area: %.2f", circle.Area())                       -51   -52      result :=factorial(5)                                               -53      fmt.Printf("Factorial of 5: %d", result)                             -54   -55  defer fmt.Println("Program finished.")                               -56   -57      sqrt :=func(x float64) float64 {                                    -58  return math.Sqrt(x)                                              -59      }                                                                    -60      fmt.Printf("Square root of 16: %.2f"sqrt(16))                      -61  }                                                                        -62   -63  funcfactorial(n int) int {                                              -64  if n ==0 {                                                          -65  return1 -66      }                                                                    -67  return n *factorial(n-1)                                            -68  }                                                                        -69   - -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + 1  package main                                                             + 2   + 3  import (                                                                 + 4  "fmt" + 5  "math" + 6  "strings" + 7  )                                                                        + 8   + 9  const PI =3.14159 +10   +11  type Shape interface {                                                   +12      Area() float64                                                       +13  }                                                                        +14   +15  type Circle struct {                                                     +16      Radius float64                                                       +17  }                                                                        +18   +19  func (c Circle) Area() float64 {                                         +20  return PI * c.Radius * c.Radius                                      +21  }                                                                        +22   +23  funcmain() {                                                            +24  var name string ="John" +25      age :=30 +26      isStudent :=true +27   +28      fmt.Printf("Hello, %s! You are %d years old.", name, age)            +29   +30  if age >=18&& isStudent {                                          +31          fmt.Println("You are an adult student.")                         +32      } elseif age >=18 {                                                +33          fmt.Println("You are an adult.")                                 +34      } else {                                                             +35          fmt.Println("You are a minor.")                                  +36      }                                                                    +37   +38      numbers := []int{12345}                                      +39      sum :=0 +40  for _, num :=range numbers {                                        +41          sum += num                                                       +42      }                                                                    +43      fmt.Printf("The sum is: %d", sum)                                    +44   +45      message :="Hello, World!" +46      uppercaseMessage := strings.ToUpper(message)                         +47      fmt.Println(uppercaseMessage)                                        +48   +49      circle := Circle{Radius: 5}                                          +50      fmt.Printf("Circle area: %.2f", circle.Area())                       +51   +52      result :=factorial(5)                                               +53      fmt.Printf("Factorial of 5: %d", result)                             +54   +55  defer fmt.Println("Program finished.")                               +56   +57      sqrt :=func(x float64) float64 {                                    +58  return math.Sqrt(x)                                              +59      }                                                                    +60      fmt.Printf("Square root of 16: %.2f"sqrt(16))                      +61  }                                                                        +62   +63  funcfactorial(n int) int {                                              +64  if n ==0 {                                                          +65  return1 +66      }                                                                    +67  return n *factorial(n-1)                                            +68  }                                                                        +69   + +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_language_rendering[html].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_language_rendering[html].svg index e39701cc2f..728d05c732 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_language_rendering[html].svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_language_rendering[html].svg @@ -19,285 +19,285 @@ font-weight: 700; } - .terminal-1044535802-matrix { + .terminal-2619611266-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1044535802-title { + .terminal-2619611266-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1044535802-r1 { fill: #1e1e1e } -.terminal-1044535802-r2 { fill: #0178d4 } -.terminal-1044535802-r3 { fill: #c5c8c6 } -.terminal-1044535802-r4 { fill: #c2c2bf } -.terminal-1044535802-r5 { fill: #272822 } -.terminal-1044535802-r6 { fill: #f8f8f2 } -.terminal-1044535802-r7 { fill: #90908a } -.terminal-1044535802-r8 { fill: #f92672 } -.terminal-1044535802-r9 { fill: #e6db74 } -.terminal-1044535802-r10 { fill: #75715e } -.terminal-1044535802-r11 { fill: #23568b } + .terminal-2619611266-r1 { fill: #121212 } +.terminal-2619611266-r2 { fill: #0178d4 } +.terminal-2619611266-r3 { fill: #c5c8c6 } +.terminal-2619611266-r4 { fill: #c2c2bf } +.terminal-2619611266-r5 { fill: #272822 } +.terminal-2619611266-r6 { fill: #f8f8f2 } +.terminal-2619611266-r7 { fill: #90908a } +.terminal-2619611266-r8 { fill: #f92672 } +.terminal-2619611266-r9 { fill: #e6db74 } +.terminal-2619611266-r10 { fill: #75715e } +.terminal-2619611266-r11 { fill: #242f38 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - TextAreaSnapshot + TextAreaSnapshot - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - 1  <!DOCTYPE html>                                                          - 2  <html lang="en">                                                         - 3   - 4  <head>                                                                   - 5  <!-- Meta tags --> - 6      <meta charset="UTF-8">                                               - 7      <meta name="viewport" content="width=device-width, initial-scale=1.0 - 8  <!-- Title --> - 9      <title>HTML Test Page</title>                                        -10  <!-- Link to CSS --> -11      <link rel="stylesheet" href="styles.css">                            -12  </head>                                                                  -13   -14  <body>                                                                   -15  <!-- Header section --> -16      <header class="header">                                              -17          <h1 id="logo">HTML Test Page</h1>                                -18      </header>                                                            -19   -20  <!-- Navigation --> -21      <nav class="nav">                                                    -22          <ul>                                                             -23              <li><a href="#">Home</a></li>                                -24              <li><a href="#">About</a></li>                               -25              <li><a href="#">Contact</a></li>                             -26          </ul>                                                            -27      </nav>                                                               -28   -29  <!-- Main content area --> -30      <main>                                                               -31          <article>                                                        -32              <h2>Welcome to the Test Page</h2>                            -33              <p>This is a paragraph to test the HTML structure.</p>       -34              <img src="test-image.jpg" alt="Test Image" width="300">      -35          </article>                                                       -36      </main>                                                              -37   -38  <!-- Form --> -39      <section>                                                            -40          <form action="/submit" method="post">                            -41              <label for="name">Name:</label>                              -42              <input type="text" id="name" name="name">                    -43              <input type="submit" value="Submit">                         -44          </form>                                                          -45      </section>                                                           -46   -47  <!-- Footer --> -48      <footer>                                                             -49          <p>&copy; 2023 HTML Test Page</p>                                -50      </footer>                                                            -51   -52  <!-- Script tag --> -53      <script src="scripts.js"></script>                                   -54  </body>                                                                  -55   -56  </html>                                                                  -57   - -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + 1  <!DOCTYPE html>                                                          + 2  <html lang="en">                                                         + 3   + 4  <head>                                                                   + 5  <!-- Meta tags --> + 6      <meta charset="UTF-8">                                               + 7      <meta name="viewport" content="width=device-width, initial-scale=1.0 + 8  <!-- Title --> + 9      <title>HTML Test Page</title>                                        +10  <!-- Link to CSS --> +11      <link rel="stylesheet" href="styles.css">                            +12  </head>                                                                  +13   +14  <body>                                                                   +15  <!-- Header section --> +16      <header class="header">                                              +17          <h1 id="logo">HTML Test Page</h1>                                +18      </header>                                                            +19   +20  <!-- Navigation --> +21      <nav class="nav">                                                    +22          <ul>                                                             +23              <li><a href="#">Home</a></li>                                +24              <li><a href="#">About</a></li>                               +25              <li><a href="#">Contact</a></li>                             +26          </ul>                                                            +27      </nav>                                                               +28   +29  <!-- Main content area --> +30      <main>                                                               +31          <article>                                                        +32              <h2>Welcome to the Test Page</h2>                            +33              <p>This is a paragraph to test the HTML structure.</p>       +34              <img src="test-image.jpg" alt="Test Image" width="300">      +35          </article>                                                       +36      </main>                                                              +37   +38  <!-- Form --> +39      <section>                                                            +40          <form action="/submit" method="post">                            +41              <label for="name">Name:</label>                              +42              <input type="text" id="name" name="name">                    +43              <input type="submit" value="Submit">                         +44          </form>                                                          +45      </section>                                                           +46   +47  <!-- Footer --> +48      <footer>                                                             +49          <p>&copy; 2023 HTML Test Page</p>                                +50      </footer>                                                            +51   +52  <!-- Script tag --> +53      <script src="scripts.js"></script>                                   +54  </body>                                                                  +55   +56  </html>                                                                  +57   + +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_language_rendering[java].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_language_rendering[java].svg index 686515a286..b5a13bbb3e 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_language_rendering[java].svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_language_rendering[java].svg @@ -19,475 +19,475 @@ font-weight: 700; } - .terminal-3172571090-matrix { + .terminal-359277768-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3172571090-title { + .terminal-359277768-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3172571090-r1 { fill: #1e1e1e } -.terminal-3172571090-r2 { fill: #0178d4 } -.terminal-3172571090-r3 { fill: #c5c8c6 } -.terminal-3172571090-r4 { fill: #c2c2bf } -.terminal-3172571090-r5 { fill: #272822 } -.terminal-3172571090-r6 { fill: #f92672 } -.terminal-3172571090-r7 { fill: #f8f8f2 } -.terminal-3172571090-r8 { fill: #90908a } -.terminal-3172571090-r9 { fill: #75715e } -.terminal-3172571090-r10 { fill: #ae81ff } -.terminal-3172571090-r11 { fill: #e6db74 } -.terminal-3172571090-r12 { fill: #66d9ef;font-style: italic; } -.terminal-3172571090-r13 { fill: #23568b } + .terminal-359277768-r1 { fill: #121212 } +.terminal-359277768-r2 { fill: #0178d4 } +.terminal-359277768-r3 { fill: #c5c8c6 } +.terminal-359277768-r4 { fill: #c2c2bf } +.terminal-359277768-r5 { fill: #272822 } +.terminal-359277768-r6 { fill: #f92672 } +.terminal-359277768-r7 { fill: #f8f8f2 } +.terminal-359277768-r8 { fill: #90908a } +.terminal-359277768-r9 { fill: #75715e } +.terminal-359277768-r10 { fill: #ae81ff } +.terminal-359277768-r11 { fill: #e6db74 } +.terminal-359277768-r12 { fill: #66d9ef;font-style: italic; } +.terminal-359277768-r13 { fill: #242f38 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - TextAreaSnapshot + TextAreaSnapshot - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -  1  import java.util.ArrayList;                                             -  2  import java.util.HashMap;                                               -  3  import java.util.List;                                                  -  4  import java.util.Map;                                                   -  5   -  6  // Classes and interfaces -  7  interface Shape {                                                       -  8      double getArea();                                                   -  9  }                                                                       - 10   - 11  class Rectangle implements Shape {                                      - 12  private double width;                                               - 13  private double height;                                              - 14   - 15  public Rectangle(double width, double height) {                     - 16          this.width = width;                                             - 17          this.height = height;                                           - 18      }                                                                   - 19   - 20  @Override                                                           - 21  public double getArea() {                                           - 22  return width * height;                                          - 23      }                                                                   - 24  }                                                                       - 25   - 26  // Enums - 27  enum DaysOfWeek {                                                       - 28      MONDAY, TUESDAY, WEDNESDAY, THURSDAY, FRIDAY, SATURDAY, SUNDAY      - 29  }                                                                       - 30   - 31  publicclass Main {                                                     - 32  // Constants - 33  privatestaticfinal double PI = 3.14159;                           - 34   - 35  // Methods - 36  publicstatic int sum(int a, int b) {                               - 37  return a + b;                                                   - 38      }                                                                   - 39   - 40  publicstatic void main(String[] args) {                            - 41  // Variables - 42          String name = "John";                                           - 43          int age = 30;                                                   - 44          boolean isStudent = true;                                       - 45   - 46  // Printing variables - 47          System.out.println("Hello, " + name + "! You are " + age + " ye - 48   - 49  // Conditional statements - 50  if (age >= 18 && isStudent) {                                   - 51              System.out.println("You are an adult student.");            - 52          } elseif (age >= 18) {                                         - 53              System.out.println("You are an adult.");                    - 54          } else {                                                        - 55              System.out.println("You are a minor.");                     - 56          }                                                               - 57   - 58  // Arrays - 59          int[] numbers = {12345};                                - 60          System.out.println("Numbers: " + Arrays.toString(numbers));     - 61   - 62  // Lists - 63          List<String> fruits = new ArrayList<>();                        - 64          fruits.add("apple");                                            - 65          fruits.add("banana");                                           - 66          fruits.add("orange");                                           - 67          System.out.println("Fruits: " + fruits);                        - 68   - 69  // Loops - 70  for (int num : numbers) {                                       - 71              System.out.println("Number: " + num);                       - 72          }                                                               - 73   - 74  // Hash maps - 75          Map<String, Integer> scores = new HashMap<>();                  - 76          scores.put("Alice"100);                                       - 77          scores.put("Bob"80);                                          - 78          System.out.println("Alice's score: " + scores.get("Alice"));    - 79   - 80  // Exception handling - 81  try {                                                           - 82              int result = 10 / 0;                                        - 83          } catch (ArithmeticException e) {                               - 84              System.out.println("Error: " + e.getMessage());             - 85          }                                                               - 86   - 87  // Instantiating objects - 88          Rectangle rect = new Rectangle(1020);                         - 89          System.out.println("Rectangle area: " + rect.getArea());        - 90   - 91  // Enums - 92          DaysOfWeek today = DaysOfWeek.MONDAY;                           - 93          System.out.println("Today is " + today);                        - 94   - 95  // Calling methods - 96          int sum = sum(510);                                           - 97          System.out.println("Sum: " + sum);                              - 98   - 99  // Ternary operator -100          String message = age >= 18 ? "You are an adult." : "You are a m -101          System.out.println(message);                                    -102      }                                                                   -103  }                                                                       -104   - -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +  1  import java.util.ArrayList;                                             +  2  import java.util.HashMap;                                               +  3  import java.util.List;                                                  +  4  import java.util.Map;                                                   +  5   +  6  // Classes and interfaces +  7  interface Shape {                                                       +  8      double getArea();                                                   +  9  }                                                                       + 10   + 11  class Rectangle implements Shape {                                      + 12  private double width;                                               + 13  private double height;                                              + 14   + 15  public Rectangle(double width, double height) {                     + 16          this.width = width;                                             + 17          this.height = height;                                           + 18      }                                                                   + 19   + 20  @Override                                                           + 21  public double getArea() {                                           + 22  return width * height;                                          + 23      }                                                                   + 24  }                                                                       + 25   + 26  // Enums + 27  enum DaysOfWeek {                                                       + 28      MONDAY, TUESDAY, WEDNESDAY, THURSDAY, FRIDAY, SATURDAY, SUNDAY      + 29  }                                                                       + 30   + 31  publicclass Main {                                                     + 32  // Constants + 33  privatestaticfinal double PI = 3.14159;                           + 34   + 35  // Methods + 36  publicstatic int sum(int a, int b) {                               + 37  return a + b;                                                   + 38      }                                                                   + 39   + 40  publicstatic void main(String[] args) {                            + 41  // Variables + 42          String name = "John";                                           + 43          int age = 30;                                                   + 44          boolean isStudent = true;                                       + 45   + 46  // Printing variables + 47          System.out.println("Hello, " + name + "! You are " + age + " ye + 48   + 49  // Conditional statements + 50  if (age >= 18 && isStudent) {                                   + 51              System.out.println("You are an adult student.");            + 52          } elseif (age >= 18) {                                         + 53              System.out.println("You are an adult.");                    + 54          } else {                                                        + 55              System.out.println("You are a minor.");                     + 56          }                                                               + 57   + 58  // Arrays + 59          int[] numbers = {12345};                                + 60          System.out.println("Numbers: " + Arrays.toString(numbers));     + 61   + 62  // Lists + 63          List<String> fruits = new ArrayList<>();                        + 64          fruits.add("apple");                                            + 65          fruits.add("banana");                                           + 66          fruits.add("orange");                                           + 67          System.out.println("Fruits: " + fruits);                        + 68   + 69  // Loops + 70  for (int num : numbers) {                                       + 71              System.out.println("Number: " + num);                       + 72          }                                                               + 73   + 74  // Hash maps + 75          Map<String, Integer> scores = new HashMap<>();                  + 76          scores.put("Alice"100);                                       + 77          scores.put("Bob"80);                                          + 78          System.out.println("Alice's score: " + scores.get("Alice"));    + 79   + 80  // Exception handling + 81  try {                                                           + 82              int result = 10 / 0;                                        + 83          } catch (ArithmeticException e) {                               + 84              System.out.println("Error: " + e.getMessage());             + 85          }                                                               + 86   + 87  // Instantiating objects + 88          Rectangle rect = new Rectangle(1020);                         + 89          System.out.println("Rectangle area: " + rect.getArea());        + 90   + 91  // Enums + 92          DaysOfWeek today = DaysOfWeek.MONDAY;                           + 93          System.out.println("Today is " + today);                        + 94   + 95  // Calling methods + 96          int sum = sum(510);                                           + 97          System.out.println("Sum: " + sum);                              + 98   + 99  // Ternary operator +100          String message = age >= 18 ? "You are an adult." : "You are a m +101          System.out.println(message);                                    +102      }                                                                   +103  }                                                                       +104   + +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_language_rendering[javascript].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_language_rendering[javascript].svg index dfd27540b1..ed826436ef 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_language_rendering[javascript].svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_language_rendering[javascript].svg @@ -19,371 +19,371 @@ font-weight: 700; } - .terminal-2547564414-matrix { + .terminal-3538840080-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2547564414-title { + .terminal-3538840080-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2547564414-r1 { fill: #1e1e1e } -.terminal-2547564414-r2 { fill: #0178d4 } -.terminal-2547564414-r3 { fill: #c5c8c6 } -.terminal-2547564414-r4 { fill: #c2c2bf } -.terminal-2547564414-r5 { fill: #272822 } -.terminal-2547564414-r6 { fill: #75715e } -.terminal-2547564414-r7 { fill: #f8f8f2 } -.terminal-2547564414-r8 { fill: #90908a } -.terminal-2547564414-r9 { fill: #f92672 } -.terminal-2547564414-r10 { fill: #e6db74 } -.terminal-2547564414-r11 { fill: #ae81ff } -.terminal-2547564414-r12 { fill: #66d9ef;font-style: italic; } -.terminal-2547564414-r13 { fill: #a6e22e } + .terminal-3538840080-r1 { fill: #121212 } +.terminal-3538840080-r2 { fill: #0178d4 } +.terminal-3538840080-r3 { fill: #c5c8c6 } +.terminal-3538840080-r4 { fill: #c2c2bf } +.terminal-3538840080-r5 { fill: #272822 } +.terminal-3538840080-r6 { fill: #75715e } +.terminal-3538840080-r7 { fill: #f8f8f2 } +.terminal-3538840080-r8 { fill: #90908a } +.terminal-3538840080-r9 { fill: #f92672 } +.terminal-3538840080-r10 { fill: #e6db74 } +.terminal-3538840080-r11 { fill: #ae81ff } +.terminal-3538840080-r12 { fill: #66d9ef;font-style: italic; } +.terminal-3538840080-r13 { fill: #a6e22e } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - TextAreaSnapshot + TextAreaSnapshot - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - 1  // Variable declarations - 2  const name ="John";                                                     - 3  let age =30;                                                            - 4  var isStudent =true;                                                    - 5   - 6  // Template literals - 7  console.log(`Hello, ${name}! You are ${age} years old.`);                - 8   - 9  // Conditional statements -10  if (age >=18&& isStudent) {                                            -11    console.log("You are an adult student.");                              -12  elseif (age >=18) {                                                  -13    console.log("You are an adult.");                                      -14  else {                                                                 -15    console.log("You are a minor.");                                       -16  }                                                                        -17   -18  // Arrays and array methods -19  const numbers = [12345];                                         -20  const doubledNumbers = numbers.map((num) => num *2);                    -21  console.log("Doubled numbers:", doubledNumbers);                         -22   -23  // Objects -24  const person = {                                                         -25    firstName: "John",                                                     -26    lastName: "Doe",                                                       -27    getFullName() {                                                        -28  return`${this.firstName} ${this.lastName}`;                         -29    },                                                                     -30  };                                                                       -31  console.log("Full name:", person.getFullName());                         -32   -33  // Classes -34  class Rectangle {                                                        -35    constructor(width, height) {                                           -36      this.width = width;                                                  -37      this.height = height;                                                -38    }                                                                      -39   -40    getArea() {                                                            -41  return this.width * this.height;                                     -42    }                                                                      -43  }                                                                        -44  const rectangle =new Rectangle(53);                                   -45  console.log("Rectangle area:", rectangle.getArea());                     -46   -47  // Async/Await and Promises -48  asyncfunctionfetchData() {                                             -49  try {                                                                  -50  const response =awaitfetch("https://api.example.com/data");        -51  const data =await response.json();                                  -52      console.log("Fetched data:", data);                                  -53    } catch (error) {                                                      -54      console.error("Error:", error);                                      -55    }                                                                      -56  }                                                                        -57  fetchData();                                                             -58   -59  // Arrow functions -60  constgreet= (name) => {                                                -61    console.log(`Hello, ${name}!`);                                        -62  };                                                                       -63  greet("Alice");                                                          -64   -65  // Destructuring assignment -66  const [a, b, ...rest] = [12345];                                 -67  console.log(a, b, rest);                                                 -68   -69  // Spread operator -70  const arr1 = [123];                                                  -71  const arr2 = [456];                                                  -72  const combinedArr = [...arr1, ...arr2];                                  -73  console.log("Combined array:", combinedArr);                             -74   -75  // Ternary operator -76  const message = age >=18 ? "You are an adult." : "You are a minor.";    -77  console.log(message);                                                    -78   - -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + 1  // Variable declarations + 2  const name ="John";                                                     + 3  let age =30;                                                            + 4  var isStudent =true;                                                    + 5   + 6  // Template literals + 7  console.log(`Hello, ${name}! You are ${age} years old.`);                + 8   + 9  // Conditional statements +10  if (age >=18&& isStudent) {                                            +11    console.log("You are an adult student.");                              +12  elseif (age >=18) {                                                  +13    console.log("You are an adult.");                                      +14  else {                                                                 +15    console.log("You are a minor.");                                       +16  }                                                                        +17   +18  // Arrays and array methods +19  const numbers = [12345];                                         +20  const doubledNumbers = numbers.map((num) => num *2);                    +21  console.log("Doubled numbers:", doubledNumbers);                         +22   +23  // Objects +24  const person = {                                                         +25    firstName: "John",                                                     +26    lastName: "Doe",                                                       +27    getFullName() {                                                        +28  return`${this.firstName} ${this.lastName}`;                         +29    },                                                                     +30  };                                                                       +31  console.log("Full name:", person.getFullName());                         +32   +33  // Classes +34  class Rectangle {                                                        +35    constructor(width, height) {                                           +36      this.width = width;                                                  +37      this.height = height;                                                +38    }                                                                      +39   +40    getArea() {                                                            +41  return this.width * this.height;                                     +42    }                                                                      +43  }                                                                        +44  const rectangle =new Rectangle(53);                                   +45  console.log("Rectangle area:", rectangle.getArea());                     +46   +47  // Async/Await and Promises +48  asyncfunctionfetchData() {                                             +49  try {                                                                  +50  const response =awaitfetch("https://api.example.com/data");        +51  const data =await response.json();                                  +52      console.log("Fetched data:", data);                                  +53    } catch (error) {                                                      +54      console.error("Error:", error);                                      +55    }                                                                      +56  }                                                                        +57  fetchData();                                                             +58   +59  // Arrow functions +60  constgreet= (name) => {                                                +61    console.log(`Hello, ${name}!`);                                        +62  };                                                                       +63  greet("Alice");                                                          +64   +65  // Destructuring assignment +66  const [a, b, ...rest] = [12345];                                 +67  console.log(a, b, rest);                                                 +68   +69  // Spread operator +70  const arr1 = [123];                                                  +71  const arr2 = [456];                                                  +72  const combinedArr = [...arr1, ...arr2];                                  +73  console.log("Combined array:", combinedArr);                             +74   +75  // Ternary operator +76  const message = age >=18 ? "You are an adult." : "You are a minor.";    +77  console.log(message);                                                    +78   + +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_language_rendering[json].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_language_rendering[json].svg index e5f7c63eb1..d684ae0aa1 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_language_rendering[json].svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_language_rendering[json].svg @@ -19,182 +19,182 @@ font-weight: 700; } - .terminal-4209584145-matrix { + .terminal-3328771125-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-4209584145-title { + .terminal-3328771125-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-4209584145-r1 { fill: #1e1e1e } -.terminal-4209584145-r2 { fill: #0178d4 } -.terminal-4209584145-r3 { fill: #c5c8c6 } -.terminal-4209584145-r4 { fill: #c2c2bf } -.terminal-4209584145-r5 { fill: #272822;font-weight: bold } -.terminal-4209584145-r6 { fill: #f8f8f2 } -.terminal-4209584145-r7 { fill: #90908a } -.terminal-4209584145-r8 { fill: #f92672;font-weight: bold } -.terminal-4209584145-r9 { fill: #e6db74 } -.terminal-4209584145-r10 { fill: #ae81ff } -.terminal-4209584145-r11 { fill: #66d9ef;font-style: italic; } -.terminal-4209584145-r12 { fill: #f8f8f2;font-weight: bold } + .terminal-3328771125-r1 { fill: #121212 } +.terminal-3328771125-r2 { fill: #0178d4 } +.terminal-3328771125-r3 { fill: #c5c8c6 } +.terminal-3328771125-r4 { fill: #c2c2bf } +.terminal-3328771125-r5 { fill: #272822;font-weight: bold } +.terminal-3328771125-r6 { fill: #f8f8f2 } +.terminal-3328771125-r7 { fill: #90908a } +.terminal-3328771125-r8 { fill: #f92672;font-weight: bold } +.terminal-3328771125-r9 { fill: #e6db74 } +.terminal-3328771125-r10 { fill: #ae81ff } +.terminal-3328771125-r11 { fill: #66d9ef;font-style: italic; } +.terminal-3328771125-r12 { fill: #f8f8f2;font-weight: bold } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - TextAreaSnapshot + TextAreaSnapshot - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - 1  { - 2  "name""John Doe",                                                  - 3  "age"30,                                                           - 4  "isStudent"false,                                                  - 5  "address": {                                                         - 6  "street""123 Main St",                                         - 7  "city""Anytown",                                               - 8  "state""CA",                                                   - 9  "zip""12345" -10      },                                                                   -11  "phoneNumbers": [                                                    -12          {                                                                -13  "type""home",                                              -14  "number""555-555-1234" -15          },                                                               -16          {                                                                -17  "type""work",                                              -18  "number""555-555-5678" -19          }                                                                -20      ],                                                                   -21  "hobbies": ["reading""hiking""swimming"],                        -22  "pets": [                                                            -23          {                                                                -24  "type""dog",                                               -25  "name""Fido" -26          },                                                               -27      ],                                                                   -28  "graduationYear"null -29  } -30   -31   - -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + 1  { + 2  "name""John Doe",                                                  + 3  "age"30,                                                           + 4  "isStudent"false,                                                  + 5  "address": {                                                         + 6  "street""123 Main St",                                         + 7  "city""Anytown",                                               + 8  "state""CA",                                                   + 9  "zip""12345" +10      },                                                                   +11  "phoneNumbers": [                                                    +12          {                                                                +13  "type""home",                                              +14  "number""555-555-1234" +15          },                                                               +16          {                                                                +17  "type""work",                                              +18  "number""555-555-5678" +19          }                                                                +20      ],                                                                   +21  "hobbies": ["reading""hiking""swimming"],                        +22  "pets": [                                                            +23          {                                                                +24  "type""dog",                                               +25  "name""Fido" +26          },                                                               +27      ],                                                                   +28  "graduationYear"null +29  } +30   +31   + +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_language_rendering[kotlin].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_language_rendering[kotlin].svg index 416d6aae9a..1ec8590e47 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_language_rendering[kotlin].svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_language_rendering[kotlin].svg @@ -19,443 +19,443 @@ font-weight: 700; } - .terminal-1981962059-matrix { + .terminal-2196238034-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1981962059-title { + .terminal-2196238034-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1981962059-r1 { fill: #1e1e1e } -.terminal-1981962059-r2 { fill: #0178d4 } -.terminal-1981962059-r3 { fill: #c5c8c6 } -.terminal-1981962059-r4 { fill: #c2c2bf } -.terminal-1981962059-r5 { fill: #272822 } -.terminal-1981962059-r6 { fill: #75715e } -.terminal-1981962059-r7 { fill: #f8f8f2 } -.terminal-1981962059-r8 { fill: #90908a } -.terminal-1981962059-r9 { fill: #f92672 } -.terminal-1981962059-r10 { fill: #e6db74 } -.terminal-1981962059-r11 { fill: #ae81ff } -.terminal-1981962059-r12 { fill: #66d9ef;font-style: italic; } -.terminal-1981962059-r13 { fill: #a6e22e } + .terminal-2196238034-r1 { fill: #121212 } +.terminal-2196238034-r2 { fill: #0178d4 } +.terminal-2196238034-r3 { fill: #c5c8c6 } +.terminal-2196238034-r4 { fill: #c2c2bf } +.terminal-2196238034-r5 { fill: #272822 } +.terminal-2196238034-r6 { fill: #75715e } +.terminal-2196238034-r7 { fill: #f8f8f2 } +.terminal-2196238034-r8 { fill: #90908a } +.terminal-2196238034-r9 { fill: #f92672 } +.terminal-2196238034-r10 { fill: #e6db74 } +.terminal-2196238034-r11 { fill: #ae81ff } +.terminal-2196238034-r12 { fill: #66d9ef;font-style: italic; } +.terminal-2196238034-r13 { fill: #a6e22e } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - TextAreaSnapshot + TextAreaSnapshot - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - 1  // Variables - 2  val name ="John" - 3  var age =30 - 4  var isStudent =true - 5   - 6  // Printing variables - 7  println("Hello, $name! You are $age years old.")                         - 8   - 9  // Conditional statements -10  when {                                                                   -11      age >=18&& isStudent ->println("You are an adult student.")       -12      age >=18->println("You are an adult.")                            -13  else->println("You are a minor.")                                  -14  }                                                                        -15   -16  // Arrays -17  val numbers =arrayOf(12345)                                     -18  println("Numbers: ${numbers.contentToString()}")                         -19   -20  // Lists -21  val fruits =listOf("apple""banana""orange")                         -22  println("Fruits: $fruits")                                               -23   -24  // Loops -25  for (num in numbers) {                                                   -26  println("Number: $num")                                              -27  }                                                                        -28   -29  // Functions -30  fungreet(name: String) {                                                -31  println("Hello, $name!")                                             -32  }                                                                        -33  greet("Alice")                                                           -34   -35  // Lambda functions -36  val square = { num: Int -> num * num }                                   -37  println("Square of 5: ${square(5)}")                                     -38   -39  // Extension functions -40  fun String.reverse(): String {                                           -41  return this.reversed() -42  }                                                                        -43  val reversed ="Hello".reverse()                                         -44  println("Reversed: $reversed")                                           -45   -46  // Data classes -47  dataclass Person(val name: String, val age: Int)                        -48  val person =Person("John"30)                                          -49  println("Person: $person")                                               -50   -51  // Null safety -52  var nullable: String? =null -53  println("Length: ${nullable?.length}")                                   -54   -55  // Elvis operator -56  val length = nullable?.length ?:0 -57  println("Length (Elvis): $length")                                       -58   -59  // Smart casts -60  funprintLength(obj: Any) {                                              -61  if (obj is String) {                                                 -62  println("Length: ${obj.length}")                                 -63      }                                                                    -64  }                                                                        -65  printLength("Hello")                                                     -66   -67  // Object expressions -68  val comparator =object : Comparator<Int> {                              -69  overridefun compare(a: Int, b: Int): Int {                          -70  return a - b -71      }                                                                    -72  }                                                                        -73  val sortedNumbers = numbers.sortedWith(comparator)                       -74  println("Sorted numbers: ${sortedNumbers.contentToString()}")            -75   -76  // Companion objects -77  class MyClass {                                                          -78      companion object {                                                   -79  funcreate(): MyClass {                                          -80  return MyClass() -81          }                                                                -82      }                                                                    -83  }                                                                        -84  val obj = MyClass.create()                                               -85   -86  // Sealed classes -87  sealedclass Result {                                                    -88  dataclass Success(val data: String) : Result()                      -89  dataclass Error(val message: String) : Result()                     -90  }                                                                        -91  val result: Result = Result.Success("Data")                              -92  when (result) {                                                          -93  is Result.Success ->println("Success: ${result.data}")              -94  is Result.Error ->println("Error: ${result.message}")               -95  }                                                                        -96   - -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + 1  // Variables + 2  val name ="John" + 3  var age =30 + 4  var isStudent =true + 5   + 6  // Printing variables + 7  println("Hello, $name! You are $age years old.")                         + 8   + 9  // Conditional statements +10  when {                                                                   +11      age >=18&& isStudent ->println("You are an adult student.")       +12      age >=18->println("You are an adult.")                            +13  else->println("You are a minor.")                                  +14  }                                                                        +15   +16  // Arrays +17  val numbers =arrayOf(12345)                                     +18  println("Numbers: ${numbers.contentToString()}")                         +19   +20  // Lists +21  val fruits =listOf("apple""banana""orange")                         +22  println("Fruits: $fruits")                                               +23   +24  // Loops +25  for (num in numbers) {                                                   +26  println("Number: $num")                                              +27  }                                                                        +28   +29  // Functions +30  fungreet(name: String) {                                                +31  println("Hello, $name!")                                             +32  }                                                                        +33  greet("Alice")                                                           +34   +35  // Lambda functions +36  val square = { num: Int -> num * num }                                   +37  println("Square of 5: ${square(5)}")                                     +38   +39  // Extension functions +40  fun String.reverse(): String {                                           +41  return this.reversed() +42  }                                                                        +43  val reversed ="Hello".reverse()                                         +44  println("Reversed: $reversed")                                           +45   +46  // Data classes +47  dataclass Person(val name: String, val age: Int)                        +48  val person =Person("John"30)                                          +49  println("Person: $person")                                               +50   +51  // Null safety +52  var nullable: String? =null +53  println("Length: ${nullable?.length}")                                   +54   +55  // Elvis operator +56  val length = nullable?.length ?:0 +57  println("Length (Elvis): $length")                                       +58   +59  // Smart casts +60  funprintLength(obj: Any) {                                              +61  if (obj is String) {                                                 +62  println("Length: ${obj.length}")                                 +63      }                                                                    +64  }                                                                        +65  printLength("Hello")                                                     +66   +67  // Object expressions +68  val comparator =object : Comparator<Int> {                              +69  overridefun compare(a: Int, b: Int): Int {                          +70  return a - b +71      }                                                                    +72  }                                                                        +73  val sortedNumbers = numbers.sortedWith(comparator)                       +74  println("Sorted numbers: ${sortedNumbers.contentToString()}")            +75   +76  // Companion objects +77  class MyClass {                                                          +78      companion object {                                                   +79  funcreate(): MyClass {                                          +80  return MyClass() +81          }                                                                +82      }                                                                    +83  }                                                                        +84  val obj = MyClass.create()                                               +85   +86  // Sealed classes +87  sealedclass Result {                                                    +88  dataclass Success(val data: String) : Result()                      +89  dataclass Error(val message: String) : Result()                     +90  }                                                                        +91  val result: Result = Result.Success("Data")                              +92  when (result) {                                                          +93  is Result.Success ->println("Success: ${result.data}")              +94  is Result.Error ->println("Error: ${result.message}")               +95  }                                                                        +96   + +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_language_rendering[markdown].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_language_rendering[markdown].svg index 7215cd80c4..93701669ea 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_language_rendering[markdown].svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_language_rendering[markdown].svg @@ -19,333 +19,333 @@ font-weight: 700; } - .terminal-3877513997-matrix { + .terminal-602791404-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3877513997-title { + .terminal-602791404-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3877513997-r1 { fill: #1e1e1e } -.terminal-3877513997-r2 { fill: #0178d4 } -.terminal-3877513997-r3 { fill: #c5c8c6 } -.terminal-3877513997-r4 { fill: #c2c2bf } -.terminal-3877513997-r5 { fill: #272822;font-weight: bold } -.terminal-3877513997-r6 { fill: #f92672;font-weight: bold } -.terminal-3877513997-r7 { fill: #f8f8f2 } -.terminal-3877513997-r8 { fill: #90908a } -.terminal-3877513997-r9 { fill: #f8f8f2;font-style: italic; } -.terminal-3877513997-r10 { fill: #f8f8f2;font-weight: bold } -.terminal-3877513997-r11 { fill: #e6db74 } -.terminal-3877513997-r12 { fill: #75715e } -.terminal-3877513997-r13 { fill: #66d9ef;text-decoration: underline; } -.terminal-3877513997-r14 { fill: #272822 } -.terminal-3877513997-r15 { fill: #23568b } + .terminal-602791404-r1 { fill: #121212 } +.terminal-602791404-r2 { fill: #0178d4 } +.terminal-602791404-r3 { fill: #c5c8c6 } +.terminal-602791404-r4 { fill: #c2c2bf } +.terminal-602791404-r5 { fill: #272822;font-weight: bold } +.terminal-602791404-r6 { fill: #f92672;font-weight: bold } +.terminal-602791404-r7 { fill: #f8f8f2 } +.terminal-602791404-r8 { fill: #90908a } +.terminal-602791404-r9 { fill: #f8f8f2;font-style: italic; } +.terminal-602791404-r10 { fill: #f8f8f2;font-weight: bold } +.terminal-602791404-r11 { fill: #e6db74 } +.terminal-602791404-r12 { fill: #75715e } +.terminal-602791404-r13 { fill: #66d9ef;text-decoration: underline; } +.terminal-602791404-r14 { fill: #272822 } +.terminal-602791404-r15 { fill: #242f38 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - TextAreaSnapshot + TextAreaSnapshot - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - 1  Heading - 2  =======                                                                  - 3   - 4  Sub-heading - 5  -----------                                                              - 6   - 7  ### Heading - 8   - 9  #### H4 Heading -10   -11  ##### H5 Heading -12   -13  ###### H6 Heading -14   -15   -16  Paragraphs are separated                                                 -17  by a blank line.                                                         -18   -19  Two spaces at the end of a line                                          -20  produces a line break.                                                   -21   -22  Text attributes _italic_,                                                -23  **bold**`monospace`.                                                   -24   -25  Horizontal rule:                                                         -26   -27  ---                                                                      -28   -29  Bullet list:                                                             -30   -31  * apples                                                               -32  * oranges                                                              -33  * pears                                                                -34   -35  Numbered list:                                                           -36   -37  1. lather                                                              -38  2. rinse                                                               -39  3. repeat                                                              -40   -41  An [example](http://example.com).                                        -42   -43  > Markdown uses email-style > characters for blockquoting.               -44  >                                                                        -45  > Lorem ipsum                                                            -46   -47  ![progress](https://github.com/textualize/rich/raw/master/imgs/progress. -48   -49   -50  ```                                                                      -51  a=1                                                                      -52  ```                                                                      -53   -54  ```python                                                                -55  import this                                                              -56  ```                                                                      -57   -58  ```somelang                                                              -59  foobar                                                                   -60  ```                                                                      -61   -62      import this                                                          -63   -64   -65  1. List item                                                             -66   -67         Code block                                                        -68   - -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + 1  Heading + 2  =======                                                                  + 3   + 4  Sub-heading + 5  -----------                                                              + 6   + 7  ### Heading + 8   + 9  #### H4 Heading +10   +11  ##### H5 Heading +12   +13  ###### H6 Heading +14   +15   +16  Paragraphs are separated                                                 +17  by a blank line.                                                         +18   +19  Two spaces at the end of a line                                          +20  produces a line break.                                                   +21   +22  Text attributes _italic_,                                                +23  **bold**`monospace`.                                                   +24   +25  Horizontal rule:                                                         +26   +27  ---                                                                      +28   +29  Bullet list:                                                             +30   +31  * apples                                                               +32  * oranges                                                              +33  * pears                                                                +34   +35  Numbered list:                                                           +36   +37  1. lather                                                              +38  2. rinse                                                               +39  3. repeat                                                              +40   +41  An [example](http://example.com).                                        +42   +43  > Markdown uses email-style > characters for blockquoting.               +44  >                                                                        +45  > Lorem ipsum                                                            +46   +47  ![progress](https://github.com/textualize/rich/raw/master/imgs/progress. +48   +49   +50  ```                                                                      +51  a=1                                                                      +52  ```                                                                      +53   +54  ```python                                                                +55  import this                                                              +56  ```                                                                      +57   +58  ```somelang                                                              +59  foobar                                                                   +60  ```                                                                      +61   +62      import this                                                          +63   +64   +65  1. List item                                                             +66   +67         Code block                                                        +68   + +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_language_rendering[python].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_language_rendering[python].svg index 17de494b1e..3078c5091c 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_language_rendering[python].svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_language_rendering[python].svg @@ -19,375 +19,375 @@ font-weight: 700; } - .terminal-1822293834-matrix { + .terminal-2039522974-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1822293834-title { + .terminal-2039522974-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1822293834-r1 { fill: #1e1e1e } -.terminal-1822293834-r2 { fill: #0178d4 } -.terminal-1822293834-r3 { fill: #c5c8c6 } -.terminal-1822293834-r4 { fill: #c2c2bf } -.terminal-1822293834-r5 { fill: #272822 } -.terminal-1822293834-r6 { fill: #f92672 } -.terminal-1822293834-r7 { fill: #f8f8f2 } -.terminal-1822293834-r8 { fill: #90908a } -.terminal-1822293834-r9 { fill: #75715e } -.terminal-1822293834-r10 { fill: #e6db74 } -.terminal-1822293834-r11 { fill: #ae81ff } -.terminal-1822293834-r12 { fill: #a6e22e } -.terminal-1822293834-r13 { fill: #23568b } + .terminal-2039522974-r1 { fill: #121212 } +.terminal-2039522974-r2 { fill: #0178d4 } +.terminal-2039522974-r3 { fill: #c5c8c6 } +.terminal-2039522974-r4 { fill: #c2c2bf } +.terminal-2039522974-r5 { fill: #272822 } +.terminal-2039522974-r6 { fill: #f92672 } +.terminal-2039522974-r7 { fill: #f8f8f2 } +.terminal-2039522974-r8 { fill: #90908a } +.terminal-2039522974-r9 { fill: #75715e } +.terminal-2039522974-r10 { fill: #e6db74 } +.terminal-2039522974-r11 { fill: #ae81ff } +.terminal-2039522974-r12 { fill: #a6e22e } +.terminal-2039522974-r13 { fill: #242f38 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - TextAreaSnapshot + TextAreaSnapshot - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - 1  import math                                                              - 2  from os import path                                                      - 3   - 4  # I'm a comment :) - 5   - 6  string_var ="Hello, world!" - 7  int_var =42 - 8  float_var =3.14 - 9  complex_var =1+2j -10   -11  list_var = [12345]                                               -12  tuple_var = (12345)                                              -13  set_var = {12345}                                                -14  dict_var = {"a"1"b"2"c"3}                                      -15   -16  deffunction_no_args():                                                  -17  return"No arguments" -18   -19  deffunction_with_args(a, b):                                            -20  return a + b                                                         -21   -22  deffunction_with_default_args(a=0, b=0):                                -23  return a * b                                                         -24   -25  lambda_func =lambda x: x**2 -26   -27  if int_var ==42:                                                        -28  print("It's the answer!")                                            -29  elif int_var <42:                                                       -30  print("Less than the answer.")                                       -31  else:                                                                    -32  print("Greater than the answer.")                                    -33   -34  for index, value inenumerate(list_var):                                 -35  print(f"Index: {index}, Value: {value}")                             -36   -37  counter =0 -38  while counter <5:                                                       -39  print(f"Counter value: {counter}")                                   -40      counter +=1 -41   -42  squared_numbers = [x**2for x inrange(10if x %2==0]                -43   -44  try:                                                                     -45      result =10/0 -46  except ZeroDivisionError:                                                -47  print("Cannot divide by zero!")                                      -48  finally:                                                                 -49  print("End of try-except block.")                                    -50   -51  classAnimal:                                                            -52  def__init__(self, name):                                            -53          self.name = name                                                 -54   -55  defspeak(self):                                                     -56  raiseNotImplementedError("Subclasses must implement this method -57   -58  classDog(Animal):                                                       -59  defspeak(self):                                                     -60  returnf"{self.name} says Woof!" -61   -62  deffibonacci(n):                                                        -63      a, b =01 -64  for _ inrange(n):                                                   -65  yield a                                                          -66          a, b = b, a + b                                                  -67   -68  for num infibonacci(5):                                                 -69  print(num)                                                           -70   -71  withopen('test.txt''w'as f:                                         -72      f.write("Testing with statement.")                                   -73   -74  @my_decorator                                                            -75  defsay_hello():                                                         -76  print("Hello!")                                                      -77   -78  say_hello()                                                              -79   - -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + 1  import math                                                              + 2  from os import path                                                      + 3   + 4  # I'm a comment :) + 5   + 6  string_var ="Hello, world!" + 7  int_var =42 + 8  float_var =3.14 + 9  complex_var =1+2j +10   +11  list_var = [12345]                                               +12  tuple_var = (12345)                                              +13  set_var = {12345}                                                +14  dict_var = {"a"1"b"2"c"3}                                      +15   +16  deffunction_no_args():                                                  +17  return"No arguments" +18   +19  deffunction_with_args(a, b):                                            +20  return a + b                                                         +21   +22  deffunction_with_default_args(a=0, b=0):                                +23  return a * b                                                         +24   +25  lambda_func =lambda x: x**2 +26   +27  if int_var ==42:                                                        +28  print("It's the answer!")                                            +29  elif int_var <42:                                                       +30  print("Less than the answer.")                                       +31  else:                                                                    +32  print("Greater than the answer.")                                    +33   +34  for index, value inenumerate(list_var):                                 +35  print(f"Index: {index}, Value: {value}")                             +36   +37  counter =0 +38  while counter <5:                                                       +39  print(f"Counter value: {counter}")                                   +40      counter +=1 +41   +42  squared_numbers = [x**2for x inrange(10if x %2==0]                +43   +44  try:                                                                     +45      result =10/0 +46  except ZeroDivisionError:                                                +47  print("Cannot divide by zero!")                                      +48  finally:                                                                 +49  print("End of try-except block.")                                    +50   +51  classAnimal:                                                            +52  def__init__(self, name):                                            +53          self.name = name                                                 +54   +55  defspeak(self):                                                     +56  raiseNotImplementedError("Subclasses must implement this method +57   +58  classDog(Animal):                                                       +59  defspeak(self):                                                     +60  returnf"{self.name} says Woof!" +61   +62  deffibonacci(n):                                                        +63      a, b =01 +64  for _ inrange(n):                                                   +65  yield a                                                          +66          a, b = b, a + b                                                  +67   +68  for num infibonacci(5):                                                 +69  print(num)                                                           +70   +71  withopen('test.txt''w'as f:                                         +72      f.write("Testing with statement.")                                   +73   +74  @my_decorator                                                            +75  defsay_hello():                                                         +76  print("Hello!")                                                      +77   +78  say_hello()                                                              +79   + +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_language_rendering[regex].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_language_rendering[regex].svg index da4ff65e87..a5d975975b 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_language_rendering[regex].svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_language_rendering[regex].svg @@ -19,157 +19,157 @@ font-weight: 700; } - .terminal-847966988-matrix { + .terminal-2627785556-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-847966988-title { + .terminal-2627785556-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-847966988-r1 { fill: #1e1e1e } -.terminal-847966988-r2 { fill: #0178d4 } -.terminal-847966988-r3 { fill: #c5c8c6 } -.terminal-847966988-r4 { fill: #c2c2bf } -.terminal-847966988-r5 { fill: #272822 } -.terminal-847966988-r6 { fill: #e6db74 } -.terminal-847966988-r7 { fill: #f8f8f2 } -.terminal-847966988-r8 { fill: #90908a } -.terminal-847966988-r9 { fill: #f92672 } -.terminal-847966988-r10 { fill: #ae81ff } -.terminal-847966988-r11 { fill: #23568b } + .terminal-2627785556-r1 { fill: #121212 } +.terminal-2627785556-r2 { fill: #0178d4 } +.terminal-2627785556-r3 { fill: #c5c8c6 } +.terminal-2627785556-r4 { fill: #c2c2bf } +.terminal-2627785556-r5 { fill: #272822 } +.terminal-2627785556-r6 { fill: #e6db74 } +.terminal-2627785556-r7 { fill: #f8f8f2 } +.terminal-2627785556-r8 { fill: #90908a } +.terminal-2627785556-r9 { fill: #f92672 } +.terminal-2627785556-r10 { fill: #ae81ff } +.terminal-2627785556-r11 { fill: #242f38 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - TextAreaSnapshot + TextAreaSnapshot - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - 1  ^abc            # Matches any string that starts with "abc" - 2  abc$            # Matches any string that ends with "abc" - 3  ^abc$           # Matches the string "abc" and nothing else - 4  a.b             # Matches any string containing "a", any character, then - 5  a[.]b           # Matches the string "a.b" - 6  a|b             # Matches either "a" or "b" - 7  a{2}            # Matches "aa" - 8  a{2,}           # Matches two or more consecutive "a" characters - 9  a{2,5}          # Matches between 2 and 5 consecutive "a" characters -10  a?              # Matches "a" or nothing (0 or 1 occurrence of "a")      -11  a*              # Matches zero or more consecutive "a" characters -12  a+              # Matches one or more consecutive "a" characters -13  \d              # Matches any digit (equivalent to [0-9])                -14  \D              # Matches any non-digit -15  \w              # Matches any word character (equivalent to [a-zA-Z0-9_] -16  \W              # Matches any non-word character -17  \s              # Matches any whitespace character (spaces, tabs, line b -18  \S              # Matches any non-whitespace character -19  (?i)abc         # Case-insensitive match for "abc" -20  (?:a|b)         # Non-capturing group for either "a" or "b" -21  (?<=a)b         # Positive lookbehind: matches "b" that is preceded by " -22  (?<!a)b         # Negative lookbehind: matches "b" that is not preceded  -23  a(?=b)          # Positive lookahead: matches "a" that is followed by "b -24  a(?!b)          # Negative lookahead: matches "a" that is not followed b -25   - -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + 1  ^abc            # Matches any string that starts with "abc" + 2  abc$            # Matches any string that ends with "abc" + 3  ^abc$           # Matches the string "abc" and nothing else + 4  a.b             # Matches any string containing "a", any character, then + 5  a[.]b           # Matches the string "a.b" + 6  a|b             # Matches either "a" or "b" + 7  a{2}            # Matches "aa" + 8  a{2,}           # Matches two or more consecutive "a" characters + 9  a{2,5}          # Matches between 2 and 5 consecutive "a" characters +10  a?              # Matches "a" or nothing (0 or 1 occurrence of "a")      +11  a*              # Matches zero or more consecutive "a" characters +12  a+              # Matches one or more consecutive "a" characters +13  \d              # Matches any digit (equivalent to [0-9])                +14  \D              # Matches any non-digit +15  \w              # Matches any word character (equivalent to [a-zA-Z0-9_] +16  \W              # Matches any non-word character +17  \s              # Matches any whitespace character (spaces, tabs, line b +18  \S              # Matches any non-whitespace character +19  (?i)abc         # Case-insensitive match for "abc" +20  (?:a|b)         # Non-capturing group for either "a" or "b" +21  (?<=a)b         # Positive lookbehind: matches "b" that is preceded by " +22  (?<!a)b         # Negative lookbehind: matches "b" that is not preceded  +23  a(?=b)          # Positive lookahead: matches "a" that is followed by "b +24  a(?!b)          # Negative lookahead: matches "a" that is not followed b +25   + +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_language_rendering[rust].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_language_rendering[rust].svg index d4bfc02b1d..5ad6de8d6e 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_language_rendering[rust].svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_language_rendering[rust].svg @@ -19,479 +19,479 @@ font-weight: 700; } - .terminal-1576637883-matrix { + .terminal-1635131811-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1576637883-title { + .terminal-1635131811-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1576637883-r1 { fill: #1e1e1e } -.terminal-1576637883-r2 { fill: #0178d4 } -.terminal-1576637883-r3 { fill: #c5c8c6 } -.terminal-1576637883-r4 { fill: #c2c2bf } -.terminal-1576637883-r5 { fill: #272822 } -.terminal-1576637883-r6 { fill: #f92672 } -.terminal-1576637883-r7 { fill: #f8f8f2 } -.terminal-1576637883-r8 { fill: #90908a } -.terminal-1576637883-r9 { fill: #75715e } -.terminal-1576637883-r10 { fill: #66d9ef;font-style: italic; } -.terminal-1576637883-r11 { fill: #a6e22e } -.terminal-1576637883-r12 { fill: #e6db74 } -.terminal-1576637883-r13 { fill: #23568b } + .terminal-1635131811-r1 { fill: #121212 } +.terminal-1635131811-r2 { fill: #0178d4 } +.terminal-1635131811-r3 { fill: #c5c8c6 } +.terminal-1635131811-r4 { fill: #c2c2bf } +.terminal-1635131811-r5 { fill: #272822 } +.terminal-1635131811-r6 { fill: #f92672 } +.terminal-1635131811-r7 { fill: #f8f8f2 } +.terminal-1635131811-r8 { fill: #90908a } +.terminal-1635131811-r9 { fill: #75715e } +.terminal-1635131811-r10 { fill: #66d9ef;font-style: italic; } +.terminal-1635131811-r11 { fill: #a6e22e } +.terminal-1635131811-r12 { fill: #e6db74 } +.terminal-1635131811-r13 { fill: #242f38 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - TextAreaSnapshot + TextAreaSnapshot - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -  1  use std::collections::HashMap;                                          -  2   -  3  // Constants -  4  const PI: f64 = 3.14159;                                                -  5   -  6  // Structs -  7  struct Rectangle {                                                      -  8      width: u32,                                                         -  9      height: u32,                                                        - 10  }                                                                       - 11   - 12  impl Rectangle {                                                        - 13  fnarea(&self) -> u32 {                                             - 14          self.width * self.height                                        - 15      }                                                                   - 16  }                                                                       - 17   - 18  // Enums - 19  enum Result<T, E> {                                                     - 20      Ok(T),                                                              - 21      Err(E),                                                             - 22  }                                                                       - 23   - 24  // Functions - 25  fngreet(name: &str) {                                                  - 26      println!("Hello, {}!", name);                                       - 27  }                                                                       - 28   - 29  fnmain() {                                                             - 30  // Variables - 31  let name = "John";                                                  - 32  letmut age = 30;                                                   - 33  let is_student = true;                                              - 34   - 35  // Printing variables - 36      println!("Hello, {}! You are {} years old.", name, age);            - 37   - 38  // Conditional statements - 39  if age >= 18 && is_student {                                        - 40          println!("You are an adult student.");                          - 41      } elseif age >= 18 {                                               - 42          println!("You are an adult.");                                  - 43      } else {                                                            - 44          println!("You are a minor.");                                   - 45      }                                                                   - 46   - 47  // Arrays - 48  let numbers = [12345];                                      - 49      println!("Numbers: {:?}", numbers);                                 - 50   - 51  // Vectors - 52  letmut fruits = vec!["apple""banana""orange"];                 - 53      fruits.push("grape");                                               - 54      println!("Fruits: {:?}", fruits);                                   - 55   - 56  // Loops - 57  for num in&numbers {                                               - 58          println!("Number: {}", num);                                    - 59      }                                                                   - 60   - 61  // Pattern matching - 62  let result = Result::Ok(42);                                        - 63  match result {                                                      - 64          Result::Ok(value) => println!("Value: {}", value),              - 65          Result::Err(error) => println!("Error: {:?}", error),           - 66      }                                                                   - 67   - 68  // Ownership and borrowing - 69  let s1 = String::from("hello");                                     - 70  let s2 = s1.clone();                                                - 71      println!("s1: {}, s2: {}", s1, s2);                                 - 72   - 73  // References - 74  let rect = Rectangle {                                              - 75          width: 10,                                                      - 76          height: 20,                                                     - 77      };                                                                  - 78      println!("Rectangle area: {}", rect.area());                        - 79   - 80  // Hash maps - 81  letmut scores = HashMap::new();                                    - 82      scores.insert("Alice"100);                                        - 83      scores.insert("Bob"80);                                           - 84      println!("Alice's score: {}", scores["Alice"]);                     - 85   - 86  // Closures - 87  let square = |num: i32| num * num;                                  - 88      println!("Square of 5: {}", square(5));                             - 89   - 90  // Traits - 91  trait Printable {                                                   - 92  fnprint(&self);                                                - 93      }                                                                   - 94   - 95  impl Printable for Rectangle {                                      - 96  fnprint(&self) {                                               - 97              println!("Rectangle: width={}, height={}", self.width, self - 98          }                                                               - 99      }                                                                   -100      rect.print();                                                       -101   -102  // Modules -103  greet("Alice");                                                     -104  }                                                                       -105   - -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +  1  use std::collections::HashMap;                                          +  2   +  3  // Constants +  4  const PI: f64 = 3.14159;                                                +  5   +  6  // Structs +  7  struct Rectangle {                                                      +  8      width: u32,                                                         +  9      height: u32,                                                        + 10  }                                                                       + 11   + 12  impl Rectangle {                                                        + 13  fnarea(&self) -> u32 {                                             + 14          self.width * self.height                                        + 15      }                                                                   + 16  }                                                                       + 17   + 18  // Enums + 19  enum Result<T, E> {                                                     + 20      Ok(T),                                                              + 21      Err(E),                                                             + 22  }                                                                       + 23   + 24  // Functions + 25  fngreet(name: &str) {                                                  + 26      println!("Hello, {}!", name);                                       + 27  }                                                                       + 28   + 29  fnmain() {                                                             + 30  // Variables + 31  let name = "John";                                                  + 32  letmut age = 30;                                                   + 33  let is_student = true;                                              + 34   + 35  // Printing variables + 36      println!("Hello, {}! You are {} years old.", name, age);            + 37   + 38  // Conditional statements + 39  if age >= 18 && is_student {                                        + 40          println!("You are an adult student.");                          + 41      } elseif age >= 18 {                                               + 42          println!("You are an adult.");                                  + 43      } else {                                                            + 44          println!("You are a minor.");                                   + 45      }                                                                   + 46   + 47  // Arrays + 48  let numbers = [12345];                                      + 49      println!("Numbers: {:?}", numbers);                                 + 50   + 51  // Vectors + 52  letmut fruits = vec!["apple""banana""orange"];                 + 53      fruits.push("grape");                                               + 54      println!("Fruits: {:?}", fruits);                                   + 55   + 56  // Loops + 57  for num in&numbers {                                               + 58          println!("Number: {}", num);                                    + 59      }                                                                   + 60   + 61  // Pattern matching + 62  let result = Result::Ok(42);                                        + 63  match result {                                                      + 64          Result::Ok(value) => println!("Value: {}", value),              + 65          Result::Err(error) => println!("Error: {:?}", error),           + 66      }                                                                   + 67   + 68  // Ownership and borrowing + 69  let s1 = String::from("hello");                                     + 70  let s2 = s1.clone();                                                + 71      println!("s1: {}, s2: {}", s1, s2);                                 + 72   + 73  // References + 74  let rect = Rectangle {                                              + 75          width: 10,                                                      + 76          height: 20,                                                     + 77      };                                                                  + 78      println!("Rectangle area: {}", rect.area());                        + 79   + 80  // Hash maps + 81  letmut scores = HashMap::new();                                    + 82      scores.insert("Alice"100);                                        + 83      scores.insert("Bob"80);                                           + 84      println!("Alice's score: {}", scores["Alice"]);                     + 85   + 86  // Closures + 87  let square = |num: i32| num * num;                                  + 88      println!("Square of 5: {}", square(5));                             + 89   + 90  // Traits + 91  trait Printable {                                                   + 92  fnprint(&self);                                                + 93      }                                                                   + 94   + 95  impl Printable for Rectangle {                                      + 96  fnprint(&self) {                                               + 97              println!("Rectangle: width={}, height={}", self.width, self + 98          }                                                               + 99      }                                                                   +100      rect.print();                                                       +101   +102  // Modules +103  greet("Alice");                                                     +104  }                                                                       +105   + +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_language_rendering[sql].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_language_rendering[sql].svg index 303b651cb7..1553b20532 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_language_rendering[sql].svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_language_rendering[sql].svg @@ -19,235 +19,235 @@ font-weight: 700; } - .terminal-4181882099-matrix { + .terminal-4177740081-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-4181882099-title { + .terminal-4177740081-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-4181882099-r1 { fill: #1e1e1e } -.terminal-4181882099-r2 { fill: #0178d4 } -.terminal-4181882099-r3 { fill: #c5c8c6 } -.terminal-4181882099-r4 { fill: #c2c2bf } -.terminal-4181882099-r5 { fill: #272822 } -.terminal-4181882099-r6 { fill: #75715e } -.terminal-4181882099-r7 { fill: #f8f8f2 } -.terminal-4181882099-r8 { fill: #90908a } -.terminal-4181882099-r9 { fill: #f92672 } -.terminal-4181882099-r10 { fill: #ae81ff } -.terminal-4181882099-r11 { fill: #66d9ef;font-style: italic; } -.terminal-4181882099-r12 { fill: #e6db74 } -.terminal-4181882099-r13 { fill: #23568b } + .terminal-4177740081-r1 { fill: #121212 } +.terminal-4177740081-r2 { fill: #0178d4 } +.terminal-4177740081-r3 { fill: #c5c8c6 } +.terminal-4177740081-r4 { fill: #c2c2bf } +.terminal-4177740081-r5 { fill: #272822 } +.terminal-4177740081-r6 { fill: #75715e } +.terminal-4177740081-r7 { fill: #f8f8f2 } +.terminal-4177740081-r8 { fill: #90908a } +.terminal-4177740081-r9 { fill: #f92672 } +.terminal-4177740081-r10 { fill: #ae81ff } +.terminal-4177740081-r11 { fill: #66d9ef;font-style: italic; } +.terminal-4177740081-r12 { fill: #e6db74 } +.terminal-4177740081-r13 { fill: #242f38 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - TextAreaSnapshot + TextAreaSnapshot - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - 1  -- This is a comment in SQL - 2   - 3  -- Create tables - 4  CREATETABLE Authors (                                                   - 5      AuthorID INT PRIMARY KEY,                                            - 6      Name VARCHAR(255NOT NULL,                                          - 7      Country VARCHAR(50)                                                  - 8  );                                                                       - 9   -10  CREATETABLE Books (                                                     -11      BookID INT PRIMARY KEY,                                              -12      Title VARCHAR(255NOT NULL,                                         -13      AuthorID INT,                                                        -14      PublishedDate DATE,                                                  -15      FOREIGN KEY (AuthorID) REFERENCES Authors(AuthorID)                  -16  );                                                                       -17   -18  -- Insert data -19  INSERTINTO Authors (AuthorID, Name, Country) VALUES (1'George Orwell' -20   -21  INSERTINTO Books (BookID, Title, AuthorID, PublishedDate) VALUES (1'1 -22   -23  -- Update data -24  UPDATE Authors SET Country ='United Kingdom'WHERE Country ='UK';      -25   -26  -- Select data with JOIN -27  SELECT Books.Title, Authors.Name                                         -28  FROM Books                                                               -29  JOIN Authors ON Books.AuthorID = Authors.AuthorID;                       -30   -31  -- Delete data (commented to preserve data for other examples) -32  -- DELETE FROM Books WHERE BookID = 1; -33   -34  -- Alter table structure -35  ALTER TABLE Authors ADD COLUMN BirthDate DATE;                           -36   -37  -- Create index -38  CREATEINDEX idx_author_name ON Authors(Name);                           -39   -40  -- Drop index (commented to avoid actually dropping it) -41  -- DROP INDEX idx_author_name ON Authors; -42   -43  -- End of script -44   - -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + 1  -- This is a comment in SQL + 2   + 3  -- Create tables + 4  CREATETABLE Authors (                                                   + 5      AuthorID INT PRIMARY KEY,                                            + 6      Name VARCHAR(255NOT NULL,                                          + 7      Country VARCHAR(50)                                                  + 8  );                                                                       + 9   +10  CREATETABLE Books (                                                     +11      BookID INT PRIMARY KEY,                                              +12      Title VARCHAR(255NOT NULL,                                         +13      AuthorID INT,                                                        +14      PublishedDate DATE,                                                  +15      FOREIGN KEY (AuthorID) REFERENCES Authors(AuthorID)                  +16  );                                                                       +17   +18  -- Insert data +19  INSERTINTO Authors (AuthorID, Name, Country) VALUES (1'George Orwell' +20   +21  INSERTINTO Books (BookID, Title, AuthorID, PublishedDate) VALUES (1'1 +22   +23  -- Update data +24  UPDATE Authors SET Country ='United Kingdom'WHERE Country ='UK';      +25   +26  -- Select data with JOIN +27  SELECT Books.Title, Authors.Name                                         +28  FROM Books                                                               +29  JOIN Authors ON Books.AuthorID = Authors.AuthorID;                       +30   +31  -- Delete data (commented to preserve data for other examples) +32  -- DELETE FROM Books WHERE BookID = 1; +33   +34  -- Alter table structure +35  ALTER TABLE Authors ADD COLUMN BirthDate DATE;                           +36   +37  -- Create index +38  CREATEINDEX idx_author_name ON Authors(Name);                           +39   +40  -- Drop index (commented to avoid actually dropping it) +41  -- DROP INDEX idx_author_name ON Authors; +42   +43  -- End of script +44   + +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_language_rendering[toml].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_language_rendering[toml].svg index 91c1359470..ceb6cb5983 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_language_rendering[toml].svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_language_rendering[toml].svg @@ -19,162 +19,162 @@ font-weight: 700; } - .terminal-3827259246-matrix { + .terminal-3154393304-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3827259246-title { + .terminal-3154393304-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3827259246-r1 { fill: #1e1e1e } -.terminal-3827259246-r2 { fill: #0178d4 } -.terminal-3827259246-r3 { fill: #c5c8c6 } -.terminal-3827259246-r4 { fill: #c2c2bf } -.terminal-3827259246-r5 { fill: #272822 } -.terminal-3827259246-r6 { fill: #75715e } -.terminal-3827259246-r7 { fill: #f8f8f2 } -.terminal-3827259246-r8 { fill: #90908a } -.terminal-3827259246-r9 { fill: #f92672 } -.terminal-3827259246-r10 { fill: #e6db74 } -.terminal-3827259246-r11 { fill: #ae81ff } -.terminal-3827259246-r12 { fill: #66d9ef;font-style: italic; } + .terminal-3154393304-r1 { fill: #121212 } +.terminal-3154393304-r2 { fill: #0178d4 } +.terminal-3154393304-r3 { fill: #c5c8c6 } +.terminal-3154393304-r4 { fill: #c2c2bf } +.terminal-3154393304-r5 { fill: #272822 } +.terminal-3154393304-r6 { fill: #75715e } +.terminal-3154393304-r7 { fill: #f8f8f2 } +.terminal-3154393304-r8 { fill: #90908a } +.terminal-3154393304-r9 { fill: #f92672 } +.terminal-3154393304-r10 { fill: #e6db74 } +.terminal-3154393304-r11 { fill: #ae81ff } +.terminal-3154393304-r12 { fill: #66d9ef;font-style: italic; } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - TextAreaSnapshot + TextAreaSnapshot - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - 1  # This is a comment in TOML - 2   - 3  string = "Hello, world!" - 4  integer = 42 - 5  float = 3.14 - 6  boolean = true - 7  datetime = 1979-05-27T07:32:00Z - 8   - 9  fruits = ["apple""banana""cherry"]                                   -10   -11  [address]                                                                -12  street = "123 Main St" -13  city = "Anytown" -14  state = "CA" -15  zip = "12345" -16   -17  [person.john]                                                            -18  name = "John Doe" -19  age = 28 -20  is_student = false -21   -22   -23  [[animals]]                                                              -24  name = "Fido" -25  type = "dog" -26   - -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + 1  # This is a comment in TOML + 2   + 3  string = "Hello, world!" + 4  integer = 42 + 5  float = 3.14 + 6  boolean = true + 7  datetime = 1979-05-27T07:32:00Z + 8   + 9  fruits = ["apple""banana""cherry"]                                   +10   +11  [address]                                                                +12  street = "123 Main St" +13  city = "Anytown" +14  state = "CA" +15  zip = "12345" +16   +17  [person.john]                                                            +18  name = "John Doe" +19  age = 28 +20  is_student = false +21   +22   +23  [[animals]]                                                              +24  name = "Fido" +25  type = "dog" +26   + +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_language_rendering[yaml].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_language_rendering[yaml].svg index 8574154aa0..70022c2aca 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_language_rendering[yaml].svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_language_rendering[yaml].svg @@ -19,210 +19,210 @@ font-weight: 700; } - .terminal-306330377-matrix { + .terminal-2127695819-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-306330377-title { + .terminal-2127695819-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-306330377-r1 { fill: #1e1e1e } -.terminal-306330377-r2 { fill: #0178d4 } -.terminal-306330377-r3 { fill: #c5c8c6 } -.terminal-306330377-r4 { fill: #c2c2bf } -.terminal-306330377-r5 { fill: #272822 } -.terminal-306330377-r6 { fill: #75715e } -.terminal-306330377-r7 { fill: #f8f8f2 } -.terminal-306330377-r8 { fill: #90908a } -.terminal-306330377-r9 { fill: #f92672;font-weight: bold } -.terminal-306330377-r10 { fill: #e6db74 } -.terminal-306330377-r11 { fill: #ae81ff } -.terminal-306330377-r12 { fill: #66d9ef;font-style: italic; } + .terminal-2127695819-r1 { fill: #121212 } +.terminal-2127695819-r2 { fill: #0178d4 } +.terminal-2127695819-r3 { fill: #c5c8c6 } +.terminal-2127695819-r4 { fill: #c2c2bf } +.terminal-2127695819-r5 { fill: #272822 } +.terminal-2127695819-r6 { fill: #75715e } +.terminal-2127695819-r7 { fill: #f8f8f2 } +.terminal-2127695819-r8 { fill: #90908a } +.terminal-2127695819-r9 { fill: #f92672;font-weight: bold } +.terminal-2127695819-r10 { fill: #e6db74 } +.terminal-2127695819-r11 { fill: #ae81ff } +.terminal-2127695819-r12 { fill: #66d9ef;font-style: italic; } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - TextAreaSnapshot + TextAreaSnapshot - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - 1  # This is a comment in YAML - 2   - 3  # Scalars - 4  string"Hello, world!" - 5  integer42 - 6  float3.14 - 7  booleantrue - 8   - 9  # Sequences (Arrays) -10  fruits:                                                                  -11    - Apple -12    - Banana -13    - Cherry -14   -15  # Nested sequences -16  persons:                                                                 -17    - nameJohn -18  age28 -19  is_studentfalse -20    - nameJane -21  age22 -22  is_studenttrue -23   -24  # Mappings (Dictionaries) -25  address:                                                                 -26  street123 Main St -27  cityAnytown -28  stateCA -29  zip'12345' -30   -31  # Multiline string -32  description -33    This is a multiline  -34    string in YAML. -35   -36  # Inline and nested collections -37  colors: { redFF0000green00FF00blue0000FF }                     -38   - -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + 1  # This is a comment in YAML + 2   + 3  # Scalars + 4  string"Hello, world!" + 5  integer42 + 6  float3.14 + 7  booleantrue + 8   + 9  # Sequences (Arrays) +10  fruits:                                                                  +11    - Apple +12    - Banana +13    - Cherry +14   +15  # Nested sequences +16  persons:                                                                 +17    - nameJohn +18  age28 +19  is_studentfalse +20    - nameJane +21  age22 +22  is_studenttrue +23   +24  # Mappings (Dictionaries) +25  address:                                                                 +26  street123 Main St +27  cityAnytown +28  stateCA +29  zip'12345' +30   +31  # Multiline string +32  description +33    This is a multiline  +34    string in YAML. +35   +36  # Inline and nested collections +37  colors: { redFF0000green00FF00blue0000FF }                     +38   + +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_line_number_start.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_line_number_start.svg index 96b887755f..b6b05e80b3 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_line_number_start.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_line_number_start.svg @@ -19,74 +19,72 @@ font-weight: 700; } - .terminal-2538012934-matrix { + .terminal-2299821873-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2538012934-title { + .terminal-2299821873-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2538012934-r1 { fill: #1e1e1e } -.terminal-2538012934-r2 { fill: #0178d4 } -.terminal-2538012934-r3 { fill: #c5c8c6 } -.terminal-2538012934-r4 { fill: #a8a8a8;font-weight: bold } -.terminal-2538012934-r5 { fill: #151515 } -.terminal-2538012934-r6 { fill: #e2e2e2 } -.terminal-2538012934-r7 { fill: #787878 } -.terminal-2538012934-r8 { fill: #e1e1e1 } + .terminal-2299821873-r1 { fill: #121212 } +.terminal-2299821873-r2 { fill: #0178d4 } +.terminal-2299821873-r3 { fill: #c5c8c6 } +.terminal-2299821873-r4 { fill: #959595;font-weight: bold } +.terminal-2299821873-r5 { fill: #e0e0e0 } +.terminal-2299821873-r6 { fill: #6b6b6b } - + - + - + - + - + - + - + - + - LineNumbersReactive + LineNumbersReactive - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ - 9999  Foo                   -10000  Bar                   -10001  Baz                   -10002   - - -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + 9999  Foo                   +10000  Bar                   +10001  Baz                   +10002   + + +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_read_only_cursor_rendering.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_read_only_cursor_rendering.svg index 5cd0ac6710..b1c1b9b98a 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_read_only_cursor_rendering.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_read_only_cursor_rendering.svg @@ -19,60 +19,59 @@ font-weight: 700; } - .terminal-3960095737-matrix { + .terminal-2506374631-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3960095737-title { + .terminal-2506374631-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3960095737-r1 { fill: #1e1e1e } -.terminal-3960095737-r2 { fill: #0178d4 } -.terminal-3960095737-r3 { fill: #c5c8c6 } -.terminal-3960095737-r4 { fill: #abaca9;font-weight: bold } -.terminal-3960095737-r5 { fill: #170e01 } -.terminal-3960095737-r6 { fill: #f8f8f2 } + .terminal-2506374631-r1 { fill: #121212 } +.terminal-2506374631-r2 { fill: #0178d4 } +.terminal-2506374631-r3 { fill: #c5c8c6 } +.terminal-2506374631-r4 { fill: #999997;font-weight: bold } +.terminal-2506374631-r5 { fill: #f8f8f2 } - + - + - + - + - + - TextAreaSnapshot + TextAreaSnapshot - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -1  Hello, world!           - - -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +1  Hello, world!           + + +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_selection_rendering[selection0].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_selection_rendering[selection0].svg index b9f3cfd018..e3cad34a17 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_selection_rendering[selection0].svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_selection_rendering[selection0].svg @@ -19,72 +19,72 @@ font-weight: 700; } - .terminal-3515312631-matrix { + .terminal-1738498439-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3515312631-title { + .terminal-1738498439-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3515312631-r1 { fill: #1e1e1e } -.terminal-3515312631-r2 { fill: #0178d4 } -.terminal-3515312631-r3 { fill: #c5c8c6 } -.terminal-3515312631-r4 { fill: #f8f8f2 } -.terminal-3515312631-r5 { fill: #65686a } -.terminal-3515312631-r6 { fill: #272822 } + .terminal-1738498439-r1 { fill: #121212 } +.terminal-1738498439-r2 { fill: #0178d4 } +.terminal-1738498439-r3 { fill: #c5c8c6 } +.terminal-1738498439-r4 { fill: #f8f8f2 } +.terminal-1738498439-r5 { fill: #65686a } +.terminal-1738498439-r6 { fill: #272822 } - + - + - + - + - + - + - + - + - TextAreaSnapshot + TextAreaSnapshot - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -I am a line. - -I am another line.         - -I am the final line.       - -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +I am a line. + +I am another line.         + +I am the final line.       + +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_selection_rendering[selection1].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_selection_rendering[selection1].svg index b7a5c51772..ac8ed8617b 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_selection_rendering[selection1].svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_selection_rendering[selection1].svg @@ -19,72 +19,72 @@ font-weight: 700; } - .terminal-2626151078-matrix { + .terminal-285530678-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2626151078-title { + .terminal-285530678-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2626151078-r1 { fill: #1e1e1e } -.terminal-2626151078-r2 { fill: #0178d4 } -.terminal-2626151078-r3 { fill: #c5c8c6 } -.terminal-2626151078-r4 { fill: #f8f8f2 } -.terminal-2626151078-r5 { fill: #272822 } -.terminal-2626151078-r6 { fill: #65686a } + .terminal-285530678-r1 { fill: #121212 } +.terminal-285530678-r2 { fill: #0178d4 } +.terminal-285530678-r3 { fill: #c5c8c6 } +.terminal-285530678-r4 { fill: #f8f8f2 } +.terminal-285530678-r5 { fill: #272822 } +.terminal-285530678-r6 { fill: #65686a } - + - + - + - + - + - + - + - + - TextAreaSnapshot + TextAreaSnapshot - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -I am a line. - -I am another line.         - -I am the final line.       - -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +I am a line. + +I am another line.         + +I am the final line.       + +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_selection_rendering[selection2].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_selection_rendering[selection2].svg index 05b491a11a..05f3172b39 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_selection_rendering[selection2].svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_selection_rendering[selection2].svg @@ -19,72 +19,72 @@ font-weight: 700; } - .terminal-3698913763-matrix { + .terminal-1391651187-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3698913763-title { + .terminal-1391651187-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3698913763-r1 { fill: #1e1e1e } -.terminal-3698913763-r2 { fill: #0178d4 } -.terminal-3698913763-r3 { fill: #c5c8c6 } -.terminal-3698913763-r4 { fill: #f8f8f2 } -.terminal-3698913763-r5 { fill: #272822 } -.terminal-3698913763-r6 { fill: #65686a } + .terminal-1391651187-r1 { fill: #121212 } +.terminal-1391651187-r2 { fill: #0178d4 } +.terminal-1391651187-r3 { fill: #c5c8c6 } +.terminal-1391651187-r4 { fill: #f8f8f2 } +.terminal-1391651187-r5 { fill: #272822 } +.terminal-1391651187-r6 { fill: #65686a } - + - + - + - + - + - + - + - + - TextAreaSnapshot + TextAreaSnapshot - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -I am a line. - -I am another line. - -I am the final line.       - -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +I am a line. + +I am another line. + +I am the final line.       + +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_selection_rendering[selection3].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_selection_rendering[selection3].svg index 72e0e7e16a..d4660bad04 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_selection_rendering[selection3].svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_selection_rendering[selection3].svg @@ -19,72 +19,72 @@ font-weight: 700; } - .terminal-1931180340-matrix { + .terminal-3443945668-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1931180340-title { + .terminal-3443945668-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1931180340-r1 { fill: #1e1e1e } -.terminal-1931180340-r2 { fill: #0178d4 } -.terminal-1931180340-r3 { fill: #c5c8c6 } -.terminal-1931180340-r4 { fill: #f8f8f2 } -.terminal-1931180340-r5 { fill: #65686a } -.terminal-1931180340-r6 { fill: #272822 } + .terminal-3443945668-r1 { fill: #121212 } +.terminal-3443945668-r2 { fill: #0178d4 } +.terminal-3443945668-r3 { fill: #c5c8c6 } +.terminal-3443945668-r4 { fill: #f8f8f2 } +.terminal-3443945668-r5 { fill: #65686a } +.terminal-3443945668-r6 { fill: #272822 } - + - + - + - + - + - + - + - + - TextAreaSnapshot + TextAreaSnapshot - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -I am a line. - -I am another line. - -I am the final line. - -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +I am a line. + +I am another line. + +I am the final line. + +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_selection_rendering[selection4].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_selection_rendering[selection4].svg index 0ecfd603c7..3b482cb438 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_selection_rendering[selection4].svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_selection_rendering[selection4].svg @@ -19,71 +19,71 @@ font-weight: 700; } - .terminal-2238256825-matrix { + .terminal-3984920137-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2238256825-title { + .terminal-3984920137-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2238256825-r1 { fill: #1e1e1e } -.terminal-2238256825-r2 { fill: #0178d4 } -.terminal-2238256825-r3 { fill: #c5c8c6 } -.terminal-2238256825-r4 { fill: #f8f8f2 } -.terminal-2238256825-r5 { fill: #272822 } + .terminal-3984920137-r1 { fill: #121212 } +.terminal-3984920137-r2 { fill: #0178d4 } +.terminal-3984920137-r3 { fill: #c5c8c6 } +.terminal-3984920137-r4 { fill: #f8f8f2 } +.terminal-3984920137-r5 { fill: #272822 } - + - + - + - + - + - + - + - + - TextAreaSnapshot + TextAreaSnapshot - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -I am a line.               - -I am another line.         - -I am the final line.       - -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +I am a line.               + +I am another line.         + +I am the final line.       + +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_selection_rendering[selection5].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_selection_rendering[selection5].svg index d7cdad2376..99915b4179 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_selection_rendering[selection5].svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_selection_rendering[selection5].svg @@ -19,71 +19,71 @@ font-weight: 700; } - .terminal-2961070676-matrix { + .terminal-1348948452-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2961070676-title { + .terminal-1348948452-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2961070676-r1 { fill: #1e1e1e } -.terminal-2961070676-r2 { fill: #0178d4 } -.terminal-2961070676-r3 { fill: #c5c8c6 } -.terminal-2961070676-r4 { fill: #f8f8f2 } -.terminal-2961070676-r5 { fill: #272822 } + .terminal-1348948452-r1 { fill: #121212 } +.terminal-1348948452-r2 { fill: #0178d4 } +.terminal-1348948452-r3 { fill: #c5c8c6 } +.terminal-1348948452-r4 { fill: #f8f8f2 } +.terminal-1348948452-r5 { fill: #272822 } - + - + - + - + - + - + - + - + - TextAreaSnapshot + TextAreaSnapshot - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -I am a line.               - -I am another line.         - -I am the final line.       - -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +I am a line.               + +I am another line.         + +I am the final line.       + +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_themes[css].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_themes[css].svg index c8fa4f9039..4fccefc760 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_themes[css].svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_themes[css].svg @@ -19,82 +19,81 @@ font-weight: 700; } - .terminal-1676557039-matrix { + .terminal-1008086625-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1676557039-title { + .terminal-1008086625-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1676557039-r1 { fill: #1e1e1e } -.terminal-1676557039-r2 { fill: #0178d4 } -.terminal-1676557039-r3 { fill: #c5c8c6 } -.terminal-1676557039-r4 { fill: #7d7e7a } -.terminal-1676557039-r5 { fill: #569cd6 } -.terminal-1676557039-r6 { fill: #f8f8f2 } -.terminal-1676557039-r7 { fill: #4ec9b0 } -.terminal-1676557039-r8 { fill: #abaca9;font-weight: bold } -.terminal-1676557039-r9 { fill: #b5cea8 } -.terminal-1676557039-r10 { fill: #151515 } -.terminal-1676557039-r11 { fill: #7daf9c } -.terminal-1676557039-r12 { fill: #ce9178 } + .terminal-1008086625-r1 { fill: #121212 } +.terminal-1008086625-r2 { fill: #0178d4 } +.terminal-1008086625-r3 { fill: #c5c8c6 } +.terminal-1008086625-r4 { fill: #71716e } +.terminal-1008086625-r5 { fill: #569cd6 } +.terminal-1008086625-r6 { fill: #f8f8f2 } +.terminal-1008086625-r7 { fill: #4ec9b0 } +.terminal-1008086625-r8 { fill: #999997;font-weight: bold } +.terminal-1008086625-r9 { fill: #b5cea8 } +.terminal-1008086625-r10 { fill: #7daf9c } +.terminal-1008086625-r11 { fill: #ce9178 } - + - + - + - + - + - + - + - + - + - TextAreaSnapshot + TextAreaSnapshot - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -1  defhello(name): -2      x =123 -3  whilenotFalse:                      -4  print("hello "+ name)            -5  continue -6   - -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +1  defhello(name): +2      x =123 +3  whilenotFalse:                      +4  print("hello "+ name)            +5  continue +6   + +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_themes[dracula].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_themes[dracula].svg index 7adbcbe43b..1797b96ec2 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_themes[dracula].svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_themes[dracula].svg @@ -19,81 +19,81 @@ font-weight: 700; } - .terminal-1240286444-matrix { + .terminal-3949280110-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1240286444-title { + .terminal-3949280110-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1240286444-r1 { fill: #1e1e1e } -.terminal-1240286444-r2 { fill: #0178d4 } -.terminal-1240286444-r3 { fill: #c5c8c6 } -.terminal-1240286444-r4 { fill: #6272a4 } -.terminal-1240286444-r5 { fill: #ff79c6 } -.terminal-1240286444-r6 { fill: #f8f8f2 } -.terminal-1240286444-r7 { fill: #50fa7b } -.terminal-1240286444-r8 { fill: #c2c2bf;font-weight: bold } -.terminal-1240286444-r9 { fill: #bd93f9 } -.terminal-1240286444-r10 { fill: #282a36 } -.terminal-1240286444-r11 { fill: #f1fa8c } + .terminal-3949280110-r1 { fill: #121212 } +.terminal-3949280110-r2 { fill: #0178d4 } +.terminal-3949280110-r3 { fill: #c5c8c6 } +.terminal-3949280110-r4 { fill: #6272a4 } +.terminal-3949280110-r5 { fill: #ff79c6 } +.terminal-3949280110-r6 { fill: #f8f8f2 } +.terminal-3949280110-r7 { fill: #50fa7b } +.terminal-3949280110-r8 { fill: #c2c2bf;font-weight: bold } +.terminal-3949280110-r9 { fill: #bd93f9 } +.terminal-3949280110-r10 { fill: #282a36 } +.terminal-3949280110-r11 { fill: #f1fa8c } - + - + - + - + - + - + - + - + - + - TextAreaSnapshot + TextAreaSnapshot - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -1  defhello(name): -2      x =123 -3  whilenotFalse:                      -4  print("hello "+ name)            -5  continue -6   - -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +1  defhello(name): +2      x =123 +3  whilenotFalse:                      +4  print("hello "+ name)            +5  continue +6   + +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_themes[github_light].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_themes[github_light].svg index 9ea10c04cb..01acc76cd3 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_themes[github_light].svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_themes[github_light].svg @@ -19,84 +19,84 @@ font-weight: 700; } - .terminal-3401869082-matrix { + .terminal-68902300-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3401869082-title { + .terminal-68902300-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3401869082-r1 { fill: #1e1e1e } -.terminal-3401869082-r2 { fill: #0178d4 } -.terminal-3401869082-r3 { fill: #c5c8c6 } -.terminal-3401869082-r4 { fill: #bbbbbb } -.terminal-3401869082-r5 { fill: #cf222e } -.terminal-3401869082-r6 { fill: #24292e } -.terminal-3401869082-r7 { fill: #6639bb } -.terminal-3401869082-r8 { fill: #a4a4a4 } -.terminal-3401869082-r9 { fill: #e36209 } -.terminal-3401869082-r10 { fill: #0450ae } -.terminal-3401869082-r11 { fill: #d73a49 } -.terminal-3401869082-r12 { fill: #fafbfc } -.terminal-3401869082-r13 { fill: #7daf9c } -.terminal-3401869082-r14 { fill: #093069 } + .terminal-68902300-r1 { fill: #121212 } +.terminal-68902300-r2 { fill: #0178d4 } +.terminal-68902300-r3 { fill: #c5c8c6 } +.terminal-68902300-r4 { fill: #bbbbbb } +.terminal-68902300-r5 { fill: #cf222e } +.terminal-68902300-r6 { fill: #24292e } +.terminal-68902300-r7 { fill: #6639bb } +.terminal-68902300-r8 { fill: #a4a4a4 } +.terminal-68902300-r9 { fill: #e36209 } +.terminal-68902300-r10 { fill: #0450ae } +.terminal-68902300-r11 { fill: #d73a49 } +.terminal-68902300-r12 { fill: #fafbfc } +.terminal-68902300-r13 { fill: #7daf9c } +.terminal-68902300-r14 { fill: #093069 } - + - + - + - + - + - + - + - + - + - TextAreaSnapshot + TextAreaSnapshot - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -1  defhello(name): -2  x=123 -3  whilenotFalse:                      -4  print("hello "+name)            -5  continue -6   - -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +1  defhello(name): +2  x=123 +3  whilenotFalse:                      +4  print("hello "+name)            +5  continue +6   + +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_themes[monokai].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_themes[monokai].svg index 93ae4b9d59..26f2b6aa4a 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_themes[monokai].svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_themes[monokai].svg @@ -19,82 +19,82 @@ font-weight: 700; } - .terminal-729561539-matrix { + .terminal-2288398405-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-729561539-title { + .terminal-2288398405-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-729561539-r1 { fill: #1e1e1e } -.terminal-729561539-r2 { fill: #0178d4 } -.terminal-729561539-r3 { fill: #c5c8c6 } -.terminal-729561539-r4 { fill: #90908a } -.terminal-729561539-r5 { fill: #f92672 } -.terminal-729561539-r6 { fill: #f8f8f2 } -.terminal-729561539-r7 { fill: #a6e22e } -.terminal-729561539-r8 { fill: #c2c2bf } -.terminal-729561539-r9 { fill: #ae81ff } -.terminal-729561539-r10 { fill: #272822 } -.terminal-729561539-r11 { fill: #66d9ef;font-style: italic; } -.terminal-729561539-r12 { fill: #e6db74 } + .terminal-2288398405-r1 { fill: #121212 } +.terminal-2288398405-r2 { fill: #0178d4 } +.terminal-2288398405-r3 { fill: #c5c8c6 } +.terminal-2288398405-r4 { fill: #90908a } +.terminal-2288398405-r5 { fill: #f92672 } +.terminal-2288398405-r6 { fill: #f8f8f2 } +.terminal-2288398405-r7 { fill: #a6e22e } +.terminal-2288398405-r8 { fill: #c2c2bf } +.terminal-2288398405-r9 { fill: #ae81ff } +.terminal-2288398405-r10 { fill: #272822 } +.terminal-2288398405-r11 { fill: #66d9ef;font-style: italic; } +.terminal-2288398405-r12 { fill: #e6db74 } - + - + - + - + - + - + - + - + - + - TextAreaSnapshot + TextAreaSnapshot - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -1  defhello(name): -2      x =123 -3  whilenotFalse:                      -4  print("hello "+ name)            -5  continue -6   - -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +1  defhello(name): +2      x =123 +3  whilenotFalse:                      +4  print("hello "+ name)            +5  continue +6   + +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_themes[vscode_dark].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_themes[vscode_dark].svg index c4fba6d185..a0b46b3957 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_themes[vscode_dark].svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_themes[vscode_dark].svg @@ -19,80 +19,81 @@ font-weight: 700; } - .terminal-3619639496-matrix { + .terminal-2255832906-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3619639496-title { + .terminal-2255832906-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3619639496-r1 { fill: #1e1e1e } -.terminal-3619639496-r2 { fill: #0178d4 } -.terminal-3619639496-r3 { fill: #c5c8c6 } -.terminal-3619639496-r4 { fill: #6e7681 } -.terminal-3619639496-r5 { fill: #569cd6 } -.terminal-3619639496-r6 { fill: #cccccc } -.terminal-3619639496-r7 { fill: #4ec9b0 } -.terminal-3619639496-r8 { fill: #b5cea8 } -.terminal-3619639496-r9 { fill: #7daf9c } -.terminal-3619639496-r10 { fill: #ce9178 } + .terminal-2255832906-r1 { fill: #121212 } +.terminal-2255832906-r2 { fill: #0178d4 } +.terminal-2255832906-r3 { fill: #c5c8c6 } +.terminal-2255832906-r4 { fill: #6e7681 } +.terminal-2255832906-r5 { fill: #569cd6 } +.terminal-2255832906-r6 { fill: #cccccc } +.terminal-2255832906-r7 { fill: #4ec9b0 } +.terminal-2255832906-r8 { fill: #b5cea8 } +.terminal-2255832906-r9 { fill: #1e1e1e } +.terminal-2255832906-r10 { fill: #7daf9c } +.terminal-2255832906-r11 { fill: #ce9178 } - + - + - + - + - + - + - + - + - + - TextAreaSnapshot + TextAreaSnapshot - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -1  defhello(name): -2      x =123 -3  whilenotFalse:                      -4  print("hello "+ name)            -5  continue -6   - -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +1  defhello(name): +2      x =123 +3  whilenotFalse:                      +4  print("hello "+ name)            +5  continue +6   + +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_wrapping_and_folding.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_wrapping_and_folding.svg index eb94aa512c..790378a5b0 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_wrapping_and_folding.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_area_wrapping_and_folding.svg @@ -19,148 +19,148 @@ font-weight: 700; } - .terminal-4232714026-matrix { + .terminal-2473652324-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-4232714026-title { + .terminal-2473652324-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-4232714026-r1 { fill: #1e1e1e } -.terminal-4232714026-r2 { fill: #0178d4 } -.terminal-4232714026-r3 { fill: #c5c8c6 } -.terminal-4232714026-r4 { fill: #c2c2bf } -.terminal-4232714026-r5 { fill: #272822 } -.terminal-4232714026-r6 { fill: #f92672;font-weight: bold } -.terminal-4232714026-r7 { fill: #f8f8f2 } -.terminal-4232714026-r8 { fill: #90908a } -.terminal-4232714026-r9 { fill: #f8f8f2;font-style: italic; } -.terminal-4232714026-r10 { fill: #14191f } + .terminal-2473652324-r1 { fill: #121212 } +.terminal-2473652324-r2 { fill: #0178d4 } +.terminal-2473652324-r3 { fill: #c5c8c6 } +.terminal-2473652324-r4 { fill: #c2c2bf } +.terminal-2473652324-r5 { fill: #272822 } +.terminal-2473652324-r6 { fill: #f92672;font-weight: bold } +.terminal-2473652324-r7 { fill: #f8f8f2 } +.terminal-2473652324-r8 { fill: #90908a } +.terminal-2473652324-r9 { fill: #f8f8f2;font-style: italic; } +.terminal-2473652324-r10 { fill: #000000 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - TextAreaWrapping + TextAreaWrapping - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - 1  # The  -Wonders  -of Space  -Explorati -on - 2   - 3  Space      -explorati  -on has     -*always* -captured   -the        -human      -imaginati  -on.        - 4  ▃▃ - 5  ダレンバ   -ーンズ     - 6   - 7   -Thisissom  -elongtext  -thatshoul  -dfoldcorr  -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + 1  # The  +Wonders  +of Space  +Explorati +on + 2   + 3  Space      +explorati  +on has     +*always* +captured   +the        +human      +imaginati  +on.        + 4  ▃▃ + 5  ダレンバ   +ーンズ     + 6   + 7   +Thisissom  +elongtext  +thatshoul  +dfoldcorr  +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_log_blank_write.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_log_blank_write.svg index dd7733a8b9..7cee4d0707 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_log_blank_write.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_text_log_blank_write.svg @@ -19,131 +19,131 @@ font-weight: 700; } - .terminal-2364210941-matrix { + .terminal-595779189-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2364210941-title { + .terminal-595779189-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2364210941-r1 { fill: #e1e1e1 } -.terminal-2364210941-r2 { fill: #c5c8c6 } + .terminal-595779189-r1 { fill: #e0e0e0 } +.terminal-595779189-r2 { fill: #c5c8c6 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - RichLogApp + RichLogApp - - - - Hello                                                                          - -World                                                                          - - - - - - - - - - - - - - - - - - - - + + + + Hello                                                                          + +World                                                                          + + + + + + + + + + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_textual_dev_border_preview.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_textual_dev_border_preview.svg index 5bf170aca4..e88febde2f 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_textual_dev_border_preview.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_textual_dev_border_preview.svg @@ -19,140 +19,139 @@ font-weight: 700; } - .terminal-486238838-matrix { + .terminal-1146820345-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-486238838-title { + .terminal-1146820345-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-486238838-r1 { fill: #454a50 } -.terminal-486238838-r2 { fill: #1e1e1e } -.terminal-486238838-r3 { fill: #e1e1e1 } -.terminal-486238838-r4 { fill: #c5c8c6 } -.terminal-486238838-r5 { fill: #24292f;font-weight: bold } -.terminal-486238838-r6 { fill: #000000 } -.terminal-486238838-r7 { fill: #fea62b } -.terminal-486238838-r8 { fill: #e2e3e3;font-weight: bold } -.terminal-486238838-r9 { fill: #e2e3e3 } -.terminal-486238838-r10 { fill: #14191f } + .terminal-1146820345-r1 { fill: #2d2d2d } +.terminal-1146820345-r2 { fill: #121212 } +.terminal-1146820345-r3 { fill: #e0e0e0 } +.terminal-1146820345-r4 { fill: #c5c8c6 } +.terminal-1146820345-r5 { fill: #272727;font-weight: bold } +.terminal-1146820345-r6 { fill: #0d0d0d } +.terminal-1146820345-r7 { fill: #004578 } +.terminal-1146820345-r8 { fill: #e2e3e5 } +.terminal-1146820345-r9 { fill: #000000 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - BorderApp + BorderApp - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - ascii  -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔+------------------- ascii --------------------+ - blank || -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁|| -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔|I must not fear.| - dashed |Fear is the mind-killer.| -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁|Fear is the little-death that brings | -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔|total obliteration.| - double |I will face my fear.| -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▅▅|I will permit it to pass over me and | -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔|through me.| - heavy |And when it has gone past, I will turn| -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁|the inner eye to see its path.| -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔|Where the fear has gone there will be | - hidden |nothing. Only I will remain.| -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁|| -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔|| - hkey +----------------------------------------------+ -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - inner  -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + ascii  +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔+------------------- ascii --------------------+ + blank || +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁|| +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔|I must not fear.| + dashed |Fear is the mind-killer.| +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁|Fear is the little-death that brings | +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔|total obliteration.| + double |I will face my fear.| +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▅▅|I will permit it to pass over me and | +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔|through me.| + heavy |And when it has gone past, I will turn| +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁|the inner eye to see its path.| +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔|Where the fear has gone there will be | + hidden |nothing. Only I will remain.| +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁|| +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔|| + hkey +----------------------------------------------+ +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + inner  +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_textual_dev_colors_preview.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_textual_dev_colors_preview.svg index 7a002d9ad6..96e1cfbdf5 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_textual_dev_colors_preview.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_textual_dev_colors_preview.svg @@ -19,155 +19,155 @@ font-weight: 700; } - .terminal-2649965149-matrix { + .terminal-745121400-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2649965149-title { + .terminal-745121400-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2649965149-r1 { fill: #c5c8c6 } -.terminal-2649965149-r2 { fill: #e1e1e1 } -.terminal-2649965149-r3 { fill: #e1e1e1;font-weight: bold } -.terminal-2649965149-r4 { fill: #737373 } -.terminal-2649965149-r5 { fill: #474747 } -.terminal-2649965149-r6 { fill: #0178d4 } -.terminal-2649965149-r7 { fill: #454a50 } -.terminal-2649965149-r8 { fill: #1e1e1e } -.terminal-2649965149-r9 { fill: #e0e0e0 } -.terminal-2649965149-r10 { fill: #121212 } -.terminal-2649965149-r11 { fill: #e2e3e3;font-weight: bold } -.terminal-2649965149-r12 { fill: #000000 } -.terminal-2649965149-r13 { fill: #dde0e6 } -.terminal-2649965149-r14 { fill: #99a1b3 } -.terminal-2649965149-r15 { fill: #dde2e8 } -.terminal-2649965149-r16 { fill: #99a7b9 } -.terminal-2649965149-r17 { fill: #dde4ea } -.terminal-2649965149-r18 { fill: #99adc1 } -.terminal-2649965149-r19 { fill: #dde6ed } -.terminal-2649965149-r20 { fill: #99b4c9 } -.terminal-2649965149-r21 { fill: #23568b } -.terminal-2649965149-r22 { fill: #fea62b;font-weight: bold } -.terminal-2649965149-r23 { fill: #a7a9ab } -.terminal-2649965149-r24 { fill: #e2e3e3 } -.terminal-2649965149-r25 { fill: #4c5055 } + .terminal-745121400-r1 { fill: #e0e0e0 } +.terminal-745121400-r2 { fill: #c5c8c6 } +.terminal-745121400-r3 { fill: #ddedf9;font-weight: bold } +.terminal-745121400-r4 { fill: #797979 } +.terminal-745121400-r5 { fill: #4f4f4f } +.terminal-745121400-r6 { fill: #0178d4 } +.terminal-745121400-r7 { fill: #2d2d2d } +.terminal-745121400-r8 { fill: #121212 } +.terminal-745121400-r9 { fill: #000000 } +.terminal-745121400-r10 { fill: #0d0d0d } +.terminal-745121400-r11 { fill: #1e1e1e } +.terminal-745121400-r12 { fill: #e1e1e1;font-weight: bold } +.terminal-745121400-r13 { fill: #dde6f1 } +.terminal-745121400-r14 { fill: #99b3d4 } +.terminal-745121400-r15 { fill: #dde8f3 } +.terminal-745121400-r16 { fill: #99badd } +.terminal-745121400-r17 { fill: #ddeaf6 } +.terminal-745121400-r18 { fill: #99c1e5 } +.terminal-745121400-r19 { fill: #ddedf9 } +.terminal-745121400-r20 { fill: #99c9ed } +.terminal-745121400-r21 { fill: #e4effc } +.terminal-745121400-r22 { fill: #aed0f6 } +.terminal-745121400-r23 { fill: #242f38 } +.terminal-745121400-r24 { fill: #ffa62b;font-weight: bold } +.terminal-745121400-r25 { fill: #495259 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - ColorsApp + ColorsApp - - - - -Theme ColorsNamed Colors -━╸━━━━━━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - primary  -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - secondary "primary" -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - background $primary-darken-3$t -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - primary-background $primary-darken-2$t -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - secondary-background $primary-darken-1$t -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - surface $primary$t -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - - d Toggle dark mode ^p palette + + + + Theme ColorsNamed Colors +━╸━━━━━━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + primary ▇▇ +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + secondary "primary" +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + background $primary-darken-3$text- +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + primary-background $primary-darken-2$text- +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▆▆ + secondary-background $primary-darken-1$text- +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + surface $primary$text- +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + panel $primary-lighten-1$text- +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + d Toggle dark mode                                                 ^p palette diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_textual_dev_easing_preview.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_textual_dev_easing_preview.svg index 6e35b61866..89b16e7df3 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_textual_dev_easing_preview.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_textual_dev_easing_preview.svg @@ -19,150 +19,145 @@ font-weight: 700; } - .terminal-34013532-matrix { + .terminal-4211387887-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-34013532-title { + .terminal-4211387887-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-34013532-r1 { fill: #454a50 } -.terminal-34013532-r2 { fill: #1e1e1e } -.terminal-34013532-r3 { fill: #c5c8c6 } -.terminal-34013532-r4 { fill: #24292f;font-weight: bold } -.terminal-34013532-r5 { fill: #262626 } -.terminal-34013532-r6 { fill: #e2e2e2 } -.terminal-34013532-r7 { fill: #000000 } -.terminal-34013532-r8 { fill: #e3e3e3 } -.terminal-34013532-r9 { fill: #e2e3e3;font-weight: bold } -.terminal-34013532-r10 { fill: #14191f } -.terminal-34013532-r11 { fill: #121212 } -.terminal-34013532-r12 { fill: #e1e1e1 } -.terminal-34013532-r13 { fill: #b93c5b } -.terminal-34013532-r14 { fill: #fea62b } -.terminal-34013532-r15 { fill: #211505;font-weight: bold } -.terminal-34013532-r16 { fill: #211505 } -.terminal-34013532-r17 { fill: #fea62b;font-weight: bold } -.terminal-34013532-r18 { fill: #a7a9ab } -.terminal-34013532-r19 { fill: #e2e3e3 } -.terminal-34013532-r20 { fill: #4c5055 } + .terminal-4211387887-r1 { fill: #2d2d2d } +.terminal-4211387887-r2 { fill: #121212 } +.terminal-4211387887-r3 { fill: #c5c8c6 } +.terminal-4211387887-r4 { fill: #272727;font-weight: bold } +.terminal-4211387887-r5 { fill: #1b1b1b } +.terminal-4211387887-r6 { fill: #e0e0e0 } +.terminal-4211387887-r7 { fill: #0d0d0d } +.terminal-4211387887-r8 { fill: #000000 } +.terminal-4211387887-r9 { fill: #1e1e1e } +.terminal-4211387887-r10 { fill: #b93c5b } +.terminal-4211387887-r11 { fill: #fea62b } +.terminal-4211387887-r12 { fill: #211505;font-weight: bold } +.terminal-4211387887-r13 { fill: #211505 } +.terminal-4211387887-r14 { fill: #ffa62b;font-weight: bold } +.terminal-4211387887-r15 { fill: #495259 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - EasingApp + EasingApp - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - round ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁Animation Duration:1.0                        -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - out_sine  -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - out_quint  -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁Welcome to Textual! -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - out_quart I must not fear. -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁Fear is the  -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔mind-killer. - out_quad Fear is the  -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁little-death that  -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔brings total  - out_expo obliteration. -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁I will face my fear. -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔I will permit it to  - out_elastic pass over me and  -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁through me. -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔And when it has gone  - out_cubic  -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ ^b Toggle Dark ^p palette + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + round ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁Animation Duration:1.0                        +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + out_sine  +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + out_quint  +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁Welcome to Textual! +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + out_quart I must not fear. +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁Fear is the  +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔mind-killer. + out_quad Fear is the  +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁little-death that  +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔brings total  + out_expo obliteration. +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁I will face my fear. +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔I will permit it to  + out_elastic pass over me and  +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁through me. +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔And when it has gone  + out_cubic  +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ ^b Toggle Dark                                 ^p palette diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_textual_dev_keys_preview.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_textual_dev_keys_preview.svg index 1a84f5f2aa..0dc1a21c9f 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_textual_dev_keys_preview.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_textual_dev_keys_preview.svg @@ -19,146 +19,145 @@ font-weight: 700; } - .terminal-2889259904-matrix { + .terminal-943686933-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2889259904-title { + .terminal-943686933-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2889259904-r1 { fill: #c5c8c6 } -.terminal-2889259904-r2 { fill: #e3e3e3 } -.terminal-2889259904-r3 { fill: #e1e1e1 } -.terminal-2889259904-r4 { fill: #e1e1e1;text-decoration: underline; } -.terminal-2889259904-r5 { fill: #e1e1e1;font-weight: bold } -.terminal-2889259904-r6 { fill: #e1e1e1;font-style: italic; } -.terminal-2889259904-r7 { fill: #f4005f;font-weight: bold } -.terminal-2889259904-r8 { fill: #fd971f } -.terminal-2889259904-r9 { fill: #98e024 } -.terminal-2889259904-r10 { fill: #98e024;font-style: italic; } -.terminal-2889259904-r11 { fill: #ffcf56 } -.terminal-2889259904-r12 { fill: #e76580 } -.terminal-2889259904-r13 { fill: #fea62b;font-weight: bold } -.terminal-2889259904-r14 { fill: #f5e5e9;font-weight: bold } -.terminal-2889259904-r15 { fill: #b86b00 } -.terminal-2889259904-r16 { fill: #780028 } + .terminal-943686933-r1 { fill: #c5c8c6 } +.terminal-943686933-r2 { fill: #e0e0e0 } +.terminal-943686933-r3 { fill: #e0e0e0;text-decoration: underline; } +.terminal-943686933-r4 { fill: #e0e0e0;font-weight: bold } +.terminal-943686933-r5 { fill: #e0e0e0;font-style: italic; } +.terminal-943686933-r6 { fill: #f4005f;font-weight: bold } +.terminal-943686933-r7 { fill: #fd971f } +.terminal-943686933-r8 { fill: #98e024 } +.terminal-943686933-r9 { fill: #98e024;font-style: italic; } +.terminal-943686933-r10 { fill: #ffcf56 } +.terminal-943686933-r11 { fill: #e76580 } +.terminal-943686933-r12 { fill: #fca834;font-weight: bold } +.terminal-943686933-r13 { fill: #f5e5e9 } +.terminal-943686933-r14 { fill: #b86b00 } +.terminal-943686933-r15 { fill: #780028 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - Textual Keys + Textual Keys - - - - Textual Keys -╭────────────────────────────────────────────────────────────────────────────╮ -│ Press some keys!                                                           │ -│                                                                            │ -│ To quit the app press ctrl+ctwice or press the Quit button below.         │ -╰────────────────────────────────────────────────────────────────────────────╯ -Key(key='a'character='a'name='a'is_printable=True) -Key(key='b'character='b'name='b'is_printable=True) - - - - - - - - - - - - - -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - Clear  Quit  -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + Textual Keys +╭────────────────────────────────────────────────────────────────────────────╮ +│ Press some keys!                                                           │ +│                                                                            │ +│ To quit the app press ctrl+ctwice or press the Quit button below.         │ +╰────────────────────────────────────────────────────────────────────────────╯ +Key(key='a'character='a'name='a'is_printable=True) +Key(key='b'character='b'name='b'is_printable=True) + + + + + + + + + + + + + +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + Clear  Quit  +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_themes[gruvbox].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_themes[gruvbox].svg new file mode 100644 index 0000000000..f2ac0ae1f9 --- /dev/null +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_themes[gruvbox].svg @@ -0,0 +1,153 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ThemeApp + + + + + + + + + + + + + + + + + + +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + +Gruvbox Theme + +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + + + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_themes[nord].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_themes[nord].svg new file mode 100644 index 0000000000..d67481be94 --- /dev/null +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_themes[nord].svg @@ -0,0 +1,153 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ThemeApp + + + + + + + + + + + + + + + + + + +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + +Nord Theme + +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + + + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_toggle_style_order.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_toggle_style_order.svg index 63a702dac0..ecae718e07 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_toggle_style_order.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_toggle_style_order.svg @@ -19,140 +19,138 @@ font-weight: 700; } - .terminal-766169417-matrix { + .terminal-2886645771-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-766169417-title { + .terminal-2886645771-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-766169417-r1 { fill: #1e1e1e } -.terminal-766169417-r2 { fill: #0178d4 } -.terminal-766169417-r3 { fill: #e1e1e1 } -.terminal-766169417-r4 { fill: #c5c8c6 } -.terminal-766169417-r5 { fill: #575757 } -.terminal-766169417-r6 { fill: #262626;font-weight: bold } -.terminal-766169417-r7 { fill: #e2e2e2 } -.terminal-766169417-r8 { fill: #f4005f;font-weight: bold;text-decoration: underline; } -.terminal-766169417-r9 { fill: #ffffff;text-decoration: underline; } -.terminal-766169417-r10 { fill: #f4005f;font-weight: bold } -.terminal-766169417-r11 { fill: #8e8e8e } + .terminal-2886645771-r1 { fill: #121212 } +.terminal-2886645771-r2 { fill: #0178d4 } +.terminal-2886645771-r3 { fill: #e0e0e0 } +.terminal-2886645771-r4 { fill: #c5c8c6 } +.terminal-2886645771-r5 { fill: #343f49 } +.terminal-2886645771-r6 { fill: #0d0d0d;font-weight: bold } +.terminal-2886645771-r7 { fill: #f4005f;font-weight: bold } +.terminal-2886645771-r8 { fill: #80bbe9;font-weight: bold } +.terminal-2886645771-r9 { fill: #888888 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - CheckboxApp + CheckboxApp - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -XThis is just some text. -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ -This is just some text. - - - - - - - - - - - - - - - - - - - + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +XThis is just some text. +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ +This is just some text. + + + + + + + + + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_tooltips_in_compound_widgets.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_tooltips_in_compound_widgets.svg index 350f730f3f..634e68f977 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_tooltips_in_compound_widgets.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_tooltips_in_compound_widgets.svg @@ -19,134 +19,133 @@ font-weight: 700; } - .terminal-3978259216-matrix { + .terminal-1189371216-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3978259216-title { + .terminal-1189371216-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3978259216-r1 { fill: #fea62b } -.terminal-3978259216-r2 { fill: #323232 } -.terminal-3978259216-r3 { fill: #c5c8c6 } -.terminal-3978259216-r4 { fill: #e1e1e1 } -.terminal-3978259216-r5 { fill: #e0e0e0 } + .terminal-1189371216-r1 { fill: #0178d4 } +.terminal-1189371216-r2 { fill: #1e1e1e } +.terminal-1189371216-r3 { fill: #c5c8c6 } +.terminal-1189371216-r4 { fill: #e0e0e0 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - TooltipApp + TooltipApp - - - - ━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━10%                                            - -Hello, Tooltip! - - - - - - - - - - - - - - - - - - - - + + + + ━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━10%                                            + +Hello, Tooltip! + + + + + + + + + + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_tree_clearing_and_expansion.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_tree_clearing_and_expansion.svg index 8617454347..7562c68bfa 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_tree_clearing_and_expansion.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_tree_clearing_and_expansion.svg @@ -19,133 +19,132 @@ font-weight: 700; } - .terminal-1892565393-matrix { + .terminal-416370229-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1892565393-title { + .terminal-416370229-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1892565393-r1 { fill: #e2e3e3 } -.terminal-1892565393-r2 { fill: #211505;font-weight: bold } -.terminal-1892565393-r3 { fill: #1a1000;font-weight: bold } -.terminal-1892565393-r4 { fill: #c5c8c6 } + .terminal-416370229-r1 { fill: #e0e0e0 } +.terminal-416370229-r2 { fill: #ddedf9;font-weight: bold } +.terminal-416370229-r3 { fill: #c5c8c6 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - TreeClearingSnapshotApp + TreeClearingSnapshotApp - - - - ▼ Left▶ Right - - - - - - - - - - - - - - - - - - - - - - + + + + ▼ Left▶ Right + + + + + + + + + + + + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_tree_example.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_tree_example.svg index 7f65a3cc86..a5a2f0a145 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_tree_example.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_tree_example.svg @@ -19,133 +19,133 @@ font-weight: 700; } - .terminal-1078671588-matrix { + .terminal-1389568202-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1078671588-title { + .terminal-1389568202-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1078671588-r1 { fill: #e2e3e3 } -.terminal-1078671588-r2 { fill: #211505;font-weight: bold } -.terminal-1078671588-r3 { fill: #c5c8c6 } -.terminal-1078671588-r4 { fill: #fea62b;font-weight: bold } + .terminal-1389568202-r1 { fill: #e0e0e0 } +.terminal-1389568202-r2 { fill: #ddedf9;font-weight: bold } +.terminal-1389568202-r3 { fill: #c5c8c6 } +.terminal-1389568202-r4 { fill: #0178d4 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - TreeApp + TreeApp - - - - ▼ Dune -┗━━ ▼ Characters -    ┣━━ Paul -    ┣━━ Jessica -    ┗━━ Chani - - - - - - - - - - - - - - - - - - + + + + ▼ Dune +└── ▼ Characters +    ├── Paul +    ├── Jessica +    └── Chani + + + + + + + + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_unscoped_css.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_unscoped_css.svg index aadca76d82..d3ac32f39b 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_unscoped_css.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_unscoped_css.svg @@ -19,133 +19,133 @@ font-weight: 700; } - .terminal-3679627198-matrix { + .terminal-3710943401-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3679627198-title { + .terminal-3710943401-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3679627198-r1 { fill: #ff00ff } -.terminal-3679627198-r2 { fill: #c5c8c6 } -.terminal-3679627198-r3 { fill: #008000 } -.terminal-3679627198-r4 { fill: #e1e1e1 } + .terminal-3710943401-r1 { fill: #ff00ff } +.terminal-3710943401-r2 { fill: #c5c8c6 } +.terminal-3710943401-r3 { fill: #008000 } +.terminal-3710943401-r4 { fill: #e0e0e0 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - MyApp + MyApp - - - - ┌──────────────────────────────────────────────────────────────────────────────┐ -┌───┐ -foo -└───┘ -┌───┐ -bar -└───┘ -└──────────────────────────────────────────────────────────────────────────────┘ -┌──────────────────────────────────────────────────────────────────────────────┐ -┌───┐ -foo -└───┘ -┌───┐ -bar -└───┘ -└──────────────────────────────────────────────────────────────────────────────┘ -┌───────────────────┐ -This will be styled -└───────────────────┘ - - - - + + + + ┌──────────────────────────────────────────────────────────────────────────────┐ +┌───┐ +foo +└───┘ +┌───┐ +bar +└───┘ +└──────────────────────────────────────────────────────────────────────────────┘ +┌──────────────────────────────────────────────────────────────────────────────┐ +┌───┐ +foo +└───┘ +┌───┐ +bar +└───┘ +└──────────────────────────────────────────────────────────────────────────────┘ +┌───────────────────┐ +This will be styled +└───────────────────┘ + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_updates_with_auto_refresh.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_updates_with_auto_refresh.svg index fd44ac98e9..bbc168a159 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_updates_with_auto_refresh.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_updates_with_auto_refresh.svg @@ -19,135 +19,135 @@ font-weight: 700; } - .terminal-943331377-matrix { + .terminal-286720750-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-943331377-title { + .terminal-286720750-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-943331377-r1 { fill: #c5c8c6 } -.terminal-943331377-r2 { fill: #1e1e1e } -.terminal-943331377-r3 { fill: #14191f } -.terminal-943331377-r4 { fill: #e1e1e1 } -.terminal-943331377-r5 { fill: #e8e0e7 } -.terminal-943331377-r6 { fill: #eae3e5 } + .terminal-286720750-r1 { fill: #c5c8c6 } +.terminal-286720750-r2 { fill: #121212 } +.terminal-286720750-r3 { fill: #000000 } +.terminal-286720750-r4 { fill: #e0e0e0 } +.terminal-286720750-r5 { fill: #e7e0e6 } +.terminal-286720750-r6 { fill: #eae2e4 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - MRE + MRE - - - - - - -▁▁ - - - -Placeholder - - - - - - - - - - - - - - -Placeholder + + + + + + +▁▁ + + + +Placeholder + + + + + + + + + + + + + + +Placeholder diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_vertical_layout.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_vertical_layout.svg index 0e694512ec..f9b0a5b414 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_vertical_layout.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_vertical_layout.svg @@ -19,133 +19,133 @@ font-weight: 700; } - .terminal-660754755-matrix { + .terminal-1297559544-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-660754755-title { + .terminal-1297559544-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-660754755-r1 { fill: #008000 } -.terminal-660754755-r2 { fill: #c5c8c6 } -.terminal-660754755-r3 { fill: #e1e1e1 } + .terminal-1297559544-r1 { fill: #008000 } +.terminal-1297559544-r2 { fill: #c5c8c6 } +.terminal-1297559544-r3 { fill: #e0e0e0 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - VerticalLayoutExample + VerticalLayoutExample - - - - ┌──────────────────────────────────────────────────────────────────────────────┐ -One - - - - - -└──────────────────────────────────────────────────────────────────────────────┘ -┌──────────────────────────────────────────────────────────────────────────────┐ -Two - - - - - -└──────────────────────────────────────────────────────────────────────────────┘ -┌──────────────────────────────────────────────────────────────────────────────┐ -Three - - - - - -└──────────────────────────────────────────────────────────────────────────────┘ + + + + ┌──────────────────────────────────────────────────────────────────────────────┐ +One + + + + + +└──────────────────────────────────────────────────────────────────────────────┘ +┌──────────────────────────────────────────────────────────────────────────────┐ +Two + + + + + +└──────────────────────────────────────────────────────────────────────────────┘ +┌──────────────────────────────────────────────────────────────────────────────┐ +Three + + + + + +└──────────────────────────────────────────────────────────────────────────────┘ diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_vertical_max_height.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_vertical_max_height.svg index 934298ce2d..e4ec16296f 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_vertical_max_height.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_vertical_max_height.svg @@ -19,134 +19,134 @@ font-weight: 700; } - .terminal-2197244517-matrix { + .terminal-3281144569-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2197244517-title { + .terminal-3281144569-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2197244517-r1 { fill: #ffffff } -.terminal-2197244517-r2 { fill: #c5c8c6 } -.terminal-2197244517-r3 { fill: #e8e0e7 } -.terminal-2197244517-r4 { fill: #eae3e5 } + .terminal-3281144569-r1 { fill: #ffffff } +.terminal-3281144569-r2 { fill: #c5c8c6 } +.terminal-3281144569-r3 { fill: #e7e0e6 } +.terminal-3281144569-r4 { fill: #eae2e4 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - VerticalApp + VerticalApp - - - - ┌──────────────────────────────────────────────────────────────────────────────┐ - - - - - -#top - - - - - - -└──────────────────────────────────────────────────────────────────────────────┘ -┌──────────────────────────────────────────────────────────────────────────────┐ - - - -#bottom - - - - -└──────────────────────────────────────────────────────────────────────────────┘ + + + + ┌──────────────────────────────────────────────────────────────────────────────┐ + + + + + +#top + + + + + + +└──────────────────────────────────────────────────────────────────────────────┘ +┌──────────────────────────────────────────────────────────────────────────────┐ + + + +#bottom + + + + +└──────────────────────────────────────────────────────────────────────────────┘ diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_vertical_min_height.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_vertical_min_height.svg index addfd7db42..72452f9e39 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_vertical_min_height.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_vertical_min_height.svg @@ -19,134 +19,134 @@ font-weight: 700; } - .terminal-2458077809-matrix { + .terminal-2266778265-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2458077809-title { + .terminal-2266778265-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2458077809-r1 { fill: #ffffff } -.terminal-2458077809-r2 { fill: #c5c8c6 } -.terminal-2458077809-r3 { fill: #e8e0e7 } -.terminal-2458077809-r4 { fill: #eae3e5 } + .terminal-2266778265-r1 { fill: #ffffff } +.terminal-2266778265-r2 { fill: #c5c8c6 } +.terminal-2266778265-r3 { fill: #e7e0e6 } +.terminal-2266778265-r4 { fill: #eae2e4 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - VerticalApp + VerticalApp - - - - ┌──────────────────────────────────────────────────────────────────────────────┐ - - - -#top - - - - -└──────────────────────────────────────────────────────────────────────────────┘ -┌──────────────────────────────────────────────────────────────────────────────┐ - - - - - -#bottom - - - - - - -└──────────────────────────────────────────────────────────────────────────────┘ + + + + ┌──────────────────────────────────────────────────────────────────────────────┐ + + + +#top + + + + +└──────────────────────────────────────────────────────────────────────────────┘ +┌──────────────────────────────────────────────────────────────────────────────┐ + + + + + +#bottom + + + + + + +└──────────────────────────────────────────────────────────────────────────────┘ diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_viewport_height_and_width_properties.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_viewport_height_and_width_properties.svg index d18a0558e5..23e78d41ab 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_viewport_height_and_width_properties.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_viewport_height_and_width_properties.svg @@ -19,133 +19,133 @@ font-weight: 700; } - .terminal-3902037656-matrix { + .terminal-1873033775-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3902037656-title { + .terminal-1873033775-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3902037656-r1 { fill: #00ffff } -.terminal-3902037656-r2 { fill: #c5c8c6 } -.terminal-3902037656-r3 { fill: #e1e1e1 } + .terminal-1873033775-r1 { fill: #00ffff } +.terminal-1873033775-r2 { fill: #c5c8c6 } +.terminal-1873033775-r3 { fill: #e0e0e0 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - ViewportUnits + ViewportUnits - - - - ┌──────────────────────────────────────────────────────────────────────────────┐ -Hello, world! - - - - - - - - - - - - - - - - - - - - - -└──────────────────────────────────────────────────────────────────────────────┘ + + + + ┌──────────────────────────────────────────────────────────────────────────────┐ +Hello, world! + + + + + + + + + + + + + + + + + + + + + +└──────────────────────────────────────────────────────────────────────────────┘ diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_visibility.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_visibility.svg index a1408fdc34..253d895500 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_visibility.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_visibility.svg @@ -19,134 +19,134 @@ font-weight: 700; } - .terminal-585402537-matrix { + .terminal-74600490-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-585402537-title { + .terminal-74600490-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-585402537-r1 { fill: #e1e1e1 } -.terminal-585402537-r2 { fill: #ff0000 } -.terminal-585402537-r3 { fill: #c5c8c6 } -.terminal-585402537-r4 { fill: #0000ff } + .terminal-74600490-r1 { fill: #e0e0e0 } +.terminal-74600490-r2 { fill: #ff0000 } +.terminal-74600490-r3 { fill: #c5c8c6 } +.terminal-74600490-r4 { fill: #0000ff } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - Visibility + Visibility - - - - ┌──────────────────────────────────────┐ -bar -┌────────────────────────────────────┐┌────────────────────────────────────┐ -floatfloat -└────────────────────────────────────┘└────────────────────────────────────┘ - - - - - - - - - - - - - - - - - - -└──────────────────────────────────────┘ + + + + ┌──────────────────────────────────────┐ +bar +┌────────────────────────────────────┐┌────────────────────────────────────┐ +floatfloat +└────────────────────────────────────┘└────────────────────────────────────┘ + + + + + + + + + + + + + + + + + + +└──────────────────────────────────────┘ diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_welcome.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_welcome.svg index 5d6faceeb0..88d526e235 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_welcome.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_welcome.svg @@ -19,139 +19,139 @@ font-weight: 700; } - .terminal-1548880427-matrix { + .terminal-2292654034-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1548880427-title { + .terminal-2292654034-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1548880427-r1 { fill: #c5c8c6 } -.terminal-1548880427-r2 { fill: #e2e3e3 } -.terminal-1548880427-r3 { fill: #e2e3e3;font-weight: bold } -.terminal-1548880427-r4 { fill: #e2e3e3;font-style: italic; } -.terminal-1548880427-r5 { fill: #e2e3e3;font-weight: bold;text-decoration: underline; } -.terminal-1548880427-r6 { fill: #f4005f } -.terminal-1548880427-r7 { fill: #7ae998 } -.terminal-1548880427-r8 { fill: #4ebf71;font-weight: bold } -.terminal-1548880427-r9 { fill: #008139 } + .terminal-2292654034-r1 { fill: #c5c8c6 } +.terminal-2292654034-r2 { fill: #e0e0e0 } +.terminal-2292654034-r3 { fill: #e0e0e0;font-weight: bold } +.terminal-2292654034-r4 { fill: #e0e0e0;font-style: italic; } +.terminal-2292654034-r5 { fill: #e0e0e0;font-weight: bold;text-decoration: underline; } +.terminal-2292654034-r6 { fill: #f4005f } +.terminal-2292654034-r7 { fill: #7ae998 } +.terminal-2292654034-r8 { fill: #55c076;font-weight: bold } +.terminal-2292654034-r9 { fill: #008139 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - WelcomeApp + WelcomeApp - - - - - ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓  - ┃                                 Welcome!                                 ┃  - ┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛  - - Textual is a TUI, or Text User Interface, framework for Python inspired by    - modern web development. We hope you enjoy using Textual! - - -Dune quote - -▌ "I must not fear. Fear is the mind-killer. Fear is the little-death that -▌ brings total obliteration. I will face my fear. I will permit it to pass -▌ over me and through me. And when it has gone past, I will turn the inner -▌ eye to see its path. Where the fear has gone there will be nothing. Only -▌ I will remain."                                                          - - - - - -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - OK  -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + + ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓  + ┃                                 Welcome!                                 ┃  + ┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛  + + Textual is a TUI, or Text User Interface, framework for Python inspired by    + modern web development. We hope you enjoy using Textual! + + +Dune quote + +▌ "I must not fear. Fear is the mind-killer. Fear is the little-death that +▌ brings total obliteration. I will face my fear. I will permit it to pass +▌ over me and through me. And when it has gone past, I will turn the inner +▌ eye to see its path. Where the fear has gone there will be nothing. Only +▌ I will remain."                                                          + + + + + +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + OK  +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_width_100.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_width_100.svg index 93def793e8..3efc1811ad 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_width_100.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_width_100.svg @@ -19,134 +19,134 @@ font-weight: 700; } - .terminal-3398278591-matrix { + .terminal-2222614940-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3398278591-title { + .terminal-2222614940-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3398278591-r1 { fill: #ff0000 } -.terminal-3398278591-r2 { fill: #e1e1e1 } -.terminal-3398278591-r3 { fill: #c5c8c6 } -.terminal-3398278591-r4 { fill: #008000 } + .terminal-2222614940-r1 { fill: #ff0000 } +.terminal-2222614940-r2 { fill: #e0e0e0 } +.terminal-2222614940-r3 { fill: #c5c8c6 } +.terminal-2222614940-r4 { fill: #008000 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - Width100PCentApp + Width100PCentApp - - - - ┌───────────────────────────────────────────────────────────┐ -┌─────────────────────────────────────────────────────────┐ -I want to be 100% of my parent -└─────────────────────────────────────────────────────────┘ -┌─────────────────────────────────────────────────────────┐ -I want my parent to be wide enough to wrap me and no more -└─────────────────────────────────────────────────────────┘ - - - - - - - - - - - - - - - - -└───────────────────────────────────────────────────────────┘ + + + + ┌───────────────────────────────────────────────────────────┐ +┌─────────────────────────────────────────────────────────┐ +I want to be 100% of my parent +└─────────────────────────────────────────────────────────┘ +┌─────────────────────────────────────────────────────────┐ +I want my parent to be wide enough to wrap me and no more +└─────────────────────────────────────────────────────────┘ + + + + + + + + + + + + + + + + +└───────────────────────────────────────────────────────────┘ diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_zero_scrollbar_size.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_zero_scrollbar_size.svg index 0583dab8b1..b75a7a3861 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_zero_scrollbar_size.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_zero_scrollbar_size.svg @@ -19,132 +19,132 @@ font-weight: 700; } - .terminal-2277926227-matrix { + .terminal-3168226163-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2277926227-title { + .terminal-3168226163-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2277926227-r1 { fill: #e1e1e1 } -.terminal-2277926227-r2 { fill: #c5c8c6 } + .terminal-3168226163-r1 { fill: #e0e0e0 } +.terminal-3168226163-r2 { fill: #c5c8c6 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - TestApp + TestApp - - - - Hello, world! -Hello, world! -Hello, world! -Hello, world! -Hello, world! -Hello, world! -Hello, world! -Hello, world! -Hello, world! -Hello, world! -Hello, world! -Hello, world! -Hello, world! -Hello, world! -Hello, world! -Hello, world! -Hello, world! -Hello, world! -Hello, world! -Hello, world! -Hello, world! -Hello, world! -Hello, world! -Hello, world! + + + + Hello, world! +Hello, world! +Hello, world! +Hello, world! +Hello, world! +Hello, world! +Hello, world! +Hello, world! +Hello, world! +Hello, world! +Hello, world! +Hello, world! +Hello, world! +Hello, world! +Hello, world! +Hello, world! +Hello, world! +Hello, world! +Hello, world! +Hello, world! +Hello, world! +Hello, world! +Hello, world! +Hello, world! diff --git a/tests/snapshot_tests/snapshot_apps/alignment_containers.py b/tests/snapshot_tests/snapshot_apps/alignment_containers.py index c419f29e9d..89fc3e2e68 100644 --- a/tests/snapshot_tests/snapshot_apps/alignment_containers.py +++ b/tests/snapshot_tests/snapshot_apps/alignment_containers.py @@ -13,7 +13,7 @@ class AlignContainersApp(App[None]): tint: $primary 10%; } Middle { - tint: $secondary 10%; + tint: $accent 10%; } """ diff --git a/tests/snapshot_tests/snapshot_apps/data_table_style_order.py b/tests/snapshot_tests/snapshot_apps/data_table_style_order.py index 2558c79e51..796ef7bbc3 100644 --- a/tests/snapshot_tests/snapshot_apps/data_table_style_order.py +++ b/tests/snapshot_tests/snapshot_apps/data_table_style_order.py @@ -35,7 +35,7 @@ class DataTableCursorStyles(App): CSS = """ DataTable {margin-bottom: 1;} DataTable > .datatable--cursor { - color: $secondary; + color: $accent; background: $success; text-style: bold italic; } diff --git a/tests/snapshot_tests/snapshot_apps/dock_scroll.py b/tests/snapshot_tests/snapshot_apps/dock_scroll.py index bdb1a0d492..0f86d35e17 100644 --- a/tests/snapshot_tests/snapshot_apps/dock_scroll.py +++ b/tests/snapshot_tests/snapshot_apps/dock_scroll.py @@ -22,9 +22,6 @@ def compose(self): yield Label(text) yield Footer() - def on_mount(self): - self.dark = False - if __name__ == "__main__": app = TestApp() diff --git a/tests/snapshot_tests/snapshot_apps/dock_scroll2.py b/tests/snapshot_tests/snapshot_apps/dock_scroll2.py index fe2a1b234a..3525eb1e59 100644 --- a/tests/snapshot_tests/snapshot_apps/dock_scroll2.py +++ b/tests/snapshot_tests/snapshot_apps/dock_scroll2.py @@ -24,9 +24,6 @@ def compose(self): yield Label(text) yield Footer() - def on_mount(self): - self.dark = False - if __name__ == "__main__": app = TestApp() diff --git a/tests/snapshot_tests/snapshot_apps/footer_classic_styling.py b/tests/snapshot_tests/snapshot_apps/footer_classic_styling.py index 1e4386572a..e4d57c1732 100644 --- a/tests/snapshot_tests/snapshot_apps/footer_classic_styling.py +++ b/tests/snapshot_tests/snapshot_apps/footer_classic_styling.py @@ -13,14 +13,14 @@ class ClassicFooterStylingApp(App): CSS = """ Footer { - background: $accent; + background: $secondary; FooterKey { - background: $accent; + background: $secondary; color: $text; .footer-key--key { - background: $accent-darken-2; + background: $secondary-darken-2; color: $text; } diff --git a/tests/snapshot_tests/snapshot_apps/grid_gutter.py b/tests/snapshot_tests/snapshot_apps/grid_gutter.py index 73ac562632..56683b5286 100644 --- a/tests/snapshot_tests/snapshot_apps/grid_gutter.py +++ b/tests/snapshot_tests/snapshot_apps/grid_gutter.py @@ -15,7 +15,7 @@ class FooApp(App): #root { width: 60; height: 20; - border: solid $accent; + border: solid $secondary; } .info-container { grid-rows: auto; diff --git a/tests/snapshot_tests/snapshot_apps/label_widths.py b/tests/snapshot_tests/snapshot_apps/label_widths.py index 2cc49d2f93..807acd62fa 100644 --- a/tests/snapshot_tests/snapshot_apps/label_widths.py +++ b/tests/snapshot_tests/snapshot_apps/label_widths.py @@ -4,24 +4,26 @@ class LabelWrap(App): - CSS = """Screen { - align: center middle; - } - - #l_data { - border: blank; - background: lightgray; - } - - #s_data { - border: blank; - background: lightgreen; - } - - #p_data { - border: blank; - background: lightgray; - }""" + CSS = """ + Screen { + align: center middle; + } + + #l_data { + border: blank; + background: lightgray; + } + + #s_data { + border: blank; + background: lightgreen; + } + + #p_data { + border: blank; + background: lightgray; + } + """ def __init__(self): super().__init__() @@ -37,7 +39,7 @@ def compose(self): yield Label(Panel(self.data), id="p_data") def on_mount(self): - self.dark = False + self.theme = "textual-light" if __name__ == "__main__": diff --git a/tests/snapshot_tests/snapshot_apps/loading.py b/tests/snapshot_tests/snapshot_apps/loading.py index d496709b37..1302346fe5 100644 --- a/tests/snapshot_tests/snapshot_apps/loading.py +++ b/tests/snapshot_tests/snapshot_apps/loading.py @@ -15,7 +15,7 @@ class SimpleLoadingIndicator(Widget): height: 100%; min-height: 1; content-align: center middle; - color: $accent; + color: $secondary; } SimpleLoadingIndicator.-textual-loading-indicator { layer: _loading; diff --git a/tests/snapshot_tests/snapshot_apps/markdown_theme_switcher.py b/tests/snapshot_tests/snapshot_apps/markdown_theme_switcher.py index 698d0c2c78..c71c26b8cb 100644 --- a/tests/snapshot_tests/snapshot_apps/markdown_theme_switcher.py +++ b/tests/snapshot_tests/snapshot_apps/markdown_theme_switcher.py @@ -10,9 +10,9 @@ def main(): """ -class MarkdownThemeSwitchertApp(App[None]): +class MarkdownThemeSwitcherApp(App[None]): BINDINGS = [ - ("t", "toggle_dark"), + ("t", "toggle_theme"), ("d", "switch_dark"), ("l", "switch_light"), ] @@ -25,9 +25,12 @@ def action_switch_light(self) -> None: md = self.query_one(Markdown) md.code_light_theme = "solarized-light" + def action_toggle_theme(self) -> None: + self.theme = "textual-light" if self.theme == "textual-dark" else "textual-dark" + def compose(self) -> ComposeResult: yield Markdown(TEST_CODE_MARKDOWN) if __name__ == "__main__": - MarkdownThemeSwitchertApp().run() + MarkdownThemeSwitcherApp().run() diff --git a/tests/snapshot_tests/snapshot_apps/scroll_to_center.py b/tests/snapshot_tests/snapshot_apps/scroll_to_center.py index b4ec68881a..93af7792cb 100644 --- a/tests/snapshot_tests/snapshot_apps/scroll_to_center.py +++ b/tests/snapshot_tests/snapshot_apps/scroll_to_center.py @@ -13,7 +13,7 @@ class MyApp(App[None]): height: 21; } HorizontalScroll { - border: round $secondary; + border: round $accent; height: auto; } Label { diff --git a/tests/snapshot_tests/test_snapshots.py b/tests/snapshot_tests/test_snapshots.py index d7775232e8..41f4778747 100644 --- a/tests/snapshot_tests/test_snapshots.py +++ b/tests/snapshot_tests/test_snapshots.py @@ -1,3 +1,5 @@ +from __future__ import annotations + from pathlib import Path import pytest @@ -31,6 +33,7 @@ TextArea, ) from textual.widgets.text_area import BUILTIN_LANGUAGES, Selection, TextAreaTheme +from textual.theme import Theme # These paths should be relative to THIS directory. WIDGET_EXAMPLES_DIR = Path("../../docs/examples/widgets") @@ -1345,12 +1348,12 @@ def test_recompose(snap_compare): assert snap_compare(SNAPSHOT_APPS_DIR / "recompose.py") -@pytest.mark.parametrize("dark", [True, False]) -def test_ansi_color_mapping(snap_compare, dark): +@pytest.mark.parametrize("theme", ["textual-dark", "textual-light"]) +def test_ansi_color_mapping(snap_compare, theme): """Test how ANSI colors in Rich renderables are mapped to hex colors.""" def setup(pilot): - pilot.app.dark = dark + pilot.app.theme = theme assert snap_compare(SNAPSHOT_APPS_DIR / "ansi_mapping.py", run_before=setup) @@ -2418,6 +2421,116 @@ def test_split_segments_infinite_loop(snap_compare): assert snap_compare(SNAPSHOT_APPS_DIR / "split_segments.py") +@pytest.mark.parametrize("theme_name", ["nord", "gruvbox"]) +def test_themes(snap_compare, theme_name): + """Test setting different themes and custom theme variables. + + The colors from the theme should be clear, and the text-style of the label + should be bold italic, since that's set in the custom theme variable. + """ + + class ThemeApp(App[None]): + CSS = """ + Screen { + align: center middle; + } + + Label { + background: $panel; + color: $text; + padding: 1 2; + border: wide $primary; + text-style: $theme-label-style; + } + """ + + def get_theme_variable_defaults(self) -> dict[str, str]: + """Define a custom theme variable.""" + return {"theme-label-style": "bold italic", "unused": "red"} + + def compose(self) -> ComposeResult: + yield Label(f"{theme_name.title()} Theme") + + def on_mount(self) -> None: + self.theme = theme_name + + assert snap_compare(ThemeApp()) + + +def test_custom_theme_with_variables(snap_compare): + """Test creating and using a custom theme with variables that get overridden. + + After the overrides from the theme, the background should be blue, the text should be white, the border should be yellow, + the style should be bold italic, and the label should be cyan. + """ + + class ThemeApp(App[None]): + CSS = """ + Screen { + align: center middle; + } + + Label { + background: $custom-background; + color: $custom-text; + border: wide $custom-border; + padding: 1 2; + text-style: $custom-style; + text-align: center; + width: auto; + } + """ + + def compose(self) -> ComposeResult: + yield Label("Custom Theme") + + def get_theme_variable_defaults(self) -> dict[str, str]: + """Override theme variables.""" + return { + "custom-text": "cyan", + "custom-style": "bold italic", + "custom-border": "red", + "custom-background": "#0000ff 50%", + } + + def on_mount(self) -> None: + custom_theme = Theme( + name="my-custom", + primary="magenta", + background="black", + variables={ + "custom-background": "#ff0000 20%", + "custom-text": "white", + "custom-border": "yellow", + "custom-style": "bold", + }, + ) + self.register_theme(custom_theme) + self.theme = "my-custom" + + assert snap_compare(ThemeApp()) + + +def test_app_search_opens_and_displays_search_list(snap_compare): + """Test the App.search method for displaying a list of commands.""" + + class SearchApp(App[None]): + def compose(self) -> ComposeResult: + yield Label("Search Commands") + + async def on_mount(self) -> None: + def callback(): + """Dummy no-op callback.""" + + commands = [("foo", callback), ("bar", callback), ("baz", callback)] + await self.search(commands) + + async def run_before(pilot: Pilot) -> None: + await pilot.press("b") + + assert snap_compare(SearchApp(), run_before=run_before) + + def test_help_panel_key_display_not_duplicated(snap_compare): """Regression test for https://github.com/Textualize/textual/issues/5037""" diff --git a/tests/test_app.py b/tests/test_app.py index 67e7ad2c25..c6afc60f81 100644 --- a/tests/test_app.py +++ b/tests/test_app.py @@ -3,6 +3,7 @@ from rich.terminal_theme import DIMMED_MONOKAI, MONOKAI, NIGHT_OWLISH from textual.app import App, ComposeResult +from textual.command import SimpleCommand from textual.widgets import Button, Input, Static @@ -133,7 +134,7 @@ async def test_ansi_theme(): app.ansi_theme_dark = NIGHT_OWLISH assert app.ansi_theme == NIGHT_OWLISH - app.dark = False + app.theme = "textual-light" assert app.ansi_theme != NIGHT_OWLISH app.ansi_theme_light = MONOKAI @@ -144,7 +145,7 @@ async def test_ansi_theme(): app.ansi_theme_dark = DIMMED_MONOKAI assert app.ansi_theme == MONOKAI - app.dark = True + app.theme = "textual-dark" assert app.ansi_theme == DIMMED_MONOKAI @@ -167,9 +168,8 @@ def on_mount(self) -> None: def test_early_exit_inline(): """Test exiting early in inline mode doesn't break.""" - from textual.app import App - class AppExit(App): + class AppExit(App[None]): def compose(self): yield Static("Hello") @@ -179,3 +179,51 @@ def on_mount(self) -> None: app = AppExit() app.run(inline=True, inline_no_clear=True) + + +async def test_search_with_simple_commands(): + """Test search with a list of SimpleCommands and ensure callbacks are invoked.""" + called = False + + def callback(): + nonlocal called + called = True + + app = App[None]() + commands = [ + SimpleCommand("Test Command", callback, "A test command"), + SimpleCommand("Another Command", callback, "Another test command"), + ] + async with app.run_test() as pilot: + await app.search(commands) + await pilot.press("enter", "enter") + assert called + + +async def test_search_with_tuples(): + """Test search with a list of tuples and ensure callbacks are invoked. + In this case we also have no help text in the tuples. + """ + called = False + + def callback(): + nonlocal called + called = True + + app = App[None]() + commands = [ + ("Test Command", callback), + ("Another Command", callback), + ] + async with app.run_test() as pilot: + await app.search(commands) + await pilot.press("enter", "enter") + assert called + + +async def test_search_with_empty_list(): + """Test search with an empty command list doesn't crash.""" + app = App[None]() + async with app.run_test() as pilot: + await app.search([]) + await pilot.press("escape") diff --git a/tests/test_dark_toggle.py b/tests/test_dark_toggle.py deleted file mode 100644 index 1a746e4bdd..0000000000 --- a/tests/test_dark_toggle.py +++ /dev/null @@ -1,43 +0,0 @@ -from textual.app import App - - -class OnLoadDarkSwitch(App[None]): - """App for testing toggling dark mode in on_load.""" - - def on_load(self) -> None: - self.dark = not self.dark - - -async def test_toggle_dark_on_load() -> None: - """It should be possible to toggle dark mode in on_load.""" - async with OnLoadDarkSwitch().run_test() as pilot: - assert not pilot.app.dark - - -class OnMountDarkSwitch(App[None]): - """App for testing toggling dark mode in on_mount.""" - - def on_mount(self) -> None: - self.dark = not self.dark - - -async def test_toggle_dark_on_mount() -> None: - """It should be possible to toggle dark mode in on_mount.""" - async with OnMountDarkSwitch().run_test() as pilot: - assert not pilot.app.dark - - -class ActionDarkSwitch(App[None]): - """App for testing toggling dark mode from an action.""" - - BINDINGS = [("d", "toggle", "Toggle Dark Mode")] - - def action_toggle(self) -> None: - self.dark = not self.dark - - -async def test_toggle_dark_in_action() -> None: - """It should be possible to toggle dark mode with an action.""" - async with OnMountDarkSwitch().run_test() as pilot: - await pilot.press("d") - assert not pilot.app.dark diff --git a/tests/test_markdown.py b/tests/test_markdown.py index 01ee498a5c..4d1214c0d8 100644 --- a/tests/test_markdown.py +++ b/tests/test_markdown.py @@ -213,5 +213,5 @@ def on_markdown_link_clicked(self, message: Markdown.LinkClicked): app = MyApp() async with app.run_test() as pilot: - await pilot.click(Markdown, offset=(0, 0)) + await pilot.click(Markdown, offset=(3, 0)) assert links == ["tété"] diff --git a/tests/test_tabs.py b/tests/test_tabs.py index 0eef93f78a..c43cc6bd68 100644 --- a/tests/test_tabs.py +++ b/tests/test_tabs.py @@ -389,7 +389,7 @@ def compose(self) -> ComposeResult: assert tabs.active_tab is not None assert tabs.active_tab.id == "tab-2" - await pilot.click("Underline") + await pilot.click("Underline", offset=(2, 0)) assert tabs.active_tab is not None assert tabs.active_tab.id == "tab-1" @@ -484,7 +484,7 @@ async def test_mouse_navigation_messages(): async with TabsMessageCatchApp().run_test() as pilot: await pilot.click("#tab-2") await pilot.pause() - await pilot.click("Underline") + await pilot.click("Underline", offset=(2, 0)) await pilot.pause() assert pilot.app.intended_handlers == [ "on_tabs_tab_activated",