@ecl/gallery 5.0.0-RC1 → 5.0.0-RC3

package/gallery-print.scss

@@ -90,7 +90,7 @@ $gallery-print: null !default;
   vertical-align: text-bottom;
   width: calc(100% - (#{map.get($theme, 'spacing-print', 'xs')} * 2));
   bottom: 0;
-  left: 0;
+  inset-inline-start: 0;
   position: absolute;
 }
 
@@ -121,7 +121,7 @@ $gallery-print: null !default;
   display: none;
   flex-direction: column;
   height: 100%;
-  left: 0;
+  inset-inline-start: 0;
   margin: 0;
   max-height: 100vh;
   max-width: 100%;

package/gallery.scss

@@ -61,18 +61,13 @@ $_description-height-desktop: 108px;
   display: none;
   justify-content: center;
   position: absolute;
-  right: 0.25rem;
+  inset-inline-end: 0.25rem;
   top: 0.25rem;
   border-radius: map.get($theme, 'border-radius', 's');
   width: 2rem;
   height: 2rem;
   pointer-events: none;
   z-index: 1;
-
-  &:dir(rtl) {
-    left: 0.25rem;
-    right: auto;
-  }
 }
 
 .ecl-gallery:not(.ecl-gallery--no-overlay)
@@ -157,7 +152,7 @@ $_description-height-desktop: 108px;
   background-color: map.get($gallery, 'description-background');
   color: $_description-color;
   font: map.get($gallery, 'description-font');
-  left: 0;
+  inset-inline-start: 0;
   overflow: hidden;
   padding: var(--s-2xs) var(--s-xs);
   pointer-events: none;
@@ -213,7 +208,7 @@ $_description-height-desktop: 108px;
 }
 
 .ecl-gallery__footer-link {
-  text-align: right;
+  text-align: end;
   margin-top: var(--s-s);
   width: 100%;
 }
@@ -271,17 +266,16 @@ $_description-height-desktop: 108px;
 
   .ecl-gallery--full-width {
     border-radius: 0;
-    left: 50%;
-    margin-inline-start: -50vw;
+    margin-inline: calc(50% - 50vw);
     position: relative;
     width: 100vw;
 
     .ecl-gallery__footer-link {
-      margin-inline-start: ar(--s-m);
+      margin-inline-start: var(--s-m);
     }
 
     .ecl-gallery__view-all {
-      margin-inline-end: ar(--s-m);
+      margin-inline-end: var(--s-m);
     }
   }
 }
@@ -312,7 +306,7 @@ $_description-height-desktop: 108px;
   display: none;
   flex-direction: column;
   height: 100%;
-  left: 0;
+  inset-inline-start: 0;
   margin: 0;
   max-height: 100vh;
   max-width: 100%;
@@ -431,8 +425,7 @@ $_description-height-desktop: 108px;
 
 .ecl-gallery__detail-counter {
   align-self: center;
-  border-left: 1px solid #fff;
-  border-right: 1px solid #fff;
+  border-inline: 1px solid #fff;
   display: inline-flex;
   margin: 0;
   padding: 0 var(--s-xs);

package/package.json

@@ -2,7 +2,7 @@
   "name": "@ecl/gallery",
   "author": "European Commission",
   "license": "EUPL-1.2",
-  "version": "5.0.0-RC1",
+  "version": "5.0.0-RC3",
   "description": "ECL Gallery",
   "publishConfig": {
     "access": "public"
@@ -11,13 +11,17 @@
   "module": "gallery.js",
   "style": "gallery.scss",
   "dependencies": {
-    "@ecl/button": "5.0.0-RC1",
-    "@ecl/dom-utils": "5.0.0-RC1",
-    "@ecl/icon": "5.0.0-RC1",
-    "@ecl/link": "5.0.0-RC1",
-    "@ecl/picture": "5.0.0-RC1",
-    "@ecl/video": "5.0.0-RC1",
-    "focus-trap": "8.0.0"
+    "@ecl/button": "5.0.0-RC3",
+    "@ecl/dom-utils": "5.0.0-RC3",
+    "@ecl/icon": "5.0.0-RC3",
+    "@ecl/link": "5.0.0-RC3",
+    "@ecl/picture": "5.0.0-RC3",
+    "@ecl/video": "5.0.0-RC3",
+    "focus-trap": "8.0.1"
+  },
+  "devDependencies": {
+    "@ecl/grid": "5.0.0-RC3",
+    "@ecl/utility-screen-reader": "5.0.0-RC3"
   },
   "repository": {
     "type": "git",
@@ -33,5 +37,5 @@
     "design-system",
     "twig"
   ],
-  "gitHead": "37e722adb0ccb8c8102f14f67647fbd4e406ca98"
+  "gitHead": "83f271fac12538193d99ae7444c5cbd3ab2c40a5"
 }