hds-web 1.26.1 → 1.26.3

package/package.json

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

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

@@ -9,9 +9,13 @@ export default function LiveStatus(props) {
   const bgColorClass = HDSColor(props.bgClass);
   const textColorClass = HDSColor(props.statusTextClass);
   const circleBgClass = HDSColor(props.statusCircleBgClass);
+  let blink = '';
+  if(props.blink){
+    blink = 'blinking'
+  }
   return (
-    <div className={`${bgColorClass} px-3 py-2 rounded-full inline-flex items-center`}>
-      <div className={`${circleBgClass} blinking mr-2 w-3 h-3 min-w-[12px] min-h-[12px] rounded-full`}></div>
+    <div className={`${bgColorClass} px-3 py-1 rounded-full inline-flex items-center shadow`}>
+      <div className={`${circleBgClass} ${blink} mr-1 w-3 h-3 min-w-[12px] min-h-[12px] rounded-full`}></div>
       <Typography textStyle="h6" as="h6" className={`${textColorClass} uppercase`}>{props.statusText}</Typography>
     </div>
   );
@@ -21,6 +25,6 @@ LiveStatus.defaultProps = {
   statusText: "Live Now",
   statusTextClass: "text-neutral-0",
   bgClass: "bg-neutral-700",
-  statusCircleBgClass: "bg-green-400"
+  statusCircleBgClass: "bg-red-400"
 
 };

package/src/HDS/components/Tabs/v3tab.js

@@ -32,7 +32,7 @@ export default function V3Tab(props) {
                             onClick={() => {
                                 handleTabClick(tab);
                             }}
-                            className={`${activeTab === tab.name ? ' text-neutral-0 delay-300' : ' hover:bg-neutral-500/30 text-neutral-400'} relative  px-3 py-1 whitespace-nowrap rounded-full hover:text-neutral-0`}
+                            className={`${activeTab === tab.name ? ' text-neutral-0 transition-all duration-300' : ' hover:bg-neutral-500/30 text-neutral-400'} relative  px-3 py-1 whitespace-nowrap rounded-full hover:text-neutral-0`}
                         >
                             {activeTab === tab.name && (
                                 <motion.div

package/src/styles/tailwind.css

@@ -7731,6 +7731,10 @@ select{
   transition-delay: 100ms;
 }
 
+.delay-200{
+  transition-delay: 200ms;
+}
+
 .duration-0{
   transition-duration: 0s;
 }
@@ -7763,6 +7767,10 @@ select{
   transition-duration: 350ms;
 }
 
+.duration-100{
+  transition-duration: 100ms;
+}
+
 .ease-in{
   transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
 }