diff --git a/docs/guide/content.md b/docs/guide/content.md
index 2db0162830..a574f11603 100644
--- a/docs/guide/content.md
+++ b/docs/guide/content.md
@@ -1,10 +1,10 @@
# Content
-The *content* of widget (displayed within the widget's borders) is typically specified in a call to [`Static.update`][textual.widgets.static.Static.update] or returned from [`render()`][textual.widget.Widget.render] in the case of [custom widgets](./widgets.md#custom-widgets).
+The *content* of widget (displayed within the widget's borders) is typically specified in a call to [`Static.update`][textual.widgets.Static.update] or returned from [`render()`][textual.widget.Widget.render] in the case of [custom widgets](./widgets.md#custom-widgets).
There are a few ways for you to specify this content.
-- Text — either plain text, or [markup](#markup).
+- Text — a string containing [markup](#markup).
- [Content](#content-class) objects — for more advanced control over output.
- Rich renderables — any object that may be printed with [Rich](https://rich.readthedocs.io/en/latest/).
@@ -397,7 +397,7 @@ You can experiment with this feature by entering a dictionary of variables in th
Here's what that looks like:
-```{.textual path="docs/examples/guide/content/playground.py" lines=20 columns=100 type='hello [bold]$name[/bold]!\t{"name": "[magenta italic]Will"}\t']}
+```{.textual path="docs/examples/guide/content/playground.py" lines=20 columns=110 type='hello [bold]$name[/bold]!\t{"name": "[magenta italic]Will"}\t']}
```
## Rich renderables
diff --git a/mkdocs-nav.yml b/mkdocs-nav.yml
index 6c9790b0c8..596b4a30f2 100644
--- a/mkdocs-nav.yml
+++ b/mkdocs-nav.yml
@@ -1,241 +1,241 @@
nav:
- - "index.md"
- - Introduction:
- - "getting_started.md"
- - "help.md"
- - "tutorial.md"
- - Guide:
- - "guide/index.md"
- - "guide/devtools.md"
- - "guide/app.md"
- - "guide/styles.md"
- - "guide/CSS.md"
- - "guide/design.md"
- - "guide/queries.md"
- - "guide/layout.md"
- - "guide/events.md"
- - "guide/input.md"
- - "guide/actions.md"
- - "guide/reactivity.md"
- - "guide/widgets.md"
- - "guide/content.md"
- - "guide/animation.md"
- - "guide/screens.md"
- - "guide/workers.md"
- - "guide/command_palette.md"
- - "guide/testing.md"
- - "widget_gallery.md"
- - Reference:
- - "reference/index.md"
- - CSS Types:
- - "css_types/index.md"
- - "css_types/border.md"
- - "css_types/color.md"
- - "css_types/hatch.md"
- - "css_types/horizontal.md"
- - "css_types/integer.md"
- - "css_types/keyline.md"
- - "css_types/name.md"
- - "css_types/number.md"
- - "css_types/overflow.md"
- - "css_types/position.md"
- - "css_types/percentage.md"
- - "css_types/scalar.md"
- - "css_types/text_align.md"
- - "css_types/text_style.md"
- - "css_types/vertical.md"
- - Events:
- - "events/index.md"
- - "events/app_blur.md"
- - "events/app_focus.md"
- - "events/blur.md"
- - "events/click.md"
- - "events/descendant_blur.md"
- - "events/descendant_focus.md"
- - "events/enter.md"
- - "events/focus.md"
- - "events/hide.md"
- - "events/key.md"
- - "events/leave.md"
- - "events/load.md"
- - "events/mount.md"
- - "events/mouse_capture.md"
- - "events/mouse_down.md"
- - "events/mouse_move.md"
- - "events/mouse_release.md"
- - "events/mouse_scroll_down.md"
- - "events/mouse_scroll_up.md"
- - "events/mouse_up.md"
- - "events/paste.md"
- - "events/print.md"
- - "events/resize.md"
- - "events/screen_resume.md"
- - "events/screen_suspend.md"
- - "events/show.md"
- - "events/unmount.md"
- - Styles:
- - "styles/index.md"
- - "styles/align.md"
- - "styles/background.md"
- - "styles/background_tint.md"
- - "styles/border.md"
- - "styles/border_subtitle_align.md"
- - "styles/border_subtitle_background.md"
- - "styles/border_subtitle_color.md"
- - "styles/border_subtitle_style.md"
- - "styles/border_title_align.md"
- - "styles/border_title_background.md"
- - "styles/border_title_color.md"
- - "styles/border_title_style.md"
- - "styles/box_sizing.md"
- - "styles/color.md"
- - "styles/content_align.md"
- - "styles/display.md"
- - "styles/dock.md"
- - Grid:
- - "styles/grid/index.md"
- - "styles/grid/column_span.md"
- - "styles/grid/grid_columns.md"
- - "styles/grid/grid_gutter.md"
- - "styles/grid/grid_rows.md"
- - "styles/grid/grid_size.md"
- - "styles/grid/row_span.md"
- - "styles/hatch.md"
- - "styles/height.md"
- - "styles/keyline.md"
- - "styles/layer.md"
- - "styles/layers.md"
- - "styles/layout.md"
- - Links:
- - "styles/links/index.md"
- - "styles/links/link_background.md"
- - "styles/links/link_background_hover.md"
- - "styles/links/link_color.md"
- - "styles/links/link_color_hover.md"
- - "styles/links/link_style.md"
- - "styles/links/link_style_hover.md"
- - "styles/margin.md"
- - "styles/max_height.md"
- - "styles/max_width.md"
- - "styles/min_height.md"
- - "styles/min_width.md"
- - "styles/offset.md"
- - "styles/opacity.md"
- - "styles/outline.md"
- - "styles/overflow.md"
- - "styles/padding.md"
- - "styles/position.md"
- - Scrollbar colors:
- - "styles/scrollbar_colors/index.md"
- - "styles/scrollbar_colors/scrollbar_background.md"
- - "styles/scrollbar_colors/scrollbar_background_active.md"
- - "styles/scrollbar_colors/scrollbar_background_hover.md"
- - "styles/scrollbar_colors/scrollbar_color.md"
- - "styles/scrollbar_colors/scrollbar_color_active.md"
- - "styles/scrollbar_colors/scrollbar_color_hover.md"
- - "styles/scrollbar_colors/scrollbar_corner_color.md"
- - "styles/scrollbar_gutter.md"
- - "styles/scrollbar_size.md"
- - "styles/text_align.md"
- - "styles/text_opacity.md"
- - "styles/text_overflow.md"
- - "styles/text_wrap.md"
- - "styles/text_style.md"
- - "styles/tint.md"
- - "styles/visibility.md"
- - "styles/width.md"
- - Widgets:
- - "widgets/button.md"
- - "widgets/checkbox.md"
- - "widgets/collapsible.md"
- - "widgets/content_switcher.md"
- - "widgets/data_table.md"
- - "widgets/digits.md"
- - "widgets/directory_tree.md"
- - "widgets/footer.md"
- - "widgets/header.md"
- - "widgets/index.md"
- - "widgets/input.md"
- - "widgets/label.md"
- - "widgets/link.md"
- - "widgets/list_item.md"
- - "widgets/list_view.md"
- - "widgets/loading_indicator.md"
- - "widgets/log.md"
- - "widgets/markdown_viewer.md"
- - "widgets/markdown.md"
- - "widgets/masked_input.md"
- - "widgets/option_list.md"
- - "widgets/placeholder.md"
- - "widgets/pretty.md"
- - "widgets/progress_bar.md"
- - "widgets/radiobutton.md"
- - "widgets/radioset.md"
- - "widgets/rich_log.md"
- - "widgets/rule.md"
- - "widgets/select.md"
- - "widgets/selection_list.md"
- - "widgets/sparkline.md"
- - "widgets/static.md"
- - "widgets/switch.md"
- - "widgets/tabbed_content.md"
- - "widgets/tabs.md"
- - "widgets/text_area.md"
- - "widgets/toast.md"
- - "widgets/tree.md"
- - API:
- - "api/index.md"
- - "api/app.md"
- - "api/await_complete.md"
- - "api/await_remove.md"
- - "api/binding.md"
- - "api/cache.md"
- - "api/color.md"
- - "api/command.md"
- - "api/constants.md"
- - "api/containers.md"
- - "api/coordinate.md"
- - "api/dom_node.md"
- - "api/events.md"
- - "api/errors.md"
- - "api/filter.md"
- - "api/fuzzy_matcher.md"
- - "api/geometry.md"
- - "api/layout.md"
- - "api/lazy.md"
- - "api/logger.md"
- - "api/logging.md"
- - "api/map_geometry.md"
- - "api/message_pump.md"
- - "api/message.md"
- - "api/on.md"
- - "api/pilot.md"
- - "api/query.md"
- - "api/reactive.md"
- - "api/renderables.md"
- - "api/screen.md"
- - "api/scrollbar.md"
- - "api/scroll_view.md"
- - "api/signal.md"
- - "api/strip.md"
- - "api/suggester.md"
- - "api/system_commands_source.md"
- - "api/timer.md"
- - "api/types.md"
- - "api/validation.md"
- - "api/walk.md"
- - "api/widget.md"
- - "api/work.md"
- - "api/worker.md"
- - "api/worker_manager.md"
- - "How To":
- - "how-to/index.md"
- - "how-to/center-things.md"
- - "how-to/design-a-layout.md"
- - "how-to/package-with-hatch.md"
- - "how-to/render-and-compose.md"
- - "how-to/style-inline-apps.md"
- - "FAQ.md"
- - "roadmap.md"
- - "Blog":
- - blog/index.md
+ - "index.md"
+ - Introduction:
+ - "getting_started.md"
+ - "help.md"
+ - "tutorial.md"
+ - Guide:
+ - "guide/index.md"
+ - "guide/devtools.md"
+ - "guide/app.md"
+ - "guide/styles.md"
+ - "guide/CSS.md"
+ - "guide/design.md"
+ - "guide/queries.md"
+ - "guide/layout.md"
+ - "guide/events.md"
+ - "guide/input.md"
+ - "guide/actions.md"
+ - "guide/reactivity.md"
+ - "guide/widgets.md"
+ - "guide/content.md"
+ - "guide/animation.md"
+ - "guide/screens.md"
+ - "guide/workers.md"
+ - "guide/command_palette.md"
+ - "guide/testing.md"
+ - "widget_gallery.md"
+ - Reference:
+ - "reference/index.md"
+ - CSS Types:
+ - "css_types/index.md"
+ - "css_types/border.md"
+ - "css_types/color.md"
+ - "css_types/hatch.md"
+ - "css_types/horizontal.md"
+ - "css_types/integer.md"
+ - "css_types/keyline.md"
+ - "css_types/name.md"
+ - "css_types/number.md"
+ - "css_types/overflow.md"
+ - "css_types/position.md"
+ - "css_types/percentage.md"
+ - "css_types/scalar.md"
+ - "css_types/text_align.md"
+ - "css_types/text_style.md"
+ - "css_types/vertical.md"
+ - Events:
+ - "events/index.md"
+ - "events/app_blur.md"
+ - "events/app_focus.md"
+ - "events/blur.md"
+ - "events/click.md"
+ - "events/descendant_blur.md"
+ - "events/descendant_focus.md"
+ - "events/enter.md"
+ - "events/focus.md"
+ - "events/hide.md"
+ - "events/key.md"
+ - "events/leave.md"
+ - "events/load.md"
+ - "events/mount.md"
+ - "events/mouse_capture.md"
+ - "events/mouse_down.md"
+ - "events/mouse_move.md"
+ - "events/mouse_release.md"
+ - "events/mouse_scroll_down.md"
+ - "events/mouse_scroll_up.md"
+ - "events/mouse_up.md"
+ - "events/paste.md"
+ - "events/print.md"
+ - "events/resize.md"
+ - "events/screen_resume.md"
+ - "events/screen_suspend.md"
+ - "events/show.md"
+ - "events/unmount.md"
+ - Styles:
+ - "styles/index.md"
+ - "styles/align.md"
+ - "styles/background.md"
+ - "styles/background_tint.md"
+ - "styles/border.md"
+ - "styles/border_subtitle_align.md"
+ - "styles/border_subtitle_background.md"
+ - "styles/border_subtitle_color.md"
+ - "styles/border_subtitle_style.md"
+ - "styles/border_title_align.md"
+ - "styles/border_title_background.md"
+ - "styles/border_title_color.md"
+ - "styles/border_title_style.md"
+ - "styles/box_sizing.md"
+ - "styles/color.md"
+ - "styles/content_align.md"
+ - "styles/display.md"
+ - "styles/dock.md"
+ - Grid:
+ - "styles/grid/index.md"
+ - "styles/grid/column_span.md"
+ - "styles/grid/grid_columns.md"
+ - "styles/grid/grid_gutter.md"
+ - "styles/grid/grid_rows.md"
+ - "styles/grid/grid_size.md"
+ - "styles/grid/row_span.md"
+ - "styles/hatch.md"
+ - "styles/height.md"
+ - "styles/keyline.md"
+ - "styles/layer.md"
+ - "styles/layers.md"
+ - "styles/layout.md"
+ - Links:
+ - "styles/links/index.md"
+ - "styles/links/link_background.md"
+ - "styles/links/link_background_hover.md"
+ - "styles/links/link_color.md"
+ - "styles/links/link_color_hover.md"
+ - "styles/links/link_style.md"
+ - "styles/links/link_style_hover.md"
+ - "styles/margin.md"
+ - "styles/max_height.md"
+ - "styles/max_width.md"
+ - "styles/min_height.md"
+ - "styles/min_width.md"
+ - "styles/offset.md"
+ - "styles/opacity.md"
+ - "styles/outline.md"
+ - "styles/overflow.md"
+ - "styles/padding.md"
+ - "styles/position.md"
+ - Scrollbar colors:
+ - "styles/scrollbar_colors/index.md"
+ - "styles/scrollbar_colors/scrollbar_background.md"
+ - "styles/scrollbar_colors/scrollbar_background_active.md"
+ - "styles/scrollbar_colors/scrollbar_background_hover.md"
+ - "styles/scrollbar_colors/scrollbar_color.md"
+ - "styles/scrollbar_colors/scrollbar_color_active.md"
+ - "styles/scrollbar_colors/scrollbar_color_hover.md"
+ - "styles/scrollbar_colors/scrollbar_corner_color.md"
+ - "styles/scrollbar_gutter.md"
+ - "styles/scrollbar_size.md"
+ - "styles/text_align.md"
+ - "styles/text_opacity.md"
+ - "styles/text_overflow.md"
+ - "styles/text_wrap.md"
+ - "styles/text_style.md"
+ - "styles/tint.md"
+ - "styles/visibility.md"
+ - "styles/width.md"
+ - Widgets:
+ - "widgets/button.md"
+ - "widgets/checkbox.md"
+ - "widgets/collapsible.md"
+ - "widgets/content_switcher.md"
+ - "widgets/data_table.md"
+ - "widgets/digits.md"
+ - "widgets/directory_tree.md"
+ - "widgets/footer.md"
+ - "widgets/header.md"
+ - "widgets/index.md"
+ - "widgets/input.md"
+ - "widgets/label.md"
+ - "widgets/link.md"
+ - "widgets/list_item.md"
+ - "widgets/list_view.md"
+ - "widgets/loading_indicator.md"
+ - "widgets/log.md"
+ - "widgets/markdown_viewer.md"
+ - "widgets/markdown.md"
+ - "widgets/masked_input.md"
+ - "widgets/option_list.md"
+ - "widgets/placeholder.md"
+ - "widgets/pretty.md"
+ - "widgets/progress_bar.md"
+ - "widgets/radiobutton.md"
+ - "widgets/radioset.md"
+ - "widgets/rich_log.md"
+ - "widgets/rule.md"
+ - "widgets/select.md"
+ - "widgets/selection_list.md"
+ - "widgets/sparkline.md"
+ - "widgets/static.md"
+ - "widgets/switch.md"
+ - "widgets/tabbed_content.md"
+ - "widgets/tabs.md"
+ - "widgets/text_area.md"
+ - "widgets/toast.md"
+ - "widgets/tree.md"
+ - API:
+ - "api/index.md"
+ - "api/app.md"
+ - "api/await_complete.md"
+ - "api/await_remove.md"
+ - "api/binding.md"
+ - "api/cache.md"
+ - "api/color.md"
+ - "api/command.md"
+ - "api/constants.md"
+ - "api/containers.md"
+ - "api/coordinate.md"
+ - "api/dom_node.md"
+ - "api/events.md"
+ - "api/errors.md"
+ - "api/filter.md"
+ - "api/fuzzy_matcher.md"
+ - "api/geometry.md"
+ - "api/layout.md"
+ - "api/lazy.md"
+ - "api/logger.md"
+ - "api/logging.md"
+ - "api/map_geometry.md"
+ - "api/message_pump.md"
+ - "api/message.md"
+ - "api/on.md"
+ - "api/pilot.md"
+ - "api/query.md"
+ - "api/reactive.md"
+ - "api/renderables.md"
+ - "api/screen.md"
+ - "api/scrollbar.md"
+ - "api/scroll_view.md"
+ - "api/signal.md"
+ - "api/strip.md"
+ - "api/suggester.md"
+ - "api/system_commands_source.md"
+ - "api/timer.md"
+ - "api/types.md"
+ - "api/validation.md"
+ - "api/walk.md"
+ - "api/widget.md"
+ - "api/work.md"
+ - "api/worker.md"
+ - "api/worker_manager.md"
+ - "How To":
+ - "how-to/index.md"
+ - "how-to/center-things.md"
+ - "how-to/design-a-layout.md"
+ - "how-to/package-with-hatch.md"
+ - "how-to/render-and-compose.md"
+ - "how-to/style-inline-apps.md"
+ - "FAQ.md"
+ - "roadmap.md"
+ - "Blog":
+ - blog/index.md
diff --git a/src/textual/css/styles.py b/src/textual/css/styles.py
index 03bfb9afbe..bdba408071 100644
--- a/src/textual/css/styles.py
+++ b/src/textual/css/styles.py
@@ -487,7 +487,7 @@ class StylesBase:
VALID_TEXT_WRAP, "wrap"
)
text_overflow: StringEnumProperty[TextOverflow] = StringEnumProperty(
- VALID_TEXT_OVERFLOW, "clip"
+ VALID_TEXT_OVERFLOW, "fold"
)
def __textual_animation__(
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_arbitrary_selection.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_arbitrary_selection.svg
index d667dba2cd..83d061fec4 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_arbitrary_selection.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_arbitrary_selection.svg
@@ -19,237 +19,236 @@
font-weight: 700;
}
- .terminal-1196196748-matrix {
+ .terminal-2713772870-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-1196196748-title {
+ .terminal-2713772870-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-1196196748-r1 { fill: #ff0000 }
-.terminal-1196196748-r2 { fill: #c5c8c6 }
-.terminal-1196196748-r3 { fill: #e0e0e0 }
-.terminal-1196196748-r4 { fill: #121212 }
+ .terminal-2713772870-r1 { fill: #ff0000 }
+.terminal-2713772870-r2 { fill: #c5c8c6 }
+.terminal-2713772870-r3 { fill: #e0e0e0 }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- MyApp
+ MyApp
-
-
-
- ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
-┃┃┃┃┃┃
-┃┃┃┃┃┃
-┃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 that brings total ┃┃Fear is the little-death that brings total ┃┃Fear is the little-death 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 over me and through me.┃┃I will permit it to pass over me and through me.┃┃I will permit it to pass over me and through me.┃
-┃And when it has gone past, I will turn the inner┃┃And when it has gone past, I will turn the inner┃┃And when it has gone past, I will turn the inner ┃
-┃eye to see its path.┃┃eye to see its path.┃┃eye to see its path.┃
-┃Where the fear has gone there will be nothing. ┃┃Where the fear has gone there will be nothing. ┃┃Where the fear has gone there will be nothing. ┃
-┃Only I will remain.┃┃Only I will remain.┃┃Only 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 that brings total ┃┃Fear is the little-death that brings total ┃┃Fear is the little-death 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 over me and through me.┃┃I will permit it to pass over me and through me.┃┃I will permit it to pass over me and through me.┃
-┃And when it has gone past, I will turn the inner┃┃And when it has gone past, I will turn the inner┃┃And when it has gone past, I will turn the inner ┃
-┃eye to see its path.┃┃eye to see its path.┃┃eye to see its path.┃
-┃Where the fear has gone there will be nothing. ┃┃Where the fear has gone there will be nothing. ┃┃Where the fear has gone there will be nothing. ┃
-┃Only I will remain.┃┃Only I will remain.┃┃Only 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.┃
-┃Fearisthelittle-deaththatbringstotal┃┃Fearisthelittle-deaththatbringstotal┃┃Fearisthelittle-deaththatbringstotal┃
-┃obliteration.┃┃obliteration.┃┃obliteration.┃
-┃I will face my fear.┃┃I will face my fear.┃┃I will face my fear.┃
-┃I will permit it to pass over me and through me.┃┃I will permit it to pass over me and through me.┃┃I will permit it to pass over me and through me.┃
-┃Andwhenithasgonepast,Iwillturntheinner┃┃Andwhenithasgonepast,Iwillturntheinner┃┃Andwhenithasgonepast,Iwillturntheinner┃
-┃eye to see its path.┃┃eye to see its path.┃┃eye to see its path.┃
-┃Wherethefearhasgonetherewillbenothing.┃┃Wherethefearhasgonetherewillbenothing.┃┃Wherethefearhasgonetherewillbenothing.┃
-┃Only I will remain.┃┃Only I will remain.┃┃Only 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 that brings total ┃┃Fear is the little-death that brings total ┃┃Fear is the little-death 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 over me and through me.┃┃I will permit it to pass over me and through me.┃┃I will permit it to pass over me and through me.┃
+┃And when it has gone past, I will turn the inner┃┃And when it has gone past, I will turn the inner┃┃And when it has gone past, I will turn the inner ┃
+┃eye to see its path.┃┃eye to see its path.┃┃eye to see its path.┃
+┃Where the fear has gone there will be nothing. ┃┃Where the fear has gone there will be nothing. ┃┃Where the fear has gone there will be nothing. ┃
+┃Only I will remain.┃┃Only I will remain.┃┃Only 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 that brings total ┃┃Fear is the little-death that brings total ┃┃Fear is the little-death 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 over me and through me.┃┃I will permit it to pass over me and through me.┃┃I will permit it to pass over me and through me.┃
+┃And when it has gone past, I will turn the inner┃┃And when it has gone past, I will turn the inner┃┃And when it has gone past, I will turn the inner ┃
+┃eye to see its path.┃┃eye to see its path.┃┃eye to see its path.┃
+┃Where the fear has gone there will be nothing. ┃┃Where the fear has gone there will be nothing. ┃┃Where the fear has gone there will be nothing. ┃
+┃Only I will remain.┃┃Only I will remain.┃┃Only 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.┃
+┃Fearisthelittle-deaththatbringstotal┃┃Fearisthelittle-deaththatbringstotal┃┃Fearisthelittle-deaththatbringstotal┃
+┃obliteration.┃┃obliteration.┃┃obliteration.┃
+┃I will face my fear.┃┃I will face my fear.┃┃I will face my fear.┃
+┃I will permit it to pass over me and through me.┃┃I will permit it to pass over me and through me.┃┃I will permit it to pass over me and through me.┃
+┃Andwhenithasgonepast,Iwillturntheinner┃┃Andwhenithasgonepast,Iwillturntheinner┃┃Andwhenithasgonepast,Iwillturntheinner┃
+┃eye to see its path.┃┃eye to see its path.┃┃eye to see its path.┃
+┃Wherethefearhasgonetherewillbenothing.┃┃Wherethefearhasgonetherewillbenothing.┃┃Wherethefearhasgonetherewillbenothing.┃
+┃Only I will remain.┃┃Only I will remain.┃┃Only I will remain.┃
+┃┃┃┃┃┃
+┃┃┃┃┃┃
+┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
+
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_border_tab.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_border_tab.svg
index 043d051f83..0f4dfacb77 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_border_tab.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_border_tab.svg
@@ -19,133 +19,134 @@
font-weight: 700;
}
- .terminal-1882069762-matrix {
+ .terminal-898769892-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-1882069762-title {
+ .terminal-898769892-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-1882069762-r1 { fill: #e0e0e0 }
-.terminal-1882069762-r2 { fill: #c5c8c6 }
-.terminal-1882069762-r3 { fill: #0178d4 }
-.terminal-1882069762-r4 { fill: #121212 }
+ .terminal-898769892-r1 { fill: #e0e0e0 }
+.terminal-898769892-r2 { fill: #c5c8c6 }
+.terminal-898769892-r3 { fill: #0178d4 }
+.terminal-898769892-r4 { fill: #000000 }
+.terminal-898769892-r5 { fill: #121212 }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- TabApp
+ TabApp
-
+
-
-
-
-
-
-
-
-
-
-▁▁ Tab Border ▁▁▁▁▁▁▁▁
-▎▊
-▎▊
-▎Hello, World▊
-▎▊
-▎▊
-▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ :-) ▔▔
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+▁▁ Tab Border ▁▁▁▁▁▁▁▁
+▎▊
+▎▊
+▎Hello, World▊
+▎▊
+▎▊
+▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ :-) ▔▔
+
+
+
+
+
+
+
+
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 e8bc237cc1..617fb7de84 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,135 +19,135 @@
font-weight: 700;
}
- .terminal-2006576005-matrix {
+ .terminal-3499344120-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-2006576005-title {
+ .terminal-3499344120-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-2006576005-r1 { fill: #e0e0e0 }
-.terminal-2006576005-r2 { fill: #c5c8c6 }
-.terminal-2006576005-r3 { fill: #ff0000 }
-.terminal-2006576005-r4 { fill: #008000 }
-.terminal-2006576005-r5 { fill: #ffffff }
-.terminal-2006576005-r6 { fill: #0000ff }
+ .terminal-3499344120-r1 { fill: #e0e0e0 }
+.terminal-3499344120-r2 { fill: #c5c8c6 }
+.terminal-3499344120-r3 { fill: #ff0000 }
+.terminal-3499344120-r4 { fill: #008000 }
+.terminal-3499344120-r5 { fill: #ffffff }
+.terminal-3499344120-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_sub_title_align_all.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[border_sub_title_align_all.py].svg
index bfe9daa325..232b2adf3d 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-2613505504-matrix {
+ .terminal-345372795-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-2613505504-title {
+ .terminal-345372795-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-2613505504-r1 { fill: #e0e0e0 }
-.terminal-2613505504-r2 { fill: #c5c8c6 }
-.terminal-2613505504-r3 { fill: #004578 }
-.terminal-2613505504-r4 { fill: #004578;font-weight: bold }
-.terminal-2613505504-r5 { fill: #004578;font-weight: bold;font-style: italic; }
-.terminal-2613505504-r6 { fill: #f4005f;font-weight: bold }
-.terminal-2613505504-r7 { fill: #121212 }
-.terminal-2613505504-r8 { fill: #121212;text-decoration: underline; }
-.terminal-2613505504-r9 { fill: #004578;text-decoration: underline; }
-.terminal-2613505504-r10 { fill: #1a1a1a;text-decoration: underline; }
-.terminal-2613505504-r11 { fill: #4ebf71 }
-.terminal-2613505504-r12 { fill: #b93c5b }
+ .terminal-345372795-r1 { fill: #e0e0e0 }
+.terminal-345372795-r2 { fill: #c5c8c6 }
+.terminal-345372795-r3 { fill: #004578 }
+.terminal-345372795-r4 { fill: #004578;font-weight: bold }
+.terminal-345372795-r5 { fill: #004578;font-weight: bold;font-style: italic; }
+.terminal-345372795-r6 { fill: #ff0000;font-weight: bold }
+.terminal-345372795-r7 { fill: #121212 }
+.terminal-345372795-r8 { fill: #121212;text-decoration: underline; }
+.terminal-345372795-r9 { fill: #004578;text-decoration: underline; }
+.terminal-345372795-r10 { fill: #000000;text-decoration: underline; }
+.terminal-345372795-r11 { fill: #4ebf71 }
+.terminal-345372795-r12 { fill: #b93c5b }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- BorderSubTitleAlignAll
+ BorderSubTitleAlignAll
-
-
-
-
-
-▏ Border title ▕╭─ Lef… ─╮▁▁▁▁▁ Left ▁▁▁▁▁
-▏This is the story of▕│a Python│▎developer that▊
-▏ Border subtitle ▕╰─ Cen… ─╯▔▔▔▔▔ @@@ ▔▔▔▔▔▔
-
-
-
-
-
-+--------------+─Title─────────────────
-|had to fill up|nine labelsand ended up redoing it
-+- Left -------+──────────────Subtitle─
-
-
-
-
-─Title, but really looo…─
-─Title, but r…──Title, but reall…─
-because the first tryhad some labelsthat were too long.
-─Subtitle, bu…──Subtitle, but re…─
-─Subtitle, but really l…─
-
+
+
+
+
+
+▏ Border title ▕╭─ Lef… ─╮▁▁▁▁▁ Left ▁▁▁▁▁
+▏This is the story of▕│a Python│▎developer that▊
+▏ Border subtitle ▕╰─ Cen… ─╯▔▔▔▔▔ @@@ ▔▔▔▔▔▔
+
+
+
+
+
++--------------+─Title─────────────────
+|had to fill up|nine labelsand ended up redoing it
++- Left -------+──────────────Subtitle─
+
+
+
+
+─Title, but really looo…─
+─Title, but r…──Title, but reall…─
+because the first tryhad some labelsthat were too long.
+─Subtitle, bu…──Subtitle, but re…─
+─Subtitle, but really l…─
+
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[box_sizing.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[box_sizing.py].svg
index 930ae1e8cd..7418a75b59 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[box_sizing.py].svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[box_sizing.py].svg
@@ -19,132 +19,132 @@
font-weight: 700;
}
- .terminal-1936270938-matrix {
+ .terminal-1980698020-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-1936270938-title {
+ .terminal-1980698020-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-1936270938-r1 { fill: #000000 }
-.terminal-1936270938-r2 { fill: #c5c8c6 }
-.terminal-1936270938-r3 { fill: #ccccff }
+ .terminal-1980698020-r1 { fill: #000000 }
+.terminal-1980698020-r2 { fill: #c5c8c6 }
+.terminal-1980698020-r3 { fill: #ccccff }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- BoxSizingApp
+ BoxSizingApp
-
-
-
-
-
-▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
-▎▊
-▎I'm using border-box!▊
-▎▊
-▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔
-
-
-▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
-▎▊
-▎I'm using content-box!▊
-▎▊
-▎▊
-▎▊
-▎▊
-▎▊
-▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔
-
-
-
-
-
+
+
+
+
+
+ ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
+▎▊
+▎I'm using border-box!▊
+▎▊
+ ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔
+
+
+ ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
+▎▊
+▎I'm using content-box!▊
+▎▊
+▎▊
+▎▊
+▎▊
+▎▊
+ ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔
+
+
+
+
+
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[offset.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[offset.py].svg
index 41bf4b6eb7..1dd0fb3eb7 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[offset.py].svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[offset.py].svg
@@ -19,134 +19,134 @@
font-weight: 700;
}
- .terminal-1133023764-matrix {
+ .terminal-2976121018-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-1133023764-title {
+ .terminal-2976121018-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-1133023764-r1 { fill: #000000 }
-.terminal-1133023764-r2 { fill: #0000ff }
-.terminal-1133023764-r3 { fill: #c5c8c6 }
-.terminal-1133023764-r4 { fill: #ff0000 }
-.terminal-1133023764-r5 { fill: #008000 }
+ .terminal-2976121018-r1 { fill: #000000 }
+.terminal-2976121018-r2 { fill: #0000ff }
+.terminal-2976121018-r3 { fill: #c5c8c6 }
+.terminal-2976121018-r4 { fill: #ff0000 }
+.terminal-2976121018-r5 { fill: #008000 }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- OffsetApp
+ OffsetApp
-
-
-
- ▌▐
-▌Chani (offset 0 ▐
-▛▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▜▌-3)▐
-▌▐▌▐
-▌▐▌▐
-▌▐▌▐
-▌Paul (offset 8 2)▐▙▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▟
-▌▐
-▌▐
-▌▐
-▌▛▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▜
-▙▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▌▐
-▌▐
-▌▐
-▌Duncan (offset 4 ▐
-▌10)▐
-▌▐
-▌▐
-▌▐
-▙▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▟
-
-
-
+
+
+
+ ▌ ▐
+▌ Chani (offset 0 ▐
+▛▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▜▌ -3) ▐
+▌ ▐▌ ▐
+▌ ▐▌ ▐
+▌ ▐▌ ▐
+▌Paul (offset 8 2) ▐▙▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▟
+▌ ▐
+▌ ▐
+▌ ▐
+▌ ▛▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▜
+▙▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▌ ▐
+▌ ▐
+▌ ▐
+▌Duncan (offset 4 ▐
+▌10) ▐
+▌ ▐
+▌ ▐
+▌ ▐
+▙▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▟
+
+
+
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 adc6dab610..23446d5b4e 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,136 +19,134 @@
font-weight: 700;
}
- .terminal-1108791783-matrix {
+ .terminal-1859079648-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-1108791783-title {
+ .terminal-1859079648-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-1108791783-r1 { fill: #c5c8c6 }
-.terminal-1108791783-r2 { fill: #000000;font-weight: bold }
-.terminal-1108791783-r3 { fill: #cd5c5c }
-.terminal-1108791783-r4 { fill: #ffffff;font-weight: bold }
-.terminal-1108791783-r5 { fill: #000000 }
-.terminal-1108791783-r6 { fill: #ffffff }
-.terminal-1108791783-r7 { fill: #98fb98 }
+ .terminal-1859079648-r1 { fill: #c5c8c6 }
+.terminal-1859079648-r2 { fill: #000000;font-weight: bold }
+.terminal-1859079648-r3 { fill: #ffffff;font-weight: bold }
+.terminal-1859079648-r4 { fill: #000000 }
+.terminal-1859079648-r5 { fill: #ffffff }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- 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 the Imustnotfear.Fearisthe
-mind-killer. Fear is the mind-killer.Fearisthe
-little-death that brings total little-deaththatbringstotal
-obliteration. I will face my fear. Iobliteration.Iwillfacemyfear.I
-will permit it to pass over me and willpermitittopassovermeand
-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 the Imustnotfear.Fearisthe
+mind-killer. Fear is the mind-killer.Fearisthe
+little-death that brings total little-deaththatbringstotal
+obliteration. I will face my fear. Iobliteration.Iwillfacemyfear.I
+will permit it to pass over me and willpermitittopassovermeand
+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 9dcb1aef5f..02ced56515 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,135 +19,134 @@
font-weight: 700;
}
- .terminal-2545191953-matrix {
+ .terminal-3799424682-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-2545191953-title {
+ .terminal-3799424682-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-2545191953-r1 { fill: #c5c8c6 }
-.terminal-2545191953-r2 { fill: #121212 }
-.terminal-2545191953-r3 { fill: #454545;font-weight: bold }
-.terminal-2545191953-r4 { fill: #797979;font-weight: bold }
-.terminal-2545191953-r5 { fill: #acacac;font-weight: bold }
-.terminal-2545191953-r6 { fill: #e0e0e0;font-weight: bold }
+ .terminal-3799424682-r1 { fill: #c5c8c6 }
+.terminal-3799424682-r2 { fill: #454545;font-weight: bold }
+.terminal-3799424682-r3 { fill: #797979;font-weight: bold }
+.terminal-3799424682-r4 { fill: #acacac;font-weight: bold }
+.terminal-3799424682-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_overflow.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[text_overflow.py].svg
new file mode 100644
index 0000000000..a8d5c3dd05
--- /dev/null
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[text_overflow.py].svg
@@ -0,0 +1,150 @@
+
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[text_wrap.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[text_wrap.py].svg
new file mode 100644
index 0000000000..07ac7d9e00
--- /dev/null
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[text_wrap.py].svg
@@ -0,0 +1,150 @@
+
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 afa0eb7789..51839391e9 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-532493047-matrix {
+ .terminal-1231369836-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-532493047-title {
+ .terminal-1231369836-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-532493047-r1 { fill: #e0e0e0 }
-.terminal-532493047-r2 { fill: #121212 }
-.terminal-532493047-r3 { fill: #c5c8c6 }
-.terminal-532493047-r4 { fill: #fea62b }
-.terminal-532493047-r5 { fill: #0178d4 }
-.terminal-532493047-r6 { fill: #1e1e1e }
-.terminal-532493047-r7 { fill: #e0e0e0;font-weight: bold }
-.terminal-532493047-r8 { fill: #191919 }
-.terminal-532493047-r9 { fill: #272727 }
-.terminal-532493047-r10 { fill: #737373;font-weight: bold }
-.terminal-532493047-r11 { fill: #000000 }
+ .terminal-1231369836-r1 { fill: #e0e0e0 }
+.terminal-1231369836-r2 { fill: #121212 }
+.terminal-1231369836-r3 { fill: #c5c8c6 }
+.terminal-1231369836-r4 { fill: #fea62b }
+.terminal-1231369836-r5 { fill: #0178d4 }
+.terminal-1231369836-r6 { fill: #e0e0e0;font-weight: bold }
+.terminal-1231369836-r7 { fill: #1e1e1e }
+.terminal-1231369836-r8 { fill: #191919 }
+.terminal-1231369836-r9 { fill: #272727 }
+.terminal-1231369836-r10 { fill: #737373;font-weight: bold }
+.terminal-1231369836-r11 { fill: #000000 }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- MerlinApp
+ MerlinApp
-
-
-
-
-
-╭─╮ ╭─╮╭─╮ ╭─╮╭─╮
-│ │ : │ ││ │ : │ ││ │
-╰─╯ ╰─╯╰─╯ ╰─╯╰─╯
-
-
-█▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀█
-██
-█789█
-█▊▔▔▔▔▔▔▔▔▎▊▔▔▔▔▔▔▔▔▎▊▔▔▔▔▔▔▔▔▎█
-█▊▎▊▎▊▎█
-█▊▁▁▁▁▁▁▁▁▎▊▁▁▁▁▁▁▁▁▎▊▁▁▁▁▁▁▁▁▎█
-██
-█456█
-█▊▔▔▔▔▔▔▔▔▎▊▔▔▔▔▔▔▔▔▎▊▔▔▔▔▔▔▔▔▎█
-█▊▎▊▎▊▎█
-█▊▁▁▁▁▁▁▁▁▎▊▁▁▁▁▁▁▁▁▎▊▁▁▁▁▁▁▁▁▎█
-██
-█123█
-█▊▔▔▔▔▔▔▔▔▎▊▔▔▔▔▔▔▔▔▎▊▔▔▔▔▔▔▔▔▎█
-█▊▎▊▎▊▎█
-█▊▁▁▁▁▁▁▁▁▎▊▁▁▁▁▁▁▁▁▎▊▁▁▁▁▁▁▁▁▎█
-██▇▇
+
+
+
+
+
+╭─╮ ╭─╮╭─╮ ╭─╮╭─╮
+│ │ : │ ││ │ : │ ││ │
+╰─╯ ╰─╯╰─╯ ╰─╯╰─╯
+
+
+█▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀█
+██
+█789█
+█▊▔▔▔▔▔▔▔▔▎▊▔▔▔▔▔▔▔▔▎▊▔▔▔▔▔▔▔▔▎█
+█▊▎▊▎▊▎█
+█▊▁▁▁▁▁▁▁▁▎▊▁▁▁▁▁▁▁▁▎▊▁▁▁▁▁▁▁▁▎█
+██
+█456█
+█▊▔▔▔▔▔▔▔▔▎▊▔▔▔▔▔▔▔▔▎▊▔▔▔▔▔▔▔▔▎█
+█▊▎▊▎▊▎█
+█▊▁▁▁▁▁▁▁▁▎▊▁▁▁▁▁▁▁▁▎▊▁▁▁▁▁▁▁▁▎█
+██
+█123█
+█▊▔▔▔▔▔▔▔▔▎▊▔▔▔▔▔▔▔▔▎▊▔▔▔▔▔▔▔▔▎█
+█▊▎▊▎▊▎█
+█▊▁▁▁▁▁▁▁▁▎▊▁▁▁▁▁▁▁▁▎▊▁▁▁▁▁▁▁▁▎█
+██▇▇
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 ae9c69de35..6d18380325 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,140 @@
font-weight: 700;
}
- .terminal-2365147043-matrix {
+ .terminal-99830303-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-2365147043-title {
+ .terminal-99830303-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-2365147043-r1 { fill: #c5c8c6 }
-.terminal-2365147043-r2 { fill: #1f1f1f }
-.terminal-2365147043-r3 { fill: #004578;font-weight: bold }
-.terminal-2365147043-r4 { fill: #d2d2d2 }
-.terminal-2365147043-r5 { fill: #008000;font-weight: bold }
-.terminal-2365147043-r6 { fill: #000000 }
-.terminal-2365147043-r7 { fill: #0000ff }
-.terminal-2365147043-r8 { fill: #87adad;font-style: italic; }
-.terminal-2365147043-r9 { fill: #008000 }
-.terminal-2365147043-r10 { fill: #ba2121 }
+ .terminal-99830303-r1 { fill: #c5c8c6 }
+.terminal-99830303-r2 { fill: #1f1f1f }
+.terminal-99830303-r3 { fill: #004578;font-weight: bold }
+.terminal-99830303-r4 { fill: #d2d2d2 }
+.terminal-99830303-r5 { fill: #008000;font-weight: bold }
+.terminal-99830303-r6 { fill: #bbbbbb }
+.terminal-99830303-r7 { fill: #0000ff }
+.terminal-99830303-r8 { fill: #000000 }
+.terminal-99830303-r9 { fill: #87adad;font-style: italic; }
+.terminal-99830303-r10 { fill: #008000 }
+.terminal-99830303-r11 { fill: #ba2121 }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- MarkdownThemeSwitcherApp
+ 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_markup.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_markup.svg
new file mode 100644
index 0000000000..be5cef5577
--- /dev/null
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_markup.svg
@@ -0,0 +1,160 @@
+
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_no_wrap.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_no_wrap.svg
new file mode 100644
index 0000000000..334f0f7cbe
--- /dev/null
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_no_wrap.svg
@@ -0,0 +1,150 @@
+
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_overflow.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_overflow.svg
new file mode 100644
index 0000000000..d75b2ed717
--- /dev/null
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_overflow.svg
@@ -0,0 +1,150 @@
+
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 3887e7c020..d33be2ccbd 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,133 +19,132 @@
font-weight: 700;
}
- .terminal-2557043516-matrix {
+ .terminal-3438346010-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-2557043516-title {
+ .terminal-3438346010-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-2557043516-r1 { fill: #e0e0e0 }
-.terminal-2557043516-r2 { fill: #121212 }
-.terminal-2557043516-r3 { fill: #c5c8c6 }
-.terminal-2557043516-r4 { fill: #004578 }
+ .terminal-3438346010-r1 { fill: #e0e0e0 }
+.terminal-3438346010-r2 { fill: #c5c8c6 }
+.terminal-3438346010-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 b09e9cb616..708639cb1b 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,133 +19,132 @@
font-weight: 700;
}
- .terminal-1062761350-matrix {
+ .terminal-2259771123-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-1062761350-title {
+ .terminal-2259771123-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-1062761350-r1 { fill: #e0e0e0 }
-.terminal-1062761350-r2 { fill: #c5c8c6 }
-.terminal-1062761350-r3 { fill: #121212 }
-.terminal-1062761350-r4 { fill: #004578 }
+ .terminal-2259771123-r1 { fill: #e0e0e0 }
+.terminal-2259771123-r2 { fill: #c5c8c6 }
+.terminal-2259771123-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_scroll_to_center.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_scroll_to_center.svg
index 9d3479aecf..ee7b7b637b 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-167089035-matrix {
+ .terminal-2811073350-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-167089035-title {
+ .terminal-2811073350-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-167089035-r1 { fill: #e0e0e0 }
-.terminal-167089035-r2 { fill: #c5c8c6 }
-.terminal-167089035-r3 { fill: #0178d4 }
-.terminal-167089035-r4 { fill: #003054 }
-.terminal-167089035-r5 { fill: #fea62b }
-.terminal-167089035-r6 { fill: #121212 }
-.terminal-167089035-r7 { fill: #f4005f }
-.terminal-167089035-r8 { fill: #000000 }
+ .terminal-2811073350-r1 { fill: #e0e0e0 }
+.terminal-2811073350-r2 { fill: #c5c8c6 }
+.terminal-2811073350-r3 { fill: #0178d4 }
+.terminal-2811073350-r4 { fill: #003054 }
+.terminal-2811073350-r5 { fill: #fea62b }
+.terminal-2811073350-r6 { fill: #121212 }
+.terminal-2811073350-r7 { fill: #ff0000 }
+.terminal-2811073350-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_textual_dev_colors_preview.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_textual_dev_colors_preview.svg
index 8662b8cc10..827c349428 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,150 +19,150 @@
font-weight: 700;
}
- .terminal-514010264-matrix {
+ .terminal-4282265730-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-514010264-title {
+ .terminal-4282265730-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-514010264-r1 { fill: #e0e0e0 }
-.terminal-514010264-r2 { fill: #c5c8c6 }
-.terminal-514010264-r3 { fill: #ddedf9;font-weight: bold }
-.terminal-514010264-r4 { fill: #797979 }
-.terminal-514010264-r5 { fill: #4f4f4f }
-.terminal-514010264-r6 { fill: #0178d4 }
-.terminal-514010264-r7 { fill: #121212 }
-.terminal-514010264-r8 { fill: #1e1e1e }
-.terminal-514010264-r9 { fill: #e1e1e1;font-weight: bold }
-.terminal-514010264-r10 { fill: #dde6f1 }
-.terminal-514010264-r11 { fill: #99b3d4 }
-.terminal-514010264-r12 { fill: #dde8f3 }
-.terminal-514010264-r13 { fill: #99badd }
-.terminal-514010264-r14 { fill: #ddeaf6 }
-.terminal-514010264-r15 { fill: #99c1e5 }
-.terminal-514010264-r16 { fill: #ddedf9 }
-.terminal-514010264-r17 { fill: #99c9ed }
-.terminal-514010264-r18 { fill: #003054 }
-.terminal-514010264-r19 { fill: #ffa62b;font-weight: bold }
-.terminal-514010264-r20 { fill: #495259 }
+ .terminal-4282265730-r1 { fill: #e0e0e0 }
+.terminal-4282265730-r2 { fill: #c5c8c6 }
+.terminal-4282265730-r3 { fill: #ddedf9;font-weight: bold }
+.terminal-4282265730-r4 { fill: #797979 }
+.terminal-4282265730-r5 { fill: #4f4f4f }
+.terminal-4282265730-r6 { fill: #0178d4 }
+.terminal-4282265730-r7 { fill: #121212 }
+.terminal-4282265730-r8 { fill: #000000 }
+.terminal-4282265730-r9 { fill: #e1e1e1;font-weight: bold }
+.terminal-4282265730-r10 { fill: #dde6f1 }
+.terminal-4282265730-r11 { fill: #99b3d4 }
+.terminal-4282265730-r12 { fill: #dde8f3 }
+.terminal-4282265730-r13 { fill: #99badd }
+.terminal-4282265730-r14 { fill: #ddeaf6 }
+.terminal-4282265730-r15 { fill: #99c1e5 }
+.terminal-4282265730-r16 { fill: #ddedf9 }
+.terminal-4282265730-r17 { fill: #99c9ed }
+.terminal-4282265730-r18 { fill: #003054 }
+.terminal-4282265730-r19 { fill: #ffa62b;font-weight: bold }
+.terminal-4282265730-r20 { fill: #495259 }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- ColorsApp
+ ColorsApp
-
+
-
-
-Theme ColorsNamed Colors
-╸━━━━━━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
-
-▊█ Theme Colors █████████▎
-▊▎
-▊primary ▎▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
-▊secondary ▎▎
-▊background ▎▎"primary"
-▊primary-background ▎▎
-▊secondary-background▎▎
-▊surface ▎▎$primary-darken-3$text-mute
-▊panel ▎▎
-▊boost ▎▎
-▊warning ▎▎$primary-darken-2$text-mute
-▊error ▎▎
-▊success ▎▎
-▊accent ▎▎$primary-darken-1$text-mute
-▊▎▎
-▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎▎
-▎$primary$text-mute
-▎
-▉
- [ Previous theme ] Next theme ▏^p palette
+
+
+Theme ColorsNamed Colors
+╸━━━━━━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+▊█ Theme Colors █████████▎
+▊▎
+▊primary ▎▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
+▊secondary ▎▎
+▊background ▎▎"primary"
+▊primary-background ▎▎
+▊secondary-background▎▎
+▊surface ▎▎$primary-darken-3$text-mute
+▊panel ▎▎
+▊boost ▎▎
+▊warning ▎▎$primary-darken-2$text-mute
+▊error ▎▎
+▊success ▎▎
+▊accent ▎▎$primary-darken-1$text-mute
+▊▎▎
+▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎▎
+▎$primary$text-mute
+▎
+▉
+ [ Previous theme ] Next theme ▏^p palette
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 623a85acb1..5cfb9d4f53 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,139 +19,139 @@
font-weight: 700;
}
- .terminal-2214966114-matrix {
+ .terminal-2591470392-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-2214966114-title {
+ .terminal-2591470392-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-2214966114-r1 { fill: #121212 }
-.terminal-2214966114-r2 { fill: #0178d4 }
-.terminal-2214966114-r3 { fill: #e0e0e0 }
-.terminal-2214966114-r4 { fill: #c5c8c6 }
-.terminal-2214966114-r5 { fill: #242f38 }
-.terminal-2214966114-r6 { fill: #000f18 }
-.terminal-2214966114-r7 { fill: #f4005f;font-weight: bold }
-.terminal-2214966114-r8 { fill: #80bbe9;font-weight: bold }
-.terminal-2214966114-r9 { fill: #830938;font-weight: bold }
-.terminal-2214966114-r10 { fill: #888888 }
+ .terminal-2591470392-r1 { fill: #121212 }
+.terminal-2591470392-r2 { fill: #0178d4 }
+.terminal-2591470392-r3 { fill: #e0e0e0 }
+.terminal-2591470392-r4 { fill: #c5c8c6 }
+.terminal-2591470392-r5 { fill: #242f38 }
+.terminal-2591470392-r6 { fill: #000f18 }
+.terminal-2591470392-r7 { fill: #f4005f;font-weight: bold }
+.terminal-2591470392-r8 { fill: #80bbe9;font-weight: bold }
+.terminal-2591470392-r9 { fill: #880909;font-weight: bold }
+.terminal-2591470392-r10 { fill: #888888 }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- CheckboxApp
+ CheckboxApp
-
+
-
- ▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎
-▊▐X▌This is just some text.▎
-▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎
-This is just some text.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+ ▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎
+▊▐X▌This is just some text.▎
+▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎
+This is just some text.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+