@klu_dev/ui-klu-green 1.2.23 → 1.2.25
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.css +4 -0
- package/dist/index.d.ts +10 -1
- package/dist/index.js +109 -48
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.css
CHANGED
package/dist/index.d.ts
CHANGED
|
@@ -5,6 +5,7 @@ import { VariantProps } from 'class-variance-authority';
|
|
|
5
5
|
import * as SelectPrimitive from '@radix-ui/react-select';
|
|
6
6
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
7
7
|
import * as ToastPrimitives from '@radix-ui/react-toast';
|
|
8
|
+
import * as SwitchPrimitives from '@radix-ui/react-switch';
|
|
8
9
|
|
|
9
10
|
type InputSize = "sm" | "md" | "lg" | "full";
|
|
10
11
|
interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> {
|
|
@@ -384,4 +385,12 @@ interface StatusCardProps {
|
|
|
384
385
|
}
|
|
385
386
|
declare const StatusCard: React__default.FC<StatusCardProps>;
|
|
386
387
|
|
|
387
|
-
|
|
388
|
+
declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
389
|
+
|
|
390
|
+
interface PlasticCardProps {
|
|
391
|
+
isBlocked?: boolean;
|
|
392
|
+
last4?: string;
|
|
393
|
+
}
|
|
394
|
+
declare const PlasticCard: ({ isBlocked, last4, }: PlasticCardProps) => react_jsx_runtime.JSX.Element;
|
|
395
|
+
|
|
396
|
+
export { BackButton, BalanceInfo, Button, Checkbox, type CheckboxProps, CorporateCard, DetailCard, type DetailCardItem, type DetailCardProps, GridCard, IconBadge, type IconBadgeProps, Icons, Input, InputCode, type LadaOption, LoadingScreen, MobileMenuDrawer, Modal, PhoneField, type PhoneFieldProps, PlasticCard, PromoBanner, SearchSelect, SearchSelectField, type SearchSelectFieldProps, Select, SelectContent, SelectField, type SelectFieldProps, SelectGroup, SelectItem, SelectValue, SidebarTabs, StatusCard, type StatusCardProps, type StatusCardSummaryItem, Switch, TextField, type TextFieldProps, ToastAction, Toaster, Typography, useToast };
|
package/dist/index.js
CHANGED
|
@@ -3552,59 +3552,118 @@ var Switch = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
|
|
|
3552
3552
|
Switch.displayName = SwitchPrimitives.Root.displayName;
|
|
3553
3553
|
|
|
3554
3554
|
// src/components/ui/card/card.tsx
|
|
3555
|
+
import { useId as useId2 } from "react";
|
|
3555
3556
|
import { jsx as jsx30, jsxs as jsxs25 } from "react/jsx-runtime";
|
|
3556
3557
|
var PlasticCard = ({
|
|
3557
3558
|
isBlocked = false,
|
|
3558
3559
|
last4 = "0000"
|
|
3559
3560
|
}) => {
|
|
3560
|
-
|
|
3561
|
-
|
|
3562
|
-
|
|
3563
|
-
|
|
3564
|
-
|
|
3565
|
-
|
|
3566
|
-
|
|
3567
|
-
|
|
3568
|
-
|
|
3569
|
-
|
|
3570
|
-
|
|
3571
|
-
|
|
3572
|
-
|
|
3573
|
-
"
|
|
3574
|
-
|
|
3575
|
-
|
|
3576
|
-
|
|
3577
|
-
|
|
3578
|
-
|
|
3579
|
-
|
|
3580
|
-
|
|
3581
|
-
|
|
3582
|
-
|
|
3583
|
-
|
|
3584
|
-
|
|
3585
|
-
|
|
3586
|
-
|
|
3587
|
-
|
|
3588
|
-
|
|
3589
|
-
|
|
3590
|
-
|
|
3591
|
-
|
|
3592
|
-
|
|
3593
|
-
|
|
3594
|
-
|
|
3595
|
-
|
|
3596
|
-
|
|
3597
|
-
|
|
3598
|
-
|
|
3599
|
-
|
|
3600
|
-
|
|
3601
|
-
|
|
3602
|
-
|
|
3603
|
-
|
|
3604
|
-
|
|
3605
|
-
|
|
3606
|
-
|
|
3607
|
-
|
|
3561
|
+
const gradientId = useId2();
|
|
3562
|
+
return /* @__PURE__ */ jsxs25(
|
|
3563
|
+
"div",
|
|
3564
|
+
{
|
|
3565
|
+
className: "\n uiklu-relative \n uiklu-w-full \n uiklu-h-full \n uiklu-min-w-[186px] \n uiklu-min-h-[114px]\n uiklu-rounded-xl \n uiklu-overflow-hidden \n uiklu-shrink-0\n uiklu-shadow-[0_2.467px_2.467px_0_rgba(0,0,0,0.25)]\n uiklu-transition-opacity \n uiklu-duration-300\n ",
|
|
3566
|
+
children: [
|
|
3567
|
+
/* @__PURE__ */ jsx30("div", { className: "uiklu-absolute uiklu-inset-0 uiklu-z-0", children: /* @__PURE__ */ jsxs25(
|
|
3568
|
+
"svg",
|
|
3569
|
+
{
|
|
3570
|
+
className: "uiklu-w-full uiklu-h-full",
|
|
3571
|
+
viewBox: "0 0 185 111",
|
|
3572
|
+
preserveAspectRatio: "none",
|
|
3573
|
+
fill: "none",
|
|
3574
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
3575
|
+
children: [
|
|
3576
|
+
/* @__PURE__ */ jsx30(
|
|
3577
|
+
"path",
|
|
3578
|
+
{
|
|
3579
|
+
d: "M185 0H0V111H185V0Z",
|
|
3580
|
+
fill: `url(#${gradientId})`
|
|
3581
|
+
}
|
|
3582
|
+
),
|
|
3583
|
+
/* @__PURE__ */ jsx30("defs", { children: /* @__PURE__ */ jsxs25(
|
|
3584
|
+
"linearGradient",
|
|
3585
|
+
{
|
|
3586
|
+
id: gradientId,
|
|
3587
|
+
x1: "-0.00289658",
|
|
3588
|
+
y1: "113.999",
|
|
3589
|
+
x2: "101.58",
|
|
3590
|
+
y2: "-51.7413",
|
|
3591
|
+
gradientUnits: "userSpaceOnUse",
|
|
3592
|
+
children: [
|
|
3593
|
+
/* @__PURE__ */ jsx30("stop", { stopColor: "#0A2D27" }),
|
|
3594
|
+
/* @__PURE__ */ jsx30("stop", { offset: "1", stopColor: "#096761" })
|
|
3595
|
+
]
|
|
3596
|
+
}
|
|
3597
|
+
) })
|
|
3598
|
+
]
|
|
3599
|
+
}
|
|
3600
|
+
) }),
|
|
3601
|
+
/* @__PURE__ */ jsx30(
|
|
3602
|
+
"div",
|
|
3603
|
+
{
|
|
3604
|
+
className: `
|
|
3605
|
+
uiklu-absolute
|
|
3606
|
+
uiklu-inset-0
|
|
3607
|
+
uiklu-z-[1]
|
|
3608
|
+
uiklu-bg-basewhite/40
|
|
3609
|
+
uiklu-transition-opacity
|
|
3610
|
+
uiklu-duration-300
|
|
3611
|
+
${isBlocked ? "uiklu-opacity-100" : "uiklu-opacity-0"}
|
|
3612
|
+
`
|
|
3613
|
+
}
|
|
3614
|
+
),
|
|
3615
|
+
/* @__PURE__ */ jsxs25(
|
|
3616
|
+
"div",
|
|
3617
|
+
{
|
|
3618
|
+
className: "\n uiklu-absolute \n uiklu-inset-0 \n uiklu-z-10\n uiklu-h-full \n uiklu-w-full\n uiklu-p-3\n uiklu-flex \n uiklu-flex-col \n uiklu-justify-between\n uiklu-box-border\n ",
|
|
3619
|
+
children: [
|
|
3620
|
+
/* @__PURE__ */ jsxs25(
|
|
3621
|
+
"div",
|
|
3622
|
+
{
|
|
3623
|
+
className: "\n uiklu-flex \n uiklu-justify-between \n uiklu-items-start \n uiklu-w-full\n ",
|
|
3624
|
+
children: [
|
|
3625
|
+
/* @__PURE__ */ jsxs25("div", { className: "uiklu-flex uiklu-flex-col", children: [
|
|
3626
|
+
/* @__PURE__ */ jsx30(
|
|
3627
|
+
"div",
|
|
3628
|
+
{
|
|
3629
|
+
className: "\n uiklu-flex \n uiklu-items-center\n uiklu-w-[29px]\n uiklu-h-[14px]\n uiklu-text-basewhite\n uiklu-mb-[16px]\n ",
|
|
3630
|
+
children: Icons.KLUWHITE
|
|
3631
|
+
}
|
|
3632
|
+
),
|
|
3633
|
+
/* @__PURE__ */ jsxs25(
|
|
3634
|
+
"span",
|
|
3635
|
+
{
|
|
3636
|
+
className: "\n uiklu-text-basewhite\n uiklu-text-[13px]\n uiklu-font-sans\n uiklu-font-semibold\n uiklu-tracking-wider\n uiklu-leading-normal\n ",
|
|
3637
|
+
children: [
|
|
3638
|
+
"**** ",
|
|
3639
|
+
last4
|
|
3640
|
+
]
|
|
3641
|
+
}
|
|
3642
|
+
)
|
|
3643
|
+
] }),
|
|
3644
|
+
/* @__PURE__ */ jsx30("div", { className: "uiklu-text-basewhite uiklu-pt-0.5", children: isBlocked ? Icons.LOCK : Icons.LOCKOPEN })
|
|
3645
|
+
]
|
|
3646
|
+
}
|
|
3647
|
+
),
|
|
3648
|
+
/* @__PURE__ */ jsx30(
|
|
3649
|
+
"div",
|
|
3650
|
+
{
|
|
3651
|
+
className: `
|
|
3652
|
+
uiklu-flex
|
|
3653
|
+
uiklu-justify-end
|
|
3654
|
+
uiklu-w-full
|
|
3655
|
+
uiklu-mt-auto
|
|
3656
|
+
${isBlocked ? "uiklu-opacity-70" : "uiklu-opacity-100"}
|
|
3657
|
+
`,
|
|
3658
|
+
children: /* @__PURE__ */ jsx30("div", { className: "uiklu-flex uiklu-items-center uiklu-shrink-0", children: Icons.MASTERCARD })
|
|
3659
|
+
}
|
|
3660
|
+
)
|
|
3661
|
+
]
|
|
3662
|
+
}
|
|
3663
|
+
)
|
|
3664
|
+
]
|
|
3665
|
+
}
|
|
3666
|
+
);
|
|
3608
3667
|
};
|
|
3609
3668
|
|
|
3610
3669
|
// src/components/ui/corporateCard/corporateCard.tsx
|
|
@@ -3878,6 +3937,7 @@ export {
|
|
|
3878
3937
|
MobileMenuDrawer,
|
|
3879
3938
|
Modal,
|
|
3880
3939
|
PhoneField,
|
|
3940
|
+
PlasticCard,
|
|
3881
3941
|
PromoBanner,
|
|
3882
3942
|
SearchSelect,
|
|
3883
3943
|
SearchSelectField,
|
|
@@ -3889,6 +3949,7 @@ export {
|
|
|
3889
3949
|
SelectValue,
|
|
3890
3950
|
SidebarTabs,
|
|
3891
3951
|
StatusCard,
|
|
3952
|
+
Switch,
|
|
3892
3953
|
TextField,
|
|
3893
3954
|
ToastAction,
|
|
3894
3955
|
Toaster,
|