@utilitywarehouse/hearth-react 0.16.0 → 0.16.2

package/dist/chunk-UBGLNSJY.js

@@ -1,2 +0,0 @@
-import{a as u}from"./chunk-YXV3VOUH.js";import{a as f}from"./chunk-HZKPLNEZ.js";import{a as p}from"./chunk-P3SXCN4J.js";import{b as c}from"./chunk-JTQWB7E2.js";import*as e from"react";import{Slot as E}from"radix-ui";import h from"clsx";var b="ButtonBase",B=c(b),R=e.forwardRef((a,n)=>{let{colorScheme:C,inverted:N,className:s,disabled:t,onClick:r,asChild:P,children:i,...m}=p(a,u,f),{variant:o="solid"}=a,d={"data-colorscheme":C||(o==="emphasis"||o==="solid"?"highlight":"functional"),"data-inverted":N?"":void 0},l=P?E.Root:"button";return o==="emphasis"?e.createElement(l,{ref:n,"aria-disabled":t||void 0,className:h(B,s),onClick:t?void 0:r,...d,...m},e.createElement("span",{className:"hearth-shadow"}),e.createElement("span",{className:"hearth-front"},i)):e.createElement(l,{ref:n,"aria-disabled":t||void 0,className:h(B,s),onClick:t?void 0:r,...d,...m},i)});R.displayName=b;export{R as a};
-//# sourceMappingURL=chunk-UBGLNSJY.js.map

package/dist/chunk-UBGLNSJY.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/ButtonBase/ButtonBase.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Slot } from 'radix-ui';\nimport clsx from 'clsx';\nimport { buttonBasePropDefs, ButtonBaseProps } from './ButtonBase.props';\nimport type { ElementRef } from 'react';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { extractProps } from '../../helpers/extract-props';\nimport { marginPropDefs } from '../../props/margin.props';\n\nconst COMPONENT_NAME = 'ButtonBase';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport type ButtonBaseElement = ElementRef<'button'>;\n\nexport const ButtonBase = React.forwardRef<ButtonBaseElement, ButtonBaseProps>((props, ref) => {\n  const {\n    colorScheme,\n    inverted,\n    className,\n    disabled,\n    onClick,\n    asChild,\n    children,\n    ...buttonBaseProps\n  } = extractProps(props, buttonBasePropDefs, marginPropDefs);\n  const { variant = 'solid' } = props;\n\n  const defaultColorScheme =\n    variant === 'emphasis' || variant === 'solid' ? 'highlight' : 'functional';\n  const dataAttributeProps = {\n    'data-colorscheme': colorScheme || defaultColorScheme,\n    'data-inverted': inverted ? '' : undefined,\n  };\n\n  const Component = asChild ? Slot.Root : 'button';\n\n  // We're rendering a different component here so that we don't have to apply\n  // transitions to box-shadow, which causes re-paints on every frame, heavily\n  // impacting performance.\n  if (variant === 'emphasis') {\n    return (\n      <Component\n        ref={ref}\n        aria-disabled={disabled || undefined}\n        className={clsx(componentClassName, className)}\n        // as we're using aria-disabled instead of disabled then we need to\n        // disable the onClick event\n        onClick={disabled ? undefined : onClick}\n        {...dataAttributeProps}\n        {...buttonBaseProps}\n      >\n        <span className=\"hearth-shadow\"></span>\n        <span className=\"hearth-front\">{children}</span>\n      </Component>\n    );\n  }\n  return (\n    <Component\n      ref={ref}\n      aria-disabled={disabled || undefined}\n      className={clsx(componentClassName, className)}\n      onClick={disabled ? undefined : onClick}\n      {...dataAttributeProps}\n      {...buttonBaseProps}\n    >\n      {children}\n    </Component>\n  );\n});\n\nButtonBase.displayName = COMPONENT_NAME;\n"],"mappings":"gKAAA,UAAYA,MAAW,QACvB,OAAS,QAAAC,MAAY,WACrB,OAAOC,MAAU,OAOjB,IAAMC,EAAiB,aACjBC,EAAqBC,EAAiBF,CAAc,EAI7CG,EAAmB,aAA+C,CAACC,EAAOC,IAAQ,CAC7F,GAAM,CACJ,YAAAC,EACA,SAAAC,EACA,UAAAC,EACA,SAAAC,EACA,QAAAC,EACA,QAAAC,EACA,SAAAC,EACA,GAAGC,CACL,EAAIC,EAAaV,EAAOW,EAAoBC,CAAc,EACpD,CAAE,QAAAC,EAAU,OAAQ,EAAIb,EAIxBc,EAAqB,CACzB,mBAAoBZ,IAFpBW,IAAY,YAAcA,IAAY,QAAU,YAAc,cAG9D,gBAAiBV,EAAW,GAAK,MACnC,EAEMY,EAAYR,EAAUS,EAAK,KAAO,SAKxC,OAAIH,IAAY,WAEZ,gBAACE,EAAA,CACC,IAAKd,EACL,gBAAeI,GAAY,OAC3B,UAAWY,EAAKpB,EAAoBO,CAAS,EAG7C,QAASC,EAAW,OAAYC,EAC/B,GAAGQ,EACH,GAAGL,GAEJ,gBAAC,QAAK,UAAU,gBAAgB,EAChC,gBAAC,QAAK,UAAU,gBAAgBD,CAAS,CAC3C,EAIF,gBAACO,EAAA,CACC,IAAKd,EACL,gBAAeI,GAAY,OAC3B,UAAWY,EAAKpB,EAAoBO,CAAS,EAC7C,QAASC,EAAW,OAAYC,EAC/B,GAAGQ,EACH,GAAGL,GAEHD,CACH,CAEJ,CAAC,EAEDT,EAAW,YAAcH","names":["React","Slot","clsx","COMPONENT_NAME","componentClassName","withGlobalPrefix","ButtonBase","props","ref","colorScheme","inverted","className","disabled","onClick","asChild","children","buttonBaseProps","extractProps","buttonBasePropDefs","marginPropDefs","variant","dataAttributeProps","Component","Slot","clsx"]}

package/dist/helpers/get-responsive-size-translation.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkA7QCHPE4cjs = require('../chunk-A7QCHPE4.cjs');require('../chunk-6MWZLLVG.cjs');require('../chunk-AURLQ3VG.cjs');exports.getResponsiveSizeTranslation = _chunkA7QCHPE4cjs.a;
-//# sourceMappingURL=get-responsive-size-translation.cjs.map

package/dist/helpers/get-responsive-size-translation.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/helpers/get-responsive-size-translation.cjs"],"names":[],"mappings":"AAAA,kIAAoC,iCAA8B,iCAA8B,2DAA0C","file":"/home/runner/work/hearth/hearth/packages/react/dist/helpers/get-responsive-size-translation.cjs"}

package/dist/helpers/get-responsive-size-translation.d.cts

@@ -1,24 +0,0 @@
-import { Responsive } from '../types/responsive.cjs';
-
-/**
- * Translates a responsive size value according to a provided mapping.
- *
- * If a responsive size object is provided, the translation is applied per
- * breakpoint and a responsive size object is returned.
- *
- * Examples
- * ```ts
- * getResponsiveSizeTranslation('large', { large: 'medium', medium: 'small' }) // => 'medium'
- * getResponsiveSizeTranslation({ mobile: 'small', tablet: 'large' }, { large: 'medium', small: 'tiny' })
- * // => { mobile: 'tiny', tablet: 'medium' }
- * ```
- *
- * @param size - The size value (string or responsive object) to translate.
- * @param translation - Mapping object from input size to output size.
- * @returns The translated size (string or responsive object). May be `undefined` if input is unsupported.
- */
-declare function getResponsiveSizeTranslation(size: Responsive<string>, translation: {
-    [key: string]: Responsive<string>;
-}): Responsive<string> | undefined;
-
-export { getResponsiveSizeTranslation };

package/dist/helpers/get-responsive-size-translation.d.ts

@@ -1,24 +0,0 @@
-import { Responsive } from '../types/responsive.js';
-
-/**
- * Translates a responsive size value according to a provided mapping.
- *
- * If a responsive size object is provided, the translation is applied per
- * breakpoint and a responsive size object is returned.
- *
- * Examples
- * ```ts
- * getResponsiveSizeTranslation('large', { large: 'medium', medium: 'small' }) // => 'medium'
- * getResponsiveSizeTranslation({ mobile: 'small', tablet: 'large' }, { large: 'medium', small: 'tiny' })
- * // => { mobile: 'tiny', tablet: 'medium' }
- * ```
- *
- * @param size - The size value (string or responsive object) to translate.
- * @param translation - Mapping object from input size to output size.
- * @returns The translated size (string or responsive object). May be `undefined` if input is unsupported.
- */
-declare function getResponsiveSizeTranslation(size: Responsive<string>, translation: {
-    [key: string]: Responsive<string>;
-}): Responsive<string> | undefined;
-
-export { getResponsiveSizeTranslation };

package/dist/helpers/get-responsive-size-translation.js

@@ -1,2 +0,0 @@
-import{a}from"../chunk-BPLBZ4OW.js";import"../chunk-JKIDUQDG.js";import"../chunk-AJUKXCDS.js";export{a as getResponsiveSizeTranslation};
-//# sourceMappingURL=get-responsive-size-translation.js.map