hds-web 1.9.6 → 1.9.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hds-web",
-  "version": "1.9.6",
+  "version": "1.9.7",
   "private": false,
   "main": "dist/index.js",
   "module": "dist/index.es.js",

package/src/HDS/components/Carousels/homeCarousel.js

@@ -364,7 +364,7 @@ export default function HomePageCarousePrimary(props) {
                 >
                     <div className="w-screen flex justify-center">
                         <div className="absolute z-30">
-                            <div className={`snap-x w-[643px] h-[800px] items-center z-10 inline-flex select-none overflow-x-hidden scrollbar-hide`}
+                            <div className={`snap-x w-[643px] h-[800px] items-center z-10 inline-flex select-none overflow-x-hidden bg-neutral-100 scrollbar-hide`}
                                 ref={carouselRef}
                             >
                                 {video_props.map((item, i) => (

package/src/styles/tailwind.css

@@ -913,8 +913,8 @@ select{
   left: 17.6%;
 }
 
-.left-\[365px\]{
-  left: 365px;
+.left-\[375px\]{
+  left: 375px;
 }
 
 .left-\[45\%\]{
@@ -961,22 +961,14 @@ select{
   top: 2rem;
 }
 
-.top-\[451px\]{
-  top: 451px;
-}
-
-.top-\[8px\]{
-  top: 8px;
-}
-
-.left-\[375px\]{
-  left: 375px;
-}
-
 .top-\[24px\]{
   top: 24px;
 }
 
+.top-\[451px\]{
+  top: 451px;
+}
+
 .isolate{
   isolation: isolate;
 }
@@ -1662,10 +1654,6 @@ select{
   width: 112px;
 }
 
-.w-\[1279px\]{
-  width: 1279px;
-}
-
 .w-\[147px\]{
   width: 147px;
 }
@@ -2227,10 +2215,6 @@ select{
   gap: 14rem;
 }
 
-.gap-\[160px\]{
-  gap: 160px;
-}
-
 .gap-\[25rem\]{
   gap: 25rem;
 }
@@ -3281,6 +3265,10 @@ select{
   background-color: rgb(255 255 255 / 0.2);
 }
 
+.bg-neutral-0\/40{
+  background-color: rgb(255 255 255 / 0.4);
+}
+
 .bg-neutral-100{
   --tw-bg-opacity: 1;
   background-color: rgb(243 244 246 / var(--tw-bg-opacity));
@@ -3566,26 +3554,14 @@ select{
   background-color: rgb(133 77 24 / var(--tw-bg-opacity));
 }
 
-.bg-\[rgba_0_0_0_0_0\.2\]{
-  background-color: rgba 0 0 0 0 0.2;
-}
-
-.bg-\[rgba_0_0_0_0_\.2\]{
-  background-color: rgba 0 0 0 0 .2;
-}
-
-.bg-neutral-0\/40{
-  background-color: rgb(255 255 255 / 0.4);
+.bg-opacity-20{
+  --tw-bg-opacity: 0.2;
 }
 
 .bg-opacity-30{
   --tw-bg-opacity: 0.3;
 }
 
-.bg-opacity-20{
-  --tw-bg-opacity: 0.2;
-}
-
 .bg-gradient-to-b{
   background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
 }
@@ -10555,6 +10531,10 @@ select{
     max-width: 658px;
   }
 
+  .tb-l\:max-w-\[980px\]{
+    max-width: 980px;
+  }
+
   .tb-l\:flex-1{
     flex: 1 1 0%;
   }
@@ -11249,6 +11229,16 @@ select{
   }
 }
 
+@media (min-width: 1300px){
+  .min-\[1300px\]\:max-w-7xl{
+    max-width: 80rem;
+  }
+
+  .min-\[1300px\]\:gap-\[160px\]{
+    gap: 160px;
+  }
+}
+
 @media (min-width: 1880px){
   .min-\[1880px\]\:gap-x-72{
     -webkit-column-gap: 18rem;