UNPKG

koval-ui

Version:

React components collection with minimalistic design. Supports theming, layout, and input validation.

1 lines 7.94 kB
{"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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"}