hds-web 1.16.3 → 1.16.5

package/package.json

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

package/src/HDS/assets/icons/x-close.svg

@@ -1,3 +1,3 @@
 <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M18 6L6 18M6 6L18 18"  stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M18 6L6 18M6 6L18 18"  stroke-linecap="round" stroke-linejoin="round"/>
 </svg>

package/src/HDS/components/Cards/Dropdown/v3Dropdown.js

@@ -8,7 +8,7 @@ export default function DropdownA(props) {
   return (
     <div>
 
-      <div className='tb-l:flex mb-2 tb-l:mb-0 flex w-full gap-2 tb:bg-neutral-150 flex-col tb-l:flex-row max-w-7xl rounded-2xl '>
+      <div className='tb-l:flex mb-2 tb-l:mb-0 flex w-full tb-l:bg-neutral-150 flex-col tb-l:flex-row max-w-7xl rounded-2xl '>
 
         {props.primaryCard &&
           <div className="">
@@ -20,7 +20,7 @@ export default function DropdownA(props) {
 
           </div>
         }
-        <div className="tb-l:flex-row tb-l:flex mt-2 flex flex-col gap-2 tb:mt-0">
+        <div className="tb-l:flex-row tb-l:flex mt-2 flex flex-col gap-2 tb-l:mt-0">
           {props.secondaryCardArr && props.secondaryCardArr.map((item, index) => (
 
             <div key={index} className={'rounded-2xl ' + (item.card_bg) ? 'bg-neutral-0 rounded-2xl' : (HDSColor(item.card_bg))}>

package/src/HDS/components/Cards/Menu/flyoutA.js

@@ -5,24 +5,15 @@ import { Icon } from '../../common-components/Icon';
 import { Typography } from '../../../foundation/Typography';
 export default function FlyoutA(props) {
   const {
-    label,
-    childArray,
-    buttonArray,
     split
   } = props
-
-  const LAYOUT_CLASSES = {
-    split: 'tb:grid tb:grid-cols-2 pr-6 tb:inline-grid w-full gap-x-8 tb:min-w-[150px]',
-    default: 'tb:tb:grid tb:tb:grid-cols-1 tb:gap-x-4 tb:min-w-[182px]'
-  }
-
   const cardLayout = (label, childArray) => (
-    <div className=" group h-full ">
+    <div className=" group h-full  ">
       <div className={`w-full  h-full ` + (split ? ' ' : ' rounded-2xl')}>
-        <div className={`w-full tb-l:min-w-[169px] p-6 `}>
+        <div className={`w-full db:min-w-[169px] tb-l:max-w-[210px] tb-xl:max-w-[250px] p-6 `}>
           {label ? (<Typography
             textStyle='h6'
-            className=' uppercase group-hover:text-neutral-1000 group-hover-transition text-neutral-500 mb-4'>
+            className=' uppercase group-hover/split:text-neutral-1000 group-hover:text-neutral-1000 group-hover-transition text-neutral-500 mb-4'>
             {label}
           </Typography>) : (
             <div className="mb-9">
@@ -112,16 +103,16 @@ export default function FlyoutA(props) {
           <>
 
             <div className="hds-hidden tb-l:flex h-full">
-              <div className="border-r border-neutral-150 shadow rounded-l-2xl">
+              <div className="border-r  border-neutral-150 shadow rounded-l-2xl">
 
                 {cardLayout(props.label, props.childArray.slice(0, Math.ceil(props.childArray.length / 2)))}
               </div>
-              <div className="shadow rounded-r-2xl">
+              <div className="shadow group/split rounded-r-2xl">
 
                 {cardLayout(null, props.childArray.slice(Math.ceil(props.childArray.length / 2)))}
               </div>
             </div>
-            <div className="hds-hidden-tbl shadow h-full rounded-2xl">
+            <div className="hds-hidden-tbl  shadow h-full rounded-2xl">
               {cardLayout(props.label, props.childArray)}
             </div>
           </>