hds-web 1.29.7 → 1.29.9

package/package.json

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

package/src/HDS/components/Cards/Announcement/announcementSm.js

@@ -16,7 +16,7 @@ export default function AnnouncementSM(props) {
   const bgClass = props.bgColorClass ? HDSColor(props.bgColorClass) : 'bg-neutral-0';
   const linkTextClass = props.linkTextColorClass ? HDSColor(props.linkTextColorClass) : 'text-neutral-600';
   return (
-    <div className={`${bgClass} rounded-2xl tb:rounded-full shadow p-3 tb:py-2 tb:px-4 inline-flex items-center`}>
+    <div className={`${bgClass} rounded-2xl tb:rounded-full shadow p-3 tb:py-2 tb:px-2 inline-flex items-center`}>
       <div className="block items-center tb:flex">
         {props.tagText && <Typography
           textStyle="body2-medium"

package/src/styles/tailwind.css

@@ -1526,13 +1526,6 @@ select{
   -webkit-line-clamp: 3;
 }
 
-.line-clamp-4{
-  overflow: hidden;
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 4;
-}
-
 .line-clamp-5{
   overflow: hidden;
   display: -webkit-box;
@@ -1756,20 +1749,6 @@ select{
   height: 100vh;
 }
 
-.h-fit{
-  height: -webkit-fit-content;
-  height: -moz-fit-content;
-  height: fit-content;
-}
-
-.h-\[124px\]{
-  height: 124px;
-}
-
-.h-\[200px\]{
-  height: 200px;
-}
-
 .max-h-\[144px\]{
   max-height: 144px;
 }
@@ -1818,14 +1797,6 @@ select{
   max-height: 100vh;
 }
 
-.max-h-\[124px\]{
-  max-height: 124px;
-}
-
-.max-h-\[175px\]{
-  max-height: 175px;
-}
-
 .min-h-\[12px\]{
   min-height: 12px;
 }
@@ -1978,6 +1949,10 @@ select{
   width: 220px;
 }
 
+.w-\[223px\]{
+  width: 223px;
+}
+
 .w-\[290px\]{
   width: 290px;
 }
@@ -2052,22 +2027,6 @@ select{
   width: 100vw;
 }
 
-.w-\[175px\]{
-  width: 175px;
-}
-
-.w-\[223px\]{
-  width: 223px;
-}
-
-.w-\[50px\]{
-  width: 50px;
-}
-
-.w-\[100px\]{
-  width: 100px;
-}
-
 .min-w-\[11\.5rem\]{
   min-width: 11.5rem;
 }
@@ -2276,14 +2235,6 @@ select{
   max-width: min-content;
 }
 
-.max-w-\[175px\]{
-  max-width: 175px;
-}
-
-.max-w-\[56px\]{
-  max-width: 56px;
-}
-
 .flex-1{
   flex: 1 1 0%;
 }
@@ -2816,12 +2767,6 @@ select{
   overflow-y: scroll;
 }
 
-.truncate{
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
 .whitespace-nowrap{
   white-space: nowrap;
 }
@@ -10142,10 +10087,6 @@ select{
   background-color: rgb(133 77 24 / var(--tw-bg-opacity));
 }
 
-.hover\:stroke-blue-600:hover{
-  stroke: #1E56E3;
-}
-
 .hover\:pl-\[9px\]:hover{
   padding-left: 9px;
 }
@@ -10620,6 +10561,11 @@ select{
   background-color: rgb(243 244 246 / var(--tw-bg-opacity));
 }
 
+.group\/icon:hover .group-hover\/icon\:bg-blue-200{
+  --tw-bg-opacity: 1;
+  background-color: rgb(223 232 255 / var(--tw-bg-opacity));
+}
+
 .group:hover .group-hover\:bg-amber-300{
   --tw-bg-opacity: 1;
   background-color: rgb(255 206 112 / var(--tw-bg-opacity));
@@ -10655,11 +10601,6 @@ select{
   background-color: rgb(219 198 255 / var(--tw-bg-opacity));
 }
 
-.group\/icon:hover .group-hover\/icon\:bg-blue-200{
-  --tw-bg-opacity: 1;
-  background-color: rgb(223 232 255 / var(--tw-bg-opacity));
-}
-
 .group:hover .group-hover\:bg-gradient-to-t{
   background-image: linear-gradient(to top, var(--tw-gradient-stops));
 }
@@ -10696,6 +10637,10 @@ select{
   stroke: #3970FD;
 }
 
+.group\/icon:hover .group-hover\/icon\:stroke-blue-600{
+  stroke: #1E56E3;
+}
+
 .group:hover .group-hover\:stroke-blue-500{
   stroke: #3970FD;
 }
@@ -10712,10 +10657,6 @@ select{
   stroke: #111927;
 }
 
-.group\/icon:hover .group-hover\/icon\:stroke-blue-600{
-  stroke: #1E56E3;
-}
-
 .group\/btn:hover .group-hover\/btn\:text-blue-600{
   --tw-text-opacity: 1;
   color: rgb(30 86 227 / var(--tw-text-opacity));
@@ -11357,11 +11298,6 @@ select{
     padding-right: 2.5rem;
   }
 
-  .tb\:px-2{
-    padding-left: 0.5rem;
-    padding-right: 0.5rem;
-  }
-
   .tb\:px-3{
     padding-left: 0.75rem;
     padding-right: 0.75rem;
@@ -11407,6 +11343,11 @@ select{
     padding-bottom: 0.5rem;
   }
 
+  .tb\:px-2{
+    padding-left: 0.5rem;
+    padding-right: 0.5rem;
+  }
+
   .tb\:pb-0{
     padding-bottom: 0px;
   }
@@ -12021,16 +11962,16 @@ select{
     display: none;
   }
 
-  .tb-l\:h-full{
-    height: 100%;
+  .tb-l\:h-12{
+    height: 3rem;
   }
 
   .tb-l\:h-\[124px\]{
     height: 124px;
   }
 
-  .tb-l\:h-12{
-    height: 3rem;
+  .tb-l\:h-full{
+    height: 100%;
   }
 
   .tb-l\:min-h-\[518px\]{
@@ -12041,6 +11982,14 @@ select{
     width: 50%;
   }
 
+  .tb-l\:w-12{
+    width: 3rem;
+  }
+
+  .tb-l\:w-\[170px\]{
+    width: 170px;
+  }
+
   .tb-l\:w-\[38\%\]{
     width: 38%;
   }
@@ -12067,26 +12016,6 @@ select{
     width: 100%;
   }
 
-  .tb-l\:w-\[175px\]{
-    width: 175px;
-  }
-
-  .tb-l\:w-\[223px\]{
-    width: 223px;
-  }
-
-  .tb-l\:w-\[150px\]{
-    width: 150px;
-  }
-
-  .tb-l\:w-\[170px\]{
-    width: 170px;
-  }
-
-  .tb-l\:w-12{
-    width: 3rem;
-  }
-
   .tb-l\:min-w-\[400px\]{
     min-width: 400px;
   }
@@ -12310,14 +12239,6 @@ select{
 }
 
 @media (min-width: 970px){
-  .tb-xl\:h-\[124px\]{
-    height: 124px;
-  }
-
-  .tb-xl\:h-12{
-    height: 3rem;
-  }
-
   .tb-xl\:w-\[175px\]{
     width: 175px;
   }
@@ -12325,10 +12246,6 @@ select{
   .tb-xl\:w-\[223px\]{
     width: 223px;
   }
-
-  .tb-xl\:w-12{
-    width: 3rem;
-  }
 }
 
 @media (min-width: 1024px){
@@ -12387,10 +12304,6 @@ select{
     width: 100%;
   }
 
-  .db-s\:w-\[223px\]{
-    width: 223px;
-  }
-
   .db-s\:min-w-fit{
     min-width: -webkit-fit-content;
     min-width: -moz-fit-content;
@@ -12537,10 +12450,6 @@ select{
     width: 100%;
   }
 
-  .db\:w-\[175px\]{
-    width: 175px;
-  }
-
   .db\:min-w-\[550px\]{
     min-width: 550px;
   }