lawgic-dev-kit 0.20.6 → 0.20.8
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.
|
@@ -15,8 +15,8 @@ const j = ({
|
|
|
15
15
|
const { defaultColorScheme: c } = h(), m = i || c, {
|
|
16
16
|
activeTextColor: a,
|
|
17
17
|
activeBgColor: p,
|
|
18
|
-
hoverBgColor:
|
|
19
|
-
activeIconColor:
|
|
18
|
+
hoverBgColor: x,
|
|
19
|
+
activeIconColor: u
|
|
20
20
|
} = d(m);
|
|
21
21
|
return /* @__PURE__ */ t.jsxs(
|
|
22
22
|
"div",
|
|
@@ -25,14 +25,14 @@ const j = ({
|
|
|
25
25
|
className: `
|
|
26
26
|
flex items-center rounded-full text-gray transition-all duration-150 h-[40px] w-full px-[12.3px]
|
|
27
27
|
${!e && "w-fit"}
|
|
28
|
-
${r ? "cursor-not-allowed opacity-50" : `cursor-pointer ${
|
|
28
|
+
${r ? "cursor-not-allowed opacity-50" : `cursor-pointer ${x}`}
|
|
29
29
|
${o ? `${a} ${p}` : "bg-transparent"}`,
|
|
30
30
|
children: [
|
|
31
31
|
/* @__PURE__ */ t.jsx(
|
|
32
32
|
f,
|
|
33
33
|
{
|
|
34
34
|
icon: l,
|
|
35
|
-
className: o ?
|
|
35
|
+
className: o ? u : "text-gray-500",
|
|
36
36
|
style: {
|
|
37
37
|
height: "16px"
|
|
38
38
|
}
|
|
@@ -48,6 +48,7 @@ const j = ({
|
|
|
48
48
|
w-[0px]
|
|
49
49
|
text-nowrap
|
|
50
50
|
transition-all duration-100 ease-in-out
|
|
51
|
+
text-gray-500
|
|
51
52
|
opacity-0 capitalize
|
|
52
53
|
${e && "translate-x-0 opacity-100 !w-full !h-auto ml-8"}
|
|
53
54
|
${o && a}`,
|
|
@@ -750,13 +750,14 @@ attempted value: ${a}
|
|
|
750
750
|
flex items-center rounded-full text-gray transition-all duration-150 h-[40px] w-full px-[12.3px]
|
|
751
751
|
${!i&&"w-fit"}
|
|
752
752
|
${o?"cursor-not-allowed opacity-50":`cursor-pointer ${m}`}
|
|
753
|
-
${e?`${f} ${h}`:"bg-transparent"}`,children:[y.jsx(Pe,{icon:t,className:e?p:"text-gray-
|
|
753
|
+
${e?`${f} ${h}`:"bg-transparent"}`,children:[y.jsx(Pe,{icon:t,className:e?p:"text-gray-500",style:{height:"16px"}}),y.jsx("h4",{className:`
|
|
754
754
|
text-md
|
|
755
755
|
leading-none
|
|
756
756
|
font-600
|
|
757
757
|
w-[0px]
|
|
758
758
|
text-nowrap
|
|
759
759
|
transition-all duration-100 ease-in-out
|
|
760
|
+
text-gray-500
|
|
760
761
|
opacity-0 capitalize
|
|
761
762
|
${i&&"translate-x-0 opacity-100 !w-full !h-auto ml-8"}
|
|
762
763
|
${e&&f}`,children:n})]})},gL="flex w-full h-full gap-12 px-10 py-6 items-center justify-center",yL={default:"flex-row rounded-full text-blue-500",underline:"flex-col border-b-[1.3px] px-24 pb-16 text-gray-700"},vL={true:"text-blue-500 border-b-blue-500",false:"text-gray-700 border-b-gray-700"},xL=(e="underline",t=!1)=>Vn(gL,yL[e],vL[String(t)]),F2=({label:e,icon:t,isSelected:n,onClick:r,variant:i="default",direction:o="row",labelClassName:a=""})=>y.jsxs("button",{className:`${xL(i,n)} w-full cursor-pointer transition-all duration-200 ${o==="row"&&"flex-row!"}`,onClick:r,children:[t&&y.jsx(Pe,{icon:t,className:`${n?"text-blue-500":"text-gray-500"} w-20 h-20`}),y.jsx("span",{className:Vn("text-lg font-500",a),children:e})]}),bL="transition-colors ease-in-out duration-200 flex items-center justify-center text-body-m rounded-full w-fit font-600 leading-normal disabled:cursor-not-allowed disabled:text-gray-300",wL={blue:"text-blue-500 hover:text-blue-600 active:text-blue-700",aqua:"text-aqua-500 hover:text-aqua-600 active:text-aqua-700",red:"text-red-500 hover:text-red-600 active:text-red-700",gray:"text-gray-500 hover:text-gray-600 active:text-gray-700"},SL=(e="blue")=>Vn(bL,wL[e]),V2=({color:e,children:t,className:n,...r})=>{const{defaultColorScheme:i}=Ue(),o=e||i;return y.jsx("button",{type:"button",className:SL(o)+" "+n,...r,children:t})},TL=({label:e,control:t,name:n,placeholder:r,className:i="",disabled:o=!1,leftSide:a,rightSide:c,translateKey:u="",size:f="base",...h})=>{const{field:{value:m="",onChange:p,ref:v,onBlur:S},fieldState:{error:x}}=hr.useController({name:n,control:t}),{t:T}=Ue(),C={sm:{container:"p-8",text:"text-body-s",label:"text-xs",error:"text-xs",gap:"gap-6"},base:{container:"p-16",text:"text-body-m",label:"text-label",error:"text-label",gap:"gap-8"}}[f],E=T(n),$=T(u);return y.jsxs("label",{className:`flex flex-col group select-none ${C.gap} ${o&&"cursor-not-allowed"} ${i}`,htmlFor:n,children:[y.jsx("h6",{className:`text-gray-600 font-600 group ${x&&"text-red-500!"} ${C.label} ${o&&"text-gray-300"}`,children:e}),y.jsxs("label",{htmlFor:n,className:`
|
package/package.json
CHANGED
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
export interface FloatingMenuProps {
|
|
2
|
-
open?: boolean;
|
|
3
|
-
onClose?: () => void;
|
|
4
|
-
component: React.ReactNode | (() => React.ReactNode);
|
|
5
|
-
children: React.ReactNode;
|
|
6
|
-
placement?: "top" | "bottom" | "left" | "right";
|
|
7
|
-
className?: string;
|
|
8
|
-
strategy?: "fixed" | "absolute";
|
|
9
|
-
styles?: React.CSSProperties;
|
|
10
|
-
offset?: number;
|
|
11
|
-
padding?: number;
|
|
12
|
-
handleClickAway?: boolean;
|
|
13
|
-
}
|