@alto-avios/alto-ui 5.0.0-alpha.2 → 5.0.0-alpha.3

package/dist/assets/src/components/Carousel/Carousel.module.css

@@ -1 +1 @@
-._carouselWrapper_53fml_2{box-sizing:border-box;margin:0;max-width:100%;padding:0;position:relative;width:100%}._carouselWrapper_53fml_2,._carouselWrapper_53fml_2._showPartialItems_53fml_14,._carouselWrapper_53fml_2._showPartialItems_53fml_14 ._carousel_53fml_2{overflow-x:visible;overflow-y:hidden}._carouselWrapper_53fml_2._hasScrollPadding_53fml_25,._carouselWrapper_53fml_2._hasScrollPadding_53fml_25 ._carousel_53fml_2{overflow-x:visible!important;overflow-y:hidden!important}._carousel_53fml_2{overflow-x:visible;position:relative;width:100%}._carousel_53fml_2,._scroller_53fml_43{box-sizing:border-box;overflow-y:hidden}._scroller_53fml_43{display:grid;grid-auto-columns:100%;grid-auto-flow:column;overflow-x:auto;-ms-overflow-style:none;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;height:auto;padding:0 1px;transition:all .3s ease}._scroller_53fml_43:focus{outline-offset:-2px;outline-width:2px}._scroller_53fml_43::-webkit-scrollbar{display:none}._carouselWrapper_53fml_2 [data-dragging=true] ._scroller_53fml_43{cursor:grabbing;scroll-behavior:auto;touch-action:pan-x}._carouselWrapper_53fml_2 ._scroller_53fml_43:hover{cursor:grab;touch-action:pan-x}._item_53fml_85{box-sizing:border-box;height:auto;max-width:100%;min-height:100%;overflow-y:hidden;scroll-snap-align:start;scroll-snap-stop:always}._carouselWrapper_53fml_2 ._carousel_53fml_2 ._scroller_53fml_43 ._item_53fml_85>*{display:block;height:auto;width:100%}[data-scroll-padding=true],[data-scroll-padding=true] ._carousel_53fml_2,[data-scroll-padding=true] ._scroller_53fml_43{overflow-x:visible!important;overflow-y:hidden!important}[data-scroll-padding=true] ._item_53fml_85{scroll-snap-align:start}._slideLeft_53fml_123{animation:_slideLeftAnimation_53fml_1 1s cubic-bezier(.25,0,.85,.1)}._slideRight_53fml_127{animation:_slideRightAnimation_53fml_1 1s cubic-bezier(.25,0,.85,.1)}@keyframes _slideLeftAnimation_53fml_1{0%{transform:translate(0)}to{transform:translate(0)}}@keyframes _slideRightAnimation_53fml_1{0%{transform:translate(0)}to{transform:translate(0)}}._controls_53fml_150{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}._carouselWrapper_53fml_2 ._controls_53fml_150 ._defaultPrevButton_53fml_161{left:10px;position:absolute;top:50%;transform:translateY(-50%);z-index:5}._carouselWrapper_53fml_2 ._controls_53fml_150 ._defaultNextButton_53fml_169{position:absolute;right:10px;top:50%;transform:translateY(-50%);z-index:5}._carouselWrapper_53fml_2 ._defaultDotsContainer_53fml_178{bottom:12px;display:flex;justify-content:center;left:0;position:absolute;right:0;z-index:5}._defaultCarouselWrapper_53fml_189{margin:0 auto;max-width:800px;width:360px}._carouselWrapper_53fml_2 ._autoplayControlWrapper_53fml_196 ._defaultAutoplayControl_53fml_196{pointer-events:auto;position:absolute;right:16px;top:16px;z-index:10}._showOnHover_53fml_205 ._arrowContainer_53fml_205{opacity:0;transition:opacity .3s ease}._carouselWrapper_53fml_2 [data-arrows-visible=true] ._showOnHover_53fml_205 ._arrowContainer_53fml_205{opacity:1}._hidden_53fml_215{opacity:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden}._dotsContainerWrapper_53fml_224{pointer-events:auto;z-index:2}._dotsContainer_53fml_224{position:relative}@media (max-width:768px){._carouselWrapper_53fml_2 ._dotsContainerWrapper_53fml_224{cursor:pointer}._carouselWrapper_53fml_2 ._dotsContainerWrapper_53fml_224:active{opacity:.8}}._hiddenTabs_53fml_246{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}._tapEnabled_53fml_259{cursor:pointer;touch-action:manipulation}._autoplayControlWrapper_53fml_196{align-items:center;display:flex;justify-content:center;pointer-events:auto;position:absolute;right:16px;top:16px;z-index:10}._carouselDefault_53fml_288{height:100%;overflow-x:hidden;width:361px}._carouselDefault_53fml_288 ._prevButton_53fml_293{left:10px;position:absolute;top:50%;transform:translateY(-50%);z-index:5}._carouselDefault_53fml_288 ._nextButton_53fml_300{position:absolute;right:10px;top:50%;transform:translateY(-50%);z-index:5}._carouselDefault_53fml_288 ._dotsContainer_53fml_224{bottom:12px;display:flex;justify-content:center;left:0;position:absolute;right:0;z-index:5}._carouselWithAutoPlay_53fml_318{position:relative;width:100%}._carouselWithAutoPlay_53fml_318 ._prevButton_53fml_293{left:10px;position:absolute;top:50%;transform:translateY(-50%);z-index:5}._carouselWithAutoPlay_53fml_318 ._nextButton_53fml_300{position:absolute;right:10px;top:50%;transform:translateY(-50%);z-index:5}._carouselWithAutoPlay_53fml_318 ._dotsContainer_53fml_224{bottom:12px;display:flex;justify-content:center;left:0;position:absolute;right:0;z-index:5}._carouselWithAutoPlay_53fml_318 ._autoplayControl_53fml_196{pointer-events:auto!important;position:absolute!important;right:16px!important;top:16px!important;z-index:20!important}._carouselWithScrollPeek_53fml_354{position:relative}._carouselWithScrollPeek_53fml_354,._carouselWithScrollPeek_53fml_354 ._carousel_53fml_2{overflow-x:visible!important;overflow-y:hidden!important}._carouselWithScrollPeek_53fml_354 ._prevButton_53fml_293{left:16px;position:absolute;top:50%;transform:translateY(-50%);z-index:10}._carouselWithScrollPeek_53fml_354 ._nextButton_53fml_300{position:absolute;right:16px;top:50%;transform:translateY(-50%);z-index:10}._carouselWithScrollPeek_53fml_354 ._dotsContainer_53fml_224{bottom:20px;display:flex;justify-content:center;left:0;position:absolute;right:0;z-index:5}._carouselWithFractionalItems_53fml_388{position:relative}._carouselWithFractionalItems_53fml_388,._carouselWithFractionalItems_53fml_388 ._carousel_53fml_2{overflow-x:visible!important;overflow-y:hidden!important}._carouselWithFractionalItems_53fml_388 ._prevButton_53fml_293{left:16px;position:absolute;top:50%;transform:translateY(-50%);z-index:10}._carouselWithFractionalItems_53fml_388 ._nextButton_53fml_300{position:absolute;right:16px;top:50%;transform:translateY(-50%);z-index:10}._carouselWithFractionalItems_53fml_388 ._dotsContainer_53fml_224{bottom:20px;display:flex;justify-content:center;left:0;position:absolute;right:0;z-index:5}._paginationDotsDefault_53fml_422{position:relative;width:100%}._paginationDotsDefault_53fml_422 ._prevButton_53fml_293{left:10px;position:absolute;top:50%;transform:translateY(-50%);z-index:5}._paginationDotsDefault_53fml_422 ._nextButton_53fml_300{position:absolute;right:10px;top:50%;transform:translateY(-50%);z-index:5}._paginationDotsDefault_53fml_422 ._dotsContainer_53fml_224{bottom:12px;display:flex;justify-content:center;left:0;position:absolute;right:0;z-index:5}._hoverArrowsDefault_53fml_451{height:100%;overflow-x:hidden;width:361px}._hoverArrowsDefault_53fml_451 ._prevButton_53fml_293{left:10px;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .3s ease;z-index:5}._hoverArrowsDefault_53fml_451 ._nextButton_53fml_300{opacity:0;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:opacity .3s ease;z-index:5}._hoverArrowsDefault_53fml_451:focus-within ._nextButton_53fml_300,._hoverArrowsDefault_53fml_451:focus-within ._prevButton_53fml_293,._hoverArrowsDefault_53fml_451:hover ._nextButton_53fml_300,._hoverArrowsDefault_53fml_451:hover ._prevButton_53fml_293{opacity:1}._hoverArrowsDefault_53fml_451 ._dotsContainer_53fml_224{bottom:12px;display:flex;justify-content:center;left:0;position:absolute;right:0;z-index:5}
+._carouselWrapper_40ygp_2{box-sizing:border-box;margin:0;max-width:100%;padding:0;position:relative;width:100%}._carouselWrapper_40ygp_2,._carouselWrapper_40ygp_2._showPartialItems_40ygp_14,._carouselWrapper_40ygp_2._showPartialItems_40ygp_14 ._carousel_40ygp_2{overflow-x:visible;overflow-y:hidden}._carouselWrapper_40ygp_2._hasScrollPadding_40ygp_25,._carouselWrapper_40ygp_2._hasScrollPadding_40ygp_25 ._carousel_40ygp_2{overflow-x:visible!important;overflow-y:hidden!important}._carousel_40ygp_2{overflow-x:visible;position:relative;width:100%}._carousel_40ygp_2,._scroller_40ygp_43{box-sizing:border-box;overflow-y:hidden}._scroller_40ygp_43{display:grid;grid-auto-columns:100%;grid-auto-flow:column;overflow-x:auto;-ms-overflow-style:none;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;height:auto;padding:0 1px;transition:all .3s ease}._scroller_40ygp_43:focus{outline-offset:-2px;outline-width:2px}._scroller_40ygp_43::-webkit-scrollbar{display:none}._carouselWrapper_40ygp_2 [data-dragging=true] ._scroller_40ygp_43{cursor:grabbing;scroll-behavior:auto;touch-action:pan-x}._carouselWrapper_40ygp_2 ._scroller_40ygp_43:hover{cursor:grab;touch-action:pan-x}._item_40ygp_85{box-sizing:border-box;height:auto;max-width:100%;min-height:100%;overflow-y:hidden;scroll-snap-align:start;scroll-snap-stop:always}._carouselWrapper_40ygp_2 ._carousel_40ygp_2 ._scroller_40ygp_43 ._item_40ygp_85>*{display:block;height:auto;width:100%}._carouselWrapper_40ygp_2[data-scroll-padding=true],._carouselWrapper_40ygp_2[data-scroll-padding=true] ._carousel_40ygp_2,._carouselWrapper_40ygp_2[data-scroll-padding=true] ._scroller_40ygp_43{overflow-x:visible!important;overflow-y:hidden!important}._carouselWrapper_40ygp_2[data-scroll-padding=true] ._item_40ygp_85{scroll-snap-align:start}._slideLeft_40ygp_123{animation:_slideLeftAnimation_40ygp_1 1s cubic-bezier(.25,0,.85,.1)}._slideRight_40ygp_127{animation:_slideRightAnimation_40ygp_1 1s cubic-bezier(.25,0,.85,.1)}@keyframes _slideLeftAnimation_40ygp_1{0%{transform:translate(0)}to{transform:translate(0)}}@keyframes _slideRightAnimation_40ygp_1{0%{transform:translate(0)}to{transform:translate(0)}}._controls_40ygp_150{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}._carouselWrapper_40ygp_2 ._controls_40ygp_150 ._defaultPrevButton_40ygp_161{left:10px;position:absolute;top:50%;transform:translateY(-50%);z-index:5}._carouselWrapper_40ygp_2 ._controls_40ygp_150 ._defaultNextButton_40ygp_169{position:absolute;right:10px;top:50%;transform:translateY(-50%);z-index:5}._carouselWrapper_40ygp_2 ._defaultDotsContainer_40ygp_178{bottom:12px;display:flex;justify-content:center;left:0;position:absolute;right:0;z-index:5}._defaultCarouselWrapper_40ygp_189{margin:0 auto;max-width:800px;width:360px}._carouselWrapper_40ygp_2 ._autoplayControlWrapper_40ygp_196 ._defaultAutoplayControl_40ygp_196{pointer-events:auto;position:absolute;right:16px;top:16px;z-index:10}._showOnHover_40ygp_205 ._arrowContainer_40ygp_205{opacity:0;transition:opacity .3s ease}._carouselWrapper_40ygp_2 [data-arrows-visible=true] ._showOnHover_40ygp_205 ._arrowContainer_40ygp_205{opacity:1}._hidden_40ygp_215{opacity:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden}._dotsContainerWrapper_40ygp_224{pointer-events:auto;z-index:2}._dotsContainer_40ygp_224{position:relative}@media (max-width:768px){._carouselWrapper_40ygp_2 ._dotsContainerWrapper_40ygp_224{cursor:pointer}._carouselWrapper_40ygp_2 ._dotsContainerWrapper_40ygp_224:active{opacity:.8}}._hiddenTabs_40ygp_246{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}._tapEnabled_40ygp_259{cursor:pointer;touch-action:manipulation}._autoplayControlWrapper_40ygp_196{align-items:center;display:flex;justify-content:center;pointer-events:auto;position:absolute;right:16px;top:16px;z-index:10}._carouselDefault_40ygp_288{height:100%;overflow-x:hidden;width:361px}._carouselDefault_40ygp_288 ._prevButton_40ygp_293{left:10px;position:absolute;top:50%;transform:translateY(-50%);z-index:5}._carouselDefault_40ygp_288 ._nextButton_40ygp_300{position:absolute;right:10px;top:50%;transform:translateY(-50%);z-index:5}._carouselDefault_40ygp_288 ._dotsContainer_40ygp_224{bottom:12px;display:flex;justify-content:center;left:0;position:absolute;right:0;z-index:5}._carouselWithAutoPlay_40ygp_318{position:relative;width:100%}._carouselWithAutoPlay_40ygp_318 ._prevButton_40ygp_293{left:10px;position:absolute;top:50%;transform:translateY(-50%);z-index:5}._carouselWithAutoPlay_40ygp_318 ._nextButton_40ygp_300{position:absolute;right:10px;top:50%;transform:translateY(-50%);z-index:5}._carouselWithAutoPlay_40ygp_318 ._dotsContainer_40ygp_224{bottom:12px;display:flex;justify-content:center;left:0;position:absolute;right:0;z-index:5}._carouselWithAutoPlay_40ygp_318 ._autoplayControl_40ygp_196{pointer-events:auto!important;position:absolute!important;right:16px!important;top:16px!important;z-index:20!important}._carouselWithScrollPeek_40ygp_354{position:relative}._carouselWithScrollPeek_40ygp_354,._carouselWithScrollPeek_40ygp_354 ._carousel_40ygp_2{overflow-x:visible!important;overflow-y:hidden!important}._carouselWithScrollPeek_40ygp_354 ._prevButton_40ygp_293{left:16px;position:absolute;top:50%;transform:translateY(-50%);z-index:10}._carouselWithScrollPeek_40ygp_354 ._nextButton_40ygp_300{position:absolute;right:16px;top:50%;transform:translateY(-50%);z-index:10}._carouselWithScrollPeek_40ygp_354 ._dotsContainer_40ygp_224{bottom:20px;display:flex;justify-content:center;left:0;position:absolute;right:0;z-index:5}._carouselWithFractionalItems_40ygp_388{position:relative}._carouselWithFractionalItems_40ygp_388,._carouselWithFractionalItems_40ygp_388 ._carousel_40ygp_2{overflow-x:visible!important;overflow-y:hidden!important}._carouselWithFractionalItems_40ygp_388 ._prevButton_40ygp_293{left:16px;position:absolute;top:50%;transform:translateY(-50%);z-index:10}._carouselWithFractionalItems_40ygp_388 ._nextButton_40ygp_300{position:absolute;right:16px;top:50%;transform:translateY(-50%);z-index:10}._carouselWithFractionalItems_40ygp_388 ._dotsContainer_40ygp_224{bottom:20px;display:flex;justify-content:center;left:0;position:absolute;right:0;z-index:5}._paginationDotsDefault_40ygp_422{position:relative;width:100%}._paginationDotsDefault_40ygp_422 ._prevButton_40ygp_293{left:10px;position:absolute;top:50%;transform:translateY(-50%);z-index:5}._paginationDotsDefault_40ygp_422 ._nextButton_40ygp_300{position:absolute;right:10px;top:50%;transform:translateY(-50%);z-index:5}._paginationDotsDefault_40ygp_422 ._dotsContainer_40ygp_224{bottom:12px;display:flex;justify-content:center;left:0;position:absolute;right:0;z-index:5}._hoverArrowsDefault_40ygp_451{height:100%;overflow-x:hidden;width:361px}._hoverArrowsDefault_40ygp_451 ._prevButton_40ygp_293{left:10px;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .3s ease;z-index:5}._hoverArrowsDefault_40ygp_451 ._nextButton_40ygp_300{opacity:0;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:opacity .3s ease;z-index:5}._hoverArrowsDefault_40ygp_451:focus-within ._nextButton_40ygp_300,._hoverArrowsDefault_40ygp_451:focus-within ._prevButton_40ygp_293,._hoverArrowsDefault_40ygp_451:hover ._nextButton_40ygp_300,._hoverArrowsDefault_40ygp_451:hover ._prevButton_40ygp_293{opacity:1}._hoverArrowsDefault_40ygp_451 ._dotsContainer_40ygp_224{bottom:12px;display:flex;justify-content:center;left:0;position:absolute;right:0;z-index:5}

package/dist/src/components/Carousel/Carousel.module.css.js

@@ -1,23 +1,23 @@
-import '../../../assets/src/components/Carousel/Carousel.module.css';const carouselWrapper = "_carouselWrapper_53fml_2";
-const showPartialItems = "_showPartialItems_53fml_14";
-const carousel = "_carousel_53fml_2";
-const hasScrollPadding = "_hasScrollPadding_53fml_25";
-const scroller = "_scroller_53fml_43";
-const item = "_item_53fml_85";
-const slideLeft = "_slideLeft_53fml_123";
-const slideRight = "_slideRight_53fml_127";
-const controls = "_controls_53fml_150";
-const defaultPrevButton = "_defaultPrevButton_53fml_161";
-const defaultNextButton = "_defaultNextButton_53fml_169";
-const defaultDotsContainer = "_defaultDotsContainer_53fml_178";
-const defaultCarouselWrapper = "_defaultCarouselWrapper_53fml_189";
-const autoplayControlWrapper = "_autoplayControlWrapper_53fml_196";
-const defaultAutoplayControl = "_defaultAutoplayControl_53fml_196";
-const showOnHover = "_showOnHover_53fml_205";
-const hidden = "_hidden_53fml_215";
-const hiddenTabs = "_hiddenTabs_53fml_246";
-const infinite = "_infinite_53fml_265";
-const native = "_native_53fml_270";
+import '../../../assets/src/components/Carousel/Carousel.module.css';const carouselWrapper = "_carouselWrapper_40ygp_2";
+const showPartialItems = "_showPartialItems_40ygp_14";
+const carousel = "_carousel_40ygp_2";
+const hasScrollPadding = "_hasScrollPadding_40ygp_25";
+const scroller = "_scroller_40ygp_43";
+const item = "_item_40ygp_85";
+const slideLeft = "_slideLeft_40ygp_123";
+const slideRight = "_slideRight_40ygp_127";
+const controls = "_controls_40ygp_150";
+const defaultPrevButton = "_defaultPrevButton_40ygp_161";
+const defaultNextButton = "_defaultNextButton_40ygp_169";
+const defaultDotsContainer = "_defaultDotsContainer_40ygp_178";
+const defaultCarouselWrapper = "_defaultCarouselWrapper_40ygp_189";
+const autoplayControlWrapper = "_autoplayControlWrapper_40ygp_196";
+const defaultAutoplayControl = "_defaultAutoplayControl_40ygp_196";
+const showOnHover = "_showOnHover_40ygp_205";
+const hidden = "_hidden_40ygp_215";
+const hiddenTabs = "_hiddenTabs_40ygp_246";
+const infinite = "_infinite_40ygp_265";
+const native = "_native_40ygp_270";
 const styles = {
   carouselWrapper,
   showPartialItems,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alto-avios/alto-ui",
-  "version": "5.0.0-alpha.2",
+  "version": "5.0.0-alpha.3",
   "description": "A react component library for Alto Design System",
   "author": {
     "name": "Ian Caldwell IAGL",