@yoursurprise/slider 2.3.0 → 2.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.css CHANGED
@@ -97,6 +97,5 @@
97
97
  }
98
98
  .slider__wrapper__slide {
99
99
  scroll-snap-align: start;
100
- white-space: nowrap;
101
100
  }
102
101
  /*# sourceMappingURL=index.css.map */
@@ -1 +1 @@
1
- {"version":3,"sources":["Button.scss","Slider.scss"],"names":[],"mappings":"AAAA;EACE,kBAAkB;EAClB,MAAM;EACN,SAAS;EACT,YAAY;EACZ,WAAW;EACX,cAAc;EACd,kBAAkB;EAClB,uBAAuB;EACvB,mBAAmB;EACnB,uBAAuB;EACvB,eAAe;EACf,aAAa;EACb,YAAY;EACZ,aAAa;EACb,iDAAiD;EACjD,uCAAuC;AACzC;AACA;EACE,aAAa;AACf;AACA;EACE,iDAAiD;AACnD;AACA;EACE;IACE,aAAa;EACf;AACF;AACA;EACE,aAAa;AACf;AACA;EACE,UAAU;AACZ;AACA;EACE,cAAc;EACd,WAAW;EACX,OAAO;EACP,QAAQ;EACR,YAAY;AACd;AACA;EACE,wBAAwB;AAC1B;AACA;EACE,SAAS;AACX;AACA;EACE,cAAc;EACd,QAAQ;EACR,eAAe;EACf,OAAO;EACP,QAAQ;AACV;AACA;EACE,wBAAwB;AAC1B;ACzDA;EACE,kBAAkB;AACpB;AACA;EACE,aAAa;EACb,uBAAuB;EACvB,wBAAwB;EACxB,qBAAqB;AACvB;AACA;EACE,aAAa;AACf;AACA;EACE,YAAY;AACd;AACA;EACE,8BAA8B;EAC9B,mBAAmB;EACnB,gBAAgB;EAChB,6BAA6B;AAC/B;AACA;EACE,8BAA8B;EAC9B,6BAA6B;EAC7B,sBAAsB;EACtB,gBAAgB;AAClB;AACA;EACE;IACE,yBAAyB;EAC3B;AACF;AACA;EACE,wBAAwB;AAC1B;AACA;EACE,gBAAgB;EAChB,iBAAiB;AACnB;AACA;EACE,wBAAwB;EACxB,mBAAmB;AACrB","file":"index.css","sourcesContent":[".slider__button {\n position: absolute;\n top: 0;\n bottom: 0;\n height: 48px;\n width: 48px;\n margin: auto 0;\n border-radius: 50%;\n background-color: white;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n display: none;\n border: none;\n outline: none;\n box-shadow: inset 0 0 0 1px rgba(32, 32, 32, 0.1);\n transition: box-shadow 0.2s ease-in-out;\n}\n.slider__button__icon {\n fill: #554c44;\n}\n.slider__button:hover {\n box-shadow: inset 0 0 0 1px rgba(32, 32, 32, 0.2);\n}\n@media (hover: hover) {\n .slider__button {\n display: flex;\n }\n}\n.slider__button--hidden {\n display: none;\n}\n.slider__button__next--horizontal {\n right: 5px;\n}\n.slider__button__next--vertical {\n margin: 0 auto;\n bottom: 5px;\n left: 0;\n right: 0;\n top: initial;\n}\n.slider__button__next--vertical svg {\n transform: rotate(90deg);\n}\n.slider__button__prev--horizontal {\n left: 5px;\n}\n.slider__button__prev--vertical {\n margin: 0 auto;\n top: 5px;\n bottom: initial;\n left: 0;\n right: 0;\n}\n.slider__button__prev--vertical svg {\n transform: rotate(90deg);\n}",".slider {\n position: relative;\n}\n.slider__wrapper {\n display: flex;\n scroll-behavior: smooth;\n -ms-overflow-style: none;\n scrollbar-width: none;\n}\n.slider__wrapper::-webkit-scrollbar {\n display: none;\n}\n.slider__wrapper--is-scrollable {\n cursor: move;\n}\n.slider__wrapper--is-horizontal {\n overscroll-behavior-x: contain;\n flex-direction: row;\n overflow-x: auto;\n scroll-snap-type: x proximity;\n}\n.slider__wrapper--is-vertical {\n overscroll-behavior-y: contain;\n scroll-snap-type: y proximity;\n flex-direction: column;\n overflow-y: auto;\n}\n@media (hover: hover) {\n .slider__wrapper {\n scroll-snap-type: initial;\n }\n}\n.slider__wrapper--is-dragging {\n scroll-behavior: initial;\n}\n.slider__wrapper--is-dragging {\n cursor: grabbing;\n user-select: none;\n}\n.slider__wrapper__slide {\n scroll-snap-align: start;\n white-space: nowrap;\n}"]}
1
+ {"version":3,"sources":["Button.scss","Slider.scss"],"names":[],"mappings":"AAAA;EACE,kBAAkB;EAClB,MAAM;EACN,SAAS;EACT,YAAY;EACZ,WAAW;EACX,cAAc;EACd,kBAAkB;EAClB,uBAAuB;EACvB,mBAAmB;EACnB,uBAAuB;EACvB,eAAe;EACf,aAAa;EACb,YAAY;EACZ,aAAa;EACb,iDAAiD;EACjD,uCAAuC;AACzC;AACA;EACE,aAAa;AACf;AACA;EACE,iDAAiD;AACnD;AACA;EACE;IACE,aAAa;EACf;AACF;AACA;EACE,aAAa;AACf;AACA;EACE,UAAU;AACZ;AACA;EACE,cAAc;EACd,WAAW;EACX,OAAO;EACP,QAAQ;EACR,YAAY;AACd;AACA;EACE,wBAAwB;AAC1B;AACA;EACE,SAAS;AACX;AACA;EACE,cAAc;EACd,QAAQ;EACR,eAAe;EACf,OAAO;EACP,QAAQ;AACV;AACA;EACE,wBAAwB;AAC1B;ACzDA;EACE,kBAAkB;AACpB;AACA;EACE,aAAa;EACb,uBAAuB;EACvB,wBAAwB;EACxB,qBAAqB;AACvB;AACA;EACE,aAAa;AACf;AACA;EACE,YAAY;AACd;AACA;EACE,8BAA8B;EAC9B,mBAAmB;EACnB,gBAAgB;EAChB,6BAA6B;AAC/B;AACA;EACE,8BAA8B;EAC9B,6BAA6B;EAC7B,sBAAsB;EACtB,gBAAgB;AAClB;AACA;EACE;IACE,yBAAyB;EAC3B;AACF;AACA;EACE,wBAAwB;AAC1B;AACA;EACE,gBAAgB;EAChB,iBAAiB;AACnB;AACA;EACE,wBAAwB;AAC1B","file":"index.css","sourcesContent":[".slider__button {\n position: absolute;\n top: 0;\n bottom: 0;\n height: 48px;\n width: 48px;\n margin: auto 0;\n border-radius: 50%;\n background-color: white;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n display: none;\n border: none;\n outline: none;\n box-shadow: inset 0 0 0 1px rgba(32, 32, 32, 0.1);\n transition: box-shadow 0.2s ease-in-out;\n}\n.slider__button__icon {\n fill: #554c44;\n}\n.slider__button:hover {\n box-shadow: inset 0 0 0 1px rgba(32, 32, 32, 0.2);\n}\n@media (hover: hover) {\n .slider__button {\n display: flex;\n }\n}\n.slider__button--hidden {\n display: none;\n}\n.slider__button__next--horizontal {\n right: 5px;\n}\n.slider__button__next--vertical {\n margin: 0 auto;\n bottom: 5px;\n left: 0;\n right: 0;\n top: initial;\n}\n.slider__button__next--vertical svg {\n transform: rotate(90deg);\n}\n.slider__button__prev--horizontal {\n left: 5px;\n}\n.slider__button__prev--vertical {\n margin: 0 auto;\n top: 5px;\n bottom: initial;\n left: 0;\n right: 0;\n}\n.slider__button__prev--vertical svg {\n transform: rotate(90deg);\n}",".slider {\n position: relative;\n}\n.slider__wrapper {\n display: flex;\n scroll-behavior: smooth;\n -ms-overflow-style: none;\n scrollbar-width: none;\n}\n.slider__wrapper::-webkit-scrollbar {\n display: none;\n}\n.slider__wrapper--is-scrollable {\n cursor: move;\n}\n.slider__wrapper--is-horizontal {\n overscroll-behavior-x: contain;\n flex-direction: row;\n overflow-x: auto;\n scroll-snap-type: x proximity;\n}\n.slider__wrapper--is-vertical {\n overscroll-behavior-y: contain;\n scroll-snap-type: y proximity;\n flex-direction: column;\n overflow-y: auto;\n}\n@media (hover: hover) {\n .slider__wrapper {\n scroll-snap-type: initial;\n }\n}\n.slider__wrapper--is-dragging {\n scroll-behavior: initial;\n}\n.slider__wrapper--is-dragging {\n cursor: grabbing;\n user-select: none;\n}\n.slider__wrapper__slide {\n scroll-snap-align: start;\n}"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@yoursurprise/slider",
3
- "version": "2.3.0",
3
+ "version": "2.3.1",
4
4
  "description": "Basic React slider using modern Javascript and CSS",
5
5
  "module": "dist/module.js",
6
6
  "main": "dist/index.js",
package/src/Slider.scss CHANGED
@@ -49,7 +49,6 @@
49
49
 
50
50
  &__slide {
51
51
  scroll-snap-align: start;
52
- white-space: nowrap;
53
52
  }
54
53
  }
55
54
  }