@utilitywarehouse/hearth-react 0.10.1 → 0.10.3

package/dist/index.js

@@ -1,2 +1,2 @@
-import{a as J}from"./chunk-VO7IKEFB.js";import{a as U}from"./chunk-X4XHEYVK.js";import{a as b}from"./chunk-YBORHSLK.js";import{a}from"./chunk-C3UHBXBE.js";import"./chunk-IWO3P2JG.js";import{a as G}from"./chunk-YLSPLUJM.js";import{a as w}from"./chunk-23CWLIA2.js";import{a as D}from"./chunk-GWN7LY4K.js";import{a as M}from"./chunk-GKW5YETR.js";import{a as N}from"./chunk-SLNHC6I6.js";import{a as K}from"./chunk-4FRMSGW4.js";import{a as O}from"./chunk-YMUATUKO.js";import{a as W}from"./chunk-ZV3UZLQV.js";import{a as X}from"./chunk-D2TXUKSI.js";import{a as R}from"./chunk-B76ZALZL.js";import{a as Q}from"./chunk-SJA6JQMY.js";import{a as q}from"./chunk-PLNFJZJ5.js";import{a as z}from"./chunk-BSTZMXO2.js";import{a as j}from"./chunk-OBHXKQMM.js";import{a as C}from"./chunk-OHOW63HM.js";import{a as V}from"./chunk-HHIA3HYE.js";import{a as P}from"./chunk-4QTLTKF6.js";import"./chunk-X5H7DCWE.js";import{a as oo}from"./chunk-H2NJSCK3.js";import"./chunk-IO77OE2Y.js";import{a as m}from"./chunk-QU3UAXSN.js";import"./chunk-6GLZFDUP.js";import{a as B}from"./chunk-NSNHJ6E2.js";import{a as l}from"./chunk-RNNTVL5M.js";import{a as F}from"./chunk-7G3TK6YX.js";import{a as E}from"./chunk-XMCXGSQK.js";import"./chunk-YTRTILHT.js";import{a as v}from"./chunk-7LFPYDSF.js";import"./chunk-5OLLJKEO.js";import"./chunk-T64W7Q7K.js";import{a as $}from"./chunk-VFI3HMDF.js";import{a as g}from"./chunk-2HVJ2UWG.js";import{a as h}from"./chunk-KP3A6YBZ.js";import{a as S}from"./chunk-P5HTXNZI.js";import{a as k}from"./chunk-DTTYJI4E.js";import{a as I}from"./chunk-5XPN3V2K.js";import"./chunk-C2LVPIJR.js";import"./chunk-AANBZTA3.js";import{a as A}from"./chunk-7ZA5XOYI.js";import{a as L}from"./chunk-4FAU6D4F.js";import"./chunk-OOPBPESB.js";import{a as Z}from"./chunk-YOUYTA36.js";import{a as T}from"./chunk-3SZLI7EZ.js";import{a as H}from"./chunk-YGOH4EXY.js";import"./chunk-LS6BEGH4.js";import{a as n}from"./chunk-XP644TUI.js";import"./chunk-CNN6FKDW.js";import"./chunk-XZNPGGRR.js";import{a as eo}from"./chunk-7PBT7QHP.js";import{a as po}from"./chunk-DHOAGMFX.js";import{a as to}from"./chunk-K52E2Z6A.js";import{a as Y}from"./chunk-CR5OVRAH.js";import{a as c}from"./chunk-6Y63ZZKS.js";import"./chunk-WTFBLJ7Z.js";import{a as s}from"./chunk-XRWXJYK7.js";import"./chunk-HTXCYMDE.js";import{a as _}from"./chunk-CAAHPTIN.js";import{a as u}from"./chunk-ZPGCXWQX.js";import"./chunk-ZJGOTQ4M.js";import{a as y}from"./chunk-NNSV3YJL.js";import"./chunk-7MDJE2ZA.js";import"./chunk-ZJFVVCQ7.js";import{a as p}from"./chunk-MCWCHGAR.js";import{a as ro}from"./chunk-XTO6FNJE.js";import{a as d}from"./chunk-KNNDISWZ.js";import{a as i}from"./chunk-G3MNLGAT.js";import"./chunk-63I5YSQU.js";import{a as f}from"./chunk-6WDN273B.js";import{a as no}from"./chunk-GWUBCXG3.js";import{a as x}from"./chunk-PJPPKZOL.js";import"./chunk-6TDZE7FX.js";import"./chunk-ZKJZGOS5.js";import"./chunk-LFUFY26R.js";import"./chunk-AFZ3OJUA.js";import"./chunk-VV7AHCQF.js";import{a as o}from"./chunk-WK3IHNAW.js";import"./chunk-BXITMQY6.js";import"./chunk-V6DSC6VC.js";import"./chunk-WOH4H47Z.js";import"./chunk-XQ5A24NX.js";import"./chunk-ND4U26VB.js";import{a as t}from"./chunk-NMHPABLW.js";import"./chunk-CJ2QDEW6.js";import"./chunk-EUTKQ2DV.js";import"./chunk-RBXZRE4M.js";import"./chunk-2HBKX7XB.js";import{a as e}from"./chunk-GCZO5HRJ.js";import"./chunk-ZVKH5WSZ.js";import"./chunk-PCSX7TP4.js";import"./chunk-XXUXL633.js";import{a as r}from"./chunk-HDDK3KYO.js";import"./chunk-6D6OHJRG.js";import"./chunk-QSHYUFRT.js";import"./chunk-652SIAQ2.js";import"./chunk-KB77FG5A.js";import"./chunk-FSK5FGWM.js";import"./chunk-AJUKXCDS.js";import"./chunk-TLHGRJDQ.js";import"./chunk-DVGYWBKQ.js";import"./chunk-4IJEOHER.js";export{ro as Accordion,no as AccordionContent,po as AccordionHeader,eo as AccordionItem,to as AccordionTrigger,Y as Alert,_ as AlertIconButton,Z as AlertLink,H as Badge,x as BodyText,n as Box,I as Button,A as Card,L as CardAction,F as Checkbox,E as CheckboxGroup,v as CheckboxTile,$ as CurrencyInput,c as DetailText,B as Divider,l as Em,s as Flex,m as Grid,i as Heading,f as HelperText,P as IconButton,oo as IconContainer,C as InlineLink,k as Label,T as Link,V as List,Q as ListItem,q as ListItemButton,j as ListItemContent,z as ListItemLink,N as Modal,K as ModalClose,O as ModalFooter,W as ModalRoot,X as ModalTrigger,R as PasswordInput,G as Radio,w as RadioCard,D as RadioGroup,M as RadioTile,b as SearchInput,d as SectionHeader,y as Spinner,a as Strong,J as Switch,U as TextArea,g as TextInput,h as TextInputSlot,u as UnstyledIconButton,S as ValidationText,o as breakpoints,r as colorTokens,p as media,t as spaceTokens,e as useMediaQuery};
+import{a as J}from"./chunk-U2HSO5BC.js";import{a as U}from"./chunk-23NLW6X6.js";import{a as b}from"./chunk-IMZLSG3F.js";import{a}from"./chunk-EWCKL774.js";import"./chunk-IWO3P2JG.js";import{a as G}from"./chunk-7WHH7T2S.js";import{a as w}from"./chunk-BZJAQHHC.js";import{a as D}from"./chunk-MUFU7IJP.js";import{a as M}from"./chunk-NM3GIMCA.js";import{a as O}from"./chunk-FQXCDMZR.js";import{a as W}from"./chunk-ZV3UZLQV.js";import{a as X}from"./chunk-EHW6BGT2.js";import{a as z}from"./chunk-L5WFRX6B.js";import{a as R}from"./chunk-XZH56WK2.js";import{a as Q}from"./chunk-SZFVLDNR.js";import{a as q}from"./chunk-HRFJFILB.js";import{a as j}from"./chunk-WDBBTXPP.js";import{a as N}from"./chunk-2LIGIIKY.js";import{a as K}from"./chunk-BT6CFWJI.js";import{a as C}from"./chunk-BBXK2K75.js";import{a as V}from"./chunk-4YZQRDHJ.js";import{a as P}from"./chunk-ANFJUINV.js";import"./chunk-X5H7DCWE.js";import{a as oo}from"./chunk-GEBSO5EU.js";import"./chunk-IO77OE2Y.js";import{a as m}from"./chunk-IS63EHVP.js";import"./chunk-6GLZFDUP.js";import{a as B}from"./chunk-FN7YA6RW.js";import{a as l}from"./chunk-FFLNATBL.js";import{a as F}from"./chunk-IBHJPM4G.js";import{a as E}from"./chunk-A3U2CPZR.js";import"./chunk-HRPU6VKJ.js";import{a as v}from"./chunk-FHD3M3NL.js";import"./chunk-5OLLJKEO.js";import"./chunk-T64W7Q7K.js";import{a as $}from"./chunk-MQTVBTE4.js";import{a as g}from"./chunk-AUVUUTJB.js";import{a as h}from"./chunk-TYEQVZWY.js";import{a as S}from"./chunk-O7K3PLDW.js";import{a as k}from"./chunk-DE7VJBWP.js";import{a as I}from"./chunk-QKNJBB5N.js";import"./chunk-ULXF4KP3.js";import"./chunk-AANBZTA3.js";import{a as A}from"./chunk-LPCMURNS.js";import{a as L}from"./chunk-O24Y5K7X.js";import"./chunk-OOPBPESB.js";import{a as Z}from"./chunk-QMENFPOQ.js";import{a as T}from"./chunk-OQKLLDSZ.js";import{a as H}from"./chunk-CEYPJN3C.js";import"./chunk-LS6BEGH4.js";import{a as n}from"./chunk-25CGOJSK.js";import"./chunk-CNN6FKDW.js";import"./chunk-XZNPGGRR.js";import{a as eo}from"./chunk-DIMPJCE5.js";import{a as po}from"./chunk-6V2YOEMT.js";import{a as to}from"./chunk-CNABF5NI.js";import{a as Y}from"./chunk-M3R7NIMY.js";import{a as c}from"./chunk-GV5JYW7E.js";import"./chunk-WTFBLJ7Z.js";import{a as s}from"./chunk-555MHYMJ.js";import"./chunk-HTXCYMDE.js";import{a as _}from"./chunk-GSOG63GM.js";import{a as u}from"./chunk-NAWWNB25.js";import"./chunk-ZJGOTQ4M.js";import{a as y}from"./chunk-NPRLNTTQ.js";import"./chunk-7MDJE2ZA.js";import"./chunk-ZJFVVCQ7.js";import{a as p}from"./chunk-MCWCHGAR.js";import{a as ro}from"./chunk-SEWCKHQA.js";import{a as d}from"./chunk-KNINBPAI.js";import{a as i}from"./chunk-QMOWUPZU.js";import"./chunk-63I5YSQU.js";import{a as f}from"./chunk-QAR6M5CT.js";import{a as no}from"./chunk-HAD3SBV7.js";import{a as x}from"./chunk-HXPO6BAS.js";import"./chunk-6TDZE7FX.js";import"./chunk-ZKJZGOS5.js";import"./chunk-LFUFY26R.js";import"./chunk-AFZ3OJUA.js";import"./chunk-VV7AHCQF.js";import{a as o}from"./chunk-WK3IHNAW.js";import"./chunk-BXITMQY6.js";import"./chunk-V6DSC6VC.js";import"./chunk-WOH4H47Z.js";import"./chunk-XQ5A24NX.js";import"./chunk-ND4U26VB.js";import{a as t}from"./chunk-NMHPABLW.js";import"./chunk-CJ2QDEW6.js";import"./chunk-EUTKQ2DV.js";import"./chunk-KJ4W3OTX.js";import{a as e}from"./chunk-GCZO5HRJ.js";import"./chunk-OUL33CYO.js";import"./chunk-7IOJKSAJ.js";import"./chunk-JLSPEHMW.js";import{a as r}from"./chunk-HDDK3KYO.js";import"./chunk-VBXP3BKF.js";import"./chunk-6H5SMKTE.js";import"./chunk-4IJEOHER.js";import"./chunk-LFYMAQ6F.js";import"./chunk-JTQWB7E2.js";import"./chunk-3S6SF6M4.js";import"./chunk-JKIDUQDG.js";import"./chunk-AJUKXCDS.js";import"./chunk-TLHGRJDQ.js";import"./chunk-DVGYWBKQ.js";export{ro as Accordion,no as AccordionContent,po as AccordionHeader,eo as AccordionItem,to as AccordionTrigger,Y as Alert,_ as AlertIconButton,Z as AlertLink,H as Badge,x as BodyText,n as Box,I as Button,A as Card,L as CardAction,F as Checkbox,E as CheckboxGroup,v as CheckboxTile,$ as CurrencyInput,c as DetailText,B as Divider,l as Em,s as Flex,m as Grid,i as Heading,f as HelperText,P as IconButton,oo as IconContainer,C as InlineLink,k as Label,T as Link,V as List,Q as ListItem,q as ListItemButton,j as ListItemContent,z as ListItemLink,N as Modal,K as ModalClose,O as ModalFooter,W as ModalRoot,X as ModalTrigger,R as PasswordInput,G as Radio,w as RadioCard,D as RadioGroup,M as RadioTile,b as SearchInput,d as SectionHeader,y as Spinner,a as Strong,J as Switch,U as TextArea,g as TextInput,h as TextInputSlot,u as UnstyledIconButton,S as ValidationText,o as breakpoints,r as colorTokens,p as media,t as spaceTokens,e as useMediaQuery};
 //# sourceMappingURL=index.js.map

package/dist/props/background-color.props.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkT6SPOS6Qcjs = require('../chunk-T6SPOS6Q.cjs');require('../chunk-5NBN3TFA.cjs');require('../chunk-H2TDV2BL.cjs');require('../chunk-A4KDLDVY.cjs');exports.backgroundColorPropDefs = _chunkT6SPOS6Qcjs.a;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkZS5PNHPNcjs = require('../chunk-ZS5PNHPN.cjs');require('../chunk-5NBN3TFA.cjs');require('../chunk-YRQMCYXX.cjs');require('../chunk-A4KDLDVY.cjs');exports.backgroundColorPropDefs = _chunkZS5PNHPNcjs.a;
 //# sourceMappingURL=background-color.props.cjs.map

package/dist/props/background-color.props.js

@@ -1,2 +1,2 @@
-import{a}from"../chunk-ZVKH5WSZ.js";import"../chunk-HDDK3KYO.js";import"../chunk-6D6OHJRG.js";import"../chunk-TLHGRJDQ.js";export{a as backgroundColorPropDefs};
+import{a}from"../chunk-OUL33CYO.js";import"../chunk-HDDK3KYO.js";import"../chunk-VBXP3BKF.js";import"../chunk-TLHGRJDQ.js";export{a as backgroundColorPropDefs};
 //# sourceMappingURL=background-color.props.js.map

package/dist/props/border.props.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunk4WMEIKRTcjs = require('../chunk-4WMEIKRT.cjs');require('../chunk-5NBN3TFA.cjs');require('../chunk-H2TDV2BL.cjs');require('../chunk-A4KDLDVY.cjs');exports.borderPropDefs = _chunk4WMEIKRTcjs.a;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkUWAXZKGLcjs = require('../chunk-UWAXZKGL.cjs');require('../chunk-5NBN3TFA.cjs');require('../chunk-YRQMCYXX.cjs');require('../chunk-A4KDLDVY.cjs');exports.borderPropDefs = _chunkUWAXZKGLcjs.a;
 //# sourceMappingURL=border.props.cjs.map

package/dist/props/border.props.js

@@ -1,2 +1,2 @@
-import{a}from"../chunk-PCSX7TP4.js";import"../chunk-HDDK3KYO.js";import"../chunk-6D6OHJRG.js";import"../chunk-TLHGRJDQ.js";export{a as borderPropDefs};
+import{a}from"../chunk-7IOJKSAJ.js";import"../chunk-HDDK3KYO.js";import"../chunk-VBXP3BKF.js";import"../chunk-TLHGRJDQ.js";export{a as borderPropDefs};
 //# sourceMappingURL=border.props.js.map

package/dist/props/color.props.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkZO6Z4FPKcjs = require('../chunk-ZO6Z4FPK.cjs');require('../chunk-5NBN3TFA.cjs');require('../chunk-H2TDV2BL.cjs');require('../chunk-A4KDLDVY.cjs');exports.colorPropDefs = _chunkZO6Z4FPKcjs.a;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkAQ6CX7GRcjs = require('../chunk-AQ6CX7GR.cjs');require('../chunk-5NBN3TFA.cjs');require('../chunk-YRQMCYXX.cjs');require('../chunk-A4KDLDVY.cjs');exports.colorPropDefs = _chunkAQ6CX7GRcjs.a;
 //# sourceMappingURL=color.props.cjs.map

package/dist/props/color.props.js

@@ -1,2 +1,2 @@
-import{a}from"../chunk-XXUXL633.js";import"../chunk-HDDK3KYO.js";import"../chunk-6D6OHJRG.js";import"../chunk-TLHGRJDQ.js";export{a as colorPropDefs};
+import{a}from"../chunk-JLSPEHMW.js";import"../chunk-HDDK3KYO.js";import"../chunk-VBXP3BKF.js";import"../chunk-TLHGRJDQ.js";export{a as colorPropDefs};
 //# sourceMappingURL=color.props.js.map

package/dist/props/prop-def.d.cts

@@ -1,9 +1,50 @@
+/**
+ * Definition describing how a prop should be converted into utility classes and/or CSS variables.
+ *
+ * Generic
+ * - `T`: Token value type for the prop (defaults to `string`).
+ *
+ * Example
+ * ```ts
+ * const colorProp: PropDef<string> = {
+ *   className: 'color',
+ *   responsive: false,
+ *   tokens: ['grey-100', 'grey-200', 'blue-500'],
+ *   singleClassNameTokens: true,
+ *   transformValue: token => `var(--h-color-${token})`,
+ * };
+ * ```
+ */
 type PropDef<T = string> = {
-    tokens?: ReadonlyArray<T>;
+    /**
+     * CSS class prefix to use.
+     */
     className: string;
-    default?: string | number;
+    /**
+     * Whether responsive props are supported.
+     */
     responsive: boolean;
+    /**
+     * Any token sets that can be used to create styles.
+     */
+    tokens?: ReadonlyArray<T>;
+    /**
+     * A default value if needed.
+     */
+    default?: string | number;
+    /**
+     * When we have a set of options that are too big to create CSS classes for every option.
+     * For example; colours. We can't reasonably create classes for every colour and every colour property,
+     * especially when we know many won't be used. In this case, we will have a single colour class,
+     * and set the colour using a custom property in the style attribute.
+     *
+     * If true and `value` is a string token, emit a single class and provide the value via CSS var
+     * after applying `transformValue`.
+     */
     singleClassNameTokens?: boolean;
+    /**
+     * Transform applied to string token values when `singleClassNameTokens` is true.
+     */
     transformValue?: (value: string) => string;
 };
 

package/dist/props/prop-def.d.ts

@@ -1,9 +1,50 @@
+/**
+ * Definition describing how a prop should be converted into utility classes and/or CSS variables.
+ *
+ * Generic
+ * - `T`: Token value type for the prop (defaults to `string`).
+ *
+ * Example
+ * ```ts
+ * const colorProp: PropDef<string> = {
+ *   className: 'color',
+ *   responsive: false,
+ *   tokens: ['grey-100', 'grey-200', 'blue-500'],
+ *   singleClassNameTokens: true,
+ *   transformValue: token => `var(--h-color-${token})`,
+ * };
+ * ```
+ */
 type PropDef<T = string> = {
-    tokens?: ReadonlyArray<T>;
+    /**
+     * CSS class prefix to use.
+     */
     className: string;
-    default?: string | number;
+    /**
+     * Whether responsive props are supported.
+     */
     responsive: boolean;
+    /**
+     * Any token sets that can be used to create styles.
+     */
+    tokens?: ReadonlyArray<T>;
+    /**
+     * A default value if needed.
+     */
+    default?: string | number;
+    /**
+     * When we have a set of options that are too big to create CSS classes for every option.
+     * For example; colours. We can't reasonably create classes for every colour and every colour property,
+     * especially when we know many won't be used. In this case, we will have a single colour class,
+     * and set the colour using a custom property in the style attribute.
+     *
+     * If true and `value` is a string token, emit a single class and provide the value via CSS var
+     * after applying `transformValue`.
+     */
     singleClassNameTokens?: boolean;
+    /**
+     * Transform applied to string token values when `singleClassNameTokens` is true.
+     */
     transformValue?: (value: string) => string;
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@utilitywarehouse/hearth-react",
-  "version": "0.10.1",
+  "version": "0.10.3",
   "description": "React components",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -31,7 +31,7 @@
     "*.css"
   ],
   "peerDependencies": {
-    "@utilitywarehouse/hearth-react-icons": "~0.4.0",
+    "@utilitywarehouse/hearth-react-icons": "0.5.0",
     "react": "^18.0.0 || ^19.0.0 ",
     "react-dom": "^18.0.0 || ^19.0.0",
     "@utilitywarehouse/hearth-fonts": "0.0.3"
@@ -45,7 +45,6 @@
   "devDependencies": {
     "@types/node": "^22.9.0",
     "@types/react": "^18.3.12",
-    "@utilitywarehouse/hearth-react-icons": "~0.4.0",
     "autoprefixer": "^10.4.20",
     "cssnano": "^7.0.6",
     "ejs": "^3.1.10",
@@ -60,7 +59,8 @@
     "stylelint": "^16.10.0",
     "stylelint-config-standard": "^36.0.1",
     "stylelint-media-use-custom-media": "^4.0.0",
-    "tsup": "^8.3.5"
+    "tsup": "^8.3.5",
+    "@utilitywarehouse/hearth-react-icons": "0.5.0"
   },
   "scripts": {
     "clean": "rm -rf .turbo node_modules dist *.css",