koval-ui
Version:
React components collection with minimalistic design. Supports theming, layout, and input validation.
1 lines • 7.85 kB
Source Map (JSON)
{"version":3,"file":"InlineElements.cjs","sources":["../../../../src/lib/Text/InlineElements.tsx"],"sourcesContent":["import type {ReactNode} from 'react';\nimport {forwardRef} from 'react';\nimport classNames from 'classnames';\n\nimport type {DataAttributes, LibraryProps} from '@/internal/LibraryAPI';\n\nimport classes from './Text.module.css';\n\nexport type Props = DataAttributes &\n LibraryProps & {\n children?: ReactNode;\n };\n\nexport const A = forwardRef<HTMLAnchorElement, Props & {href?: string}>(\n ({children, className, href = '#', ...nativeProps}, ref) => {\n return (\n <a\n {...nativeProps}\n href={href}\n className={classNames(classes.link, className)}\n ref={ref}>\n {children}\n </a>\n );\n }\n);\n\nA.displayName = 'A';\n\nexport const B = forwardRef<HTMLElement, Props>(({children, className, ...nativeProps}, ref) => {\n return (\n <b {...nativeProps} className={classNames(classes.bold, className)} ref={ref}>\n {children}\n </b>\n );\n});\n\nB.displayName = 'B';\n\nexport const Strong = forwardRef<HTMLElement, Props>(\n ({children, className, ...nativeProps}, ref) => {\n return (\n <strong {...nativeProps} className={classNames(classes.strong, className)} ref={ref}>\n {children}\n </strong>\n );\n }\n);\n\nStrong.displayName = 'Strong';\n\nB.displayName = 'B';\n\nexport const I = forwardRef<HTMLElement, Props>(({children, className, ...nativeProps}, ref) => {\n return (\n <i {...nativeProps} className={classNames(classes.italic, className)} ref={ref}>\n {children}\n </i>\n );\n});\n\nI.displayName = 'I';\n\nexport const Em = forwardRef<HTMLElement, Props>(({children, className, ...nativeProps}, ref) => {\n return (\n <em {...nativeProps} className={classNames(classes.emphasized, className)} ref={ref}>\n {children}\n </em>\n );\n});\n\nEm.displayName = 'Em';\n\nexport const Mark = forwardRef<HTMLElement, Props>(({children, className, ...nativeProps}, ref) => {\n return (\n <mark {...nativeProps} className={classNames(classes.marked, className)} ref={ref}>\n {children}\n </mark>\n );\n});\n\nMark.displayName = 'Mark';\n\nexport const Small = forwardRef<HTMLElement, Props>(\n ({children, className, ...nativeProps}, ref) => {\n return (\n <small {...nativeProps} className={classNames(classes.small, className)} ref={ref}>\n {children}\n </small>\n );\n }\n);\n\nSmall.displayName = 'Small';\n\nexport const Del = forwardRef<HTMLModElement, Props>(\n ({children, className, ...nativeProps}, ref) => {\n return (\n <del {...nativeProps} className={classNames(classes.deleted, className)} ref={ref}>\n {children}\n </del>\n );\n }\n);\n\nDel.displayName = 'Del';\n\nexport const Ins = forwardRef<HTMLModElement, Props>(\n ({children, className, ...nativeProps}, ref) => {\n return (\n <ins {...nativeProps} className={classNames(classes.inserted, className)} ref={ref}>\n {children}\n </ins>\n );\n }\n);\n\nIns.displayName = 'Ins';\n\nexport const Sub = forwardRef<HTMLElement, Props>(({children, className, ...nativeProps}, ref) => {\n return (\n <sub {...nativeProps} className={classNames(classes.subscript, className)} ref={ref}>\n {children}\n </sub>\n );\n});\n\nSub.displayName = 'Sub';\n\nexport const Sup = forwardRef<HTMLElement, Props>(({children, className, ...nativeProps}, ref) => {\n return (\n <sup {...nativeProps} className={classNames(classes.superscript, className)} ref={ref}>\n {children}\n </sup>\n );\n});\n\nSup.displayName = 'Sup';\n\nexport const Kbd = forwardRef<HTMLElement, Props>(({children, className, ...nativeProps}, ref) => {\n return (\n <kbd {...nativeProps} className={classNames(classes.keyboard, className)} ref={ref}>\n {children}\n </kbd>\n );\n});\n\nKbd.displayName = 'Kbd';\n\nexport const Code = forwardRef<HTMLElement, Props>(({children, className, ...nativeProps}, ref) => {\n return (\n <code {...nativeProps} className={classNames(classes.code, className)} ref={ref}>\n {children}\n </code>\n );\n});\n\nCode.displayName = 'Code';\n\nexport const S = forwardRef<HTMLElement, Props>(({children, className, ...nativeProps}, ref) => {\n return (\n <s {...nativeProps} className={classNames(classes.strikeThrough, className)} ref={ref}>\n {children}\n </s>\n );\n});\n\nS.displayName = 'S';\n"],"names":["A","forwardRef","children","className","href","nativeProps","ref","jsx","classNames","classes","B","Strong","I","Em","Mark","Small","Del","Ins","Sub","Sup","Kbd","Code","S"],"mappings":"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"}