UI Suite monthly meeting
Tuesday 14 Mar. 2023
What the heck is UI Suite?
A cohesive but independent set of modules to implement full Design Systems while preserving and improving the Drupal site building experience.
Agenda
UI Suite�(shared subjects)
💡 Add links to plugin definitions
#3336495 Like Categories, a shared subject.
It is already common to put URL in plugins descriptions:
blockquote:� label: "Blockquote"� description: "For quoting blocks of content from another source within your document. https://getbootstrap.com/docs/4.6/content/typography/#blockquotes"� fields: {}
How can we make this more useful? 2 proposals (which can be mixed):
Pending
💡 Move admin toolbar links
Issue: #3339666
In admin toolbar, do we move Patterns, Styles & Examples libraries links from “Reports” to “Appearance”?
Pending
UI Patterns
Welcome Sharique
New maintainer of Display Suite sub module. Still waiting its access :)
2 missions:
Released since last meeting
XXXX
PIERRE
💡 Rethink patterns previews
Issue: #3336654
Proposal 1: previews variations�Add a new section in the YML definition called previews which would allow to set as many previews as we need.
Proposal 2: previews declarations�Use the unused types of the fields to provide them provide them an easy way to declare the preview values.
Proposal 3: previews usage�Add preview fields override & selecting a specific preview in pattern_preview() Twig function
Share your thoughts
Reviews & merge
https://www.drupal.org/project/ui_patterns/issues/3335833
Ecosystem consolidation
#3342949 Merge ui_patterns_views_style into ui_patterns_views
We need help for the hook_update and the unit test.
Do you know patterns have tags?
💡 UI Patterns 2.0
Issue: #3344518
Just brainstorming for now. We are not planning a compatibility break yet.
Don’t be afraid of proposing crazy stuff.
UI Patterns ecosystem
Released since last meeting
UI Patterns Entity Links 8.x-1.2 released 18 February 2023 �Better ui_patterns_settings compatibility
Security coverage
UI Patterns Blocks > No stable release yet
UI Patterns Pattern Block > No stable release yet
UI Patterns Entity Links > Not covered (pdureau)
UI Patterns Field Formatters > Covered
UI Patterns Flag > No stable release yet
UI Patterns Layout Builder > Covered
UI Patterns Views Style > Covered
UI Patterns Settings > Covered
UI Patterns Decoupled > No stable release yet
Component blocks > Covered
Component Schema > No stable release yet
Pending
D10 compatibility of the ecosystem
UI Patterns Blocks > Not compatible yet (nedjo)
UI Patterns Pattern Block > Not compatible yet (Christian.wiedemann)�UI Patterns Entity Links > Compatible�UI Patterns Field Formatters > Compatible
UI Patterns Flag > Not compatible yet (pdureau)
UI Patterns Layout Builder> Compatible
UI Patterns Views Style > Compatible
UI Patterns Decoupled > No release yet
UI Patterns Settings > Compatible
Component blocks > Compatible
Component Schema > Not compatible yet (nedjo
Pending
UI Styles
Released since last meeting
ui_styles_paragraphs
The first UI Styles ecosystem module :)
Generate Paragraph Behaviour plugin(s).
1.0.0-alpha1 released 13 March 2023
Demo next month?
UI Styles Views demo
By Florent
UI Styles Ckeditor5 demo
By Florent
Style options module
https://www.drupal.org/project/style_options
Created after UI Styles, inspired by Layout Options :) Plugins declared in YML file. So, follows the “UI Suite” philosophy. No library page.
Declaration: more complex so maybe more powerful (with context & plugin class override)�Integration with layouts plugin: a bit rigid�“Your layouts will need to reference the provided layout plugin, or a custom class that inherits from the provided layout plugin.”�Integration with paragraph types.
Maintainers not contacted yet. May be an inspiration for next UI Styles releases.
Pending
Centralized styles in theme
Layout builder
Views
Ckeditor5
Paragraphs
Layout Options
Next steps
#3335426 : Remove the use of layout.getRegionNames() method in templates�That may mean: One template per layout.
Layout Options is already very similar to UI Patterns:
It will be even closer with this change. We didn’t merge it with UI Patterns until now because of [#3075939] Allow layouts to provide dynamic regions
Pending
UI Skins
The new module
Global CSS Variables
Themes
Page layout
WIP
TODO
TODO
Released since last meeting
Still in alpha and already rising 🚀
Next steps
#3335428 : Themes/Modes: plugin declaration proposal�Complicated subject :)
Pending
UI Examples
Released since last meeting
Next steps
We need to find a way to make those declaration simpler while still using the render API:
Pending
Next steps
We need to find a way to provide form examples:
Currently in UI Suite Bootstrap: https://git.drupalcode.org/project/ui_suite_bootstrap/-/blob/5.0.x/doc/Forms.md
This will be better to have live examples.
Pending
Themes�(Public implementations)
DSFR (French Gov)
1.0.0-beta1 released on 10 March:
Official announcement and call to contributors soon
Community
Drupal And Design Systems
diffy.website/blog/drupal-design-systems
Published on 7 March 2023
From Yuriy Gerasimov, which has an issue credit on UI Suite Bootstrap
Migration to d.o: Disable github issue
It is still possible to create issues: https://github.com/nuvoleweb/ui_patterns/issues �2 issues since the migration:
Thanks Michael which took care of it:
Is it possible to disable (read-only) without deleting? Currently checking with Antonio.
Pending
UI Suite as a community initiative?
The ones not driven by Dries.
/community-initiatives/proposing-initiatives :
Current community initiatives:
Past successful community initiative:
Pending
We are looking for help
ui_styles:
ui_patterns:
Slack channel
Report will be available here