hds-web 1.27.2 → 1.27.4

package/package.json

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

package/src/HDS/components/BadgesCaption/eyebrow.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import { useState } from 'react';
+import PropTypes from 'prop-types';
+import { Icon } from '../common-components/Icon';
+import { Typography } from '../../foundation/Typography'
+import { HDSColor } from '../../foundation/ColorPalette';
+
+export default function EyeBrowText(props) {
+    const ColorClass = HDSColor(props.eyebrowColorClass);
+    return (
+        <div>
+            <Typography textStyle="h6" className={`${ColorClass} uppercase `}>{props.eyebrow}</Typography>
+        </div>
+    );
+}
+
+EyeBrowText.defaultProps = {
+    statusText: "",
+    eyebrowColorClass: "text-blue-500",
+};

package/src/HDS/components/BadgesCaption/index.js

@@ -1,3 +1,4 @@
 export {default as Badges} from './badges';
 export {default as Count} from './count';
 export {default as LiveStatus} from './livestatus';
+export {default as EyeBrowText} from './eyebrow';

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

@@ -83,7 +83,7 @@ export default function Carousels ({ components, variants }) {
             <div
                 className="hidden tb-l:grid relative h-full"
             >
-                <motion.div className="  ">
+                <motion.div className="flex justify-center ">
                     <AnimatePresence initial={false}>
                         <motion.div
                             key={LeftId}