@cleartrip/ct-design-dropdown 5.6.0 → 5.7.0-SNAPSHOT-native-main.1

package/dist/Dropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../packages/components/Dropdown/src/Dropdown.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,aAAa,EAAQ,MAAM,QAAQ,CAAC;AA2E7C,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA8HrC,CAAC;AAYF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../packages/components/Dropdown/src/Dropdown.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,aAAa,EAAQ,MAAM,QAAQ,CAAC;AAwD7C,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAqHrC,CAAC;AAYF,eAAe,QAAQ,CAAC"}

package/dist/ct-design-dropdown.browser.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),o=require("react"),t=require("@cleartrip/ct-design-typography"),r=require("@cleartrip/ct-design-style-manager"),n=require("@cleartrip/ct-design-icons");const i=e=>({flex:1,height:e,justifyContent:"center",paddingHorizontal:12}),a=r.makeStyles(()=>({root:{width:"100%",backgroundColor:"#fff",position:"relative"},dropDownItemListContainer:{width:"100%",maxHeight:240,borderRadius:5,position:"absolute",overflow:"hidden",shadowColor:"#000",shadowOffset:{width:0,height:1},shadowOpacity:.22,shadowRadius:2.22,elevation:3,backgroundColor:"#fff"},dropDownItemContainer:{width:"100%",justifyContent:"center",paddingHorizontal:16,paddingVertical:12},chevronDownContainer:{height:24,left:3,paddingRight:12},scrollArea:{maxHeight:240,overflowY:"auto"}})),l=({item:o,index:n,isSelected:i,dropdownItem:a,onSelect:l,customItemContainer:s=[],customItemTextContainer:d={}})=>{const c=r.useStyles(()=>({root:{backgroundColor:i?"#1a1a1a":"#fff",cursor:"pointer",width:"100%",justifyContent:"center",paddingHorizontal:16,paddingVertical:12}}),[i]),p=r.useWebMergeStyles([c.root,...s],[c.root,s]);return e.jsx("div",{className:p,onClick:()=>l(o,n),children:e.jsx(t.Typography,{styleConfig:d,variant:t.TypographyVariant.HM4,color:i?t.TypographyColor.NEUTRAL:t.TypographyColor.PRIMARY,children:a})})};exports.Dropdown=({placeHolder:s,itemList:d,height:c=40,styleConfig:p={},dropDownValue:u,defaultSelectedIndex:h,onItemSelect:g,renderItem:m,showDropDownListOnTop:C=!0})=>{const{placeHolderContainer:y=[],placeHolderTextContainer:f=[],dropDownItemListContainer:w=[],dropDownItemContainer:x=[],dropDownItemTextContainer:v={}}=p,I=o.useRef(null),[b,S]=o.useState(!1),[T,D]=o.useState(null!=h?h:-1);o.useEffect(()=>{if(!b)return;const e=e=>{I.current&&!I.current.contains(e.target)&&S(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[b]);const H=r.useStyles(e=>({placeHolderContainer:{width:"100%",height:c,backgroundColor:"#fff",borderRadius:5,flexDirection:"row",alignItems:"center",borderColor:b?e.color.border.primary:"#e0e0e0",borderWidth:1},placeHolderTextContainer:i(c)}),[b,c]),j=(e,o)=>{D(o),null==g||g(e,o),S(!1)},M=C,R=r.useWebMergeStyles([a.root],[]),L=r.useWebMergeStyles([H.placeHolderContainer,...y],[H.placeHolderContainer,y]),k=r.useWebMergeStyles([H.placeHolderTextContainer],[H.placeHolderTextContainer]),N=r.useWebMergeStyles([a.chevronDownContainer],[]),W=M?{bottom:c}:{top:c},A=r.useWebMergeStyles([a.dropDownItemListContainer,W,a.scrollArea,...w],[M,c,w]);return e.jsxs("div",{ref:I,className:R,children:[e.jsxs("div",{className:L,onClick:()=>S(e=>!e),children:[e.jsx("div",{className:k,children:e.jsx(t.Typography,{color:u.length>0?t.TypographyColor.PRIMARY:t.TypographyColor.DISABLED,lineClamp:1,styleConfig:{root:f},variant:t.TypographyVariant.HM4,children:u.length>0?u:s})}),e.jsx("div",{className:N,children:e.jsx(n.ChevronDown,{})})]}),b&&e.jsx("div",{className:A,children:d.map((o,t)=>{const r=(null==m?void 0:m(o,t))||(null==o?void 0:o.label),n=t===T;return e.jsx(l,{item:o,index:t,isSelected:n,dropdownItem:r,onSelect:j,customItemContainer:x,customItemTextContainer:v},`${o.value}-${t}`)})})]})};
+"use strict";var e=require("react/jsx-runtime"),o=require("react"),t=require("@cleartrip/ct-design-typography"),r=require("@cleartrip/ct-design-style-manager"),n=require("@cleartrip/ct-design-icons");const i=(e,o,t)=>({display:"flex",flexDirection:"row",alignItems:"center",width:"100%",height:o,backgroundColor:"#fff",borderRadius:5,borderColor:t?e.color.border.primary:"#e0e0e0",borderWidth:1,borderStyle:"solid",boxSizing:"border-box",cursor:"pointer"}),a=e=>({display:"flex",flex:1,minWidth:0,height:e,alignItems:"center",paddingHorizontal:12}),l=r.makeStyles(()=>({root:{width:"100%",backgroundColor:"#fff",position:"relative"},dropDownItemListContainer:{width:"100%",maxHeight:240,borderRadius:5,position:"absolute",overflow:"hidden",shadowColor:"#000",shadowOffset:{width:0,height:1},shadowOpacity:.22,shadowRadius:2.22,elevation:3,backgroundColor:"#fff",zIndex:1},dropDownItemContainer:{display:"flex",width:"100%",justifyContent:"center",alignItems:"center",paddingHorizontal:16,paddingVertical:12},chevronDownContainer:{display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,height:24,paddingRight:12},scrollArea:{maxHeight:240,overflowY:"auto"}})),s=({item:o,index:n,isSelected:i,dropdownItem:a,onSelect:s,customItemContainer:d=[],customItemTextContainer:c={}})=>{const p=r.useStyles(()=>({root:{display:"flex",backgroundColor:i?"#1a1a1a":"#fff",cursor:"pointer",width:"100%",justifyContent:"center",alignItems:"center",paddingHorizontal:16,paddingVertical:12}}),[i]),u=r.useWebMergeStyles([l.dropDownItemContainer,p.root,...d],[p.root,d]);return e.jsx("div",{className:u,onClick:()=>s(o,n),children:e.jsx(t.Typography,{styleConfig:c,variant:t.TypographyVariant.HM4,color:i?t.TypographyColor.NEUTRAL:t.TypographyColor.PRIMARY,children:a})})};exports.Dropdown=({placeHolder:d,itemList:c,height:p=40,styleConfig:u={},dropDownValue:h,defaultSelectedIndex:g,onItemSelect:m,renderItem:y,showDropDownListOnTop:C=!0})=>{const{placeHolderContainer:f=[],placeHolderTextContainer:x=[],dropDownItemListContainer:w=[],dropDownItemContainer:I=[],dropDownItemTextContainer:b={}}=u,v=o.useRef(null),[S,D]=o.useState(!1),[T,H]=o.useState(null!=g?g:-1);o.useEffect(()=>{if(!S)return;const e=e=>{v.current&&!v.current.contains(e.target)&&D(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[S]);const j=r.useStyles(e=>({placeHolderContainer:i(e,p,S),placeHolderTextContainer:a(p)}),[S,p]),M=(e,o)=>{H(o),null==m||m(e,o),D(!1)},R=C,L=r.useWebMergeStyles([l.root],[]),k=r.useWebMergeStyles([j.placeHolderContainer,...f],[j.placeHolderContainer,f]),W=r.useWebMergeStyles([j.placeHolderTextContainer],[j.placeHolderTextContainer]),N=r.useWebMergeStyles([l.chevronDownContainer],[]),A=R?{bottom:p}:{top:p},q=r.useWebMergeStyles([l.dropDownItemListContainer,A,l.scrollArea,...w],[R,p,w]);return e.jsxs("div",{ref:v,className:L,children:[e.jsxs("div",{className:k,onClick:()=>D(e=>!e),role:"button",tabIndex:0,children:[e.jsx("div",{className:W,children:e.jsx(t.Typography,{color:h.length>0?t.TypographyColor.PRIMARY:t.TypographyColor.DISABLED,lineClamp:1,styleConfig:{root:x},variant:t.TypographyVariant.HM4,children:h.length>0?h:d})}),e.jsx("div",{className:N,children:e.jsx(n.ChevronDown,{})})]}),S&&e.jsx("div",{className:q,children:c.map((o,t)=>{const r=(null==y?void 0:y(o,t))||(null==o?void 0:o.label),n=t===T;return e.jsx(s,{item:o,index:t,isSelected:n,dropdownItem:r,onSelect:M,customItemContainer:I,customItemTextContainer:b},`${o.value}-${t}`)})})]})};
 //# sourceMappingURL=ct-design-dropdown.browser.cjs.js.map

package/dist/ct-design-dropdown.browser.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ct-design-dropdown.browser.cjs.js","sources":["../packages/components/Dropdown/src/style.ts","../packages/components/Dropdown/src/Dropdown.tsx"],"sourcesContent":[null,null],"names":["getPlaceHolderTextContainerStyles","height","flex","justifyContent","paddingHorizontal","staticStyles","makeStyles","root","width","backgroundColor","position","dropDownItemListContainer","maxHeight","borderRadius","overflow","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","dropDownItemContainer","paddingVertical","chevronDownContainer","left","paddingRight","scrollArea","overflowY","DropdownListItem","item","index","isSelected","dropdownItem","onSelect","customItemContainer","customItemTextContainer","itemDynamicStyles","useStyles","cursor","mergedItemClassName","useWebMergeStyles","_jsx","className","onClick","children","Typography","styleConfig","variant","TypographyVariant","HM4","color","TypographyColor","NEUTRAL","PRIMARY","placeHolder","itemList","dropDownValue","defaultSelectedIndex","onItemSelect","renderItem","showDropDownListOnTop","placeHolderContainer","customPlaceHolderContainer","placeHolderTextContainer","customPlaceHolderTextContainer","customDropDownItemListContainer","customDropDownItemContainer","dropDownItemTextContainer","rootRef","useRef","focus","setFocus","useState","singleSelectIndex","setSingleSelectIndex","useEffect","handleOutside","event","current","contains","target","document","addEventListener","removeEventListener","dynamicStyles","theme","flexDirection","alignItems","borderColor","border","primary","borderWidth","singleSelectClickHandler","isShownOnTop","mergedRootClassName","mergedPlaceHolderClassName","mergedPlaceHolderTextClassName","mergedChevronClassName","listPositionStyle","bottom","top","mergedListClassName","_jsxs","ref","state","length","DISABLED","lineClamp","jsx","ChevronDown","map","label","value"],"mappings":"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"}
+{"version":3,"file":"ct-design-dropdown.browser.cjs.js","sources":["../packages/components/Dropdown/src/style.ts","../packages/components/Dropdown/src/Dropdown.tsx"],"sourcesContent":[null,null],"names":["getPlaceHolderContainerStyles","theme","height","focus","display","flexDirection","alignItems","width","backgroundColor","borderRadius","borderColor","color","border","primary","borderWidth","borderStyle","boxSizing","cursor","getPlaceHolderTextContainerStyles","flex","minWidth","paddingHorizontal","staticStyles","makeStyles","root","position","dropDownItemListContainer","maxHeight","overflow","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","zIndex","dropDownItemContainer","justifyContent","paddingVertical","chevronDownContainer","flexShrink","paddingRight","scrollArea","overflowY","DropdownListItem","item","index","isSelected","dropdownItem","onSelect","customItemContainer","customItemTextContainer","itemDynamicStyles","useStyles","mergedItemClassName","useWebMergeStyles","_jsx","className","onClick","children","Typography","styleConfig","variant","TypographyVariant","HM4","TypographyColor","NEUTRAL","PRIMARY","placeHolder","itemList","dropDownValue","defaultSelectedIndex","onItemSelect","renderItem","showDropDownListOnTop","placeHolderContainer","customPlaceHolderContainer","placeHolderTextContainer","customPlaceHolderTextContainer","customDropDownItemListContainer","customDropDownItemContainer","dropDownItemTextContainer","rootRef","useRef","setFocus","useState","singleSelectIndex","setSingleSelectIndex","useEffect","handleOutside","event","current","contains","target","document","addEventListener","removeEventListener","dynamicStyles","singleSelectClickHandler","isShownOnTop","mergedRootClassName","mergedPlaceHolderClassName","mergedPlaceHolderTextClassName","mergedChevronClassName","listPositionStyle","bottom","top","mergedListClassName","_jsxs","ref","jsxs","state","role","tabIndex","length","DISABLED","lineClamp","jsx","ChevronDown","map","label","value"],"mappings":"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"}

package/dist/ct-design-dropdown.browser.esm.js

@@ -1,2 +1,2 @@
-import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useRef as t,useState as r,useEffect as n}from"react";import{Typography as i,TypographyColor as a,TypographyVariant as l}from"@cleartrip/ct-design-typography";import{makeStyles as d,useStyles as c,useWebMergeStyles as s}from"@cleartrip/ct-design-style-manager";import{ChevronDown as m}from"@cleartrip/ct-design-icons";const p=e=>({flex:1,height:e,justifyContent:"center",paddingHorizontal:12}),h=d(()=>({root:{width:"100%",backgroundColor:"#fff",position:"relative"},dropDownItemListContainer:{width:"100%",maxHeight:240,borderRadius:5,position:"absolute",overflow:"hidden",shadowColor:"#000",shadowOffset:{width:0,height:1},shadowOpacity:.22,shadowRadius:2.22,elevation:3,backgroundColor:"#fff"},dropDownItemContainer:{width:"100%",justifyContent:"center",paddingHorizontal:16,paddingVertical:12},chevronDownContainer:{height:24,left:3,paddingRight:12},scrollArea:{maxHeight:240,overflowY:"auto"}})),u=({item:e,index:t,isSelected:r,dropdownItem:n,onSelect:d,customItemContainer:m=[],customItemTextContainer:p={}})=>{const h=c(()=>({root:{backgroundColor:r?"#1a1a1a":"#fff",cursor:"pointer",width:"100%",justifyContent:"center",paddingHorizontal:16,paddingVertical:12}}),[r]),u=s([h.root,...m],[h.root,m]);return o("div",{className:u,onClick:()=>d(e,t),children:o(i,{styleConfig:p,variant:l.HM4,color:r?a.NEUTRAL:a.PRIMARY,children:n})})},C=({placeHolder:d,itemList:C,height:f=40,styleConfig:g={},dropDownValue:w,defaultSelectedIndex:v,onItemSelect:I,renderItem:x,showDropDownListOnTop:H=!0})=>{const{placeHolderContainer:D=[],placeHolderTextContainer:b=[],dropDownItemListContainer:y=[],dropDownItemContainer:L=[],dropDownItemTextContainer:R={}}=g,T=t(null),[N,S]=r(!1),[k,A]=r(null!=v?v:-1);n(()=>{if(!N)return;const e=e=>{T.current&&!T.current.contains(e.target)&&S(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[N]);const j=c(e=>({placeHolderContainer:{width:"100%",height:f,backgroundColor:"#fff",borderRadius:5,flexDirection:"row",alignItems:"center",borderColor:N?e.color.border.primary:"#e0e0e0",borderWidth:1},placeHolderTextContainer:p(f)}),[N,f]),E=(e,o)=>{A(o),null==I||I(e,o),S(!1)},M=H,z=s([h.root],[]),O=s([j.placeHolderContainer,...D],[j.placeHolderContainer,D]),V=s([j.placeHolderTextContainer],[j.placeHolderTextContainer]),Y=s([h.chevronDownContainer],[]),P=M?{bottom:f}:{top:f},$=s([h.dropDownItemListContainer,P,h.scrollArea,...y],[M,f,y]);return e("div",{ref:T,className:z,children:[e("div",{className:O,onClick:()=>S(e=>!e),children:[o("div",{className:V,children:o(i,{color:w.length>0?a.PRIMARY:a.DISABLED,lineClamp:1,styleConfig:{root:b},variant:l.HM4,children:w.length>0?w:d})}),o("div",{className:Y,children:o(m,{})})]}),N&&o("div",{className:$,children:C.map((e,t)=>{const r=(null==x?void 0:x(e,t))||(null==e?void 0:e.label);return o(u,{item:e,index:t,isSelected:t===k,dropdownItem:r,onSelect:E,customItemContainer:L,customItemTextContainer:R},`${e.value}-${t}`)})})]})};export{C as Dropdown};
+import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useRef as t,useState as n,useEffect as r}from"react";import{Typography as i,TypographyColor as l,TypographyVariant as a}from"@cleartrip/ct-design-typography";import{makeStyles as d,useStyles as c,useWebMergeStyles as s}from"@cleartrip/ct-design-style-manager";import{ChevronDown as m}from"@cleartrip/ct-design-icons";const p=(e,o,t)=>({display:"flex",flexDirection:"row",alignItems:"center",width:"100%",height:o,backgroundColor:"#fff",borderRadius:5,borderColor:t?e.color.border.primary:"#e0e0e0",borderWidth:1,borderStyle:"solid",boxSizing:"border-box",cursor:"pointer"}),h=e=>({display:"flex",flex:1,minWidth:0,height:e,alignItems:"center",paddingHorizontal:12}),u=d(()=>({root:{width:"100%",backgroundColor:"#fff",position:"relative"},dropDownItemListContainer:{width:"100%",maxHeight:240,borderRadius:5,position:"absolute",overflow:"hidden",shadowColor:"#000",shadowOffset:{width:0,height:1},shadowOpacity:.22,shadowRadius:2.22,elevation:3,backgroundColor:"#fff",zIndex:1},dropDownItemContainer:{display:"flex",width:"100%",justifyContent:"center",alignItems:"center",paddingHorizontal:16,paddingVertical:12},chevronDownContainer:{display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,height:24,paddingRight:12},scrollArea:{maxHeight:240,overflowY:"auto"}})),f=({item:e,index:t,isSelected:n,dropdownItem:r,onSelect:d,customItemContainer:m=[],customItemTextContainer:p={}})=>{const h=c(()=>({root:{display:"flex",backgroundColor:n?"#1a1a1a":"#fff",cursor:"pointer",width:"100%",justifyContent:"center",alignItems:"center",paddingHorizontal:16,paddingVertical:12}}),[n]),f=s([u.dropDownItemContainer,h.root,...m],[h.root,m]);return o("div",{className:f,onClick:()=>d(e,t),children:o(i,{styleConfig:p,variant:a.HM4,color:n?l.NEUTRAL:l.PRIMARY,children:r})})},C=({placeHolder:d,itemList:C,height:g=40,styleConfig:w={},dropDownValue:x,defaultSelectedIndex:I,onItemSelect:v,renderItem:b,showDropDownListOnTop:y=!0})=>{const{placeHolderContainer:H=[],placeHolderTextContainer:D=[],dropDownItemListContainer:S=[],dropDownItemContainer:L=[],dropDownItemTextContainer:R={}}=w,T=t(null),[k,N]=n(!1),[A,z]=n(null!=I?I:-1);r(()=>{if(!k)return;const e=e=>{T.current&&!T.current.contains(e.target)&&N(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[k]);const j=c(e=>({placeHolderContainer:p(e,g,k),placeHolderTextContainer:h(g)}),[k,g]),E=(e,o)=>{z(o),null==v||v(e,o),N(!1)},M=y,O=s([u.root],[]),V=s([j.placeHolderContainer,...H],[j.placeHolderContainer,H]),Y=s([j.placeHolderTextContainer],[j.placeHolderTextContainer]),P=s([u.chevronDownContainer],[]),W=M?{bottom:g}:{top:g},$=s([u.dropDownItemListContainer,W,u.scrollArea,...S],[M,g,S]);return e("div",{ref:T,className:O,children:[e("div",{className:V,onClick:()=>N(e=>!e),role:"button",tabIndex:0,children:[o("div",{className:Y,children:o(i,{color:x.length>0?l.PRIMARY:l.DISABLED,lineClamp:1,styleConfig:{root:D},variant:a.HM4,children:x.length>0?x:d})}),o("div",{className:P,children:o(m,{})})]}),k&&o("div",{className:$,children:C.map((e,t)=>{const n=(null==b?void 0:b(e,t))||(null==e?void 0:e.label);return o(f,{item:e,index:t,isSelected:t===A,dropdownItem:n,onSelect:E,customItemContainer:L,customItemTextContainer:R},`${e.value}-${t}`)})})]})};export{C as Dropdown};
 //# sourceMappingURL=ct-design-dropdown.browser.esm.js.map

package/dist/ct-design-dropdown.browser.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ct-design-dropdown.browser.esm.js","sources":["../packages/components/Dropdown/src/style.ts","../packages/components/Dropdown/src/Dropdown.tsx"],"sourcesContent":[null,null],"names":["getPlaceHolderTextContainerStyles","height","flex","justifyContent","paddingHorizontal","staticStyles","makeStyles","root","width","backgroundColor","position","dropDownItemListContainer","maxHeight","borderRadius","overflow","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","dropDownItemContainer","paddingVertical","chevronDownContainer","left","paddingRight","scrollArea","overflowY","DropdownListItem","item","index","isSelected","dropdownItem","onSelect","customItemContainer","customItemTextContainer","itemDynamicStyles","useStyles","cursor","mergedItemClassName","useWebMergeStyles","_jsx","className","onClick","children","Typography","styleConfig","variant","TypographyVariant","HM4","color","TypographyColor","NEUTRAL","PRIMARY","Dropdown","placeHolder","itemList","dropDownValue","defaultSelectedIndex","onItemSelect","renderItem","showDropDownListOnTop","placeHolderContainer","customPlaceHolderContainer","placeHolderTextContainer","customPlaceHolderTextContainer","customDropDownItemListContainer","customDropDownItemContainer","dropDownItemTextContainer","rootRef","useRef","focus","setFocus","useState","singleSelectIndex","setSingleSelectIndex","useEffect","handleOutside","event","current","contains","target","document","addEventListener","removeEventListener","dynamicStyles","theme","flexDirection","alignItems","borderColor","border","primary","borderWidth","singleSelectClickHandler","isShownOnTop","mergedRootClassName","mergedPlaceHolderClassName","mergedPlaceHolderTextClassName","mergedChevronClassName","listPositionStyle","bottom","top","mergedListClassName","_jsxs","ref","state","length","DISABLED","lineClamp","ChevronDown","map","label","value"],"mappings":"sXA4BO,MAiBMA,EAAqCC,IAAoB,CACpEC,KAAM,EACND,SACAE,eAAgB,SAChBC,kBAAmB,KCxCfC,EAAeC,EAAW,KAAO,CACrCC,KAAM,CACJC,MAAO,OACPC,gBAAiB,OACjBC,SAAU,YAEZC,0BAA2B,CACzBH,MAAO,OACPI,UAAW,IACXC,aAAc,EACdH,SAAU,WACVI,SAAU,SACVC,YAAa,OACbC,aAAc,CAAER,MAAO,EAAGP,OAAQ,GAClCgB,cAAe,IACfC,aAAc,KACdC,UAAW,EACXV,gBAAiB,QAEnBW,sBAAuB,CACrBZ,MAAO,OACPL,eAAgB,SAChBC,kBAAmB,GACnBiB,gBAAiB,IAEnBC,qBDN8C,CAC9CrB,OAAQ,GACRsB,KAAM,EACNC,aAAc,ICIdC,WAAY,CACVb,UAAW,IACXc,UAAW,WAITC,EAAoD,EACxDC,OACAC,QACAC,aACAC,eACAC,WACAC,sBAAsB,GACtBC,0BAA0B,CAAE,MAE5B,MAAMC,EAAoBC,EACxB,KAAO,CACL7B,KAAM,CACJE,gBAAiBqB,EAAa,UAAY,OAC1CO,OAAQ,UACR7B,MAAO,OACPL,eAAgB,SAChBC,kBAAmB,GACnBiB,gBAAiB,MAGrB,CAACS,IAGGQ,EAAsBC,EAC1B,CAACJ,EAAkB5B,QAAS0B,GAC5B,CAACE,EAAkB5B,KAAM0B,IAG3B,OACEO,SAAKC,UAAWH,EAAqBI,QAAS,IAAMV,EAASJ,EAAMC,GAAMc,SACvEH,EAACI,EAAU,CACTC,YAAaX,EACbY,QAASC,EAAkBC,IAC3BC,MAAOnB,EAAaoB,EAAgBC,QAAUD,EAAgBE,iBAE7DrB,OAMHsB,EAAoC,EACxCC,cACAC,WACAtD,SAAS,GACT4C,cAAc,CAAE,EAChBW,gBACAC,uBACAC,eACAC,aACAC,yBAAwB,MAExB,MACEC,qBAAsBC,EAA6B,GACnDC,yBAA0BC,EAAiC,GAC3DrD,0BAA2BsD,EAAkC,GAC7D7C,sBAAuB8C,EAA8B,GAAEC,0BACvDA,EAA4B,CAAA,GAC1BtB,EAEEuB,EAAUC,EAA8B,OACvCC,EAAOC,GAAYC,GAAkB,IACrCC,EAAmBC,GAAwBF,EAAiBf,QAAAA,GAAyB,GAE5FkB,EAAU,KACR,IAAKL,EAAO,OACZ,MAAMM,EAAiBC,IACjBT,EAAQU,UAAYV,EAAQU,QAAQC,SAASF,EAAMG,SACrDT,GAAS,IAIb,OADAU,SAASC,iBAAiB,YAAaN,GAChC,IAAMK,SAASE,oBAAoB,YAAaP,IACtD,CAACN,IAEJ,MAAMc,EAAgBhD,EACnBiD,IAAW,CACVxB,qBAAsB,CACpBrD,MAAO,OACPP,SACAQ,gBAAiB,OACjBI,aAAc,EACdyE,cAAe,MACfC,WAAY,SACZC,YAAalB,EAAQe,EAAMpC,MAAMwC,OAAOC,QAAU,UAClDC,YAAa,GAEf5B,yBAA0B/D,EAAkCC,KAE9D,CAACqE,EAAOrE,IAGJ2F,EAA2B,CAAChE,EAAYC,KAC5C6C,EAAqB7C,GACrB6B,SAAAA,EAAe9B,EAAMC,GACrB0C,GAAS,IAKLsB,EAAejC,EAEfkC,EAAsBvD,EAAkB,CAAClC,EAAaE,MAAO,IAE7DwF,EAA6BxD,EACjC,CAAC6C,EAAcvB,wBAAyBC,GACxC,CAACsB,EAAcvB,qBAAsBC,IAGjCkC,EAAiCzD,EACrC,CAAC6C,EAAcrB,0BACf,CAACqB,EAAcrB,2BAGXkC,EAAyB1D,EAAkB,CAAClC,EAAaiB,sBAAuB,IAEhF4E,EAAoBL,EAAe,CAAEM,OAAQlG,GAAW,CAAEmG,IAAKnG,GAE/DoG,EAAsB9D,EAC1B,CACElC,EAAaM,0BACbuF,EACA7F,EAAaoB,cACVwC,GAEL,CAAC4B,EAAc5F,EAAQgE,IAGzB,OACEqC,EAAK,MAAA,CAAAC,IAAKnC,EAAS3B,UAAWqD,EAAmBnD,SAAA,CAC/C2D,EAAK,MAAA,CAAA7D,UAAWsD,EAA4BrD,QAhCzB,IAAM6B,EAAUiC,IAAWA,GAgCqB7D,SAAA,CACjEH,SAAKC,UAAWuD,EAA8BrD,SAC5CH,EAACI,GACCK,MAAOO,EAAciD,OAAS,EAAIvD,EAAgBE,QAAUF,EAAgBwD,SAC5EC,UAAW,EACX9D,YAAa,CAAEtC,KAAMyD,GACrBlB,QAASC,EAAkBC,IAE1BL,SAAAa,EAAciD,OAAS,EAAIjD,EAAgBF,MAGhDd,EAAA,MAAA,CAAKC,UAAWwD,EACdtD,SAAAH,EAACoE,EAAW,SAGftC,GACC9B,EAAA,MAAA,CAAKC,UAAW4D,EACb1D,SAAAY,EAASsD,IAAI,CAACjF,EAAMC,KACnB,MAAME,GAAe4B,aAAU,EAAVA,EAAa/B,EAAMC,MAAUD,eAAAA,EAAMkF,OAExD,OACEtE,EAACb,GAECC,KAAMA,EACNC,MAAOA,EACPC,WANeD,IAAU4C,EAOzB1C,aAAcA,EACdC,SAAU4D,EACV3D,oBAAqBiC,EACrBhC,wBAAyBiC,GAPpB,GAAGvC,EAAKmF,SAASlF"}
+{"version":3,"file":"ct-design-dropdown.browser.esm.js","sources":["../packages/components/Dropdown/src/style.ts","../packages/components/Dropdown/src/Dropdown.tsx"],"sourcesContent":[null,null],"names":["getPlaceHolderContainerStyles","theme","height","focus","display","flexDirection","alignItems","width","backgroundColor","borderRadius","borderColor","color","border","primary","borderWidth","borderStyle","boxSizing","cursor","getPlaceHolderTextContainerStyles","flex","minWidth","paddingHorizontal","staticStyles","makeStyles","root","position","dropDownItemListContainer","maxHeight","overflow","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","zIndex","dropDownItemContainer","justifyContent","paddingVertical","chevronDownContainer","flexShrink","paddingRight","scrollArea","overflowY","DropdownListItem","item","index","isSelected","dropdownItem","onSelect","customItemContainer","customItemTextContainer","itemDynamicStyles","useStyles","mergedItemClassName","useWebMergeStyles","_jsx","className","onClick","children","Typography","styleConfig","variant","TypographyVariant","HM4","TypographyColor","NEUTRAL","PRIMARY","Dropdown","placeHolder","itemList","dropDownValue","defaultSelectedIndex","onItemSelect","renderItem","showDropDownListOnTop","placeHolderContainer","customPlaceHolderContainer","placeHolderTextContainer","customPlaceHolderTextContainer","customDropDownItemListContainer","customDropDownItemContainer","dropDownItemTextContainer","rootRef","useRef","setFocus","useState","singleSelectIndex","setSingleSelectIndex","useEffect","handleOutside","event","current","contains","target","document","addEventListener","removeEventListener","dynamicStyles","singleSelectClickHandler","isShownOnTop","mergedRootClassName","mergedPlaceHolderClassName","mergedPlaceHolderTextClassName","mergedChevronClassName","listPositionStyle","bottom","top","mergedListClassName","_jsxs","ref","state","role","tabIndex","length","DISABLED","lineClamp","ChevronDown","map","label","value"],"mappings":"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"}

package/dist/ct-design-dropdown.cjs.js

@@ -6,43 +6,68 @@ var ctDesignTypography = require('@cleartrip/ct-design-typography');
 var ctDesignStyleManager = require('@cleartrip/ct-design-style-manager');
 var ctDesignIcons = require('@cleartrip/ct-design-icons');
 
+const getDropdownListContainerStyles = () => ({
+    width: '100%',
+    maxHeight: 240,
+    borderRadius: 5,
+    position: 'absolute',
+    overflow: 'hidden',
+    shadowColor: '#000',
+    shadowOffset: { width: 0, height: 1 },
+    shadowOpacity: 0.22,
+    shadowRadius: 2.22,
+    elevation: 3,
+    backgroundColor: '#fff',
+    zIndex: 1,
+});
+const getDropdownItemContainerStyles = () => ({
+    display: 'flex',
+    width: '100%',
+    justifyContent: 'center',
+    alignItems: 'center',
+    paddingHorizontal: 16,
+    paddingVertical: 12,
+});
+const getRootContainerStyles = () => ({
+    width: '100%',
+    backgroundColor: '#fff',
+    position: 'relative',
+});
 const getChevronContainerStyles = () => ({
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    flexShrink: 0,
     height: 24,
-    left: 3,
     paddingRight: 12,
 });
+const getPlaceHolderContainerStyles = (theme, height, focus) => ({
+    display: 'flex',
+    flexDirection: 'row',
+    alignItems: 'center',
+    width: '100%',
+    height,
+    backgroundColor: '#fff',
+    borderRadius: 5,
+    borderColor: focus ? theme.color.border.primary : '#e0e0e0',
+    borderWidth: 1,
+    borderStyle: 'solid',
+    boxSizing: 'border-box',
+    cursor: 'pointer',
+});
 const getPlaceHolderTextContainerStyles = (height) => ({
+    display: 'flex',
     flex: 1,
+    minWidth: 0,
     height,
-    justifyContent: 'center',
+    alignItems: 'center',
     paddingHorizontal: 12,
 });
 
 const staticStyles = ctDesignStyleManager.makeStyles(() => ({
-    root: {
-        width: '100%',
-        backgroundColor: '#fff',
-        position: 'relative',
-    },
-    dropDownItemListContainer: {
-        width: '100%',
-        maxHeight: 240,
-        borderRadius: 5,
-        position: 'absolute',
-        overflow: 'hidden',
-        shadowColor: '#000',
-        shadowOffset: { width: 0, height: 1 },
-        shadowOpacity: 0.22,
-        shadowRadius: 2.22,
-        elevation: 3,
-        backgroundColor: '#fff',
-    },
-    dropDownItemContainer: {
-        width: '100%',
-        justifyContent: 'center',
-        paddingHorizontal: 16,
-        paddingVertical: 12,
-    },
+    root: getRootContainerStyles(),
+    dropDownItemListContainer: getDropdownListContainerStyles(),
+    dropDownItemContainer: getDropdownItemContainerStyles(),
     chevronDownContainer: getChevronContainerStyles(),
     scrollArea: {
         maxHeight: 240,
@@ -52,15 +77,17 @@ const staticStyles = ctDesignStyleManager.makeStyles(() => ({
 const DropdownListItem = ({ item, index, isSelected, dropdownItem, onSelect, customItemContainer = [], customItemTextContainer = {}, }) => {
     const itemDynamicStyles = ctDesignStyleManager.useStyles(() => ({
         root: {
+            display: 'flex',
             backgroundColor: isSelected ? '#1a1a1a' : '#fff',
             cursor: 'pointer',
             width: '100%',
             justifyContent: 'center',
+            alignItems: 'center',
             paddingHorizontal: 16,
             paddingVertical: 12,
         },
     }), [isSelected]);
-    const mergedItemClassName = ctDesignStyleManager.useWebMergeStyles([itemDynamicStyles.root, ...customItemContainer], [itemDynamicStyles.root, customItemContainer]);
+    const mergedItemClassName = ctDesignStyleManager.useWebMergeStyles([staticStyles.dropDownItemContainer, itemDynamicStyles.root, ...customItemContainer], [itemDynamicStyles.root, customItemContainer]);
     return (jsxRuntime.jsx("div", { className: mergedItemClassName, onClick: () => onSelect(item, index), children: jsxRuntime.jsx(ctDesignTypography.Typography, { styleConfig: customItemTextContainer, variant: ctDesignTypography.TypographyVariant.HM4, color: isSelected ? ctDesignTypography.TypographyColor.NEUTRAL : ctDesignTypography.TypographyColor.PRIMARY, children: dropdownItem }) }));
 };
 const Dropdown = ({ placeHolder, itemList, height = 40, styleConfig = {}, dropDownValue, defaultSelectedIndex, onItemSelect, renderItem, showDropDownListOnTop = true, }) => {
@@ -80,16 +107,7 @@ const Dropdown = ({ placeHolder, itemList, height = 40, styleConfig = {}, dropDo
         return () => document.removeEventListener('mousedown', handleOutside);
     }, [focus]);
     const dynamicStyles = ctDesignStyleManager.useStyles((theme) => ({
-        placeHolderContainer: {
-            width: '100%',
-            height,
-            backgroundColor: '#fff',
-            borderRadius: 5,
-            flexDirection: 'row',
-            alignItems: 'center',
-            borderColor: focus ? theme.color.border.primary : '#e0e0e0',
-            borderWidth: 1,
-        },
+        placeHolderContainer: getPlaceHolderContainerStyles(theme, height, focus),
         placeHolderTextContainer: getPlaceHolderTextContainerStyles(height),
     }), [focus, height]);
     const singleSelectClickHandler = (item, index) => {
@@ -110,7 +128,7 @@ const Dropdown = ({ placeHolder, itemList, height = 40, styleConfig = {}, dropDo
         staticStyles.scrollArea,
         ...customDropDownItemListContainer,
     ], [isShownOnTop, height, customDropDownItemListContainer]);
-    return (jsxRuntime.jsxs("div", { ref: rootRef, className: mergedRootClassName, children: [jsxRuntime.jsxs("div", { className: mergedPlaceHolderClassName, onClick: toggleDropDown, children: [jsxRuntime.jsx("div", { className: mergedPlaceHolderTextClassName, children: jsxRuntime.jsx(ctDesignTypography.Typography, { color: dropDownValue.length > 0 ? ctDesignTypography.TypographyColor.PRIMARY : ctDesignTypography.TypographyColor.DISABLED, lineClamp: 1, styleConfig: { root: customPlaceHolderTextContainer }, variant: ctDesignTypography.TypographyVariant.HM4, children: dropDownValue.length > 0 ? dropDownValue : placeHolder }) }), jsxRuntime.jsx("div", { className: mergedChevronClassName, children: jsxRuntime.jsx(ctDesignIcons.ChevronDown, {}) })] }), focus && (jsxRuntime.jsx("div", { className: mergedListClassName, children: itemList.map((item, index) => {
+    return (jsxRuntime.jsxs("div", { ref: rootRef, className: mergedRootClassName, children: [jsxRuntime.jsxs("div", { className: mergedPlaceHolderClassName, onClick: toggleDropDown, role: 'button', tabIndex: 0, children: [jsxRuntime.jsx("div", { className: mergedPlaceHolderTextClassName, children: jsxRuntime.jsx(ctDesignTypography.Typography, { color: dropDownValue.length > 0 ? ctDesignTypography.TypographyColor.PRIMARY : ctDesignTypography.TypographyColor.DISABLED, lineClamp: 1, styleConfig: { root: customPlaceHolderTextContainer }, variant: ctDesignTypography.TypographyVariant.HM4, children: dropDownValue.length > 0 ? dropDownValue : placeHolder }) }), jsxRuntime.jsx("div", { className: mergedChevronClassName, children: jsxRuntime.jsx(ctDesignIcons.ChevronDown, {}) })] }), focus && (jsxRuntime.jsx("div", { className: mergedListClassName, children: itemList.map((item, index) => {
                     const dropdownItem = (renderItem === null || renderItem === void 0 ? void 0 : renderItem(item, index)) || (item === null || item === void 0 ? void 0 : item.label);
                     const isSelected = index === singleSelectIndex;
                     return (jsxRuntime.jsx(DropdownListItem, { item: item, index: index, isSelected: isSelected, dropdownItem: dropdownItem, onSelect: singleSelectClickHandler, customItemContainer: customDropDownItemContainer, customItemTextContainer: dropDownItemTextContainer }, `${item.value}-${index}`));

package/dist/ct-design-dropdown.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ct-design-dropdown.cjs.js","sources":["../packages/components/Dropdown/src/style.ts","../packages/components/Dropdown/src/Dropdown.tsx"],"sourcesContent":[null,null],"names":["makeStyles","useStyles","useWebMergeStyles","_jsx","Typography","TypographyVariant","TypographyColor","useRef","useState","useEffect","_jsxs","ChevronDown"],"mappings":"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"}
+{"version":3,"file":"ct-design-dropdown.cjs.js","sources":["../packages/components/Dropdown/src/style.ts","../packages/components/Dropdown/src/Dropdown.tsx"],"sourcesContent":[null,null],"names":["makeStyles","useStyles","useWebMergeStyles","_jsx","Typography","TypographyVariant","TypographyColor","useRef","useState","useEffect","_jsxs","ChevronDown"],"mappings":"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"}

package/dist/ct-design-dropdown.esm.js

@@ -4,43 +4,68 @@ import { Typography, TypographyColor, TypographyVariant } from '@cleartrip/ct-de
 import { makeStyles, useStyles, useWebMergeStyles } from '@cleartrip/ct-design-style-manager';
 import { ChevronDown } from '@cleartrip/ct-design-icons';
 
+const getDropdownListContainerStyles = () => ({
+    width: '100%',
+    maxHeight: 240,
+    borderRadius: 5,
+    position: 'absolute',
+    overflow: 'hidden',
+    shadowColor: '#000',
+    shadowOffset: { width: 0, height: 1 },
+    shadowOpacity: 0.22,
+    shadowRadius: 2.22,
+    elevation: 3,
+    backgroundColor: '#fff',
+    zIndex: 1,
+});
+const getDropdownItemContainerStyles = () => ({
+    display: 'flex',
+    width: '100%',
+    justifyContent: 'center',
+    alignItems: 'center',
+    paddingHorizontal: 16,
+    paddingVertical: 12,
+});
+const getRootContainerStyles = () => ({
+    width: '100%',
+    backgroundColor: '#fff',
+    position: 'relative',
+});
 const getChevronContainerStyles = () => ({
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    flexShrink: 0,
     height: 24,
-    left: 3,
     paddingRight: 12,
 });
+const getPlaceHolderContainerStyles = (theme, height, focus) => ({
+    display: 'flex',
+    flexDirection: 'row',
+    alignItems: 'center',
+    width: '100%',
+    height,
+    backgroundColor: '#fff',
+    borderRadius: 5,
+    borderColor: focus ? theme.color.border.primary : '#e0e0e0',
+    borderWidth: 1,
+    borderStyle: 'solid',
+    boxSizing: 'border-box',
+    cursor: 'pointer',
+});
 const getPlaceHolderTextContainerStyles = (height) => ({
+    display: 'flex',
     flex: 1,
+    minWidth: 0,
     height,
-    justifyContent: 'center',
+    alignItems: 'center',
     paddingHorizontal: 12,
 });
 
 const staticStyles = makeStyles(() => ({
-    root: {
-        width: '100%',
-        backgroundColor: '#fff',
-        position: 'relative',
-    },
-    dropDownItemListContainer: {
-        width: '100%',
-        maxHeight: 240,
-        borderRadius: 5,
-        position: 'absolute',
-        overflow: 'hidden',
-        shadowColor: '#000',
-        shadowOffset: { width: 0, height: 1 },
-        shadowOpacity: 0.22,
-        shadowRadius: 2.22,
-        elevation: 3,
-        backgroundColor: '#fff',
-    },
-    dropDownItemContainer: {
-        width: '100%',
-        justifyContent: 'center',
-        paddingHorizontal: 16,
-        paddingVertical: 12,
-    },
+    root: getRootContainerStyles(),
+    dropDownItemListContainer: getDropdownListContainerStyles(),
+    dropDownItemContainer: getDropdownItemContainerStyles(),
     chevronDownContainer: getChevronContainerStyles(),
     scrollArea: {
         maxHeight: 240,
@@ -50,15 +75,17 @@ const staticStyles = makeStyles(() => ({
 const DropdownListItem = ({ item, index, isSelected, dropdownItem, onSelect, customItemContainer = [], customItemTextContainer = {}, }) => {
     const itemDynamicStyles = useStyles(() => ({
         root: {
+            display: 'flex',
             backgroundColor: isSelected ? '#1a1a1a' : '#fff',
             cursor: 'pointer',
             width: '100%',
             justifyContent: 'center',
+            alignItems: 'center',
             paddingHorizontal: 16,
             paddingVertical: 12,
         },
     }), [isSelected]);
-    const mergedItemClassName = useWebMergeStyles([itemDynamicStyles.root, ...customItemContainer], [itemDynamicStyles.root, customItemContainer]);
+    const mergedItemClassName = useWebMergeStyles([staticStyles.dropDownItemContainer, itemDynamicStyles.root, ...customItemContainer], [itemDynamicStyles.root, customItemContainer]);
     return (jsx("div", { className: mergedItemClassName, onClick: () => onSelect(item, index), children: jsx(Typography, { styleConfig: customItemTextContainer, variant: TypographyVariant.HM4, color: isSelected ? TypographyColor.NEUTRAL : TypographyColor.PRIMARY, children: dropdownItem }) }));
 };
 const Dropdown = ({ placeHolder, itemList, height = 40, styleConfig = {}, dropDownValue, defaultSelectedIndex, onItemSelect, renderItem, showDropDownListOnTop = true, }) => {
@@ -78,16 +105,7 @@ const Dropdown = ({ placeHolder, itemList, height = 40, styleConfig = {}, dropDo
         return () => document.removeEventListener('mousedown', handleOutside);
     }, [focus]);
     const dynamicStyles = useStyles((theme) => ({
-        placeHolderContainer: {
-            width: '100%',
-            height,
-            backgroundColor: '#fff',
-            borderRadius: 5,
-            flexDirection: 'row',
-            alignItems: 'center',
-            borderColor: focus ? theme.color.border.primary : '#e0e0e0',
-            borderWidth: 1,
-        },
+        placeHolderContainer: getPlaceHolderContainerStyles(theme, height, focus),
         placeHolderTextContainer: getPlaceHolderTextContainerStyles(height),
     }), [focus, height]);
     const singleSelectClickHandler = (item, index) => {
@@ -108,7 +126,7 @@ const Dropdown = ({ placeHolder, itemList, height = 40, styleConfig = {}, dropDo
         staticStyles.scrollArea,
         ...customDropDownItemListContainer,
     ], [isShownOnTop, height, customDropDownItemListContainer]);
-    return (jsxs("div", { ref: rootRef, className: mergedRootClassName, children: [jsxs("div", { className: mergedPlaceHolderClassName, onClick: toggleDropDown, children: [jsx("div", { className: mergedPlaceHolderTextClassName, children: jsx(Typography, { color: dropDownValue.length > 0 ? TypographyColor.PRIMARY : TypographyColor.DISABLED, lineClamp: 1, styleConfig: { root: customPlaceHolderTextContainer }, variant: TypographyVariant.HM4, children: dropDownValue.length > 0 ? dropDownValue : placeHolder }) }), jsx("div", { className: mergedChevronClassName, children: jsx(ChevronDown, {}) })] }), focus && (jsx("div", { className: mergedListClassName, children: itemList.map((item, index) => {
+    return (jsxs("div", { ref: rootRef, className: mergedRootClassName, children: [jsxs("div", { className: mergedPlaceHolderClassName, onClick: toggleDropDown, role: 'button', tabIndex: 0, children: [jsx("div", { className: mergedPlaceHolderTextClassName, children: jsx(Typography, { color: dropDownValue.length > 0 ? TypographyColor.PRIMARY : TypographyColor.DISABLED, lineClamp: 1, styleConfig: { root: customPlaceHolderTextContainer }, variant: TypographyVariant.HM4, children: dropDownValue.length > 0 ? dropDownValue : placeHolder }) }), jsx("div", { className: mergedChevronClassName, children: jsx(ChevronDown, {}) })] }), focus && (jsx("div", { className: mergedListClassName, children: itemList.map((item, index) => {
                     const dropdownItem = (renderItem === null || renderItem === void 0 ? void 0 : renderItem(item, index)) || (item === null || item === void 0 ? void 0 : item.label);
                     const isSelected = index === singleSelectIndex;
                     return (jsx(DropdownListItem, { item: item, index: index, isSelected: isSelected, dropdownItem: dropdownItem, onSelect: singleSelectClickHandler, customItemContainer: customDropDownItemContainer, customItemTextContainer: dropDownItemTextContainer }, `${item.value}-${index}`));

package/dist/ct-design-dropdown.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ct-design-dropdown.esm.js","sources":["../packages/components/Dropdown/src/style.ts","../packages/components/Dropdown/src/Dropdown.tsx"],"sourcesContent":[null,null],"names":["_jsx","_jsxs"],"mappings":"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"}
+{"version":3,"file":"ct-design-dropdown.esm.js","sources":["../packages/components/Dropdown/src/style.ts","../packages/components/Dropdown/src/Dropdown.tsx"],"sourcesContent":[null,null],"names":["_jsx","_jsxs"],"mappings":"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"}

package/dist/ct-design-dropdown.umd.js

@@ -4,43 +4,68 @@
     (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.CTDesignSystemDropdown = {}, global.jsxRuntime, global.React, global.ctDesignTypography, global.ctDesignStyleManager, global.ctDesignIcons));
 })(this, (function (exports, jsxRuntime, react, ctDesignTypography, ctDesignStyleManager, ctDesignIcons) { 'use strict';
 
+    const getDropdownListContainerStyles = () => ({
+        width: '100%',
+        maxHeight: 240,
+        borderRadius: 5,
+        position: 'absolute',
+        overflow: 'hidden',
+        shadowColor: '#000',
+        shadowOffset: { width: 0, height: 1 },
+        shadowOpacity: 0.22,
+        shadowRadius: 2.22,
+        elevation: 3,
+        backgroundColor: '#fff',
+        zIndex: 1,
+    });
+    const getDropdownItemContainerStyles = () => ({
+        display: 'flex',
+        width: '100%',
+        justifyContent: 'center',
+        alignItems: 'center',
+        paddingHorizontal: 16,
+        paddingVertical: 12,
+    });
+    const getRootContainerStyles = () => ({
+        width: '100%',
+        backgroundColor: '#fff',
+        position: 'relative',
+    });
     const getChevronContainerStyles = () => ({
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        flexShrink: 0,
         height: 24,
-        left: 3,
         paddingRight: 12,
     });
+    const getPlaceHolderContainerStyles = (theme, height, focus) => ({
+        display: 'flex',
+        flexDirection: 'row',
+        alignItems: 'center',
+        width: '100%',
+        height,
+        backgroundColor: '#fff',
+        borderRadius: 5,
+        borderColor: focus ? theme.color.border.primary : '#e0e0e0',
+        borderWidth: 1,
+        borderStyle: 'solid',
+        boxSizing: 'border-box',
+        cursor: 'pointer',
+    });
     const getPlaceHolderTextContainerStyles = (height) => ({
+        display: 'flex',
         flex: 1,
+        minWidth: 0,
         height,
-        justifyContent: 'center',
+        alignItems: 'center',
         paddingHorizontal: 12,
     });
 
     const staticStyles = ctDesignStyleManager.makeStyles(() => ({
-        root: {
-            width: '100%',
-            backgroundColor: '#fff',
-            position: 'relative',
-        },
-        dropDownItemListContainer: {
-            width: '100%',
-            maxHeight: 240,
-            borderRadius: 5,
-            position: 'absolute',
-            overflow: 'hidden',
-            shadowColor: '#000',
-            shadowOffset: { width: 0, height: 1 },
-            shadowOpacity: 0.22,
-            shadowRadius: 2.22,
-            elevation: 3,
-            backgroundColor: '#fff',
-        },
-        dropDownItemContainer: {
-            width: '100%',
-            justifyContent: 'center',
-            paddingHorizontal: 16,
-            paddingVertical: 12,
-        },
+        root: getRootContainerStyles(),
+        dropDownItemListContainer: getDropdownListContainerStyles(),
+        dropDownItemContainer: getDropdownItemContainerStyles(),
         chevronDownContainer: getChevronContainerStyles(),
         scrollArea: {
             maxHeight: 240,
@@ -50,15 +75,17 @@
     const DropdownListItem = ({ item, index, isSelected, dropdownItem, onSelect, customItemContainer = [], customItemTextContainer = {}, }) => {
         const itemDynamicStyles = ctDesignStyleManager.useStyles(() => ({
             root: {
+                display: 'flex',
                 backgroundColor: isSelected ? '#1a1a1a' : '#fff',
                 cursor: 'pointer',
                 width: '100%',
                 justifyContent: 'center',
+                alignItems: 'center',
                 paddingHorizontal: 16,
                 paddingVertical: 12,
             },
         }), [isSelected]);
-        const mergedItemClassName = ctDesignStyleManager.useWebMergeStyles([itemDynamicStyles.root, ...customItemContainer], [itemDynamicStyles.root, customItemContainer]);
+        const mergedItemClassName = ctDesignStyleManager.useWebMergeStyles([staticStyles.dropDownItemContainer, itemDynamicStyles.root, ...customItemContainer], [itemDynamicStyles.root, customItemContainer]);
         return (jsxRuntime.jsx("div", { className: mergedItemClassName, onClick: () => onSelect(item, index), children: jsxRuntime.jsx(ctDesignTypography.Typography, { styleConfig: customItemTextContainer, variant: ctDesignTypography.TypographyVariant.HM4, color: isSelected ? ctDesignTypography.TypographyColor.NEUTRAL : ctDesignTypography.TypographyColor.PRIMARY, children: dropdownItem }) }));
     };
     const Dropdown = ({ placeHolder, itemList, height = 40, styleConfig = {}, dropDownValue, defaultSelectedIndex, onItemSelect, renderItem, showDropDownListOnTop = true, }) => {
@@ -78,16 +105,7 @@
             return () => document.removeEventListener('mousedown', handleOutside);
         }, [focus]);
         const dynamicStyles = ctDesignStyleManager.useStyles((theme) => ({
-            placeHolderContainer: {
-                width: '100%',
-                height,
-                backgroundColor: '#fff',
-                borderRadius: 5,
-                flexDirection: 'row',
-                alignItems: 'center',
-                borderColor: focus ? theme.color.border.primary : '#e0e0e0',
-                borderWidth: 1,
-            },
+            placeHolderContainer: getPlaceHolderContainerStyles(theme, height, focus),
             placeHolderTextContainer: getPlaceHolderTextContainerStyles(height),
         }), [focus, height]);
         const singleSelectClickHandler = (item, index) => {
@@ -108,7 +126,7 @@
             staticStyles.scrollArea,
             ...customDropDownItemListContainer,
         ], [isShownOnTop, height, customDropDownItemListContainer]);
-        return (jsxRuntime.jsxs("div", { ref: rootRef, className: mergedRootClassName, children: [jsxRuntime.jsxs("div", { className: mergedPlaceHolderClassName, onClick: toggleDropDown, children: [jsxRuntime.jsx("div", { className: mergedPlaceHolderTextClassName, children: jsxRuntime.jsx(ctDesignTypography.Typography, { color: dropDownValue.length > 0 ? ctDesignTypography.TypographyColor.PRIMARY : ctDesignTypography.TypographyColor.DISABLED, lineClamp: 1, styleConfig: { root: customPlaceHolderTextContainer }, variant: ctDesignTypography.TypographyVariant.HM4, children: dropDownValue.length > 0 ? dropDownValue : placeHolder }) }), jsxRuntime.jsx("div", { className: mergedChevronClassName, children: jsxRuntime.jsx(ctDesignIcons.ChevronDown, {}) })] }), focus && (jsxRuntime.jsx("div", { className: mergedListClassName, children: itemList.map((item, index) => {
+        return (jsxRuntime.jsxs("div", { ref: rootRef, className: mergedRootClassName, children: [jsxRuntime.jsxs("div", { className: mergedPlaceHolderClassName, onClick: toggleDropDown, role: 'button', tabIndex: 0, children: [jsxRuntime.jsx("div", { className: mergedPlaceHolderTextClassName, children: jsxRuntime.jsx(ctDesignTypography.Typography, { color: dropDownValue.length > 0 ? ctDesignTypography.TypographyColor.PRIMARY : ctDesignTypography.TypographyColor.DISABLED, lineClamp: 1, styleConfig: { root: customPlaceHolderTextContainer }, variant: ctDesignTypography.TypographyVariant.HM4, children: dropDownValue.length > 0 ? dropDownValue : placeHolder }) }), jsxRuntime.jsx("div", { className: mergedChevronClassName, children: jsxRuntime.jsx(ctDesignIcons.ChevronDown, {}) })] }), focus && (jsxRuntime.jsx("div", { className: mergedListClassName, children: itemList.map((item, index) => {
                         const dropdownItem = (renderItem === null || renderItem === void 0 ? void 0 : renderItem(item, index)) || (item === null || item === void 0 ? void 0 : item.label);
                         const isSelected = index === singleSelectIndex;
                         return (jsxRuntime.jsx(DropdownListItem, { item: item, index: index, isSelected: isSelected, dropdownItem: dropdownItem, onSelect: singleSelectClickHandler, customItemContainer: customDropDownItemContainer, customItemTextContainer: dropDownItemTextContainer }, `${item.value}-${index}`));

package/dist/ct-design-dropdown.umd.js.map

@@ -1 +1 @@
-{"version":3,"file":"ct-design-dropdown.umd.js","sources":["../packages/components/Dropdown/src/style.ts","../packages/components/Dropdown/src/Dropdown.tsx"],"sourcesContent":[null,null],"names":["makeStyles","useStyles","useWebMergeStyles","_jsx","Typography","TypographyVariant","TypographyColor","useRef","useState","useEffect","_jsxs","ChevronDown"],"mappings":";;;;;;IA4BO,MAAM,yBAAyB,GAAG,OAAO;IAC9C,IAAA,MAAM,EAAE,EAAE;IACV,IAAA,IAAI,EAAE,CAAC;IACP,IAAA,YAAY,EAAE,EAAE;IACjB,CAAA,CAAC,CAAC;IAaI,MAAM,iCAAiC,GAAG,CAAC,MAAc,MAAM;IACpE,IAAA,IAAI,EAAE,CAAC;QACP,MAAM;IACN,IAAA,cAAc,EAAE,QAAiB;IACjC,IAAA,iBAAiB,EAAE,EAAE;IACtB,CAAA,CAAC;;ICzCF,MAAM,YAAY,GAAGA,+BAAU,CAAC,OAAO;IACrC,IAAA,IAAI,EAAE;IACJ,QAAA,KAAK,EAAE,MAAM;IACb,QAAA,eAAe,EAAE,MAAM;IACvB,QAAA,QAAQ,EAAE,UAAU;IACrB,KAAA;IACD,IAAA,yBAAyB,EAAE;IACzB,QAAA,KAAK,EAAE,MAAM;IACb,QAAA,SAAS,EAAE,GAAG;IACd,QAAA,YAAY,EAAE,CAAC;IACf,QAAA,QAAQ,EAAE,UAAU;IACpB,QAAA,QAAQ,EAAE,QAAQ;IAClB,QAAA,WAAW,EAAE,MAAM;YACnB,YAAY,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;IACrC,QAAA,aAAa,EAAE,IAAI;IACnB,QAAA,YAAY,EAAE,IAAI;IAClB,QAAA,SAAS,EAAE,CAAC;IACZ,QAAA,eAAe,EAAE,MAAM;IACxB,KAAA;IACD,IAAA,qBAAqB,EAAE;IACrB,QAAA,KAAK,EAAE,MAAM;IACb,QAAA,cAAc,EAAE,QAAQ;IACxB,QAAA,iBAAiB,EAAE,EAAE;IACrB,QAAA,eAAe,EAAE,EAAE;IACpB,KAAA;QACD,oBAAoB,EAAE,yBAAyB,EAAE;IACjD,IAAA,UAAU,EAAE;IACV,QAAA,SAAS,EAAE,GAAG;IACd,QAAA,SAAS,EAAE,MAAM;IAClB,KAAA;IACF,CAAA,CAAC,CAAC,CAAC;IAEJ,MAAM,gBAAgB,GAAoC,CAAC,EACzD,IAAI,EACJ,KAAK,EACL,UAAU,EACV,YAAY,EACZ,QAAQ,EACR,mBAAmB,GAAG,EAAE,EACxB,uBAAuB,GAAG,EAAE,GAC7B,KAAI;IACH,IAAA,MAAM,iBAAiB,GAAGC,8BAAS,CACjC,OAAO;IACL,QAAA,IAAI,EAAE;gBACJ,eAAe,EAAE,UAAU,GAAG,SAAS,GAAG,MAAM;IAChD,YAAA,MAAM,EAAE,SAAS;IACjB,YAAA,KAAK,EAAE,MAAM;IACb,YAAA,cAAc,EAAE,QAAQ;IACxB,YAAA,iBAAiB,EAAE,EAAE;IACrB,YAAA,eAAe,EAAE,EAAE;IACpB,SAAA;IACF,KAAA,CAAC,EACF,CAAC,UAAU,CAAC,CACb,CAAC;QAEF,MAAM,mBAAmB,GAAGC,sCAAiB,CAC3C,CAAC,iBAAiB,CAAC,IAAI,EAAE,GAAG,mBAAmB,CAAC,EAChD,CAAC,iBAAiB,CAAC,IAAI,EAAE,mBAAmB,CAAC,CAC9C,CAAC;QAEF,QACEC,wBAAK,SAAS,EAAE,mBAAmB,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC,IAAI,EAAE,KAAK,CAAC,EAAA,QAAA,EACvEA,eAACC,6BAAU,EAAA,EACT,WAAW,EAAE,uBAAuB,EACpC,OAAO,EAAEC,oCAAiB,CAAC,GAAG,EAC9B,KAAK,EAAE,UAAU,GAAGC,kCAAe,CAAC,OAAO,GAAGA,kCAAe,CAAC,OAAO,YAEpE,YAAY,EAAA,CACF,EACT,CAAA,EACN;IACJ,CAAC,CAAC;AAEF,UAAM,QAAQ,GAA4B,CAAC,EACzC,WAAW,EACX,QAAQ,EACR,MAAM,GAAG,EAAE,EACX,WAAW,GAAG,EAAE,EAChB,aAAa,EACb,oBAAoB,EACpB,YAAY,EACZ,UAAU,EACV,qBAAqB,GAAG,IAAI,GAC7B,KAAI;IACH,IAAA,MAAM,EACJ,oBAAoB,EAAE,0BAA0B,GAAG,EAAE,EACrD,wBAAwB,EAAE,8BAA8B,GAAG,EAAE,EAC7D,yBAAyB,EAAE,+BAA+B,GAAG,EAAE,EAC/D,qBAAqB,EAAE,2BAA2B,GAAG,EAAE,EACvD,yBAAyB,GAAG,EAAE,GAC/B,GAAG,WAAW,CAAC;IAEhB,IAAA,MAAM,OAAO,GAAGC,YAAM,CAAwB,IAAI,CAAC,CAAC;QACpD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAGC,cAAQ,CAAU,KAAK,CAAC,CAAC;IACnD,IAAA,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAGA,cAAQ,CAAS,oBAAoB,KAAA,IAAA,IAApB,oBAAoB,KAApB,KAAA,CAAA,GAAA,oBAAoB,GAAI,CAAC,CAAC,CAAC,CAAC;QAE/FC,eAAS,CAAC,MAAK;IACb,QAAA,IAAI,CAAC,KAAK;gBAAE,OAAO;IACnB,QAAA,MAAM,aAAa,GAAG,CAAC,KAAiB,KAAI;IAC1C,YAAA,IAAI,OAAO,CAAC,OAAO,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,EAAE;oBACtE,QAAQ,CAAC,KAAK,CAAC,CAAC;iBACjB;IACH,SAAC,CAAC;IACF,QAAA,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,aAAa,CAAC,CAAC;YACtD,OAAO,MAAM,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,aAAa,CAAC,CAAC;IACxE,KAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;QAEZ,MAAM,aAAa,GAAGR,8BAAS,CAC7B,CAAC,KAAK,MAAM;IACV,QAAA,oBAAoB,EAAE;IACpB,YAAA,KAAK,EAAE,MAAM;gBACb,MAAM;IACN,YAAA,eAAe,EAAE,MAAM;IACvB,YAAA,YAAY,EAAE,CAAC;IACf,YAAA,aAAa,EAAE,KAAK;IACpB,YAAA,UAAU,EAAE,QAAQ;IACpB,YAAA,WAAW,EAAE,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,GAAG,SAAS;IAC3D,YAAA,WAAW,EAAE,CAAC;IACf,SAAA;IACD,QAAA,wBAAwB,EAAE,iCAAiC,CAAC,MAAM,CAAC;IACpE,KAAA,CAAC,EACF,CAAC,KAAK,EAAE,MAAM,CAAC,CAChB,CAAC;IAEF,IAAA,MAAM,wBAAwB,GAAG,CAAC,IAAU,EAAE,KAAa,KAAI;YAC7D,oBAAoB,CAAC,KAAK,CAAC,CAAC;YAC5B,YAAY,KAAA,IAAA,IAAZ,YAAY,KAAZ,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,YAAY,CAAG,IAAI,EAAE,KAAK,CAAC,CAAC;YAC5B,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClB,KAAC,CAAC;IAEF,IAAA,MAAM,cAAc,GAAG,MAAM,QAAQ,CAAC,CAAC,KAAK,KAAK,CAAC,KAAK,CAAC,CAAC;QAEzD,MAAM,YAAY,GAAG,qBAAqB,CAAC;IAE3C,IAAA,MAAM,mBAAmB,GAAGC,sCAAiB,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;QAEvE,MAAM,0BAA0B,GAAGA,sCAAiB,CAClD,CAAC,aAAa,CAAC,oBAAoB,EAAE,GAAG,0BAA0B,CAAC,EACnE,CAAC,aAAa,CAAC,oBAAoB,EAAE,0BAA0B,CAAC,CACjE,CAAC;IAEF,IAAA,MAAM,8BAA8B,GAAGA,sCAAiB,CACtD,CAAC,aAAa,CAAC,wBAAwB,CAAC,EACxC,CAAC,aAAa,CAAC,wBAAwB,CAAC,CACzC,CAAC;IAEF,IAAA,MAAM,sBAAsB,GAAGA,sCAAiB,CAAC,CAAC,YAAY,CAAC,oBAAoB,CAAC,EAAE,EAAE,CAAC,CAAC;IAE1F,IAAA,MAAM,iBAAiB,GAAG,YAAY,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC;QAE9E,MAAM,mBAAmB,GAAGA,sCAAiB,CAC3C;IACE,QAAA,YAAY,CAAC,yBAAyB;YACtC,iBAAiB;IACjB,QAAA,YAAY,CAAC,UAAU;IACvB,QAAA,GAAG,+BAA+B;SACnC,EACD,CAAC,YAAY,EAAE,MAAM,EAAE,+BAA+B,CAAC,CACxD,CAAC;QAEF,QACEQ,eAAK,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,mBAAmB,EAAA,QAAA,EAAA,CAC/CA,eAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,0BAA0B,EAAE,OAAO,EAAE,cAAc,EAAA,QAAA,EAAA,CACjEP,wBAAK,SAAS,EAAE,8BAA8B,EAAA,QAAA,EAC5CA,cAAC,CAAAC,6BAAU,IACT,KAAK,EAAE,aAAa,CAAC,MAAM,GAAG,CAAC,GAAGE,kCAAe,CAAC,OAAO,GAAGA,kCAAe,CAAC,QAAQ,EACpF,SAAS,EAAE,CAAC,EACZ,WAAW,EAAE,EAAE,IAAI,EAAE,8BAA8B,EAAE,EACrD,OAAO,EAAED,oCAAiB,CAAC,GAAG,EAE7B,QAAA,EAAA,aAAa,CAAC,MAAM,GAAG,CAAC,GAAG,aAAa,GAAG,WAAW,EAC5C,CAAA,EAAA,CACT,EACNF,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,sBAAsB,EACpC,QAAA,EAAAA,cAAA,CAACQ,yBAAW,EAAA,EAAA,CAAG,GACX,CACF,EAAA,CAAA,EACL,KAAK,KACJR,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,mBAAmB,EAChC,QAAA,EAAA,QAAQ,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,KAAI;wBAC5B,MAAM,YAAY,GAAG,CAAA,UAAU,aAAV,UAAU,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAV,UAAU,CAAG,IAAI,EAAE,KAAK,CAAC,MAAI,IAAI,KAAJ,IAAA,IAAA,IAAI,uBAAJ,IAAI,CAAE,KAAK,CAAA,CAAC;IAC9D,oBAAA,MAAM,UAAU,GAAG,KAAK,KAAK,iBAAiB,CAAC;IAC/C,oBAAA,QACEA,cAAC,CAAA,gBAAgB,IAEf,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,wBAAwB,EAClC,mBAAmB,EAAE,2BAA2B,EAChD,uBAAuB,EAAE,yBAAyB,IAP7C,CAAG,EAAA,IAAI,CAAC,KAAK,CAAA,CAAA,EAAI,KAAK,CAAE,CAAA,CAQ7B,EACF;IACJ,iBAAC,CAAC,EAAA,CACE,CACP,CAAA,EAAA,CACG,EACN;IACJ;;;;;;;;"}
+{"version":3,"file":"ct-design-dropdown.umd.js","sources":["../packages/components/Dropdown/src/style.ts","../packages/components/Dropdown/src/Dropdown.tsx"],"sourcesContent":[null,null],"names":["makeStyles","useStyles","useWebMergeStyles","_jsx","Typography","TypographyVariant","TypographyColor","useRef","useState","useEffect","_jsxs","ChevronDown"],"mappings":"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"}

package/dist/style.d.ts

@@ -3,7 +3,7 @@ export declare const getDropdownListContainerStyles: () => {
     width: string;
     maxHeight: number;
     borderRadius: number;
-    position: string;
+    position: "absolute";
     overflow: string;
     shadowColor: string;
     shadowOffset: {
@@ -14,36 +14,49 @@ export declare const getDropdownListContainerStyles: () => {
     shadowRadius: number;
     elevation: number;
     backgroundColor: string;
+    zIndex: number;
 };
 export declare const getDropdownItemContainerStyles: () => {
+    display: "flex";
     width: string;
-    justifyContent: string;
+    justifyContent: "center";
+    alignItems: "center";
     paddingHorizontal: number;
     paddingVertical: number;
 };
 export declare const getRootContainerStyles: () => {
     width: string;
     backgroundColor: string;
+    position: "relative";
 };
 export declare const getChevronContainerStyles: () => {
+    display: "flex";
+    alignItems: "center";
+    justifyContent: "center";
+    flexShrink: number;
     height: number;
-    left: number;
     paddingRight: number;
 };
 export declare const getPlaceHolderContainerStyles: (theme: Theme, height: number, focus: boolean) => {
+    display: "flex";
+    flexDirection: "row";
+    alignItems: "center";
     width: string;
     height: number;
     backgroundColor: string;
     borderRadius: number;
-    flexDirection: string;
-    alignItems: string;
     borderColor: string;
     borderWidth: number;
+    borderStyle: "solid";
+    boxSizing: "border-box";
+    cursor: "pointer";
 };
 export declare const getPlaceHolderTextContainerStyles: (height: number) => {
+    display: "flex";
     flex: number;
+    minWidth: number;
     height: number;
-    justifyContent: "center";
+    alignItems: "center";
     paddingHorizontal: number;
 };
 //# sourceMappingURL=style.d.ts.map

package/dist/style.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../packages/components/Dropdown/src/style.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAC;AAExD,eAAO,MAAM,8BAA8B;;;;;;;;;;;;;;;CAYzC,CAAC;AAEH,eAAO,MAAM,8BAA8B;;;;;CAKzC,CAAC;AAEH,eAAO,MAAM,sBAAsB;;;CAGjC,CAAC;AAEH,eAAO,MAAM,yBAAyB;;;;CAIpC,CAAC;AAEH,eAAO,MAAM,6BAA6B,GAAI,OAAO,KAAK,EAAE,QAAQ,MAAM,EAAE,OAAO,OAAO;;;;;;;;;CASxF,CAAC;AAEH,eAAO,MAAM,iCAAiC,GAAI,QAAQ,MAAM;;;;;CAK9D,CAAC"}
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../packages/components/Dropdown/src/style.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAC;AAExD,eAAO,MAAM,8BAA8B;;;;;;;;;;;;;;;;CAazC,CAAC;AAEH,eAAO,MAAM,8BAA8B;;;;;;;CAOzC,CAAC;AAEH,eAAO,MAAM,sBAAsB;;;;CAIjC,CAAC;AAEH,eAAO,MAAM,yBAAyB;;;;;;;CAOpC,CAAC;AAEH,eAAO,MAAM,6BAA6B,GAAI,OAAO,KAAK,EAAE,QAAQ,MAAM,EAAE,OAAO,OAAO;;;;;;;;;;;;;CAaxF,CAAC;AAEH,eAAO,MAAM,iCAAiC,GAAI,QAAQ,MAAM;;;;;;;CAO9D,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cleartrip/ct-design-dropdown",
-  "version": "5.6.0",
+  "version": "5.7.0-SNAPSHOT-native-main.1",
   "description": "Dropdown Component",
   "types": "dist/index.d.ts",
   "main": "./dist/ct-design-dropdown.cjs.js",
@@ -24,12 +24,12 @@
     "src"
   ],
   "dependencies": {
-    "@cleartrip/ct-design-types": "5.6.0",
-    "@cleartrip/ct-design-theme": "5.6.0",
-    "@cleartrip/ct-design-container": "5.6.0",
-    "@cleartrip/ct-design-typography": "5.6.0",
-    "@cleartrip/ct-design-style-manager": "5.6.0",
-    "@cleartrip/ct-design-icons": "40.0.0"
+    "@cleartrip/ct-design-theme": "5.7.0-SNAPSHOT-native-main.1",
+    "@cleartrip/ct-design-types": "5.7.0-SNAPSHOT-native-main.1",
+    "@cleartrip/ct-design-typography": "5.7.0-SNAPSHOT-native-main.1",
+    "@cleartrip/ct-design-icons": "41.0.0-SNAPSHOT-native-main.1",
+    "@cleartrip/ct-design-container": "5.7.0-SNAPSHOT-native-main.1",
+    "@cleartrip/ct-design-style-manager": "5.7.0-SNAPSHOT-native-main.1"
   },
   "peerDependencies": {
     "react": ">=16.8.0",

package/src/Dropdown.tsx

@@ -4,38 +4,24 @@ import { Typography, TypographyVariant, TypographyColor } from '@cleartrip/ct-de
 import { makeStyles, useStyles, useWebMergeStyles } from '@cleartrip/ct-design-style-manager';
 import { ChevronDown } from '@cleartrip/ct-design-icons';
 
-import { getChevronContainerStyles, getPlaceHolderTextContainerStyles } from './style';
+import {
+  getChevronContainerStyles,
+  getDropdownItemContainerStyles,
+  getDropdownListContainerStyles,
+  getPlaceHolderContainerStyles,
+  getPlaceHolderTextContainerStyles,
+  getRootContainerStyles,
+} from './style';
 import { DropdownProps, Item } from './type';
 
 const staticStyles = makeStyles(() => ({
-  root: {
-    width: '100%',
-    backgroundColor: '#fff',
-    position: 'relative',
-  },
-  dropDownItemListContainer: {
-    width: '100%',
-    maxHeight: 240,
-    borderRadius: 5,
-    position: 'absolute',
-    overflow: 'hidden',
-    shadowColor: '#000',
-    shadowOffset: { width: 0, height: 1 },
-    shadowOpacity: 0.22,
-    shadowRadius: 2.22,
-    elevation: 3,
-    backgroundColor: '#fff',
-  },
-  dropDownItemContainer: {
-    width: '100%',
-    justifyContent: 'center',
-    paddingHorizontal: 16,
-    paddingVertical: 12,
-  },
+  root: getRootContainerStyles(),
+  dropDownItemListContainer: getDropdownListContainerStyles(),
+  dropDownItemContainer: getDropdownItemContainerStyles(),
   chevronDownContainer: getChevronContainerStyles(),
   scrollArea: {
     maxHeight: 240,
-    overflowY: 'auto',
+    overflowY: 'auto' as const,
   },
 }));
 
@@ -51,10 +37,12 @@ const DropdownListItem: React.FC<DropdownListItemProps> = ({
   const itemDynamicStyles = useStyles(
     () => ({
       root: {
+        display: 'flex',
         backgroundColor: isSelected ? '#1a1a1a' : '#fff',
         cursor: 'pointer',
         width: '100%',
         justifyContent: 'center',
+        alignItems: 'center',
         paddingHorizontal: 16,
         paddingVertical: 12,
       },
@@ -63,7 +51,7 @@ const DropdownListItem: React.FC<DropdownListItemProps> = ({
   );
 
   const mergedItemClassName = useWebMergeStyles(
-    [itemDynamicStyles.root, ...customItemContainer],
+    [staticStyles.dropDownItemContainer, itemDynamicStyles.root, ...customItemContainer],
     [itemDynamicStyles.root, customItemContainer],
   );
 
@@ -116,16 +104,7 @@ const Dropdown: React.FC<DropdownProps> = ({
 
   const dynamicStyles = useStyles(
     (theme) => ({
-      placeHolderContainer: {
-        width: '100%',
-        height,
-        backgroundColor: '#fff',
-        borderRadius: 5,
-        flexDirection: 'row',
-        alignItems: 'center',
-        borderColor: focus ? theme.color.border.primary : '#e0e0e0',
-        borderWidth: 1,
-      },
+      placeHolderContainer: getPlaceHolderContainerStyles(theme, height, focus),
       placeHolderTextContainer: getPlaceHolderTextContainerStyles(height),
     }),
     [focus, height],
@@ -169,7 +148,7 @@ const Dropdown: React.FC<DropdownProps> = ({
 
   return (
     <div ref={rootRef} className={mergedRootClassName}>
-      <div className={mergedPlaceHolderClassName} onClick={toggleDropDown}>
+      <div className={mergedPlaceHolderClassName} onClick={toggleDropDown} role='button' tabIndex={0}>
         <div className={mergedPlaceHolderTextClassName}>
           <Typography
             color={dropDownValue.length > 0 ? TypographyColor.PRIMARY : TypographyColor.DISABLED}

package/src/style.ts

@@ -4,7 +4,7 @@ export const getDropdownListContainerStyles = () => ({
   width: '100%',
   maxHeight: 240,
   borderRadius: 5,
-  position: 'absolute',
+  position: 'absolute' as const,
   overflow: 'hidden',
   shadowColor: '#000',
   shadowOffset: { width: 0, height: 1 },
@@ -12,11 +12,14 @@ export const getDropdownListContainerStyles = () => ({
   shadowRadius: 2.22,
   elevation: 3,
   backgroundColor: '#fff',
+  zIndex: 1,
 });
 
 export const getDropdownItemContainerStyles = () => ({
+  display: 'flex' as const,
   width: '100%',
-  justifyContent: 'center',
+  justifyContent: 'center' as const,
+  alignItems: 'center' as const,
   paddingHorizontal: 16,
   paddingVertical: 12,
 });
@@ -24,28 +27,38 @@ export const getDropdownItemContainerStyles = () => ({
 export const getRootContainerStyles = () => ({
   width: '100%',
   backgroundColor: '#fff',
+  position: 'relative' as const,
 });
 
 export const getChevronContainerStyles = () => ({
+  display: 'flex' as const,
+  alignItems: 'center' as const,
+  justifyContent: 'center' as const,
+  flexShrink: 0,
   height: 24,
-  left: 3,
   paddingRight: 12,
 });
 
 export const getPlaceHolderContainerStyles = (theme: Theme, height: number, focus: boolean) => ({
+  display: 'flex' as const,
+  flexDirection: 'row' as const,
+  alignItems: 'center' as const,
   width: '100%',
   height,
   backgroundColor: '#fff',
   borderRadius: 5,
-  flexDirection: 'row',
-  alignItems: 'center',
   borderColor: focus ? theme.color.border.primary : '#e0e0e0',
   borderWidth: 1,
+  borderStyle: 'solid' as const,
+  boxSizing: 'border-box' as const,
+  cursor: 'pointer' as const,
 });
 
 export const getPlaceHolderTextContainerStyles = (height: number) => ({
+  display: 'flex' as const,
   flex: 1,
+  minWidth: 0,
   height,
-  justifyContent: 'center' as const,
+  alignItems: 'center' as const,
   paddingHorizontal: 12,
 });