UNPKG

@yamada-ui/react

Version:

React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion

1 lines 4.19 kB
{"version":3,"file":"native-select.style.cjs","names":["defineComponentSlotStyle","inputStyle","getInputPaddingStartResetStyle","getInputHeightStyle"],"sources":["../../../../src/components/native-select/native-select.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\nimport {\n getInputHeightStyle,\n getInputPaddingStartResetStyle,\n inputStyle,\n} from \"../input\"\n\nexport const nativeSelectStyle = defineComponentSlotStyle({\n base: {\n field: {\n ...inputStyle.base,\n \"& > option, optgroup\": { bg: \"bg.float\" },\n _readOnly: { pointerEvents: \"none\" },\n },\n icon: {\n alignItems: \"center\",\n color: \"colorScheme.outline\",\n display: \"inline-flex\",\n fontSize: \"1em\",\n justifyContent: \"center\",\n rounded: \"l1\",\n _disabled: { layerStyle: \"disabled\" },\n },\n root: {},\n },\n\n variants: {\n filled: {\n field: inputStyle.variants?.filled,\n },\n flushed: {\n field: inputStyle.variants?.flushed,\n root: getInputPaddingStartResetStyle(\n \"& > :is(select, [role='combobox'])\",\n ),\n },\n outline: {\n field: inputStyle.variants?.outline,\n },\n plain: {\n field: inputStyle.variants?.plain,\n },\n },\n\n sizes: {\n xs: {\n field: { ...inputStyle.sizes?.xs, fontSize: \"1em\" },\n root: {\n ...getInputHeightStyle(\n inputStyle.sizes?.xs.minH,\n \"& > :is(select, [role='combobox'])\",\n ),\n fontSize: inputStyle.sizes?.xs.fontSize,\n },\n },\n sm: {\n field: { ...inputStyle.sizes?.sm, fontSize: \"1em\" },\n root: {\n ...getInputHeightStyle(\n inputStyle.sizes?.sm.minH,\n \"& > :is(select, [role='combobox'])\",\n ),\n fontSize: inputStyle.sizes?.sm.fontSize,\n },\n },\n md: {\n field: { ...inputStyle.sizes?.md, fontSize: \"1em\" },\n root: {\n ...getInputHeightStyle(\n inputStyle.sizes?.md.minH,\n \"& > :is(select, [role='combobox'])\",\n ),\n fontSize: inputStyle.sizes?.md.fontSize,\n },\n },\n lg: {\n field: { ...inputStyle.sizes?.lg, fontSize: \"1em\" },\n root: {\n ...getInputHeightStyle(\n inputStyle.sizes?.lg.minH,\n \"& > :is(select, [role='combobox'])\",\n ),\n fontSize: inputStyle.sizes?.lg.fontSize,\n },\n },\n xl: {\n field: { ...inputStyle.sizes?.xl, fontSize: \"1em\" },\n root: {\n ...getInputHeightStyle(\n inputStyle.sizes?.xl.minH,\n \"& > :is(select, [role='combobox'])\",\n ),\n fontSize: inputStyle.sizes?.xl.fontSize,\n },\n },\n },\n\n defaultProps: {\n size: \"md\",\n variant: \"outline\",\n },\n})\n\nexport type NativeSelectStyle = typeof nativeSelectStyle\n"],"mappings":";;;;AAOA,MAAa,oBAAoBA,wCAAyB;CACxD,MAAM;EACJ,OAAO;GACL,GAAGC,+BAAW;GACd,wBAAwB,EAAE,IAAI,YAAY;GAC1C,WAAW,EAAE,eAAe,QAAQ;GACrC;EACD,MAAM;GACJ,YAAY;GACZ,OAAO;GACP,SAAS;GACT,UAAU;GACV,gBAAgB;GAChB,SAAS;GACT,WAAW,EAAE,YAAY,YAAY;GACtC;EACD,MAAM,EAAE;EACT;CAED,UAAU;EACR,QAAQ,EACN,OAAOA,+BAAW,UAAU,QAC7B;EACD,SAAS;GACP,OAAOA,+BAAW,UAAU;GAC5B,MAAMC,mDACJ,qCACD;GACF;EACD,SAAS,EACP,OAAOD,+BAAW,UAAU,SAC7B;EACD,OAAO,EACL,OAAOA,+BAAW,UAAU,OAC7B;EACF;CAED,OAAO;EACL,IAAI;GACF,OAAO;IAAE,GAAGA,+BAAW,OAAO;IAAI,UAAU;IAAO;GACnD,MAAM;IACJ,GAAGE,wCACDF,+BAAW,OAAO,GAAG,MACrB,qCACD;IACD,UAAUA,+BAAW,OAAO,GAAG;IAChC;GACF;EACD,IAAI;GACF,OAAO;IAAE,GAAGA,+BAAW,OAAO;IAAI,UAAU;IAAO;GACnD,MAAM;IACJ,GAAGE,wCACDF,+BAAW,OAAO,GAAG,MACrB,qCACD;IACD,UAAUA,+BAAW,OAAO,GAAG;IAChC;GACF;EACD,IAAI;GACF,OAAO;IAAE,GAAGA,+BAAW,OAAO;IAAI,UAAU;IAAO;GACnD,MAAM;IACJ,GAAGE,wCACDF,+BAAW,OAAO,GAAG,MACrB,qCACD;IACD,UAAUA,+BAAW,OAAO,GAAG;IAChC;GACF;EACD,IAAI;GACF,OAAO;IAAE,GAAGA,+BAAW,OAAO;IAAI,UAAU;IAAO;GACnD,MAAM;IACJ,GAAGE,wCACDF,+BAAW,OAAO,GAAG,MACrB,qCACD;IACD,UAAUA,+BAAW,OAAO,GAAG;IAChC;GACF;EACD,IAAI;GACF,OAAO;IAAE,GAAGA,+BAAW,OAAO;IAAI,UAAU;IAAO;GACnD,MAAM;IACJ,GAAGE,wCACDF,+BAAW,OAAO,GAAG,MACrB,qCACD;IACD,UAAUA,+BAAW,OAAO,GAAG;IAChC;GACF;EACF;CAED,cAAc;EACZ,MAAM;EACN,SAAS;EACV;CACF,CAAC"}