UNPKG

@mantine/core

Version:

React components library focused on usability, accessibility and developer experience

1 lines 1.96 kB
{"version":3,"file":"DataListItemLabel.cjs","names":["factory","useProps","useDataListContext","Box","classes"],"sources":["../../../../src/components/DataList/DataListItemLabel/DataListItemLabel.tsx"],"sourcesContent":["import {\n Box,\n BoxProps,\n CompoundStylesApiProps,\n ElementProps,\n factory,\n Factory,\n useProps,\n} from '../../../core';\nimport { useDataListContext } from '../DataList.context';\nimport classes from '../DataList.module.css';\n\nexport type DataListItemLabelStylesNames = 'itemLabel';\n\nexport interface DataListItemLabelProps\n extends BoxProps, CompoundStylesApiProps<DataListItemLabelFactory>, ElementProps<'dt'> {\n /** Label content */\n children?: React.ReactNode;\n}\n\nexport type DataListItemLabelFactory = Factory<{\n props: DataListItemLabelProps;\n ref: HTMLElement;\n stylesNames: DataListItemLabelStylesNames;\n compound: true;\n}>;\n\nexport const DataListItemLabel = factory<DataListItemLabelFactory>((_props) => {\n const props = useProps('DataListItemLabel', null, _props);\n const { classNames, className, style, styles, vars, children, mod, ...others } = props;\n\n const ctx = useDataListContext();\n const stylesApiProps = { classNames, styles };\n\n return (\n <Box\n component=\"dt\"\n {...ctx.getStyles('itemLabel', { ...stylesApiProps, className, style })}\n mod={mod}\n {...others}\n >\n {children}\n </Box>\n );\n});\n\nDataListItemLabel.classes = classes;\nDataListItemLabel.displayName = '@mantine/core/DataListItemLabel';\n"],"mappings":";;;;;;;;AA2BA,MAAa,oBAAoBA,gBAAAA,SAAmC,WAAW;CAE7E,MAAM,EAAE,YAAY,WAAW,OAAO,QAAQ,MAAM,UAAU,KAAK,GAAG,WADxDC,kBAAAA,SAAS,qBAAqB,MAAM,MACmC;CAErF,MAAM,MAAMC,yBAAAA,mBAAmB;CAC/B,MAAM,iBAAiB;EAAE;EAAY;CAAO;CAE5C,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,YAAAA,KAAD;EACE,WAAU;EACV,GAAI,IAAI,UAAU,aAAa;GAAE,GAAG;GAAgB;GAAW;EAAM,CAAC;EACjE;EACL,GAAI;EAEH;CACE,CAAA;AAET,CAAC;AAED,kBAAkB,UAAUC,wBAAAA;AAC5B,kBAAkB,cAAc"}