hds-web 1.31.6 → 1.31.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hds-web",
-  "version": "1.31.6",
+  "version": "1.31.7",
   "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'
 
 }
 
@@ -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;
@@ -2422,14 +2411,14 @@ select{
           animation: bounce 1s infinite;
 }
 
-.cursor-default{
-  cursor: default;
-}
-
 .cursor-pointer{
   cursor: pointer;
 }
 
+.cursor-default{
+  cursor: default;
+}
+
 .select-none{
   -webkit-user-select: none;
           user-select: none;
@@ -10503,15 +10492,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 +10512,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,12 +10566,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));
 }
 
-.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;
 }
@@ -10751,30 +10734,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 +10766,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);
 }