@semcore/carousel 1.5.1 → 1.6.0

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.
Files changed (7) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/lib/cjs/Carousel.js +13 -13
  3. package/lib/cjs/style/carousel.shadow.css +6 -0
  4. package/lib/es6/Carousel.js +13 -13
  5. package/lib/es6/style/carousel.shadow.css +6 -0
  6. package/package.json +1 -1
  7. package/src/style/carousel.shadow.css +6 -0
package/CHANGELOG.md CHANGED
@@ -2,6 +2,12 @@
2
2
 
3
3
  CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
4
4
 
5
+ ## [1.6.0] - 2021-03-04
6
+
7
+ ### Added
8
+
9
+ - Disabled animation if reduce motion is preferred.
10
+
5
11
  ## [1.5.1] - 2022-02-24
6
12
 
7
13
  ### Added
package/lib/cjs/Carousel.js CHANGED
@@ -54,22 +54,22 @@ var style = (
54
54
  /*__reshadow_css_start__*/
55
55
  _core.sstyled.insert(
56
56
  /*__inner_css_start__*/
57
- ".___SCarousel_1848m_gg_{overflow:hidden;outline:none}.___SContainer_1848m_gg_{display:flex;transition:transform var(--duration_q7pnj9) ease-in-out}.___SItem_1848m_gg_{flex:0 0 100%;max-width:100%;box-sizing:border-box;transform:var(--transform_q7pnj9)}.___SIndicators_1848m_gg_{display:flex;justify-content:center;margin-top:16px}.___SIndicator_1848m_gg_{margin:0 5px;padding:0 5px;cursor:pointer}.___SIndicator_1848m_gg_:before{content:\"\";display:block;width:12px;height:12px;border-radius:50%;background-color:rgba(166,176,179,.3)}.___SIndicator_1848m_gg_:hover:before{background-color:rgba(166,176,179,.6)}.___SIndicator_1848m_gg_.__active_1848m_gg_:before{background-color:#a6b0b3}.___SNext_1848m_gg_,.___SPrev_1848m_gg_{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.___SNext_1848m_gg_.__disabled_1848m_gg_,.___SPrev_1848m_gg_.__disabled_1848m_gg_{opacity:0.3;cursor:default;pointer-events:none}"
57
+ ".___SCarousel_o0y3i_gg_{overflow:hidden;outline:none}.___SContainer_o0y3i_gg_{display:flex;transition:transform var(--duration_lgdlov) ease-in-out}.___SItem_o0y3i_gg_{flex:0 0 100%;max-width:100%;box-sizing:border-box;transform:var(--transform_lgdlov)}.___SIndicators_o0y3i_gg_{display:flex;justify-content:center;margin-top:16px}.___SIndicator_o0y3i_gg_{margin:0 5px;padding:0 5px;cursor:pointer}.___SIndicator_o0y3i_gg_:before{content:\"\";display:block;width:12px;height:12px;border-radius:50%;background-color:rgba(166,176,179,.3)}.___SIndicator_o0y3i_gg_:hover:before{background-color:rgba(166,176,179,.6)}.___SIndicator_o0y3i_gg_.__active_o0y3i_gg_:before{background-color:#a6b0b3}.___SNext_o0y3i_gg_,.___SPrev_o0y3i_gg_{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.___SNext_o0y3i_gg_.__disabled_o0y3i_gg_,.___SPrev_o0y3i_gg_.__disabled_o0y3i_gg_{opacity:0.3;cursor:default;pointer-events:none}@media (prefers-reduced-motion){.___SContainer_o0y3i_gg_{transition:none}}"
58
58
  /*__inner_css_end__*/
59
- , "q7pnj9_gg_")
59
+ , "lgdlov_gg_")
60
60
  /*__reshadow_css_end__*/
61
61
  , {
62
- "__SCarousel": "___SCarousel_1848m_gg_",
63
- "__SContainer": "___SContainer_1848m_gg_",
64
- "--duration": "--duration_q7pnj9",
65
- "__SItem": "___SItem_1848m_gg_",
66
- "--transform": "--transform_q7pnj9",
67
- "__SIndicators": "___SIndicators_1848m_gg_",
68
- "__SIndicator": "___SIndicator_1848m_gg_",
69
- "_active": "__active_1848m_gg_",
70
- "__SNext": "___SNext_1848m_gg_",
71
- "__SPrev": "___SPrev_1848m_gg_",
72
- "_disabled": "__disabled_1848m_gg_"
62
+ "__SCarousel": "___SCarousel_o0y3i_gg_",
63
+ "__SContainer": "___SContainer_o0y3i_gg_",
64
+ "--duration": "--duration_lgdlov",
65
+ "__SItem": "___SItem_o0y3i_gg_",
66
+ "--transform": "--transform_lgdlov",
67
+ "__SIndicators": "___SIndicators_o0y3i_gg_",
68
+ "__SIndicator": "___SIndicator_o0y3i_gg_",
69
+ "_active": "__active_o0y3i_gg_",
70
+ "__SNext": "___SNext_o0y3i_gg_",
71
+ "__SPrev": "___SPrev_o0y3i_gg_",
72
+ "_disabled": "__disabled_o0y3i_gg_"
73
73
  });
74
74
  var position = {
75
75
  getItemMin: function getItemMin(items) {
package/lib/cjs/style/carousel.shadow.css CHANGED
@@ -62,3 +62,9 @@ SNext[disabled] {
62
62
  cursor: default;
63
63
  pointer-events: none;
64
64
  }
65
+
66
+ @media (prefers-reduced-motion) {
67
+ SContainer {
68
+ transition: none;
69
+ }
70
+ }
package/lib/es6/Carousel.js CHANGED
@@ -35,22 +35,22 @@ var style = (
35
35
  /*__reshadow_css_start__*/
36
36
  _sstyled.insert(
37
37
  /*__inner_css_start__*/
38
- ".___SCarousel_1848m_gg_{overflow:hidden;outline:none}.___SContainer_1848m_gg_{display:flex;transition:transform var(--duration_q7pnj9) ease-in-out}.___SItem_1848m_gg_{flex:0 0 100%;max-width:100%;box-sizing:border-box;transform:var(--transform_q7pnj9)}.___SIndicators_1848m_gg_{display:flex;justify-content:center;margin-top:16px}.___SIndicator_1848m_gg_{margin:0 5px;padding:0 5px;cursor:pointer}.___SIndicator_1848m_gg_:before{content:\"\";display:block;width:12px;height:12px;border-radius:50%;background-color:rgba(166,176,179,.3)}.___SIndicator_1848m_gg_:hover:before{background-color:rgba(166,176,179,.6)}.___SIndicator_1848m_gg_.__active_1848m_gg_:before{background-color:#a6b0b3}.___SNext_1848m_gg_,.___SPrev_1848m_gg_{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.___SNext_1848m_gg_.__disabled_1848m_gg_,.___SPrev_1848m_gg_.__disabled_1848m_gg_{opacity:0.3;cursor:default;pointer-events:none}"
38
+ ".___SCarousel_o0y3i_gg_{overflow:hidden;outline:none}.___SContainer_o0y3i_gg_{display:flex;transition:transform var(--duration_lgdlov) ease-in-out}.___SItem_o0y3i_gg_{flex:0 0 100%;max-width:100%;box-sizing:border-box;transform:var(--transform_lgdlov)}.___SIndicators_o0y3i_gg_{display:flex;justify-content:center;margin-top:16px}.___SIndicator_o0y3i_gg_{margin:0 5px;padding:0 5px;cursor:pointer}.___SIndicator_o0y3i_gg_:before{content:\"\";display:block;width:12px;height:12px;border-radius:50%;background-color:rgba(166,176,179,.3)}.___SIndicator_o0y3i_gg_:hover:before{background-color:rgba(166,176,179,.6)}.___SIndicator_o0y3i_gg_.__active_o0y3i_gg_:before{background-color:#a6b0b3}.___SNext_o0y3i_gg_,.___SPrev_o0y3i_gg_{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.___SNext_o0y3i_gg_.__disabled_o0y3i_gg_,.___SPrev_o0y3i_gg_.__disabled_o0y3i_gg_{opacity:0.3;cursor:default;pointer-events:none}@media (prefers-reduced-motion){.___SContainer_o0y3i_gg_{transition:none}}"
39
39
  /*__inner_css_end__*/
40
- , "q7pnj9_gg_")
40
+ , "lgdlov_gg_")
41
41
  /*__reshadow_css_end__*/
42
42
  , {
43
- "__SCarousel": "___SCarousel_1848m_gg_",
44
- "__SContainer": "___SContainer_1848m_gg_",
45
- "--duration": "--duration_q7pnj9",
46
- "__SItem": "___SItem_1848m_gg_",
47
- "--transform": "--transform_q7pnj9",
48
- "__SIndicators": "___SIndicators_1848m_gg_",
49
- "__SIndicator": "___SIndicator_1848m_gg_",
50
- "_active": "__active_1848m_gg_",
51
- "__SNext": "___SNext_1848m_gg_",
52
- "__SPrev": "___SPrev_1848m_gg_",
53
- "_disabled": "__disabled_1848m_gg_"
43
+ "__SCarousel": "___SCarousel_o0y3i_gg_",
44
+ "__SContainer": "___SContainer_o0y3i_gg_",
45
+ "--duration": "--duration_lgdlov",
46
+ "__SItem": "___SItem_o0y3i_gg_",
47
+ "--transform": "--transform_lgdlov",
48
+ "__SIndicators": "___SIndicators_o0y3i_gg_",
49
+ "__SIndicator": "___SIndicator_o0y3i_gg_",
50
+ "_active": "__active_o0y3i_gg_",
51
+ "__SNext": "___SNext_o0y3i_gg_",
52
+ "__SPrev": "___SPrev_o0y3i_gg_",
53
+ "_disabled": "__disabled_o0y3i_gg_"
54
54
  });
55
55
  var position = {
56
56
  getItemMin: function getItemMin(items) {
package/lib/es6/style/carousel.shadow.css CHANGED
@@ -62,3 +62,9 @@ SNext[disabled] {
62
62
  cursor: default;
63
63
  pointer-events: none;
64
64
  }
65
+
66
+ @media (prefers-reduced-motion) {
67
+ SContainer {
68
+ transition: none;
69
+ }
70
+ }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@semcore/carousel",
3
3
  "description": "SEMRush Carousel Component",
4
- "version": "1.5.1",
4
+ "version": "1.6.0",
5
5
  "main": "lib/cjs/index.js",
6
6
  "module": "lib/es6/index.js",
7
7
  "typings": "lib/types/index.d.ts",
package/src/style/carousel.shadow.css CHANGED
@@ -62,3 +62,9 @@ SNext[disabled] {
62
62
  cursor: default;
63
63
  pointer-events: none;
64
64
  }
65
+
66
+ @media (prefers-reduced-motion) {
67
+ SContainer {
68
+ transition: none;
69
+ }
70
+ }