linkedunion-design-kit 1.1.4 → 1.1.5

package/dist/components/MediaCard/Card.js

@@ -6,5 +6,5 @@ export var Card = function (_a) {
     var _b = _a.image, image = _b === void 0 ? '/images/demo-image.jpg' : _b, _c = _a.layout, layout = _c === void 0 ? cardLayoutEnum.horizontal : _c, _d = _a.mediaPosition, mediaPosition = _d === void 0 ? orientationEnum.landscape : _d, _e = _a.heading, heading = _e === void 0 ? 'Heading Text' : _e, _f = _a.body, body = _f === void 0 ? 'The quick brown fox jumps over the lazy dog.' : _f, _g = _a.className, className = _g === void 0 ? '' : _g, _h = _a.btnLabel, btnLabel = _h === void 0 ? 'View More' : _h;
     return (_jsx(_Fragment, { children: layout === cardLayoutEnum.horizontal ?
             _jsxs("div", { className: "lu-pd-250 bg-white lu-border-rounded-xl ".concat(className, " lu-shadow-md flex gap-x-[20px] w-fit"), children: [_jsx(Image, { image: image, aspectRatio: "lu-aspect-square", className: "lu-border-rounded-lg", orientation: mediaPosition }), _jsxs("div", { className: "flex flex-1 flex-col", children: [_jsxs("div", { className: "flex flex-col justify-center flex-1 h-full", children: [_jsx("div", { className: "text-gray-950 lu-font-size-2x-large lu-font-weight-semibold", children: heading }), _jsx("p", { className: "lu-base-font-size lu-font-weight-extra-light horizontal_body_text", children: body })] }), _jsx(Button, { contentType: contentTypeEnum.text_with_icon, label: btnLabel, variant: 'lu-btn-gray', iconRight: "angle-right", rightIconSize: "lu-icon-small", size: "lu-btn-lg", className: "lu-border-rounded-sm justify-between lu-width-100" })] })] })
-            : (_jsx(_Fragment, { children: _jsxs("div", { className: "lu-pd-400 bg-white lu-border-rounded-xl ".concat(className, " lu-shadow-md flex flex-col items-center w-fit"), children: [_jsx(Image, { image: image, aspectRatio: "lu-aspect-square", className: "lu-border-rounded-lg", orientation: mediaPosition }), _jsxs("div", { className: "flex flex-col items-center lu-m-250 flex-1 h-full", children: [_jsx("div", { className: "text-gray-950 lu-font-size-2x-large lu-font-weight-semibold", children: heading }), _jsx("p", { className: "lu-base-font-size lu-font-weight-extra-light", children: body })] }), _jsx(Button, { contentType: contentTypeEnum.text_with_icon, label: btnLabel, variant: 'lu-btn-gray', iconRight: "angle-right", rightIconSize: "lu-icon-small", size: "lu-btn-lg", className: "lu-border-rounded-sm justify-between lu-width-100" })] }) })) }));
+            : (_jsx(_Fragment, { children: _jsxs("div", { className: "lu-pd-400 bg-white lu-border-rounded-xl ".concat(className, " lu-shadow-md flex flex-col items-center w-full"), children: [_jsx(Image, { image: image, aspectRatio: "lu-aspect-square", className: "lu-border-rounded-lg", orientation: mediaPosition }), _jsxs("div", { className: "flex flex-col items-center flex-grow lu-m-250 text-center h-[175px]", children: [_jsx("div", { className: "text-gray-950 lu-font-size-2x-large lu-font-weight-semibold vertical_card_heading", children: heading }), _jsx("p", { className: "lu-base-font-size lu-font-weight-extra-light vertical_body_text", children: body })] }), _jsx(Button, { contentType: contentTypeEnum.text_with_icon, label: btnLabel, variant: 'lu-btn-gray', iconRight: "angle-right", rightIconSize: "lu-icon-small", size: "lu-btn-lg", className: "lu-border-rounded-sm justify-between lu-width-100" })] }) })) }));
 };

package/dist/styles/global.css

@@ -613,6 +613,9 @@ video {
 .h-48 {
   height: 12rem;
 }
+.h-\[175px\] {
+  height: 175px;
+}
 .h-full {
   height: 100%;
 }
@@ -749,6 +752,9 @@ video {
 .flex-1 {
   flex: 1 1 0%;
 }
+.flex-grow {
+  flex-grow: 1;
+}
 .transform {
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
@@ -10612,6 +10618,20 @@ table, th, td {
   margin-left: var(--lu-spacing-3000);
 }
 
+
+.vertical_card_heading {
+  display: -webkit-box;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-transform: capitalize;
+}
+.vertical_body_text{
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
 @media (max-width: 430px) {
   .horizontal_body_text {
     display: -webkit-box;
@@ -10624,157 +10644,129 @@ table, th, td {
     text-overflow: ellipsis;
   }
 }
-
 .before\:absolute::before {
   content: var(--tw-content);
   position: absolute;
 }
-
 .before\:h-\[300px\]::before {
   content: var(--tw-content);
   height: 300px;
 }
-
 .before\:w-\[480px\]::before {
   content: var(--tw-content);
   width: 480px;
 }
-
 .before\:-translate-x-1\/2::before {
   content: var(--tw-content);
   --tw-translate-x: -50%;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
-
 .before\:rounded-full::before {
   content: var(--tw-content);
   border-radius: 9999px;
 }
-
 .before\:bg-gradient-radial::before {
   content: var(--tw-content);
   background-image: radial-gradient(var(--tw-gradient-stops));
 }
-
 .before\:from-white::before {
   content: var(--tw-content);
   --tw-gradient-from: #FEFEFE var(--tw-gradient-from-position);
   --tw-gradient-to: rgb(254 254 254 / 0) var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
 }
-
 .before\:to-transparent::before {
   content: var(--tw-content);
   --tw-gradient-to: transparent var(--tw-gradient-to-position);
 }
-
 .before\:blur-2xl::before {
   content: var(--tw-content);
   --tw-blur: blur(40px);
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
-
 .before\:content-\[\'\'\]::before {
   --tw-content: '';
   content: var(--tw-content);
 }
-
 .after\:absolute::after {
   content: var(--tw-content);
   position: absolute;
 }
-
 .after\:-z-20::after {
   content: var(--tw-content);
   z-index: -20;
 }
-
 .after\:h-\[180px\]::after {
   content: var(--tw-content);
   height: 180px;
 }
-
 .after\:w-\[240px\]::after {
   content: var(--tw-content);
   width: 240px;
 }
-
 .after\:translate-x-1\/3::after {
   content: var(--tw-content);
   --tw-translate-x: 33.333333%;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
-
 .after\:bg-gradient-conic::after {
   content: var(--tw-content);
   background-image: conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops));
 }
-
 .after\:from-sky-200::after {
   content: var(--tw-content);
   --tw-gradient-from: #bae6fd var(--tw-gradient-from-position);
   --tw-gradient-to: rgb(186 230 253 / 0) var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
 }
-
 .after\:via-blue-200::after {
   content: var(--tw-content);
   --tw-gradient-to: rgb(191 219 254 / 0)  var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe var(--tw-gradient-via-position), var(--tw-gradient-to);
 }
-
 .after\:blur-2xl::after {
   content: var(--tw-content);
   --tw-blur: blur(40px);
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
-
 .after\:content-\[\'\'\]::after {
   --tw-content: '';
   content: var(--tw-content);
 }
-
 .hover\:border-gray-300:hover {
   --tw-border-opacity: 1;
   border-color: rgb(183 186 189 / var(--tw-border-opacity, 1));
 }
-
 .hover\:bg-gray-100:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(236 237 238 / var(--tw-bg-opacity, 1));
 }
-
 .hover\:bg-gray-200:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(210 212 213 / var(--tw-bg-opacity, 1));
 }
-
 .group:hover .group-hover\:translate-x-1 {
   --tw-translate-x: 0.25rem;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
-
 @media (prefers-reduced-motion: reduce) {
 
   .motion-reduce\:transform-none {
     transform: none;
   }
 }
-
 @media (min-width: 640px) {
 
   .sm\:grid-cols-4 {
     grid-template-columns: repeat(4, minmax(0, 1fr));
   }
 }
-
 @media (min-width: 768px) {
 
   .md\:grid-cols-6 {
     grid-template-columns: repeat(6, minmax(0, 1fr));
   }
 }
-
 @media (min-width: 1024px) {
 
   .lg\:pointer-events-auto {
@@ -10851,7 +10843,6 @@ table, th, td {
     height: 360px;
   }
 }
-
 @media (prefers-color-scheme: dark) {
 
   .dark\:border-neutral-800 {
@@ -10939,7 +10930,6 @@ table, th, td {
     background-color: rgb(38 38 38 / 0.3);
   }
 }
-
 @media (min-width: 1024px) {
 
   @media (prefers-color-scheme: dark) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "linkedunion-design-kit",
-  "version": "1.1.4",
+  "version": "1.1.5",
   "private": false,
   "files": [
     "dist",