Feat(web-twig): Introduce UNSAFE_Divider component #DS-1302

Please use it with caution.

packages/web-twig/src/Resources/components/UNSAFE_Divider/README.md

@@ -0,0 +1,9 @@
+# UNSAFE Divider
+
+⚠️ This component is UNSAFE and there could be breaking changes in the future. Please use it with caution.
+
+Basic example usage:
+
+```twig
+<UNSAFE_Divider />
+```

packages/web-twig/src/Resources/components/UNSAFE_Divider/UNSAFE_Divider.stories.twig

@@ -0,0 +1,9 @@
+{% extends 'layout/plain.html.twig' %}
+
+{% block content %}
+
+    <DocsSection title="Default" stackAlignment="stretch">
+        {% include '@components/UNSAFE_Divider/stories/DividerDefault.twig' %}
+    </DocsSection>
+
+{% endblock %}

packages/web-twig/src/Resources/components/UNSAFE_Divider/UNSAFE_Divider.twig

@@ -0,0 +1,15 @@
+{# API #}
+{%- set props = props | default([]) -%}
+
+{# Class names #}
+{%- set _rootClassName = _spiritClassPrefix ~ 'UNSAFE_Divider' -%}
+
+{# Miscellaneous #}
+{%- set _styleProps = useStyleProps(props) -%}
+{%- set _classNames = [ _rootClassName, _styleProps.className ] -%}
+
+<hr
+    {{ mainProps(props) }}
+    {{ styleProp(_styleProps) }}
+    {{ classProp(_classNames) }}
+>

packages/web-twig/src/Resources/components/UNSAFE_Divider/stories/DividerDefault.twig

@@ -0,0 +1 @@
+<UNSAFE_Divider />

packages/web-twig/src/Resources/twig-components/unsafe_divider.twig

@@ -0,0 +1 @@
+{% extends '@spirit/UNSAFE_Divider/UNSAFE_Divider.twig' %}