@openeuropa/bcl-theme-default 0.26.0 → 0.27.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/icons/bcl-default-icons.svg +1 -1
- package/js/oe-bcl-default.bundle.js +60 -49
- package/js/oe-bcl-default.bundle.js.map +1 -1
- package/js/oe-bcl-default.bundle.min.js +1 -1
- package/js/oe-bcl-default.bundle.min.js.map +1 -1
- package/js/oe-bcl-default.umd.js +60 -49
- package/js/oe-bcl-default.umd.js.map +1 -1
- package/js/oe-bcl-default.umd.min.js +1 -1
- package/js/oe-bcl-default.umd.min.js.map +1 -1
- package/package.json +5 -5
- package/src/icons/icons.js +2 -0
- package/templates/bcl-accordion/accordion.html.twig +2 -2
- package/templates/bcl-alert/alert.html.twig +2 -2
- package/templates/bcl-badge/badge.html.twig +2 -2
- package/templates/bcl-banner/banner.html.twig +2 -2
- package/templates/bcl-base-templates/content-type.html.twig +2 -2
- package/templates/bcl-blockquote/blockquote.html.twig +2 -2
- package/templates/bcl-breadcrumb/breadcrumb.html.twig +2 -2
- package/templates/bcl-button/button.html.twig +2 -2
- package/templates/bcl-button-group/button-group.html.twig +2 -2
- package/templates/bcl-card/card.html.twig +2 -2
- package/templates/bcl-card-layout/card-layout.html.twig +2 -2
- package/templates/bcl-carousel/carousel.html.twig +2 -2
- package/templates/bcl-content-banner/content-banner.html.twig +2 -2
- package/templates/bcl-date-block/date-block.html.twig +2 -2
- package/templates/bcl-description-list/description-list.html.twig +87 -85
- package/templates/bcl-dropdown/dropdown.html.twig +2 -2
- package/templates/bcl-fact-figures/fact-figures.html.twig +2 -2
- package/templates/bcl-featured-media/featured-media.html.twig +2 -2
- package/templates/bcl-file/file.html.twig +2 -2
- package/templates/bcl-footer/footer.html.twig +2 -2
- package/templates/bcl-form/form.html.twig +2 -2
- package/templates/bcl-form-input/form-input.html.twig +2 -2
- package/templates/bcl-gallery/gallery.html.twig +2 -2
- package/templates/bcl-header/header.html.twig +2 -2
- package/templates/bcl-heading/heading.html.twig +2 -2
- package/templates/bcl-icon/icon.html.twig +2 -2
- package/templates/bcl-inpage-navigation/inpage-navigation.html.twig +2 -2
- package/templates/bcl-language-list/language-list-grid.html.twig +2 -2
- package/templates/bcl-language-list/language-list.html.twig +2 -2
- package/templates/bcl-language-switcher/language-switcher.html.twig +2 -2
- package/templates/bcl-link/link.html.twig +2 -2
- package/templates/bcl-links-block/links-block.html.twig +2 -2
- package/templates/bcl-list-group/list-group.html.twig +2 -2
- package/templates/bcl-listing/listing.html.twig +2 -2
- package/templates/bcl-modal/modal.html.twig +2 -2
- package/templates/bcl-navbar/navbar.html.twig +2 -2
- package/templates/bcl-navigation/navigation.html.twig +4 -4
- package/templates/bcl-offcanvas/offcanvas.html.twig +2 -2
- package/templates/bcl-pagination/pagination.html.twig +2 -2
- package/templates/bcl-placeholder/placeholder.html.twig +2 -2
- package/templates/bcl-progress/progress.html.twig +2 -2
- package/templates/bcl-project/project-lists.html.twig +2 -2
- package/templates/bcl-project-status/project-contributions.html.twig +2 -2
- package/templates/bcl-project-status/project-status.html.twig +2 -2
- package/templates/bcl-recent-activities/recent-activities.html.twig +2 -2
- package/templates/bcl-search-form/search-form.html.twig +2 -2
- package/templates/bcl-section/section.html.twig +41 -0
- package/templates/bcl-select/select.html.twig +2 -2
- package/templates/bcl-spinner/spinner.html.twig +2 -2
- package/templates/bcl-subscription-block/subscription-block.html.twig +2 -2
- package/templates/bcl-table/table.html.twig +2 -2
- package/templates/bcl-textarea/textarea.html.twig +2 -2
- package/templates/bcl-timeline/timeline.html.twig +2 -2
- package/templates/bcl-toast/toasts.html.twig +2 -2
- package/templates/bcl-user/user-compact.html.twig +22 -14
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "@openeuropa/bcl-theme-default",
|
|
3
3
|
"author": "European Commission",
|
|
4
4
|
"license": "EUPL-1.2",
|
|
5
|
-
"version": "0.
|
|
5
|
+
"version": "0.27.0",
|
|
6
6
|
"description": "OE - BCL theme default",
|
|
7
7
|
"scripts": {
|
|
8
8
|
"align-templates": "lerna --scope \"@openeuropa/bcl-twig-templates\" run prepublish",
|
|
@@ -21,9 +21,9 @@
|
|
|
21
21
|
"@ecl/resources-ec-logo": "3.4.0",
|
|
22
22
|
"@ecl/resources-eu-logo": "3.4.0",
|
|
23
23
|
"@ecl/resources-flag-icons": "3.4.0",
|
|
24
|
-
"@openeuropa/bcl-bootstrap": "^0.
|
|
25
|
-
"@openeuropa/bcl-builder": "^0.
|
|
26
|
-
"@openeuropa/bcl-twig-templates": "^0.
|
|
24
|
+
"@openeuropa/bcl-bootstrap": "^0.27.0",
|
|
25
|
+
"@openeuropa/bcl-builder": "^0.27.0",
|
|
26
|
+
"@openeuropa/bcl-twig-templates": "^0.27.0",
|
|
27
27
|
"copyfiles": "2.4.1",
|
|
28
28
|
"cross-env": "7.0.3",
|
|
29
29
|
"glob": "8.0.3",
|
|
@@ -48,5 +48,5 @@
|
|
|
48
48
|
"design-system",
|
|
49
49
|
"twig"
|
|
50
50
|
],
|
|
51
|
-
"gitHead": "
|
|
51
|
+
"gitHead": "1ab38cd93a2d4c52119fcc6a2f7cc56ceaa95dbf"
|
|
52
52
|
}
|
package/src/icons/icons.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
{% spaceless %}
|
|
1
|
+
{% apply spaceless %}
|
|
2
2
|
|
|
3
3
|
{#
|
|
4
4
|
Parameters:
|
|
@@ -71,115 +71,117 @@
|
|
|
71
71
|
<div
|
|
72
72
|
{{ attributes }}
|
|
73
73
|
>
|
|
74
|
+
<dl>
|
|
74
75
|
{% for _item in _items %}
|
|
75
76
|
{% if loop.last and _variant != 'horizontal' %}
|
|
76
77
|
{% set _item_classes = '' %}
|
|
77
78
|
{% endif %}
|
|
78
79
|
{% if _item.term is not empty %}
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
80
|
+
<div
|
|
81
|
+
{% if _item_classes is not empty %}
|
|
82
|
+
class="{{ _item_classes }}"
|
|
83
|
+
{% endif %}
|
|
84
|
+
>
|
|
85
|
+
{% if _item.term is iterable %}
|
|
86
|
+
<dt>
|
|
87
|
+
{% for _term in _item.term %}
|
|
88
|
+
{%- if _item.term|length > 1 -%}
|
|
89
|
+
<div
|
|
90
|
+
{% if _variant == 'horizontal' and _term.icon is not empty %}
|
|
91
|
+
class="d-flex"
|
|
92
|
+
{% endif %}
|
|
93
|
+
>
|
|
94
|
+
{%- endif -%}
|
|
95
|
+
{%- if _term.icon is not empty -%}
|
|
96
|
+
{% set _icon_classes = ["me-2"] %}
|
|
97
|
+
{% if _variant == 'horizontal' %}
|
|
98
|
+
{% set _icon_classes = _icon_classes|merge(["mt-1"]) %}
|
|
99
|
+
{% endif %}
|
|
100
|
+
{% include '@oe-bcl/bcl-icon/icon.html.twig' with _term.icon|merge({
|
|
101
|
+
attributes: create_attribute().addClass(_icon_classes)
|
|
102
|
+
}) only %}
|
|
103
|
+
<p class="mb-0 d-inline-block">{{ _term.label }}</p>
|
|
104
|
+
{%- elseif _term.color is not empty -%}
|
|
105
|
+
<div class="d-flex align-items-center">
|
|
106
|
+
<span class="p-2 me-2 d-inline-block rounded-1 {{ _term.color }}"></span>{{- _term.label -}}
|
|
107
|
+
</div>
|
|
108
|
+
{%- else -%}
|
|
109
|
+
{{- _term.label -}}
|
|
110
|
+
{%- endif -%}
|
|
111
|
+
{% if _item.term|length > 1 %}
|
|
112
|
+
</div>
|
|
113
|
+
{% endif %}
|
|
114
|
+
{% endfor %}
|
|
115
|
+
</dt>
|
|
116
|
+
{% else %}
|
|
117
|
+
<dt
|
|
118
|
+
{% if _variant == 'horizontal' and _item.term.icon is not empty %}
|
|
119
|
+
class="d-flex"
|
|
120
|
+
{% endif %}
|
|
92
121
|
>
|
|
93
|
-
{%-
|
|
94
|
-
{%- if _term.icon is not empty -%}
|
|
122
|
+
{%- if _item.term.icon is not empty -%}
|
|
95
123
|
{% set _icon_classes = ["me-2"] %}
|
|
96
124
|
{% if _variant == 'horizontal' %}
|
|
97
125
|
{% set _icon_classes = _icon_classes|merge(["mt-1"]) %}
|
|
98
126
|
{% endif %}
|
|
99
|
-
{
|
|
127
|
+
{%- include '@oe-bcl/bcl-icon/icon.html.twig' with _item.term.icon|merge({
|
|
100
128
|
attributes: create_attribute().addClass(_icon_classes)
|
|
101
|
-
}) only
|
|
102
|
-
<p class="mb-0 d-inline-block">{{
|
|
103
|
-
{%- elseif
|
|
129
|
+
}) only -%}
|
|
130
|
+
<p class="mb-0 d-inline-block">{{ _item.term.label }}</p>
|
|
131
|
+
{%- elseif _item.term.color is not empty -%}
|
|
104
132
|
<div class="d-flex align-items-center">
|
|
105
|
-
<span class="p-2 me-2 d-inline-block rounded-1 {{
|
|
133
|
+
<span class="p-2 me-2 d-inline-block rounded-1 {{ _item.term.color }}"></span>{{- _item.term.label -}}
|
|
106
134
|
</div>
|
|
107
135
|
{%- else -%}
|
|
108
|
-
{{-
|
|
136
|
+
{{- _item.term.label -}}
|
|
109
137
|
{%- endif -%}
|
|
110
|
-
|
|
111
|
-
</div>
|
|
138
|
+
</dt>
|
|
112
139
|
{% endif %}
|
|
113
|
-
{% endfor %}
|
|
114
|
-
</dt>
|
|
115
|
-
{% else %}
|
|
116
|
-
<dt
|
|
117
|
-
{% if _variant == 'horizontal' and _item.term.icon is not empty %}
|
|
118
|
-
class="d-flex"
|
|
119
|
-
{% endif %}
|
|
120
|
-
>
|
|
121
|
-
{%- if _item.term.icon is not empty -%}
|
|
122
|
-
{% set _icon_classes = ["me-2"] %}
|
|
123
|
-
{% if _variant == 'horizontal' %}
|
|
124
|
-
{% set _icon_classes = _icon_classes|merge(["mt-1"]) %}
|
|
125
|
-
{% endif %}
|
|
126
|
-
{%- include '@oe-bcl/bcl-icon/icon.html.twig' with _item.term.icon|merge({
|
|
127
|
-
attributes: create_attribute().addClass(_icon_classes)
|
|
128
|
-
}) only -%}
|
|
129
|
-
<p class="mb-0 d-inline-block">{{ _item.term.label }}</p>
|
|
130
|
-
{%- elseif _item.term.color is not empty -%}
|
|
131
|
-
<div class="d-flex align-items-center">
|
|
132
|
-
<span class="p-2 me-2 d-inline-block rounded-1 {{ _item.term.color }}"></span>{{- _item.term.label -}}
|
|
133
|
-
</div>
|
|
134
|
-
{%- else -%}
|
|
135
|
-
{{- _item.term.label -}}
|
|
136
|
-
{%- endif -%}
|
|
137
|
-
</dt>
|
|
138
140
|
{% endif %}
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
141
|
+
{% if _item.definition is not empty %}
|
|
142
|
+
{% if _item.definition is iterable %}
|
|
143
|
+
{% if _variant == 'horizontal' %}
|
|
144
|
+
<dd
|
|
145
|
+
{% if _bordered %}
|
|
146
|
+
class="mb-0"
|
|
147
|
+
{% endif %}
|
|
148
|
+
>
|
|
149
|
+
{% endif %}
|
|
150
|
+
{% for _definition in _item.definition %}
|
|
151
|
+
{% if _variant == 'horizontal' %}<div>{% else %}<dd>{% endif %}
|
|
152
|
+
{%- if _definition.button is defined -%}
|
|
153
|
+
{% include '@oe-bcl/bcl-button/button.html.twig' with _definition.button only %}
|
|
154
|
+
{%- elseif _definition.link is defined %}
|
|
155
|
+
{% include '@oe-bcl/bcl-link/link.html.twig' with _definition.link only -%}
|
|
156
|
+
{%- else -%}
|
|
157
|
+
{%- if _definition.icon is defined -%}
|
|
158
|
+
{%- set _icon_classes = ["me-2"] -%}
|
|
159
|
+
{%- include '@oe-bcl/bcl-icon/icon.html.twig' with _definition.icon|merge({
|
|
160
|
+
attributes: create_attribute().addClass(_icon_classes)
|
|
161
|
+
}) only -%}
|
|
162
|
+
<p class="mb-0 d-inline-block">{{ _definition.label }}</p>
|
|
163
|
+
{%- else -%}
|
|
164
|
+
{{- _definition.label -}}
|
|
165
|
+
{%- endif -%}
|
|
166
|
+
{%- endif -%}
|
|
167
|
+
{% if _variant == 'horizontal' %}</div>{% else %}</dd>{% endif %}
|
|
168
|
+
{% endfor %}
|
|
169
|
+
{% if _variant == 'horizontal' %}
|
|
170
|
+
</dd>
|
|
171
|
+
{% endif %}
|
|
172
|
+
{% else %}
|
|
143
173
|
<dd
|
|
144
174
|
{% if _bordered %}
|
|
145
175
|
class="mb-0"
|
|
146
176
|
{% endif %}
|
|
147
177
|
>
|
|
148
|
-
|
|
149
|
-
{% for _definition in _item.definition %}
|
|
150
|
-
{% if _variant == 'horizontal' %}<div>{% else %}<dd>{% endif %}
|
|
151
|
-
{%- if _definition.button is defined -%}
|
|
152
|
-
{% include '@oe-bcl/bcl-button/button.html.twig' with _definition.button only %}
|
|
153
|
-
{%- elseif _definition.link is defined %}
|
|
154
|
-
{% include '@oe-bcl/bcl-link/link.html.twig' with _definition.link only -%}
|
|
155
|
-
{%- else -%}
|
|
156
|
-
{%- if _definition.icon is defined -%}
|
|
157
|
-
{%- set _icon_classes = ["me-2"] -%}
|
|
158
|
-
{%- include '@oe-bcl/bcl-icon/icon.html.twig' with _definition.icon|merge({
|
|
159
|
-
attributes: create_attribute().addClass(_icon_classes)
|
|
160
|
-
}) only -%}
|
|
161
|
-
<p class="mb-0 d-inline-block">{{ _definition.label }}</p>
|
|
162
|
-
{%- else -%}
|
|
163
|
-
{{- _definition.label -}}
|
|
164
|
-
{%- endif -%}
|
|
165
|
-
{%- endif -%}
|
|
166
|
-
{% if _variant == 'horizontal' %}</div>{% else %}</dd>{% endif %}
|
|
167
|
-
{% endfor %}
|
|
168
|
-
{% if _variant == 'horizontal' %}
|
|
178
|
+
{%- block definition _item.definition -%}
|
|
169
179
|
</dd>
|
|
170
180
|
{% endif %}
|
|
171
|
-
|
|
172
|
-
<dd
|
|
173
|
-
{% if _bordered %}
|
|
174
|
-
class="mb-0"
|
|
175
|
-
{% endif %}
|
|
176
|
-
>
|
|
177
|
-
{%- block definition _item.definition -%}
|
|
178
|
-
</dd>
|
|
179
|
-
{% endif %}
|
|
180
|
-
</dl>
|
|
181
|
+
</div>
|
|
181
182
|
{% endif %}
|
|
182
183
|
{% endfor %}
|
|
184
|
+
</dl>
|
|
183
185
|
</div>
|
|
184
186
|
|
|
185
|
-
{%
|
|
187
|
+
{% endapply %}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
{% spaceless %}
|
|
1
|
+
{% apply spaceless %}
|
|
2
2
|
|
|
3
3
|
{# Parameters:
|
|
4
4
|
- variant (string) (default: 'neutral')
|
|
@@ -110,4 +110,4 @@
|
|
|
110
110
|
{% include '@oe-bcl/bcl-language-list/language-list.html.twig' with _language_modal only %}
|
|
111
111
|
{% endif %}
|
|
112
112
|
|
|
113
|
-
{%
|
|
113
|
+
{% endapply %}
|