hds-web 1.32.6 → 1.32.7

package/package.json

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

package/src/HDS/components/Headers/v3Header.js

@@ -31,11 +31,11 @@ export default function V3Header(props) {
     const [currentTab, setCurrentTab] = useState('')
     const [isShown, setIsShown] = useState(false)
     const [isArrowActive, setIsArrowActive] = useState(false)
-    const signUpLink = 'https://cloud.hasura.io/signup?pg=sample-apps&plcmt=header&cta=try-hasura&tech=default';
-    const logInLink = 'https://cloud.hasura.io/login?pg=sample-apps&plcmt=header&cta=log-in&tech=default'
+    const signUpLink = props.signUpLink ? props.signUpLink :'https://cloud.hasura.io/signup?pg=sample-apps&plcmt=header&cta=try-hasura&tech=default';
+    const logInLink = props.logInLink ? props.logInLink :'https://cloud.hasura.io/login?pg=sample-apps&plcmt=header&cta=log-in&tech=default'
     const signupURL = updatePGParam(signUpLink, props.website_key)
     const loginURL = updatePGParam(logInLink, props.website_key)
-
+    const hideLoginButton = props.hideLoginButton;
     //testing
     const [dropdownVisibility, setDropdownVisibility] = useState(Array(props.HEADER_LIST.length).fill(false));
     const handleDropdownEnter = (index) => {
@@ -323,7 +323,7 @@ export default function V3Header(props) {
                                 Contact Sales
                             </Typography>
                         </a>
-                        <a href={loginURL} >
+                        {!hideLoginButton && <a href={loginURL} >
                             <HDSButton
                                 label="Log In"
                                 type='tonal'
@@ -336,7 +336,7 @@ export default function V3Header(props) {
                                 animatedHoverStroke='group-hover:stroke-neutral-0'
                                 className='hds-hidden tb-l:flex'
                             />
-                        </a>
+                        </a>}
                         <a href={signupURL}>
 
                             <HDSButton
@@ -355,7 +355,7 @@ export default function V3Header(props) {
                     </div>
 
                 </div>
-
+                        {/* mobile */}
                 <div className="hds-hidden-tbl overflow-auto flex ">
                     {/* <Popover.Button className="inline-flex items-center justify-center rounded-md bg-white pl-6 text-gray-400 hover:bg-gray-100 hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500">
                             <span className="sr-only">Open menu</span> */}
@@ -454,7 +454,7 @@ export default function V3Header(props) {
 
                             <div className='flex flex-row justify-around'>
                                 <div className='w-full flex gap-2'>
-                                    <a href={loginURL} className='w-1/2'>
+                                    {!hideLoginButton && <a href={loginURL} className='w-1/2'>
                                         <HDSButton
                                             label="Log In"
                                             type='tonal'
@@ -467,8 +467,8 @@ export default function V3Header(props) {
                                             animatedHoverStroke='group-hover:stroke-neutral-0'
                                             className=' !w-full'
                                         />
-                                    </a>
-                                    <a href={signupURL} className='w-1/2'>
+                                    </a>}
+                                    <a href={signupURL} className={!hideLoginButton ? 'w-1/2' : 'w-full'}>
                                         <HDSButton
                                             label="Get Started"
                                             type='primary'
@@ -495,6 +495,7 @@ export default function V3Header(props) {
 }
 
 V3Header.defaultProps = {
+    hideLoginButton:false,
     hideSearch:false,
     HEADER_LIST: [
         {

package/src/styles/tailwind.css

@@ -2193,6 +2193,10 @@ select{
   max-width: 430px;
 }
 
+.max-w-\[435px\]{
+  max-width: 435px;
+}
+
 .max-w-\[44\.44rem\]{
   max-width: 44.44rem;
 }
@@ -3494,10 +3498,6 @@ select{
   border-top-color: rgb(229 231 235 / var(--tw-border-opacity));
 }
 
-.border-opacity-0{
-  --tw-border-opacity: 0;
-}
-
 .bg-amber-100{
   --tw-bg-opacity: 1;
   background-color: rgb(255 243 212 / var(--tw-bg-opacity));
@@ -12998,19 +12998,6 @@ select{
   max-width: 420px;
 }
 
-.\[\&\>p\>strong\]\:my-2>p>strong{
-  margin-top: 0.5rem;
-  margin-bottom: 0.5rem;
-}
-
-.\[\&\>p\>strong\]\:mt-2>p>strong{
-  margin-top: 0.5rem;
-}
-
-.\[\&\>p\>strong\]\:pt-2>p>strong{
-  padding-top: 0.5rem;
-}
-
 .\[\&\>p\]\:pb-1>p{
   padding-bottom: 0.25rem;
 }