@prom-ui/core 2.2.0 → 2.3.0

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

@@ -1 +1,368 @@
-.PhotoGallery__scrolling___q1DKc{overflow:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}.PhotoGallery__scrolling___q1DKc::-webkit-scrollbar{display:none}.PhotoGallery__root___KiBKq{position:fixed;left:50%;top:50%;width:100%;height:100%;transform:translate(-50%,-50%);background:var(--white);z-index:1000;overflow:hidden}.PhotoGallery__layout___JBDok{display:flex;flex-direction:column;height:100%}.PhotoGallery__layoutHeader___tVG4b{padding:var(--pds-spacing-l) var(--pds-spacing-m)}.PhotoGallery__layoutContent___O43ff{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}.PhotoGallery__layoutFooter___Gz4gH{box-sizing:border-box;min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto;max-height:50%}.PhotoGallery__layoutSection___CvZb6{flex:1;min-width:0;min-height:0}.PhotoGallery__layoutPreviews___-hzyv{align-self:center;padding:var(--pds-spacing-m)0;min-width:0;min-height:0;max-width:100%}.PhotoGallery__layoutAdditional___mR5-f{box-sizing:border-box;min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto;max-height:50%}.PhotoGallery__headerTitle___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)}.PhotoGallery__headerClose___qdl3x{position:absolute;right:0;top:0;margin:var(--pds-spacing-m)}.PhotoGallery__mainPhotoScrollControls___PeY3Y{height:100%;width:100%}.PhotoGallery__mainPhoto___QIMHy{display:flex;flex-wrap:nowrap;min-width:0;scroll-snap-type:x mandatory;width:100%;height:100%}.PhotoGallery__mainPhotoItem___aZCyk{scroll-snap-align:center;scroll-snap-stop:always;flex:0 0 auto;width:100%;min-width:0;max-width:100%;overflow:hidden}.PhotoGallery__mainPhotoItem___aZCyk+.PhotoGallery__mainPhotoItem___aZCyk{margin-left:var(--pds-spacing-m)}.PhotoGallery__mainPhotoImage___2aEr5{display:block;outline:0;border:0;max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.PhotoGallery__mainPhotoIframe___kThdT{width:100%;height:100%;border:0}.PhotoGallery__preview___F-k0z{display:flex;flex-wrap:nowrap;flex-direction:row;box-sizing:border-box;max-height:100%;max-width:100%;min-width:0}.PhotoGallery__previewItem___jf683{flex:0 0 auto;box-sizing:border-box;min-width:0;min-height:0}.PhotoGallery__previewItem___jf683:first-child{padding-left:var(--pds-spacing-m)}.PhotoGallery__previewItem___jf683:last-child{padding-right:var(--pds-spacing-m)}.PhotoGallery__previewItem___jf683+.PhotoGallery__previewItem___jf683{margin-left:var(--pds-spacing-xs)}.PhotoGallery__previewButton___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}.PhotoGallery__previewButton___VAXOP:disabled{border-color:var(--violet-500)}.PhotoGallery__previewImage___Mx2Y-{display:block;outline:0;border:0;max-width:100%;max-height:100%;-o-object-fit:cover;object-fit:cover}.PhotoGallery__videoPlayLabel___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}.PhotoGallery__videoPlayLabelIcon___wSdjd{width:100%;height:100%;min-width:10px;min-height:10px;max-width:16px;max-height:16px}.PhotoGallery__enter___Lnosr,.PhotoGallery__exit___NW-xY{pointer-events:auto}.PhotoGallery__enterActive___LrirU,.PhotoGallery__exitActive___L6st-{pointer-events:none;transition:transform 240ms cubic-bezier(0,0,.2,1) 0ms,opacity 240ms cubic-bezier(0,0,.2,1) 0ms}.PhotoGallery__enter___Lnosr{transform:translate(-50%,100%);opacity:0}.PhotoGallery__enterActive___LrirU{transform:translate(-50%,-50%);opacity:1}.PhotoGallery__exit___NW-xY{transform:translate(-50%,-50%);opacity:1}.PhotoGallery__exitActive___L6st-{transform:translate(-50%,100%);opacity:0}@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:400;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}.PhotoGallery__enterActive___LrirU{transform:translate(-50%,-50%);opacity:1}.PhotoGallery__exit___NW-xY{transform:translate(-50%,-50%);opacity:1}.PhotoGallery__exitActive___L6st-{transform:translate(-50%,-46%);opacity:0}}
+.PhotoGallery__scrolling___q1DKc {
+    overflow: auto;
+    -webkit-overflow-scrolling: touch;
+    -ms-overflow-style: none;
+    scrollbar-width: none;
+}
+
+.PhotoGallery__scrolling___q1DKc::-webkit-scrollbar {
+        display: none;
+    }
+
+.PhotoGallery__root___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) {
+    .PhotoGallery__root___KiBKq {
+        max-width: 80%;
+        max-height: 80%;
+        border-radius: var(--pds-round-m);
+    }
+}
+
+/* layout */
+
+.PhotoGallery__layout___JBDok {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+}
+
+.PhotoGallery__layoutHeader___tVG4b {
+    padding: var(--pds-spacing-l) var(--pds-spacing-m);
+}
+
+.PhotoGallery__layoutContent___O43ff {
+    flex: 1;
+    min-width: 0;
+    min-height: 0;
+    display: flex;
+    flex-direction: column;
+}
+
+.PhotoGallery__layoutFooter___Gz4gH {
+    box-sizing: border-box;
+    min-width: 0;
+    min-height: 0;
+    overflow-x: hidden;
+    overflow-y: auto;
+    max-height: 50%;
+}
+
+.PhotoGallery__layoutSection___CvZb6 {
+    flex: 1;
+    min-width: 0;
+    min-height: 0;
+}
+
+.PhotoGallery__layoutPreviews___-hzyv {
+    align-self: center;
+    padding: var(--pds-spacing-m) 0;
+    min-width: 0;
+    min-height: 0;
+    max-width: 100%;
+}
+
+.PhotoGallery__layoutAdditional___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) {
+    .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 {
+}
+
+.PhotoGallery__headerTitle___QiOEy {
+    display: block;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    text-align: center;
+    font-size: var(--pds-font-size-h3);
+    font-weight: bold;
+    line-height: 24px;
+    padding-right: var(--pds-spacing-5xl);
+    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;
+    top: 0;
+    margin: var(--pds-spacing-m);
+}
+
+/* MainPhotos.tsx */
+
+.PhotoGallery__mainPhotoScrollControls___PeY3Y {
+    height: 100%;
+    width: 100%;
+}
+
+.PhotoGallery__mainPhoto___QIMHy {
+    display: flex;
+    flex-wrap: nowrap;
+    min-width: 0;
+    scroll-snap-type: x mandatory;
+    width: 100%;
+    height: 100%;
+}
+
+.PhotoGallery__mainPhotoItem___aZCyk {
+    scroll-snap-align: center;
+    scroll-snap-stop: always;
+    flex: 0 0 auto;
+    width: 100%;
+    min-width: 0;
+    max-width: 100%;
+    overflow: hidden;
+}
+
+.PhotoGallery__mainPhotoItem___aZCyk + .PhotoGallery__mainPhotoItem___aZCyk {
+        margin-left: var(--pds-spacing-m);
+    }
+
+.PhotoGallery__mainPhotoImage___2aEr5 {
+    display: block;
+    outline: none;
+    border: 0;
+    max-width: 100%;
+    max-height: 100%;
+    -o-object-fit: contain;
+       object-fit: contain;
+}
+
+.PhotoGallery__mainPhotoIframe___kThdT {
+    width: 100%;
+    height: 100%;
+    border: 0;
+}
+
+/* PreviewPhotos.tsx */
+
+.PhotoGallery__preview___F-k0z {
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: row;
+    box-sizing: border-box;
+    max-height: 100%;
+    max-width: 100%;
+    min-width: 0;
+}
+
+.PhotoGallery__previewItem___jf683 {
+    flex: 0 0 auto;
+    box-sizing: border-box;
+    min-width: 0;
+    min-height: 0;
+}
+
+.PhotoGallery__previewItem___jf683:first-child {
+        padding-left: var(--pds-spacing-m);
+    }
+
+.PhotoGallery__previewItem___jf683:last-child {
+        padding-right: var(--pds-spacing-m);
+    }
+
+.PhotoGallery__previewItem___jf683 + .PhotoGallery__previewItem___jf683 {
+        margin-left: var(--pds-spacing-xs);
+    }
+
+.PhotoGallery__previewButton___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;
+}
+
+.PhotoGallery__previewButton___VAXOP:disabled {
+        border-color: var(--violet-500);
+    }
+
+.PhotoGallery__previewImage___Mx2Y- {
+    display: block;
+    outline: none;
+    border: 0;
+    max-width: 100%;
+    max-height: 100%;
+    -o-object-fit: cover;
+       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 {
+    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;
+}
+
+.PhotoGallery__videoPlayLabelIcon___wSdjd {
+    width: 100%;
+    height: 100%;
+    min-width: 10px;
+    min-height: 10px;
+    max-width: 16px;
+    max-height: 16px;
+}
+
+/* animation */
+
+.PhotoGallery__enter___Lnosr,
+.PhotoGallery__exit___NW-xY {
+    pointer-events: auto;
+}
+
+.PhotoGallery__enterActive___LrirU,
+.PhotoGallery__exitActive___L6st- {
+    pointer-events: none;
+    transition:
+        transform 240ms cubic-bezier(0, 0, 0.2, 1) 0ms,
+        opacity 240ms cubic-bezier(0, 0, 0.2, 1) 0ms;
+}
+
+.PhotoGallery__enter___Lnosr {
+    transform: translate(-50%, 100%);
+    opacity: 0;
+}
+
+.PhotoGallery__enterActive___LrirU {
+    transform: translate(-50%, -50%);
+    opacity: 1;
+}
+
+.PhotoGallery__exit___NW-xY {
+    transform: translate(-50%, -50%);
+    opacity: 1;
+}
+
+.PhotoGallery__exitActive___L6st- {
+    transform: translate(-50%, 100%);
+    opacity: 0;
+}
+
+@media only screen and (min-width: 960px) {
+    .PhotoGallery__enter___Lnosr {
+        transform: translate(-50%, -46%);
+        opacity: 0;
+    }
+
+    .PhotoGallery__enterActive___LrirU {
+        transform: translate(-50%, -50%);
+        opacity: 1;
+    }
+
+    .PhotoGallery__exit___NW-xY {
+        transform: translate(-50%, -50%);
+        opacity: 1;
+    }
+
+    .PhotoGallery__exitActive___L6st- {
+        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}.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%}.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: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}._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}}
+.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}}

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}.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%}.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: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}.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}}
+.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}}

package/PhotoGallery/package.json

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