@itcase/ui 1.0.55 → 1.0.57
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.
|
@@ -7,6 +7,7 @@ var fill = require('../constants/componentProps/fill.js');
|
|
|
7
7
|
var shape = require('../constants/componentProps/shape.js');
|
|
8
8
|
var index = require('./Title.js');
|
|
9
9
|
var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
|
|
10
|
+
var useStyles = require('../hooks/useStyles.js');
|
|
10
11
|
require('../constants/componentProps/textAlign.js');
|
|
11
12
|
require('../constants/componentProps/textColor.js');
|
|
12
13
|
require('../constants/componentProps/textGradient.js');
|
|
@@ -15,15 +16,14 @@ require('../constants/componentProps/textWeight.js');
|
|
|
15
16
|
require('../constants/componentProps/titleSize.js');
|
|
16
17
|
require('../constants/componentProps/type.js');
|
|
17
18
|
require('../constants/componentProps/wrap.js');
|
|
18
|
-
require('../hooks/useStyles.js');
|
|
19
|
-
require('lodash/camelCase');
|
|
20
|
-
require('lodash/maxBy');
|
|
21
|
-
require('lodash/upperFirst');
|
|
22
|
-
require('../hooks/styleAttributes.js');
|
|
23
19
|
require('../context/UIContext.js');
|
|
24
20
|
require('../hooks/useMediaQueries.js');
|
|
25
21
|
require('react-responsive');
|
|
26
22
|
require('lodash/castArray');
|
|
23
|
+
require('lodash/camelCase');
|
|
24
|
+
require('lodash/maxBy');
|
|
25
|
+
require('lodash/upperFirst');
|
|
26
|
+
require('../hooks/styleAttributes.js');
|
|
27
27
|
|
|
28
28
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
29
29
|
|
|
@@ -4849,8 +4849,12 @@ function Swiper(props) {
|
|
|
4849
4849
|
prefix: 'align_',
|
|
4850
4850
|
propsKey: 'align'
|
|
4851
4851
|
});
|
|
4852
|
+
const {
|
|
4853
|
+
styles: style
|
|
4854
|
+
} = useStyles.useStyles(props);
|
|
4852
4855
|
return /*#__PURE__*/React__default.default.createElement("div", {
|
|
4853
4856
|
className: clsx__default.default('swiper-block', slidesPerView === 'auto' && 'swiper-block_type_auto', fillClass, shapeClass, className, set && `swiper-block_set_${set}`),
|
|
4857
|
+
style: style,
|
|
4854
4858
|
id: id
|
|
4855
4859
|
}, (title || prevButton && nextButton) && /*#__PURE__*/React__default.default.createElement("div", {
|
|
4856
4860
|
className: "swiper-block__wrapper"
|
|
@@ -900,6 +900,15 @@ div.swiper-block__item {
|
|
|
900
900
|
|
|
901
901
|
.swiper-block {
|
|
902
902
|
&&_type_step {
|
|
903
|
+
height: 100%;
|
|
904
|
+
^&__swiper {
|
|
905
|
+
height: 100%;
|
|
906
|
+
display: flex;
|
|
907
|
+
align-items: center;
|
|
908
|
+
}
|
|
909
|
+
& .swiper-wrapper {
|
|
910
|
+
align-items: center !important;
|
|
911
|
+
}
|
|
903
912
|
& .swiper-slide {
|
|
904
913
|
width: 100% !important;
|
|
905
914
|
}
|