@yamada-ui/react
Version:
React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion
1 lines • 4.59 kB
Source Map (JSON)
{"version":3,"file":"number-input.style.cjs","names":["defineComponentSlotStyle","buttonStyle","inputStyle","getInputPaddingStartResetStyle","getInputHeightStyle"],"sources":["../../../../src/components/number-input/number-input.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\nimport { buttonStyle } from \"../button\"\nimport {\n getInputHeightStyle,\n getInputPaddingStartResetStyle,\n inputStyle,\n} from \"../input\"\n\nexport const numberInputStyle = defineComponentSlotStyle({\n base: {\n button: {\n ...buttonStyle.base,\n flex: \"1\",\n lineHeight: \"1\",\n rounded: \"l1\",\n },\n control: {\n display: \"flex\",\n flexDirection: \"column\",\n },\n decrement: {},\n field: inputStyle.base,\n increment: {},\n root: {},\n },\n\n variants: {\n base: {\n button: {\n layerStyle: \"ghost\",\n focusVisibleRing: \"none\",\n _hover: {\n layerStyle: \"ghost.hover\",\n },\n _focusVisible: {\n layerStyle: \"ghost.hover\",\n },\n },\n },\n\n filled: {\n field: inputStyle.variants?.filled,\n },\n flushed: {\n field: inputStyle.variants?.flushed,\n root: getInputPaddingStartResetStyle(\"& > input\"),\n },\n outline: {\n field: inputStyle.variants?.outline,\n },\n plain: {\n field: inputStyle.variants?.plain,\n },\n },\n\n sizes: {\n xs: {\n control: {\n boxSize: `calc({--height} - {spaces.2})`,\n fontSize: inputStyle.sizes?.xs.fontSize,\n },\n field: inputStyle.sizes?.xs,\n root: getInputHeightStyle(inputStyle.sizes?.xs.minH, \"& > input\"),\n },\n sm: {\n control: {\n boxSize: `calc({--height} - {spaces.2})`,\n fontSize: inputStyle.sizes?.sm.fontSize,\n },\n field: inputStyle.sizes?.sm,\n root: getInputHeightStyle(inputStyle.sizes?.sm.minH, \"& > input\"),\n },\n md: {\n control: {\n boxSize: `calc({--height} - {spaces.2})`,\n fontSize: inputStyle.sizes?.md.fontSize,\n },\n field: inputStyle.sizes?.md,\n root: getInputHeightStyle(inputStyle.sizes?.md.minH, \"& > input\"),\n },\n lg: {\n control: {\n boxSize: `calc({--height} - {spaces.2.5})`,\n fontSize: inputStyle.sizes?.lg.fontSize,\n },\n field: inputStyle.sizes?.lg,\n root: getInputHeightStyle(inputStyle.sizes?.lg.minH, \"& > input\"),\n },\n xl: {\n control: {\n boxSize: `calc({--height} - {spaces.3})`,\n fontSize: inputStyle.sizes?.xl.fontSize,\n },\n field: inputStyle.sizes?.xl,\n root: getInputHeightStyle(inputStyle.sizes?.xl.minH, \"& > input\"),\n },\n \"2xl\": {\n control: {\n boxSize: `calc({--height} - {spaces.3})`,\n fontSize: inputStyle.sizes?.[\"2xl\"].fontSize,\n },\n field: inputStyle.sizes?.[\"2xl\"],\n root: getInputHeightStyle(inputStyle.sizes?.[\"2xl\"]?.minH, \"& > input\"),\n },\n },\n\n defaultProps: {\n size: \"md\",\n variant: \"outline\",\n },\n})\n\nexport type NumberInputStyle = typeof numberInputStyle\n"],"mappings":";;;;;AAQA,MAAa,mBAAmBA,wCAAyB;CACvD,MAAM;EACJ,QAAQ;GACN,GAAGC,iCAAY;GACf,MAAM;GACN,YAAY;GACZ,SAAS;GACV;EACD,SAAS;GACP,SAAS;GACT,eAAe;GAChB;EACD,WAAW,EAAE;EACb,OAAOC,+BAAW;EAClB,WAAW,EAAE;EACb,MAAM,EAAE;EACT;CAED,UAAU;EACR,MAAM,EACJ,QAAQ;GACN,YAAY;GACZ,kBAAkB;GAClB,QAAQ,EACN,YAAY,eACb;GACD,eAAe,EACb,YAAY,eACb;GACF,EACF;EAED,QAAQ,EACN,OAAOA,+BAAW,UAAU,QAC7B;EACD,SAAS;GACP,OAAOA,+BAAW,UAAU;GAC5B,MAAMC,mDAA+B,YAAY;GAClD;EACD,SAAS,EACP,OAAOD,+BAAW,UAAU,SAC7B;EACD,OAAO,EACL,OAAOA,+BAAW,UAAU,OAC7B;EACF;CAED,OAAO;EACL,IAAI;GACF,SAAS;IACP,SAAS;IACT,UAAUA,+BAAW,OAAO,GAAG;IAChC;GACD,OAAOA,+BAAW,OAAO;GACzB,MAAME,wCAAoBF,+BAAW,OAAO,GAAG,MAAM,YAAY;GAClE;EACD,IAAI;GACF,SAAS;IACP,SAAS;IACT,UAAUA,+BAAW,OAAO,GAAG;IAChC;GACD,OAAOA,+BAAW,OAAO;GACzB,MAAME,wCAAoBF,+BAAW,OAAO,GAAG,MAAM,YAAY;GAClE;EACD,IAAI;GACF,SAAS;IACP,SAAS;IACT,UAAUA,+BAAW,OAAO,GAAG;IAChC;GACD,OAAOA,+BAAW,OAAO;GACzB,MAAME,wCAAoBF,+BAAW,OAAO,GAAG,MAAM,YAAY;GAClE;EACD,IAAI;GACF,SAAS;IACP,SAAS;IACT,UAAUA,+BAAW,OAAO,GAAG;IAChC;GACD,OAAOA,+BAAW,OAAO;GACzB,MAAME,wCAAoBF,+BAAW,OAAO,GAAG,MAAM,YAAY;GAClE;EACD,IAAI;GACF,SAAS;IACP,SAAS;IACT,UAAUA,+BAAW,OAAO,GAAG;IAChC;GACD,OAAOA,+BAAW,OAAO;GACzB,MAAME,wCAAoBF,+BAAW,OAAO,GAAG,MAAM,YAAY;GAClE;EACD,OAAO;GACL,SAAS;IACP,SAAS;IACT,UAAUA,+BAAW,QAAQ,OAAO;IACrC;GACD,OAAOA,+BAAW,QAAQ;GAC1B,MAAME,wCAAoBF,+BAAW,QAAQ,QAAQ,MAAM,YAAY;GACxE;EACF;CAED,cAAc;EACZ,MAAM;EACN,SAAS;EACV;CACF,CAAC"}