linkedunion-design-kit 1.10.3 → 1.10.4

package/dist/index.d.ts

@@ -31,4 +31,3 @@ export { default as Combobox } from "./src/components/Dropdown/Combobox/Combobox
 export { Pagination, PaginationContent, PaginationLink, PaginationItem, PaginationPrevious, PaginationNext, PaginationEllipsis, } from "./src/components/Pagination/pagination";
 export { Skeleton } from "./src/components/Skeleton/skeleton";
 export { Tabs as VerticalTabs, TabsContent as VerticalTabsContent, TabsList as VerticalTabsList, tabSizes as verticalTabsSize, TabsTrigger as VerticalTabsTrigger, TabsHeading as VerticalTabsHeading, } from "./src/components/VerticalTabs/VerticalTabs";
-export { DatePicker } from "./src/components/Input/DatePicker";

package/dist/index.js

@@ -31,4 +31,3 @@ export { default as Combobox } from "./src/components/Dropdown/Combobox/Combobox
 export { Pagination, PaginationContent, PaginationLink, PaginationItem, PaginationPrevious, PaginationNext, PaginationEllipsis, } from "./src/components/Pagination/pagination";
 export { Skeleton } from "./src/components/Skeleton/skeleton";
 export { Tabs as VerticalTabs, TabsContent as VerticalTabsContent, TabsList as VerticalTabsList, tabSizes as verticalTabsSize, TabsTrigger as VerticalTabsTrigger, TabsHeading as VerticalTabsHeading, } from "./src/components/VerticalTabs/VerticalTabs";
-export { DatePicker } from "./src/components/Input/DatePicker";

package/dist/src/components/Button/Button/Button.module.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */
 .rounded-sm {
   border-radius: var(--radius-sm, 0.25rem);
 }

package/dist/src/components/ColorPicker/ColorPicker.stories.js

@@ -12,7 +12,7 @@ var __assign = (this && this.__assign) || function () {
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import ColorPicker from "./ColorPicker";
 import { Label } from "../Label/Label";
-import { inputVariantConfig } from "../Input";
+import { inputVariantConfig } from "../Input/input";
 export default {
     title: "Components/ColorPicker",
     component: ColorPicker,

package/dist/src/components/ColorPicker/index.d.ts

@@ -1,4 +1,4 @@
-import { inputVariantConfig } from "../Input";
+import { inputVariantConfig } from "../Input/input";
 export declare const getColorPickerSizes: (size: keyof typeof inputVariantConfig.size) => {
     colorBox: string;
     left: string;

package/dist/src/components/Input/Input.stories.d.ts

@@ -1,5 +1,5 @@
 import { Meta } from "@storybook/react";
-import { InputFieldProps } from ".";
+import { InputFieldProps } from "./type";
 declare const _default: Meta<InputFieldProps>;
 export default _default;
 export declare const Default: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, InputFieldProps>;
@@ -11,4 +11,3 @@ export declare const VariantsWithIcons: () => import("react/jsx-runtime").JSX.El
 export declare const ErrorValidation: () => import("react/jsx-runtime").JSX.Element;
 export declare const SuccessValidation: () => import("react/jsx-runtime").JSX.Element;
 export declare const WarningValidation: () => import("react/jsx-runtime").JSX.Element;
-export declare const DatePickerExample: () => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Input/Input.stories.js

@@ -11,9 +11,8 @@ var __assign = (this && this.__assign) || function () {
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from "react";
-import { Input } from "./input";
-import { DatePicker } from "./DatePicker";
-import { inputType, inputVariantConfig } from ".";
+import { Input, inputVariantConfig } from "./input";
+import { inputType } from "."; // Ensure this exports an object like { text: 'text', email: 'email', ... }
 import { Label } from "../Label/Label";
 import LUIcon from "../Icons/LUIcon";
 import Tooltip from "../ToolTip/Tooltip";
@@ -132,7 +131,3 @@ export var WarningValidation = function () {
                         ? "Password is weak. Consider using 8+ characters"
                         : "Enter a secure password" })] }) }));
 };
-export var DatePickerExample = function () {
-    var _a = React.useState(null), selectedDate = _a[0], setSelectedDate = _a[1];
-    return (_jsx("div", { className: "space-y-4", children: _jsxs("div", { children: [_jsx(Label, { variant: "label-md", children: "Select Date" }), _jsx(DatePicker, { placeholder: "Pick a date", value: selectedDate, onChange: setSelectedDate }), _jsx(Caption, { variant: "md", className: "mt-1 text-gray-500", children: "For full DatePicker documentation, see Components/Input/DatePicker" })] }) }));
-};

package/dist/src/components/Input/index.d.ts

@@ -1,97 +1,24 @@
 export declare const inputType: {
-    readonly text: "text";
-    readonly password: "password";
-    readonly email: "email";
-    readonly file: "file";
-    readonly number: "number";
-    readonly search: "search";
-    readonly tel: "tel";
-    readonly url: "url";
-    readonly date: "date";
+    text: string;
+    password: string;
+    email: string;
+    file: string;
+    number: string;
+    search: string;
+    tel: string;
+    url: string;
 };
-export declare const MONTHS: string[];
-export declare const DAYS: string[];
-export declare const inputVariantConfig: {
-    readonly variant: {
-        readonly filled: "focus-visible:bg-white focus-visible:border-blue-600 focus-visible:ring-blue-600";
-        readonly outlined: "border border-gray-200 bg-transparent focus-visible:border-blue-600 focus-visible:ring-blue-600";
-    };
-    readonly size: {
-        readonly sm: "h-9 text-sm";
-        readonly md: "h-10 text-normal";
-        readonly lg: "h-12 text-base";
-    };
-    readonly color: {
-        readonly default: "";
-        readonly danger: "border-red-600 focus-visible:border-red-600 focus-visible:ring-red-600";
-        readonly warning: "border-yellow-500 focus-visible:border-yellow-500 focus-visible:ring-yellow-500";
-        readonly success: "border-green-600 focus-visible:border-green-600 focus-visible:ring-green-600";
-    };
-    readonly shape: {
-        readonly rounded: "rounded-full";
-        readonly square: "rounded-sm";
-    };
-};
-export declare const datePickerStyles: {
-    readonly dayConfig: {
-        readonly sm: {
-            readonly buttonSize: "h-8 w-8 text-xs";
-            readonly fontSize: "text-xs";
-        };
-        readonly md: {
-            readonly buttonSize: "h-9 w-9 text-sm";
-            readonly fontSize: "text-xs";
-        };
-        readonly lg: {
-            readonly buttonSize: "h-10 w-10 text-base";
-            readonly fontSize: "text-sm";
-        };
-    };
-    readonly monthConfig: {
-        readonly sm: {
-            readonly buttonSize: "py-2 px-2 text-xs";
-        };
-        readonly md: {
-            readonly buttonSize: "py-2.5 px-2 text-sm";
-        };
-        readonly lg: {
-            readonly buttonSize: "py-3 px-2 text-base";
-        };
-    };
-    readonly yearConfig: {
-        readonly sm: {
-            readonly buttonSize: "py-2 px-2 text-xs";
-        };
-        readonly md: {
-            readonly buttonSize: "py-2.5 px-2 text-sm";
-        };
-        readonly lg: {
-            readonly buttonSize: "py-3 px-2 text-base";
-        };
-    };
-    readonly headerText: {
-        readonly sm: "text-xs";
-        readonly md: "text-sm";
-        readonly lg: "text-base";
-    };
-};
-export type InputSize = keyof typeof inputVariantConfig.size;
-export type InputVariant = keyof typeof inputVariantConfig.variant;
-export type InputColor = keyof typeof inputVariantConfig.color;
-export type InputShape = keyof typeof inputVariantConfig.shape;
-export declare const DEFAULT_INPUT_SIZE: InputSize;
-export declare const DEFAULT_INPUT_VARIANT: InputVariant;
-export declare const DEFAULT_INPUT_COLOR: InputColor;
-export declare const DEFAULT_INPUT_SHAPE: InputShape;
-export declare const getLabelVariant: (size: InputSize) => "label-sm" | "label-md" | "label-lg";
-export declare const getIconSize: (size: InputSize) => "sm" | "lg";
-export declare const getPadding: (size: InputSize, hasStartIcon: boolean, hasEndIcon: boolean) => string;
-export declare const getIconPosition: (size: InputSize) => {
+export declare const getIconSize: (size: "sm" | "md" | "lg" | null | undefined) => "sm" | "lg";
+export declare const getPadding: (size: "sm" | "md" | "lg" | null | undefined, hasStartIcon: boolean, hasEndIcon: boolean) => string;
+export declare const getIconPosition: (size: "sm" | "md" | "lg") => {
+    left: string;
+    right: string;
+} | {
+    left: string;
+    right: string;
+} | {
     left: string;
     right: string;
 };
 export { Input } from "./input";
 export type { InputProps } from "./input";
-export { DatePicker } from "./DatePicker";
-export type { InputFieldProps } from "./type";
-export type { DatePickerProps } from "./type";

package/dist/src/components/Input/index.js

@@ -7,89 +7,15 @@ export var inputType = {
     search: "search",
     tel: "tel",
     url: "url",
-    date: "date",
-};
-export var MONTHS = [
-    "January",
-    "February",
-    "March",
-    "April",
-    "May",
-    "June",
-    "July",
-    "August",
-    "September",
-    "October",
-    "November",
-    "December",
-];
-export var DAYS = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
-// Input variant configurations
-export var inputVariantConfig = {
-    variant: {
-        filled: "focus-visible:bg-white focus-visible:border-blue-600 focus-visible:ring-blue-600",
-        outlined: "border border-gray-200 bg-transparent focus-visible:border-blue-600 focus-visible:ring-blue-600",
-    },
-    size: {
-        sm: "h-9 text-sm",
-        md: "h-10 text-normal",
-        lg: "h-12 text-base",
-    },
-    color: {
-        default: "",
-        danger: "border-red-600 focus-visible:border-red-600 focus-visible:ring-red-600",
-        warning: "border-yellow-500 focus-visible:border-yellow-500 focus-visible:ring-yellow-500",
-        success: "border-green-600 focus-visible:border-green-600 focus-visible:ring-green-600",
-    },
-    shape: {
-        rounded: "rounded-full",
-        square: "rounded-sm",
-    },
-};
-// DatePicker and Input styles configuration
-export var datePickerStyles = {
-    dayConfig: {
-        sm: { buttonSize: "h-8 w-8 text-xs", fontSize: "text-xs" },
-        md: { buttonSize: "h-9 w-9 text-sm", fontSize: "text-xs" },
-        lg: { buttonSize: "h-10 w-10 text-base", fontSize: "text-sm" },
-    },
-    monthConfig: {
-        sm: { buttonSize: "py-2 px-2 text-xs" },
-        md: { buttonSize: "py-2.5 px-2 text-sm" },
-        lg: { buttonSize: "py-3 px-2 text-base" },
-    },
-    yearConfig: {
-        sm: { buttonSize: "py-2 px-2 text-xs" },
-        md: { buttonSize: "py-2.5 px-2 text-sm" },
-        lg: { buttonSize: "py-3 px-2 text-base" },
-    },
-    headerText: {
-        sm: "text-xs",
-        md: "text-sm",
-        lg: "text-base",
-    },
-};
-// Default values for Input components
-export var DEFAULT_INPUT_SIZE = "md";
-export var DEFAULT_INPUT_VARIANT = "filled";
-export var DEFAULT_INPUT_COLOR = "default";
-export var DEFAULT_INPUT_SHAPE = "square";
-// Label variant mapping for Input sizes
-export var getLabelVariant = function (size) {
-    var variantMap = {
-        sm: "label-sm",
-        md: "label-md",
-        lg: "label-lg",
-    };
-    return variantMap[size];
 };
+// Icon size mapping for Input component
 export var getIconSize = function (size) {
     var sizeMap = {
         sm: "sm",
         md: "sm",
         lg: "lg",
     };
-    return sizeMap[size];
+    return sizeMap[size || "lg"];
 };
 // Padding calculation for Input component
 export var getPadding = function (size, hasStartIcon, hasEndIcon) {
@@ -119,19 +45,20 @@ export var getPadding = function (size, hasStartIcon, hasEndIcon) {
             withBothIcons: { left: "pl-11", right: "pr-11" },
         },
     };
-    var verticalPadding = basePadding[size];
+    var currentSize = size || "lg";
+    var verticalPadding = basePadding[currentSize];
     var horizontalClass;
     if (hasStartIcon && hasEndIcon) {
-        horizontalClass = "".concat(horizontalPadding[size].withBothIcons.left, " ").concat(horizontalPadding[size].withBothIcons.right);
+        horizontalClass = "".concat(horizontalPadding[currentSize].withBothIcons.left, " ").concat(horizontalPadding[currentSize].withBothIcons.right);
     }
     else if (hasStartIcon) {
-        horizontalClass = "".concat(horizontalPadding[size].withStartIcon.left, " ").concat(horizontalPadding[size].withStartIcon.right);
+        horizontalClass = "".concat(horizontalPadding[currentSize].withStartIcon.left, " ").concat(horizontalPadding[currentSize].withStartIcon.right);
     }
     else if (hasEndIcon) {
-        horizontalClass = "".concat(horizontalPadding[size].withEndIcon.left, " ").concat(horizontalPadding[size].withEndIcon.right);
+        horizontalClass = "".concat(horizontalPadding[currentSize].withEndIcon.left, " ").concat(horizontalPadding[currentSize].withEndIcon.right);
     }
     else {
-        horizontalClass = "".concat(horizontalPadding[size].normal.left, " ").concat(horizontalPadding[size].normal.right);
+        horizontalClass = "".concat(horizontalPadding[currentSize].normal.left, " ").concat(horizontalPadding[currentSize].normal.right);
     }
     return "".concat(verticalPadding, " ").concat(horizontalClass);
 };
@@ -146,5 +73,3 @@ export var getIconPosition = function (size) {
 };
 // Re-export Input component
 export { Input } from "./input";
-// Re-export DatePicker component
-export { DatePicker } from "./DatePicker";

package/dist/src/components/Input/input.d.ts

@@ -1,18 +1,37 @@
 import * as React from "react";
 import { type VariantProps } from "class-variance-authority";
-import { type InputSize, type InputShape } from "./";
 import { iconList } from "../../utils/iconList";
+export declare const inputVariantConfig: {
+    variant: {
+        filled: string;
+        outlined: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    color: {
+        default: string;
+        danger: string;
+        warning: string;
+        success: string;
+    };
+    shape: {
+        rounded: string;
+        square: string;
+    };
+};
 export declare const inputVariants: (props?: ({
-    readonly variant?: "filled" | "outlined" | null | undefined;
-    readonly size?: "sm" | "md" | "lg" | null | undefined;
-    readonly color?: "default" | "danger" | "warning" | "success" | null | undefined;
-    readonly shape?: "square" | "rounded" | null | undefined;
+    variant?: "filled" | "outlined" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+    color?: "default" | "danger" | "warning" | "success" | null | undefined;
+    shape?: "square" | "rounded" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export interface InputProps extends Omit<React.ComponentProps<"input">, "size" | "color">, Omit<VariantProps<typeof inputVariants>, "size" | "shape"> {
-    size?: InputSize;
+export interface InputProps extends Omit<React.ComponentProps<"input">, "size" | "color">, VariantProps<typeof inputVariants> {
     startIcon?: keyof typeof iconList;
     endIcon?: keyof typeof iconList;
-    shape?: InputShape;
+    shape?: "rounded" | "square";
 }
 declare function Input({ className, variant, size, type, startIcon, endIcon, shape, color, ...props }: InputProps): import("react/jsx-runtime").JSX.Element;
 export { Input };

package/dist/src/components/Input/input.js

@@ -24,7 +24,29 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
 import { cn } from "../../lib/utils";
 import LUIcon from "../Icons/LUIcon";
-import { getIconSize, getPadding, getIconPosition, DEFAULT_INPUT_SIZE, DEFAULT_INPUT_SHAPE, DEFAULT_INPUT_VARIANT, DEFAULT_INPUT_COLOR, inputVariantConfig, } from "./";
+import { getIconSize, getPadding, getIconPosition } from "./";
+// Export variant configurations for reuse in stories
+export var inputVariantConfig = {
+    variant: {
+        filled: "focus-visible:bg-white focus-visible:border-blue-600 focus-visible:ring-blue-600",
+        outlined: "border border-gray-200 bg-transparent focus-visible:border-blue-600 focus-visible:ring-blue-600",
+    },
+    size: {
+        sm: "h-9 text-sm",
+        md: "h-10 text-normal",
+        lg: "h-12 text-base",
+    },
+    color: {
+        default: "",
+        danger: "border-red-600 focus-visible:border-red-600 focus-visible:ring-red-600",
+        warning: "border-yellow-500 focus-visible:border-yellow-500 focus-visible:ring-yellow-500",
+        success: "border-green-600 focus-visible:border-green-600 focus-visible:ring-green-600",
+    },
+    shape: {
+        rounded: "rounded-full",
+        square: "rounded-sm",
+    },
+};
 export var inputVariants = cva("file:text-foreground placeholder:text-muted-foreground selection:bg-primary text-gray-900 selection:text-primary-foreground dark:bg-input/30 border-input flex w-full min-w-0 !border bg-transparent text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 focus-visible:outline-none aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", {
     variants: inputVariantConfig,
     compoundVariants: [
@@ -75,17 +97,17 @@ export var inputVariants = cva("file:text-foreground placeholder:text-muted-fore
         },
     ],
     defaultVariants: {
-        variant: DEFAULT_INPUT_VARIANT,
-        size: DEFAULT_INPUT_SIZE,
-        color: DEFAULT_INPUT_COLOR,
-        shape: DEFAULT_INPUT_SHAPE,
+        variant: "filled",
+        size: "md",
+        color: "default",
+        shape: "square",
     },
 });
 function Input(_a) {
-    var className = _a.className, variant = _a.variant, _b = _a.size, size = _b === void 0 ? DEFAULT_INPUT_SIZE : _b, type = _a.type, startIcon = _a.startIcon, endIcon = _a.endIcon, _c = _a.shape, shape = _c === void 0 ? DEFAULT_INPUT_SHAPE : _c, color = _a.color, props = __rest(_a, ["className", "variant", "size", "type", "startIcon", "endIcon", "shape", "color"]);
+    var className = _a.className, variant = _a.variant, _b = _a.size, size = _b === void 0 ? "md" : _b, type = _a.type, startIcon = _a.startIcon, endIcon = _a.endIcon, _c = _a.shape, shape = _c === void 0 ? "square" : _c, color = _a.color, props = __rest(_a, ["className", "variant", "size", "type", "startIcon", "endIcon", "shape", "color"]);
     var iconSizeClass = getIconSize(size);
     var paddingClass = getPadding(size, !!startIcon, !!endIcon);
-    var iconPosition = getIconPosition(size);
+    var iconPosition = getIconPosition(size || "md");
     return (_jsxs("div", { className: "relative", children: [startIcon && (_jsx("div", { className: "absolute ".concat(iconPosition.left, " top-1/2 -translate-y-1/2 pointer-events-none z-10"), children: _jsx(LUIcon, { icon: startIcon, size: iconSizeClass }) })), _jsx("input", __assign({ type: type, "data-slot": "input", className: cn(inputVariants({ variant: variant, size: size, color: color, shape: shape }), paddingClass, className) }, props)), endIcon && (_jsx("div", { className: "absolute ".concat(iconPosition.right, " top-1/2 -translate-y-1/2 pointer-events-none z-10"), children: _jsx(LUIcon, { icon: endIcon, size: iconSizeClass }) }))] }));
 }
 export { Input };

package/dist/src/components/Input/type.d.ts

@@ -1,22 +1,14 @@
 import { iconList } from "../../utils/iconList";
-import type { InputSize, InputVariant, InputColor, InputShape } from "./index";
-export interface InputFieldProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> {
-    variant?: InputVariant;
-    size?: InputSize;
+export interface InputFieldProps extends React.HTMLAttributes<HTMLInputElement> {
+    type: string;
+    id?: string;
+    placeholder?: string;
+    className?: string;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    value?: string;
+    variant?: "filled" | "outlined";
+    size?: "sm" | "md" | "lg";
     startIcon?: keyof typeof iconList;
     endIcon?: keyof typeof iconList;
-    color?: InputColor;
-    shape?: InputShape;
-}
-export interface DatePickerProps extends Omit<React.ComponentProps<"input">, "size" | "color" | "value" | "onChange" | "variant" | "shape"> {
-    startIcon?: keyof typeof iconList;
-    endIcon?: keyof typeof iconList;
-    variant?: InputVariant;
-    size?: InputSize;
-    color?: InputColor;
-    shape?: InputShape;
-    value?: Date | null;
-    onChange?: (date: Date | null) => void;
-    minDate?: Date;
-    maxDate?: Date;
+    color?: "default" | "danger" | "warning" | "success";
 }

package/dist/src/components/Label/Label.d.ts

@@ -8,7 +8,7 @@ export declare const variant: {
     "label-sm": string;
 };
 declare const labelVariants: (props?: ({
-    variant?: "label-sm" | "label-md" | "label-lg" | "label-xl" | null | undefined;
+    variant?: "label-sm" | "label-xl" | "label-lg" | "label-md" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare function Label({ className, variant, ...props }: React.ComponentProps<typeof LabelPrimitive.Root> & VariantProps<typeof labelVariants>): import("react/jsx-runtime").JSX.Element;
 export { Label, labelVariants };

package/dist/src/components/Title/Title.module.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */
 .main-title {
   position: relative;
   z-index: 10;

package/dist/src/components/Typography/Heading/heading.module.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */
 .h1 {
   margin: calc(var(--spacing, 0.25rem) * 0);
   font-size: var(--text-2xl, 1.5rem);

package/dist/styles/global.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */
 @layer properties;
 @layer theme, base, components, utilities;
 @layer theme {
@@ -191,9 +191,6 @@
   ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
     padding-block: 0;
   }
-  ::-webkit-calendar-picker-indicator {
-    line-height: 1;
-  }
   :-moz-ui-invalid {
     box-shadow: none;
   }
@@ -224,7 +221,7 @@
     padding: 0;
     margin: -1px;
     overflow: hidden;
-    clip-path: inset(50%);
+    clip: rect(0, 0, 0, 0);
     white-space: nowrap;
     border-width: 0;
   }
@@ -321,9 +318,6 @@
   .z-\[1000\] {
     z-index: 1000;
   }
-  .z-\[9999\] {
-    z-index: 9999;
-  }
   .order-1 {
     order: 1;
   }
@@ -710,9 +704,6 @@
   .max-h-\[300px\] {
     max-height: 300px;
   }
-  .max-h-\[400px\] {
-    max-height: 400px;
-  }
   .max-h-\[500px\] {
     max-height: 500px;
   }
@@ -839,9 +830,6 @@
   .w-\[52px\] {
     width: 52px;
   }
-  .w-auto {
-    width: auto;
-  }
   .w-fit {
     width: fit-content;
   }
@@ -986,12 +974,6 @@
   .grid-cols-1 {
     grid-template-columns: repeat(1, minmax(0, 1fr));
   }
-  .grid-cols-3 {
-    grid-template-columns: repeat(3, minmax(0, 1fr));
-  }
-  .grid-cols-7 {
-    grid-template-columns: repeat(7, minmax(0, 1fr));
-  }
   .grid-cols-\[repeat\(auto-fill\,minmax\(180px\,1fr\)\)\] {
     grid-template-columns: repeat(auto-fill,minmax(180px,1fr));
   }
@@ -1326,9 +1308,6 @@
   .\!bg-black {
     background-color: #030404 !important;
   }
-  .\!bg-blue-600 {
-    background-color: #276ab3 !important;
-  }
   .\!bg-primary {
     background-color: var(--primary) !important;
   }
@@ -1680,9 +1659,6 @@
   .\!px-6 {
     padding-inline: calc(var(--spacing) * 6) !important;
   }
-  .px-1 {
-    padding-inline: calc(var(--spacing) * 1);
-  }
   .px-2 {
     padding-inline: calc(var(--spacing) * 2);
   }
@@ -1990,9 +1966,6 @@
   .text-current {
     color: currentcolor;
   }
-  .text-destructive {
-    color: var(--destructive);
-  }
   .text-foreground {
     color: var(--foreground);
   }
@@ -2185,9 +2158,6 @@
   .opacity-0 {
     opacity: 0%;
   }
-  .opacity-40 {
-    opacity: 40%;
-  }
   .opacity-50 {
     opacity: 50%;
   }
@@ -2229,10 +2199,6 @@
     --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
-  .shadow-xl {
-    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
-    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-  }
   .shadow-xs {
     --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -2270,7 +2236,7 @@
     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,);
   }
   .transition {
-    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
+    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
@@ -2911,13 +2877,6 @@
       }
     }
   }
-  .hover\:bg-transparent {
-    &:hover {
-      @media (hover: hover) {
-        background-color: transparent;
-      }
-    }
-  }
   .hover\:bg-yellow-50 {
     &:hover {
       @media (hover: hover) {
@@ -3512,11 +3471,6 @@
       --tw-ring-color: #3a84d4;
     }
   }
-  .focus\:ring-blue-600 {
-    &:focus {
-      --tw-ring-color: #276ab3;
-    }
-  }
   .focus\:ring-ring {
     &:focus {
       --tw-ring-color: var(--ring);

package/package.json

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