hds-web 1.3.8 → 1.4.0

package/package.json

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

package/src/HDS/components/BadgesCaption/badges.js

@@ -55,14 +55,14 @@ export default function Badge({
     >
        {leftIconVariant && leftIconVariant !== 'none' && (
           <div className='mr-1'>
-            <Icon height={'h-4 w-4'} variant={leftIconVariant} strokeColor={leftIconColor} strokeClass={HDSColor(leftIconColorClass)} />
+            <Icon height={'h-4 w-4 stroke-[1.5px]'} variant={leftIconVariant} strokeColor={leftIconColor} strokeClass={HDSColor(leftIconColorClass)} />
           </div>
         )}
         <Typography textStyle='body3c-medium'>{children}</Typography>
 
         {rightIconVariant && rightIconVariant !== 'none' && (
           <div className='ml-1'>
-            <Icon height={'h-4'} variant={rightIconVariant} strokeColor={rightIconColor} rightIconColorClass={HDSColor(rightIconColorClass)} />
+            <Icon height={'h-4 w-4 stroke-[1.5px]'} variant={rightIconVariant} strokeColor={rightIconColor} rightIconColorClass={HDSColor(rightIconColorClass)} />
           </div>
         )}
     </button>

package/src/HDS/components/Cards/Misc/talkcard2.js

@@ -38,7 +38,7 @@ export default function TalkCard2(props) {
                         }
 
                     </div>
-                    <div className="tb-l:w-[520px] h-full flex flex-col tb:justify-between">
+                    <div className="tb-l:w-[380px] db:w-[520px]  h-full flex flex-col tb:justify-between">
                         <div>
                             <Typography className='my-2 text-blue-800' textStyle='h5'>{props.title}</Typography>
                             {props.para &&

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

@@ -46,7 +46,7 @@ export default function Carouseltest(props) {
       //     Defines the transition animation.
       behavior: 'smooth',
       //      Defines vertical alignment.
-      block: 'nearest',
+      block: 'start',
       //      Defines horizontal alignment.
       inline: 'start',
     });

package/src/styles/tailwind.css

@@ -8798,6 +8798,14 @@ select {
     width: 100%;
   }
 
+  .tb-l\:w-\[456px\] {
+    width: 456px;
+  }
+
+  .tb-l\:w-\[380px\] {
+    width: 380px;
+  }
+
   .tb-l\:min-w-\[400px\] {
     min-width: 400px;
   }
@@ -8992,6 +9000,10 @@ select {
     width: 100%;
   }
 
+  .db\:w-\[520px\] {
+    width: 520px;
+  }
+
   .db\:min-w-\[625px\] {
     min-width: 625px;
   }