@utilitywarehouse/hearth-react 0.29.7 → 0.29.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{chunk-GJWSFJK7.js → chunk-2I2UZSNU.js} +1 -1
- package/dist/chunk-2I2UZSNU.js.map +1 -0
- package/dist/{chunk-66ZQIL23.cjs → chunk-2ZPN3JON.cjs} +2 -2
- package/dist/{chunk-66ZQIL23.cjs.map → chunk-2ZPN3JON.cjs.map} +1 -1
- package/dist/{chunk-MIVYZGEV.js → chunk-3BUFTODR.js} +2 -2
- package/dist/{chunk-74E6KM4O.cjs → chunk-3E3KDJG4.cjs} +2 -2
- package/dist/{chunk-74E6KM4O.cjs.map → chunk-3E3KDJG4.cjs.map} +1 -1
- package/dist/{chunk-E6OA6MHD.js → chunk-3RNYO4PJ.js} +2 -2
- package/dist/{chunk-PKSC3AY5.js → chunk-4LBBADOK.js} +2 -2
- package/dist/{chunk-BM5LWFCB.cjs → chunk-4VYQRJPO.cjs} +2 -2
- package/dist/{chunk-BM5LWFCB.cjs.map → chunk-4VYQRJPO.cjs.map} +1 -1
- package/dist/{chunk-UWYR26O5.js → chunk-52W6O5ZR.js} +2 -2
- package/dist/{chunk-HNTQXMJR.cjs → chunk-5BEWC6VC.cjs} +2 -2
- package/dist/{chunk-HNTQXMJR.cjs.map → chunk-5BEWC6VC.cjs.map} +1 -1
- package/dist/{chunk-IFYUDAKY.js → chunk-5FTDHJLS.js} +2 -2
- package/dist/{chunk-PXB2NCQ2.js → chunk-63ASWWXD.js} +2 -2
- package/dist/chunk-64WXGPIA.cjs +4 -0
- package/dist/chunk-64WXGPIA.cjs.map +1 -0
- package/dist/{chunk-XXSXHFG3.cjs → chunk-6F2NY5ET.cjs} +2 -2
- package/dist/{chunk-XXSXHFG3.cjs.map → chunk-6F2NY5ET.cjs.map} +1 -1
- package/dist/{chunk-R7JDBSFP.js → chunk-6NPVYRCZ.js} +2 -2
- package/dist/{chunk-7EK77SDW.js → chunk-6ZPX2WJR.js} +2 -2
- package/dist/{chunk-3ZPSYICE.cjs → chunk-7D5AZ6P4.cjs} +2 -2
- package/dist/{chunk-3ZPSYICE.cjs.map → chunk-7D5AZ6P4.cjs.map} +1 -1
- package/dist/{chunk-2IAHU3EW.js → chunk-7DKGHYAQ.js} +2 -2
- package/dist/{chunk-VB6FQPTI.cjs → chunk-7QE2GL6W.cjs} +2 -2
- package/dist/{chunk-VB6FQPTI.cjs.map → chunk-7QE2GL6W.cjs.map} +1 -1
- package/dist/{chunk-FIB3MNPF.cjs → chunk-7TPMCIUY.cjs} +2 -2
- package/dist/{chunk-FIB3MNPF.cjs.map → chunk-7TPMCIUY.cjs.map} +1 -1
- package/dist/{chunk-PXKA67BZ.cjs → chunk-A2BFGEV2.cjs} +2 -2
- package/dist/{chunk-PXKA67BZ.cjs.map → chunk-A2BFGEV2.cjs.map} +1 -1
- package/dist/{chunk-O3NS4CL4.cjs → chunk-ADNOJMJT.cjs} +2 -2
- package/dist/{chunk-O3NS4CL4.cjs.map → chunk-ADNOJMJT.cjs.map} +1 -1
- package/dist/{chunk-OSK2N5OU.js → chunk-AR3EBD37.js} +2 -2
- package/dist/{chunk-POD5A2FN.js → chunk-AVPB5FP6.js} +2 -2
- package/dist/{chunk-5WSWLE65.cjs → chunk-B5S7WQGD.cjs} +2 -2
- package/dist/{chunk-5WSWLE65.cjs.map → chunk-B5S7WQGD.cjs.map} +1 -1
- package/dist/{chunk-QXFAYAFC.cjs → chunk-BHNC2EJ2.cjs} +2 -2
- package/dist/{chunk-QXFAYAFC.cjs.map → chunk-BHNC2EJ2.cjs.map} +1 -1
- package/dist/{chunk-RKGHQAJP.cjs → chunk-BMJDK75C.cjs} +2 -2
- package/dist/{chunk-RKGHQAJP.cjs.map → chunk-BMJDK75C.cjs.map} +1 -1
- package/dist/{chunk-GEM2WHFB.js → chunk-BV4522KV.js} +2 -2
- package/dist/{chunk-TRY43UD2.js → chunk-CBDNOJMF.js} +2 -2
- package/dist/{chunk-7YZPBUKR.js → chunk-CKJS5OTJ.js} +2 -2
- package/dist/{chunk-MOXUZLUZ.cjs → chunk-CSKQDZJ7.cjs} +2 -2
- package/dist/{chunk-MOXUZLUZ.cjs.map → chunk-CSKQDZJ7.cjs.map} +1 -1
- package/dist/{chunk-GXUGNA3G.cjs → chunk-CWGTJBZH.cjs} +2 -2
- package/dist/{chunk-GXUGNA3G.cjs.map → chunk-CWGTJBZH.cjs.map} +1 -1
- package/dist/{chunk-J7XGHSUZ.js → chunk-CYSHJUND.js} +2 -2
- package/dist/{chunk-7HIQBCCL.cjs → chunk-DC5L2EYK.cjs} +2 -2
- package/dist/{chunk-7HIQBCCL.cjs.map → chunk-DC5L2EYK.cjs.map} +1 -1
- package/dist/{chunk-FAEE2CKB.cjs → chunk-DEZD5L4N.cjs} +2 -2
- package/dist/{chunk-FAEE2CKB.cjs.map → chunk-DEZD5L4N.cjs.map} +1 -1
- package/dist/{chunk-3J6YI2ZT.cjs → chunk-DLUA2UDR.cjs} +2 -2
- package/dist/{chunk-3J6YI2ZT.cjs.map → chunk-DLUA2UDR.cjs.map} +1 -1
- package/dist/{chunk-EOAG66XF.cjs → chunk-E3MJVDHK.cjs} +2 -2
- package/dist/{chunk-EOAG66XF.cjs.map → chunk-E3MJVDHK.cjs.map} +1 -1
- package/dist/{chunk-VDJWRK6E.js → chunk-E4N6RFOO.js} +2 -2
- package/dist/{chunk-EO7ZRPWM.js → chunk-EK2QU6LX.js} +2 -2
- package/dist/{chunk-O3LLXBYA.cjs → chunk-ERDX2HKO.cjs} +2 -2
- package/dist/{chunk-O3LLXBYA.cjs.map → chunk-ERDX2HKO.cjs.map} +1 -1
- package/dist/{chunk-V44UZTPC.js → chunk-F3PLOSSC.js} +2 -2
- package/dist/chunk-FA6DKDAV.js +4 -0
- package/dist/chunk-FA6DKDAV.js.map +1 -0
- package/dist/{chunk-DTAKFGZO.cjs → chunk-FEFPB7S2.cjs} +2 -2
- package/dist/{chunk-DTAKFGZO.cjs.map → chunk-FEFPB7S2.cjs.map} +1 -1
- package/dist/{chunk-YDTCK7OI.cjs → chunk-FGFDP64Q.cjs} +2 -2
- package/dist/{chunk-YDTCK7OI.cjs.map → chunk-FGFDP64Q.cjs.map} +1 -1
- package/dist/{chunk-5FIRBJFF.js → chunk-FKQX5ETS.js} +2 -2
- package/dist/{chunk-TW3PK3DG.cjs → chunk-FLLUL7BM.cjs} +2 -2
- package/dist/{chunk-TW3PK3DG.cjs.map → chunk-FLLUL7BM.cjs.map} +1 -1
- package/dist/{chunk-ZPASRV6I.cjs → chunk-FYPK7ZK4.cjs} +2 -2
- package/dist/{chunk-ZPASRV6I.cjs.map → chunk-FYPK7ZK4.cjs.map} +1 -1
- package/dist/{chunk-QU7IEHHO.js → chunk-G2W6ENCH.js} +2 -2
- package/dist/{chunk-UWJ4K23J.js → chunk-G75KW7WD.js} +2 -2
- package/dist/{chunk-3O4EY4LN.cjs → chunk-GDUK7OPI.cjs} +2 -2
- package/dist/{chunk-3O4EY4LN.cjs.map → chunk-GDUK7OPI.cjs.map} +1 -1
- package/dist/{chunk-ZB3QD4BQ.js → chunk-GKCIUWL4.js} +2 -2
- package/dist/{chunk-NRCMXNZQ.js → chunk-GPM5Q4W7.js} +2 -2
- package/dist/{chunk-LAZ3J27N.js → chunk-GRWZY367.js} +2 -2
- package/dist/{chunk-RU4YPNKV.js → chunk-GSOYIXCB.js} +2 -2
- package/dist/{chunk-ACBHI2DH.js → chunk-GWX5JTO2.js} +2 -2
- package/dist/{chunk-NS7PTOBJ.js → chunk-H5EAS4BJ.js} +2 -2
- package/dist/{chunk-D3CAV7AA.cjs → chunk-HAMX64KS.cjs} +2 -2
- package/dist/{chunk-D3CAV7AA.cjs.map → chunk-HAMX64KS.cjs.map} +1 -1
- package/dist/{chunk-HESUMA64.cjs → chunk-HH6EHZ7A.cjs} +2 -2
- package/dist/{chunk-HESUMA64.cjs.map → chunk-HH6EHZ7A.cjs.map} +1 -1
- package/dist/{chunk-4MVOWO3N.js → chunk-HHXHKEPY.js} +2 -2
- package/dist/{chunk-Z6W64KTC.js → chunk-HNZATVJR.js} +2 -2
- package/dist/{chunk-KCMPH25C.cjs → chunk-IHJRETGD.cjs} +2 -2
- package/dist/{chunk-KCMPH25C.cjs.map → chunk-IHJRETGD.cjs.map} +1 -1
- package/dist/{chunk-HJEUUACJ.js → chunk-IKPXDSNF.js} +2 -2
- package/dist/{chunk-DSMK364F.js → chunk-IPB4DP4B.js} +2 -2
- package/dist/{chunk-KMCC4EB6.cjs → chunk-IPUU5O7C.cjs} +2 -2
- package/dist/{chunk-KMCC4EB6.cjs.map → chunk-IPUU5O7C.cjs.map} +1 -1
- package/dist/{chunk-HLBSLEBS.cjs → chunk-IRLBCOP7.cjs} +2 -2
- package/dist/{chunk-HLBSLEBS.cjs.map → chunk-IRLBCOP7.cjs.map} +1 -1
- package/dist/{chunk-52DKSTTC.js → chunk-ISTRDNZJ.js} +2 -2
- package/dist/{chunk-SB6HAXC6.js → chunk-IWIEJ5JH.js} +2 -2
- package/dist/{chunk-F7OBBVRC.js → chunk-IYL6GRFQ.js} +2 -2
- package/dist/{chunk-Y2U6SOOG.js → chunk-J46KZXJW.js} +2 -2
- package/dist/{chunk-4RY5R4WP.cjs → chunk-J7LXEUFF.cjs} +2 -2
- package/dist/{chunk-4RY5R4WP.cjs.map → chunk-J7LXEUFF.cjs.map} +1 -1
- package/dist/{chunk-F46GD23E.js → chunk-JDUDWZ5P.js} +2 -2
- package/dist/{chunk-BKZMMAPZ.cjs → chunk-K3TQZYRP.cjs} +2 -2
- package/dist/{chunk-BKZMMAPZ.cjs.map → chunk-K3TQZYRP.cjs.map} +1 -1
- package/dist/{chunk-LYHXMFNX.cjs → chunk-K3U7SF65.cjs} +2 -2
- package/dist/{chunk-LYHXMFNX.cjs.map → chunk-K3U7SF65.cjs.map} +1 -1
- package/dist/{chunk-HLJ7K4GK.js → chunk-KAZ5IJXQ.js} +2 -2
- package/dist/{chunk-MMILUSSZ.cjs → chunk-KAZJQKX6.cjs} +2 -2
- package/dist/{chunk-MMILUSSZ.cjs.map → chunk-KAZJQKX6.cjs.map} +1 -1
- package/dist/{chunk-PTRHEB7E.cjs → chunk-KDSRTUCJ.cjs} +2 -2
- package/dist/{chunk-PTRHEB7E.cjs.map → chunk-KDSRTUCJ.cjs.map} +1 -1
- package/dist/{chunk-5HYMXTQX.js → chunk-KNKXBT7V.js} +2 -2
- package/dist/{chunk-OH5J7HR2.js → chunk-LCBJMLOF.js} +2 -2
- package/dist/{chunk-XWRBXNKM.js → chunk-LCNO3UHF.js} +2 -2
- package/dist/{chunk-ZXDVUQL5.js → chunk-LPNJSB3P.js} +2 -2
- package/dist/{chunk-K7MHEGRW.cjs → chunk-LRI53DUD.cjs} +2 -2
- package/dist/{chunk-K7MHEGRW.cjs.map → chunk-LRI53DUD.cjs.map} +1 -1
- package/dist/{chunk-6DQLXJR6.cjs → chunk-LSXCRUSM.cjs} +2 -2
- package/dist/{chunk-6DQLXJR6.cjs.map → chunk-LSXCRUSM.cjs.map} +1 -1
- package/dist/{chunk-Y235SAPC.cjs → chunk-MABODHC5.cjs} +2 -2
- package/dist/{chunk-Y235SAPC.cjs.map → chunk-MABODHC5.cjs.map} +1 -1
- package/dist/{chunk-JIOYPZ76.cjs → chunk-ME4F726T.cjs} +1 -1
- package/dist/chunk-ME4F726T.cjs.map +1 -0
- package/dist/{chunk-ENF7Q53Z.js → chunk-MGZNBC5R.js} +2 -2
- package/dist/{chunk-ENF7Q53Z.js.map → chunk-MGZNBC5R.js.map} +1 -1
- package/dist/{chunk-PS7QRCC6.cjs → chunk-NWYNLPDS.cjs} +2 -2
- package/dist/{chunk-PS7QRCC6.cjs.map → chunk-NWYNLPDS.cjs.map} +1 -1
- package/dist/{chunk-NLBAJCF4.cjs → chunk-OIQXXDAZ.cjs} +2 -2
- package/dist/{chunk-NLBAJCF4.cjs.map → chunk-OIQXXDAZ.cjs.map} +1 -1
- package/dist/{chunk-KANPKMAB.cjs → chunk-OZ34MH4D.cjs} +2 -2
- package/dist/{chunk-KANPKMAB.cjs.map → chunk-OZ34MH4D.cjs.map} +1 -1
- package/dist/{chunk-YGJWATZU.cjs → chunk-P4YD2SV7.cjs} +2 -2
- package/dist/{chunk-YGJWATZU.cjs.map → chunk-P4YD2SV7.cjs.map} +1 -1
- package/dist/{chunk-CYDSMVAB.cjs → chunk-PC2IFKED.cjs} +2 -2
- package/dist/{chunk-CYDSMVAB.cjs.map → chunk-PC2IFKED.cjs.map} +1 -1
- package/dist/{chunk-OEXHZZMO.cjs → chunk-PEG7O3EP.cjs} +2 -2
- package/dist/{chunk-OEXHZZMO.cjs.map → chunk-PEG7O3EP.cjs.map} +1 -1
- package/dist/{chunk-ZTJPE3CB.js → chunk-PMXTKXLK.js} +2 -2
- package/dist/{chunk-PEDQDHKE.js → chunk-PTFFWJJD.js} +2 -2
- package/dist/{chunk-ELAIVW4V.cjs → chunk-PTTUBGXG.cjs} +2 -2
- package/dist/{chunk-ELAIVW4V.cjs.map → chunk-PTTUBGXG.cjs.map} +1 -1
- package/dist/{chunk-CLJ4WATD.cjs → chunk-PUBQD4FB.cjs} +2 -2
- package/dist/{chunk-CLJ4WATD.cjs.map → chunk-PUBQD4FB.cjs.map} +1 -1
- package/dist/{chunk-CWFPBMHK.js → chunk-QDN2KZ5O.js} +2 -2
- package/dist/{chunk-INJ6SL3W.js → chunk-QEFKGODE.js} +2 -2
- package/dist/{chunk-VV4X74XY.js → chunk-R22B6EGD.js} +2 -2
- package/dist/{chunk-NPZ4YRYY.cjs → chunk-RDL6V3Y4.cjs} +2 -2
- package/dist/{chunk-NPZ4YRYY.cjs.map → chunk-RDL6V3Y4.cjs.map} +1 -1
- package/dist/{chunk-QE3XHF6N.cjs → chunk-RERCJGX7.cjs} +2 -2
- package/dist/{chunk-QE3XHF6N.cjs.map → chunk-RERCJGX7.cjs.map} +1 -1
- package/dist/{chunk-D4AQHXLR.cjs → chunk-RJFNIQDS.cjs} +2 -2
- package/dist/{chunk-D4AQHXLR.cjs.map → chunk-RJFNIQDS.cjs.map} +1 -1
- package/dist/{chunk-UGV2BEAT.js → chunk-RRZZATZ3.js} +2 -2
- package/dist/{chunk-X2F4FLA7.cjs → chunk-RYSVAI22.cjs} +2 -2
- package/dist/{chunk-X2F4FLA7.cjs.map → chunk-RYSVAI22.cjs.map} +1 -1
- package/dist/{chunk-HLOK57A5.js → chunk-S7MVZV3D.js} +2 -2
- package/dist/{chunk-GF3PWWDO.cjs → chunk-SIPMUHJ4.cjs} +2 -2
- package/dist/{chunk-GF3PWWDO.cjs.map → chunk-SIPMUHJ4.cjs.map} +1 -1
- package/dist/{chunk-LNEDBBH4.js → chunk-STDJZXBB.js} +2 -2
- package/dist/{chunk-OL7WHA7Z.js → chunk-SVQKBFI7.js} +2 -2
- package/dist/{chunk-342VYEUU.js → chunk-T55YOYTJ.js} +2 -2
- package/dist/{chunk-S5NL27AO.cjs → chunk-TC3FOBOA.cjs} +2 -2
- package/dist/{chunk-S5NL27AO.cjs.map → chunk-TC3FOBOA.cjs.map} +1 -1
- package/dist/{chunk-PTJGAPMI.cjs → chunk-UEISUUWL.cjs} +2 -2
- package/dist/{chunk-PTJGAPMI.cjs.map → chunk-UEISUUWL.cjs.map} +1 -1
- package/dist/{chunk-BLJICJ25.js → chunk-UFWCAHI4.js} +2 -2
- package/dist/{chunk-W5DRITCP.js → chunk-UHWPGX26.js} +2 -2
- package/dist/{chunk-LWHIBSW2.cjs → chunk-ULBCWC55.cjs} +2 -2
- package/dist/{chunk-LWHIBSW2.cjs.map → chunk-ULBCWC55.cjs.map} +1 -1
- package/dist/{chunk-65SUMKFK.js → chunk-UNHB6M5R.js} +2 -2
- package/dist/{chunk-JCITHZQ6.js → chunk-UPFQXUEH.js} +2 -2
- package/dist/{chunk-XFYTQ6FQ.js → chunk-VCC5YQTQ.js} +1 -1
- package/dist/chunk-VCC5YQTQ.js.map +1 -0
- package/dist/{chunk-S6EG7I53.cjs → chunk-VFFOD2H6.cjs} +2 -2
- package/dist/{chunk-S6EG7I53.cjs.map → chunk-VFFOD2H6.cjs.map} +1 -1
- package/dist/{chunk-AJ5IMDF7.cjs → chunk-VO3QKEP3.cjs} +2 -2
- package/dist/{chunk-AJ5IMDF7.cjs.map → chunk-VO3QKEP3.cjs.map} +1 -1
- package/dist/{chunk-IWYX25BF.cjs → chunk-VTDN2UHB.cjs} +2 -2
- package/dist/{chunk-IWYX25BF.cjs.map → chunk-VTDN2UHB.cjs.map} +1 -1
- package/dist/{chunk-ZKCFUEDC.cjs → chunk-W72MQ2J6.cjs} +2 -2
- package/dist/{chunk-ZKCFUEDC.cjs.map → chunk-W72MQ2J6.cjs.map} +1 -1
- package/dist/{chunk-77MBAIIT.js → chunk-WPWNS26A.js} +2 -2
- package/dist/{chunk-GP7ZPOAD.cjs → chunk-WYTNUFIU.cjs} +2 -2
- package/dist/{chunk-GP7ZPOAD.cjs.map → chunk-WYTNUFIU.cjs.map} +1 -1
- package/dist/{chunk-53JU4PRA.cjs → chunk-X43TRX6S.cjs} +2 -2
- package/dist/{chunk-53JU4PRA.cjs.map → chunk-X43TRX6S.cjs.map} +1 -1
- package/dist/{chunk-P22N5ZWP.js → chunk-XAMZK2HW.js} +2 -2
- package/dist/{chunk-GCLHYZPK.js → chunk-XAXWM72Q.js} +2 -2
- package/dist/{chunk-WWYRP5WH.cjs → chunk-XKJ66EBN.cjs} +2 -2
- package/dist/{chunk-WWYRP5WH.cjs.map → chunk-XKJ66EBN.cjs.map} +1 -1
- package/dist/{chunk-AP7MZWTH.js → chunk-YGMB2CQT.js} +2 -2
- package/dist/{chunk-SKN76SMI.cjs → chunk-YJI4QV6Q.cjs} +2 -2
- package/dist/{chunk-SKN76SMI.cjs.map → chunk-YJI4QV6Q.cjs.map} +1 -1
- package/dist/{chunk-ZB576BNK.cjs → chunk-YM3QHOKW.cjs} +2 -2
- package/dist/{chunk-ZB576BNK.cjs.map → chunk-YM3QHOKW.cjs.map} +1 -1
- package/dist/{chunk-GZ2MSRW5.js → chunk-YMGEQU5G.js} +2 -2
- package/dist/{chunk-U2MUI6OG.js → chunk-YTAVXBW4.js} +2 -2
- package/dist/{chunk-MJF6EV5G.js → chunk-YV6ZDB7J.js} +2 -2
- package/dist/{chunk-BRSHNJ6W.cjs → chunk-ZIC3DOL2.cjs} +2 -2
- package/dist/{chunk-BRSHNJ6W.cjs.map → chunk-ZIC3DOL2.cjs.map} +1 -1
- package/dist/{chunk-JVPVSNKC.js → chunk-ZS2W7AHO.js} +2 -2
- package/dist/{chunk-YY4MGT55.cjs → chunk-ZSLWPF2U.cjs} +1 -1
- package/dist/chunk-ZSLWPF2U.cjs.map +1 -0
- package/dist/components/Accordion/Accordion.cjs +1 -1
- package/dist/components/Accordion/Accordion.js +1 -1
- package/dist/components/Alert/Alert.cjs +1 -1
- package/dist/components/Alert/Alert.js +1 -1
- package/dist/components/Alert/AlertIconButton.cjs +1 -1
- package/dist/components/Alert/AlertIconButton.js +1 -1
- package/dist/components/Avatar/Avatar.cjs +1 -1
- package/dist/components/Avatar/Avatar.js +1 -1
- package/dist/components/Box/Box.cjs +1 -1
- package/dist/components/Box/Box.js +1 -1
- package/dist/components/Button/Button.cjs +1 -1
- package/dist/components/Button/Button.js +1 -1
- package/dist/components/ButtonBase/ButtonBase.cjs +1 -1
- package/dist/components/ButtonBase/ButtonBase.js +1 -1
- package/dist/components/Card/Card.cjs +1 -1
- package/dist/components/Card/Card.js +1 -1
- package/dist/components/Card/CardBannerContent.cjs +1 -1
- package/dist/components/Card/CardBannerContent.js +1 -1
- package/dist/components/Card/CardBannerImage.cjs +1 -1
- package/dist/components/Card/CardBannerImage.js +1 -1
- package/dist/components/Card/CardContent.cjs +1 -1
- package/dist/components/Card/CardContent.js +1 -1
- package/dist/components/Card/CardInteraction.cjs +1 -1
- package/dist/components/Card/CardInteraction.js +1 -1
- package/dist/components/CardAccordion/CardAccordion.cjs +1 -1
- package/dist/components/CardAccordion/CardAccordion.js +1 -1
- package/dist/components/CardAccordion/CardAccordionButton.cjs +1 -1
- package/dist/components/CardAccordion/CardAccordionButton.js +1 -1
- package/dist/components/CardAccordion/CardAccordionFooter.cjs +1 -1
- package/dist/components/CardAccordion/CardAccordionFooter.js +1 -1
- package/dist/components/CardAccordion/CardAccordionItem.cjs +1 -1
- package/dist/components/CardAccordion/CardAccordionItem.js +1 -1
- package/dist/components/CardActions/CardActionLink.cjs +1 -1
- package/dist/components/CardActions/CardActionLink.js +1 -1
- package/dist/components/CardActions/CardActions.cjs +1 -1
- package/dist/components/CardActions/CardActions.js +1 -1
- package/dist/components/Checkbox/Checkbox.cjs +1 -1
- package/dist/components/Checkbox/Checkbox.js +1 -1
- package/dist/components/CheckboxGroup/CheckboxGroup.cjs +1 -1
- package/dist/components/CheckboxGroup/CheckboxGroup.js +1 -1
- package/dist/components/CheckboxTile/CheckboxTile.cjs +1 -1
- package/dist/components/CheckboxTile/CheckboxTile.js +1 -1
- package/dist/components/Combobox/Combobox.cjs +1 -1
- package/dist/components/Combobox/Combobox.js +1 -1
- package/dist/components/Container/Container.cjs +1 -1
- package/dist/components/Container/Container.js +1 -1
- package/dist/components/DateInput/DateInput.cjs +1 -1
- package/dist/components/DateInput/DateInput.js +1 -1
- package/dist/components/DateInput/DateInputSegment.cjs +1 -1
- package/dist/components/DateInput/DateInputSegment.js +1 -1
- package/dist/components/DatePicker/DatePicker.cjs +1 -1
- package/dist/components/DatePicker/DatePicker.js +1 -1
- package/dist/components/DatePicker/DatePickerHeader.cjs +1 -1
- package/dist/components/DatePicker/DatePickerHeader.js +1 -1
- package/dist/components/DescriptionList/DescriptionList.cjs +1 -1
- package/dist/components/DescriptionList/DescriptionList.js +1 -1
- package/dist/components/DescriptionList/DescriptionListItem.cjs +1 -1
- package/dist/components/DescriptionList/DescriptionListItem.js +1 -1
- package/dist/components/ExpandableCard/ExpandableCard.cjs +1 -1
- package/dist/components/ExpandableCard/ExpandableCard.js +1 -1
- package/dist/components/ExpandableCard/ExpandableCardGroup.cjs +1 -1
- package/dist/components/ExpandableCard/ExpandableCardGroup.js +1 -1
- package/dist/components/Flex/Flex.cjs +1 -1
- package/dist/components/Flex/Flex.js +1 -1
- package/dist/components/FormGroupBase/FormGroupBase.cjs +1 -1
- package/dist/components/FormGroupBase/FormGroupBase.js +1 -1
- package/dist/components/Grid/Grid.cjs +1 -1
- package/dist/components/Grid/Grid.js +1 -1
- package/dist/components/HighlightBanner/HighlightBanner.cjs +1 -1
- package/dist/components/HighlightBanner/HighlightBanner.js +1 -1
- package/dist/components/HighlightBanner/HighlightBannerContent.cjs +1 -1
- package/dist/components/HighlightBanner/HighlightBannerContent.js +1 -1
- package/dist/components/IconButton/IconButton.cjs +1 -1
- package/dist/components/IconButton/IconButton.js +1 -1
- package/dist/components/List/List.cjs +1 -1
- package/dist/components/List/List.js +1 -1
- package/dist/components/List/ListActionLink.cjs +1 -1
- package/dist/components/List/ListActionLink.js +1 -1
- package/dist/components/List/ListItem.cjs +1 -1
- package/dist/components/List/ListItem.js +1 -1
- package/dist/components/List/ListItemButton.cjs +1 -1
- package/dist/components/List/ListItemButton.js +1 -1
- package/dist/components/List/ListItemContent.cjs +1 -1
- package/dist/components/List/ListItemContent.js +1 -1
- package/dist/components/List/ListItemLink.cjs +1 -1
- package/dist/components/List/ListItemLink.js +1 -1
- package/dist/components/Modal/Modal.cjs +1 -1
- package/dist/components/Modal/Modal.js +1 -1
- package/dist/components/Pagination/Pagination.cjs +1 -1
- package/dist/components/Pagination/Pagination.js +1 -1
- package/dist/components/PasswordInput/PasswordInput.cjs +1 -1
- package/dist/components/PasswordInput/PasswordInput.js +1 -1
- package/dist/components/ProgressStepper/ProgressStepLink.cjs +1 -1
- package/dist/components/ProgressStepper/ProgressStepLink.js +1 -1
- package/dist/components/Radio/Radio.cjs +1 -1
- package/dist/components/Radio/Radio.js +1 -1
- package/dist/components/RadioGroup/RadioGroup.cjs +1 -1
- package/dist/components/RadioGroup/RadioGroup.js +1 -1
- package/dist/components/RadioTile/RadioTile.cjs +1 -1
- package/dist/components/RadioTile/RadioTile.js +1 -1
- package/dist/components/SearchInput/SearchInput.cjs +1 -1
- package/dist/components/SearchInput/SearchInput.js +1 -1
- package/dist/components/SectionHeader/SectionHeader.cjs +1 -1
- package/dist/components/SectionHeader/SectionHeader.js +1 -1
- package/dist/components/Skeleton/Skeleton.cjs +1 -1
- package/dist/components/Skeleton/Skeleton.js +1 -1
- package/dist/components/Skeleton/SkeletonBodyText.cjs +1 -1
- package/dist/components/Skeleton/SkeletonBodyText.js +1 -1
- package/dist/components/Skeleton/SkeletonBox.cjs +1 -1
- package/dist/components/Skeleton/SkeletonBox.js +1 -1
- package/dist/components/Table/Table.cjs +1 -1
- package/dist/components/Table/Table.js +1 -1
- package/dist/components/Table/TablePagination.cjs +1 -1
- package/dist/components/Table/TablePagination.js +1 -1
- package/dist/components/Tabs/Tabs.cjs +1 -1
- package/dist/components/Tabs/Tabs.js +1 -1
- package/dist/components/Tabs/TabsList.cjs +1 -1
- package/dist/components/Tabs/TabsList.js +1 -1
- package/dist/components/TextArea/TextArea.cjs +1 -1
- package/dist/components/TextArea/TextArea.js +1 -1
- package/dist/components/Toast/Toast.cjs +1 -1
- package/dist/components/Toast/Toast.js +1 -1
- package/dist/components/ToggleButtonCard/ToggleButtonCard.cjs +1 -1
- package/dist/components/ToggleButtonCard/ToggleButtonCard.js +1 -1
- package/dist/components/ToggleGroup/ToggleGroup.cjs +1 -1
- package/dist/components/ToggleGroup/ToggleGroup.js +1 -1
- package/dist/components/UnstyledIconButton/UnstyledIconButton.cjs +1 -1
- package/dist/components/UnstyledIconButton/UnstyledIconButton.js +1 -1
- package/dist/helpers/get-subtree.cjs +1 -1
- package/dist/helpers/get-subtree.d.ts.map +1 -1
- package/dist/helpers/get-subtree.js +1 -1
- package/dist/hooks/use-media-query.cjs +1 -1
- package/dist/hooks/use-media-query.js +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +1 -1
- package/dist/props/border-width.props.cjs +1 -1
- package/dist/props/border-width.props.d.ts +6 -5
- package/dist/props/border-width.props.d.ts.map +1 -1
- package/dist/props/border-width.props.js +1 -1
- package/package.json +4 -4
- package/public/llms/components/box.md +5 -5
- package/public/llms/components/card.md +5 -5
- package/public/llms/components/flex.md +5 -5
- package/public/llms/components/grid.md +5 -5
- package/public/llms/components/switch.md +1 -1
- package/public/llms/components/toast.md +7 -6
- package/public/llms/components/toggle-button-card.md +5 -5
- package/public/llms/docs/common-props/align-self.md +5 -5
- package/public/llms/docs/common-props/border.md +27 -17
- package/public/llms/docs/common-props/colour.md +10 -10
- package/public/llms/docs/common-props/flex-items.md +5 -5
- package/public/llms/docs/common-props/gap.md +5 -5
- package/public/llms/docs/common-props/grid-items.md +5 -5
- package/public/llms/docs/common-props/margin.md +5 -5
- package/public/llms/docs/common-props/opacity.md +5 -5
- package/public/llms/docs/common-props/order.md +5 -5
- package/public/llms/docs/common-props/overflow.md +5 -5
- package/public/llms/docs/common-props/padding.md +5 -5
- package/public/llms/docs/common-props/position.md +5 -5
- package/public/llms/docs/common-props/size.md +5 -5
- package/public/llms/docs/common-props/spacing.md +5 -5
- package/public/llms/docs/common-props/z-index.md +5 -5
- package/dist/chunk-2UXAN2VR.js +0 -4
- package/dist/chunk-2UXAN2VR.js.map +0 -1
- package/dist/chunk-GJWSFJK7.js.map +0 -1
- package/dist/chunk-JIOYPZ76.cjs.map +0 -1
- package/dist/chunk-X6GAW3DO.cjs +0 -4
- package/dist/chunk-X6GAW3DO.cjs.map +0 -1
- package/dist/chunk-XFYTQ6FQ.js.map +0 -1
- package/dist/chunk-YY4MGT55.cjs.map +0 -1
- /package/dist/{chunk-MIVYZGEV.js.map → chunk-3BUFTODR.js.map} +0 -0
- /package/dist/{chunk-E6OA6MHD.js.map → chunk-3RNYO4PJ.js.map} +0 -0
- /package/dist/{chunk-PKSC3AY5.js.map → chunk-4LBBADOK.js.map} +0 -0
- /package/dist/{chunk-UWYR26O5.js.map → chunk-52W6O5ZR.js.map} +0 -0
- /package/dist/{chunk-IFYUDAKY.js.map → chunk-5FTDHJLS.js.map} +0 -0
- /package/dist/{chunk-PXB2NCQ2.js.map → chunk-63ASWWXD.js.map} +0 -0
- /package/dist/{chunk-R7JDBSFP.js.map → chunk-6NPVYRCZ.js.map} +0 -0
- /package/dist/{chunk-7EK77SDW.js.map → chunk-6ZPX2WJR.js.map} +0 -0
- /package/dist/{chunk-2IAHU3EW.js.map → chunk-7DKGHYAQ.js.map} +0 -0
- /package/dist/{chunk-OSK2N5OU.js.map → chunk-AR3EBD37.js.map} +0 -0
- /package/dist/{chunk-POD5A2FN.js.map → chunk-AVPB5FP6.js.map} +0 -0
- /package/dist/{chunk-GEM2WHFB.js.map → chunk-BV4522KV.js.map} +0 -0
- /package/dist/{chunk-TRY43UD2.js.map → chunk-CBDNOJMF.js.map} +0 -0
- /package/dist/{chunk-7YZPBUKR.js.map → chunk-CKJS5OTJ.js.map} +0 -0
- /package/dist/{chunk-J7XGHSUZ.js.map → chunk-CYSHJUND.js.map} +0 -0
- /package/dist/{chunk-VDJWRK6E.js.map → chunk-E4N6RFOO.js.map} +0 -0
- /package/dist/{chunk-EO7ZRPWM.js.map → chunk-EK2QU6LX.js.map} +0 -0
- /package/dist/{chunk-V44UZTPC.js.map → chunk-F3PLOSSC.js.map} +0 -0
- /package/dist/{chunk-5FIRBJFF.js.map → chunk-FKQX5ETS.js.map} +0 -0
- /package/dist/{chunk-QU7IEHHO.js.map → chunk-G2W6ENCH.js.map} +0 -0
- /package/dist/{chunk-UWJ4K23J.js.map → chunk-G75KW7WD.js.map} +0 -0
- /package/dist/{chunk-ZB3QD4BQ.js.map → chunk-GKCIUWL4.js.map} +0 -0
- /package/dist/{chunk-NRCMXNZQ.js.map → chunk-GPM5Q4W7.js.map} +0 -0
- /package/dist/{chunk-LAZ3J27N.js.map → chunk-GRWZY367.js.map} +0 -0
- /package/dist/{chunk-RU4YPNKV.js.map → chunk-GSOYIXCB.js.map} +0 -0
- /package/dist/{chunk-ACBHI2DH.js.map → chunk-GWX5JTO2.js.map} +0 -0
- /package/dist/{chunk-NS7PTOBJ.js.map → chunk-H5EAS4BJ.js.map} +0 -0
- /package/dist/{chunk-4MVOWO3N.js.map → chunk-HHXHKEPY.js.map} +0 -0
- /package/dist/{chunk-Z6W64KTC.js.map → chunk-HNZATVJR.js.map} +0 -0
- /package/dist/{chunk-HJEUUACJ.js.map → chunk-IKPXDSNF.js.map} +0 -0
- /package/dist/{chunk-DSMK364F.js.map → chunk-IPB4DP4B.js.map} +0 -0
- /package/dist/{chunk-52DKSTTC.js.map → chunk-ISTRDNZJ.js.map} +0 -0
- /package/dist/{chunk-SB6HAXC6.js.map → chunk-IWIEJ5JH.js.map} +0 -0
- /package/dist/{chunk-F7OBBVRC.js.map → chunk-IYL6GRFQ.js.map} +0 -0
- /package/dist/{chunk-Y2U6SOOG.js.map → chunk-J46KZXJW.js.map} +0 -0
- /package/dist/{chunk-F46GD23E.js.map → chunk-JDUDWZ5P.js.map} +0 -0
- /package/dist/{chunk-HLJ7K4GK.js.map → chunk-KAZ5IJXQ.js.map} +0 -0
- /package/dist/{chunk-5HYMXTQX.js.map → chunk-KNKXBT7V.js.map} +0 -0
- /package/dist/{chunk-OH5J7HR2.js.map → chunk-LCBJMLOF.js.map} +0 -0
- /package/dist/{chunk-XWRBXNKM.js.map → chunk-LCNO3UHF.js.map} +0 -0
- /package/dist/{chunk-ZXDVUQL5.js.map → chunk-LPNJSB3P.js.map} +0 -0
- /package/dist/{chunk-ZTJPE3CB.js.map → chunk-PMXTKXLK.js.map} +0 -0
- /package/dist/{chunk-PEDQDHKE.js.map → chunk-PTFFWJJD.js.map} +0 -0
- /package/dist/{chunk-CWFPBMHK.js.map → chunk-QDN2KZ5O.js.map} +0 -0
- /package/dist/{chunk-INJ6SL3W.js.map → chunk-QEFKGODE.js.map} +0 -0
- /package/dist/{chunk-VV4X74XY.js.map → chunk-R22B6EGD.js.map} +0 -0
- /package/dist/{chunk-UGV2BEAT.js.map → chunk-RRZZATZ3.js.map} +0 -0
- /package/dist/{chunk-HLOK57A5.js.map → chunk-S7MVZV3D.js.map} +0 -0
- /package/dist/{chunk-LNEDBBH4.js.map → chunk-STDJZXBB.js.map} +0 -0
- /package/dist/{chunk-OL7WHA7Z.js.map → chunk-SVQKBFI7.js.map} +0 -0
- /package/dist/{chunk-342VYEUU.js.map → chunk-T55YOYTJ.js.map} +0 -0
- /package/dist/{chunk-BLJICJ25.js.map → chunk-UFWCAHI4.js.map} +0 -0
- /package/dist/{chunk-W5DRITCP.js.map → chunk-UHWPGX26.js.map} +0 -0
- /package/dist/{chunk-65SUMKFK.js.map → chunk-UNHB6M5R.js.map} +0 -0
- /package/dist/{chunk-JCITHZQ6.js.map → chunk-UPFQXUEH.js.map} +0 -0
- /package/dist/{chunk-77MBAIIT.js.map → chunk-WPWNS26A.js.map} +0 -0
- /package/dist/{chunk-P22N5ZWP.js.map → chunk-XAMZK2HW.js.map} +0 -0
- /package/dist/{chunk-GCLHYZPK.js.map → chunk-XAXWM72Q.js.map} +0 -0
- /package/dist/{chunk-AP7MZWTH.js.map → chunk-YGMB2CQT.js.map} +0 -0
- /package/dist/{chunk-GZ2MSRW5.js.map → chunk-YMGEQU5G.js.map} +0 -0
- /package/dist/{chunk-U2MUI6OG.js.map → chunk-YTAVXBW4.js.map} +0 -0
- /package/dist/{chunk-MJF6EV5G.js.map → chunk-YV6ZDB7J.js.map} +0 -0
- /package/dist/{chunk-JVPVSNKC.js.map → chunk-ZS2W7AHO.js.map} +0 -0
|
@@ -35,11 +35,11 @@ The align-self CSS property overrides a grid or flex item's align-items value.
|
|
|
35
35
|
| `borderRightStyle` | `Responsive<"none" \| "solid">` | — | |
|
|
36
36
|
| `borderBottomStyle` | `Responsive<"none" \| "solid">` | — | |
|
|
37
37
|
| `borderLeftStyle` | `Responsive<"none" \| "solid">` | — | |
|
|
38
|
-
| `borderWidth` | `Responsive
|
|
39
|
-
| `borderTopWidth` | `Responsive
|
|
40
|
-
| `borderRightWidth` | `Responsive
|
|
41
|
-
| `borderBottomWidth` | `Responsive
|
|
42
|
-
| `borderLeftWidth` | `Responsive
|
|
38
|
+
| `borderWidth` | `Responsive<`var(--h-${string})` \| "0" \| "1" \| "2">` | — | |
|
|
39
|
+
| `borderTopWidth` | `Responsive<`var(--h-${string})` \| "0" \| "1" \| "2">` | — | |
|
|
40
|
+
| `borderRightWidth` | `Responsive<`var(--h-${string})` \| "0" \| "1" \| "2">` | — | |
|
|
41
|
+
| `borderBottomWidth` | `Responsive<`var(--h-${string})` \| "0" \| "1" \| "2">` | — | |
|
|
42
|
+
| `borderLeftWidth` | `Responsive<`var(--h-${string})` \| "0" \| "1" \| "2">` | — | |
|
|
43
43
|
| `color` | `"primary" \| "secondary" \| "brand" \| "affirmative" \| "inverted" \| `var(--h-${string})`` | — | |
|
|
44
44
|
| `flex` | `Responsive<string>` | — | |
|
|
45
45
|
| `flexBasis` | `Responsive<string>` | — | |
|
|
@@ -18,8 +18,9 @@ This applies to all of the available border colour values:
|
|
|
18
18
|
- `borderBottomColor`
|
|
19
19
|
- `borderLeftColor`
|
|
20
20
|
|
|
21
|
-
You can also pass any of the available Hearth prefixed CSS custom properties
|
|
22
|
-
You cannot pass raw strings to the border
|
|
21
|
+
You can also pass any of the available Hearth prefixed CSS custom properties
|
|
22
|
+
from the Hearth Tokens library. You cannot pass raw strings to the border
|
|
23
|
+
colour props.
|
|
23
24
|
|
|
24
25
|
```tsx
|
|
25
26
|
import { Box } from '@utilitywarehouse/hearth-react' import { semantic } from '@utilitywarehouse/hearth-tokens/browser';
|
|
@@ -67,11 +68,11 @@ import { Box } from '@utilitywarehouse/hearth-react' import { semantic } from '@
|
|
|
67
68
|
| `borderRightStyle` | `Responsive<"none" \| "solid">` | — | |
|
|
68
69
|
| `borderBottomStyle` | `Responsive<"none" \| "solid">` | — | |
|
|
69
70
|
| `borderLeftStyle` | `Responsive<"none" \| "solid">` | — | |
|
|
70
|
-
| `borderWidth` | `Responsive
|
|
71
|
-
| `borderTopWidth` | `Responsive
|
|
72
|
-
| `borderRightWidth` | `Responsive
|
|
73
|
-
| `borderBottomWidth` | `Responsive
|
|
74
|
-
| `borderLeftWidth` | `Responsive
|
|
71
|
+
| `borderWidth` | `Responsive<`var(--h-${string})` \| "0" \| "1" \| "2">` | — | |
|
|
72
|
+
| `borderTopWidth` | `Responsive<`var(--h-${string})` \| "0" \| "1" \| "2">` | — | |
|
|
73
|
+
| `borderRightWidth` | `Responsive<`var(--h-${string})` \| "0" \| "1" \| "2">` | — | |
|
|
74
|
+
| `borderBottomWidth` | `Responsive<`var(--h-${string})` \| "0" \| "1" \| "2">` | — | |
|
|
75
|
+
| `borderLeftWidth` | `Responsive<`var(--h-${string})` \| "0" \| "1" \| "2">` | — | |
|
|
75
76
|
| `color` | `"primary" \| "secondary" \| "brand" \| "affirmative" \| "inverted" \| `var(--h-${string})`` | — | |
|
|
76
77
|
| `flex` | `Responsive<string>` | — | |
|
|
77
78
|
| `flexBasis` | `Responsive<string>` | — | |
|
|
@@ -129,10 +130,19 @@ radius props, can be used to control the appearance of component borders.
|
|
|
129
130
|
The border-style is implicitly set when applying a border-color, so you usually
|
|
130
131
|
won't need it.
|
|
131
132
|
|
|
133
|
+
You can also pass any of the available Hearth prefixed CSS custom properties
|
|
134
|
+
from the Hearth Tokens library. You cannot pass raw strings to the border
|
|
135
|
+
colour props.
|
|
136
|
+
|
|
132
137
|
```tsx
|
|
133
138
|
<Box borderColor="strong" borderWidth="1" />
|
|
134
139
|
<Box borderWidth="2" borderColor="subtle" borderStyle={{ mobile: 'none', desktop: 'solid' }} />
|
|
135
140
|
<Box borderTopColor="subtle" borderTopWidth={{ mobile: '1', desktop: '2'}} borderRadius="full" />
|
|
141
|
+
|
|
142
|
+
// using Hearth browser tokens
|
|
143
|
+
import { components } from '@utilitywarehouse/hearth-tokens/browser';
|
|
144
|
+
|
|
145
|
+
<Box borderWidth={components.alert.borderWidth} />
|
|
136
146
|
```
|
|
137
147
|
|
|
138
148
|
| Prop | Type | Default | Description |
|
|
@@ -160,11 +170,11 @@ won't need it.
|
|
|
160
170
|
| `borderRightStyle` | `Responsive<"none" \| "solid">` | — | |
|
|
161
171
|
| `borderBottomStyle` | `Responsive<"none" \| "solid">` | — | |
|
|
162
172
|
| `borderLeftStyle` | `Responsive<"none" \| "solid">` | — | |
|
|
163
|
-
| `borderWidth` | `Responsive
|
|
164
|
-
| `borderTopWidth` | `Responsive
|
|
165
|
-
| `borderRightWidth` | `Responsive
|
|
166
|
-
| `borderBottomWidth` | `Responsive
|
|
167
|
-
| `borderLeftWidth` | `Responsive
|
|
173
|
+
| `borderWidth` | `Responsive<`var(--h-${string})` \| "0" \| "1" \| "2">` | — | |
|
|
174
|
+
| `borderTopWidth` | `Responsive<`var(--h-${string})` \| "0" \| "1" \| "2">` | — | |
|
|
175
|
+
| `borderRightWidth` | `Responsive<`var(--h-${string})` \| "0" \| "1" \| "2">` | — | |
|
|
176
|
+
| `borderBottomWidth` | `Responsive<`var(--h-${string})` \| "0" \| "1" \| "2">` | — | |
|
|
177
|
+
| `borderLeftWidth` | `Responsive<`var(--h-${string})` \| "0" \| "1" \| "2">` | — | |
|
|
168
178
|
| `color` | `"primary" \| "secondary" \| "brand" \| "affirmative" \| "inverted" \| `var(--h-${string})`` | — | |
|
|
169
179
|
| `flex` | `Responsive<string>` | — | |
|
|
170
180
|
| `flexBasis` | `Responsive<string>` | — | |
|
|
@@ -253,11 +263,11 @@ You can also override the `borderRadius` for individual corners and sides.
|
|
|
253
263
|
| `borderRightStyle` | `Responsive<"none" \| "solid">` | — | |
|
|
254
264
|
| `borderBottomStyle` | `Responsive<"none" \| "solid">` | — | |
|
|
255
265
|
| `borderLeftStyle` | `Responsive<"none" \| "solid">` | — | |
|
|
256
|
-
| `borderWidth` | `Responsive
|
|
257
|
-
| `borderTopWidth` | `Responsive
|
|
258
|
-
| `borderRightWidth` | `Responsive
|
|
259
|
-
| `borderBottomWidth` | `Responsive
|
|
260
|
-
| `borderLeftWidth` | `Responsive
|
|
266
|
+
| `borderWidth` | `Responsive<`var(--h-${string})` \| "0" \| "1" \| "2">` | — | |
|
|
267
|
+
| `borderTopWidth` | `Responsive<`var(--h-${string})` \| "0" \| "1" \| "2">` | — | |
|
|
268
|
+
| `borderRightWidth` | `Responsive<`var(--h-${string})` \| "0" \| "1" \| "2">` | — | |
|
|
269
|
+
| `borderBottomWidth` | `Responsive<`var(--h-${string})` \| "0" \| "1" \| "2">` | — | |
|
|
270
|
+
| `borderLeftWidth` | `Responsive<`var(--h-${string})` \| "0" \| "1" \| "2">` | — | |
|
|
261
271
|
| `color` | `"primary" \| "secondary" \| "brand" \| "affirmative" \| "inverted" \| `var(--h-${string})`` | — | |
|
|
262
272
|
| `flex` | `Responsive<string>` | — | |
|
|
263
273
|
| `flexBasis` | `Responsive<string>` | — | |
|
|
@@ -66,11 +66,11 @@ import { Box } from '@utilitywarehouse/hearth-react' import { semantic } from '@
|
|
|
66
66
|
| `borderRightStyle` | `Responsive<"none" \| "solid">` | — | |
|
|
67
67
|
| `borderBottomStyle` | `Responsive<"none" \| "solid">` | — | |
|
|
68
68
|
| `borderLeftStyle` | `Responsive<"none" \| "solid">` | — | |
|
|
69
|
-
| `borderWidth` | `Responsive
|
|
70
|
-
| `borderTopWidth` | `Responsive
|
|
71
|
-
| `borderRightWidth` | `Responsive
|
|
72
|
-
| `borderBottomWidth` | `Responsive
|
|
73
|
-
| `borderLeftWidth` | `Responsive
|
|
69
|
+
| `borderWidth` | `Responsive<`var(--h-${string})` \| "0" \| "1" \| "2">` | — | |
|
|
70
|
+
| `borderTopWidth` | `Responsive<`var(--h-${string})` \| "0" \| "1" \| "2">` | — | |
|
|
71
|
+
| `borderRightWidth` | `Responsive<`var(--h-${string})` \| "0" \| "1" \| "2">` | — | |
|
|
72
|
+
| `borderBottomWidth` | `Responsive<`var(--h-${string})` \| "0" \| "1" \| "2">` | — | |
|
|
73
|
+
| `borderLeftWidth` | `Responsive<`var(--h-${string})` \| "0" \| "1" \| "2">` | — | |
|
|
74
74
|
| `color` | `"primary" \| "secondary" \| "brand" \| "affirmative" \| "inverted" \| `var(--h-${string})`` | — | |
|
|
75
75
|
| `flex` | `Responsive<string>` | — | |
|
|
76
76
|
| `flexBasis` | `Responsive<string>` | — | |
|
|
@@ -180,11 +180,11 @@ import { Box } from '@utilitywarehouse/hearth-react' import { semantic } from '@
|
|
|
180
180
|
| `borderRightStyle` | `Responsive<"none" \| "solid">` | — | |
|
|
181
181
|
| `borderBottomStyle` | `Responsive<"none" \| "solid">` | — | |
|
|
182
182
|
| `borderLeftStyle` | `Responsive<"none" \| "solid">` | — | |
|
|
183
|
-
| `borderWidth` | `Responsive
|
|
184
|
-
| `borderTopWidth` | `Responsive
|
|
185
|
-
| `borderRightWidth` | `Responsive
|
|
186
|
-
| `borderBottomWidth` | `Responsive
|
|
187
|
-
| `borderLeftWidth` | `Responsive
|
|
183
|
+
| `borderWidth` | `Responsive<`var(--h-${string})` \| "0" \| "1" \| "2">` | — | |
|
|
184
|
+
| `borderTopWidth` | `Responsive<`var(--h-${string})` \| "0" \| "1" \| "2">` | — | |
|
|
185
|
+
| `borderRightWidth` | `Responsive<`var(--h-${string})` \| "0" \| "1" \| "2">` | — | |
|
|
186
|
+
| `borderBottomWidth` | `Responsive<`var(--h-${string})` \| "0" \| "1" \| "2">` | — | |
|
|
187
|
+
| `borderLeftWidth` | `Responsive<`var(--h-${string})` \| "0" \| "1" \| "2">` | — | |
|
|
188
188
|
| `color` | `"primary" \| "secondary" \| "brand" \| "affirmative" \| "inverted" \| `var(--h-${string})`` | — | |
|
|
189
189
|
| `flex` | `Responsive<string>` | — | |
|
|
190
190
|
| `flexBasis` | `Responsive<string>` | — | |
|
|
@@ -36,11 +36,11 @@ Flex item props enable styling on components when they are children of a flexbox
|
|
|
36
36
|
| `borderRightStyle` | `Responsive<"none" \| "solid">` | — | |
|
|
37
37
|
| `borderBottomStyle` | `Responsive<"none" \| "solid">` | — | |
|
|
38
38
|
| `borderLeftStyle` | `Responsive<"none" \| "solid">` | — | |
|
|
39
|
-
| `borderWidth` | `Responsive
|
|
40
|
-
| `borderTopWidth` | `Responsive
|
|
41
|
-
| `borderRightWidth` | `Responsive
|
|
42
|
-
| `borderBottomWidth` | `Responsive
|
|
43
|
-
| `borderLeftWidth` | `Responsive
|
|
39
|
+
| `borderWidth` | `Responsive<`var(--h-${string})` \| "0" \| "1" \| "2">` | — | |
|
|
40
|
+
| `borderTopWidth` | `Responsive<`var(--h-${string})` \| "0" \| "1" \| "2">` | — | |
|
|
41
|
+
| `borderRightWidth` | `Responsive<`var(--h-${string})` \| "0" \| "1" \| "2">` | — | |
|
|
42
|
+
| `borderBottomWidth` | `Responsive<`var(--h-${string})` \| "0" \| "1" \| "2">` | — | |
|
|
43
|
+
| `borderLeftWidth` | `Responsive<`var(--h-${string})` \| "0" \| "1" \| "2">` | — | |
|
|
44
44
|
| `color` | `"primary" \| "secondary" \| "brand" \| "affirmative" \| "inverted" \| `var(--h-${string})`` | — | |
|
|
45
45
|
| `flex` | `Responsive<string>` | — | |
|
|
46
46
|
| `flexBasis` | `Responsive<string>` | — | |
|
|
@@ -52,11 +52,11 @@ import { Flex } from '@utilitywarehouse/hearth-react' import { components } from
|
|
|
52
52
|
| `borderRightStyle` | `Responsive<"none" \| "solid">` | — | |
|
|
53
53
|
| `borderBottomStyle` | `Responsive<"none" \| "solid">` | — | |
|
|
54
54
|
| `borderLeftStyle` | `Responsive<"none" \| "solid">` | — | |
|
|
55
|
-
| `borderWidth` | `Responsive
|
|
56
|
-
| `borderTopWidth` | `Responsive
|
|
57
|
-
| `borderRightWidth` | `Responsive
|
|
58
|
-
| `borderBottomWidth` | `Responsive
|
|
59
|
-
| `borderLeftWidth` | `Responsive
|
|
55
|
+
| `borderWidth` | `Responsive<`var(--h-${string})` \| "0" \| "1" \| "2">` | — | |
|
|
56
|
+
| `borderTopWidth` | `Responsive<`var(--h-${string})` \| "0" \| "1" \| "2">` | — | |
|
|
57
|
+
| `borderRightWidth` | `Responsive<`var(--h-${string})` \| "0" \| "1" \| "2">` | — | |
|
|
58
|
+
| `borderBottomWidth` | `Responsive<`var(--h-${string})` \| "0" \| "1" \| "2">` | — | |
|
|
59
|
+
| `borderLeftWidth` | `Responsive<`var(--h-${string})` \| "0" \| "1" \| "2">` | — | |
|
|
60
60
|
| `color` | `"primary" \| "secondary" \| "brand" \| "affirmative" \| "inverted" \| `var(--h-${string})`` | — | |
|
|
61
61
|
| `flex` | `Responsive<string>` | — | |
|
|
62
62
|
| `flexBasis` | `Responsive<string>` | — | |
|
|
@@ -41,11 +41,11 @@ for the relevant prop.
|
|
|
41
41
|
| `borderRightStyle` | `Responsive<"none" \| "solid">` | — | |
|
|
42
42
|
| `borderBottomStyle` | `Responsive<"none" \| "solid">` | — | |
|
|
43
43
|
| `borderLeftStyle` | `Responsive<"none" \| "solid">` | — | |
|
|
44
|
-
| `borderWidth` | `Responsive
|
|
45
|
-
| `borderTopWidth` | `Responsive
|
|
46
|
-
| `borderRightWidth` | `Responsive
|
|
47
|
-
| `borderBottomWidth` | `Responsive
|
|
48
|
-
| `borderLeftWidth` | `Responsive
|
|
44
|
+
| `borderWidth` | `Responsive<`var(--h-${string})` \| "0" \| "1" \| "2">` | — | |
|
|
45
|
+
| `borderTopWidth` | `Responsive<`var(--h-${string})` \| "0" \| "1" \| "2">` | — | |
|
|
46
|
+
| `borderRightWidth` | `Responsive<`var(--h-${string})` \| "0" \| "1" \| "2">` | — | |
|
|
47
|
+
| `borderBottomWidth` | `Responsive<`var(--h-${string})` \| "0" \| "1" \| "2">` | — | |
|
|
48
|
+
| `borderLeftWidth` | `Responsive<`var(--h-${string})` \| "0" \| "1" \| "2">` | — | |
|
|
49
49
|
| `color` | `"primary" \| "secondary" \| "brand" \| "affirmative" \| "inverted" \| `var(--h-${string})`` | — | |
|
|
50
50
|
| `flex` | `Responsive<string>` | — | |
|
|
51
51
|
| `flexBasis` | `Responsive<string>` | — | |
|
|
@@ -50,11 +50,11 @@ import { Box } from '@utilitywarehouse/hearth-react' import { components } from
|
|
|
50
50
|
| `borderRightStyle` | `Responsive<"none" \| "solid">` | — | |
|
|
51
51
|
| `borderBottomStyle` | `Responsive<"none" \| "solid">` | — | |
|
|
52
52
|
| `borderLeftStyle` | `Responsive<"none" \| "solid">` | — | |
|
|
53
|
-
| `borderWidth` | `Responsive
|
|
54
|
-
| `borderTopWidth` | `Responsive
|
|
55
|
-
| `borderRightWidth` | `Responsive
|
|
56
|
-
| `borderBottomWidth` | `Responsive
|
|
57
|
-
| `borderLeftWidth` | `Responsive
|
|
53
|
+
| `borderWidth` | `Responsive<`var(--h-${string})` \| "0" \| "1" \| "2">` | — | |
|
|
54
|
+
| `borderTopWidth` | `Responsive<`var(--h-${string})` \| "0" \| "1" \| "2">` | — | |
|
|
55
|
+
| `borderRightWidth` | `Responsive<`var(--h-${string})` \| "0" \| "1" \| "2">` | — | |
|
|
56
|
+
| `borderBottomWidth` | `Responsive<`var(--h-${string})` \| "0" \| "1" \| "2">` | — | |
|
|
57
|
+
| `borderLeftWidth` | `Responsive<`var(--h-${string})` \| "0" \| "1" \| "2">` | — | |
|
|
58
58
|
| `color` | `"primary" \| "secondary" \| "brand" \| "affirmative" \| "inverted" \| `var(--h-${string})`` | — | |
|
|
59
59
|
| `flex` | `Responsive<string>` | — | |
|
|
60
60
|
| `flexBasis` | `Responsive<string>` | — | |
|
|
@@ -45,11 +45,11 @@ import {semantic} from '@utilitywarehouse/hearth-tokens/browser';
|
|
|
45
45
|
| `borderRightStyle` | `Responsive<"none" \| "solid">` | — | |
|
|
46
46
|
| `borderBottomStyle` | `Responsive<"none" \| "solid">` | — | |
|
|
47
47
|
| `borderLeftStyle` | `Responsive<"none" \| "solid">` | — | |
|
|
48
|
-
| `borderWidth` | `Responsive
|
|
49
|
-
| `borderTopWidth` | `Responsive
|
|
50
|
-
| `borderRightWidth` | `Responsive
|
|
51
|
-
| `borderBottomWidth` | `Responsive
|
|
52
|
-
| `borderLeftWidth` | `Responsive
|
|
48
|
+
| `borderWidth` | `Responsive<`var(--h-${string})` \| "0" \| "1" \| "2">` | — | |
|
|
49
|
+
| `borderTopWidth` | `Responsive<`var(--h-${string})` \| "0" \| "1" \| "2">` | — | |
|
|
50
|
+
| `borderRightWidth` | `Responsive<`var(--h-${string})` \| "0" \| "1" \| "2">` | — | |
|
|
51
|
+
| `borderBottomWidth` | `Responsive<`var(--h-${string})` \| "0" \| "1" \| "2">` | — | |
|
|
52
|
+
| `borderLeftWidth` | `Responsive<`var(--h-${string})` \| "0" \| "1" \| "2">` | — | |
|
|
53
53
|
| `color` | `"primary" \| "secondary" \| "brand" \| "affirmative" \| "inverted" \| `var(--h-${string})`` | — | |
|
|
54
54
|
| `flex` | `Responsive<string>` | — | |
|
|
55
55
|
| `flexBasis` | `Responsive<string>` | — | |
|
|
@@ -35,11 +35,11 @@ accepts any valid string value.
|
|
|
35
35
|
| `borderRightStyle` | `Responsive<"none" \| "solid">` | — | |
|
|
36
36
|
| `borderBottomStyle` | `Responsive<"none" \| "solid">` | — | |
|
|
37
37
|
| `borderLeftStyle` | `Responsive<"none" \| "solid">` | — | |
|
|
38
|
-
| `borderWidth` | `Responsive
|
|
39
|
-
| `borderTopWidth` | `Responsive
|
|
40
|
-
| `borderRightWidth` | `Responsive
|
|
41
|
-
| `borderBottomWidth` | `Responsive
|
|
42
|
-
| `borderLeftWidth` | `Responsive
|
|
38
|
+
| `borderWidth` | `Responsive<`var(--h-${string})` \| "0" \| "1" \| "2">` | — | |
|
|
39
|
+
| `borderTopWidth` | `Responsive<`var(--h-${string})` \| "0" \| "1" \| "2">` | — | |
|
|
40
|
+
| `borderRightWidth` | `Responsive<`var(--h-${string})` \| "0" \| "1" \| "2">` | — | |
|
|
41
|
+
| `borderBottomWidth` | `Responsive<`var(--h-${string})` \| "0" \| "1" \| "2">` | — | |
|
|
42
|
+
| `borderLeftWidth` | `Responsive<`var(--h-${string})` \| "0" \| "1" \| "2">` | — | |
|
|
43
43
|
| `color` | `"primary" \| "secondary" \| "brand" \| "affirmative" \| "inverted" \| `var(--h-${string})`` | — | |
|
|
44
44
|
| `flex` | `Responsive<string>` | — | |
|
|
45
45
|
| `flexBasis` | `Responsive<string>` | — | |
|
|
@@ -34,11 +34,11 @@ The overflow props are responsive, and are available for the shorthand as well a
|
|
|
34
34
|
| `borderRightStyle` | `Responsive<"none" \| "solid">` | — | |
|
|
35
35
|
| `borderBottomStyle` | `Responsive<"none" \| "solid">` | — | |
|
|
36
36
|
| `borderLeftStyle` | `Responsive<"none" \| "solid">` | — | |
|
|
37
|
-
| `borderWidth` | `Responsive
|
|
38
|
-
| `borderTopWidth` | `Responsive
|
|
39
|
-
| `borderRightWidth` | `Responsive
|
|
40
|
-
| `borderBottomWidth` | `Responsive
|
|
41
|
-
| `borderLeftWidth` | `Responsive
|
|
37
|
+
| `borderWidth` | `Responsive<`var(--h-${string})` \| "0" \| "1" \| "2">` | — | |
|
|
38
|
+
| `borderTopWidth` | `Responsive<`var(--h-${string})` \| "0" \| "1" \| "2">` | — | |
|
|
39
|
+
| `borderRightWidth` | `Responsive<`var(--h-${string})` \| "0" \| "1" \| "2">` | — | |
|
|
40
|
+
| `borderBottomWidth` | `Responsive<`var(--h-${string})` \| "0" \| "1" \| "2">` | — | |
|
|
41
|
+
| `borderLeftWidth` | `Responsive<`var(--h-${string})` \| "0" \| "1" \| "2">` | — | |
|
|
42
42
|
| `color` | `"primary" \| "secondary" \| "brand" \| "affirmative" \| "inverted" \| `var(--h-${string})`` | — | |
|
|
43
43
|
| `flex` | `Responsive<string>` | — | |
|
|
44
44
|
| `flexBasis` | `Responsive<string>` | — | |
|
|
@@ -47,11 +47,11 @@ import { Box } from '@utilitywarehouse/hearth-react' import { components } from
|
|
|
47
47
|
| `borderRightStyle` | `Responsive<"none" \| "solid">` | — | |
|
|
48
48
|
| `borderBottomStyle` | `Responsive<"none" \| "solid">` | — | |
|
|
49
49
|
| `borderLeftStyle` | `Responsive<"none" \| "solid">` | — | |
|
|
50
|
-
| `borderWidth` | `Responsive
|
|
51
|
-
| `borderTopWidth` | `Responsive
|
|
52
|
-
| `borderRightWidth` | `Responsive
|
|
53
|
-
| `borderBottomWidth` | `Responsive
|
|
54
|
-
| `borderLeftWidth` | `Responsive
|
|
50
|
+
| `borderWidth` | `Responsive<`var(--h-${string})` \| "0" \| "1" \| "2">` | — | |
|
|
51
|
+
| `borderTopWidth` | `Responsive<`var(--h-${string})` \| "0" \| "1" \| "2">` | — | |
|
|
52
|
+
| `borderRightWidth` | `Responsive<`var(--h-${string})` \| "0" \| "1" \| "2">` | — | |
|
|
53
|
+
| `borderBottomWidth` | `Responsive<`var(--h-${string})` \| "0" \| "1" \| "2">` | — | |
|
|
54
|
+
| `borderLeftWidth` | `Responsive<`var(--h-${string})` \| "0" \| "1" \| "2">` | — | |
|
|
55
55
|
| `color` | `"primary" \| "secondary" \| "brand" \| "affirmative" \| "inverted" \| `var(--h-${string})`` | — | |
|
|
56
56
|
| `flex` | `Responsive<string>` | — | |
|
|
57
57
|
| `flexBasis` | `Responsive<string>` | — | |
|
|
@@ -37,11 +37,11 @@ as well as raw string values.
|
|
|
37
37
|
| `borderRightStyle` | `Responsive<"none" \| "solid">` | — | |
|
|
38
38
|
| `borderBottomStyle` | `Responsive<"none" \| "solid">` | — | |
|
|
39
39
|
| `borderLeftStyle` | `Responsive<"none" \| "solid">` | — | |
|
|
40
|
-
| `borderWidth` | `Responsive
|
|
41
|
-
| `borderTopWidth` | `Responsive
|
|
42
|
-
| `borderRightWidth` | `Responsive
|
|
43
|
-
| `borderBottomWidth` | `Responsive
|
|
44
|
-
| `borderLeftWidth` | `Responsive
|
|
40
|
+
| `borderWidth` | `Responsive<`var(--h-${string})` \| "0" \| "1" \| "2">` | — | |
|
|
41
|
+
| `borderTopWidth` | `Responsive<`var(--h-${string})` \| "0" \| "1" \| "2">` | — | |
|
|
42
|
+
| `borderRightWidth` | `Responsive<`var(--h-${string})` \| "0" \| "1" \| "2">` | — | |
|
|
43
|
+
| `borderBottomWidth` | `Responsive<`var(--h-${string})` \| "0" \| "1" \| "2">` | — | |
|
|
44
|
+
| `borderLeftWidth` | `Responsive<`var(--h-${string})` \| "0" \| "1" \| "2">` | — | |
|
|
45
45
|
| `color` | `"primary" \| "secondary" \| "brand" \| "affirmative" \| "inverted" \| `var(--h-${string})`` | — | |
|
|
46
46
|
| `flex` | `Responsive<string>` | — | |
|
|
47
47
|
| `flexBasis` | `Responsive<string>` | — | |
|
|
@@ -38,11 +38,11 @@ This also means you can use the Hearth browser tokens as values.
|
|
|
38
38
|
| `borderRightStyle` | `Responsive<"none" \| "solid">` | — | |
|
|
39
39
|
| `borderBottomStyle` | `Responsive<"none" \| "solid">` | — | |
|
|
40
40
|
| `borderLeftStyle` | `Responsive<"none" \| "solid">` | — | |
|
|
41
|
-
| `borderWidth` | `Responsive
|
|
42
|
-
| `borderTopWidth` | `Responsive
|
|
43
|
-
| `borderRightWidth` | `Responsive
|
|
44
|
-
| `borderBottomWidth` | `Responsive
|
|
45
|
-
| `borderLeftWidth` | `Responsive
|
|
41
|
+
| `borderWidth` | `Responsive<`var(--h-${string})` \| "0" \| "1" \| "2">` | — | |
|
|
42
|
+
| `borderTopWidth` | `Responsive<`var(--h-${string})` \| "0" \| "1" \| "2">` | — | |
|
|
43
|
+
| `borderRightWidth` | `Responsive<`var(--h-${string})` \| "0" \| "1" \| "2">` | — | |
|
|
44
|
+
| `borderBottomWidth` | `Responsive<`var(--h-${string})` \| "0" \| "1" \| "2">` | — | |
|
|
45
|
+
| `borderLeftWidth` | `Responsive<`var(--h-${string})` \| "0" \| "1" \| "2">` | — | |
|
|
46
46
|
| `color` | `"primary" \| "secondary" \| "brand" \| "affirmative" \| "inverted" \| `var(--h-${string})`` | — | |
|
|
47
47
|
| `flex` | `Responsive<string>` | — | |
|
|
48
48
|
| `flexBasis` | `Responsive<string>` | — | |
|
|
@@ -38,11 +38,11 @@ any usage of the `Flex` or `Grid` gap props.
|
|
|
38
38
|
| `borderRightStyle` | `Responsive<"none" \| "solid">` | — | |
|
|
39
39
|
| `borderBottomStyle` | `Responsive<"none" \| "solid">` | — | |
|
|
40
40
|
| `borderLeftStyle` | `Responsive<"none" \| "solid">` | — | |
|
|
41
|
-
| `borderWidth` | `Responsive
|
|
42
|
-
| `borderTopWidth` | `Responsive
|
|
43
|
-
| `borderRightWidth` | `Responsive
|
|
44
|
-
| `borderBottomWidth` | `Responsive
|
|
45
|
-
| `borderLeftWidth` | `Responsive
|
|
41
|
+
| `borderWidth` | `Responsive<`var(--h-${string})` \| "0" \| "1" \| "2">` | — | |
|
|
42
|
+
| `borderTopWidth` | `Responsive<`var(--h-${string})` \| "0" \| "1" \| "2">` | — | |
|
|
43
|
+
| `borderRightWidth` | `Responsive<`var(--h-${string})` \| "0" \| "1" \| "2">` | — | |
|
|
44
|
+
| `borderBottomWidth` | `Responsive<`var(--h-${string})` \| "0" \| "1" \| "2">` | — | |
|
|
45
|
+
| `borderLeftWidth` | `Responsive<`var(--h-${string})` \| "0" \| "1" \| "2">` | — | |
|
|
46
46
|
| `color` | `"primary" \| "secondary" \| "brand" \| "affirmative" \| "inverted" \| `var(--h-${string})`` | — | |
|
|
47
47
|
| `flex` | `Responsive<string>` | — | |
|
|
48
48
|
| `flexBasis` | `Responsive<string>` | — | |
|
|
@@ -33,11 +33,11 @@ use any token values.
|
|
|
33
33
|
| `borderRightStyle` | `Responsive<"none" \| "solid">` | — | |
|
|
34
34
|
| `borderBottomStyle` | `Responsive<"none" \| "solid">` | — | |
|
|
35
35
|
| `borderLeftStyle` | `Responsive<"none" \| "solid">` | — | |
|
|
36
|
-
| `borderWidth` | `Responsive
|
|
37
|
-
| `borderTopWidth` | `Responsive
|
|
38
|
-
| `borderRightWidth` | `Responsive
|
|
39
|
-
| `borderBottomWidth` | `Responsive
|
|
40
|
-
| `borderLeftWidth` | `Responsive
|
|
36
|
+
| `borderWidth` | `Responsive<`var(--h-${string})` \| "0" \| "1" \| "2">` | — | |
|
|
37
|
+
| `borderTopWidth` | `Responsive<`var(--h-${string})` \| "0" \| "1" \| "2">` | — | |
|
|
38
|
+
| `borderRightWidth` | `Responsive<`var(--h-${string})` \| "0" \| "1" \| "2">` | — | |
|
|
39
|
+
| `borderBottomWidth` | `Responsive<`var(--h-${string})` \| "0" \| "1" \| "2">` | — | |
|
|
40
|
+
| `borderLeftWidth` | `Responsive<`var(--h-${string})` \| "0" \| "1" \| "2">` | — | |
|
|
41
41
|
| `color` | `"primary" \| "secondary" \| "brand" \| "affirmative" \| "inverted" \| `var(--h-${string})`` | — | |
|
|
42
42
|
| `flex` | `Responsive<string>` | — | |
|
|
43
43
|
| `flexBasis` | `Responsive<string>` | — | |
|
package/dist/chunk-2UXAN2VR.js
DELETED
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
|
|
3
|
-
import{useCallback as h,useDebugValue as m,useMemo as r,useSyncExternalStore as f}from"react";function b(e,u={}){let{defaultValue:n=!1,initializeWithDefaultValue:i=!1}=u;e=e.replace(/^@media( ?)/m,"");let t=h(()=>n,[n]),l=r(()=>i?t:()=>window.matchMedia(e).matches,[t,e,i]),[c,d]=r(()=>{if(window.matchMedia===null)return[t,()=>()=>{}];let a=window.matchMedia(e);return[()=>a.matches,s=>(a.addEventListener("change",s),()=>{a.removeEventListener("change",s)})]},[t,e]),o=f(d,c,l);return process.env.NODE_ENV!=="production"&&m({query:e,match:o}),o}export{b as a};
|
|
4
|
-
//# sourceMappingURL=chunk-2UXAN2VR.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/hooks/use-media-query.ts"],"sourcesContent":["// gratefully copied from MUI -> https://github.com/mui/material-ui/blob/master/packages/mui-system/src/useMediaQuery/useMediaQuery.ts\n\nimport { useCallback, useDebugValue, useMemo, useSyncExternalStore } from 'react';\n\nexport interface UseMediaQueryOptions {\n /**\n * As `window.matchMedia()` is unavailable on the server,\n * this is the default value to return.\n * @default false\n */\n defaultValue?: boolean;\n /**\n * To perform the server-side hydration, the hook needs to render twice.\n * A first time with `defaultValue`, the value of the server, and a second time with the resolved value.\n * This double pass rendering cycle comes with a drawback: it's slower.\n * In SSR, you should set it to `true`, returning `options.defaultValue` or `false` initially.\n * @default false\n */\n initializeWithDefaultValue?: boolean;\n}\n\n/**\n * Custom hook that tracks the state of a media query using the [`Match Media API`](https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia).\n * @param {string} query - The media query to track.\n * @param {?UseMediaQueryOptions} [options] - The options for customizing the behavior of the hook (optional).\n * @returns {boolean} The current state of the media query (true if the query matches, false otherwise).\n * @example\n * ```tsx\n * import { useMediaQuery, media } from '@utilitywarehouse/hearth-react';\n *\n * const isMobileOrTablet = useMediaQuery(media.below('desktop'));\n * // Use `isMobileOrTablet ` to conditionally apply styles or logic based on the screen size.\n * ```\n */\nexport function useMediaQuery(query: string, options: UseMediaQueryOptions = {}): boolean {\n const { defaultValue = false, initializeWithDefaultValue = false } = options;\n\n query = query.replace(/^@media( ?)/m, '');\n\n const getDefaultSnapshot = useCallback(() => defaultValue, [defaultValue]);\n const getServerSnapshot = useMemo(() => {\n if (initializeWithDefaultValue) {\n return getDefaultSnapshot;\n }\n return () => window.matchMedia(query).matches;\n }, [getDefaultSnapshot, query, initializeWithDefaultValue]);\n\n const [getSnapshot, subscribe] = useMemo(() => {\n if (window.matchMedia === null) {\n return [getDefaultSnapshot, () => () => {}];\n }\n\n const mediaQueryList = window.matchMedia(query);\n\n return [\n () => mediaQueryList.matches,\n (notify: () => void) => {\n mediaQueryList.addEventListener('change', notify);\n return () => {\n mediaQueryList.removeEventListener('change', notify);\n };\n },\n ];\n }, [getDefaultSnapshot, query]);\n // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment,@typescript-eslint/no-unsafe-call\n const match = useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);\n\n if (process.env.NODE_ENV !== 'production') {\n // eslint-disable-next-line react-hooks/rules-of-hooks\n useDebugValue({ query, match });\n }\n\n return match;\n}\n"],"mappings":";;AAEA,OAAS,eAAAA,EAAa,iBAAAC,EAAe,WAAAC,EAAS,wBAAAC,MAA4B,QAgCnE,SAASC,EAAcC,EAAeC,EAAgC,CAAC,EAAY,CACxF,GAAM,CAAE,aAAAC,EAAe,GAAO,2BAAAC,EAA6B,EAAM,EAAIF,EAErED,EAAQA,EAAM,QAAQ,eAAgB,EAAE,EAExC,IAAMI,EAAqBT,EAAY,IAAMO,EAAc,CAACA,CAAY,CAAC,EACnEG,EAAoBR,EAAQ,IAC5BM,EACKC,EAEF,IAAM,OAAO,WAAWJ,CAAK,EAAE,QACrC,CAACI,EAAoBJ,EAAOG,CAA0B,CAAC,EAEpD,CAACG,EAAaC,CAAS,EAAIV,EAAQ,IAAM,CAC7C,GAAI,OAAO,aAAe,KACxB,MAAO,CAACO,EAAoB,IAAM,IAAM,CAAC,CAAC,EAG5C,IAAMI,EAAiB,OAAO,WAAWR,CAAK,EAE9C,MAAO,CACL,IAAMQ,EAAe,QACpBC,IACCD,EAAe,iBAAiB,SAAUC,CAAM,EACzC,IAAM,CACXD,EAAe,oBAAoB,SAAUC,CAAM,CACrD,EAEJ,CACF,EAAG,CAACL,EAAoBJ,CAAK,CAAC,EAExBU,EAAQZ,EAAqBS,EAAWD,EAAaD,CAAiB,EAE5E,OAAI,QAAQ,IAAI,WAAa,cAE3BT,EAAc,CAAE,MAAAI,EAAO,MAAAU,CAAM,CAAC,EAGzBA,CACT","names":["useCallback","useDebugValue","useMemo","useSyncExternalStore","useMediaQuery","query","options","defaultValue","initializeWithDefaultValue","getDefaultSnapshot","getServerSnapshot","getSnapshot","subscribe","mediaQueryList","notify","match"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/props/border-width.props.ts"],"sourcesContent":["import { PropDef } from './prop-def';\nimport { Responsive } from '../types/responsive';\n\nconst values = ['0', '1', '2'] as const;\n\nexport const borderWidthPropDefs = {\n borderWidth: { className: 'bw', tokens: values, responsive: true },\n borderTopWidth: { className: 'bw-t', tokens: values, responsive: true },\n borderRightWidth: { className: 'bw-r', tokens: values, responsive: true },\n borderBottomWidth: { className: 'bw-b', tokens: values, responsive: true },\n borderLeftWidth: { className: 'bw-l', tokens: values, responsive: true },\n} satisfies {\n borderWidth: PropDef<(typeof values)[number]>;\n borderTopWidth: PropDef<(typeof values)[number]>;\n borderRightWidth: PropDef<(typeof values)[number]>;\n borderBottomWidth: PropDef<(typeof values)[number]>;\n borderLeftWidth: PropDef<(typeof values)[number]>;\n};\n\nexport interface BorderWidthProps {\n borderWidth?: Responsive<(typeof values)[number]>;\n borderTopWidth?: Responsive<(typeof values)[number]>;\n borderRightWidth?: Responsive<(typeof values)[number]>;\n borderBottomWidth?: Responsive<(typeof values)[number]>;\n borderLeftWidth?: Responsive<(typeof values)[number]>;\n}\n"],"mappings":";;AAGA,IAAMA,EAAS,CAAC,IAAK,IAAK,GAAG,EAEhBC,EAAsB,CACjC,YAAa,CAAE,UAAW,KAAM,OAAQD,EAAQ,WAAY,EAAK,EACjE,eAAgB,CAAE,UAAW,OAAQ,OAAQA,EAAQ,WAAY,EAAK,EACtE,iBAAkB,CAAE,UAAW,OAAQ,OAAQA,EAAQ,WAAY,EAAK,EACxE,kBAAmB,CAAE,UAAW,OAAQ,OAAQA,EAAQ,WAAY,EAAK,EACzE,gBAAiB,CAAE,UAAW,OAAQ,OAAQA,EAAQ,WAAY,EAAK,CACzE","names":["values","borderWidthPropDefs"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-JIOYPZ76.cjs","../src/props/border-width.props.ts"],"names":["values","borderWidthPropDefs"],"mappings":"AAAA,qFAAY;AACZ;ACEA,IAAMA,CAAAA,CAAS,CAAC,GAAA,CAAK,GAAA,CAAK,GAAG,CAAA,CAEhBC,CAAAA,aAAsB,CACjC,WAAA,CAAa,CAAE,SAAA,CAAW,IAAA,CAAM,MAAA,CAAQD,CAAAA,CAAQ,UAAA,CAAY,CAAA,CAAK,CAAA,CACjE,cAAA,CAAgB,CAAE,SAAA,CAAW,MAAA,CAAQ,MAAA,CAAQA,CAAAA,CAAQ,UAAA,CAAY,CAAA,CAAK,CAAA,CACtE,gBAAA,CAAkB,CAAE,SAAA,CAAW,MAAA,CAAQ,MAAA,CAAQA,CAAAA,CAAQ,UAAA,CAAY,CAAA,CAAK,CAAA,CACxE,iBAAA,CAAmB,CAAE,SAAA,CAAW,MAAA,CAAQ,MAAA,CAAQA,CAAAA,CAAQ,UAAA,CAAY,CAAA,CAAK,CAAA,CACzE,eAAA,CAAiB,CAAE,SAAA,CAAW,MAAA,CAAQ,MAAA,CAAQA,CAAAA,CAAQ,UAAA,CAAY,CAAA,CAAK,CACzE,CAAA,CAAA,cAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-JIOYPZ76.cjs","sourcesContent":[null,"import { PropDef } from './prop-def';\nimport { Responsive } from '../types/responsive';\n\nconst values = ['0', '1', '2'] as const;\n\nexport const borderWidthPropDefs = {\n borderWidth: { className: 'bw', tokens: values, responsive: true },\n borderTopWidth: { className: 'bw-t', tokens: values, responsive: true },\n borderRightWidth: { className: 'bw-r', tokens: values, responsive: true },\n borderBottomWidth: { className: 'bw-b', tokens: values, responsive: true },\n borderLeftWidth: { className: 'bw-l', tokens: values, responsive: true },\n} satisfies {\n borderWidth: PropDef<(typeof values)[number]>;\n borderTopWidth: PropDef<(typeof values)[number]>;\n borderRightWidth: PropDef<(typeof values)[number]>;\n borderBottomWidth: PropDef<(typeof values)[number]>;\n borderLeftWidth: PropDef<(typeof values)[number]>;\n};\n\nexport interface BorderWidthProps {\n borderWidth?: Responsive<(typeof values)[number]>;\n borderTopWidth?: Responsive<(typeof values)[number]>;\n borderRightWidth?: Responsive<(typeof values)[number]>;\n borderBottomWidth?: Responsive<(typeof values)[number]>;\n borderLeftWidth?: Responsive<(typeof values)[number]>;\n}\n"]}
|
package/dist/chunk-X6GAW3DO.cjs
DELETED
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
|
|
2
|
-
|
|
3
|
-
var _react = require('react');function b(e,u={}){let{defaultValue:n=!1,initializeWithDefaultValue:i=!1}=u;e=e.replace(/^@media( ?)/m,"");let t=_react.useCallback.call(void 0, ()=>n,[n]),l=_react.useMemo.call(void 0, ()=>i?t:()=>window.matchMedia(e).matches,[t,e,i]),[c,d]=_react.useMemo.call(void 0, ()=>{if(window.matchMedia===null)return[t,()=>()=>{}];let a=window.matchMedia(e);return[()=>a.matches,s=>(a.addEventListener("change",s),()=>{a.removeEventListener("change",s)})]},[t,e]),o=_react.useSyncExternalStore.call(void 0, d,c,l);return process.env.NODE_ENV!=="production"&&_react.useDebugValue.call(void 0, {query:e,match:o}),o}exports.a = b;
|
|
4
|
-
//# sourceMappingURL=chunk-X6GAW3DO.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-X6GAW3DO.cjs","../src/hooks/use-media-query.ts"],"names":["useMediaQuery","query","options","defaultValue","initializeWithDefaultValue","getDefaultSnapshot","useCallback","getServerSnapshot","useMemo","getSnapshot","subscribe","mediaQueryList","notify","match","useSyncExternalStore","useDebugValue"],"mappings":"AAAA,qFAAY;AACZ;ACCA,8BAA0E,SAgC1DA,CAAAA,CAAcC,CAAAA,CAAeC,CAAAA,CAAgC,CAAC,CAAA,CAAY,CACxF,GAAM,CAAE,YAAA,CAAAC,CAAAA,CAAe,CAAA,CAAA,CAAO,0BAAA,CAAAC,CAAAA,CAA6B,CAAA,CAAM,CAAA,CAAIF,CAAAA,CAErED,CAAAA,CAAQA,CAAAA,CAAM,OAAA,CAAQ,cAAA,CAAgB,EAAE,CAAA,CAExC,IAAMI,CAAAA,CAAqBC,gCAAAA,CAAY,CAAA,EAAMH,CAAAA,CAAc,CAACA,CAAY,CAAC,CAAA,CACnEI,CAAAA,CAAoBC,4BAAAA,CAAQ,CAAA,EAC5BJ,CAAAA,CACKC,CAAAA,CAEF,CAAA,CAAA,EAAM,MAAA,CAAO,UAAA,CAAWJ,CAAK,CAAA,CAAE,OAAA,CACrC,CAACI,CAAAA,CAAoBJ,CAAAA,CAAOG,CAA0B,CAAC,CAAA,CAEpD,CAACK,CAAAA,CAAaC,CAAS,CAAA,CAAIF,4BAAAA,CAAQ,CAAA,EAAM,CAC7C,EAAA,CAAI,MAAA,CAAO,UAAA,GAAe,IAAA,CACxB,MAAO,CAACH,CAAAA,CAAoB,CAAA,CAAA,EAAM,CAAA,CAAA,EAAM,CAAC,CAAC,CAAA,CAG5C,IAAMM,CAAAA,CAAiB,MAAA,CAAO,UAAA,CAAWV,CAAK,CAAA,CAE9C,MAAO,CACL,CAAA,CAAA,EAAMU,CAAAA,CAAe,OAAA,CACpBC,CAAAA,EAAAA,CACCD,CAAAA,CAAe,gBAAA,CAAiB,QAAA,CAAUC,CAAM,CAAA,CACzC,CAAA,CAAA,EAAM,CACXD,CAAAA,CAAe,mBAAA,CAAoB,QAAA,CAAUC,CAAM,CACrD,CAAA,CAEJ,CACF,CAAA,CAAG,CAACP,CAAAA,CAAoBJ,CAAK,CAAC,CAAA,CAExBY,CAAAA,CAAQC,yCAAAA,CAAqBJ,CAAWD,CAAAA,CAAaF,CAAiB,CAAA,CAE5E,OAAI,OAAA,CAAQ,GAAA,CAAI,QAAA,GAAa,YAAA,EAE3BQ,kCAAAA,CAAgB,KAAA,CAAAd,CAAAA,CAAO,KAAA,CAAAY,CAAM,CAAC,CAAA,CAGzBA,CACT,CAAA,cAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-X6GAW3DO.cjs","sourcesContent":[null,"// gratefully copied from MUI -> https://github.com/mui/material-ui/blob/master/packages/mui-system/src/useMediaQuery/useMediaQuery.ts\n\nimport { useCallback, useDebugValue, useMemo, useSyncExternalStore } from 'react';\n\nexport interface UseMediaQueryOptions {\n /**\n * As `window.matchMedia()` is unavailable on the server,\n * this is the default value to return.\n * @default false\n */\n defaultValue?: boolean;\n /**\n * To perform the server-side hydration, the hook needs to render twice.\n * A first time with `defaultValue`, the value of the server, and a second time with the resolved value.\n * This double pass rendering cycle comes with a drawback: it's slower.\n * In SSR, you should set it to `true`, returning `options.defaultValue` or `false` initially.\n * @default false\n */\n initializeWithDefaultValue?: boolean;\n}\n\n/**\n * Custom hook that tracks the state of a media query using the [`Match Media API`](https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia).\n * @param {string} query - The media query to track.\n * @param {?UseMediaQueryOptions} [options] - The options for customizing the behavior of the hook (optional).\n * @returns {boolean} The current state of the media query (true if the query matches, false otherwise).\n * @example\n * ```tsx\n * import { useMediaQuery, media } from '@utilitywarehouse/hearth-react';\n *\n * const isMobileOrTablet = useMediaQuery(media.below('desktop'));\n * // Use `isMobileOrTablet ` to conditionally apply styles or logic based on the screen size.\n * ```\n */\nexport function useMediaQuery(query: string, options: UseMediaQueryOptions = {}): boolean {\n const { defaultValue = false, initializeWithDefaultValue = false } = options;\n\n query = query.replace(/^@media( ?)/m, '');\n\n const getDefaultSnapshot = useCallback(() => defaultValue, [defaultValue]);\n const getServerSnapshot = useMemo(() => {\n if (initializeWithDefaultValue) {\n return getDefaultSnapshot;\n }\n return () => window.matchMedia(query).matches;\n }, [getDefaultSnapshot, query, initializeWithDefaultValue]);\n\n const [getSnapshot, subscribe] = useMemo(() => {\n if (window.matchMedia === null) {\n return [getDefaultSnapshot, () => () => {}];\n }\n\n const mediaQueryList = window.matchMedia(query);\n\n return [\n () => mediaQueryList.matches,\n (notify: () => void) => {\n mediaQueryList.addEventListener('change', notify);\n return () => {\n mediaQueryList.removeEventListener('change', notify);\n };\n },\n ];\n }, [getDefaultSnapshot, query]);\n // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment,@typescript-eslint/no-unsafe-call\n const match = useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);\n\n if (process.env.NODE_ENV !== 'production') {\n // eslint-disable-next-line react-hooks/rules-of-hooks\n useDebugValue({ query, match });\n }\n\n return match;\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/helpers/get-subtree.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-member-access */\n/* eslint-disable @typescript-eslint/no-unsafe-argument */\n// https://github.com/radix-ui/themes/blob/main/packages/radix-ui-themes/src/helpers/get-subtree.ts\nimport { Children, cloneElement } from 'react';\nimport type { ReactElement, ReactNode } from 'react';\n\n/**\n * This is a helper function that is used when a component supports `asChild`\n * using the `Slot` component but its implementation contains nested DOM elements.\n *\n * Using it ensures if a consumer uses the `asChild` prop, the elements are in\n * correct order in the DOM, adopting the intended consumer `children`.\n */\nexport function getSubtree(\n options: { asChild: boolean | undefined; children: ReactNode },\n content: ReactNode | ((children: ReactNode) => ReactNode)\n) {\n const { asChild, children } = options;\n if (!asChild) return typeof content === 'function' ? content(children) : content;\n\n const firstChild = Children.only(children) as ReactElement<{\n children?: ReactNode;\n }>;\n\n return cloneElement(firstChild, {\n children: typeof content === 'function' ? content(firstChild.props.children) : content,\n });\n}\n"],"mappings":";;AAGA,OAAS,YAAAA,EAAU,gBAAAC,MAAoB,QAUhC,SAASC,EACdC,EACAC,EACA,CACA,GAAM,CAAE,QAAAC,EAAS,SAAAC,CAAS,EAAIH,EAC9B,GAAI,CAACE,EAAS,OAAO,OAAOD,GAAY,WAAaA,EAAQE,CAAQ,EAAIF,EAEzE,IAAMG,EAAaP,EAAS,KAAKM,CAAQ,EAIzC,OAAOL,EAAaM,EAAY,CAC9B,SAAU,OAAOH,GAAY,WAAaA,EAAQG,EAAW,MAAM,QAAQ,EAAIH,CACjF,CAAC,CACH","names":["Children","cloneElement","getSubtree","options","content","asChild","children","firstChild"]}
|