@utilitywarehouse/hearth-react 0.24.4 → 0.24.6

package/dist/chunk-ZVCNGXCN.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-ZVCNGXCN.cjs","../src/components/Modal/Modal.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","Modal","className","image","forceMount","container","heading","description","hideCloseButton","fullScreen","loading","loadingText","children","props","portalProps","containsImage","jsx","DialogPrimitive"],"mappings":"AAAA,iIAAwC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,mCCEtU,wEAMV,+CA8Cd,IAvCZA,CAAAA,CAAiB,OAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAE7CC,CAAAA,aAAQ,CAAC,CACpB,SAAA,CAAAC,CAAAA,CACA,KAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,SAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,WAAA,CAAAC,CAAAA,CACA,eAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,WAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAAA,EAAkB,CAChB,IAAMC,CAAAA,CAAc,CAAE,UAAA,CAAAV,CAAAA,CAAY,SAAA,CAAAC,CAAU,CAAA,CACtCU,CAAAA,CAAgB,CAAA,CAAQZ,CAAAA,CAE9B,OACEa,6BAAAA,eAACC,CAAgB,MAAA,CAAhB,CAAwB,GAAGH,CAAAA,CAC1B,QAAA,CAAAE,6BAAAA,eAACC,CAAgB,OAAA,CAAhB,CAAwB,SAAA,CAAWjB,iCAAAA,SAA0B,CAAA,CAC5D,QAAA,CAAAgB,6BAAAA,KAAC,CAAA,CAAI,SAAA,CAAW,CAAA,EAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-ZVCNGXCN.cjs","sourcesContent":[null,"'use client';\n\nimport { Dialog as DialogPrimitive } from 'radix-ui';\nimport { cn } from '../../helpers/cn';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport type { ModalProps } from './Modal.props';\nimport { Heading } from '../Heading/Heading';\nimport { UnstyledIconButton } from '../UnstyledIconButton/UnstyledIconButton';\nimport { CloseMediumIcon } from '@utilitywarehouse/hearth-react-icons';\nimport { BodyText } from '../BodyText/BodyText';\nimport { ModalClose } from './ModalClose';\nimport { Box } from '../Box/Box';\nimport { Flex } from '../Flex/Flex';\nimport { Spinner } from '../Spinner/Spinner';\n\nconst COMPONENT_NAME = 'Modal';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const Modal = ({\n  className,\n  image,\n  forceMount,\n  container,\n  heading,\n  description,\n  hideCloseButton,\n  fullScreen,\n  loading,\n  loadingText,\n  children,\n  ...props\n}: ModalProps) => {\n  const portalProps = { forceMount, container };\n  const containsImage = Boolean(image);\n\n  return (\n    <DialogPrimitive.Portal {...portalProps}>\n      <DialogPrimitive.Overlay className={withGlobalPrefix('Overlay')}>\n        <div className={`${componentClassName}Scroll`}>\n          <div className={`${componentClassName}ScrollPadding`}>\n            <DialogPrimitive.Content\n              className={cn(componentClassName, className)}\n              data-contains-image={containsImage ? '' : undefined}\n              data-hide-close-button={hideCloseButton ? '' : undefined}\n              data-full-screen={fullScreen ? '' : undefined}\n              {...props}\n            >\n              <ModalClose>\n                <UnstyledIconButton\n                  type=\"button\"\n                  label=\"Close\"\n                  data-visually-hidden={hideCloseButton ? '' : undefined}\n                  className={`${componentClassName}CloseIconButton`}\n                >\n                  <CloseMediumIcon />\n                </UnstyledIconButton>\n              </ModalClose>\n              <div className={`${componentClassName}OuterContainer`}>\n                {!loading ? (\n                  <div className={`${componentClassName}InnerContainer`}>\n                    {containsImage ? (\n                      <div className={`${componentClassName}Image`}>{image}</div>\n                    ) : null}\n                    <div className={`${componentClassName}Header`}>\n                      <Box asChild>\n                        <DialogPrimitive.Title asChild>\n                          <Heading size=\"lg\" wrap=\"wrap\">\n                            {heading}\n                          </Heading>\n                        </DialogPrimitive.Title>\n                      </Box>\n                      {description ? (\n                        <DialogPrimitive.Description asChild>\n                          <BodyText size=\"md\" as=\"span\">\n                            {description}\n                          </BodyText>\n                        </DialogPrimitive.Description>\n                      ) : null}\n                    </div>\n                  </div>\n                ) : null}\n\n                {loading ? (\n                  <Flex\n                    direction=\"column\"\n                    gap=\"300\"\n                    alignItems=\"center\"\n                    paddingY=\"200\"\n                    width=\"100%\"\n                  >\n                    <Spinner size=\"lg\" />\n                    {loadingText ? (\n                      <DialogPrimitive.Title asChild>\n                        <Heading size=\"lg\" textAlign=\"center\" wrap=\"wrap\">\n                          {loadingText}\n                        </Heading>\n                      </DialogPrimitive.Title>\n                    ) : null}\n                  </Flex>\n                ) : (\n                  children\n                )}\n              </div>\n            </DialogPrimitive.Content>\n          </div>\n        </div>\n      </DialogPrimitive.Overlay>\n    </DialogPrimitive.Portal>\n  );\n};\n\nModal.displayName = COMPONENT_NAME;\n"]}

package/dist/chunk-ZVPQEMXT.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkR7DFRCL2cjs = require('./chunk-R7DFRCL2.cjs');var _chunkRDNRX35Pcjs = require('./chunk-RDNRX35P.cjs');var _chunkUJ6UKM2Mcjs = require('./chunk-UJ6UKM2M.cjs');var _chunkGVVJQBRKcjs = require('./chunk-GVVJQBRK.cjs');var _chunkEJ5PAVELcjs = require('./chunk-EJ5PAVEL.cjs');var _radixui = require('radix-ui');var _hearthreacticons = require('@utilitywarehouse/hearth-react-icons');var _jsxruntime = require('react/jsx-runtime');var s="InlineLink",I=_chunkEJ5PAVELcjs.b.call(void 0, s),N= exports.a =d=>{let{className:f,color:o="default",children:i,asChild:c,hideOpenIcon:P,...r}=_chunkUJ6UKM2Mcjs.a.call(void 0, d,_chunkRDNRX35Pcjs.a,_chunkR7DFRCL2cjs.a);return _jsxruntime.jsx.call(void 0, _radixui.Slot.Root,{className:_chunkGVVJQBRKcjs.a.call(void 0, I,f),"data-inverted":o==="inverted"?"":void 0,"data-inherit-color":o==="inherit"?"":void 0,...r,children:c?i:_jsxruntime.jsxs.call(void 0, "a",{children:[i,r.target==="_blank"?_jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment,{children:[_jsxruntime.jsx.call(void 0, "span",{"data-visually-hidden":!0,children:"(opens in new tab)"}),P?null:_jsxruntime.jsx.call(void 0, _hearthreacticons.OpenSmallIcon,{})]}):null]})})};N.displayName=s;exports.a = N;
-//# sourceMappingURL=chunk-ZVPQEMXT.cjs.map

package/dist/chunk-ZVPQEMXT.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-ZVPQEMXT.cjs","../src/components/InlineLink/InlineLink.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","InlineLink","props","className","color","children","asChild","hideOpenIcon","inlineLinkProps","extractProps","marginPropDefs","textTransformPropDefs","jsx","Slot","cn","jsxs","Fragment","OpenSmallIcon"],"mappings":"AAAA,iIAAwC,wDAAyC,wDAAoC,wDAAyC,wDAAyC,mCCMlL,wEACS,+CA2BlB,IAzBNA,CAAAA,CAAiB,YAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAE7CC,CAAAA,aAAcC,CAAAA,EAA2B,CACpD,GAAM,CACJ,SAAA,CAAAC,CAAAA,CACA,KAAA,CAAAC,CAAAA,CAAQ,SAAA,CACR,QAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,YAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAAIC,iCAAAA,CAAaP,CAAOQ,mBAAAA,CAAgBC,mBAAqB,CAAA,CAC7D,OACEC,6BAAAA,aAACC,CAAK,IAAA,CAAL,CACC,SAAA,CAAWC,iCAAAA,CAAGf,CAAoBI,CAAS,CAAA,CAC3C,eAAA,CAAeC,CAAAA,GAAU,UAAA,CAAa,EAAA,CAAK,KAAA,CAAA,CAC3C,oBAAA,CAAoBA,CAAAA,GAAU,SAAA,CAAY,EAAA,CAAK,KAAA,CAAA,CAC9C,GAAGI,CAAAA,CAEH,QAAA,CAAAF,CAAAA,CACCD,CAAAA,CAEAU,8BAAAA,GAAC,CAAA,CACE,QAAA,CAAA,CAAAV,CAAAA,CACAG,CAAAA,CAAgB,MAAA,GAAW,QAAA,CAC1BO,8BAAAA,oBAAAC,CAAA,CACE,QAAA,CAAA,CAAAJ,6BAAAA,MAAC,CAAA,CAAK,sBAAA,CAAoB,CAAA,CAAA,CAAC,QAAA,CAAA,oBAAA,CAAkB,CAAA,CAC5CL,CAAAA,CAAe,IAAA,CAAOK,6BAAAA,+BAACK,CAAA,CAAA,CAAc,CAAA,CAAA,CACxC,CAAA,CACE,IAAA,CAAA,CACN,CAAA,CAEJ,CAEJ,CAAA,CAEAhB,CAAAA,CAAW,WAAA,CAAcH,CAAAA,CAAAA,cAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-ZVPQEMXT.cjs","sourcesContent":[null,"import { cn } from '../../helpers/cn';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport type { InlineLinkProps } from './InlineLink.props';\nimport { extractProps } from '../../helpers/extract-props';\nimport { marginPropDefs } from '../../props/margin.props';\nimport { textTransformPropDefs } from '../../props/text-transform.props';\nimport { Slot } from 'radix-ui';\nimport { OpenSmallIcon } from '@utilitywarehouse/hearth-react-icons';\n\nconst COMPONENT_NAME = 'InlineLink';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const InlineLink = (props: InlineLinkProps) => {\n  const {\n    className,\n    color = 'default',\n    children,\n    asChild,\n    hideOpenIcon,\n    ...inlineLinkProps\n  } = extractProps(props, marginPropDefs, textTransformPropDefs);\n  return (\n    <Slot.Root\n      className={cn(componentClassName, className)}\n      data-inverted={color === 'inverted' ? '' : undefined}\n      data-inherit-color={color === 'inherit' ? '' : undefined}\n      {...inlineLinkProps}\n    >\n      {asChild ? (\n        children\n      ) : (\n        <a>\n          {children}\n          {inlineLinkProps.target === '_blank' ? (\n            <>\n              <span data-visually-hidden>(opens in new tab)</span>\n              {hideOpenIcon ? null : <OpenSmallIcon />}\n            </>\n          ) : null}\n        </a>\n      )}\n    </Slot.Root>\n  );\n};\n\nInlineLink.displayName = COMPONENT_NAME;\n"]}