hds-web 1.31.6 → 1.31.8

package/package.json

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

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

@@ -25,7 +25,8 @@ const colorVariants = {
   green: 'bg-green-200 text-green-800 group-hover:bg-green-300  ',
   purple500: 'bg-purple-500 shadow-sm',
   blue500:'bg-blue-500 shadow-sm',
-  green500:'bg-green-500 shadow-sm'
+  green500:'bg-green-500 shadow-sm',
+  borderN400: 'border border-neutral-400 group-hover/badge:bg-blue-500 group-hover/badge:text-neutral-0 group-hover/badge:border-opacity-0 transition-all duration-100 ease-in-out'
 
 }
 
@@ -40,7 +41,8 @@ export default function Badge({
   children,
   color,
   text_color,
-  onClick
+  onClick,
+  cursorClass
 }) {
   const [isClicked, setIsClicked] = useState(false);
   const handleClick = () => {
@@ -52,7 +54,7 @@ export default function Badge({
 
   return (
     <button
-      className={` cursor-default ${sizeClasses[size]} ${
+      className={` ${cursorClass ?? 'cursor-default'} ${sizeClasses[size]} ${
         colorVariants[color]
       } inline-flex items-center rounded-full`}
       onClick={handleClick}

package/src/styles/tailwind.css

@@ -894,6 +894,10 @@ select{
   left: -60%;
 }
 
+.-right-1{
+  right: -0.25rem;
+}
+
 .-right-\[44px\]{
   right: -44px;
 }
@@ -1054,14 +1058,6 @@ select{
   top: 100%;
 }
 
-.-right-2{
-  right: -0.5rem;
-}
-
-.-right-1{
-  right: -0.25rem;
-}
-
 .isolate{
   isolation: isolate;
 }
@@ -2366,13 +2362,6 @@ select{
           transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 
-.scale-50{
-  --tw-scale-x: .5;
-  --tw-scale-y: .5;
-  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-
 .scale-75{
   --tw-scale-x: .75;
   --tw-scale-y: .75;
@@ -7843,6 +7832,10 @@ select{
   transition-duration: 350ms;
 }
 
+.duration-100{
+  transition-duration: 100ms;
+}
+
 .ease-in{
   transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
 }
@@ -10503,15 +10496,15 @@ select{
   visibility: visible;
 }
 
-.group\/icon:hover .group-hover\/icon\:visible{
+.group\/eventListing:hover .group-hover\/eventListing\:visible{
   visibility: visible;
 }
 
-.group:hover .group-hover\:visible{
+.group\/icon:hover .group-hover\/icon\:visible{
   visibility: visible;
 }
 
-.group\/eventListing:hover .group-hover\/eventListing\:visible{
+.group:hover .group-hover\:visible{
   visibility: visible;
 }
 
@@ -10523,20 +10516,20 @@ select{
   display: flex;
 }
 
-.group\/arrow:hover .group-hover\/arrow\:translate-x-\[0\.15rem\]{
-  --tw-translate-x: 0.15rem;
+.group\/btn:hover .group-hover\/btn\:translate-x-1{
+  --tw-translate-x: 0.25rem;
   -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
           transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 
-.group\/btn:hover .group-hover\/btn\:translate-x-1{
+.group\/card:hover .group-hover\/card\:translate-x-1{
   --tw-translate-x: 0.25rem;
   -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
           transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 
-.group\/card:hover .group-hover\/card\:translate-x-1{
-  --tw-translate-x: 0.25rem;
+.group\/eventListing:hover .group-hover\/eventListing\:translate-x-\[0\.15rem\]{
+  --tw-translate-x: 0.15rem;
   -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
           transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
@@ -10577,13 +10570,11 @@ select{
           transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 
-.group\/eventListing:hover .group-hover\/eventListing\:translate-x-\[0\.15rem\]{
-  --tw-translate-x: 0.15rem;
-  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+.group\/eventListing:hover .group-hover\/eventListing\:border-opacity-0{
+  --tw-border-opacity: 0;
 }
 
-.group\/eventListing:hover .group-hover\/eventListing\:border-opacity-0{
+.group\/badge:hover .group-hover\/badge\:border-opacity-0{
   --tw-border-opacity: 0;
 }
 
@@ -10637,6 +10628,16 @@ select{
   background-color: rgb(219 198 255 / var(--tw-bg-opacity));
 }
 
+.group\/badge:hover .group-hover\/badge\:bg-neutral-100{
+  --tw-bg-opacity: 1;
+  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
+}
+
+.group\/badge:hover .group-hover\/badge\:bg-blue-500{
+  --tw-bg-opacity: 1;
+  background-color: rgb(57 112 253 / var(--tw-bg-opacity));
+}
+
 .group:hover .group-hover\:bg-gradient-to-t{
   background-image: linear-gradient(to top, var(--tw-gradient-stops));
 }
@@ -10723,6 +10724,11 @@ select{
   color: rgb(0 6 21 / var(--tw-text-opacity));
 }
 
+.group\/badge:hover .group-hover\/badge\:text-neutral-0{
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+}
+
 .group\/img:hover .group-hover\/img\:opacity-0{
   opacity: 0;
 }
@@ -10751,30 +10757,28 @@ select{
           filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
 
-.group:hover .group-hover\:transition-all{
+.group\/eventListing:hover .group-hover\/eventListing\:transition-all{
   transition-property: all;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
 
-.group\/arrow:hover .group-hover\/arrow\:transition-all{
+.group:hover .group-hover\:transition-all{
   transition-property: all;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
 
-.group\/eventListing:hover .group-hover\/eventListing\:transition-all{
-  transition-property: all;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
+.group\/eventListing:hover .group-hover\/eventListing\:delay-100{
+  transition-delay: 100ms;
 }
 
 .group:hover .group-hover\:delay-100{
   transition-delay: 100ms;
 }
 
-.group\/eventListing:hover .group-hover\/eventListing\:delay-100{
-  transition-delay: 100ms;
+.group\/eventListing:hover .group-hover\/eventListing\:duration-300{
+  transition-duration: 300ms;
 }
 
 .group:hover .group-hover\:duration-100{
@@ -10785,10 +10789,6 @@ select{
   transition-duration: 300ms;
 }
 
-.group\/eventListing:hover .group-hover\/eventListing\:duration-300{
-  transition-duration: 300ms;
-}
-
 .group:hover .group-hover\:ease-in-out{
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 }