@dhasdk/simple-ui 1.0.46 → 1.0.49
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/README.md +6 -2
- package/index.css +1 -1
- package/index.js +3 -3
- package/index.mjs +3 -3
- package/package.json +1 -1
package/index.js
CHANGED
|
@@ -15,13 +15,13 @@
|
|
|
15
15
|
inline-flex flex-col justify-center items-center bg-white`,children:t.jsx("button",{className:"appearance-none p-0 m-0 border-0 flex items-center justify-center align-middle",onClick:()=>S(!1),"aria-label":"execute search",children:t.jsx("img",{className:"",src:r2,alt:"search icon"})})}):t.jsxs("span",{className:x(`h-12 md:h-[50px] lg:h-14 flex items-center max-w-full
|
|
16
16
|
relative ${p&&"hidden"}`,s),children:[t.jsxs("span",{className:x(`
|
|
17
17
|
border-[#6a686b] w-[309px] md:w-[334px] lg:w-[350px]
|
|
18
|
-
inline-flex bg-white items-center pe-2
|
|
18
|
+
inline-flex bg-white lg:bg-transparent items-center pe-2
|
|
19
19
|
${w?" border-t border-l border-r rounded-tl rounded-tr lg:border-none ":" border lg:border-none rounded-sm "}
|
|
20
20
|
${V&&"rounded-full"}
|
|
21
|
-
`,n),children:[t.jsx("button",{onClick:$,className:"shrink-0","aria-label":"execute search",children:t.jsx("div",{className:"lg:hidden rounded-tl px-2 rounded-bl",children:t.jsx("img",{className:"",src:r2,alt:"search icon"})})}),t.jsx("input",{className:x(`grow shrink-1 ring-0 appearance-none h-8 md:h-[32px] lg:h-14 py-2 lg:ps-[19px] rounded-tl rounded-bl
|
|
21
|
+
`,n),children:[t.jsx("button",{onClick:$,className:"shrink-0 border-r-2","aria-label":"execute search",children:t.jsx("div",{className:"lg:hidden rounded-tl px-2 rounded-bl",children:t.jsx("img",{className:"",src:r2,alt:"search icon"})})}),t.jsx("input",{className:x(`grow shrink-1 ring-0 appearance-none h-8 md:h-[32px] lg:h-14 py-2 lg:ps-[19px] rounded-tl rounded-bl
|
|
22
22
|
rounded-br-none rounded-tr-none font-['Arial'] bg-white text-[#333234] text-base lg:text-lg
|
|
23
23
|
border-0 lg:border border-[#07192d] hover:border-[#5992fa] focus:border-[#5992fa]
|
|
24
|
-
outline-hidden my-2`,e,V&&"rounded-l-full"),"aria-label":i,value:b,onChange:T,placeholder:"Search result",onKeyDown:f=>R(f),ref:f=>{typeof k=="function"?k(f):k&&(k.current=f),N.current=f},...g}),t.jsx("span",{className:x(`hidden lg:flex items-center size-14 p-[17px] bg-[#07192d]
|
|
24
|
+
outline-hidden my-2 -ms-2 w-[100%]`,e,V&&"rounded-l-full"),"aria-label":i,value:b,onChange:T,placeholder:"Search result",onKeyDown:f=>R(f),ref:f=>{typeof k=="function"?k(f):k&&(k.current=f),N.current=f},...g}),t.jsx("span",{className:x(`hidden lg:flex items-center size-14 p-[17px] bg-[#07192d]
|
|
25
25
|
rounded-tr rounded-br `,V&&"rounded-r-full"),children:t.jsx("button",{className:"appearance-none p-0 m-0 border-0 flex items-center justify-center align-middle",onClick:$,"aria-label":"execute search",children:t.jsx("img",{className:"",src:g0,alt:"search icon"})})}),t.jsx("span",{className:"lg:hidden items-center py-2 -ms-2 -ps-1 me-1 shrink-0",children:t.jsx("button",{className:"appearance-none p-0 m-0 border-0 flex items-center justify-center align-middle","aria-label":"clear search",onClick:()=>C(),children:t.jsx("img",{className:"",src:h0,alt:"search icon"})})})]}),w&&!u&&t.jsx(t.Fragment,{children:t.jsxs("div",{role:"listbox",ref:j,"aria-label":"Select option",className:x(`absolute w-[309px] md:w-[334px] lg:w-[293px] top-[calc(100%+4px)] -mt-1 pt-1
|
|
26
26
|
focus:outline-hidden z-10 overflow-auto
|
|
27
27
|
bg-white lg:shadow-[0px_4px_4px_0px_rgba(0,0,0,0.25)]
|
package/index.mjs
CHANGED
|
@@ -4997,7 +4997,7 @@ const tr = ({
|
|
|
4997
4997
|
/* @__PURE__ */ z("span", { className: p(
|
|
4998
4998
|
`
|
|
4999
4999
|
border-[#6a686b] w-[309px] md:w-[334px] lg:w-[350px]
|
|
5000
|
-
inline-flex bg-white items-center pe-2
|
|
5000
|
+
inline-flex bg-white lg:bg-transparent items-center pe-2
|
|
5001
5001
|
${x ? " border-t border-l border-r rounded-tl rounded-tr lg:border-none " : (
|
|
5002
5002
|
// results, round top corners only
|
|
5003
5003
|
" border lg:border-none rounded-sm "
|
|
@@ -5006,14 +5006,14 @@ const tr = ({
|
|
|
5006
5006
|
`,
|
|
5007
5007
|
o
|
|
5008
5008
|
), children: [
|
|
5009
|
-
/* @__PURE__ */ t("button", { onClick: D, className: "shrink-0", "aria-label": "execute search", children: /* @__PURE__ */ t("div", { className: "lg:hidden rounded-tl px-2 rounded-bl", children: /* @__PURE__ */ t("img", { className: "", src: d2, alt: "search icon" }) }) }),
|
|
5009
|
+
/* @__PURE__ */ t("button", { onClick: D, className: "shrink-0 border-r-2", "aria-label": "execute search", children: /* @__PURE__ */ t("div", { className: "lg:hidden rounded-tl px-2 rounded-bl", children: /* @__PURE__ */ t("img", { className: "", src: d2, alt: "search icon" }) }) }),
|
|
5010
5010
|
/* @__PURE__ */ t(
|
|
5011
5011
|
"input",
|
|
5012
5012
|
{
|
|
5013
5013
|
className: p(`grow shrink-1 ring-0 appearance-none h-8 md:h-[32px] lg:h-14 py-2 lg:ps-[19px] rounded-tl rounded-bl
|
|
5014
5014
|
rounded-br-none rounded-tr-none font-['Arial'] bg-white text-[#333234] text-base lg:text-lg
|
|
5015
5015
|
border-0 lg:border border-[#07192d] hover:border-[#5992fa] focus:border-[#5992fa]
|
|
5016
|
-
outline-hidden my-2`, e, V && "rounded-l-full"),
|
|
5016
|
+
outline-hidden my-2 -ms-2 w-[100%]`, e, V && "rounded-l-full"),
|
|
5017
5017
|
"aria-label": l,
|
|
5018
5018
|
value: b,
|
|
5019
5019
|
onChange: F,
|