@ecl/gallery 5.0.0-alpha.15 → 5.0.0-alpha.17

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.
@@ -24,7 +24,6 @@
24
24
  {% set _css_media_class = 'ecl-gallery__slider-media-container' %}
25
25
  {% set _extra_attributes = '' %}
26
26
  {% set _button_type = 'button' %}
27
- {% set _button_variant = 'ghost' %}
28
27
  {% set _overlay = overlay|default({}) %}
29
28
  {% set _item = item|default({}) %}
30
29
 
@@ -57,7 +56,8 @@
57
56
  <header class="ecl-gallery__close" data-ecl-gallery-overlay-header>
58
57
  {% include '@ecl/button/button.html.twig' with _overlay.close|merge({
59
58
  extra_classes: 'ecl-gallery__close-button',
60
- variant: _button_variant,
59
+ variant: 'tertiary',
60
+ style: 'inverted',
61
61
  type: 'submit',
62
62
  extra_attributes: [
63
63
  { name: 'data-ecl-gallery-close' },
package/gallery.html.twig CHANGED
@@ -168,7 +168,7 @@
168
168
  {% include '@ecl/button/button.html.twig' with {
169
169
  label: _view_all_label,
170
170
  type: 'submit',
171
- variant: 'ghost',
171
+ variant: 'tertiary',
172
172
  extra_attributes: [
173
173
  { name: 'data-ecl-gallery-all' },
174
174
  { name: 'data-ecl-gallery-collapsed-label', value: _view_all_label },
package/gallery.scss CHANGED
@@ -125,10 +125,6 @@ $_description-height-desktop: 108px;
125
125
  }
126
126
  }
127
127
 
128
- .ecl-gallery__image-icon {
129
- display: none;
130
- }
131
-
132
128
  .ecl-gallery__description {
133
129
  align-items: center;
134
130
  bottom: 0;
@@ -223,16 +219,6 @@ $_description-height-desktop: 108px;
223
219
  margin: 0 auto;
224
220
  }
225
221
 
226
- .ecl-gallery__image-icon {
227
- background-color: map.get($gallery, 'description-background');
228
- bottom: 0;
229
- display: block;
230
- fill: $_description-color;
231
- padding: var(--s-s);
232
- position: absolute;
233
- right: 0;
234
- }
235
-
236
222
  .ecl-gallery__footer {
237
223
  align-items: center;
238
224
  flex-direction: row;
@@ -324,13 +310,7 @@ $_description-height-desktop: 108px;
324
310
  }
325
311
 
326
312
  .ecl-gallery__close-button {
327
- color: #fff;
328
313
  margin: var(--s-xs);
329
-
330
- &:focus-visible {
331
- border-color: #fff;
332
- color: #fff;
333
- }
334
314
  }
335
315
 
336
316
  .ecl-gallery__controls {
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@ecl/gallery",
3
3
  "author": "European Commission",
4
4
  "license": "EUPL-1.2",
5
- "version": "5.0.0-alpha.15",
5
+ "version": "5.0.0-alpha.17",
6
6
  "description": "ECL Gallery",
7
7
  "publishConfig": {
8
8
  "access": "public"
@@ -11,12 +11,12 @@
11
11
  "module": "gallery.js",
12
12
  "style": "gallery.scss",
13
13
  "dependencies": {
14
- "@ecl/button": "5.0.0-alpha.15",
15
- "@ecl/dom-utils": "5.0.0-alpha.15",
16
- "@ecl/icon": "5.0.0-alpha.15",
17
- "@ecl/link": "5.0.0-alpha.15",
18
- "@ecl/picture": "5.0.0-alpha.15",
19
- "@ecl/video": "5.0.0-alpha.15",
14
+ "@ecl/button": "5.0.0-alpha.17",
15
+ "@ecl/dom-utils": "5.0.0-alpha.17",
16
+ "@ecl/icon": "5.0.0-alpha.17",
17
+ "@ecl/link": "5.0.0-alpha.17",
18
+ "@ecl/picture": "5.0.0-alpha.17",
19
+ "@ecl/video": "5.0.0-alpha.17",
20
20
  "focus-trap": "7.6.5"
21
21
  },
22
22
  "repository": {
@@ -33,5 +33,5 @@
33
33
  "design-system",
34
34
  "twig"
35
35
  ],
36
- "gitHead": "6004e147f949c0fbb2278650d59a1b8c249653c5"
36
+ "gitHead": "9f3b8df2dd9b9abc25aacbd0aa68f324da01fa3e"
37
37
  }