{"version":3,"file":"SelectStyles.mjs","sources":["../../../packages/select/SelectStyles.ts"],"sourcesContent":["import styled, { css } from '../utils/styled-components-wrapper.js'\nimport { Input } from '../input/index.js'\nimport { SelectProps } from './types.js'\n\nconst smallCSS = css`\n  input {\n    font-size: ${({ theme }) => theme.fontSizesMap.xxs}px;\n    line-height: 1.7em;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    font-weight: 800;\n  }\n`\n\nexport const SelectWrapperStyle = styled(Input)<SelectProps>`\n  &,\n  input {\n    user-select: none;\n    cursor: ${({ disabled }) => (disabled ? 'default' : 'pointer')};\n\n    &::selection {\n      background: transparent;\n    }\n  }\n\n  input {\n    appearance: none;\n    overflow: hidden;\n  }\n\n  ${({ variant }) => (variant === 'small' ? smallCSS : '')}\n`\n"],"names":["smallCSS","css","_ref","theme","fontSizesMap","xxs","SelectWrapperStyle","styled","Input","_ref2","disabled","_ref3","variant"],"mappings":";;;;;;;;AAIA,MAAMA,QAAQ,GAAGC,GAAG,CAAA;AACpB;AACA,eAAA,EAAiBC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;AAAM,GAAC,GAAAD,IAAA,CAAA;AAAA,EAAA,OAAKC,KAAK,CAACC,YAAY,CAACC,GAAG,CAAA;AAAA,CAAA,CAAA;AACtD;AACA;AACA;AACA;AACA;AACA,CAAC,CAAA;MAEYC,kBAAkB,GAAGC,MAAM,CAACC,KAAK,CAAc,CAAA;AAC5D;AACA;AACA;AACA,YAAA,EAAcC,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,QAAAA;AAAS,GAAC,GAAAD,KAAA,CAAA;AAAA,EAAA,OAAMC,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAA;AAAA,CAAC,CAAA;AAClE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAA,EAAIC,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,OAAAA;AAAQ,GAAC,GAAAD,KAAA,CAAA;AAAA,EAAA,OAAMC,OAAO,KAAK,OAAO,GAAGZ,QAAQ,GAAG,EAAE,CAAA;AAAA,CAAC,CAAA;AAC1D;;;;"}