@semcore/carousel 2.2.11 → 2.2.12

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 +2 -2
  4. package/lib/es6/Carousel.js +13 -13
  5. package/lib/es6/style/carousel.shadow.css +2 -2
  6. package/package.json +1 -1
  7. package/src/style/carousel.shadow.css +2 -2
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
+ ## [2.2.12] - 2023-02-09
6
+
7
+ ### Changed
8
+
9
+ - Split rounding design tokens (`--intergalactic-rounded-medium` -> `--intergalactic-surface-rounded` and `--intergalactic-control-rounded`).
10
+
5
11
  ## [2.2.11] - 2023-02-01
6
12
 
7
13
  ### Fixed
package/lib/cjs/Carousel.js CHANGED
@@ -56,22 +56,22 @@ var style = (
56
56
  /*__reshadow_css_start__*/
57
57
  _core.sstyled.insert(
58
58
  /*__inner_css_start__*/
59
- ".___SCarousel_u3m9k_gg_{overflow:hidden;outline:none}.___SContainer_u3m9k_gg_{display:flex;transition:transform var(--duration_u3m9k) ease-in-out}.___SItem_u3m9k_gg_{flex:0 0 100%;max-width:100%;box-sizing:border-box;transform:var(--transform_u3m9k);border-radius:var(--intergalactic-rounded-medium,6px);overflow:hidden}.___SIndicators_u3m9k_gg_{display:flex;justify-content:center;margin-top:var(--intergalactic-spacing-4x,16px)}.___SIndicator_u3m9k_gg_{margin:0 calc(var(--intergalactic-spacing-3x, 12px)*0.5);cursor:pointer;display:block;width:12px;height:12px;border-radius:var(--intergalactic-rounded-medium,6px);background-color:var(--intergalactic-icon-secondary-neutral,#a9abb6);opacity:var(--intergalactic-disabled-opacity,.3);-o-object-fit:cover;object-fit:cover;transition:opacity .1s ease-in-out}@media (hover: hover){.___SIndicator_u3m9k_gg_:hover{opacity:calc(var(--intergalactic-disabled-opacity, .3)*2)}}.___SIndicator_u3m9k_gg_.__active_u3m9k_gg_{opacity:1}.___SNext_u3m9k_gg_,.___SPrev_u3m9k_gg_{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.___SPrev_u3m9k_gg_{margin-right:var(--intergalactic-spacing-3x,12px)}.___SNext_u3m9k_gg_{margin-left:var(--intergalactic-spacing-3x,12px)}.___SNext_u3m9k_gg_.__disabled_u3m9k_gg_,.___SPrev_u3m9k_gg_.__disabled_u3m9k_gg_{opacity:var(--intergalactic-disabled-opacity,.3);cursor:default;pointer-events:none}@media (prefers-reduced-motion){.___SContainer_u3m9k_gg_{transition:none}}"
59
+ ".___SCarousel_daa4t_gg_{overflow:hidden;outline:none}.___SContainer_daa4t_gg_{display:flex;transition:transform var(--duration_daa4t) ease-in-out}.___SItem_daa4t_gg_{flex:0 0 100%;max-width:100%;box-sizing:border-box;transform:var(--transform_daa4t);border-radius:var(--intergalactic-surface-rounded,6px);overflow:hidden}.___SIndicators_daa4t_gg_{display:flex;justify-content:center;margin-top:var(--intergalactic-spacing-4x,16px)}.___SIndicator_daa4t_gg_{margin:0 calc(var(--intergalactic-spacing-3x, 12px)*0.5);cursor:pointer;display:block;width:12px;height:12px;border-radius:var(--intergalactic-control-rounded,6px);background-color:var(--intergalactic-icon-secondary-neutral,#a9abb6);opacity:var(--intergalactic-disabled-opacity,.3);-o-object-fit:cover;object-fit:cover;transition:opacity .1s ease-in-out}@media (hover: hover){.___SIndicator_daa4t_gg_:hover{opacity:calc(var(--intergalactic-disabled-opacity, .3)*2)}}.___SIndicator_daa4t_gg_.__active_daa4t_gg_{opacity:1}.___SNext_daa4t_gg_,.___SPrev_daa4t_gg_{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.___SPrev_daa4t_gg_{margin-right:var(--intergalactic-spacing-3x,12px)}.___SNext_daa4t_gg_{margin-left:var(--intergalactic-spacing-3x,12px)}.___SNext_daa4t_gg_.__disabled_daa4t_gg_,.___SPrev_daa4t_gg_.__disabled_daa4t_gg_{opacity:var(--intergalactic-disabled-opacity,.3);cursor:default;pointer-events:none}@media (prefers-reduced-motion){.___SContainer_daa4t_gg_{transition:none}}"
60
60
  /*__inner_css_end__*/
61
- , "u3m9k_gg_")
61
+ , "daa4t_gg_")
62
62
  /*__reshadow_css_end__*/
63
63
  , {
64
- "__SCarousel": "___SCarousel_u3m9k_gg_",
65
- "__SContainer": "___SContainer_u3m9k_gg_",
66
- "--duration": "--duration_u3m9k",
67
- "__SItem": "___SItem_u3m9k_gg_",
68
- "--transform": "--transform_u3m9k",
69
- "__SIndicators": "___SIndicators_u3m9k_gg_",
70
- "__SIndicator": "___SIndicator_u3m9k_gg_",
71
- "_active": "__active_u3m9k_gg_",
72
- "__SNext": "___SNext_u3m9k_gg_",
73
- "__SPrev": "___SPrev_u3m9k_gg_",
74
- "_disabled": "__disabled_u3m9k_gg_"
64
+ "__SCarousel": "___SCarousel_daa4t_gg_",
65
+ "__SContainer": "___SContainer_daa4t_gg_",
66
+ "--duration": "--duration_daa4t",
67
+ "__SItem": "___SItem_daa4t_gg_",
68
+ "--transform": "--transform_daa4t",
69
+ "__SIndicators": "___SIndicators_daa4t_gg_",
70
+ "__SIndicator": "___SIndicator_daa4t_gg_",
71
+ "_active": "__active_daa4t_gg_",
72
+ "__SNext": "___SNext_daa4t_gg_",
73
+ "__SPrev": "___SPrev_daa4t_gg_",
74
+ "_disabled": "__disabled_daa4t_gg_"
75
75
  });
76
76
  var position = {
77
77
  getItemMin: function getItemMin(items) {
package/lib/cjs/style/carousel.shadow.css CHANGED
@@ -13,7 +13,7 @@ SItem {
13
13
  max-width: 100%;
14
14
  box-sizing: border-box;
15
15
  transform: var(--transform);
16
- border-radius: var(--intergalactic-rounded-medium, 6px);
16
+ border-radius: var(--intergalactic-surface-rounded, 6px);
17
17
  overflow: hidden;
18
18
  }
19
19
 
@@ -29,7 +29,7 @@ SIndicator {
29
29
  display: block;
30
30
  width: 12px;
31
31
  height: 12px;
32
- border-radius: var(--intergalactic-rounded-medium, 6px);
32
+ border-radius: var(--intergalactic-control-rounded, 6px);
33
33
  background-color: var(--intergalactic-icon-secondary-neutral, #a9abb6);
34
34
  opacity: var(--intergalactic-disabled-opacity, 0.3);
35
35
  object-fit: cover;
package/lib/es6/Carousel.js CHANGED
@@ -37,22 +37,22 @@ var style = (
37
37
  /*__reshadow_css_start__*/
38
38
  _sstyled.insert(
39
39
  /*__inner_css_start__*/
40
- ".___SCarousel_u3m9k_gg_{overflow:hidden;outline:none}.___SContainer_u3m9k_gg_{display:flex;transition:transform var(--duration_u3m9k) ease-in-out}.___SItem_u3m9k_gg_{flex:0 0 100%;max-width:100%;box-sizing:border-box;transform:var(--transform_u3m9k);border-radius:var(--intergalactic-rounded-medium,6px);overflow:hidden}.___SIndicators_u3m9k_gg_{display:flex;justify-content:center;margin-top:var(--intergalactic-spacing-4x,16px)}.___SIndicator_u3m9k_gg_{margin:0 calc(var(--intergalactic-spacing-3x, 12px)*0.5);cursor:pointer;display:block;width:12px;height:12px;border-radius:var(--intergalactic-rounded-medium,6px);background-color:var(--intergalactic-icon-secondary-neutral,#a9abb6);opacity:var(--intergalactic-disabled-opacity,.3);-o-object-fit:cover;object-fit:cover;transition:opacity .1s ease-in-out}@media (hover: hover){.___SIndicator_u3m9k_gg_:hover{opacity:calc(var(--intergalactic-disabled-opacity, .3)*2)}}.___SIndicator_u3m9k_gg_.__active_u3m9k_gg_{opacity:1}.___SNext_u3m9k_gg_,.___SPrev_u3m9k_gg_{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.___SPrev_u3m9k_gg_{margin-right:var(--intergalactic-spacing-3x,12px)}.___SNext_u3m9k_gg_{margin-left:var(--intergalactic-spacing-3x,12px)}.___SNext_u3m9k_gg_.__disabled_u3m9k_gg_,.___SPrev_u3m9k_gg_.__disabled_u3m9k_gg_{opacity:var(--intergalactic-disabled-opacity,.3);cursor:default;pointer-events:none}@media (prefers-reduced-motion){.___SContainer_u3m9k_gg_{transition:none}}"
40
+ ".___SCarousel_daa4t_gg_{overflow:hidden;outline:none}.___SContainer_daa4t_gg_{display:flex;transition:transform var(--duration_daa4t) ease-in-out}.___SItem_daa4t_gg_{flex:0 0 100%;max-width:100%;box-sizing:border-box;transform:var(--transform_daa4t);border-radius:var(--intergalactic-surface-rounded,6px);overflow:hidden}.___SIndicators_daa4t_gg_{display:flex;justify-content:center;margin-top:var(--intergalactic-spacing-4x,16px)}.___SIndicator_daa4t_gg_{margin:0 calc(var(--intergalactic-spacing-3x, 12px)*0.5);cursor:pointer;display:block;width:12px;height:12px;border-radius:var(--intergalactic-control-rounded,6px);background-color:var(--intergalactic-icon-secondary-neutral,#a9abb6);opacity:var(--intergalactic-disabled-opacity,.3);-o-object-fit:cover;object-fit:cover;transition:opacity .1s ease-in-out}@media (hover: hover){.___SIndicator_daa4t_gg_:hover{opacity:calc(var(--intergalactic-disabled-opacity, .3)*2)}}.___SIndicator_daa4t_gg_.__active_daa4t_gg_{opacity:1}.___SNext_daa4t_gg_,.___SPrev_daa4t_gg_{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.___SPrev_daa4t_gg_{margin-right:var(--intergalactic-spacing-3x,12px)}.___SNext_daa4t_gg_{margin-left:var(--intergalactic-spacing-3x,12px)}.___SNext_daa4t_gg_.__disabled_daa4t_gg_,.___SPrev_daa4t_gg_.__disabled_daa4t_gg_{opacity:var(--intergalactic-disabled-opacity,.3);cursor:default;pointer-events:none}@media (prefers-reduced-motion){.___SContainer_daa4t_gg_{transition:none}}"
41
41
  /*__inner_css_end__*/
42
- , "u3m9k_gg_")
42
+ , "daa4t_gg_")
43
43
  /*__reshadow_css_end__*/
44
44
  , {
45
- "__SCarousel": "___SCarousel_u3m9k_gg_",
46
- "__SContainer": "___SContainer_u3m9k_gg_",
47
- "--duration": "--duration_u3m9k",
48
- "__SItem": "___SItem_u3m9k_gg_",
49
- "--transform": "--transform_u3m9k",
50
- "__SIndicators": "___SIndicators_u3m9k_gg_",
51
- "__SIndicator": "___SIndicator_u3m9k_gg_",
52
- "_active": "__active_u3m9k_gg_",
53
- "__SNext": "___SNext_u3m9k_gg_",
54
- "__SPrev": "___SPrev_u3m9k_gg_",
55
- "_disabled": "__disabled_u3m9k_gg_"
45
+ "__SCarousel": "___SCarousel_daa4t_gg_",
46
+ "__SContainer": "___SContainer_daa4t_gg_",
47
+ "--duration": "--duration_daa4t",
48
+ "__SItem": "___SItem_daa4t_gg_",
49
+ "--transform": "--transform_daa4t",
50
+ "__SIndicators": "___SIndicators_daa4t_gg_",
51
+ "__SIndicator": "___SIndicator_daa4t_gg_",
52
+ "_active": "__active_daa4t_gg_",
53
+ "__SNext": "___SNext_daa4t_gg_",
54
+ "__SPrev": "___SPrev_daa4t_gg_",
55
+ "_disabled": "__disabled_daa4t_gg_"
56
56
  });
57
57
  var position = {
58
58
  getItemMin: function getItemMin(items) {
package/lib/es6/style/carousel.shadow.css CHANGED
@@ -13,7 +13,7 @@ SItem {
13
13
  max-width: 100%;
14
14
  box-sizing: border-box;
15
15
  transform: var(--transform);
16
- border-radius: var(--intergalactic-rounded-medium, 6px);
16
+ border-radius: var(--intergalactic-surface-rounded, 6px);
17
17
  overflow: hidden;
18
18
  }
19
19
 
@@ -29,7 +29,7 @@ SIndicator {
29
29
  display: block;
30
30
  width: 12px;
31
31
  height: 12px;
32
- border-radius: var(--intergalactic-rounded-medium, 6px);
32
+ border-radius: var(--intergalactic-control-rounded, 6px);
33
33
  background-color: var(--intergalactic-icon-secondary-neutral, #a9abb6);
34
34
  opacity: var(--intergalactic-disabled-opacity, 0.3);
35
35
  object-fit: cover;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@semcore/carousel",
3
3
  "description": "Semrush Carousel Component",
4
- "version": "2.2.11",
4
+ "version": "2.2.12",
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
@@ -13,7 +13,7 @@ SItem {
13
13
  max-width: 100%;
14
14
  box-sizing: border-box;
15
15
  transform: var(--transform);
16
- border-radius: var(--intergalactic-rounded-medium, 6px);
16
+ border-radius: var(--intergalactic-surface-rounded, 6px);
17
17
  overflow: hidden;
18
18
  }
19
19
 
@@ -29,7 +29,7 @@ SIndicator {
29
29
  display: block;
30
30
  width: 12px;
31
31
  height: 12px;
32
- border-radius: var(--intergalactic-rounded-medium, 6px);
32
+ border-radius: var(--intergalactic-control-rounded, 6px);
33
33
  background-color: var(--intergalactic-icon-secondary-neutral, #a9abb6);
34
34
  opacity: var(--intergalactic-disabled-opacity, 0.3);
35
35
  object-fit: cover;