@semcore/carousel 2.0.19 → 2.1.0

package/CHANGELOG.md

@@ -2,119 +2,18 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
-## [2.0.19] - 2022-10-04
+## [2.1.0] - 2022-10-10
 
 ### Changed
 
-- Version patch update due to children dependencies update (`@semcore/utils` [3.37.1 ~> 3.37.2]).
+- Added support for React 18 🔥
+- Extended version range for dependency `@semcore/icons`.
 
-## [2.0.18] - 2022-10-03
+## [2.0.20] - 2022-10-06
 
 ### Changed
 
-- Version patch update due to children dependencies update (`@semcore/icon` [2.32.0 ~> 2.32.1]).
-
-## [2.0.17] - 2022-09-29
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/icon` [2.30.4 ~> 2.31.0]).
-
-## [2.0.16] - 2022-09-21
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/icon` [2.30.3 ~> 2.30.4]).
-
-## [2.0.15] - 2022-09-21
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/icon` [2.30.2 ~> 2.30.3]).
-
-## [2.0.14] - 2022-08-30
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/utils` [3.37.0 ~> 3.37.1]).
-
-## [2.0.13] - 2022-08-18
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/icon` [2.30.0 ~> 2.30.1]).
-
-## [2.0.12] - 2022-08-18
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/icon` [2.29.5 ~> 2.30.0]).
-
-## [2.0.11] - 2022-08-18
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/utils` [3.36.0 ~> 3.37.0]).
-
-## [2.0.10] - 2022-08-11
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/utils` [3.35.1 ~> 3.36.0]).
-
-## [2.0.9] - 2022-07-25
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/icon` [2.29.1 ~> 2.29.2]).
-
-## [2.0.8] - 2022-07-22
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/utils` [3.34.0 ~> 3.35.0]).
-
-## [2.0.7] - 2022-07-21
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/icon` [2.28.0 ~> 2.29.0]).
-
-## [2.0.6] - 2022-07-07
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/utils` [3.33.0 ~> 3.34.0], `@semcore/icon` [2.27.0 ~> 2.28.0]).
-
-## [2.0.5] - 2022-06-02
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/utils` [3.32.2 ~> 3.33.0], `@semcore/icon` [2.26.1 ~> 2.27.0]).
-
-## [2.0.4] - 2022-05-31
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/utils` [3.32.1 ~> 3.32.2]).
-
-## [2.0.3] - 2022-05-23
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/icon` [2.25.1 ~> 2.26.0]).
-
-## [2.0.2] - 2022-05-19
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/utils` [3.32.0 ~> 3.32.1], `@semcore/flex-box` [4.5.1 ~> 4.5.3]).
-
-## [2.0.1] - 2022-05-18
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/icon` [2.24.0 ~> 2.25.0]).
+- Version patch update due to children dependencies update (`@semcore/icon` [2.32.2 ~> 2.33.0]).
 
 ## [2.0.0] - 2022-05-17
 
@@ -128,24 +27,6 @@ CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangel
 
 - Version patch update due to children dependencies update (`@semcore/icon` [2.21.0 ~> 2.24.0]).
 
-## [1.6.3] - 2022-04-28
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/icon` [2.20.0 ~> 2.21.0]).
-
-## [1.6.2] - 2022-03-21
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/icon` [2.19.4 ~> 2.20.0]).
-
-## [1.6.1] - 2022-03-14
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/utils` [3.31.2 ~> 3.31.2]).
-
 ## [1.6.0] - 2021-03-04
 
 ### Added

package/LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright ©, 2022, Semrush Inc. (written by Roman Lysov, Sergey Kobets, Mikhail Karachev, Julia Mnizhek, Elena Krasnopolskaia, Mikhail Sereniti).
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/lib/cjs/Carousel.js

@@ -54,22 +54,22 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SCarousel_3eynj_gg_{overflow:hidden;outline:none}.___SContainer_3eynj_gg_{display:flex;transition:transform var(--duration_3eynj) ease-in-out}.___SItem_3eynj_gg_{flex:0 0 100%;max-width:100%;box-sizing:border-box;transform:var(--transform_3eynj);border-radius:6px;overflow:hidden}.___SIndicators_3eynj_gg_{display:flex;justify-content:center;margin-top:16px}.___SIndicator_3eynj_gg_{margin:0 6px;cursor:pointer;display:block;width:12px;height:12px;border-radius:6px;background-color:#a9abb6;opacity:.3;-o-object-fit:cover;object-fit:cover;transition:opacity .1s ease-in-out}.___SIndicator_3eynj_gg_:hover{opacity:.6}.___SIndicator_3eynj_gg_.__active_3eynj_gg_{opacity:1}.___SNext_3eynj_gg_,.___SPrev_3eynj_gg_{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.___SPrev_3eynj_gg_{margin-right:12px}.___SNext_3eynj_gg_{margin-left:12px}.___SNext_3eynj_gg_.__disabled_3eynj_gg_,.___SPrev_3eynj_gg_.__disabled_3eynj_gg_{opacity:0.3;cursor:default;pointer-events:none}@media (prefers-reduced-motion){.___SContainer_3eynj_gg_{transition:none}}"
+":root {\n\n  /* DEPRECATED START\n     Deprecated variables should never be used in\n     components styles but preserved for backward\n     compatibility if they used in projects\n     like `<Badge bg=\"red\">alpha</Badge>`\n  */\n  /* DEPRECATED END */\n}\n\n.___SCarousel_qu0y8_gg_ {\n  overflow: hidden;\n  outline: none;\n}\n\n.___SContainer_qu0y8_gg_ {\n  display: flex;\n  transition: transform var(--duration_qu0y8) ease-in-out;\n}\n\n.___SItem_qu0y8_gg_ {\n  flex: 0 0 100%;\n  max-width: 100%;\n  box-sizing: border-box;\n  transform: var(--transform_qu0y8);\n  border-radius: 6px;\n  overflow: hidden;\n}\n\n.___SIndicators_qu0y8_gg_ {\n  display: flex;\n  justify-content: center;\n  margin-top: 16px;\n}\n\n.___SIndicator_qu0y8_gg_ {\n  margin: 0 6px;\n  cursor: pointer;\n  display: block;\n  width: 12px;\n  height: 12px;\n  border-radius: 6px;\n  background-color: #a9abb6;\n  opacity: 0.3;\n  -o-object-fit: cover;\n     object-fit: cover;\n  transition: ease-in-out opacity 0.1s;\n}\n\n.___SIndicator_qu0y8_gg_:hover {\n  opacity: 0.6;\n}\n\n.___SIndicator_qu0y8_gg_.__active_qu0y8_gg_ {\n  opacity: 1;\n}\n\n.___SPrev_qu0y8_gg_,\n.___SNext_qu0y8_gg_ {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n}\n\n.___SPrev_qu0y8_gg_ {\n  margin-right: 12px;\n}\n\n.___SNext_qu0y8_gg_ {\n  margin-left: 12px;\n}\n\n.___SPrev_qu0y8_gg_.__disabled_qu0y8_gg_,\n.___SNext_qu0y8_gg_.__disabled_qu0y8_gg_ {\n  opacity: 0.3;\n  cursor: default;\n  pointer-events: none;\n}\n\n@media (prefers-reduced-motion) {\n  .___SContainer_qu0y8_gg_ {\n    transition: none;\n  }\n}\n"
 /*__inner_css_end__*/
-, "3eynj_gg_")
+, "qu0y8_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SCarousel": "___SCarousel_3eynj_gg_",
-  "__SContainer": "___SContainer_3eynj_gg_",
-  "--duration": "--duration_3eynj",
-  "__SItem": "___SItem_3eynj_gg_",
-  "--transform": "--transform_3eynj",
-  "__SIndicators": "___SIndicators_3eynj_gg_",
-  "__SIndicator": "___SIndicator_3eynj_gg_",
-  "_active": "__active_3eynj_gg_",
-  "__SNext": "___SNext_3eynj_gg_",
-  "__SPrev": "___SPrev_3eynj_gg_",
-  "_disabled": "__disabled_3eynj_gg_"
+  "__SCarousel": "___SCarousel_qu0y8_gg_",
+  "__SContainer": "___SContainer_qu0y8_gg_",
+  "--duration": "--duration_qu0y8",
+  "__SItem": "___SItem_qu0y8_gg_",
+  "--transform": "--transform_qu0y8",
+  "__SIndicators": "___SIndicators_qu0y8_gg_",
+  "__SIndicator": "___SIndicator_qu0y8_gg_",
+  "_active": "__active_qu0y8_gg_",
+  "__SPrev": "___SPrev_qu0y8_gg_",
+  "__SNext": "___SNext_qu0y8_gg_",
+  "_disabled": "__disabled_qu0y8_gg_"
 });
 var position = {
   getItemMin: function getItemMin(items) {

package/lib/es6/Carousel.js

@@ -36,22 +36,22 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SCarousel_3eynj_gg_{overflow:hidden;outline:none}.___SContainer_3eynj_gg_{display:flex;transition:transform var(--duration_3eynj) ease-in-out}.___SItem_3eynj_gg_{flex:0 0 100%;max-width:100%;box-sizing:border-box;transform:var(--transform_3eynj);border-radius:6px;overflow:hidden}.___SIndicators_3eynj_gg_{display:flex;justify-content:center;margin-top:16px}.___SIndicator_3eynj_gg_{margin:0 6px;cursor:pointer;display:block;width:12px;height:12px;border-radius:6px;background-color:#a9abb6;opacity:.3;-o-object-fit:cover;object-fit:cover;transition:opacity .1s ease-in-out}.___SIndicator_3eynj_gg_:hover{opacity:.6}.___SIndicator_3eynj_gg_.__active_3eynj_gg_{opacity:1}.___SNext_3eynj_gg_,.___SPrev_3eynj_gg_{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.___SPrev_3eynj_gg_{margin-right:12px}.___SNext_3eynj_gg_{margin-left:12px}.___SNext_3eynj_gg_.__disabled_3eynj_gg_,.___SPrev_3eynj_gg_.__disabled_3eynj_gg_{opacity:0.3;cursor:default;pointer-events:none}@media (prefers-reduced-motion){.___SContainer_3eynj_gg_{transition:none}}"
+":root {\n\n  /* DEPRECATED START\n     Deprecated variables should never be used in\n     components styles but preserved for backward\n     compatibility if they used in projects\n     like `<Badge bg=\"red\">alpha</Badge>`\n  */\n  /* DEPRECATED END */\n}\n\n.___SCarousel_qu0y8_gg_ {\n  overflow: hidden;\n  outline: none;\n}\n\n.___SContainer_qu0y8_gg_ {\n  display: flex;\n  transition: transform var(--duration_qu0y8) ease-in-out;\n}\n\n.___SItem_qu0y8_gg_ {\n  flex: 0 0 100%;\n  max-width: 100%;\n  box-sizing: border-box;\n  transform: var(--transform_qu0y8);\n  border-radius: 6px;\n  overflow: hidden;\n}\n\n.___SIndicators_qu0y8_gg_ {\n  display: flex;\n  justify-content: center;\n  margin-top: 16px;\n}\n\n.___SIndicator_qu0y8_gg_ {\n  margin: 0 6px;\n  cursor: pointer;\n  display: block;\n  width: 12px;\n  height: 12px;\n  border-radius: 6px;\n  background-color: #a9abb6;\n  opacity: 0.3;\n  -o-object-fit: cover;\n     object-fit: cover;\n  transition: ease-in-out opacity 0.1s;\n}\n\n.___SIndicator_qu0y8_gg_:hover {\n  opacity: 0.6;\n}\n\n.___SIndicator_qu0y8_gg_.__active_qu0y8_gg_ {\n  opacity: 1;\n}\n\n.___SPrev_qu0y8_gg_,\n.___SNext_qu0y8_gg_ {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n}\n\n.___SPrev_qu0y8_gg_ {\n  margin-right: 12px;\n}\n\n.___SNext_qu0y8_gg_ {\n  margin-left: 12px;\n}\n\n.___SPrev_qu0y8_gg_.__disabled_qu0y8_gg_,\n.___SNext_qu0y8_gg_.__disabled_qu0y8_gg_ {\n  opacity: 0.3;\n  cursor: default;\n  pointer-events: none;\n}\n\n@media (prefers-reduced-motion) {\n  .___SContainer_qu0y8_gg_ {\n    transition: none;\n  }\n}\n"
 /*__inner_css_end__*/
-, "3eynj_gg_")
+, "qu0y8_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SCarousel": "___SCarousel_3eynj_gg_",
-  "__SContainer": "___SContainer_3eynj_gg_",
-  "--duration": "--duration_3eynj",
-  "__SItem": "___SItem_3eynj_gg_",
-  "--transform": "--transform_3eynj",
-  "__SIndicators": "___SIndicators_3eynj_gg_",
-  "__SIndicator": "___SIndicator_3eynj_gg_",
-  "_active": "__active_3eynj_gg_",
-  "__SNext": "___SNext_3eynj_gg_",
-  "__SPrev": "___SPrev_3eynj_gg_",
-  "_disabled": "__disabled_3eynj_gg_"
+  "__SCarousel": "___SCarousel_qu0y8_gg_",
+  "__SContainer": "___SContainer_qu0y8_gg_",
+  "--duration": "--duration_qu0y8",
+  "__SItem": "___SItem_qu0y8_gg_",
+  "--transform": "--transform_qu0y8",
+  "__SIndicators": "___SIndicators_qu0y8_gg_",
+  "__SIndicator": "___SIndicator_qu0y8_gg_",
+  "_active": "__active_qu0y8_gg_",
+  "__SPrev": "___SPrev_qu0y8_gg_",
+  "__SNext": "___SNext_qu0y8_gg_",
+  "_disabled": "__disabled_qu0y8_gg_"
 });
 var position = {
   getItemMin: function getItemMin(items) {

package/package.json

@@ -1,25 +1,21 @@
 {
   "name": "@semcore/carousel",
   "description": "Semrush Carousel Component",
-  "version": "2.0.19",
+  "version": "2.1.0",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
   "sideEffects": false,
   "author": "UI-kit team <ui-kit-team@semrush.com>",
   "license": "MIT",
-  "scripts": {
-    "build": "pnpm semcore-builder --source=js",
-    "test": "jest"
-  },
   "dependencies": {
     "@semcore/utils": "^3.15",
     "@semcore/flex-box": "^4",
-    "@semcore/icon": "^2.16"
+    "@semcore/icon": "2.16 - 3"
   },
   "peerDependencies": {
     "@semcore/core": "^1.11",
-    "react": "16.8 - 17"
+    "react": "16.8 - 18"
   },
   "jest": {
     "preset": "@semcore/jest-preset-ui"
@@ -30,7 +26,13 @@
     "directory": "semcore/carousel"
   },
   "devDependencies": {
-    "@types/react": "16.8 - 17",
-    "@semcore/jest-preset-ui": "1.0.0"
+    "@types/react": "18.0.21",
+    "@semcore/jest-preset-ui": "1.0.0",
+    "@semcore/flex-box": "*",
+    "jest": "29.0.1"
+  },
+  "scripts": {
+    "build": "pnpm semcore-builder --source=js",
+    "test": "jest"
   }
-}
+}