Add an inline/minimal input mode to Bard

[jacksleight]

Closes statamic/ideas#893. Targets the master branch as this requires Tiptap 2.

This PR adds an inline/minimal input mode to Bard. This allows you to create single line Text-like fields but with formatting and links:

CleanShot.2022-10-28.at.10.07.36.mp4

When augmented only inline HTML is output:

An inline bard <strong>field with</strong> <a href="#">floating</a> toolbar

Notes

Tiptap 2 can support root text nodes, however a temporary paragraph is used as a wrapper during editing because the CP CSS and some extensions (eg. placeholder) expect/target paragraphs.

You can switch between inline and block modes seamlessly. Going from block to inline will only retain the first node’s content.

There are a bunch of features (sets, lists, images etc) that don’t make sense in this mode and won’t work. The fieldtype could switch them off, but to keep things simple I’ve left it to the user to configure the field appropriately. If they are enabled the buttons just do nothing.

[what-the-diff]

• Added a new config option to allow inline elements only.
• Updated the Document extension to support both block and inline modes, as well as wrapping/unwrapping values when switching between them.
• Made some minor CSS changes for better styling of Bard in an inline mode (elements are now 22px tall).

[jacksleight]

I think the tests should be fine, looks like Windows has just fallen over.

[jasonvarga]

Ah yeah that's a github workflow thing we fixed in 3.3 but hasn't been merged into master. I'll sort that out.

[jasonvarga]

I've updated the master branch if you wouldn't mind merging it back in here and testing it out again.

[jacksleight]

Yep all good now.

[sjclark]

LOVE THIS, will officially negate all sorts of stupid hacks I do to circumvent fat fields; my favourite being using square brackets with

{{ hero_heading | regex_replace="\[|<span class='text-rose-550'>" | regex_replace="\]|</span>" }}

Thanks @jacksleight 🔥