@semcore/carousel 17.0.0-prerelease.36 → 17.0.0-prerelease.39
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/CHANGELOG.md +1 -1
- package/lib/esm/Carousel.mjs +9 -8
- package/lib/esm/Carousel.types.mjs +1 -0
- package/lib/esm/index.mjs +1 -0
- package/package.json +8 -8
package/CHANGELOG.md
CHANGED
package/lib/esm/Carousel.mjs
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
2
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
3
|
-
import { sstyled,
|
|
4
|
-
import { createBreakpoints,
|
|
3
|
+
import { sstyled, Component, assignProps, createComponent } from "@semcore/core";
|
|
4
|
+
import { createBreakpoints, Box, Flex } from "@semcore/base-components";
|
|
5
5
|
import Button from "@semcore/button";
|
|
6
6
|
import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
|
|
7
7
|
import { findAllComponents } from "@semcore/core/lib/utils/findComponent";
|
|
@@ -12,7 +12,6 @@ import ChevronRight from "@semcore/icon/ChevronRight/l";
|
|
|
12
12
|
import Modal from "@semcore/modal";
|
|
13
13
|
import React from "react";
|
|
14
14
|
import { localizedMessages } from "./translations/__intergalactic-dynamic-locales.mjs";
|
|
15
|
-
/*!__reshadow-styles__:"./style/carousel.shadow.css"*/
|
|
16
15
|
const style = (
|
|
17
16
|
/*__reshadow_css_start__*/
|
|
18
17
|
(sstyled.insert(
|
|
@@ -255,11 +254,9 @@ class CarouselRoot extends Component {
|
|
|
255
254
|
uncontrolledProps() {
|
|
256
255
|
return {
|
|
257
256
|
index: [null, (_index) => {
|
|
258
|
-
|
|
259
|
-
(_a = this.refCarousel.current) == null ? void 0 : _a.blur();
|
|
257
|
+
this.refCarousel.current?.blur();
|
|
260
258
|
setTimeout(() => {
|
|
261
|
-
|
|
262
|
-
(_a2 = this.refCarousel.current) == null ? void 0 : _a2.focus();
|
|
259
|
+
this.refCarousel.current?.focus();
|
|
263
260
|
}, 0);
|
|
264
261
|
}]
|
|
265
262
|
};
|
|
@@ -638,6 +635,7 @@ function Prev(props) {
|
|
|
638
635
|
"innerOutline": true
|
|
639
636
|
})));
|
|
640
637
|
}
|
|
638
|
+
;
|
|
641
639
|
function Next(props) {
|
|
642
640
|
var _ref7 = arguments[0], _ref14;
|
|
643
641
|
const {
|
|
@@ -663,6 +661,7 @@ function Next(props) {
|
|
|
663
661
|
"innerOutline": true
|
|
664
662
|
})));
|
|
665
663
|
}
|
|
664
|
+
;
|
|
666
665
|
function Indicators({
|
|
667
666
|
items,
|
|
668
667
|
styles,
|
|
@@ -683,12 +682,13 @@ function Indicators({
|
|
|
683
682
|
...assignProps({
|
|
684
683
|
"invertOutline": inverted
|
|
685
684
|
}, _ref8)
|
|
686
|
-
}), items
|
|
685
|
+
}), items?.map((item, index) => /* @__PURE__ */ React.createElement(Carousel.Indicator, _extends({
|
|
687
686
|
key: index
|
|
688
687
|
}, item, {
|
|
689
688
|
inverted
|
|
690
689
|
}))));
|
|
691
690
|
}
|
|
691
|
+
;
|
|
692
692
|
function Indicator({
|
|
693
693
|
styles,
|
|
694
694
|
Children,
|
|
@@ -700,6 +700,7 @@ function Indicator({
|
|
|
700
700
|
...assignProps({}, _ref9)
|
|
701
701
|
}), /* @__PURE__ */ React.createElement(Children, _ref17.cn("Children", {})));
|
|
702
702
|
}
|
|
703
|
+
;
|
|
703
704
|
const Carousel = createComponent(CarouselRoot, {
|
|
704
705
|
Container,
|
|
705
706
|
ContentBox,
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
|
package/lib/esm/index.mjs
CHANGED
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/carousel",
|
|
3
3
|
"description": "Semrush Carousel Component",
|
|
4
|
-
"version": "17.0.0-prerelease.
|
|
4
|
+
"version": "17.0.0-prerelease.39",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -9,13 +9,13 @@
|
|
|
9
9
|
"author": "UI-kit team <ui-kit-team@semrush.com>",
|
|
10
10
|
"license": "MIT",
|
|
11
11
|
"exports": {
|
|
12
|
-
"
|
|
12
|
+
"types": "./lib/types/index.d.ts",
|
|
13
13
|
"import": "./lib/esm/index.mjs",
|
|
14
|
-
"
|
|
14
|
+
"require": "./lib/cjs/index.js"
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"@semcore/button": "^17.0.0-prerelease.
|
|
18
|
-
"@semcore/modal": "^17.0.0-prerelease.
|
|
17
|
+
"@semcore/button": "^17.0.0-prerelease.39",
|
|
18
|
+
"@semcore/modal": "^17.0.0-prerelease.39"
|
|
19
19
|
},
|
|
20
20
|
"peerDependencies": {
|
|
21
21
|
"@semcore/base-components": "^17.0.0 || ^17.0.0-0",
|
|
@@ -27,10 +27,10 @@
|
|
|
27
27
|
"directory": "semcore/carousel"
|
|
28
28
|
},
|
|
29
29
|
"devDependencies": {
|
|
30
|
-
"@semcore/core": "17.0.0-prerelease.
|
|
31
|
-
"@semcore/base-components": "17.0.0-prerelease.36",
|
|
30
|
+
"@semcore/core": "17.0.0-prerelease.39",
|
|
32
31
|
"@semcore/testing-utils": "1.0.0",
|
|
33
|
-
"@semcore/
|
|
32
|
+
"@semcore/base-components": "17.0.0-prerelease.39",
|
|
33
|
+
"@semcore/icon": "17.0.0-prerelease.39"
|
|
34
34
|
},
|
|
35
35
|
"scripts": {
|
|
36
36
|
"build": "pnpm semcore-builder --source=js,ts && pnpm vite build"
|