{"version":3,"file":"SelectArrowStyles.mjs","sources":["../../../packages/select/SelectArrowStyles.ts"],"sourcesContent":["import styled, { css } from '../utils/styled-components-wrapper.js'\nimport { ArrowBottom } from '../icons/index.js'\n\ntype InjectedProps = {\n  $opened: boolean\n  $disabled: boolean\n}\n\nconst commonCSS = css<InjectedProps>`\n  transform: rotate(${({ $opened }) => ($opened ? 180 : 0)}deg);\n  transition: transform ${({ theme }) => theme.duration.norm} ease;\n  opacity: ${({ $disabled }) => ($disabled ? 0.5 : 1)};\n`\n\nexport const SelectArrowBigStyle = styled(ArrowBottom)<InjectedProps>`\n  ${commonCSS};\n  fill: var(--lido-color-textSecondary);\n`\n\nexport const SelectArrowSmallStyle = styled.div<InjectedProps>`\n  ${commonCSS};\n  color: var(--lido-color-text);\n\n  border: 3px solid currentColor;\n  border-bottom-width: 0px;\n  border-left-color: transparent;\n  border-right-color: transparent;\n`\n"],"names":["commonCSS","css","_ref","$opened","_ref2","theme","duration","norm","_ref3","$disabled","SelectArrowBigStyle","styled","ArrowBottom","SelectArrowSmallStyle","div"],"mappings":";;;;AAQA,MAAMA,SAAS,GAAGC,GAAkB,CAAA;AACpC,oBAAA,EAAsBC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,OAAAA;AAAQ,GAAC,GAAAD,IAAA,CAAA;AAAA,EAAA,OAAMC,OAAO,GAAG,GAAG,GAAG,CAAC,CAAA;AAAA,CAAC,CAAA;AAC1D,wBAAA,EAA0BC,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;AAAM,GAAC,GAAAD,KAAA,CAAA;AAAA,EAAA,OAAKC,KAAK,CAACC,QAAQ,CAACC,IAAI,CAAA;AAAA,CAAA,CAAA;AAC5D,WAAA,EAAaC,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,SAAAA;AAAU,GAAC,GAAAD,KAAA,CAAA;AAAA,EAAA,OAAMC,SAAS,GAAG,GAAG,GAAG,CAAC,CAAA;AAAA,CAAC,CAAA;AACrD,CAAC,CAAA;MAEYC,mBAAmB,GAAGC,MAAM,CAACC,WAAW,CAAgB,CAAA;AACrE,EAAA,EAAIZ,SAAS,CAAA;AACb;AACA,EAAC;AAEYa,MAAAA,qBAAqB,GAAGF,MAAM,CAACG,GAAkB,CAAA;AAC9D,EAAA,EAAId,SAAS,CAAA;AACb;AACA;AACA;AACA;AACA;AACA;AACA;;;;"}