@rdsaude/pulso-react-components/dist/components/card-shape/index.cjs.map

Biblioteca de componentes React do Pulso Design System da RD Saúde oferece componentes consistentes e de alto desempenho, alinhados com os padrões da RDSaúde. Ideal para desenvolver aplicações modernas e acessíveis.

{"version":3,"sources":["../../../src/components/card-shape/index.ts","../../../src/utils/tv.ts","../../../src/components/card-shape/card-shape.styles.ts","../../../src/components/card-shape/card-shape.tsx"],"sourcesContent":["export { CardShape } from './card-shape'\nexport type { CardShapeProps } from './card-shape.types'\n","import { type VariantProps, createTV } from 'tailwind-variants'\n\nexport const tv = createTV({\n  twMerge: true,\n  twMergeConfig: {\n    extend: {\n      classGroups: {\n        'font-size': [\n          {\n            text: ['threepulse', 'threeandhalfpulse'],\n          },\n        ],\n        'border-width': [\n          {\n            border: ['quarterpulse', 'halfpulse'],\n          },\n        ],\n        '--tw-ring-inset': [\n          {\n            ring: ['none', 'quarterpulse', 'halfpulse'],\n          },\n        ],\n      },\n    },\n  },\n})\n\nexport type { VariantProps }\n","import { tv } from '~/utils/tv'\n\n// @TODO - Exchange for a semantic token\nexport const CardShapeVariants = tv({\n  base: `\n    flex flex-row border-[var(--color-container-border-default)] border-quarterpulse rounded-mediumcontainer p-threepulse bg-[var(--color-container-fill-default)] gap-none\n    hover:border-[var(--color-container-border-hovered)] hover:bg-[var(--color-container-fill-hovered)]\n    focus:border-halfpulse focus:border-[var(--color-container-border-focused)] focus:bg-[var(--color-container-fill-focused)] focus:outline-none\n    focus-visible:border-halfpulse focus-visible:border-[var(--color-container-border-focused)] focus-visible:bg-[var(--color-container-fill-focused)]\n    active:bg-[var(--color-container-fill-pressed)] active:border-[var(--color-container-border-pressed)]\n    disabled:bg-[var(--color-container-fill-disabled)] disabled:border-[var(--color-container-border-disabled)]\n  `,\n  variants: {\n    isActivated: {\n      true: `\n        bg-[var(--color-container-fill-focused)]\n        border-[var(--color-container-border-focused)]\n        border-halfpulse\n        hover:bg-[var(--color-container-fill-focused)]\n        hover:border-[var(--color-container-border-focused)]\n      `,\n    },\n  },\n})\n","import { CardShapeVariants } from './card-shape.styles'\nimport type { CardShapeProps } from './card-shape.types'\n\nexport const CardShape = (props: CardShapeProps) => {\n  const { disabled, children, isActivated = false, onClick } = props\n\n  const cardShapeProps = {\n    disabled,\n    onClick,\n  }\n\n  return (\n    <button\n      {...cardShapeProps}\n      className={CardShapeVariants({\n        isActivated,\n      })}\n      type=\"button\"\n      data-testid=\"card-shape-main\"\n      style={\n        // @TODO - Exchange for a semantic token\n        {\n          '--color-container-border-default': '#E6E6E6',\n          '--color-container-fill-default': '#FFF',\n\n          '--color-container-border-hovered': '#D1D1D1',\n          '--color-container-fill-hovered': '#F2F2F2',\n\n          '--color-container-border-pressed': '#D1D1D1',\n          '--color-container-fill-pressed': '#E6E6E6',\n\n          '--color-container-border-focused': '#000',\n          '--color-container-fill-focused': '#F2F2F2',\n\n          '--color-container-border-disabled': '#D1D1D1',\n          '--color-container-fill-disabled': '#FFF',\n        } as Record<string, string>\n      }\n    >\n      {children}\n    </button>\n  )\n}\n"],"mappings":"owBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,eAAAE,IAAA,eAAAC,EAAAH,GCAA,IAAAI,EAA4C,6BAE/BC,KAAK,YAAS,CACzB,QAAS,GACT,cAAe,CACb,OAAQ,CACN,YAAa,CACX,YAAa,CACX,CACE,KAAM,CAAC,aAAc,mBAAmB,CAC1C,CACF,EACA,eAAgB,CACd,CACE,OAAQ,CAAC,eAAgB,WAAW,CACtC,CACF,EACA,kBAAmB,CACjB,CACE,KAAM,CAAC,OAAQ,eAAgB,WAAW,CAC5C,CACF,CACF,CACF,CACF,CACF,CAAC,ECtBM,IAAMC,EAAoBC,EAAG,CAClC,KAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQN,SAAU,CACR,YAAa,CACX,KAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAOR,CACF,CACF,CAAC,ECXG,IAAAC,EAAA,6BATSC,EAAaC,GAA0B,CAClD,GAAM,CAAE,SAAAC,EAAU,SAAAC,EAAU,YAAAC,EAAc,GAAO,QAAAC,CAAQ,EAAIJ,EAO7D,SACE,OAAC,SAAAK,EAAAC,EAAA,GANoB,CACrB,SAAAL,EACA,QAAAG,CACF,GAGG,CAEC,UAAWG,EAAkB,CAC3B,YAAAJ,CACF,CAAC,EACD,KAAK,SACL,cAAY,kBACZ,MAEE,CACE,mCAAoC,UACpC,iCAAkC,OAElC,mCAAoC,UACpC,iCAAkC,UAElC,mCAAoC,UACpC,iCAAkC,UAElC,mCAAoC,OACpC,iCAAkC,UAElC,oCAAqC,UACrC,kCAAmC,MACrC,EAGD,SAAAD,GACH,CAEJ","names":["card_shape_exports","__export","CardShape","__toCommonJS","import_tailwind_variants","tv","CardShapeVariants","tv","import_jsx_runtime","CardShape","props","disabled","children","isActivated","onClick","__spreadProps","__spreadValues","CardShapeVariants"]}