@postenbring/hedwig-react
Version:
React components for [Hedwig Design System](https://github.com/bring/hedwig-design-system).
1 lines • 2.13 kB
Source Map (JSON)
{"version":3,"sources":["../src/form/input/input.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { InputHTMLAttributes } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport { InputGroup } from \"../input-group\";\nimport type { InputGroupProps } from \"../input-group\";\n\n/**\n * Omitting:\n * - `size` from InputHTMLAttributes\n * - `children` from InputGroupProps\n * The original `size` prop that input elements have is not in use in HDS.\n * It is overridden by styling.\n */\nexport type InputProps = Omit<\n InputGroupProps & Omit<InputHTMLAttributes<HTMLInputElement>, \"size\">,\n \"children\"\n>;\n\nexport const Input = forwardRef<HTMLInputElement, InputProps>(\n (\n {\n className,\n size,\n validationMessage,\n errorMessage,\n labelProps,\n label,\n id,\n style,\n disabled,\n readOnly,\n \"data-color\": dataColor,\n ...rest\n },\n ref,\n ) => (\n <InputGroup\n className={clsx(\"hds-input\", className as undefined)}\n disabled={disabled}\n validationMessage={validationMessage}\n errorMessage={errorMessage}\n id={id}\n label={label}\n labelProps={labelProps}\n readOnly={readOnly}\n style={style}\n size={size}\n data-color={dataColor}\n >\n <input disabled={disabled} readOnly={readOnly} ref={ref} {...rest} />\n </InputGroup>\n ),\n);\n\nInput.displayName = \"Input\";\n"],"mappings":";;;;;;;;;AAAA,SAAS,kBAAkB;AAE3B,SAAS,YAAY;AA+Cf;AA/BC,IAAM,QAAQ;AAAA,EACnB,CACE,IAcA,QACA;AAfA,iBACE;AAAA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAc;AAAA,IA/BpB,IAoBI,IAYK,iBAZL,IAYK;AAAA,MAXH;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAKF;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,KAAK,aAAa,SAAsB;AAAA,QACnD;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,cAAY;AAAA,QAEZ,8BAAC,0BAAM,UAAoB,UAAoB,OAAc,KAAM;AAAA;AAAA,IACrE;AAAA;AAEJ;AAEA,MAAM,cAAc;","names":[]}