@klu_dev/ui-klu-green 1.2.18 → 1.2.19

package/dist/index.css

@@ -827,6 +827,10 @@ button,
 .uiklu-w-full{
     width: 100%;
 
+}
+.uiklu-w-px{
+    width: 1px;
+
 }
 .uiklu-min-w-0{
     min-width: 0px;
@@ -1067,6 +1071,10 @@ button,
 .uiklu-gap-1{
     gap: 0.25rem;
 
+}
+.uiklu-gap-1\.5{
+    gap: 0.375rem;
+
 }
 .uiklu-gap-10{
     gap: 2.5rem;
@@ -1307,6 +1315,10 @@ button,
 .uiklu-border-b-\[1px\]{
     border-bottom-width: 1px;
 
+}
+.uiklu-border-r{
+    border-right-width: 1px;
+
 }
 .uiklu-border-t{
     border-top-width: 1px;
@@ -1343,6 +1355,10 @@ button,
     --tw-border-opacity: 1;
     border-color: hsl(var(--uiklu-destructive) / var(--tw-border-opacity, 1));
 
+}
+.uiklu-border-destructive\/40{
+    border-color: hsl(var(--uiklu-destructive) / 0.4);
+
 }
 .uiklu-border-gray-100{
     --tw-border-opacity: 1;
@@ -1813,6 +1829,11 @@ button,
     padding-left: 48px;
     padding-right: 48px;
 
+}
+.uiklu-px-\[8px\]{
+    padding-left: 8px;
+    padding-right: 8px;
+
 }
 .uiklu-py-1{
     padding-top: 0.25rem;
@@ -1867,6 +1888,14 @@ button,
 .uiklu-pl-6{
     padding-left: 1.5rem;
 
+}
+.uiklu-pl-8{
+    padding-left: 2rem;
+
+}
+.uiklu-pl-\[6px\]{
+    padding-left: 6px;
+
 }
 .uiklu-pr-10{
     padding-right: 2.5rem;
@@ -1887,6 +1916,10 @@ button,
 .uiklu-pr-6{
     padding-right: 1.5rem;
 
+}
+.uiklu-pr-\[10px\]{
+    padding-right: 10px;
+
 }
 .uiklu-pt-4{
     padding-top: 1rem;

package/dist/index.d.ts

@@ -6,9 +6,9 @@ import * as SelectPrimitive from '@radix-ui/react-select';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as ToastPrimitives from '@radix-ui/react-toast';
 
-type InputSize$1 = "sm" | "md" | "lg" | "full";
+type InputSize = "sm" | "md" | "lg" | "full";
 interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> {
-    size?: InputSize$1;
+    size?: InputSize;
     error?: string;
     isSearchable?: boolean;
     onSearchClick?: () => void;
@@ -246,21 +246,6 @@ interface CheckboxProps {
 }
 declare const Checkbox: React__default.FC<CheckboxProps>;
 
-interface LadaOption {
-    code: string;
-    label: string;
-}
-type InputSize = "sm" | "md" | "lg" | "full";
-interface InputPhoneProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "value" | "onChange"> {
-    size?: InputSize;
-    error?: string;
-    value?: string;
-    onChange?: (value: string) => void;
-    ladas?: LadaOption[];
-    defaultLadaIndex?: number;
-}
-declare const InputPhone: React.ForwardRefExoticComponent<InputPhoneProps & React.RefAttributes<HTMLInputElement>>;
-
 type IconBadgeSize = 'sm' | 'md' | 'lg';
 interface IconBadgeProps {
     icon: React.ReactElement<{
@@ -341,4 +326,21 @@ interface SearchSelectFieldProps {
 }
 declare const SearchSelectField: ({ options, value, onChange, label, placeholder, size, error, required, disabled, className, labelClassName, }: SearchSelectFieldProps) => react_jsx_runtime.JSX.Element;
 
-export { BackButton, BalanceInfo, Button, Checkbox, type CheckboxProps, DetailCard, type DetailCardItem, type DetailCardProps, GridCard, IconBadge, type IconBadgeProps, Icons, Input, InputCode, InputPhone, type InputPhoneProps, type LadaOption, LoadingScreen, MobileMenuDrawer, Modal, PromoBanner, SearchSelect, SearchSelectField, type SearchSelectFieldProps, Select, SelectContent, SelectField, type SelectFieldProps, SelectGroup, SelectItem, SelectValue, SidebarTabs, TextField, type TextFieldProps, ToastAction, Toaster, Typography, useToast };
+type PhoneFieldSize = "sm" | "md" | "lg" | "full";
+interface LadaOption {
+    code: string;
+    label: string;
+}
+interface PhoneFieldProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "value" | "onChange"> {
+    label: string;
+    size?: PhoneFieldSize;
+    error?: string;
+    value?: string;
+    onChange?: (value: string) => void;
+    ladas?: LadaOption[];
+    defaultLadaIndex?: number;
+    labelClassName?: string;
+}
+declare const PhoneField: React.ForwardRefExoticComponent<PhoneFieldProps & React.RefAttributes<HTMLInputElement>>;
+
+export { BackButton, BalanceInfo, Button, Checkbox, type CheckboxProps, DetailCard, type DetailCardItem, type DetailCardProps, GridCard, IconBadge, type IconBadgeProps, Icons, Input, InputCode, type LadaOption, LoadingScreen, MobileMenuDrawer, Modal, PhoneField, type PhoneFieldProps, PromoBanner, SearchSelect, SearchSelectField, type SearchSelectFieldProps, Select, SelectContent, SelectField, type SelectFieldProps, SelectGroup, SelectItem, SelectValue, SidebarTabs, TextField, type TextFieldProps, ToastAction, Toaster, Typography, useToast };