design-react-kit/dist/Chips/Chip.cjs.map

Componenti React per Bootstrap 5

{"version":3,"sources":["../../src/Chips/Chip.tsx"],"sourcesContent":["import React, { HTMLAttributes, FC, ElementType } from 'react';\nimport classNames from 'classnames';\n\nexport interface ChipProps extends HTMLAttributes<HTMLElement> {\n  /** Utilizzarlo in caso di utilizzo di componenti personalizzati */\n  tag?: ElementType;\n  /** Classi aggiuntive da usare per il componente Chip */\n  className?: string;\n  /** Impostarlo su `true` per centrare la label all'interno */\n  simple?: boolean;\n  /** Impostarlo su `true` per una versione più grande del componente Chip. */\n  large?: boolean;\n  /** Impostarlo su `true` per renderizzare il componente Chip come disabilitato */\n  disabled?: boolean;\n  /** Le varianti di colore definite in Bootstrap Italia */\n  color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | string;\n  testId?: string;\n}\n\nexport const Chip: FC<ChipProps> = ({\n  className,\n  color = '',\n  tag = 'div',\n  simple = false,\n  large = false,\n  disabled = false,\n  testId,\n  ...attributes\n}) => {\n  const Tag = tag;\n  const classes = classNames('chip', className, {\n    'chip-simple': simple,\n    'chip-lg': large,\n    'chip-disabled': disabled,\n    [`chip-${color}`]: color\n  });\n\n  return <Tag className={classes} {...attributes} data-testid={testId} />;\n};\n"],"mappings":"0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,UAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAuD,sBACvDC,EAAuB,2BAkBVH,EAAsB,CAAC,CAClC,UAAAI,EACA,MAAAC,EAAQ,GACR,IAAAC,EAAM,MACN,OAAAC,EAAS,GACT,MAAAC,EAAQ,GACR,SAAAC,EAAW,GACX,OAAAC,EACA,GAAGC,CACL,IAAM,CACJ,IAAMC,EAAMN,EACNO,KAAU,EAAAC,SAAW,OAAQV,EAAW,CAC5C,cAAeG,EACf,UAAWC,EACX,gBAAiBC,EACjB,CAAC,QAAQJ,CAAK,EAAE,EAAGA,CACrB,CAAC,EAED,OAAO,EAAAU,QAAA,cAACH,EAAA,CAAI,UAAWC,EAAU,GAAGF,EAAY,cAAaD,EAAQ,CACvE","names":["Chip_exports","__export","Chip","__toCommonJS","import_react","import_classnames","className","color","tag","simple","large","disabled","testId","attributes","Tag","classes","classNames","React"]}