hds-web 1.19.1 → 1.19.3

package/package.json

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

package/src/HDS/components/Cards/Feedback/feedback.js

@@ -21,18 +21,18 @@ export default function FeedbackCard(props) {
           avatarVariant="circle"
           avatarType="secondary"
         />
-        <div className={((props.dividerClass) ? "py-8" : "py-6")}>
-          <Typography textStyle='sub2' className='text-neutral-600'>{props.description}</Typography>
+        <div className={((props.dividerClass) ? "py-8" : "py-8")}>
+          <Typography textStyle='quote' className='text-neutral-1000'>{props.description}</Typography>
         </div>
       </div>
       <div className=" self-end">
         {
           props.dividerClass && (
-            <div className={`${HDSColor(props.dividerClass)} mb-2`}></div>
+            <div className={`${HDSColor(props.dividerClass)} mb-2 tb:mb-8 `}></div>
           )
         }
         <div className={"tb:flex pt-1 tb:pt-0 items-start" + ((props.dividerClass) ? " pt-6" : "mt-0")}>
-          <div className={"border border-neutral-150 p-2 flex items-center justify-center rounded-2xl " +  logoBg + ((props.dividerClass) ? " w-[72px] h-[56px] min-w-[72px]" : " w-[112px] h-[90px] min-w-[112px] ")}>
+          <div className={"border border-neutral-150 p-2 flex items-center justify-center rounded-[0.7rem] " +  logoBg + ((props.dividerClass) ? " w-[80px] h-[60px] min-w-[80px]" : " w-[80px] h-[60px] ")}>
             <img className="max-h-[20px]" src={props.brandImgUrl} alt={props.brandImgAlt}/>
           </div>
           <div className={"pt-4 tb:pt-0 " + ((props.dividerClass) ? "tb:pl-6" : "tb:pl-8")}>

package/src/HDS/components/Cards/Menu/flyoutB.js

@@ -56,7 +56,7 @@ export default function FlyoutB(props) {
                 {secondaryBtn.map((btn, index) => (
                     <a key={index} href={btn.cta_link} className="group/btn justify-around  cursor-pointer px-2 ">
 
-                        <div className=" flex items-center p-4 hover:bg-neutral-150 rounded-xl ">
+                        <div className=" flex items-center p-2 hover:bg-neutral-100 rounded-xl ">
                             <div className="flex w-full justify-between items-center z-[2]">
                                 <div
                                     className="flex rounded-lg gap-2 items-center ">
@@ -90,7 +90,7 @@ export default function FlyoutB(props) {
                 {tertiaryBtn && tertiaryBtn.map((t, index) => (
                     <a key={index} href={t.cta_link} className="group/btn justify-around  cursor-pointer px-2 pb-2 ">
 
-                        <div className=" flex items-center p-4 hover:bg-neutral-150 rounded-xl ">
+                        <div className=" flex items-center p-2 hover:bg-neutral-100 rounded-xl ">
                             <div className="flex w-full justify-between items-center z-[2]">
                                 <div
                                     className="flex rounded-lg gap-2 items-center ">

package/src/HDS/modules/navCard/navCard.js

@@ -15,9 +15,9 @@ export default function NavCard(props) {
         return (
             <>
                 <div className=''>
-                    {tabContent.title && <Typography textStyle='h4' className={HDSColor(tabContent.title_color)}>{tabContent.title}</Typography>}
+                    {tabContent.title && <Typography textStyle='body1c-semi-bold' className={HDSColor(tabContent.title_color)}>{tabContent.title}</Typography>}
 
-                    {tabContent.subTitle && <Typography textStyle='body1' className={ 'mt-2 ' + HDSColor(tabContent.sub_title_color)}>{tabContent.subTitle}</Typography>}
+                    {tabContent.subTitle && <Typography textStyle='body3' className={ 'mt-2 ' + HDSColor(tabContent.sub_title_color)}>{tabContent.subTitle}</Typography>}
                     {tabContent.readMore_cta && <div className="flex">
                         <a href={tabContent.readMore_cta_link ?? ''} >
                             <HDSButton

package/src/styles/tailwind.css

@@ -1459,6 +1459,10 @@ select{
   margin-top: 70px;
 }
 
+.mb-8{
+  margin-bottom: 2rem;
+}
+
 .line-clamp-3{
   overflow: hidden;
   display: -webkit-box;
@@ -1618,10 +1622,6 @@ select{
   height: 436px;
 }
 
-.h-\[56px\]{
-  height: 56px;
-}
-
 .h-\[600px\]{
   height: 600px;
 }
@@ -1634,10 +1634,6 @@ select{
   height: 80px;
 }
 
-.h-\[90px\]{
-  height: 90px;
-}
-
 .h-\[calc\(100\%-16px\)\]{
   height: calc(100% - 16px);
 }
@@ -1798,10 +1794,6 @@ select{
   width: 103px;
 }
 
-.w-\[112px\]{
-  width: 112px;
-}
-
 .w-\[147px\]{
   width: 147px;
 }
@@ -1850,14 +1842,14 @@ select{
   width: 709px;
 }
 
-.w-\[72px\]{
-  width: 72px;
-}
-
 .w-\[80\%\]{
   width: 80%;
 }
 
+.w-\[80px\]{
+  width: 80px;
+}
+
 .w-\[90\%\]{
   width: 90%;
 }
@@ -1888,10 +1880,6 @@ select{
   min-width: 11.5rem;
 }
 
-.min-w-\[112px\]{
-  min-width: 112px;
-}
-
 .min-w-\[12px\]{
   min-width: 12px;
 }
@@ -1932,8 +1920,8 @@ select{
   min-width: 64px;
 }
 
-.min-w-\[72px\]{
-  min-width: 72px;
+.min-w-\[80px\]{
+  min-width: 80px;
 }
 
 .min-w-fit{
@@ -2614,6 +2602,10 @@ select{
   border-radius: 1.5rem;
 }
 
+.rounded-\[0\.7rem\]{
+  border-radius: 0.7rem;
+}
+
 .rounded-\[32px\]{
   border-radius: 32px;
 }
@@ -6792,7 +6784,7 @@ select{
 }
 
 .text-hds-m-quote{
-  font-size: 1.125rem;
+  font-size: 1.75rem;
   line-height: 1.5;
   letter-spacing: -0.016em;
   font-weight: 400;
@@ -10348,6 +10340,10 @@ select{
     margin-top: -4px;
   }
 
+  .tb\:mb-8{
+    margin-bottom: 2rem;
+  }
+
   .tb\:block{
     display: block;
   }
@@ -10972,8 +10968,8 @@ select{
   }
 
   .tb\:text-hds-t-quote{
-    font-size: 1.125rem;
-    line-height: 1.5;
+    font-size: 1.75rem;
+    line-height: 1.4;
     letter-spacing: -0.016em;
     font-weight: 400;
   }
@@ -12033,8 +12029,8 @@ select{
   }
 
   .db\:text-hds-d-quote{
-    font-size: 1.5rem;
-    line-height: 1.5;
+    font-size: 2rem;
+    line-height: 1.4;
     letter-spacing: -0.016em;
     font-weight: 400;
   }

package/tailwind.config.js

@@ -794,20 +794,20 @@ module.exports = {
         // add more for more breakpoints
 
         // quote-style
-        'hds-m-quote': ['1.125rem', {
+        'hds-m-quote': ['1.75rem', {
           lineHeight: '1.5',
           letterSpacing: '-0.016em',
           fontWeight: '400',
           fontStyle: 'italic',
         }],
-        'hds-t-quote': ['1.125rem', {
-          lineHeight: '1.5',
+        'hds-t-quote': ['1.75rem', {
+          lineHeight: '1.4',
           letterSpacing: '-0.016em',
           fontWeight: '400',
           fontStyle: 'italic',
         }],
-        'hds-d-quote': ['1.5rem', {
-          lineHeight: '1.5',
+        'hds-d-quote': ['2rem', {
+          lineHeight: '1.4',
           letterSpacing: '-0.016em',
           fontWeight: '400',
           fontStyle: 'italic',