@prom-ui/core 2.2.0 → 2.3.0

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

@@ -1 +1,228 @@
-.Scroll__ek-scroll___NXXzp{display:flex;flex-wrap:nowrap;flex-direction:row;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;list-style:none;padding:0;margin:0;box-sizing:border-box}.Scroll__ek-scroll___NXXzp::after,.Scroll__ek-scroll___NXXzp::before{content:"";align-self:normal}.Scroll__ek-scroll__item___UI2VC{margin:0;padding:0;flex:0 0 auto;box-sizing:border-box}.Scroll__ek-scroll__item_blackhole_width-fit-content___YaPDT{width:-moz-fit-content;width:fit-content}.Scroll__ek-scroll__item_blackhole_width-max-content___zz-b1{width:-moz-max-content;width:max-content}.Scroll__ek-scroll_padding_xxs___VKmZq{scroll-padding-left:var(--pds-spacing-xxs);scroll-padding-right:var(--pds-spacing-xxs)}.Scroll__ek-scroll_padding_xxs___VKmZq::after,.Scroll__ek-scroll_padding_xxs___VKmZq::before{flex:0 0 var(--pds-spacing-xxs)}.Scroll__ek-scroll_padding_xs___Sykio{scroll-padding-left:var(--pds-spacing-xs);scroll-padding-right:var(--pds-spacing-xs)}.Scroll__ek-scroll_padding_xs___Sykio::after,.Scroll__ek-scroll_padding_xs___Sykio::before{flex:0 0 var(--pds-spacing-xs)}.Scroll__ek-scroll_padding_s___qbVl4{scroll-padding-left:var(--pds-spacing-s);scroll-padding-right:var(--pds-spacing-s)}.Scroll__ek-scroll_padding_s___qbVl4::after,.Scroll__ek-scroll_padding_s___qbVl4::before{flex:0 0 var(--pds-spacing-s)}.Scroll__ek-scroll_padding_m___X5XbZ{scroll-padding-left:var(--pds-spacing-m);scroll-padding-right:var(--pds-spacing-m)}.Scroll__ek-scroll_padding_m___X5XbZ::after,.Scroll__ek-scroll_padding_m___X5XbZ::before{flex:0 0 var(--pds-spacing-m)}.Scroll__ek-scroll_padding_l___XT-PI{scroll-padding-left:var(--pds-spacing-l);scroll-padding-right:var(--pds-spacing-l)}.Scroll__ek-scroll_padding_l___XT-PI::after,.Scroll__ek-scroll_padding_l___XT-PI::before{flex:0 0 var(--pds-spacing-l)}.Scroll__ek-scroll_padding_xl___OC1ZW{scroll-padding-left:var(--pds-spacing-xl);scroll-padding-right:var(--pds-spacing-xl)}.Scroll__ek-scroll_padding_xl___OC1ZW::after,.Scroll__ek-scroll_padding_xl___OC1ZW::before{flex:0 0 var(--pds-spacing-xl)}.Scroll__ek-scroll_padding_xxl___lgDpl{scroll-padding-left:var(--pds-spacing-xxl);scroll-padding-right:var(--pds-spacing-xxl)}.Scroll__ek-scroll_padding_xxl___lgDpl::after,.Scroll__ek-scroll_padding_xxl___lgDpl::before{flex:0 0 var(--pds-spacing-xxl)}.Scroll__ek-scroll_padding_3xl___UNWNQ{scroll-padding-left:var(--pds-spacing-3xl);scroll-padding-right:var(--pds-spacing-3xl)}.Scroll__ek-scroll_padding_3xl___UNWNQ::after,.Scroll__ek-scroll_padding_3xl___UNWNQ::before{flex:0 0 var(--pds-spacing-3xl)}.Scroll__ek-scroll_padding_4xl___7DEQQ{scroll-padding-left:var(--pds-spacing-4xl);scroll-padding-right:var(--pds-spacing-4xl)}.Scroll__ek-scroll_padding_4xl___7DEQQ::after,.Scroll__ek-scroll_padding_4xl___7DEQQ::before{flex:0 0 var(--pds-spacing-4xl)}.Scroll__ek-scroll_padding_5xl___mnZOp{scroll-padding-left:var(--pds-spacing-5xl);scroll-padding-right:var(--pds-spacing-5xl)}.Scroll__ek-scroll_padding_5xl___mnZOp::after,.Scroll__ek-scroll_padding_5xl___mnZOp::before{flex:0 0 var(--pds-spacing-5xl)}.Scroll__ek-scroll_column_1___tLCus>.Scroll__ek-scroll__item___UI2VC{flex-basis:calc(100%/1);min-width:0}.Scroll__ek-scroll_column_2___AhNGB>.Scroll__ek-scroll__item___UI2VC{flex-basis:calc(100%/2);min-width:0}.Scroll__ek-scroll_column_3___PY0Dw>.Scroll__ek-scroll__item___UI2VC{flex-basis:calc(100%/3);min-width:0}.Scroll__ek-scroll_column_4___5ELtp>.Scroll__ek-scroll__item___UI2VC{flex-basis:calc(100%/4);min-width:0}.Scroll__ek-scroll_column_5___vAB6d>.Scroll__ek-scroll__item___UI2VC{flex-basis:calc(100%/5);min-width:0}.Scroll__ek-scroll_column_6___bZgnq>.Scroll__ek-scroll__item___UI2VC{flex-basis:calc(100%/6);min-width:0}.Scroll__ek-scroll_column_7___eMuxb>.Scroll__ek-scroll__item___UI2VC{flex-basis:calc(100%/7);min-width:0}.Scroll__ek-scroll_column_8___ROvji>.Scroll__ek-scroll__item___UI2VC{flex-basis:calc(100%/8);min-width:0}.Scroll__ek-scroll_column_9___WuWqZ>.Scroll__ek-scroll__item___UI2VC{flex-basis:calc(100%/9);min-width:0}.Scroll__ek-scroll_column_10___tjrEA>.Scroll__ek-scroll__item___UI2VC{flex-basis:calc(100%/10);min-width:0}.Scroll__ek-scroll_gap_xxs___9hFaq>.Scroll__ek-scroll__item___UI2VC+.Scroll__ek-scroll__item___UI2VC{margin-left:var(--pds-spacing-xxs)}.Scroll__ek-scroll_gap_xs___U3T9w>.Scroll__ek-scroll__item___UI2VC+.Scroll__ek-scroll__item___UI2VC{margin-left:var(--pds-spacing-xs)}.Scroll__ek-scroll_gap_s___EJwCI>.Scroll__ek-scroll__item___UI2VC+.Scroll__ek-scroll__item___UI2VC{margin-left:var(--pds-spacing-s)}.Scroll__ek-scroll_gap_m___pTbeM>.Scroll__ek-scroll__item___UI2VC+.Scroll__ek-scroll__item___UI2VC{margin-left:var(--pds-spacing-m)}.Scroll__ek-scroll_gap_l___wPxOa>.Scroll__ek-scroll__item___UI2VC+.Scroll__ek-scroll__item___UI2VC{margin-left:var(--pds-spacing-l)}.Scroll__ek-scroll_gap_xl___prXTQ>.Scroll__ek-scroll__item___UI2VC+.Scroll__ek-scroll__item___UI2VC{margin-left:var(--pds-spacing-xl)}.Scroll__ek-scroll_gap_xxl___iM4JL>.Scroll__ek-scroll__item___UI2VC+.Scroll__ek-scroll__item___UI2VC{margin-left:var(--pds-spacing-xxl)}.Scroll__ek-scroll_gap_3xl___h8P-N>.Scroll__ek-scroll__item___UI2VC+.Scroll__ek-scroll__item___UI2VC{margin-left:var(--pds-spacing-3xl)}.Scroll__ek-scroll_gap_4xl___n9c6E>.Scroll__ek-scroll__item___UI2VC+.Scroll__ek-scroll__item___UI2VC{margin-left:var(--pds-spacing-4xl)}.Scroll__ek-scroll_gap_5xl___OhoiE>.Scroll__ek-scroll__item___UI2VC+.Scroll__ek-scroll__item___UI2VC{margin-left:var(--pds-spacing-5xl)}.Scroll__ek-scroll_bar_none___VVtXF{-ms-overflow-style:none;scrollbar-width:none}.Scroll__ek-scroll_bar_none___VVtXF::-webkit-scrollbar{display:none}.Scroll__ek-scroll_bar_auto___nSXCP{-ms-overflow-style:auto;scrollbar-width:auto}.Scroll__ek-scroll_bar_auto___nSXCP::-webkit-scrollbar{display:auto}.Scroll__ek-scroll_align_normal___TuK6f{align-items:normal}.Scroll__ek-scroll_align_start___OqCgm{align-items:flex-start}.Scroll__ek-scroll_align_center___6uONj{align-items:center}.Scroll__ek-scroll_align_end___p5DjP{align-items:flex-end}.Scroll__ek-scroll_snap-type_none___7nMDb{scroll-snap-type:none}.Scroll__ek-scroll_snap-type_mandatory___aB-sY{scroll-snap-type:x mandatory}.Scroll__ek-scroll_snap-type_proximity___Ual5L{scroll-snap-type:x proximity}.Scroll__ek-scroll_snap-align_none___VUmsD>.Scroll__ek-scroll__item___UI2VC{scroll-snap-align:none}.Scroll__ek-scroll_snap-align_start___3FczU>.Scroll__ek-scroll__item___UI2VC{scroll-snap-align:start}.Scroll__ek-scroll_snap-align_end___JKEDD>.Scroll__ek-scroll__item___UI2VC{scroll-snap-align:end}.Scroll__ek-scroll_snap-align_center___ctT2q>.Scroll__ek-scroll__item___UI2VC{scroll-snap-align:center}
+.Scroll__ek-scroll___NXXzp {
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: row;
+    overflow-x: auto;
+    overflow-y: hidden;
+    -webkit-overflow-scrolling: touch;
+    list-style: none;
+    padding: 0;
+    margin: 0;
+    box-sizing: border-box;
+}
+.Scroll__ek-scroll___NXXzp::after,
+    .Scroll__ek-scroll___NXXzp::before {
+        content: '';
+        align-self: normal;
+    }
+.Scroll__ek-scroll__item___UI2VC {
+    margin: 0;
+    padding: 0;
+    flex: 0 0 auto;
+    box-sizing: border-box;
+}
+.Scroll__ek-scroll__item_blackhole_width-fit-content___YaPDT {
+    width: -moz-fit-content;
+    width: fit-content;
+}
+.Scroll__ek-scroll__item_blackhole_width-max-content___zz-b1 {
+    width: -moz-max-content;
+    width: max-content;
+}
+.Scroll__ek-scroll_padding_xxs___VKmZq {
+    scroll-padding-left: var(--pds-spacing-xxs);
+    scroll-padding-right: var(--pds-spacing-xxs);
+}
+.Scroll__ek-scroll_padding_xxs___VKmZq::after,
+    .Scroll__ek-scroll_padding_xxs___VKmZq::before {
+        flex: 0 0 var(--pds-spacing-xxs);
+    }
+.Scroll__ek-scroll_padding_xs___Sykio {
+    scroll-padding-left: var(--pds-spacing-xs);
+    scroll-padding-right: var(--pds-spacing-xs);
+}
+.Scroll__ek-scroll_padding_xs___Sykio::after,
+    .Scroll__ek-scroll_padding_xs___Sykio::before {
+        flex: 0 0 var(--pds-spacing-xs);
+    }
+.Scroll__ek-scroll_padding_s___qbVl4 {
+    scroll-padding-left: var(--pds-spacing-s);
+    scroll-padding-right: var(--pds-spacing-s);
+}
+.Scroll__ek-scroll_padding_s___qbVl4::after,
+    .Scroll__ek-scroll_padding_s___qbVl4::before {
+        flex: 0 0 var(--pds-spacing-s);
+    }
+.Scroll__ek-scroll_padding_m___X5XbZ {
+    scroll-padding-left: var(--pds-spacing-m);
+    scroll-padding-right: var(--pds-spacing-m);
+}
+.Scroll__ek-scroll_padding_m___X5XbZ::after,
+    .Scroll__ek-scroll_padding_m___X5XbZ::before {
+        flex: 0 0 var(--pds-spacing-m);
+    }
+.Scroll__ek-scroll_padding_l___XT-PI {
+    scroll-padding-left: var(--pds-spacing-l);
+    scroll-padding-right: var(--pds-spacing-l);
+}
+.Scroll__ek-scroll_padding_l___XT-PI::after,
+    .Scroll__ek-scroll_padding_l___XT-PI::before {
+        flex: 0 0 var(--pds-spacing-l);
+    }
+.Scroll__ek-scroll_padding_xl___OC1ZW {
+    scroll-padding-left: var(--pds-spacing-xl);
+    scroll-padding-right: var(--pds-spacing-xl);
+}
+.Scroll__ek-scroll_padding_xl___OC1ZW::after,
+    .Scroll__ek-scroll_padding_xl___OC1ZW::before {
+        flex: 0 0 var(--pds-spacing-xl);
+    }
+.Scroll__ek-scroll_padding_xxl___lgDpl {
+    scroll-padding-left: var(--pds-spacing-xxl);
+    scroll-padding-right: var(--pds-spacing-xxl);
+}
+.Scroll__ek-scroll_padding_xxl___lgDpl::after,
+    .Scroll__ek-scroll_padding_xxl___lgDpl::before {
+        flex: 0 0 var(--pds-spacing-xxl);
+    }
+.Scroll__ek-scroll_padding_3xl___UNWNQ {
+    scroll-padding-left: var(--pds-spacing-3xl);
+    scroll-padding-right: var(--pds-spacing-3xl);
+}
+.Scroll__ek-scroll_padding_3xl___UNWNQ::after,
+    .Scroll__ek-scroll_padding_3xl___UNWNQ::before {
+        flex: 0 0 var(--pds-spacing-3xl);
+    }
+.Scroll__ek-scroll_padding_4xl___7DEQQ {
+    scroll-padding-left: var(--pds-spacing-4xl);
+    scroll-padding-right: var(--pds-spacing-4xl);
+}
+.Scroll__ek-scroll_padding_4xl___7DEQQ::after,
+    .Scroll__ek-scroll_padding_4xl___7DEQQ::before {
+        flex: 0 0 var(--pds-spacing-4xl);
+    }
+.Scroll__ek-scroll_padding_5xl___mnZOp {
+    scroll-padding-left: var(--pds-spacing-5xl);
+    scroll-padding-right: var(--pds-spacing-5xl);
+}
+.Scroll__ek-scroll_padding_5xl___mnZOp::after,
+    .Scroll__ek-scroll_padding_5xl___mnZOp::before {
+        flex: 0 0 var(--pds-spacing-5xl);
+    }
+.Scroll__ek-scroll_column_1___tLCus > .Scroll__ek-scroll__item___UI2VC {
+        flex-basis: calc(100% / 1);
+        min-width: 0;
+    }
+.Scroll__ek-scroll_column_2___AhNGB > .Scroll__ek-scroll__item___UI2VC {
+        flex-basis: calc(100% / 2);
+        min-width: 0;
+    }
+.Scroll__ek-scroll_column_3___PY0Dw > .Scroll__ek-scroll__item___UI2VC {
+        flex-basis: calc(100% / 3);
+        min-width: 0;
+    }
+.Scroll__ek-scroll_column_4___5ELtp > .Scroll__ek-scroll__item___UI2VC {
+        flex-basis: calc(100% / 4);
+        min-width: 0;
+    }
+.Scroll__ek-scroll_column_5___vAB6d > .Scroll__ek-scroll__item___UI2VC {
+        flex-basis: calc(100% / 5);
+        min-width: 0;
+    }
+.Scroll__ek-scroll_column_6___bZgnq > .Scroll__ek-scroll__item___UI2VC {
+        flex-basis: calc(100% / 6);
+        min-width: 0;
+    }
+.Scroll__ek-scroll_column_7___eMuxb > .Scroll__ek-scroll__item___UI2VC {
+        flex-basis: calc(100% / 7);
+        min-width: 0;
+    }
+.Scroll__ek-scroll_column_8___ROvji > .Scroll__ek-scroll__item___UI2VC {
+        flex-basis: calc(100% / 8);
+        min-width: 0;
+    }
+.Scroll__ek-scroll_column_9___WuWqZ > .Scroll__ek-scroll__item___UI2VC {
+        flex-basis: calc(100% / 9);
+        min-width: 0;
+    }
+.Scroll__ek-scroll_column_10___tjrEA > .Scroll__ek-scroll__item___UI2VC {
+        flex-basis: calc(100% / 10);
+        min-width: 0;
+    }
+.Scroll__ek-scroll_gap_xxs___9hFaq > .Scroll__ek-scroll__item___UI2VC + .Scroll__ek-scroll__item___UI2VC {
+        margin-left: var(--pds-spacing-xxs);
+    }
+.Scroll__ek-scroll_gap_xs___U3T9w > .Scroll__ek-scroll__item___UI2VC + .Scroll__ek-scroll__item___UI2VC {
+        margin-left: var(--pds-spacing-xs);
+    }
+.Scroll__ek-scroll_gap_s___EJwCI > .Scroll__ek-scroll__item___UI2VC + .Scroll__ek-scroll__item___UI2VC {
+        margin-left: var(--pds-spacing-s);
+    }
+.Scroll__ek-scroll_gap_m___pTbeM > .Scroll__ek-scroll__item___UI2VC + .Scroll__ek-scroll__item___UI2VC {
+        margin-left: var(--pds-spacing-m);
+    }
+.Scroll__ek-scroll_gap_l___wPxOa > .Scroll__ek-scroll__item___UI2VC + .Scroll__ek-scroll__item___UI2VC {
+        margin-left: var(--pds-spacing-l);
+    }
+.Scroll__ek-scroll_gap_xl___prXTQ > .Scroll__ek-scroll__item___UI2VC + .Scroll__ek-scroll__item___UI2VC {
+        margin-left: var(--pds-spacing-xl);
+    }
+.Scroll__ek-scroll_gap_xxl___iM4JL > .Scroll__ek-scroll__item___UI2VC + .Scroll__ek-scroll__item___UI2VC {
+        margin-left: var(--pds-spacing-xxl);
+    }
+.Scroll__ek-scroll_gap_3xl___h8P-N > .Scroll__ek-scroll__item___UI2VC + .Scroll__ek-scroll__item___UI2VC {
+        margin-left: var(--pds-spacing-3xl);
+    }
+.Scroll__ek-scroll_gap_4xl___n9c6E > .Scroll__ek-scroll__item___UI2VC + .Scroll__ek-scroll__item___UI2VC {
+        margin-left: var(--pds-spacing-4xl);
+    }
+.Scroll__ek-scroll_gap_5xl___OhoiE > .Scroll__ek-scroll__item___UI2VC + .Scroll__ek-scroll__item___UI2VC {
+        margin-left: var(--pds-spacing-5xl);
+    }
+.Scroll__ek-scroll_bar_none___VVtXF {
+    -ms-overflow-style: none; /* for Internet Explorer, Edge */
+    scrollbar-width: none; /* for Firefox */
+}
+.Scroll__ek-scroll_bar_none___VVtXF::-webkit-scrollbar {
+        display: none;
+    }
+.Scroll__ek-scroll_bar_auto___nSXCP {
+    -ms-overflow-style: auto; /* for Internet Explorer, Edge */
+    scrollbar-width: auto; /* for Firefox */
+}
+.Scroll__ek-scroll_bar_auto___nSXCP::-webkit-scrollbar {
+        display: auto; /* stylelint-disable-line csstree/validator */
+    }
+.Scroll__ek-scroll_align_normal___TuK6f {
+    align-items: normal;
+}
+.Scroll__ek-scroll_align_start___OqCgm {
+    align-items: flex-start;
+}
+.Scroll__ek-scroll_align_center___6uONj {
+    align-items: center;
+}
+.Scroll__ek-scroll_align_end___p5DjP {
+    align-items: flex-end;
+}
+.Scroll__ek-scroll_snap-type_none___7nMDb {
+    scroll-snap-type: none;
+}
+.Scroll__ek-scroll_snap-type_mandatory___aB-sY {
+    scroll-snap-type: x mandatory;
+}
+.Scroll__ek-scroll_snap-type_proximity___Ual5L {
+    scroll-snap-type: x proximity;
+}
+.Scroll__ek-scroll_snap-align_none___VUmsD > .Scroll__ek-scroll__item___UI2VC {
+        scroll-snap-align: none;
+    }
+.Scroll__ek-scroll_snap-align_start___3FczU > .Scroll__ek-scroll__item___UI2VC {
+        scroll-snap-align: start;
+    }
+.Scroll__ek-scroll_snap-align_end___JKEDD > .Scroll__ek-scroll__item___UI2VC {
+        scroll-snap-align: end;
+    }
+.Scroll__ek-scroll_snap-align_center___ctT2q > .Scroll__ek-scroll__item___UI2VC {
+        scroll-snap-align: center;
+    }

package/Scroll/package.json

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

package/ScrollControls/cjs/style.development.css

@@ -1 +1,57 @@
-.ScrollControls__root___mOlOq{position:relative;overflow:hidden}.ScrollControls__buttonHolderCommon___8-zJW{position:absolute;top:50%;transform:translate(0,-50%);height:75%;max-height:42px;aspect-ratio:1/1;transition:120ms ease-in-out;transition-property:transform,opacity;line-height:0;font-size:0}.ScrollControls__buttonHolderPrev___3uXYG{left:var(--pds-spacing-m)}.ScrollControls__buttonHolderNext___L0VTc{right:var(--pds-spacing-m)}.ScrollControls__buttonHolderDisabled___8BNAe{pointer-events:none}.ScrollControls__buttonHideDisabled___1GCww:disabled{opacity:0}.ScrollControls__icon___lzBzL{width:auto;height:70%;max-height:24px}.ScrollControls__showOnHover___StbVV .ScrollControls__buttonHolderNext___L0VTc{opacity:0;transform:translate(calc(100% + var(--pds-spacing-m)),-50%)}.ScrollControls__showOnHover___StbVV .ScrollControls__buttonHolderPrev___3uXYG{opacity:0;transform:translate(calc(-100% - var(--pds-spacing-m)),-50%)}@media (hover:hover){.ScrollControls__showOnHover___StbVV:hover .ScrollControls__buttonHolderNext___L0VTc,.ScrollControls__showOnHover___StbVV:hover .ScrollControls__buttonHolderPrev___3uXYG{opacity:1;transform:translate(0,-50%)}}
+.ScrollControls__root___mOlOq {
+    position: relative;
+    overflow: hidden;
+}
+
+.ScrollControls__buttonHolderCommon___8-zJW {
+    position: absolute;
+    top: 50%;
+    transform: translate(0, -50%);
+    height: 75%;
+    max-height: 42px;
+    aspect-ratio: 1/1;
+    transition: 120ms ease-in-out;
+    transition-property: transform, opacity;
+    line-height: 0;
+    font-size: 0;
+}
+
+.ScrollControls__buttonHolderPrev___3uXYG {
+    left: var(--pds-spacing-m);
+}
+
+.ScrollControls__buttonHolderNext___L0VTc {
+    right: var(--pds-spacing-m);
+}
+
+.ScrollControls__buttonHolderDisabled___8BNAe {
+    pointer-events: none;
+}
+
+.ScrollControls__buttonHideDisabled___1GCww:disabled {
+        opacity: 0;
+    }
+
+.ScrollControls__icon___lzBzL {
+    width: auto;
+    height: 70%;
+    max-height: 24px;
+}
+
+.ScrollControls__showOnHover___StbVV .ScrollControls__buttonHolderNext___L0VTc {
+        opacity: 0;
+        transform: translate(calc(100% + var(--pds-spacing-m)), -50%);
+    }
+
+.ScrollControls__showOnHover___StbVV .ScrollControls__buttonHolderPrev___3uXYG {
+        opacity: 0;
+        transform: translate(calc(-100% - var(--pds-spacing-m)), -50%);
+    }
+
+@media (hover: hover) {
+            .ScrollControls__showOnHover___StbVV:hover .ScrollControls__buttonHolderNext___L0VTc,
+            .ScrollControls__showOnHover___StbVV:hover .ScrollControls__buttonHolderPrev___3uXYG {
+                opacity: 1;
+                transform: translate(0, -50%);
+            }
+    }

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

@@ -1 +1,57 @@
-.ScrollControls__root___5xFyd{position:relative;overflow:hidden}.ScrollControls__buttonHolderCommon___1fL6b{position:absolute;top:50%;transform:translate(0,-50%);height:75%;max-height:42px;aspect-ratio:1/1;transition:120ms ease-in-out;transition-property:transform,opacity;line-height:0;font-size:0}.ScrollControls__buttonHolderPrev___PY-Co{left:var(--pds-spacing-m)}.ScrollControls__buttonHolderNext___u2XoF{right:var(--pds-spacing-m)}.ScrollControls__buttonHolderDisabled___AZbdb{pointer-events:none}.ScrollControls__buttonHideDisabled___zw-fa:disabled{opacity:0}.ScrollControls__icon___z7X7-{width:auto;height:70%;max-height:24px}.ScrollControls__showOnHover___PVtmJ .ScrollControls__buttonHolderNext___u2XoF{opacity:0;transform:translate(calc(100% + var(--pds-spacing-m)),-50%)}.ScrollControls__showOnHover___PVtmJ .ScrollControls__buttonHolderPrev___PY-Co{opacity:0;transform:translate(calc(-100% - var(--pds-spacing-m)),-50%)}@media (hover:hover){.ScrollControls__showOnHover___PVtmJ:hover .ScrollControls__buttonHolderNext___u2XoF,.ScrollControls__showOnHover___PVtmJ:hover .ScrollControls__buttonHolderPrev___PY-Co{opacity:1;transform:translate(0,-50%)}}
+.ScrollControls__root___5xFyd {
+    position: relative;
+    overflow: hidden;
+}
+
+.ScrollControls__buttonHolderCommon___1fL6b {
+    position: absolute;
+    top: 50%;
+    transform: translate(0, -50%);
+    height: 75%;
+    max-height: 42px;
+    aspect-ratio: 1/1;
+    transition: 120ms ease-in-out;
+    transition-property: transform, opacity;
+    line-height: 0;
+    font-size: 0;
+}
+
+.ScrollControls__buttonHolderPrev___PY-Co {
+    left: var(--pds-spacing-m);
+}
+
+.ScrollControls__buttonHolderNext___u2XoF {
+    right: var(--pds-spacing-m);
+}
+
+.ScrollControls__buttonHolderDisabled___AZbdb {
+    pointer-events: none;
+}
+
+.ScrollControls__buttonHideDisabled___zw-fa:disabled {
+        opacity: 0;
+    }
+
+.ScrollControls__icon___z7X7- {
+    width: auto;
+    height: 70%;
+    max-height: 24px;
+}
+
+.ScrollControls__showOnHover___PVtmJ .ScrollControls__buttonHolderNext___u2XoF {
+        opacity: 0;
+        transform: translate(calc(100% + var(--pds-spacing-m)), -50%);
+    }
+
+.ScrollControls__showOnHover___PVtmJ .ScrollControls__buttonHolderPrev___PY-Co {
+        opacity: 0;
+        transform: translate(calc(-100% - var(--pds-spacing-m)), -50%);
+    }
+
+@media (hover: hover) {
+            .ScrollControls__showOnHover___PVtmJ:hover .ScrollControls__buttonHolderNext___u2XoF,
+            .ScrollControls__showOnHover___PVtmJ:hover .ScrollControls__buttonHolderPrev___PY-Co {
+                opacity: 1;
+                transform: translate(0, -50%);
+            }
+    }

package/ScrollControls/package.json

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

package/SimpleSlider/cjs/style.development.css

@@ -1 +1,196 @@
-.SimpleSlider__root___WuTIM{position:relative;overflow:hidden;height:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none}.SimpleSlider__track___G8BYu{position:absolute;left:0;top:0;height:100%;list-style:none;padding:0;margin:0;width:100%;display:flex;flex-wrap:nowrap}.SimpleSlider__trackItem___94Eq7{position:relative;display:block;flex:1;min-width:0}.SimpleSlider__resetButton___LXJjI{border:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;-webkit-tap-highlight-color:transparent}.SimpleSlider__resetButton___LXJjI::-moz-focus-inner{border-style:none}.SimpleSlider__resetButton___LXJjI:focus:not(:focus-visible){outline:0}.SimpleSlider__buttonCommon___I5yQD{position:absolute;top:50%;transform:translateY(-50%);border-radius:50%;width:42px;height:42px;transition:120ms ease-in-out;transition-property:background-color,transform,opacity;aspect-ratio:1/1;color:var(--black-900);background:var(--white);box-shadow:0 4px 10px rgba(147,148,156,.4);display:flex;align-items:center;justify-content:center}.SimpleSlider__buttonCommon___I5yQD:disabled{cursor:default;opacity:.3;pointer-events:none}.SimpleSlider__buttonCommon___I5yQD:hover{background:var(--black-50)}.SimpleSlider__buttonCommon___I5yQD:active,.SimpleSlider__buttonCommon___I5yQD:focus-visible{background:var(--black-100)}.SimpleSlider__buttonPrev___UqTOk{left:var(--pds-spacing-m)}.SimpleSlider__buttonNext___BbLNv{right:var(--pds-spacing-m)}.SimpleSlider__buttonIcon___89h6n{fill:currentColor;width:24px;height:24px}.SimpleSlider__dots___E7g4J{position:absolute;left:50%;bottom:var(--pds-spacing-s);transform:translate(-50%,0);display:flex;align-items:center;list-style:none;padding:4px 8px;border-radius:8px;box-shadow:0 2px 10px rgba(147,148,156,.4);transition:120ms ease-in-out;transition-property:transform,opacity}.SimpleSlider__dots___E7g4J:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:var(--white)}.SimpleSlider__dotsTransparent___v-ZWk:before{opacity:.5}.SimpleSlider__dotsItem___cbWCu{display:block;position:relative}.SimpleSlider__dotsItem___cbWCu+.SimpleSlider__dotsItem___cbWCu{margin-left:6px}.SimpleSlider__dotsButton___7N4yb{display:block;padding:0;width:6px;height:6px;border-radius:50%;font-size:0;background:var(--black-400);transition:none}.SimpleSlider__dotsButton___7N4yb:hover{background:var(--black-500)}.SimpleSlider__dotsButton___7N4yb:disabled{background:var(--violet-500)}.SimpleSlider__showOnHoverButtons___yssoj .SimpleSlider__buttonPrev___UqTOk{opacity:0;transform:translate(calc(-100% - var(--pds-spacing-m)),-50%)}.SimpleSlider__showOnHoverButtons___yssoj .SimpleSlider__buttonNext___BbLNv{opacity:0;transform:translate(calc(100% + var(--pds-spacing-m)),-50%)}.SimpleSlider__showOnHoverDots___ig5DV .SimpleSlider__dots___E7g4J{opacity:0;transform:translate(-50%,calc(100% + var(--pds-spacing-s)))}@media (hover:hover){.SimpleSlider__showOnHoverButtons___yssoj:hover .SimpleSlider__buttonPrev___UqTOk{opacity:1;transform:translate(0,-50%)}.SimpleSlider__showOnHoverButtons___yssoj:hover .SimpleSlider__buttonPrev___UqTOk:disabled{opacity:.3}.SimpleSlider__showOnHoverButtons___yssoj:hover .SimpleSlider__buttonNext___BbLNv{opacity:1;transform:translate(0,-50%)}.SimpleSlider__showOnHoverButtons___yssoj:hover .SimpleSlider__buttonNext___BbLNv:disabled{opacity:.3}.SimpleSlider__showOnHoverDots___ig5DV:hover .SimpleSlider__dots___E7g4J{opacity:1;transform:translate(-50%,0)}}
+.SimpleSlider__root___WuTIM {
+    position: relative;
+    overflow: hidden;
+    height: auto;
+    -webkit-user-select: none;
+       -moz-user-select: none;
+            user-select: none;
+}
+
+.SimpleSlider__track___G8BYu {
+    position: absolute;
+    left: 0;
+    top: 0;
+    height: 100%;
+    list-style: none;
+    padding: 0;
+    margin: 0;
+    width: 100%;
+    display: flex;
+    flex-wrap: nowrap;
+}
+
+.SimpleSlider__trackItem___94Eq7 {
+    position: relative;
+    display: block;
+    flex: 1;
+    min-width: 0;
+}
+
+.SimpleSlider__resetButton___LXJjI {
+    border: 0;
+    cursor: pointer;
+    -webkit-user-select: none;
+       -moz-user-select: none;
+            user-select: none;
+    -webkit-appearance: none;
+       -moz-appearance: none;
+            appearance: none;
+    box-sizing: border-box;
+    -webkit-tap-highlight-color: transparent;
+}
+
+.SimpleSlider__resetButton___LXJjI::-moz-focus-inner {
+        border-style: none;
+    }
+
+.SimpleSlider__resetButton___LXJjI:focus:not(:focus-visible) {
+        outline: 0;
+    }
+
+.SimpleSlider__buttonCommon___I5yQD {
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+    border-radius: 50%;
+    width: 42px;
+    height: 42px;
+    transition: 120ms ease-in-out;
+    transition-property: background-color, transform, opacity;
+    aspect-ratio: 1/1;
+    color: var(--black-900);
+    background: var(--white);
+    box-shadow: 0px 4px 10px rgba(147, 148, 156, 0.4);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.SimpleSlider__buttonCommon___I5yQD:disabled {
+        cursor: default;
+        opacity: 0.3;
+        pointer-events: none;
+    }
+
+.SimpleSlider__buttonCommon___I5yQD:hover {
+        background: var(--black-50);
+    }
+
+.SimpleSlider__buttonCommon___I5yQD:active,
+    .SimpleSlider__buttonCommon___I5yQD:focus-visible {
+        background: var(--black-100);
+    }
+
+.SimpleSlider__buttonPrev___UqTOk {
+    left: var(--pds-spacing-m);
+}
+
+.SimpleSlider__buttonNext___BbLNv {
+    right: var(--pds-spacing-m);
+}
+
+.SimpleSlider__buttonIcon___89h6n {
+    fill: currentColor;
+    width: 24px;
+    height: 24px;
+}
+
+.SimpleSlider__dots___E7g4J {
+    position: absolute;
+    left: 50%;
+    bottom: var(--pds-spacing-s);
+    transform: translate(-50%, 0);
+    display: flex;
+    align-items: center;
+    list-style: none;
+    padding: 4px 8px;
+    border-radius: 8px;
+    box-shadow: 0px 2px 10px rgba(147, 148, 156, 0.4);
+    transition: 120ms ease-in-out;
+    transition-property: transform, opacity;
+}
+
+.SimpleSlider__dots___E7g4J:before {
+        content: '';
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        border-radius: inherit;
+        background: var(--white);
+    }
+
+.SimpleSlider__dotsTransparent___v-ZWk:before {
+        opacity: 0.5;
+    }
+
+.SimpleSlider__dotsItem___cbWCu {
+    display: block;
+    position: relative;
+}
+
+.SimpleSlider__dotsItem___cbWCu + .SimpleSlider__dotsItem___cbWCu {
+        margin-left: 6px;
+    }
+
+.SimpleSlider__dotsButton___7N4yb {
+    display: block;
+    padding: 0;
+    width: 6px;
+    height: 6px;
+    border-radius: 50%;
+    font-size: 0;
+    background: var(--black-400);
+    transition: none;
+}
+
+.SimpleSlider__dotsButton___7N4yb:hover {
+        background: var(--black-500);
+    }
+
+.SimpleSlider__dotsButton___7N4yb:disabled {
+        background: var(--violet-500);
+    }
+
+.SimpleSlider__showOnHoverButtons___yssoj .SimpleSlider__buttonPrev___UqTOk {
+        opacity: 0;
+        transform: translate(calc(-100% - var(--pds-spacing-m)), -50%);
+    }
+
+.SimpleSlider__showOnHoverButtons___yssoj .SimpleSlider__buttonNext___BbLNv {
+        opacity: 0;
+        transform: translate(calc(100% + var(--pds-spacing-m)), -50%);
+    }
+
+@media (hover: hover) {
+            .SimpleSlider__showOnHoverButtons___yssoj:hover .SimpleSlider__buttonPrev___UqTOk {
+                opacity: 1;
+                transform: translate(0, -50%);
+            }
+
+                .SimpleSlider__showOnHoverButtons___yssoj:hover .SimpleSlider__buttonPrev___UqTOk:disabled {
+                    opacity: 0.3;
+                }
+
+            .SimpleSlider__showOnHoverButtons___yssoj:hover .SimpleSlider__buttonNext___BbLNv {
+                opacity: 1;
+                transform: translate(0, -50%);
+            }
+
+                .SimpleSlider__showOnHoverButtons___yssoj:hover .SimpleSlider__buttonNext___BbLNv:disabled {
+                    opacity: 0.3;
+                }
+    }
+
+.SimpleSlider__showOnHoverDots___ig5DV .SimpleSlider__dots___E7g4J {
+        opacity: 0;
+        transform: translate(-50%, calc(100% + var(--pds-spacing-s)));
+    }
+
+@media (hover: hover) {
+            .SimpleSlider__showOnHoverDots___ig5DV:hover .SimpleSlider__dots___E7g4J {
+                opacity: 1;
+                transform: translate(-50%, 0);
+            }
+    }