hds-web 1.15.7 → 1.15.8

package/package.json

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

package/src/HDS/components/Buttons/button.js

@@ -14,7 +14,7 @@ const ANIMATED_ARR_CLASSES = {
     'md': 'h-5 w-5 -mt-5',
     'lg': 'h-6 w-6 -mt-6'
   },
- 
+
 }
 
 const Buttonclasses = {
@@ -23,7 +23,7 @@ const Buttonclasses = {
       'base': 'db:w-fit tb:w-fit w-full justify-center justify-center bg-blue-500 text-neutral-0',
       'hover': 'hover:bg-blue-700 hover:text-neutral-0 hover:shadow-md hover:shadow hover:transition-all hover:ease-out hover:duration-300',
       'focus': 'focus:bg-blue-600 focus:shadow-[0_0px_0px_4px_#DFE8FF] focus:text-neutral-0 focus:outline-none active:bg-blue-600 active:text-neutral-0 active:outline-none',
-     
+
     },
     'disabled': 'bg-neutral-200 text-neutral-400',
   },
@@ -38,9 +38,7 @@ const Buttonclasses = {
   'secondary': {
     'default': {
       'base': 'db:w-fit tb:w-fit w-full justify-center border-2 border-blue-500 text-blue-500',
-
       'hover': 'hover:text-neutral-0 hover:bg-blue-700 hover:border-2 hover:border-blue-700 hover:shadow-md hover:shadow hover:transition-all hover:ease-out hover:duration-200 ',
-      
       'focus': 'focus:bg-blue-200 focus:text-blue-500 focus:border-2 border-blue-500 focus:shadow-[0px_0px_0px_4px_#DFE8FF] focus:outline-none focus:text-blue-500',
     },
     'disabled': 'bg-neutral-200 text-neutral-400',
@@ -174,7 +172,7 @@ export default function Button(props) {
             <Icon variant={leftIconVariant} strokeColor={leftIconColor} />
           </div>
         )}
-        
+
          {leftIconVariant && leftIconVariant !== 'none' && type=='iconOnly' && (
           <div className={``}>
             <Icon variant={leftIconVariant} height={`${ANIMATED_ARR_CLASSES['icon1'][`${size}`]} group-active:stroke-neutral-0 stroke-[1.5px] group-hover:transition-all group-hover:ease-in-out group-hover:duration-100 group-hover:stroke-neutral-0 group-focus:stroke-neutral-0`} strokeColor={leftIconColor} />
@@ -209,7 +207,7 @@ Button.propTypes = {
   leftIconVariant: PropTypes.string,
   rightIconVariant: PropTypes.string,
   animatedHoverStroke: PropTypes.string
-  
+
 
 };
 
@@ -225,6 +223,7 @@ Button.defaultProps = {
   rightAnimatedArrow: 'true' ,
   rightAnimatedArrowColor: '#FFFFFF',
   animatedHoverStroke: 'group-hover:stroke-neutral-0',
+
   btnTextHoverClass: 'hover:text-neutral-0'
   
 };

package/src/HDS/components/Carousels/homeCarousel.js

@@ -3,7 +3,6 @@ import { useRef, useState, useEffect } from "react";
 import { Icon } from "../common-components/Icon";
 import { HDSButton } from "../Buttons";
 import { VideoCard } from '../Cards/VideoCard'
-import smoothscroll from 'smoothscroll-polyfill';
 const carouselItems = [
     [
         "https://res.cloudinary.com/hasura-cms-uploads/image/upload/v1687016995/optum_Card_17973d6328.png",
@@ -25,11 +24,7 @@ const SideCard = (item) => (
 
 export default function HomePageCarousePrimary(props) {
 
-    useEffect(() => {
-        smoothscroll.polyfill();
-
-    }, []);
-
+   
     //center carousel
     let arr =
         [

package/src/styles/tailwind.css

@@ -10002,10 +10002,6 @@ select{
 }
 
 @media (min-width: 400px){
-  .mb-m\:block{
-    display: block;
-  }
-
   .mb-m\:flex{
     display: flex;
   }
@@ -10343,11 +10339,41 @@ select{
     border-right-color: rgb(236 237 240 / var(--tw-border-opacity));
   }
 
+  .tb\:bg-amber-500{
+    --tw-bg-opacity: 1;
+    background-color: rgb(224 121 0 / var(--tw-bg-opacity));
+  }
+
+  .tb\:bg-blue-500{
+    --tw-bg-opacity: 1;
+    background-color: rgb(57 112 253 / var(--tw-bg-opacity));
+  }
+
+  .tb\:bg-cyan-500{
+    --tw-bg-opacity: 1;
+    background-color: rgb(14 150 178 / var(--tw-bg-opacity));
+  }
+
+  .tb\:bg-green-500{
+    --tw-bg-opacity: 1;
+    background-color: rgb(14 165 120 / var(--tw-bg-opacity));
+  }
+
   .tb\:bg-neutral-150{
     --tw-bg-opacity: 1;
     background-color: rgb(236 237 240 / var(--tw-bg-opacity));
   }
 
+  .tb\:bg-pink-500{
+    --tw-bg-opacity: 1;
+    background-color: rgb(225 58 124 / var(--tw-bg-opacity));
+  }
+
+  .tb\:bg-purple-500{
+    --tw-bg-opacity: 1;
+    background-color: rgb(140 73 250 / var(--tw-bg-opacity));
+  }
+
   .tb\:p-0{
     padding: 0px;
   }
@@ -10706,6 +10732,11 @@ select{
     text-transform: uppercase;
   }
 
+  .tb\:text-neutral-0{
+    --tw-text-opacity: 1;
+    color: rgb(255 255 255 / var(--tw-text-opacity));
+  }
+
   .tb\:shadow{
     --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
     --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);