linkedunion-design-kit 1.4.0 → 1.4.2

package/dist/app/layout.d.ts

@@ -3,4 +3,4 @@ import '../styles/globals.css';
 export declare const metadata: Metadata;
 export default function RootLayout({ children, }: {
     children: React.ReactNode;
-}): import("react").JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/app/page.d.ts

@@ -1 +1 @@
-export default function Home(): import("react").JSX.Element;
+export default function Home(): import("react/jsx-runtime").JSX.Element;

package/dist/components/Avatar/Avatar.d.ts

@@ -1,2 +1,2 @@
 import { AvatarProps } from "@/types/interface";
-export declare const Avatar: ({ image, icon, shape, size, className }: AvatarProps) => import("react").JSX.Element;
+export declare const Avatar: ({ image, icon, shape, size, className }: AvatarProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Border/BorderRadius/BorderRadius.d.ts

@@ -1,2 +1,2 @@
 import { BorderRadiusProps } from "@/types/interface";
-export declare const BorderRadius: ({ borderRadius }: BorderRadiusProps) => import("react").JSX.Element;
+export declare const BorderRadius: ({ borderRadius }: BorderRadiusProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Border/BorderRadius/BorderRadiusTable.d.ts

@@ -1 +1 @@
-export declare const BorderRadiusTable: () => import("react").JSX.Element;
+export declare const BorderRadiusTable: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/Border/BorderRadius/BorderRadiusView.d.ts

@@ -1,2 +1,2 @@
 import { BorderRadiusProps } from "@/types/interface";
-export declare const BorderRadiusView: ({ borderRadius }: BorderRadiusProps) => import("react").JSX.Element;
+export declare const BorderRadiusView: ({ borderRadius }: BorderRadiusProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Border/BorderWidth/BorderWidth.d.ts

@@ -1,2 +1,2 @@
 import { BorderWidthProps } from "@/types/interface";
-export declare const BorderWidth: ({ border }: BorderWidthProps) => import("react").JSX.Element;
+export declare const BorderWidth: ({ border }: BorderWidthProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Border/BorderWidth/BorderWidthTable.d.ts

@@ -1 +1 @@
-export declare const BorderWidthTable: () => import("react").JSX.Element;
+export declare const BorderWidthTable: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/Border/BorderWidth/ViewBorderWidth.d.ts

@@ -1,2 +1,2 @@
 import { BorderWidthProps } from "@/types/interface";
-export declare const ViewBorderWidth: ({ border }: BorderWidthProps) => import("react").JSX.Element;
+export declare const ViewBorderWidth: ({ border }: BorderWidthProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Button/Button.d.ts

@@ -1,2 +1,2 @@
 import { ButtonProps } from "@/types/interface";
-export declare const Button: ({ contentType, variant, label, iconLeft, iconRight, onClick, shape, size, leftIconSize, rightIconSize, className, icon, iconSize, type }: ButtonProps) => import("react").JSX.Element;
+export declare const Button: ({ contentType, variant, label, iconLeft, iconRight, onClick, shape, size, leftIconSize, rightIconSize, className, icon, iconSize, type }: ButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Color/BackgroundColor/Color.d.ts

@@ -1,3 +1,2 @@
 import { ColorProps } from "@/types/interface";
-import React from "react";
-export declare const Color: ({ label, color }: ColorProps) => React.JSX.Element;
+export declare const Color: ({ label, color }: ColorProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Color/TextColor.d.ts

@@ -1,3 +1,3 @@
 export declare const TextColor: ({ color }: {
     color?: string;
-}) => import("react").JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icons/IconView.d.ts

@@ -1 +1 @@
-export declare const IconView: () => import("react").JSX.Element;
+export declare const IconView: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icons/LUIcon.d.ts

@@ -1,2 +1,2 @@
 import { IconProps } from "@/types/interface";
-export declare const LUIcon: ({ size, fill, icon, className }: IconProps) => import("react").JSX.Element;
+export declare const LUIcon: ({ size, fill, icon, className }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Images/LuImage.d.ts

@@ -1,2 +1,2 @@
 import { AspectRatioProps } from "@/types/interface";
-export declare const LuImage: ({ image, aspectRatio, width, height, className }: AspectRatioProps) => import("react").JSX.Element;
+export declare const LuImage: ({ image, aspectRatio, width, height, className }: AspectRatioProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/MediaCard/Card.d.ts

@@ -1,2 +1,2 @@
 import { CardProps } from "@/types/interface";
-export declare const Card: ({ type, ...defaultCardProps }: CardProps) => import("react").JSX.Element;
+export declare const Card: ({ type, ...defaultCardProps }: CardProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/MediaCard/Card.stories.js

@@ -28,7 +28,8 @@ card.args = {
     layout: cardLayoutEnum.horizontal,
     btnLabel: 'View More',
     href: 'https://www.google.com/',
-    card_title_color: 'lu-text-default'
+    card_title_color: 'lu-text-default',
+    id: 1
 };
 card.argTypes = {
     mediaPosition: {

package/dist/components/MediaCard/ContactProfile.d.ts

@@ -1,2 +1,2 @@
 import { CardProps } from "@/types/interface";
-export declare const ContactProfile: (props: CardProps) => import("react").JSX.Element;
+export declare const ContactProfile: (props: CardProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/MediaCard/PostByCategory.d.ts

@@ -1,2 +1,2 @@
 import { CardProps } from "@/types/interface";
-export declare const PostByCategory: (props: CardProps) => import("react").JSX.Element;
+export declare const PostByCategory: (props: CardProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/MediaCard/PostByCategory.js

@@ -3,8 +3,9 @@ import { cardLayoutEnum, contentTypeEnum } from "../../utils/enum";
 import { LuImage } from "../Images/LuImage";
 import { Button } from "../Button/Button";
 import Link from "next/link";
+import { getColor } from "../../app/scripts";
 export var PostByCategory = function (props) {
-    return (_jsx(_Fragment, { children: (props === null || props === void 0 ? void 0 : props.layout) === cardLayoutEnum.horizontal ?
-            _jsxs("div", { className: "lu-pd-250 bg-white lu-border-rounded-xl ".concat(props === null || props === void 0 ? void 0 : props.className, " lu-shadow-md flex gap-x-[20px] lu-width-100"), children: [_jsx("div", { className: "lu-width-100 max-w-[240px] overflow-hidden lu-aspect-square horizontal_card_image", children: _jsx(LuImage, { image: props === null || props === void 0 ? void 0 : props.image, aspectRatio: "", width: 240, height: 240, className: "lu-border-rounded-lg lu-width-100 lu-height-100 object-cover", orientation: props === null || props === void 0 ? void 0 : props.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: "".concat(props.card_title_color, " lu-font-size-2x-large lu-font-weight-semibold horizontal_card_heading"), children: props === null || props === void 0 ? void 0 : props.heading }), _jsx("p", { className: "lu-base-font-size lu-font-weight-extra-light horizontal_body_text lu-text-caption", children: props === null || props === void 0 ? void 0 : props.body })] }), _jsx(Link, { href: props.href || '', className: "lu-width-100", children: _jsx(Button, { contentType: contentTypeEnum.text_with_icon, label: props.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 card_button" }) })] })] })
-            : (_jsx(_Fragment, { children: _jsxs("div", { className: "lu-pd-400 bg-white lu-border-rounded-xl ".concat(props.className, " lu-shadow-md flex flex-col items-center lu-width-100"), children: [_jsx("div", { className: "lu-width-100 max-w-[240px] overflow-hidden lu-aspect-square", children: _jsx(LuImage, { image: props.image, width: 240, height: 240, className: "lu-width-100 lu-height-100 object-cover", orientation: props.mediaPosition }) }), _jsxs("div", { className: "flex flex-col items-center flex-grow lu-m-250 text-center h-[100px]", children: [_jsx("div", { className: "".concat(props.card_title_color, " lu-font-size-2x-large lu-font-weight-semibold vertical_card_heading"), children: props.heading }), _jsx("p", { className: "lu-base-font-size lu-font-weight-extra-light lu-text-caption vertical_body_text", children: props.body })] }), _jsx(Link, { href: props.href || '', className: "lu-width-100", children: _jsx(Button, { contentType: contentTypeEnum.text_with_icon, label: props.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" }) })] }) })) }));
+    return (_jsxs(_Fragment, { children: [(props === null || props === void 0 ? void 0 : props.layout) === cardLayoutEnum.horizontal ?
+                _jsxs("div", { className: "lu-pd-250 bg-white lu-border-rounded-xl ".concat(props === null || props === void 0 ? void 0 : props.className, " lu-shadow-md flex gap-x-[20px] lu-width-100"), children: [_jsx("div", { className: "lu-width-100 max-w-[240px] overflow-hidden lu-aspect-square horizontal_card_image", children: _jsx(LuImage, { image: props === null || props === void 0 ? void 0 : props.image, aspectRatio: "", width: 240, height: 240, className: "lu-border-rounded-lg lu-width-100 lu-height-100 object-cover", orientation: props === null || props === void 0 ? void 0 : props.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: "card_PostByCategory_theme1 lu-font-size-2x-large lu-font-weight-semibold horizontal_card_heading", children: props === null || props === void 0 ? void 0 : props.heading }), _jsx("p", { className: "lu-base-font-size lu-font-weight-extra-light horizontal_body_text lu-text-caption", children: props === null || props === void 0 ? void 0 : props.body })] }), _jsx(Link, { href: props.href || '', className: "lu-width-100", children: _jsx(Button, { contentType: contentTypeEnum.text_with_icon, label: props.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 card_button" }) })] })] })
+                : (_jsx(_Fragment, { children: _jsxs("div", { className: "lu-pd-400 bg-white lu-border-rounded-xl ".concat(props.className, " lu-shadow-md flex flex-col items-center lu-width-100"), children: [_jsx("div", { className: "lu-width-100 max-w-[240px] overflow-hidden lu-aspect-square", children: _jsx(LuImage, { image: props.image, width: 240, height: 240, className: "lu-width-100 lu-height-100 object-cover", orientation: props.mediaPosition }) }), _jsxs("div", { className: "flex flex-col items-center flex-grow lu-m-250 text-center h-[100px]", children: [_jsx("div", { className: "lu-text-default lu-font-size-2x-large lu-font-weight-semibold vertical_card_heading", children: props.heading }), _jsx("p", { className: "lu-base-font-size lu-font-weight-extra-light lu-text-caption vertical_body_text", children: props.body })] }), _jsx(Link, { href: props.href || '', className: "lu-width-100", children: _jsx(Button, { contentType: contentTypeEnum.text_with_icon, label: props.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("style", { jsx: true, global: true, children: "\n                .card_PostByCategory_theme1{\n                    color: ".concat(getColor(props === null || props === void 0 ? void 0 : props.card_title_color, 'lu-text-default'), ";\n                }\n            ") })] }));
 };

package/dist/components/Navigation/TopNavigation/TopNavigation.d.ts

@@ -1,2 +1,2 @@
 import { TopNavigationProps } from "@/types/interface";
-export declare const TopNavigation: ({ phoneNumber, phoneNumber2, bannerText, facebookUrl, linkedinUrl, twitterUrl, instagramUrl, onClickPhoneNumber }: TopNavigationProps) => import("react").JSX.Element;
+export declare const TopNavigation: ({ phoneNumber, phoneNumber2, bannerText, facebookUrl, linkedinUrl, twitterUrl, instagramUrl, onClickPhoneNumber }: TopNavigationProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Size/MinWidthHeight.d.ts

@@ -1,2 +1,2 @@
 import { MinWidthHeightProps } from "@/types/interface";
-export declare const MinWidthHeight: ({ minWidth, minHeight }: MinWidthHeightProps) => import("react").JSX.Element;
+export declare const MinWidthHeight: ({ minWidth, minHeight }: MinWidthHeightProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Size/Size.d.ts

@@ -1,2 +1,2 @@
 import { SizeProps } from "@/types/interface";
-export declare const Size: ({ size, color }: SizeProps) => import("react").JSX.Element;
+export declare const Size: ({ size, color }: SizeProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Size/WidthHeight.d.ts

@@ -1,2 +1,2 @@
 import { WidthHeightProps } from "@/types/interface";
-export declare const WidthHeight: ({ width, height }: WidthHeightProps) => import("react").JSX.Element;
+export declare const WidthHeight: ({ width, height }: WidthHeightProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Spacing/Margin/Margin.d.ts

@@ -1 +1 @@
-export declare const Margin: () => import("react").JSX.Element;
+export declare const Margin: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/Spacing/Margin/MarginBottom.d.ts

@@ -1 +1 @@
-export declare const MarginBottom: () => import("react").JSX.Element;
+export declare const MarginBottom: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/Spacing/Margin/MarginLeft.d.ts

@@ -1 +1 @@
-export declare const MarginLeft: () => import("react").JSX.Element;
+export declare const MarginLeft: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/Spacing/Margin/MarginRight.d.ts

@@ -1 +1 @@
-export declare const MarginRight: () => import("react").JSX.Element;
+export declare const MarginRight: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/Spacing/Margin/MarginToken.d.ts

@@ -1 +1 @@
-export declare const MarginToken: () => import("react").JSX.Element;
+export declare const MarginToken: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/Spacing/Margin/MarginTop.d.ts

@@ -1 +1 @@
-export declare const MarginTop: () => import("react").JSX.Element;
+export declare const MarginTop: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/Spacing/Padding/Padding.d.ts

@@ -1 +1 @@
-export declare const Padding: () => import("react").JSX.Element;
+export declare const Padding: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/Spacing/Padding/PaddingBottom.d.ts

@@ -1 +1 @@
-export declare const PaddingBottom: () => import("react").JSX.Element;
+export declare const PaddingBottom: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/Spacing/Padding/PaddingLeft.d.ts

@@ -1 +1 @@
-export declare const PaddingLeft: () => import("react").JSX.Element;
+export declare const PaddingLeft: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/Spacing/Padding/PaddingRight.d.ts

@@ -1 +1 @@
-export declare const PaddingRight: () => import("react").JSX.Element;
+export declare const PaddingRight: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/Spacing/Padding/PaddingToken.d.ts

@@ -1 +1 @@
-export declare const PaddingToken: () => import("react").JSX.Element;
+export declare const PaddingToken: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/Spacing/Padding/PaddingTop.d.ts

@@ -1 +1 @@
-export declare const PaddingTop: () => import("react").JSX.Element;
+export declare const PaddingTop: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/Typography/Headings/Headings.d.ts

@@ -1,2 +1,2 @@
 import { HeadingProps } from "@/types/interface";
-export declare const Heading: ({ heading, label, className }: HeadingProps) => import("react").JSX.Element;
+export declare const Heading: ({ heading, label, className }: HeadingProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Typography/Typography.d.ts

@@ -1,2 +1,2 @@
 import { TypographyProps } from "@/types/interface";
-export declare const Typography: ({ label, className, fontSize, fontWeight, lineHeight, textAlign, textTransform, textDecoration, textWrap }: TypographyProps) => import("react").JSX.Element;
+export declare const Typography: ({ label, className, fontSize, fontWeight, lineHeight, textAlign, textTransform, textDecoration, textWrap }: TypographyProps) => import("react/jsx-runtime").JSX.Element;

package/package.json

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