hds-web 1.8.4 → 1.8.5
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/dist/index.css +6 -4
- package/dist/index.es.css +6 -4
- package/dist/index.es.js +6 -6
- package/dist/index.js +6 -6
- package/package.json +1 -3
- package/src/HDS/components/Cards/ImageSlider/imageSlider.js +52 -53
- package/src/HDS/components/Cards/ImageSlider/index.js +1 -1
- package/src/index.css +1 -1
- package/src/styles/tailwind.css +1969 -1967
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "hds-web",
|
|
3
|
-
"version": "1.8.
|
|
3
|
+
"version": "1.8.5",
|
|
4
4
|
"private": false,
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/index.es.js",
|
|
@@ -18,8 +18,6 @@
|
|
|
18
18
|
"react-dom": "^17.0.1",
|
|
19
19
|
"react-markdown": "^8.0.7",
|
|
20
20
|
"react-scripts": "5.0.1",
|
|
21
|
-
"react-slick": "^0.29.0",
|
|
22
|
-
"slick-carousel": "^1.8.1",
|
|
23
21
|
"uuid": "^9.0.0",
|
|
24
22
|
"web-vitals": "^2.1.4",
|
|
25
23
|
"yarn": "^1.22.19"
|
|
@@ -1,55 +1,54 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import Slider from "react-slick";
|
|
3
|
-
import { HDSColor } from '../../../foundation/ColorPalette';
|
|
4
|
-
import "slick-carousel/slick/slick.css";
|
|
5
|
-
import "slick-carousel/slick/slick-theme.css";
|
|
1
|
+
// import React from "react";
|
|
2
|
+
// import Slider from "react-slick";
|
|
3
|
+
// import { HDSColor } from '../../../foundation/ColorPalette';
|
|
6
4
|
|
|
7
5
|
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
6
|
+
|
|
7
|
+
// export default function ImageSlider(props) {
|
|
8
|
+
// // console.log(props.brands);
|
|
9
|
+
// const slideSettings = {
|
|
10
|
+
// infinite: true,
|
|
11
|
+
// slidesToShow: props.slidesToShow,
|
|
12
|
+
// slidesToScroll: 1,
|
|
13
|
+
// autoplay: true,
|
|
14
|
+
// speed: props.speed,
|
|
15
|
+
// autoplaySpeed: props.autoplaySpeed,
|
|
16
|
+
// cssEase: "linear",
|
|
17
|
+
// responsive: [
|
|
18
|
+
// {
|
|
19
|
+
// breakpoint: 1024,
|
|
20
|
+
// settings: {
|
|
21
|
+
// slidesToShow: 4,
|
|
22
|
+
// slidesToScroll: 1,
|
|
23
|
+
// },
|
|
24
|
+
// },
|
|
25
|
+
// {
|
|
26
|
+
// breakpoint: 767,
|
|
27
|
+
// settings: {
|
|
28
|
+
// slidesToShow: 3,
|
|
29
|
+
// slidesToScroll: 1,
|
|
30
|
+
// },
|
|
31
|
+
// },
|
|
32
|
+
// {
|
|
33
|
+
// breakpoint: 500,
|
|
34
|
+
// settings: {
|
|
35
|
+
// slidesToShow: 2,
|
|
36
|
+
// slidesToScroll: 1,
|
|
37
|
+
// },
|
|
38
|
+
// },
|
|
39
|
+
// ],
|
|
40
|
+
// };
|
|
41
|
+
// const gradientBgClass = HDSColor(props.gradientBgColor);
|
|
42
|
+
// return (
|
|
43
|
+
// <div>
|
|
44
|
+
// <Slider {...slideSettings} className={`before:content-[''] before:w-[90px] before:h-full before:inline-block before:absolute before:top-0 before:left-0 before:z-[1] before:bg-gradient-to-r before:${gradientBgClass} before:to-transparent
|
|
45
|
+
// after:content-[''] after:w-[90px] after:h-full after:inline-block after:absolute after:top-0 after:left-[unset] after:right-0 after:z-[1] after:bg-gradient-to-r after:${gradientBgClass} after:to-transparent after:rotate-180`}>
|
|
46
|
+
// {props.brands.map((brand, index) => (
|
|
47
|
+
// <div key={index} className="m-4">
|
|
48
|
+
// <img src={brand.imgUrl} alt={brand.imgAlt} />
|
|
49
|
+
// </div>
|
|
50
|
+
// ))}
|
|
51
|
+
// </Slider>
|
|
52
|
+
// </div>
|
|
53
|
+
// )
|
|
54
|
+
// }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export {default as ImageSlider} from './imageSlider';
|
|
1
|
+
// export {default as ImageSlider} from './imageSlider';
|
package/src/index.css
CHANGED