hds-web 1.22.8 → 1.23.0

package/package.json

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

package/src/HDS/components/Cards/StoryCard/storysm.js

@@ -11,6 +11,8 @@ export default function StoryCard(props) {
         <>
             <a
                 href={props.linkUrl}
+                target={props.isExternalLink ? '_blank' : ""}
+                rel={props.isExternalLink ? 'noopener noreferrer' : ""}
                 className={`rounded-2xl hover:shadow-xl p-8 h-full flex flex-col justify-between group/sc border border-neutral-200 hover:border-opacity-0 min-h-[260px] group`}
             >
                 <>
@@ -85,11 +87,12 @@ export default function StoryCard(props) {
 
 StoryCard.defaultProps = {
     descTextColor: 'text-neutral-700',
+    isExternalLink:'false',
     iconTag: 'Customer Stories',
     titleTextColor: '',
     brandImageUrl: 'https://res.cloudinary.com/dh8fp23nd/image/upload/v1690909443/hasura-design-system/swiggy_m2hjxy.png',
     brandImageAlt: 'pipe',
-    linkUrl: '#',
+    linkUrl: '?path=/story/hasura-design-system--hasura-design-system&globals=backgrounds.value:!hex(3b5998)',
     iconVariant: 'videorecorder',
     iconStrokeColor: 'blue-500',
     iconArrowVariant: 'home03',

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

@@ -565,18 +565,18 @@ V3Header.defaultProps = {
                                 description: '',
                                 href: '/graphql/database',
                                 icon: 'database01',
-                                name: 'All DBs',
+                                name: 'All databases',
                                 strokeClass: 'stroke-neutral-500'
                             },
                             {
                                 description: '',
                                 href: '/graphql/database?category=planned',
                                 icon: 'checksquare',
-                                name: 'Planned DBs',
+                                name: 'Planned databases',
                                 strokeClass: 'stroke-neutral-500'
                             },
                         ],
-                        label: 'Integrations'
+                        label: 'Data sources'
                     }
                 ]
         },

package/src/styles/tailwind.css

@@ -1708,6 +1708,10 @@ select{
   height: 100vh;
 }
 
+.h-\[800px\]{
+  height: 800px;
+}
+
 .max-h-\[181px\]{
   max-height: 181px;
 }