@yamada-ui/react/dist/cjs/components/select/select.style.cjs.map

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

{"version":3,"file":"select.style.cjs","names":["defineComponentSlotStyle","nativeSelectStyle","menuStyle","focusRingStyle"],"sources":["../../../../src/components/select/select.style.ts"],"sourcesContent":["import { defineComponentSlotStyle, focusRingStyle } from \"../../core\"\nimport { menuStyle } from \"../menu\"\nimport { nativeSelectStyle } from \"../native-select\"\n\nexport const selectStyle = defineComponentSlotStyle({\n  base: {\n    ...nativeSelectStyle.base,\n    content: { ...menuStyle.base?.content, maxH: \"xs\" },\n    field: {\n      ...nativeSelectStyle.base?.field,\n      \"--gap\": \"spaces.1\",\n      alignItems: \"center\",\n      display: \"flex\",\n    },\n    group: menuStyle.base?.group,\n    indicator: menuStyle.base?.indicator,\n    label: menuStyle.base?.label,\n    option: menuStyle.base?.item,\n    separator: menuStyle.base?.separator,\n    valueText: { userSelect: \"none\" },\n  },\n\n  props: {\n    /**\n     * If `true`, wrap the value text.\n     *\n     * @default false\n     */\n    wrap: {\n      false: {\n        valueText: { truncated: true },\n      },\n      true: {\n        field: { py: \"{gap}\" },\n        valueText: {\n          display: \"inline-flex\",\n          flexWrap: \"wrap\",\n          gapY: \"{gap}\",\n        },\n      },\n    },\n  },\n\n  variants: {\n    filled: {\n      ...nativeSelectStyle.variants?.filled,\n      field: {\n        _expanded: focusRingStyle.inside,\n        _focus: focusRingStyle.inside,\n        ...nativeSelectStyle.variants?.filled.field,\n      },\n    },\n    flushed: {\n      ...nativeSelectStyle.variants?.flushed,\n      field: {\n        _expanded: {\n          ...nativeSelectStyle.variants?.flushed.field?._focusVisible,\n          _invalid: {\n            borderColor: \"{error-border-color}\",\n            boxShadow: \"0px 1px 0px 0px {error-border-color}\",\n          },\n        },\n        _focus: {\n          ...nativeSelectStyle.variants?.flushed.field?._focusVisible,\n          _invalid: {\n            borderColor: \"{error-border-color}\",\n            boxShadow: \"0px 1px 0px 0px {error-border-color}\",\n          },\n        },\n        ...nativeSelectStyle.variants?.flushed.field,\n      },\n    },\n    outline: {\n      ...nativeSelectStyle.variants?.outline,\n      field: {\n        _expanded: focusRingStyle.inside,\n        _focus: focusRingStyle.inside,\n        ...nativeSelectStyle.variants?.outline.field,\n      },\n    },\n    plain: {\n      ...nativeSelectStyle.variants?.plain,\n      field: {\n        _expanded: focusRingStyle.inside,\n        _focus: focusRingStyle.inside,\n        ...nativeSelectStyle.variants?.plain.field,\n      },\n    },\n  },\n\n  sizes: {\n    xs: {\n      ...nativeSelectStyle.sizes?.xs,\n      content: menuStyle.sizes?.sm.content,\n      indicator: menuStyle.sizes?.sm.indicator,\n      label: menuStyle.sizes?.sm.label,\n      option: menuStyle.sizes?.sm.item,\n    },\n    sm: {\n      ...nativeSelectStyle.sizes?.sm,\n      content: menuStyle.sizes?.md.content,\n      indicator: menuStyle.sizes?.md.indicator,\n      label: menuStyle.sizes?.md.label,\n      option: menuStyle.sizes?.md.item,\n    },\n    md: {\n      ...nativeSelectStyle.sizes?.md,\n      content: menuStyle.sizes?.md.content,\n      indicator: menuStyle.sizes?.md.indicator,\n      label: menuStyle.sizes?.md.label,\n      option: menuStyle.sizes?.md.item,\n    },\n    lg: {\n      ...nativeSelectStyle.sizes?.lg,\n      content: menuStyle.sizes?.lg.content,\n      indicator: menuStyle.sizes?.lg.indicator,\n      label: menuStyle.sizes?.lg.label,\n      option: menuStyle.sizes?.lg.item,\n    },\n    xl: {\n      ...nativeSelectStyle.sizes?.xl,\n      content: menuStyle.sizes?.lg.content,\n      indicator: menuStyle.sizes?.lg.indicator,\n      label: menuStyle.sizes?.lg.label,\n      option: menuStyle.sizes?.lg.item,\n    },\n  },\n\n  defaultProps: {\n    size: \"md\",\n    variant: \"outline\",\n    wrap: false,\n  },\n})\n\nexport type SelectStyle = typeof selectStyle\n"],"mappings":";;;;;;AAIA,MAAa,cAAcA,wCAAyB;CAClD,MAAM;EACJ,GAAGC,8CAAkB;EACrB,SAAS;GAAE,GAAGC,6BAAU,MAAM;GAAS,MAAM;GAAM;EACnD,OAAO;GACL,GAAGD,8CAAkB,MAAM;GAC3B,SAAS;GACT,YAAY;GACZ,SAAS;GACV;EACD,OAAOC,6BAAU,MAAM;EACvB,WAAWA,6BAAU,MAAM;EAC3B,OAAOA,6BAAU,MAAM;EACvB,QAAQA,6BAAU,MAAM;EACxB,WAAWA,6BAAU,MAAM;EAC3B,WAAW,EAAE,YAAY,QAAQ;EAClC;CAED,OAAO,EAML,MAAM;EACJ,OAAO,EACL,WAAW,EAAE,WAAW,MAAM,EAC/B;EACD,MAAM;GACJ,OAAO,EAAE,IAAI,SAAS;GACtB,WAAW;IACT,SAAS;IACT,UAAU;IACV,MAAM;IACP;GACF;EACF,EACF;CAED,UAAU;EACR,QAAQ;GACN,GAAGD,8CAAkB,UAAU;GAC/B,OAAO;IACL,WAAWE,kCAAe;IAC1B,QAAQA,kCAAe;IACvB,GAAGF,8CAAkB,UAAU,OAAO;IACvC;GACF;EACD,SAAS;GACP,GAAGA,8CAAkB,UAAU;GAC/B,OAAO;IACL,WAAW;KACT,GAAGA,8CAAkB,UAAU,QAAQ,OAAO;KAC9C,UAAU;MACR,aAAa;MACb,WAAW;MACZ;KACF;IACD,QAAQ;KACN,GAAGA,8CAAkB,UAAU,QAAQ,OAAO;KAC9C,UAAU;MACR,aAAa;MACb,WAAW;MACZ;KACF;IACD,GAAGA,8CAAkB,UAAU,QAAQ;IACxC;GACF;EACD,SAAS;GACP,GAAGA,8CAAkB,UAAU;GAC/B,OAAO;IACL,WAAWE,kCAAe;IAC1B,QAAQA,kCAAe;IACvB,GAAGF,8CAAkB,UAAU,QAAQ;IACxC;GACF;EACD,OAAO;GACL,GAAGA,8CAAkB,UAAU;GAC/B,OAAO;IACL,WAAWE,kCAAe;IAC1B,QAAQA,kCAAe;IACvB,GAAGF,8CAAkB,UAAU,MAAM;IACtC;GACF;EACF;CAED,OAAO;EACL,IAAI;GACF,GAAGA,8CAAkB,OAAO;GAC5B,SAASC,6BAAU,OAAO,GAAG;GAC7B,WAAWA,6BAAU,OAAO,GAAG;GAC/B,OAAOA,6BAAU,OAAO,GAAG;GAC3B,QAAQA,6BAAU,OAAO,GAAG;GAC7B;EACD,IAAI;GACF,GAAGD,8CAAkB,OAAO;GAC5B,SAASC,6BAAU,OAAO,GAAG;GAC7B,WAAWA,6BAAU,OAAO,GAAG;GAC/B,OAAOA,6BAAU,OAAO,GAAG;GAC3B,QAAQA,6BAAU,OAAO,GAAG;GAC7B;EACD,IAAI;GACF,GAAGD,8CAAkB,OAAO;GAC5B,SAASC,6BAAU,OAAO,GAAG;GAC7B,WAAWA,6BAAU,OAAO,GAAG;GAC/B,OAAOA,6BAAU,OAAO,GAAG;GAC3B,QAAQA,6BAAU,OAAO,GAAG;GAC7B;EACD,IAAI;GACF,GAAGD,8CAAkB,OAAO;GAC5B,SAASC,6BAAU,OAAO,GAAG;GAC7B,WAAWA,6BAAU,OAAO,GAAG;GAC/B,OAAOA,6BAAU,OAAO,GAAG;GAC3B,QAAQA,6BAAU,OAAO,GAAG;GAC7B;EACD,IAAI;GACF,GAAGD,8CAAkB,OAAO;GAC5B,SAASC,6BAAU,OAAO,GAAG;GAC7B,WAAWA,6BAAU,OAAO,GAAG;GAC/B,OAAOA,6BAAU,OAAO,GAAG;GAC3B,QAAQA,6BAAU,OAAO,GAAG;GAC7B;EACF;CAED,cAAc;EACZ,MAAM;EACN,SAAS;EACT,MAAM;EACP;CACF,CAAC"}