temp

Author: GrabowskiM

src/bundle/Resources/views/themes/standard/design-system/partials/base_input.html.twig

@@ -0,0 +1,56 @@
+{% import ids_get('design-system/macros/html') as html %}
+
+{% set size = size|default('medium') %}
+{% set type = type|default('default') %}
+{% set title = title|default('') %}
+{% set attr = attr|default({}) %}
+
+{% set ICONS_TYPE_MAP = {
+    default: 'info-circle',
+    error: 'alert-error',
+    info: 'message-bubble-info',
+    success: 'check-circle',
+    warning: 'alert-warning',
+} %}
+{% set ICONS_SIZE_MAP = {
+    medium: 'small',
+    small: 'tiny-small',
+} %}
+
+{% set classes =
+    ids_create_css_class(
+        {
+            'ids-helper-text': true,
+            ('ids-helper-text--' ~ size): true,
+            ('ids-helper-text--' ~ type): true,
+        },
+        attr
+    )
+%}
+{% set attr =
+    attr|merge({
+        class: classes,
+        title: title,
+    })
+%}
+
+<div {{ html.attributes(attr) }}>
+    {% block icon_wrapper %}
+        <div class="ids-helper-text__icon-wrapper">
+            {% block icon_content %}
+                {{ include(ids_get('design-system/components/icon') , {
+                    attr: {
+                        class: 'ids-icon ids-helper-text__icon',
+                    },
+                    name: ICONS_TYPE_MAP[type],
+                    size: ICONS_SIZE_MAP[size],
+                }) }}
+            {% endblock %}
+        </div>
+    {% endblock %}
+    {% block content_wrapper %}
+        <div class="ids-helper-text__content-wrapper">
+            {{ content|raw }}
+        </div>
+    {% endblock %}
+</div>

src/bundle/Resources/views/themes/standard/design_system/components/helper_text.html.twig

@@ -0,0 +1,28 @@
+{% import ids_get('design-system/macros/html') as html %}
+
+{% set error = error|default(false) %}
+{% set required = required|default(false) %}
+{% set title = title|default('') %}
+{% set attr = attr|default({}) %}
+
+{% set classes =
+    ids_create_css_class(
+        {
+            'ids-label': true,
+            'ids-label--error': error,
+            'ids-label--required': required,
+        },
+        attr
+    )
+%}
+{% set attr =
+    attr|merge({
+        class: classes,
+        'html-for': html_for,
+        title: title,
+    })
+%}
+
+<label {{ html.attributes(attr) }}>
+    {{ content|raw }}
+</label>