design-react-kit 5.2.0 → 5.3.0

package/dist/Hero/Hero.cjs

@@ -1,2 +1,2 @@
-"use strict";var H=Object.create;var s=Object.defineProperty;var T=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var g=Object.getPrototypeOf,x=Object.prototype.hasOwnProperty;var u=(e,t)=>{for(var r in t)s(e,r,{get:t[r],enumerable:!0})},i=(e,t,r,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of f(t))!x.call(e,o)&&o!==r&&s(e,o,{get:()=>t[o],enumerable:!(a=T(t,o))||a.enumerable});return e};var n=(e,t,r)=>(r=e!=null?H(g(e)):{},i(t||!e||!e.__esModule?s(r,"default",{value:e,enumerable:!0}):r,e)),v=e=>i(s({},"__esModule",{value:!0}),e);var E={};u(E,{Hero:()=>y});module.exports=v(E);var l=n(require("react"),1),p=n(require("classnames"),1),y=({tag:e="div",small:t,centered:r,overlay:a,overlap:o,className:m,testId:c,...d})=>{let b=(0,p.default)("it-hero-wrapper",m,{"it-overlay":a,["it-"+a]:a,"it-hero-small-size":t,"it-text-centered":r,"it-bottom-overlapping-content":o});return l.default.createElement(e,{className:b,...d,"data-testid":c})};0&&(module.exports={Hero});
+"use strict";var H=Object.create;var a=Object.defineProperty;var T=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var g=Object.getPrototypeOf,x=Object.prototype.hasOwnProperty;var u=(e,t)=>{for(var r in t)a(e,r,{get:t[r],enumerable:!0})},n=(e,t,r,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of f(t))!x.call(e,o)&&o!==r&&a(e,o,{get:()=>t[o],enumerable:!(s=T(t,o))||s.enumerable});return e};var i=(e,t,r)=>(r=e!=null?H(g(e)):{},n(t||!e||!e.__esModule?a(r,"default",{value:e,enumerable:!0}):r,e)),y=e=>n(a({},"__esModule",{value:!0}),e);var L={};u(L,{Hero:()=>E});module.exports=y(L);var l=i(require("classnames"),1),p=i(require("react"),1),E=({tag:e="section",small:t,centered:r,overlay:s,overlap:o,className:m,testId:c,...d})=>{let b=(0,l.default)("it-hero-wrapper",m,{"it-overlay":s,["it-"+s]:s,"it-hero-small-size":t,"it-text-centered":r,"it-bottom-overlapping-content":o});return p.default.createElement(e,{className:b,...d,"data-testid":c})};0&&(module.exports={Hero});
 //# sourceMappingURL=Hero.cjs.map

package/dist/Hero/Hero.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Hero/Hero.tsx"],"sourcesContent":["import React, { FC, HTMLAttributes, ElementType } from 'react';\nimport classname from 'classnames';\n\nexport interface HeroProps extends HTMLAttributes<HTMLElement> {\n  /** Utilizzarlo in caso di utilizzo di componenti personalizzati */\n  tag?: ElementType;\n  /** Indica se il componente Hero deve ridurre l'altezza */\n  small?: boolean;\n  /** Indica al componente Hero di centrare i contenuti testuali orizzontalmente */\n  centered?: boolean;\n  /** Da utilizzare per creare un testi in overlay su immagini, al fine di migliorare la leggibilità di testo */\n  overlay?: 'dark' | 'primary' | 'filter';\n  /** Aggiunge margine negativo in fondo al componente Hero per creare una sovrapposizione con il contenuto seguente. */\n  overlap?: boolean;\n  testId?: string;\n}\n\nexport const Hero: FC<HeroProps> = ({\n  tag: Tag = 'div',\n  small,\n  centered,\n  overlay,\n  overlap,\n  className,\n  testId,\n  ...attributes\n}) => {\n  const classes = classname('it-hero-wrapper', className, {\n    'it-overlay': overlay,\n    ['it-' + overlay]: overlay,\n    'it-hero-small-size': small,\n    'it-text-centered': centered,\n    'it-bottom-overlapping-content': overlap\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,EAAsB,2BAgBTH,EAAsB,CAAC,CAClC,IAAKI,EAAM,MACX,MAAAC,EACA,SAAAC,EACA,QAAAC,EACA,QAAAC,EACA,UAAAC,EACA,OAAAC,EACA,GAAGC,CACL,IAAM,CACJ,IAAMC,KAAU,EAAAC,SAAU,kBAAmBJ,EAAW,CACtD,aAAcF,EACd,CAAC,MAAQA,CAAO,EAAGA,EACnB,qBAAsBF,EACtB,mBAAoBC,EACpB,gCAAiCE,CACnC,CAAC,EACD,OAAO,EAAAM,QAAA,cAACV,EAAA,CAAI,UAAWQ,EAAU,GAAGD,EAAY,cAAaD,EAAQ,CACvE","names":["Hero_exports","__export","Hero","__toCommonJS","import_react","import_classnames","Tag","small","centered","overlay","overlap","className","testId","attributes","classes","classname","React"]}
+{"version":3,"sources":["../../src/Hero/Hero.tsx"],"sourcesContent":["import classname from 'classnames';\nimport React, { ElementType, FC, HTMLAttributes } from 'react';\n\nexport interface HeroProps extends HTMLAttributes<HTMLElement> {\n  /** Utilizzarlo in caso di utilizzo di componenti personalizzati */\n  tag?: ElementType;\n  /** Indica se il componente Hero deve ridurre l'altezza */\n  small?: boolean;\n  /** Indica al componente Hero di centrare i contenuti testuali orizzontalmente */\n  centered?: boolean;\n  /** Da utilizzare per creare un testi in overlay su immagini, al fine di migliorare la leggibilità di testo */\n  overlay?: 'dark' | 'primary' | 'filter';\n  /** Aggiunge margine negativo in fondo al componente Hero per creare una sovrapposizione con il contenuto seguente. */\n  overlap?: boolean;\n  testId?: string;\n}\n\nexport const Hero: FC<HeroProps> = ({\n  tag: Tag = 'section',\n  small,\n  centered,\n  overlay,\n  overlap,\n  className,\n  testId,\n  ...attributes\n}) => {\n  const classes = classname('it-hero-wrapper', className, {\n    'it-overlay': overlay,\n    ['it-' + overlay]: overlay,\n    'it-hero-small-size': small,\n    'it-text-centered': centered,\n    'it-bottom-overlapping-content': overlap\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,EAAsB,2BACtBC,EAAuD,sBAgB1CH,EAAsB,CAAC,CAClC,IAAKI,EAAM,UACX,MAAAC,EACA,SAAAC,EACA,QAAAC,EACA,QAAAC,EACA,UAAAC,EACA,OAAAC,EACA,GAAGC,CACL,IAAM,CACJ,IAAMC,KAAU,EAAAC,SAAU,kBAAmBJ,EAAW,CACtD,aAAcF,EACd,CAAC,MAAQA,CAAO,EAAGA,EACnB,qBAAsBF,EACtB,mBAAoBC,EACpB,gCAAiCE,CACnC,CAAC,EACD,OAAO,EAAAM,QAAA,cAACV,EAAA,CAAI,UAAWQ,EAAU,GAAGD,EAAY,cAAaD,EAAQ,CACvE","names":["Hero_exports","__export","Hero","__toCommonJS","import_classnames","import_react","Tag","small","centered","overlay","overlap","className","testId","attributes","classes","classname","React"]}

package/dist/Hero/Hero.js

@@ -1,6 +1,6 @@
-import React from 'react';
 import classname from 'classnames';
-export const Hero = ({ tag: Tag = 'div', small, centered, overlay, overlap, className, testId, ...attributes }) => {
+import React from 'react';
+export const Hero = ({ tag: Tag = 'section', small, centered, overlay, overlap, className, testId, ...attributes }) => {
     const classes = classname('it-hero-wrapper', className, {
         'it-overlay': overlay,
         ['it-' + overlay]: overlay,

package/dist/Hero/Hero.js.map

@@ -1 +1 @@
-{"version":3,"file":"Hero.js","sourceRoot":"","sources":["../../src/Hero/Hero.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAC/D,OAAO,SAAS,MAAM,YAAY,CAAC;AAgBnC,MAAM,CAAC,MAAM,IAAI,GAAkB,CAAC,EAClC,GAAG,EAAE,GAAG,GAAG,KAAK,EAChB,KAAK,EACL,QAAQ,EACR,OAAO,EACP,OAAO,EACP,SAAS,EACT,MAAM,EACN,GAAG,UAAU,EACd,EAAE,EAAE;IACH,MAAM,OAAO,GAAG,SAAS,CAAC,iBAAiB,EAAE,SAAS,EAAE;QACtD,YAAY,EAAE,OAAO;QACrB,CAAC,KAAK,GAAG,OAAO,CAAC,EAAE,OAAO;QAC1B,oBAAoB,EAAE,KAAK;QAC3B,kBAAkB,EAAE,QAAQ;QAC5B,+BAA+B,EAAE,OAAO;KACzC,CAAC,CAAC;IACH,OAAO,oBAAC,GAAG,IAAC,SAAS,EAAE,OAAO,KAAM,UAAU,iBAAe,MAAM,GAAI,CAAC;AAC1E,CAAC,CAAC"}
+{"version":3,"file":"Hero.js","sourceRoot":"","sources":["../../src/Hero/Hero.tsx"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,KAA0C,MAAM,OAAO,CAAC;AAgB/D,MAAM,CAAC,MAAM,IAAI,GAAkB,CAAC,EAClC,GAAG,EAAE,GAAG,GAAG,SAAS,EACpB,KAAK,EACL,QAAQ,EACR,OAAO,EACP,OAAO,EACP,SAAS,EACT,MAAM,EACN,GAAG,UAAU,EACd,EAAE,EAAE;IACH,MAAM,OAAO,GAAG,SAAS,CAAC,iBAAiB,EAAE,SAAS,EAAE;QACtD,YAAY,EAAE,OAAO;QACrB,CAAC,KAAK,GAAG,OAAO,CAAC,EAAE,OAAO;QAC1B,oBAAoB,EAAE,KAAK;QAC3B,kBAAkB,EAAE,QAAQ;QAC5B,+BAA+B,EAAE,OAAO;KACzC,CAAC,CAAC;IACH,OAAO,oBAAC,GAAG,IAAC,SAAS,EAAE,OAAO,KAAM,UAAU,iBAAe,MAAM,GAAI,CAAC;AAC1E,CAAC,CAAC"}

package/dist/Hero/index.cjs

@@ -1,2 +1,2 @@
-"use strict";var S=Object.create;var l=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var z=Object.getOwnPropertyNames;var j=Object.getPrototypeOf,q=Object.prototype.hasOwnProperty;var D=(t,e)=>{for(var o in e)l(t,o,{get:e[o],enumerable:!0})},f=(t,e,o,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of z(e))!q.call(t,n)&&n!==o&&l(t,n,{get:()=>e[n],enumerable:!(r=h(e,n))||r.enumerable});return t};var s=(t,e,o)=>(o=t!=null?S(j(t)):{},f(e||!t||!t.__esModule?l(o,"default",{value:t,enumerable:!0}):o,t)),G=t=>f(l({},"__esModule",{value:!0}),t);var J={};D(J,{Hero:()=>B,HeroBackground:()=>T,HeroBody:()=>C,HeroButton:()=>F,HeroCategory:()=>E,HeroTitle:()=>w});module.exports=G(J);var g=s(require("react"),1),x=s(require("classnames"),1),B=({tag:t="div",small:e,centered:o,overlay:r,overlap:n,className:m,testId:d,...c})=>{let u=(0,x.default)("it-hero-wrapper",m,{"it-overlay":r,["it-"+r]:r,"it-hero-small-size":e,"it-text-centered":o,"it-bottom-overlapping-content":n});return g.default.createElement(t,{className:u,...c,"data-testid":d})};var i=s(require("react"),1),T=({alt:t,testId:e,...o})=>i.default.createElement("div",{className:"img-responsive-wrapper","data-testid":e},i.default.createElement("div",{className:"img-responsive"},i.default.createElement("div",{className:"img-wrapper"},i.default.createElement("img",{...o,alt:t}))));var p=s(require("react"),1),b=s(require("classnames"),1),a=require("reactstrap"),C=({children:t,className:e,testId:o})=>{let r=(0,b.default)("it-hero-text-wrapper","bg-dark",e);return p.default.createElement(a.Container,null,p.default.createElement(a.Row,null,p.default.createElement(a.Col,null,p.default.createElement("div",{className:r,"data-testid":o},t))))};var H=s(require("react"),1),v=s(require("classnames"),1);var y=s(require("react"),1),P=s(require("classnames"),1),M=require("reactstrap"),L=({tag:t="button",icon:e=!1,color:o="",className:r,testId:n,...m})=>{let d=(0,P.default)(r,{"btn-icon":e}),c={...m.disabled&&{"aria-disabled":!0}};return y.default.createElement(M.Button,{className:d,"data-testid":n,...{color:o,tag:t},...m,...c})};var F=({wrapperClassName:t,testId:e,...o})=>{let r=(0,v.default)("it-btn-container",t);return H.default.createElement("div",{className:r,"data-testid":e},H.default.createElement(L,{size:"sm",...o}))};var N=s(require("react"),1),A=s(require("classnames"),1),E=({className:t,testId:e,...o})=>{let r=(0,A.default)("it-category",t);return N.default.createElement("span",{...o,className:r,"data-testid":e})};var k=s(require("react"),1),I=s(require("classnames"),1),w=({tag:t="h1",className:e,testId:o,...r})=>{let n=(0,I.default)(e);return k.default.createElement(t,{...r,className:n,"data-testid":o})};0&&(module.exports={Hero,HeroBackground,HeroBody,HeroButton,HeroCategory,HeroTitle});
+"use strict";var S=Object.create;var l=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var z=Object.getOwnPropertyNames;var j=Object.getPrototypeOf,q=Object.prototype.hasOwnProperty;var D=(t,e)=>{for(var o in e)l(t,o,{get:e[o],enumerable:!0})},f=(t,e,o,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of z(e))!q.call(t,n)&&n!==o&&l(t,n,{get:()=>e[n],enumerable:!(r=h(e,n))||r.enumerable});return t};var s=(t,e,o)=>(o=t!=null?S(j(t)):{},f(e||!t||!t.__esModule?l(o,"default",{value:t,enumerable:!0}):o,t)),G=t=>f(l({},"__esModule",{value:!0}),t);var J={};D(J,{Hero:()=>B,HeroBackground:()=>T,HeroBody:()=>C,HeroButton:()=>F,HeroCategory:()=>E,HeroTitle:()=>w});module.exports=G(J);var g=s(require("classnames"),1),x=s(require("react"),1),B=({tag:t="section",small:e,centered:o,overlay:r,overlap:n,className:m,testId:d,...c})=>{let u=(0,g.default)("it-hero-wrapper",m,{"it-overlay":r,["it-"+r]:r,"it-hero-small-size":e,"it-text-centered":o,"it-bottom-overlapping-content":n});return x.default.createElement(t,{className:u,...c,"data-testid":d})};var i=s(require("react"),1),T=({alt:t,testId:e,...o})=>i.default.createElement("div",{className:"img-responsive-wrapper","data-testid":e},i.default.createElement("div",{className:"img-responsive"},i.default.createElement("div",{className:"img-wrapper"},i.default.createElement("img",{...o,alt:t}))));var p=s(require("react"),1),b=s(require("classnames"),1),a=require("reactstrap"),C=({children:t,className:e,testId:o})=>{let r=(0,b.default)("it-hero-text-wrapper","bg-dark",e);return p.default.createElement(a.Container,null,p.default.createElement(a.Row,null,p.default.createElement(a.Col,null,p.default.createElement("div",{className:r,"data-testid":o},t))))};var H=s(require("react"),1),v=s(require("classnames"),1);var y=s(require("react"),1),P=s(require("classnames"),1),M=require("reactstrap"),L=({tag:t="button",icon:e=!1,color:o="",className:r,testId:n,...m})=>{let d=(0,P.default)(r,{"btn-icon":e}),c={...m.disabled&&{"aria-disabled":!0}};return y.default.createElement(M.Button,{className:d,"data-testid":n,...{color:o,tag:t},...m,...c})};var F=({wrapperClassName:t,testId:e,...o})=>{let r=(0,v.default)("it-btn-container",t);return H.default.createElement("div",{className:r,"data-testid":e},H.default.createElement(L,{size:"sm",...o}))};var N=s(require("react"),1),A=s(require("classnames"),1),E=({className:t,testId:e,...o})=>{let r=(0,A.default)("it-category",t);return N.default.createElement("span",{...o,className:r,"data-testid":e})};var k=s(require("react"),1),I=s(require("classnames"),1),w=({tag:t="h1",className:e,testId:o,...r})=>{let n=(0,I.default)(e);return k.default.createElement(t,{...r,className:n,"data-testid":o})};0&&(module.exports={Hero,HeroBackground,HeroBody,HeroButton,HeroCategory,HeroTitle});
 //# sourceMappingURL=index.cjs.map

package/dist/Hero/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Hero/index.ts","../../src/Hero/Hero.tsx","../../src/Hero/HeroBackground.tsx","../../src/Hero/HeroBody.tsx","../../src/Hero/HeroButton.tsx","../../src/Button/Button.tsx","../../src/Hero/HeroCategory.tsx","../../src/Hero/HeroTitle.tsx"],"sourcesContent":["export { Hero } from './Hero';\nexport { HeroBackground } from './HeroBackground';\nexport { HeroBody } from './HeroBody';\nexport { HeroButton } from './HeroButton';\nexport { HeroCategory } from './HeroCategory';\nexport { HeroTitle } from './HeroTitle';\n\nexport type { HeroProps } from './Hero';\nexport type { HeroBackgroundProps } from './HeroBackground';\nexport type { HeroBodyProps } from './HeroBody';\nexport type { HeroButtonProps } from './HeroButton';\nexport type { HeroCategoryProps } from './HeroCategory';\nexport type { HeroTitleProps } from './HeroTitle';\n","import React, { FC, HTMLAttributes, ElementType } from 'react';\nimport classname from 'classnames';\n\nexport interface HeroProps extends HTMLAttributes<HTMLElement> {\n  /** Utilizzarlo in caso di utilizzo di componenti personalizzati */\n  tag?: ElementType;\n  /** Indica se il componente Hero deve ridurre l'altezza */\n  small?: boolean;\n  /** Indica al componente Hero di centrare i contenuti testuali orizzontalmente */\n  centered?: boolean;\n  /** Da utilizzare per creare un testi in overlay su immagini, al fine di migliorare la leggibilità di testo */\n  overlay?: 'dark' | 'primary' | 'filter';\n  /** Aggiunge margine negativo in fondo al componente Hero per creare una sovrapposizione con il contenuto seguente. */\n  overlap?: boolean;\n  testId?: string;\n}\n\nexport const Hero: FC<HeroProps> = ({\n  tag: Tag = 'div',\n  small,\n  centered,\n  overlay,\n  overlap,\n  className,\n  testId,\n  ...attributes\n}) => {\n  const classes = classname('it-hero-wrapper', className, {\n    'it-overlay': overlay,\n    ['it-' + overlay]: overlay,\n    'it-hero-small-size': small,\n    'it-text-centered': centered,\n    'it-bottom-overlapping-content': overlap\n  });\n  return <Tag className={classes} {...attributes} data-testid={testId} />;\n};\n","import React, { FC, HTMLAttributes } from 'react';\n\nexport interface HeroBackgroundProps extends HTMLAttributes<HTMLImageElement> {\n  /** Un testo alternativo per descrivere l'immagine mostrata */\n  alt: string;\n  /** L'URI dell'immagine da mostrare */\n  src: string;\n  /** Il titolo dell'immagine */\n  title?: string;\n  testId?: string;\n}\n\nexport const HeroBackground: FC<HeroBackgroundProps> = ({ alt, testId, ...attributes }) => {\n  return (\n    <div className='img-responsive-wrapper' data-testid={testId}>\n      <div className='img-responsive'>\n        <div className='img-wrapper'>\n          <img {...attributes} alt={alt} />\n        </div>\n      </div>\n    </div>\n  );\n};\n","import React, { FC, HTMLAttributes } from 'react';\nimport classname from 'classnames';\nimport { Col, Container, Row } from 'reactstrap';\n\nexport interface HeroBodyProps extends HTMLAttributes<HTMLElement> {\n  /** Eventuali classi aggiuntive */\n  className?: string;\n  testId?: string;\n}\n\nexport const HeroBody: FC<HeroBodyProps> = ({ children, className, testId }) => {\n  const classes = classname('it-hero-text-wrapper', 'bg-dark', className);\n  return (\n    <Container>\n      <Row>\n        <Col>\n          <div className={classes} data-testid={testId}>\n            {children}\n          </div>\n        </Col>\n      </Row>\n    </Container>\n  );\n};\n","import React, { FC } from 'react';\nimport classname from 'classnames';\nimport { Button, ButtonProps } from '../Button/Button';\n\nexport interface HeroButtonProps extends ButtonProps {\n  wrapperClassName?: string;\n  testId?: string;\n}\n\nexport const HeroButton: FC<HeroButtonProps> = ({ wrapperClassName, testId, ...attributes }) => {\n  const classes = classname('it-btn-container', wrapperClassName);\n  return (\n    <div className={classes} data-testid={testId}>\n      <Button size='sm' {...attributes} />\n    </div>\n  );\n};\n","import React, { FC, ButtonHTMLAttributes, ElementType, Ref } from 'react';\nimport classNames from 'classnames';\n\nimport { Button as ButtonBase } from 'reactstrap';\nimport { CSSModule } from 'reactstrap/types/lib/utils';\n\n// reactstrap wrapper\nexport interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Quando abilitato, estende il componente Button fino a prendere tutta la larghezza disponibile */\n  block?: boolean;\n  /** Utilizzarlo disabilitare il colore di sfondo, ed applicarlo invece al bordo.  */\n  outline?: boolean;\n  /** Utilizzarlo in caso di componenti personalizzati */\n  tag?: ElementType;\n  /** Classi aggiuntive da usare per il componente Button */\n  className?: string;\n  /** Oggetto contenente la nuova mappatura per le classi CSS. */\n  cssModule?: CSSModule;\n  innerRef?: Ref<HTMLButtonElement>;\n  /** Da utilizzare si usa una icona nel contenuto del Button */\n  icon?: boolean;\n  /** Da utilizzare per le varianti di dimensione del componente Button */\n  size?: 'lg' | 'sm' | 'xs';\n  /** Da utilizzare per i bottoni di chiusura all'interno di altri componenti (i.e. Chips, Modali, etc...) */\n  close?: boolean;\n  active?: boolean;\n  href?: string;\n  testId?: string;\n}\n\nexport const Button: FC<ButtonProps> = ({\n  tag = 'button',\n  icon = false,\n  color = '',\n  className,\n  testId,\n  ...attributes\n}) => {\n  const classes = classNames(className, {\n    'btn-icon': icon\n  });\n\n  const ariaAttributes = {\n    ...(attributes.disabled && { 'aria-disabled': true })\n  };\n\n  const baseProps = { color, tag };\n\n  return <ButtonBase className={classes} data-testid={testId} {...baseProps} {...attributes} {...ariaAttributes} />;\n};\n","import React, { FC, HTMLAttributes } from 'react';\nimport classname from 'classnames';\n\nexport interface HeroCategoryProps extends HTMLAttributes<HTMLSpanElement> {\n  /** Eventuali classi aggiuntive per la categoria */\n  className?: string;\n  testId?: string;\n}\n\nexport const HeroCategory: FC<HeroCategoryProps> = ({ className, testId, ...attributes }) => {\n  const classes = classname('it-category', className);\n  return <span {...attributes} className={classes} data-testid={testId} />;\n};\n","import React, { ElementType, FC, HTMLAttributes } from 'react';\nimport classname from 'classnames';\n\nexport interface HeroTitleProps extends HTMLAttributes<HTMLSpanElement> {\n  /** Indica il tag da utilizzare per il titolo */\n  tag?: ElementType;\n  testId?: string;\n}\n\nexport const HeroTitle: FC<HeroTitleProps> = ({ tag: Tag = 'h1', className, testId, ...attributes }) => {\n  const classes = classname(className);\n  return <Tag {...attributes} className={classes} data-testid={testId} />;\n};\n"],"mappings":"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","names":["Hero_exports","__export","Hero","HeroBackground","HeroBody","HeroButton","HeroCategory","HeroTitle","__toCommonJS","import_react","import_classnames","Hero","Tag","small","centered","overlay","overlap","className","testId","attributes","classes","classname","React","import_react","HeroBackground","alt","testId","attributes","React","import_react","import_classnames","import_reactstrap","HeroBody","children","className","testId","classes","classname","React","import_react","import_classnames","import_react","import_classnames","import_reactstrap","Button","tag","icon","color","className","testId","attributes","classes","classNames","ariaAttributes","React","ButtonBase","HeroButton","wrapperClassName","testId","attributes","classes","classname","React","Button","import_react","import_classnames","HeroCategory","className","testId","attributes","classes","classname","React","import_react","import_classnames","HeroTitle","Tag","className","testId","attributes","classes","classname","React"]}
+{"version":3,"sources":["../../src/Hero/index.ts","../../src/Hero/Hero.tsx","../../src/Hero/HeroBackground.tsx","../../src/Hero/HeroBody.tsx","../../src/Hero/HeroButton.tsx","../../src/Button/Button.tsx","../../src/Hero/HeroCategory.tsx","../../src/Hero/HeroTitle.tsx"],"sourcesContent":["export { Hero } from './Hero';\nexport { HeroBackground } from './HeroBackground';\nexport { HeroBody } from './HeroBody';\nexport { HeroButton } from './HeroButton';\nexport { HeroCategory } from './HeroCategory';\nexport { HeroTitle } from './HeroTitle';\n\nexport type { HeroProps } from './Hero';\nexport type { HeroBackgroundProps } from './HeroBackground';\nexport type { HeroBodyProps } from './HeroBody';\nexport type { HeroButtonProps } from './HeroButton';\nexport type { HeroCategoryProps } from './HeroCategory';\nexport type { HeroTitleProps } from './HeroTitle';\n","import classname from 'classnames';\nimport React, { ElementType, FC, HTMLAttributes } from 'react';\n\nexport interface HeroProps extends HTMLAttributes<HTMLElement> {\n  /** Utilizzarlo in caso di utilizzo di componenti personalizzati */\n  tag?: ElementType;\n  /** Indica se il componente Hero deve ridurre l'altezza */\n  small?: boolean;\n  /** Indica al componente Hero di centrare i contenuti testuali orizzontalmente */\n  centered?: boolean;\n  /** Da utilizzare per creare un testi in overlay su immagini, al fine di migliorare la leggibilità di testo */\n  overlay?: 'dark' | 'primary' | 'filter';\n  /** Aggiunge margine negativo in fondo al componente Hero per creare una sovrapposizione con il contenuto seguente. */\n  overlap?: boolean;\n  testId?: string;\n}\n\nexport const Hero: FC<HeroProps> = ({\n  tag: Tag = 'section',\n  small,\n  centered,\n  overlay,\n  overlap,\n  className,\n  testId,\n  ...attributes\n}) => {\n  const classes = classname('it-hero-wrapper', className, {\n    'it-overlay': overlay,\n    ['it-' + overlay]: overlay,\n    'it-hero-small-size': small,\n    'it-text-centered': centered,\n    'it-bottom-overlapping-content': overlap\n  });\n  return <Tag className={classes} {...attributes} data-testid={testId} />;\n};\n","import React, { FC, HTMLAttributes } from 'react';\n\nexport interface HeroBackgroundProps extends HTMLAttributes<HTMLImageElement> {\n  /** Un testo alternativo per descrivere l'immagine mostrata */\n  alt: string;\n  /** L'URI dell'immagine da mostrare */\n  src: string;\n  /** Il titolo dell'immagine */\n  title?: string;\n  testId?: string;\n}\n\nexport const HeroBackground: FC<HeroBackgroundProps> = ({ alt, testId, ...attributes }) => {\n  return (\n    <div className='img-responsive-wrapper' data-testid={testId}>\n      <div className='img-responsive'>\n        <div className='img-wrapper'>\n          <img {...attributes} alt={alt} />\n        </div>\n      </div>\n    </div>\n  );\n};\n","import React, { FC, HTMLAttributes } from 'react';\nimport classname from 'classnames';\nimport { Col, Container, Row } from 'reactstrap';\n\nexport interface HeroBodyProps extends HTMLAttributes<HTMLElement> {\n  /** Eventuali classi aggiuntive */\n  className?: string;\n  testId?: string;\n}\n\nexport const HeroBody: FC<HeroBodyProps> = ({ children, className, testId }) => {\n  const classes = classname('it-hero-text-wrapper', 'bg-dark', className);\n  return (\n    <Container>\n      <Row>\n        <Col>\n          <div className={classes} data-testid={testId}>\n            {children}\n          </div>\n        </Col>\n      </Row>\n    </Container>\n  );\n};\n","import React, { FC } from 'react';\nimport classname from 'classnames';\nimport { Button, ButtonProps } from '../Button/Button';\n\nexport interface HeroButtonProps extends ButtonProps {\n  wrapperClassName?: string;\n  testId?: string;\n}\n\nexport const HeroButton: FC<HeroButtonProps> = ({ wrapperClassName, testId, ...attributes }) => {\n  const classes = classname('it-btn-container', wrapperClassName);\n  return (\n    <div className={classes} data-testid={testId}>\n      <Button size='sm' {...attributes} />\n    </div>\n  );\n};\n","import React, { FC, ButtonHTMLAttributes, ElementType, Ref } from 'react';\nimport classNames from 'classnames';\n\nimport { Button as ButtonBase } from 'reactstrap';\nimport { CSSModule } from 'reactstrap/types/lib/utils';\n\n// reactstrap wrapper\nexport interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Quando abilitato, estende il componente Button fino a prendere tutta la larghezza disponibile */\n  block?: boolean;\n  /** Utilizzarlo disabilitare il colore di sfondo, ed applicarlo invece al bordo.  */\n  outline?: boolean;\n  /** Utilizzarlo in caso di componenti personalizzati */\n  tag?: ElementType;\n  /** Classi aggiuntive da usare per il componente Button */\n  className?: string;\n  /** Oggetto contenente la nuova mappatura per le classi CSS. */\n  cssModule?: CSSModule;\n  innerRef?: Ref<HTMLButtonElement>;\n  /** Da utilizzare si usa una icona nel contenuto del Button */\n  icon?: boolean;\n  /** Da utilizzare per le varianti di dimensione del componente Button */\n  size?: 'lg' | 'sm' | 'xs';\n  /** Da utilizzare per i bottoni di chiusura all'interno di altri componenti (i.e. Chips, Modali, etc...) */\n  close?: boolean;\n  active?: boolean;\n  href?: string;\n  testId?: string;\n}\n\nexport const Button: FC<ButtonProps> = ({\n  tag = 'button',\n  icon = false,\n  color = '',\n  className,\n  testId,\n  ...attributes\n}) => {\n  const classes = classNames(className, {\n    'btn-icon': icon\n  });\n\n  const ariaAttributes = {\n    ...(attributes.disabled && { 'aria-disabled': true })\n  };\n\n  const baseProps = { color, tag };\n\n  return <ButtonBase className={classes} data-testid={testId} {...baseProps} {...attributes} {...ariaAttributes} />;\n};\n","import React, { FC, HTMLAttributes } from 'react';\nimport classname from 'classnames';\n\nexport interface HeroCategoryProps extends HTMLAttributes<HTMLSpanElement> {\n  /** Eventuali classi aggiuntive per la categoria */\n  className?: string;\n  testId?: string;\n}\n\nexport const HeroCategory: FC<HeroCategoryProps> = ({ className, testId, ...attributes }) => {\n  const classes = classname('it-category', className);\n  return <span {...attributes} className={classes} data-testid={testId} />;\n};\n","import React, { ElementType, FC, HTMLAttributes } from 'react';\nimport classname from 'classnames';\n\nexport interface HeroTitleProps extends HTMLAttributes<HTMLSpanElement> {\n  /** Indica il tag da utilizzare per il titolo */\n  tag?: ElementType;\n  testId?: string;\n}\n\nexport const HeroTitle: FC<HeroTitleProps> = ({ tag: Tag = 'h1', className, testId, ...attributes }) => {\n  const classes = classname(className);\n  return <Tag {...attributes} className={classes} data-testid={testId} />;\n};\n"],"mappings":"0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,UAAAE,EAAA,mBAAAC,EAAA,aAAAC,EAAA,eAAAC,EAAA,iBAAAC,EAAA,cAAAC,IAAA,eAAAC,EAAAR,GCAA,IAAAS,EAAsB,2BACtBC,EAAuD,sBAgB1CC,EAAsB,CAAC,CAClC,IAAKC,EAAM,UACX,MAAAC,EACA,SAAAC,EACA,QAAAC,EACA,QAAAC,EACA,UAAAC,EACA,OAAAC,EACA,GAAGC,CACL,IAAM,CACJ,IAAMC,KAAU,EAAAC,SAAU,kBAAmBJ,EAAW,CACtD,aAAcF,EACd,CAAC,MAAQA,CAAO,EAAGA,EACnB,qBAAsBF,EACtB,mBAAoBC,EACpB,gCAAiCE,CACnC,CAAC,EACD,OAAO,EAAAM,QAAA,cAACV,EAAA,CAAI,UAAWQ,EAAU,GAAGD,EAAY,cAAaD,EAAQ,CACvE,ECnCA,IAAAK,EAA0C,sBAY7BC,EAA0C,CAAC,CAAE,IAAAC,EAAK,OAAAC,EAAQ,GAAGC,CAAW,IAEjF,EAAAC,QAAA,cAAC,OAAI,UAAU,yBAAyB,cAAaF,GACnD,EAAAE,QAAA,cAAC,OAAI,UAAU,kBACb,EAAAA,QAAA,cAAC,OAAI,UAAU,eACb,EAAAA,QAAA,cAAC,OAAK,GAAGD,EAAY,IAAKF,EAAK,CACjC,CACF,CACF,ECpBJ,IAAAI,EAA0C,sBAC1CC,EAAsB,2BACtBC,EAAoC,sBAQvBC,EAA8B,CAAC,CAAE,SAAAC,EAAU,UAAAC,EAAW,OAAAC,CAAO,IAAM,CAC9E,IAAMC,KAAU,EAAAC,SAAU,uBAAwB,UAAWH,CAAS,EACtE,OACE,EAAAI,QAAA,cAAC,iBACC,EAAAA,QAAA,cAAC,WACC,EAAAA,QAAA,cAAC,WACC,EAAAA,QAAA,cAAC,OAAI,UAAWF,EAAS,cAAaD,GACnCF,CACH,CACF,CACF,CACF,CAEJ,ECvBA,IAAAM,EAA0B,sBAC1BC,EAAsB,2BCDtB,IAAAC,EAAkE,sBAClEC,EAAuB,2BAEvBC,EAAqC,sBA2BxBC,EAA0B,CAAC,CACtC,IAAAC,EAAM,SACN,KAAAC,EAAO,GACP,MAAAC,EAAQ,GACR,UAAAC,EACA,OAAAC,EACA,GAAGC,CACL,IAAM,CACJ,IAAMC,KAAU,EAAAC,SAAWJ,EAAW,CACpC,WAAYF,CACd,CAAC,EAEKO,EAAiB,CACrB,GAAIH,EAAW,UAAY,CAAE,gBAAiB,EAAK,CACrD,EAIA,OAAO,EAAAI,QAAA,cAAC,EAAAC,OAAA,CAAW,UAAWJ,EAAS,cAAaF,EAAS,GAF3C,CAAE,MAAAF,EAAO,IAAAF,CAAI,EAE6C,GAAGK,EAAa,GAAGG,EAAgB,CACjH,EDxCO,IAAMG,EAAkC,CAAC,CAAE,iBAAAC,EAAkB,OAAAC,EAAQ,GAAGC,CAAW,IAAM,CAC9F,IAAMC,KAAU,EAAAC,SAAU,mBAAoBJ,CAAgB,EAC9D,OACE,EAAAK,QAAA,cAAC,OAAI,UAAWF,EAAS,cAAaF,GACpC,EAAAI,QAAA,cAACC,EAAA,CAAO,KAAK,KAAM,GAAGJ,EAAY,CACpC,CAEJ,EEhBA,IAAAK,EAA0C,sBAC1CC,EAAsB,2BAQTC,EAAsC,CAAC,CAAE,UAAAC,EAAW,OAAAC,EAAQ,GAAGC,CAAW,IAAM,CAC3F,IAAMC,KAAU,EAAAC,SAAU,cAAeJ,CAAS,EAClD,OAAO,EAAAK,QAAA,cAAC,QAAM,GAAGH,EAAY,UAAWC,EAAS,cAAaF,EAAQ,CACxE,ECZA,IAAAK,EAAuD,sBACvDC,EAAsB,2BAQTC,EAAgC,CAAC,CAAE,IAAKC,EAAM,KAAM,UAAAC,EAAW,OAAAC,EAAQ,GAAGC,CAAW,IAAM,CACtG,IAAMC,KAAU,EAAAC,SAAUJ,CAAS,EACnC,OAAO,EAAAK,QAAA,cAACN,EAAA,CAAK,GAAGG,EAAY,UAAWC,EAAS,cAAaF,EAAQ,CACvE","names":["Hero_exports","__export","Hero","HeroBackground","HeroBody","HeroButton","HeroCategory","HeroTitle","__toCommonJS","import_classnames","import_react","Hero","Tag","small","centered","overlay","overlap","className","testId","attributes","classes","classname","React","import_react","HeroBackground","alt","testId","attributes","React","import_react","import_classnames","import_reactstrap","HeroBody","children","className","testId","classes","classname","React","import_react","import_classnames","import_react","import_classnames","import_reactstrap","Button","tag","icon","color","className","testId","attributes","classes","classNames","ariaAttributes","React","ButtonBase","HeroButton","wrapperClassName","testId","attributes","classes","classname","React","Button","import_react","import_classnames","HeroCategory","className","testId","attributes","classes","classname","React","import_react","import_classnames","HeroTitle","Tag","className","testId","attributes","classes","classname","React"]}