@prom-ui/core 2.3.0 → 2.4.0

package/PhotoGallery/cjs/style.development.css

@@ -21,14 +21,6 @@
     overflow: hidden;
 }
 
-@media only screen and (min-width: 960px) {
-    .PhotoGallery__root___nJWgH {
-        max-width: 80%;
-        max-height: 80%;
-        border-radius: var(--pds-round-m);
-    }
-}
-
 /* layout */
 
 .PhotoGallery__layout___BDoOb {
@@ -41,6 +33,11 @@
     padding: var(--pds-spacing-l) var(--pds-spacing-m);
 }
 
+.PhotoGallery__slotLayoutHeader___KxMxT {
+    display: block;
+    padding: 0;
+}
+
 .PhotoGallery__layoutContent___C-jWr {
     flex: 1;
     min-width: 0;
@@ -62,6 +59,18 @@
     flex: 1;
     min-width: 0;
     min-height: 0;
+    display: flex;
+    flex-direction: column;
+}
+
+.PhotoGallery__layoutSectionContent___WPu-a {
+    flex: 1;
+    min-width: 0;
+    min-height: 0;
+}
+
+.PhotoGallery__layoutSectionFooter___G5FaN {
+    display: block;
 }
 
 .PhotoGallery__layoutPreviews___gQFQR {
@@ -81,41 +90,6 @@
     max-height: 50%;
 }
 
-@media only screen and (min-width: 960px) {
-    .PhotoGallery__layoutHeader___iNVA1 {
-        padding: var(--pds-spacing-3xl);
-    }
-
-    .PhotoGallery__layoutContent___C-jWr {
-        flex-direction: row;
-        padding: 0 var(--pds-spacing-3xl) var(--pds-spacing-3xl);
-    }
-
-    .PhotoGallery__layoutSection___3FXm5 {
-        order: 2;
-    }
-
-    .PhotoGallery__layoutPreviews___gQFQR {
-        align-self: flex-start;
-        order: 1;
-        padding: 0;
-        margin-right: var(--pds-spacing-xl);
-        height: 100%;
-    }
-
-    .PhotoGallery__layoutAdditional___pw0QV {
-        order: 3;
-        margin-left: var(--pds-spacing-xl);
-        height: 100%;
-        max-height: none;
-        max-width: 50%;
-    }
-
-    .PhotoGallery__layoutFooter___MQh-L {
-        margin: 0 var(--pds-spacing-3xl) var(--pds-spacing-3xl);
-    }
-}
-
 /* header */
 
 .PhotoGallery__header___meCSL {
@@ -134,16 +108,6 @@
     padding-left: var(--pds-spacing-5xl);
 }
 
-@media only screen and (min-width: 960px) {
-
-.PhotoGallery__headerTitle___NpSWI {
-        padding-left: 0;
-        text-align: left;
-        font-weight: normal;
-        font-size: var(--pds-font-size-h2);
-}
-    }
-
 .PhotoGallery__headerClose___-B9Zg {
     position: absolute;
     right: 0;
@@ -233,7 +197,7 @@
     position: relative;
     overflow: hidden;
     border-radius: var(--pds-round-m);
-    border: 1px solid var(--black-400);
+    border: 2px solid var(--black-400);
     -webkit-tap-highlight-color: transparent;
     cursor: pointer;
     -webkit-user-select: none;
@@ -258,24 +222,6 @@
        object-fit: cover;
 }
 
-@media only screen and (min-width: 960px) {
-    .PhotoGallery__preview___86-3f {
-        flex-direction: column;
-    }
-        .PhotoGallery__previewItem___gnB8m:first-child {
-            padding-left: 0;
-        }
-
-        .PhotoGallery__previewItem___gnB8m:last-child {
-            padding-right: 0;
-        }
-
-        .PhotoGallery__previewItem___gnB8m + .PhotoGallery__previewItem___gnB8m {
-            margin-left: 0;
-            margin-top: var(--pds-spacing-xs);
-        }
-}
-
 /* video */
 
 .PhotoGallery__videoPlayLabel___2kU58 {
@@ -346,6 +292,65 @@
 }
 
 @media only screen and (min-width: 960px) {
+    .PhotoGallery__root___nJWgH {
+        max-width: 80%;
+        max-height: 80%;
+        border-radius: var(--pds-round-m);
+    }
+    .PhotoGallery__layoutHeader___iNVA1 {
+        padding: var(--pds-spacing-3xl);
+    }
+
+    .PhotoGallery__layoutContent___C-jWr {
+        flex-direction: row;
+        padding: 0 var(--pds-spacing-3xl) var(--pds-spacing-3xl);
+    }
+
+    .PhotoGallery__layoutSection___3FXm5 {
+        order: 2;
+    }
+
+    .PhotoGallery__layoutPreviews___gQFQR {
+        align-self: flex-start;
+        order: 1;
+        padding: 0;
+        margin-right: var(--pds-spacing-xl);
+        height: 100%;
+    }
+
+    .PhotoGallery__layoutAdditional___pw0QV {
+        order: 3;
+        margin-left: var(--pds-spacing-xl);
+        height: 100%;
+        max-height: none;
+        max-width: 50%;
+    }
+
+    .PhotoGallery__layoutFooter___MQh-L {
+        margin: 0 var(--pds-spacing-3xl) var(--pds-spacing-3xl);
+    }
+
+.PhotoGallery__headerTitle___NpSWI {
+        padding-left: 0;
+        text-align: left;
+        font-weight: normal;
+        font-size: var(--pds-font-size-h2);
+}
+    .PhotoGallery__preview___86-3f {
+        flex-direction: column;
+    }
+        .PhotoGallery__previewItem___gnB8m:first-child {
+            padding-left: 0;
+        }
+
+        .PhotoGallery__previewItem___gnB8m:last-child {
+            padding-right: 0;
+        }
+
+        .PhotoGallery__previewItem___gnB8m + .PhotoGallery__previewItem___gnB8m {
+            margin-left: 0;
+            margin-top: var(--pds-spacing-xs);
+        }
     .PhotoGallery__enter___sM8Qu {
         transform: translate(-50%, -46%);
         opacity: 0;

package/PhotoGallery/cjs/style.development.v2.css

@@ -21,14 +21,6 @@
     overflow: hidden;
 }
 
-@media only screen and (min-width: 960px) {
-    .PhotoGallery__root___KiBKq {
-        max-width: 80%;
-        max-height: 80%;
-        border-radius: var(--pds-round-m);
-    }
-}
-
 /* layout */
 
 .PhotoGallery__layout___JBDok {
@@ -41,6 +33,11 @@
     padding: var(--pds-spacing-l) var(--pds-spacing-m);
 }
 
+.PhotoGallery__slotLayoutHeader___8R2r5 {
+    display: block;
+    padding: 0;
+}
+
 .PhotoGallery__layoutContent___O43ff {
     flex: 1;
     min-width: 0;
@@ -62,6 +59,18 @@
     flex: 1;
     min-width: 0;
     min-height: 0;
+    display: flex;
+    flex-direction: column;
+}
+
+.PhotoGallery__layoutSectionContent___2TSDW {
+    flex: 1;
+    min-width: 0;
+    min-height: 0;
+}
+
+.PhotoGallery__layoutSectionFooter___LTbHF {
+    display: block;
 }
 
 .PhotoGallery__layoutPreviews___-hzyv {
@@ -81,41 +90,6 @@
     max-height: 50%;
 }
 
-@media only screen and (min-width: 960px) {
-    .PhotoGallery__layoutHeader___tVG4b {
-        padding: var(--pds-spacing-3xl);
-    }
-
-    .PhotoGallery__layoutContent___O43ff {
-        flex-direction: row;
-        padding: 0 var(--pds-spacing-3xl) var(--pds-spacing-3xl);
-    }
-
-    .PhotoGallery__layoutSection___CvZb6 {
-        order: 2;
-    }
-
-    .PhotoGallery__layoutPreviews___-hzyv {
-        align-self: flex-start;
-        order: 1;
-        padding: 0;
-        margin-right: var(--pds-spacing-xl);
-        height: 100%;
-    }
-
-    .PhotoGallery__layoutAdditional___mR5-f {
-        order: 3;
-        margin-left: var(--pds-spacing-xl);
-        height: 100%;
-        max-height: none;
-        max-width: 50%;
-    }
-
-    .PhotoGallery__layoutFooter___Gz4gH {
-        margin: 0 var(--pds-spacing-3xl) var(--pds-spacing-3xl);
-    }
-}
-
 /* header */
 
 .PhotoGallery__header___xfAad {
@@ -134,16 +108,6 @@
     padding-left: var(--pds-spacing-5xl);
 }
 
-@media only screen and (min-width: 960px) {
-
-.PhotoGallery__headerTitle___QiOEy {
-        padding-left: 0;
-        text-align: left;
-        font-weight: normal;
-        font-size: var(--pds-font-size-h2);
-}
-    }
-
 .PhotoGallery__headerClose___qdl3x {
     position: absolute;
     right: 0;
@@ -233,7 +197,7 @@
     position: relative;
     overflow: hidden;
     border-radius: var(--pds-round-m);
-    border: 1px solid var(--black-400);
+    border: 2px solid var(--black-400);
     -webkit-tap-highlight-color: transparent;
     cursor: pointer;
     -webkit-user-select: none;
@@ -258,24 +222,6 @@
        object-fit: cover;
 }
 
-@media only screen and (min-width: 960px) {
-    .PhotoGallery__preview___F-k0z {
-        flex-direction: column;
-    }
-        .PhotoGallery__previewItem___jf683:first-child {
-            padding-left: 0;
-        }
-
-        .PhotoGallery__previewItem___jf683:last-child {
-            padding-right: 0;
-        }
-
-        .PhotoGallery__previewItem___jf683 + .PhotoGallery__previewItem___jf683 {
-            margin-left: 0;
-            margin-top: var(--pds-spacing-xs);
-        }
-}
-
 /* video */
 
 .PhotoGallery__videoPlayLabel___jQiDN {
@@ -346,6 +292,65 @@
 }
 
 @media only screen and (min-width: 960px) {
+    .PhotoGallery__root___KiBKq {
+        max-width: 80%;
+        max-height: 80%;
+        border-radius: var(--pds-round-m);
+    }
+    .PhotoGallery__layoutHeader___tVG4b {
+        padding: var(--pds-spacing-3xl);
+    }
+
+    .PhotoGallery__layoutContent___O43ff {
+        flex-direction: row;
+        padding: 0 var(--pds-spacing-3xl) var(--pds-spacing-3xl);
+    }
+
+    .PhotoGallery__layoutSection___CvZb6 {
+        order: 2;
+    }
+
+    .PhotoGallery__layoutPreviews___-hzyv {
+        align-self: flex-start;
+        order: 1;
+        padding: 0;
+        margin-right: var(--pds-spacing-xl);
+        height: 100%;
+    }
+
+    .PhotoGallery__layoutAdditional___mR5-f {
+        order: 3;
+        margin-left: var(--pds-spacing-xl);
+        height: 100%;
+        max-height: none;
+        max-width: 50%;
+    }
+
+    .PhotoGallery__layoutFooter___Gz4gH {
+        margin: 0 var(--pds-spacing-3xl) var(--pds-spacing-3xl);
+    }
+
+.PhotoGallery__headerTitle___QiOEy {
+        padding-left: 0;
+        text-align: left;
+        font-weight: normal;
+        font-size: var(--pds-font-size-h2);
+}
+    .PhotoGallery__preview___F-k0z {
+        flex-direction: column;
+    }
+        .PhotoGallery__previewItem___jf683:first-child {
+            padding-left: 0;
+        }
+
+        .PhotoGallery__previewItem___jf683:last-child {
+            padding-right: 0;
+        }
+
+        .PhotoGallery__previewItem___jf683 + .PhotoGallery__previewItem___jf683 {
+            margin-left: 0;
+            margin-top: var(--pds-spacing-xs);
+        }
     .PhotoGallery__enter___Lnosr {
         transform: translate(-50%, -46%);
         opacity: 0;

package/PhotoGallery/cjs/style.production.css

@@ -1 +1 @@
-.BeLzR{overflow:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}.BeLzR::-webkit-scrollbar{display:none}.nJWgH{position:fixed;left:50%;top:50%;width:100%;height:100%;transform:translate(-50%,-50%);background:var(--white);z-index:1000;overflow:hidden}@media only screen and (min-width:960px){.nJWgH{max-width:80%;max-height:80%;border-radius:var(--pds-round-m)}}.BDoOb{display:flex;flex-direction:column;height:100%}.iNVA1{padding:var(--pds-spacing-l) var(--pds-spacing-m)}.C-jWr{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}.MQh-L{box-sizing:border-box;min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto;max-height:50%}._3FXm5{flex:1;min-width:0;min-height:0}.gQFQR{align-self:center;padding:var(--pds-spacing-m)0;min-width:0;min-height:0;max-width:100%}.pw0QV{box-sizing:border-box;min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto;max-height:50%}@media only screen and (min-width:960px){.iNVA1{padding:var(--pds-spacing-3xl)}.C-jWr{flex-direction:row;padding:0 var(--pds-spacing-3xl) var(--pds-spacing-3xl)}._3FXm5{order:2}.gQFQR{align-self:flex-start;order:1;padding:0;margin-right:var(--pds-spacing-xl);height:100%}.pw0QV{order:3;margin-left:var(--pds-spacing-xl);height:100%;max-height:none;max-width:50%}.MQh-L{margin:0 var(--pds-spacing-3xl) var(--pds-spacing-3xl)}}.NpSWI{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-size:var(--pds-font-size-h3);font-weight:700;line-height:24px;padding-right:var(--pds-spacing-5xl);padding-left:var(--pds-spacing-5xl)}@media only screen and (min-width:960px){.NpSWI{padding-left:0;text-align:left;font-weight:400;font-size:var(--pds-font-size-h2)}}.-B9Zg{position:absolute;right:0;top:0;margin:var(--pds-spacing-m)}.ckcap{height:100%;width:100%}.-r4WP{display:flex;flex-wrap:nowrap;min-width:0;scroll-snap-type:x mandatory;width:100%;height:100%}.Q7wDI{scroll-snap-align:center;scroll-snap-stop:always;flex:0 0 auto;width:100%;min-width:0;max-width:100%;overflow:hidden}.Q7wDI+.Q7wDI{margin-left:var(--pds-spacing-m)}.NrcBT{display:block;outline:0;border:0;max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.kObZY{width:100%;height:100%;border:0}._86-3f{display:flex;flex-wrap:nowrap;flex-direction:row;box-sizing:border-box;max-height:100%;max-width:100%;min-width:0}.gnB8m{flex:0 0 auto;box-sizing:border-box;min-width:0;min-height:0}.gnB8m:first-child{padding-left:var(--pds-spacing-m)}.gnB8m:last-child{padding-right:var(--pds-spacing-m)}.gnB8m+.gnB8m{margin-left:var(--pds-spacing-xs)}.L4PR-{display:block;position:relative;overflow:hidden;border-radius:var(--pds-round-m);border:1px solid var(--black-400);-webkit-tap-highlight-color:transparent;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.L4PR-:disabled{border-color:var(--violet-500)}._8dsDI{display:block;outline:0;border:0;max-width:100%;max-height:100%;-o-object-fit:cover;object-fit:cover}@media only screen and (min-width:960px){._86-3f{flex-direction:column}.gnB8m:first-child{padding-left:0}.gnB8m:last-child{padding-right:0}.gnB8m+.gnB8m{margin-left:0;margin-top:var(--pds-spacing-xs)}}._2kU58{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:var(--black-100);width:45%;height:45%;min-width:24px;min-height:24px;max-width:48px;max-height:48px;display:flex;align-items:center;justify-content:center;color:var(--black-900);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.WR7T8{width:100%;height:100%;min-width:10px;min-height:10px;max-width:16px;max-height:16px}.sM8Qu,.veHZr{pointer-events:auto}.VP4oy,.AMPJ3{pointer-events:none;transition:transform 240ms cubic-bezier(0,0,.2,1) 0ms,opacity 240ms cubic-bezier(0,0,.2,1) 0ms}.sM8Qu{transform:translate(-50%,100%);opacity:0}.VP4oy{transform:translate(-50%,-50%);opacity:1}.veHZr{transform:translate(-50%,-50%);opacity:1}.AMPJ3{transform:translate(-50%,100%);opacity:0}@media only screen and (min-width:960px){.sM8Qu{transform:translate(-50%,-46%);opacity:0}.VP4oy{transform:translate(-50%,-50%);opacity:1}.veHZr{transform:translate(-50%,-50%);opacity:1}.AMPJ3{transform:translate(-50%,-46%);opacity:0}}
+.BeLzR{overflow:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}.BeLzR::-webkit-scrollbar{display:none}.nJWgH{position:fixed;left:50%;top:50%;width:100%;height:100%;transform:translate(-50%,-50%);background:var(--white);z-index:1000;overflow:hidden}.BDoOb{display:flex;flex-direction:column;height:100%}.iNVA1{padding:var(--pds-spacing-l) var(--pds-spacing-m)}.KxMxT{display:block;padding:0}.C-jWr{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}.MQh-L{box-sizing:border-box;min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto;max-height:50%}._3FXm5{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}.WPu-a{flex:1;min-width:0;min-height:0}.G5FaN{display:block}.gQFQR{align-self:center;padding:var(--pds-spacing-m)0;min-width:0;min-height:0;max-width:100%}.pw0QV{box-sizing:border-box;min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto;max-height:50%}.NpSWI{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-size:var(--pds-font-size-h3);font-weight:700;line-height:24px;padding-right:var(--pds-spacing-5xl);padding-left:var(--pds-spacing-5xl)}.-B9Zg{position:absolute;right:0;top:0;margin:var(--pds-spacing-m)}.ckcap{height:100%;width:100%}.-r4WP{display:flex;flex-wrap:nowrap;min-width:0;scroll-snap-type:x mandatory;width:100%;height:100%}.Q7wDI{scroll-snap-align:center;scroll-snap-stop:always;flex:0 0 auto;width:100%;min-width:0;max-width:100%;overflow:hidden}.Q7wDI+.Q7wDI{margin-left:var(--pds-spacing-m)}.NrcBT{display:block;outline:0;border:0;max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.kObZY{width:100%;height:100%;border:0}._86-3f{display:flex;flex-wrap:nowrap;flex-direction:row;box-sizing:border-box;max-height:100%;max-width:100%;min-width:0}.gnB8m{flex:0 0 auto;box-sizing:border-box;min-width:0;min-height:0}.gnB8m:first-child{padding-left:var(--pds-spacing-m)}.gnB8m:last-child{padding-right:var(--pds-spacing-m)}.gnB8m+.gnB8m{margin-left:var(--pds-spacing-xs)}.L4PR-{display:block;position:relative;overflow:hidden;border-radius:var(--pds-round-m);border:2px solid var(--black-400);-webkit-tap-highlight-color:transparent;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.L4PR-:disabled{border-color:var(--violet-500)}._8dsDI{display:block;outline:0;border:0;max-width:100%;max-height:100%;-o-object-fit:cover;object-fit:cover}._2kU58{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:var(--black-100);width:45%;height:45%;min-width:24px;min-height:24px;max-width:48px;max-height:48px;display:flex;align-items:center;justify-content:center;color:var(--black-900);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.WR7T8{width:100%;height:100%;min-width:10px;min-height:10px;max-width:16px;max-height:16px}.sM8Qu,.veHZr{pointer-events:auto}.VP4oy,.AMPJ3{pointer-events:none;transition:transform 240ms cubic-bezier(0,0,.2,1) 0ms,opacity 240ms cubic-bezier(0,0,.2,1) 0ms}.sM8Qu{transform:translate(-50%,100%);opacity:0}.VP4oy{transform:translate(-50%,-50%);opacity:1}.veHZr{transform:translate(-50%,-50%);opacity:1}.AMPJ3{transform:translate(-50%,100%);opacity:0}@media only screen and (min-width:960px){.nJWgH{max-width:80%;max-height:80%;border-radius:var(--pds-round-m)}.iNVA1{padding:var(--pds-spacing-3xl)}.C-jWr{flex-direction:row;padding:0 var(--pds-spacing-3xl) var(--pds-spacing-3xl)}._3FXm5{order:2}.gQFQR{align-self:flex-start;order:1;padding:0;margin-right:var(--pds-spacing-xl);height:100%}.pw0QV{order:3;margin-left:var(--pds-spacing-xl);height:100%;max-height:none;max-width:50%}.MQh-L{margin:0 var(--pds-spacing-3xl) var(--pds-spacing-3xl)}.NpSWI{padding-left:0;text-align:left;font-weight:400;font-size:var(--pds-font-size-h2)}._86-3f{flex-direction:column}.gnB8m:first-child{padding-left:0}.gnB8m:last-child{padding-right:0}.gnB8m+.gnB8m{margin-left:0;margin-top:var(--pds-spacing-xs)}.sM8Qu{transform:translate(-50%,-46%);opacity:0}.VP4oy{transform:translate(-50%,-50%);opacity:1}.veHZr{transform:translate(-50%,-50%);opacity:1}.AMPJ3{transform:translate(-50%,-46%);opacity:0}}

package/PhotoGallery/cjs/style.production.v2.css

@@ -1 +1 @@
-.q1DKc{overflow:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}.q1DKc::-webkit-scrollbar{display:none}.KiBKq{position:fixed;left:50%;top:50%;width:100%;height:100%;transform:translate(-50%,-50%);background:var(--white);z-index:1000;overflow:hidden}@media only screen and (min-width:960px){.KiBKq{max-width:80%;max-height:80%;border-radius:var(--pds-round-m)}}.JBDok{display:flex;flex-direction:column;height:100%}.tVG4b{padding:var(--pds-spacing-l) var(--pds-spacing-m)}.O43ff{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}.Gz4gH{box-sizing:border-box;min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto;max-height:50%}.CvZb6{flex:1;min-width:0;min-height:0}.-hzyv{align-self:center;padding:var(--pds-spacing-m)0;min-width:0;min-height:0;max-width:100%}.mR5-f{box-sizing:border-box;min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto;max-height:50%}@media only screen and (min-width:960px){.tVG4b{padding:var(--pds-spacing-3xl)}.O43ff{flex-direction:row;padding:0 var(--pds-spacing-3xl) var(--pds-spacing-3xl)}.CvZb6{order:2}.-hzyv{align-self:flex-start;order:1;padding:0;margin-right:var(--pds-spacing-xl);height:100%}.mR5-f{order:3;margin-left:var(--pds-spacing-xl);height:100%;max-height:none;max-width:50%}.Gz4gH{margin:0 var(--pds-spacing-3xl) var(--pds-spacing-3xl)}}.QiOEy{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-size:var(--pds-font-size-h3);font-weight:700;line-height:24px;padding-right:var(--pds-spacing-5xl);padding-left:var(--pds-spacing-5xl)}@media only screen and (min-width:960px){.QiOEy{padding-left:0;text-align:left;font-weight:400;font-size:var(--pds-font-size-h2)}}.qdl3x{position:absolute;right:0;top:0;margin:var(--pds-spacing-m)}.PeY3Y{height:100%;width:100%}.QIMHy{display:flex;flex-wrap:nowrap;min-width:0;scroll-snap-type:x mandatory;width:100%;height:100%}.aZCyk{scroll-snap-align:center;scroll-snap-stop:always;flex:0 0 auto;width:100%;min-width:0;max-width:100%;overflow:hidden}.aZCyk+.aZCyk{margin-left:var(--pds-spacing-m)}._2aEr5{display:block;outline:0;border:0;max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.kThdT{width:100%;height:100%;border:0}.F-k0z{display:flex;flex-wrap:nowrap;flex-direction:row;box-sizing:border-box;max-height:100%;max-width:100%;min-width:0}.jf683{flex:0 0 auto;box-sizing:border-box;min-width:0;min-height:0}.jf683:first-child{padding-left:var(--pds-spacing-m)}.jf683:last-child{padding-right:var(--pds-spacing-m)}.jf683+.jf683{margin-left:var(--pds-spacing-xs)}.VAXOP{display:block;position:relative;overflow:hidden;border-radius:var(--pds-round-m);border:1px solid var(--black-400);-webkit-tap-highlight-color:transparent;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.VAXOP:disabled{border-color:var(--violet-500)}.Mx2Y-{display:block;outline:0;border:0;max-width:100%;max-height:100%;-o-object-fit:cover;object-fit:cover}@media only screen and (min-width:960px){.F-k0z{flex-direction:column}.jf683:first-child{padding-left:0}.jf683:last-child{padding-right:0}.jf683+.jf683{margin-left:0;margin-top:var(--pds-spacing-xs)}}.jQiDN{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:var(--black-100);width:45%;height:45%;min-width:24px;min-height:24px;max-width:48px;max-height:48px;display:flex;align-items:center;justify-content:center;color:var(--black-900);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.wSdjd{width:100%;height:100%;min-width:10px;min-height:10px;max-width:16px;max-height:16px}.Lnosr,.NW-xY{pointer-events:auto}.LrirU,.L6st-{pointer-events:none;transition:transform 240ms cubic-bezier(0,0,.2,1) 0ms,opacity 240ms cubic-bezier(0,0,.2,1) 0ms}.Lnosr{transform:translate(-50%,100%);opacity:0}.LrirU{transform:translate(-50%,-50%);opacity:1}.NW-xY{transform:translate(-50%,-50%);opacity:1}.L6st-{transform:translate(-50%,100%);opacity:0}@media only screen and (min-width:960px){.Lnosr{transform:translate(-50%,-46%);opacity:0}.LrirU{transform:translate(-50%,-50%);opacity:1}.NW-xY{transform:translate(-50%,-50%);opacity:1}.L6st-{transform:translate(-50%,-46%);opacity:0}}
+.q1DKc{overflow:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}.q1DKc::-webkit-scrollbar{display:none}.KiBKq{position:fixed;left:50%;top:50%;width:100%;height:100%;transform:translate(-50%,-50%);background:var(--white);z-index:1000;overflow:hidden}.JBDok{display:flex;flex-direction:column;height:100%}.tVG4b{padding:var(--pds-spacing-l) var(--pds-spacing-m)}._8R2r5{display:block;padding:0}.O43ff{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}.Gz4gH{box-sizing:border-box;min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto;max-height:50%}.CvZb6{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}._2TSDW{flex:1;min-width:0;min-height:0}.LTbHF{display:block}.-hzyv{align-self:center;padding:var(--pds-spacing-m)0;min-width:0;min-height:0;max-width:100%}.mR5-f{box-sizing:border-box;min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto;max-height:50%}.QiOEy{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-size:var(--pds-font-size-h3);font-weight:700;line-height:24px;padding-right:var(--pds-spacing-5xl);padding-left:var(--pds-spacing-5xl)}.qdl3x{position:absolute;right:0;top:0;margin:var(--pds-spacing-m)}.PeY3Y{height:100%;width:100%}.QIMHy{display:flex;flex-wrap:nowrap;min-width:0;scroll-snap-type:x mandatory;width:100%;height:100%}.aZCyk{scroll-snap-align:center;scroll-snap-stop:always;flex:0 0 auto;width:100%;min-width:0;max-width:100%;overflow:hidden}.aZCyk+.aZCyk{margin-left:var(--pds-spacing-m)}._2aEr5{display:block;outline:0;border:0;max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.kThdT{width:100%;height:100%;border:0}.F-k0z{display:flex;flex-wrap:nowrap;flex-direction:row;box-sizing:border-box;max-height:100%;max-width:100%;min-width:0}.jf683{flex:0 0 auto;box-sizing:border-box;min-width:0;min-height:0}.jf683:first-child{padding-left:var(--pds-spacing-m)}.jf683:last-child{padding-right:var(--pds-spacing-m)}.jf683+.jf683{margin-left:var(--pds-spacing-xs)}.VAXOP{display:block;position:relative;overflow:hidden;border-radius:var(--pds-round-m);border:2px solid var(--black-400);-webkit-tap-highlight-color:transparent;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.VAXOP:disabled{border-color:var(--violet-500)}.Mx2Y-{display:block;outline:0;border:0;max-width:100%;max-height:100%;-o-object-fit:cover;object-fit:cover}.jQiDN{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:var(--black-100);width:45%;height:45%;min-width:24px;min-height:24px;max-width:48px;max-height:48px;display:flex;align-items:center;justify-content:center;color:var(--black-900);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.wSdjd{width:100%;height:100%;min-width:10px;min-height:10px;max-width:16px;max-height:16px}.Lnosr,.NW-xY{pointer-events:auto}.LrirU,.L6st-{pointer-events:none;transition:transform 240ms cubic-bezier(0,0,.2,1) 0ms,opacity 240ms cubic-bezier(0,0,.2,1) 0ms}.Lnosr{transform:translate(-50%,100%);opacity:0}.LrirU{transform:translate(-50%,-50%);opacity:1}.NW-xY{transform:translate(-50%,-50%);opacity:1}.L6st-{transform:translate(-50%,100%);opacity:0}@media only screen and (min-width:960px){.KiBKq{max-width:80%;max-height:80%;border-radius:var(--pds-round-m)}.tVG4b{padding:var(--pds-spacing-3xl)}.O43ff{flex-direction:row;padding:0 var(--pds-spacing-3xl) var(--pds-spacing-3xl)}.CvZb6{order:2}.-hzyv{align-self:flex-start;order:1;padding:0;margin-right:var(--pds-spacing-xl);height:100%}.mR5-f{order:3;margin-left:var(--pds-spacing-xl);height:100%;max-height:none;max-width:50%}.Gz4gH{margin:0 var(--pds-spacing-3xl) var(--pds-spacing-3xl)}.QiOEy{padding-left:0;text-align:left;font-weight:400;font-size:var(--pds-font-size-h2)}.F-k0z{flex-direction:column}.jf683:first-child{padding-left:0}.jf683:last-child{padding-right:0}.jf683+.jf683{margin-left:0;margin-top:var(--pds-spacing-xs)}.Lnosr{transform:translate(-50%,-46%);opacity:0}.LrirU{transform:translate(-50%,-50%);opacity:1}.NW-xY{transform:translate(-50%,-50%);opacity:1}.L6st-{transform:translate(-50%,-46%);opacity:0}}

package/PhotoGallery/components/SlotContainer.d.ts

@@ -1,10 +1,16 @@
 import * as React from 'react';
 export type SlotContainerProps = {
     selectedIndex: number;
+    itemsLength: number;
     className?: string;
+    onClose: () => void;
     slotProps: {
         props?: React.ComponentPropsWithoutRef<'div'>;
-        children: (selectedIndex: number) => React.ReactNode;
+        component: React.FC<{
+            selectedIndex: number;
+            itemsLength: number;
+            onClose: () => void;
+        }>;
     };
 };
 export declare const SlotContainer: React.FC<SlotContainerProps>;

package/PhotoGallery/index.d.ts

@@ -21,7 +21,9 @@ export type PhotoGalleryProps = {
     }[];
     /** Размещением по z-оси */
     zIndex?: number;
+    slotHeader?: SlotContainerProps['slotProps'];
     slotAside?: SlotContainerProps['slotProps'];
     slotFooter?: SlotContainerProps['slotProps'];
+    slotMainPhotoFooter?: SlotContainerProps['slotProps'];
 };
 export declare const PhotoGallery: React.FC<PhotoGalleryProps>;

package/PhotoGallery/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/PhotoGallery",
-  "version": "2.3.0",
+  "version": "2.4.0",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [