@womp/kookie-ui 0.3.26 → 0.4.0
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/AUTHORS +27 -0
- package/LICENSE +29 -0
- package/README.md +21 -1
- package/components.css +4 -4
- package/dist/cjs/components/_internal/shell-bottom.js +1 -1
- package/dist/cjs/components/_internal/shell-bottom.js.map +3 -3
- package/dist/cjs/components/_internal/shell-inspector.js +1 -1
- package/dist/cjs/components/_internal/shell-inspector.js.map +3 -3
- package/dist/cjs/components/_internal/shell-sidebar.js +1 -1
- package/dist/cjs/components/_internal/shell-sidebar.js.map +3 -3
- package/dist/cjs/components/alert-dialog.js +1 -1
- package/dist/cjs/components/alert-dialog.js.map +3 -3
- package/dist/cjs/components/badge.js +1 -1
- package/dist/cjs/components/badge.js.map +3 -3
- package/dist/cjs/components/button.js +1 -1
- package/dist/cjs/components/button.js.map +3 -3
- package/dist/cjs/components/chatbar.js +2 -2
- package/dist/cjs/components/chatbar.js.map +3 -3
- package/dist/cjs/components/checkbox-cards.js +1 -1
- package/dist/cjs/components/checkbox-cards.js.map +3 -3
- package/dist/cjs/components/combobox.js +1 -1
- package/dist/cjs/components/combobox.js.map +3 -3
- package/dist/cjs/components/context-menu.js +1 -1
- package/dist/cjs/components/context-menu.js.map +3 -3
- package/dist/cjs/components/dialog.js +1 -1
- package/dist/cjs/components/dialog.js.map +3 -3
- package/dist/cjs/components/dropdown-menu.js +1 -1
- package/dist/cjs/components/dropdown-menu.js.map +3 -3
- package/dist/cjs/components/hover-card.js +1 -1
- package/dist/cjs/components/hover-card.js.map +3 -3
- package/dist/cjs/components/icon-button.js +2 -2
- package/dist/cjs/components/icon-button.js.map +3 -3
- package/dist/cjs/components/index.js +5 -5
- package/dist/cjs/components/index.js.map +3 -3
- package/dist/cjs/components/popover.js +1 -1
- package/dist/cjs/components/popover.js.map +3 -3
- package/dist/cjs/components/radio-cards.js +1 -1
- package/dist/cjs/components/radio-cards.js.map +3 -3
- package/dist/cjs/components/select.js +1 -1
- package/dist/cjs/components/select.js.map +3 -3
- package/dist/cjs/components/sheet.js +1 -1
- package/dist/cjs/components/sheet.js.map +3 -3
- package/dist/cjs/components/shell.js +1 -1
- package/dist/cjs/components/shell.js.map +3 -3
- package/dist/cjs/components/sidebar.js +1 -1
- package/dist/cjs/components/sidebar.js.map +3 -3
- package/dist/cjs/components/theme-panel.js +3 -3
- package/dist/cjs/components/theme-panel.js.map +3 -3
- package/dist/cjs/components/theme.d.ts +3 -0
- package/dist/cjs/components/theme.d.ts.map +1 -1
- package/dist/cjs/components/theme.js +1 -1
- package/dist/cjs/components/theme.js.map +3 -3
- package/dist/cjs/components/theme.props.d.ts +15 -1
- package/dist/cjs/components/theme.props.d.ts.map +1 -1
- package/dist/cjs/components/theme.props.js +1 -1
- package/dist/cjs/components/theme.props.js.map +2 -2
- package/dist/cjs/components/toggle-button.js +2 -2
- package/dist/cjs/components/toggle-button.js.map +3 -3
- package/dist/cjs/components/toggle-icon-button.js +3 -3
- package/dist/cjs/components/toggle-icon-button.js.map +3 -3
- package/dist/cjs/components/tooltip.js +1 -1
- package/dist/cjs/components/tooltip.js.map +3 -3
- package/dist/cjs/components/user-card.js +1 -1
- package/dist/cjs/components/user-card.js.map +3 -3
- package/dist/cjs/helpers/font-config.d.ts +84 -77
- package/dist/cjs/helpers/font-config.d.ts.map +1 -1
- package/dist/cjs/helpers/font-config.js +5 -2
- package/dist/cjs/helpers/font-config.js.map +3 -3
- package/dist/cjs/helpers/index.js +5 -2
- package/dist/cjs/helpers/index.js.map +3 -3
- package/dist/cjs/index.js +5 -5
- package/dist/cjs/index.js.map +3 -3
- package/dist/cjs/props/index.js +1 -1
- package/dist/cjs/props/index.js.map +2 -2
- package/dist/esm/{chunk-4CKDU6FY.js → chunk-2FYJTSOP.js} +2 -2
- package/dist/esm/{chunk-ICIGZ3N7.js → chunk-374ZYJUP.js} +2 -2
- package/dist/esm/{chunk-F2HYQ3ZR.js → chunk-6IGTK4JE.js} +2 -2
- package/dist/esm/chunk-6XGZPIUT.js +2 -0
- package/dist/esm/{chunk-T27QHMW7.js.map → chunk-6XGZPIUT.js.map} +2 -2
- package/dist/esm/{chunk-FLFAXVFB.js → chunk-A2RZGGMY.js} +2 -2
- package/dist/esm/{chunk-KKM6T5P7.js → chunk-AU3D6F42.js} +2 -2
- package/dist/esm/{chunk-O3CDWEZA.js → chunk-CVWCKOHO.js} +2 -2
- package/dist/esm/{chunk-JQQIPEGY.js → chunk-CWRNW44F.js} +2 -2
- package/dist/esm/{chunk-UVCH7QKO.js → chunk-DNHUQLXO.js} +2 -2
- package/dist/esm/{chunk-FOEZLQTW.js → chunk-FXUUI6Z2.js} +2 -2
- package/dist/esm/{chunk-WO43WW3A.js → chunk-IKSN4RNB.js} +2 -2
- package/dist/esm/{chunk-4IY2PR6N.js → chunk-K6QZMNCD.js} +2 -2
- package/dist/esm/{chunk-DL2O3GKG.js → chunk-KKBP2CRH.js} +2 -2
- package/dist/esm/{chunk-VLO7NXSP.js → chunk-M24UXMOQ.js} +2 -2
- package/dist/esm/{chunk-MRECKC4D.js → chunk-MK2R6DAU.js} +2 -2
- package/dist/esm/{chunk-5IBGFL6O.js → chunk-MOR3NSXQ.js} +2 -2
- package/dist/esm/{chunk-PQZXQ4ST.js → chunk-OSRJRBKP.js} +2 -2
- package/dist/esm/{chunk-WTYNFBFV.js → chunk-PLWXTEVE.js} +2 -2
- package/dist/esm/{chunk-U2X2CAW4.js → chunk-QEOAXJLN.js} +2 -2
- package/dist/esm/{chunk-36ZQVP7F.js → chunk-RMKXWYOV.js} +2 -2
- package/dist/esm/{chunk-BJYUPIXO.js → chunk-S56YSRHP.js} +2 -2
- package/dist/esm/{chunk-22HGLMPQ.js → chunk-TOLLPRMM.js} +2 -2
- package/dist/esm/{chunk-ETMLMDW4.js → chunk-UGD7Z3L4.js} +2 -2
- package/dist/esm/chunk-VA5A4MHU.js +6 -0
- package/dist/esm/chunk-VA5A4MHU.js.map +7 -0
- package/dist/esm/{chunk-4BBOHEF4.js → chunk-W7N7V5YD.js} +2 -2
- package/dist/esm/{chunk-D5N627TH.js → chunk-WFMYNZXZ.js} +2 -2
- package/dist/esm/{chunk-JR2YOGII.js → chunk-YEB3H7QN.js} +2 -2
- package/dist/esm/chunk-YUP6EICB.js +2 -0
- package/dist/esm/chunk-YUP6EICB.js.map +7 -0
- package/dist/esm/components/_internal/shell-bottom.js +1 -1
- package/dist/esm/components/_internal/shell-inspector.js +1 -1
- package/dist/esm/components/_internal/shell-sidebar.js +1 -1
- package/dist/esm/components/alert-dialog.js +1 -1
- package/dist/esm/components/badge.js +1 -1
- package/dist/esm/components/button.js +1 -1
- package/dist/esm/components/chatbar.js +1 -1
- package/dist/esm/components/checkbox-cards.js +1 -1
- package/dist/esm/components/combobox.js +1 -1
- package/dist/esm/components/context-menu.js +1 -1
- package/dist/esm/components/dialog.js +1 -1
- package/dist/esm/components/dropdown-menu.js +1 -1
- package/dist/esm/components/hover-card.js +1 -1
- package/dist/esm/components/icon-button.js +1 -1
- package/dist/esm/components/index.js +1 -1
- package/dist/esm/components/popover.js +1 -1
- package/dist/esm/components/radio-cards.js +1 -1
- package/dist/esm/components/select.js +1 -1
- package/dist/esm/components/sheet.js +1 -1
- package/dist/esm/components/shell.js +1 -1
- package/dist/esm/components/sidebar.js +1 -1
- package/dist/esm/components/theme-panel.js +1 -1
- package/dist/esm/components/theme.d.ts +3 -0
- package/dist/esm/components/theme.d.ts.map +1 -1
- package/dist/esm/components/theme.js +1 -1
- package/dist/esm/components/theme.props.d.ts +15 -1
- package/dist/esm/components/theme.props.d.ts.map +1 -1
- package/dist/esm/components/theme.props.js +1 -1
- package/dist/esm/components/toggle-button.js +1 -1
- package/dist/esm/components/toggle-icon-button.js +1 -1
- package/dist/esm/components/tooltip.js +1 -1
- package/dist/esm/components/user-card.js +1 -1
- package/dist/esm/helpers/font-config.d.ts +84 -77
- package/dist/esm/helpers/font-config.d.ts.map +1 -1
- package/dist/esm/helpers/font-config.js +1 -1
- package/dist/esm/helpers/index.js +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/props/index.js +1 -1
- package/fonts.css +8 -0
- package/package.json +17 -7
- package/src/components/heading.css +10 -3
- package/src/components/text.css +10 -3
- package/src/components/theme.props.tsx +13 -1
- package/src/components/theme.tsx +18 -0
- package/src/helpers/font-config.ts +130 -148
- package/src/styles/fonts.css +24 -29
- package/src/styles/index.css +0 -1
- package/src/styles/tokens/base.css +1 -0
- package/src/styles/tokens/font-family.css +263 -0
- package/src/styles/tokens/typography.css +2 -216
- package/styles.css +8607 -8616
- package/tokens/base.css +37 -27
- package/tokens.css +37 -27
- package/dist/esm/chunk-LOGJJF4I.js +0 -2
- package/dist/esm/chunk-LOGJJF4I.js.map +0 -7
- package/dist/esm/chunk-Q7P6BTVU.js +0 -3
- package/dist/esm/chunk-Q7P6BTVU.js.map +0 -7
- package/dist/esm/chunk-T27QHMW7.js +0 -2
- /package/dist/esm/{chunk-4CKDU6FY.js.map → chunk-2FYJTSOP.js.map} +0 -0
- /package/dist/esm/{chunk-ICIGZ3N7.js.map → chunk-374ZYJUP.js.map} +0 -0
- /package/dist/esm/{chunk-F2HYQ3ZR.js.map → chunk-6IGTK4JE.js.map} +0 -0
- /package/dist/esm/{chunk-FLFAXVFB.js.map → chunk-A2RZGGMY.js.map} +0 -0
- /package/dist/esm/{chunk-KKM6T5P7.js.map → chunk-AU3D6F42.js.map} +0 -0
- /package/dist/esm/{chunk-O3CDWEZA.js.map → chunk-CVWCKOHO.js.map} +0 -0
- /package/dist/esm/{chunk-JQQIPEGY.js.map → chunk-CWRNW44F.js.map} +0 -0
- /package/dist/esm/{chunk-UVCH7QKO.js.map → chunk-DNHUQLXO.js.map} +0 -0
- /package/dist/esm/{chunk-FOEZLQTW.js.map → chunk-FXUUI6Z2.js.map} +0 -0
- /package/dist/esm/{chunk-WO43WW3A.js.map → chunk-IKSN4RNB.js.map} +0 -0
- /package/dist/esm/{chunk-4IY2PR6N.js.map → chunk-K6QZMNCD.js.map} +0 -0
- /package/dist/esm/{chunk-DL2O3GKG.js.map → chunk-KKBP2CRH.js.map} +0 -0
- /package/dist/esm/{chunk-VLO7NXSP.js.map → chunk-M24UXMOQ.js.map} +0 -0
- /package/dist/esm/{chunk-MRECKC4D.js.map → chunk-MK2R6DAU.js.map} +0 -0
- /package/dist/esm/{chunk-5IBGFL6O.js.map → chunk-MOR3NSXQ.js.map} +0 -0
- /package/dist/esm/{chunk-PQZXQ4ST.js.map → chunk-OSRJRBKP.js.map} +0 -0
- /package/dist/esm/{chunk-WTYNFBFV.js.map → chunk-PLWXTEVE.js.map} +0 -0
- /package/dist/esm/{chunk-U2X2CAW4.js.map → chunk-QEOAXJLN.js.map} +0 -0
- /package/dist/esm/{chunk-36ZQVP7F.js.map → chunk-RMKXWYOV.js.map} +0 -0
- /package/dist/esm/{chunk-BJYUPIXO.js.map → chunk-S56YSRHP.js.map} +0 -0
- /package/dist/esm/{chunk-22HGLMPQ.js.map → chunk-TOLLPRMM.js.map} +0 -0
- /package/dist/esm/{chunk-ETMLMDW4.js.map → chunk-UGD7Z3L4.js.map} +0 -0
- /package/dist/esm/{chunk-4BBOHEF4.js.map → chunk-W7N7V5YD.js.map} +0 -0
- /package/dist/esm/{chunk-D5N627TH.js.map → chunk-WFMYNZXZ.js.map} +0 -0
- /package/dist/esm/{chunk-JR2YOGII.js.map → chunk-YEB3H7QN.js.map} +0 -0
package/dist/esm/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import"./chunk-EL7YGOTY.js";import"./chunk-QDW5ZG5E.js";import{a as vo}from"./chunk-
|
|
1
|
+
import"./chunk-EL7YGOTY.js";import"./chunk-QDW5ZG5E.js";import{a as vo}from"./chunk-TOLLPRMM.js";import{a as wo}from"./chunk-OSRJRBKP.js";import{a as uo}from"./chunk-VK7RNXUO.js";import{a as so}from"./chunk-EE54S7YV.js";import{f as yo}from"./chunk-7QDTSBJF.js";import{a as zo}from"./chunk-AU3D6F42.js";import"./chunk-XKASPWCJ.js";import{a as Ao}from"./chunk-E2Z5IA2P.js";import{a as ko}from"./chunk-NMKPFUNP.js";import{c as lo}from"./chunk-PTLFMWCN.js";import{a as no,b as qo}from"./chunk-IKSN4RNB.js";import{a as go}from"./chunk-SO67YEVQ.js";import{c as ho}from"./chunk-P7HYVJSU.js";import"./chunk-AUV6B4AH.js";import{h as io}from"./chunk-CRWYCLTE.js";import"./chunk-BALS3AVM.js";import{e as jo}from"./chunk-4AQTUBVP.js";import"./chunk-TZTUPQYK.js";import"./chunk-SESAEJ6W.js";import{a as bo}from"./chunk-666GX7O5.js";import"./chunk-MCQAJV4K.js";import{a as co}from"./chunk-43A5GUSI.js";import"./chunk-XI5YXUCK.js";import"./chunk-ILRJA7FU.js";import{h as Co}from"./chunk-2FYJTSOP.js";import{p as Bo}from"./chunk-A2RZGGMY.js";import"./chunk-IDYHZIS6.js";import{a as to}from"./chunk-OGXZHAQL.js";import{c as po}from"./chunk-XMRIRFM7.js";import"./chunk-FC2DBBJ3.js";import{h as xo}from"./chunk-S56YSRHP.js";import"./chunk-TGN5ZJU5.js";import{a as ao}from"./chunk-IEWCQU2S.js";import"./chunk-DUHJVT64.js";import"./chunk-NIX6Z3JG.js";import{c as ro}from"./chunk-K6QZMNCD.js";import{c as eo}from"./chunk-B24BDVG2.js";import"./chunk-3DC63EZP.js";import{a as fo}from"./chunk-P7IAHW4V.js";import"./chunk-STPMPY3X.js";import{a as mo}from"./chunk-FHEHX7CE.js";import{a as _}from"./chunk-XEZXKPLE.js";import{a as $}from"./chunk-GYBLXQ4R.js";import"./chunk-IGQRZCAI.js";import{a as oo}from"./chunk-GLERJXVS.js";import"./chunk-MCQCG6AS.js";import"./chunk-GSIE6SUD.js";import{a as X}from"./chunk-CSKZZOI2.js";import"./chunk-JAMLW534.js";import{a as Y}from"./chunk-OWAUCLRT.js";import"./chunk-A3NH376A.js";import{e as Z}from"./chunk-3MWWP4MW.js";import"./chunk-Y3A6ZU24.js";import{d as U}from"./chunk-DNHUQLXO.js";import"./chunk-VJSZG35J.js";import{a as W}from"./chunk-IHK3H2OM.js";import{a as V}from"./chunk-S5C5YRBS.js";import"./chunk-IBF5U4QW.js";import"./chunk-L6UXAITB.js";import"./chunk-GFOSP3PZ.js";import{a as T}from"./chunk-7FC7HF76.js";import"./chunk-4JQZUQY7.js";import{n as P}from"./chunk-YEB3H7QN.js";import"./chunk-OA7C34MJ.js";import{e as Q}from"./chunk-D6B7IMZU.js";import"./chunk-WR7YLY46.js";import{g as R}from"./chunk-CWRNW44F.js";import{o as S}from"./chunk-KKBP2CRH.js";import{a as O}from"./chunk-E67CIG6A.js";import"./chunk-ARIV4AT5.js";import"./chunk-WOR3JCLX.js";import{a as J}from"./chunk-25WZA7ZU.js";import"./chunk-UICSVJ3B.js";import{a as K}from"./chunk-MBE2YSBU.js";import"./chunk-ZRKE3NVU.js";import{l as M}from"./chunk-UGD7Z3L4.js";import"./chunk-YVBCDTTD.js";import{g as L}from"./chunk-FXUUI6Z2.js";import"./chunk-72AHPGPN.js";import"./chunk-4Z33XHOK.js";import{a as N}from"./chunk-4ME6O27S.js";import"./chunk-PPNWGWN3.js";import{a as y}from"./chunk-JDGJSNWT.js";import"./chunk-OO652UQW.js";import{l as F}from"./chunk-MOR3NSXQ.js";import{a as z}from"./chunk-PLWXTEVE.js";import{a as E}from"./chunk-GJSGKE7B.js";import"./chunk-5GXFBLBJ.js";import"./chunk-YV2KYHGR.js";import"./chunk-5KICSAT7.js";import{c as H}from"./chunk-QEOAXJLN.js";import{a as G}from"./chunk-VX6ARMWP.js";import"./chunk-XGGLYV5D.js";import"./chunk-HAGKI7NA.js";import{c as I}from"./chunk-GWXVETMF.js";import{a as A,b as B,c as C,d as D}from"./chunk-IX5HIHVI.js";import"./chunk-V32EP3S7.js";import"./chunk-F7IUK2I2.js";import{a as q}from"./chunk-F7IYL2VW.js";import{a as s}from"./chunk-4YFJWXL2.js";import"./chunk-FGORMEAO.js";import{a as v}from"./chunk-6IGTK4JE.js";import{a as u}from"./chunk-2N2AQNJH.js";import{d as w}from"./chunk-LKAK5GXF.js";import"./chunk-FLBLS7M4.js";import{f as h}from"./chunk-S2HA3W3V.js";import{h as i}from"./chunk-374ZYJUP.js";import"./chunk-XKBLNVOD.js";import{a as j}from"./chunk-Y7LT3F6R.js";import{a as k}from"./chunk-MBCBP73P.js";import"./chunk-PS6NEG5A.js";import"./chunk-TBJ6L4NL.js";import{a as n}from"./chunk-WFMYNZXZ.js";import{a as l}from"./chunk-RMKXWYOV.js";import"./chunk-BPVVFHYD.js";import"./chunk-MJ47O7KH.js";import"./chunk-W7N7V5YD.js";import"./chunk-CVWCKOHO.js";import"./chunk-M24UXMOQ.js";import"./chunk-2LYX5S7H.js";import"./chunk-5LXFJMFB.js";import"./chunk-SNHEJU2S.js";import{g as d}from"./chunk-MK2R6DAU.js";import{a as c}from"./chunk-MHANZINI.js";import{a}from"./chunk-TOOSHJOA.js";import"./chunk-N2B7TWIP.js";import"./chunk-MJJ7XDIP.js";import"./chunk-GCUGJXI2.js";import{a as p,b as t,c as x}from"./chunk-YUP6EICB.js";import"./chunk-WAURCNAS.js";import"./chunk-F22ZRNWL.js";import"./chunk-6XGZPIUT.js";import{a as b}from"./chunk-H7ST535H.js";import"./chunk-4TCXI3L3.js";import"./chunk-G2CKYO2I.js";import"./chunk-AXUDFYLY.js";import"./chunk-KNQBAOMV.js";import"./chunk-FD2TR343.js";import"./chunk-WYADYDPN.js";import"./chunk-ZE2KAVXW.js";import"./chunk-TLWTUKKL.js";import"./chunk-CECQNGUL.js";import"./chunk-NNO7M466.js";import{a as g}from"./chunk-ERNM3KVF.js";import"./chunk-BI7W34WW.js";import"./chunk-2UPAYDKR.js";import{a as f}from"./chunk-HF5WY5YE.js";import"./chunk-3KB2XWBE.js";import{a as e}from"./chunk-FHOCUZDR.js";import"./chunk-SMGDH54W.js";import"./chunk-SNR5VFWG.js";import{b as o,c as r}from"./chunk-FWB47YCH.js";import"./chunk-K53W3ELO.js";import"./chunk-TTFUM47A.js";import"./chunk-5T6K7VPP.js";import{a as m}from"./chunk-AGAQC4HH.js";import"./chunk-VX44UTQ5.js";import"./chunk-5TXQLK4G.js";import"./chunk-ERGJN7FJ.js";import"./chunk-GSTOGDAJ.js";import"./chunk-6FLLFCBU.js";import"./chunk-AX5S56DS.js";import"./chunk-E23RKOQJ.js";import"./chunk-JUY7CBSL.js";import"./chunk-WRWNN2NW.js";import"./chunk-QM3RCK5P.js";import"./chunk-RZCX6IBE.js";import"./chunk-D2AZAGGP.js";import"./chunk-KRJTW535.js";import"./chunk-UMX5MGLG.js";import"./chunk-HUKPWYG2.js";import"./chunk-NZJGC6ZW.js";import"./chunk-KTAFIHJY.js";import"./chunk-CBR3VIRS.js";import"./chunk-HOHUDTTL.js";import"./chunk-66ZLZAAJ.js";import"./chunk-ZY6SQWHT.js";import"./chunk-4XJY6FIK.js";import"./chunk-KFA53SVQ.js";import"./chunk-QCNUTT4R.js";import"./chunk-3XT5P2HO.js";export{g as AccessibleIcon,h as Accordion,i as AlertDialog,j as AspectRatio,k as Avatar,n as Badge,q as Blockquote,s as Box,v as Button,w as Callout,y as Card,F as Chatbar,J as Checkbox,H as CheckboxCards,I as CheckboxGroup,C as ChevronDownIcon,K as Code,M as Combobox,N as Container,P as ContextMenu,Q as DataList,R as Dialog,S as DropdownMenu,T as Em,e as Flex,G as Grid,a as Heading,U as HoverCard,z as IconButton,W as Image,X as Inset,O as Kbd,Y as Link,Z as Navbar,L as Popover,_ as Portal,$ as Progress,oo as Quote,fo as Radio,ro as RadioCards,eo as RadioGroup,mo as Reset,E as ScrollArea,to as Section,po as SegmentedControl,xo as Select,ao as Separator,d as Sheet,Co as Shell,Bo as Sidebar,V as Skeleton,bo as Slider,o as Slot,r as Slottable,f as Spinner,co as Strong,go as Switch,ho as TabNav,io as Table,jo as Tabs,b as Text,ko as TextArea,lo as TextField,x as Theme,p as ThemeContext,no as ThemePanel,qo as ThemePanelContent,B as ThickCheckIcon,D as ThickChevronRightIcon,A as ThickDividerHorizontalIcon,vo as ToggleButton,wo as ToggleIconButton,yo as Toolbar,l as Tooltip,zo as UserCard,Ao as VirtualMenu,m as VisuallyHidden,c as useBodyPointerEventsCleanup,so as useLiveAnnouncer,t as useThemeContext,uo as useToggleState,u as useTooltipWrapper};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
package/dist/esm/props/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a as Fo}from"../chunk-MQWH2IFO.js";import"../chunk-YKPMLM7M.js";import{a as yo}from"../chunk-AUV6B4AH.js";import{a as zo,b as Ao,c as Bo}from"../chunk-BALS3AVM.js";import{a as Co,b as Do}from"../chunk-TZTUPQYK.js";import{a as Eo}from"../chunk-SESAEJ6W.js";import{a as uo}from"../chunk-MCQAJV4K.js";import{a as vo}from"../chunk-XI5YXUCK.js";import{a as wo}from"../chunk-ILRJA7FU.js";import{a as jo}from"../chunk-FC2DBBJ3.js";import{a as lo,b as no,c as qo}from"../chunk-TGN5ZJU5.js";import{a as so}from"../chunk-DUHJVT64.js";import{a as ko}from"../chunk-NIX6Z3JG.js";import{a as io}from"../chunk-3DC63EZP.js";import"../chunk-STPMPY3X.js";import{a as co}from"../chunk-IGQRZCAI.js";import{a as go}from"../chunk-MCQCG6AS.js";import{a as ho}from"../chunk-GSIE6SUD.js";import{a as ao}from"../chunk-JAMLW534.js";import{a as bo}from"../chunk-A3NH376A.js";import{a as po}from"../chunk-VJSZG35J.js";import{a as xo}from"../chunk-L6UXAITB.js";import{a as to}from"../chunk-GFOSP3PZ.js";import{a as mo}from"../chunk-4JQZUQY7.js";import"../chunk-OA7C34MJ.js";import{a as ro,b as eo,c as fo}from"../chunk-WR7YLY46.js";import{a as oo}from"../chunk-ARIV4AT5.js";import"../chunk-WOR3JCLX.js";import"../chunk-UICSVJ3B.js";import{a as X}from"../chunk-ZRKE3NVU.js";import{a as Z,b as _}from"../chunk-YVBCDTTD.js";import{a as Y}from"../chunk-72AHPGPN.js";import{a as $}from"../chunk-PPNWGWN3.js";import{a as S}from"../chunk-OO652UQW.js";import{a as T}from"../chunk-5KICSAT7.js";import{a as V}from"../chunk-XGGLYV5D.js";import{a as U}from"../chunk-HAGKI7NA.js";import{a as W}from"../chunk-F7IUK2I2.js";import{a as P}from"../chunk-WZETC7WV.js";import{a as Q}from"../chunk-FGORMEAO.js";import"../chunk-6DWDNKLS.js";import{a as R}from"../chunk-FLBLS7M4.js";import{a as L}from"../chunk-XKBLNVOD.js";import{a as M}from"../chunk-TBJ6L4NL.js";import{a as O}from"../chunk-BPVVFHYD.js";import{a as N}from"../chunk-MJ47O7KH.js";import{a as J}from"../chunk-N2B7TWIP.js";import{a as C}from"../chunk-GCUGJXI2.js";import{a as D}from"../chunk-
|
|
1
|
+
import{a as Fo}from"../chunk-MQWH2IFO.js";import"../chunk-YKPMLM7M.js";import{a as yo}from"../chunk-AUV6B4AH.js";import{a as zo,b as Ao,c as Bo}from"../chunk-BALS3AVM.js";import{a as Co,b as Do}from"../chunk-TZTUPQYK.js";import{a as Eo}from"../chunk-SESAEJ6W.js";import{a as uo}from"../chunk-MCQAJV4K.js";import{a as vo}from"../chunk-XI5YXUCK.js";import{a as wo}from"../chunk-ILRJA7FU.js";import{a as jo}from"../chunk-FC2DBBJ3.js";import{a as lo,b as no,c as qo}from"../chunk-TGN5ZJU5.js";import{a as so}from"../chunk-DUHJVT64.js";import{a as ko}from"../chunk-NIX6Z3JG.js";import{a as io}from"../chunk-3DC63EZP.js";import"../chunk-STPMPY3X.js";import{a as co}from"../chunk-IGQRZCAI.js";import{a as go}from"../chunk-MCQCG6AS.js";import{a as ho}from"../chunk-GSIE6SUD.js";import{a as ao}from"../chunk-JAMLW534.js";import{a as bo}from"../chunk-A3NH376A.js";import{a as po}from"../chunk-VJSZG35J.js";import{a as xo}from"../chunk-L6UXAITB.js";import{a as to}from"../chunk-GFOSP3PZ.js";import{a as mo}from"../chunk-4JQZUQY7.js";import"../chunk-OA7C34MJ.js";import{a as ro,b as eo,c as fo}from"../chunk-WR7YLY46.js";import{a as oo}from"../chunk-ARIV4AT5.js";import"../chunk-WOR3JCLX.js";import"../chunk-UICSVJ3B.js";import{a as X}from"../chunk-ZRKE3NVU.js";import{a as Z,b as _}from"../chunk-YVBCDTTD.js";import{a as Y}from"../chunk-72AHPGPN.js";import{a as $}from"../chunk-PPNWGWN3.js";import{a as S}from"../chunk-OO652UQW.js";import{a as T}from"../chunk-5KICSAT7.js";import{a as V}from"../chunk-XGGLYV5D.js";import{a as U}from"../chunk-HAGKI7NA.js";import{a as W}from"../chunk-F7IUK2I2.js";import{a as P}from"../chunk-WZETC7WV.js";import{a as Q}from"../chunk-FGORMEAO.js";import"../chunk-6DWDNKLS.js";import{a as R}from"../chunk-FLBLS7M4.js";import{a as L}from"../chunk-XKBLNVOD.js";import{a as M}from"../chunk-TBJ6L4NL.js";import{a as O}from"../chunk-BPVVFHYD.js";import{a as N}from"../chunk-MJ47O7KH.js";import{a as J}from"../chunk-N2B7TWIP.js";import{a as C}from"../chunk-GCUGJXI2.js";import{a as D}from"../chunk-6XGZPIUT.js";import{a as K}from"../chunk-4TCXI3L3.js";import{a as F}from"../chunk-G2CKYO2I.js";import"../chunk-AXUDFYLY.js";import{a as E}from"../chunk-KNQBAOMV.js";import{a as I}from"../chunk-FD2TR343.js";import{a as G}from"../chunk-WYADYDPN.js";import{a as H}from"../chunk-ZE2KAVXW.js";import{a as n}from"../chunk-3KB2XWBE.js";import{a as l}from"../chunk-SMGDH54W.js";import{a as k}from"../chunk-SNR5VFWG.js";import{a as i}from"../chunk-K53W3ELO.js";import{a as d}from"../chunk-TTFUM47A.js";import{a as g}from"../chunk-VX44UTQ5.js";import{a as h}from"../chunk-ERGJN7FJ.js";import{a as j}from"../chunk-GSTOGDAJ.js";import{a as b,b as c}from"../chunk-WRWNN2NW.js";import{a}from"../chunk-D2AZAGGP.js";import{a as t,b as x}from"../chunk-KRJTW535.js";import{a as q}from"../chunk-UMX5MGLG.js";import{a as s,b as u,c as v,d as w,e as y,f as z}from"../chunk-HUKPWYG2.js";import{a as o}from"../chunk-NZJGC6ZW.js";import{a as A}from"../chunk-KTAFIHJY.js";import{a as B}from"../chunk-CBR3VIRS.js";import{a as p}from"../chunk-HOHUDTTL.js";import{a as r,b as e,c as f,d as m}from"../chunk-66ZLZAAJ.js";import"../chunk-3XT5P2HO.js";export{m as accentColorPropDef,r as accentColors,L as alertDialogContentPropDefs,o as asChildPropDef,M as avatarPropDefs,N as badgePropDefs,P as blockquotePropDefs,Q as boxPropDefs,c as breakpointSet,b as breakpoints,a as buttonPropDefs,R as calloutRootPropDefs,S as cardPropDefs,V as checkboxCardsRootPropDefs,W as checkboxGroupRootPropDefs,q as checkboxPropDefs,X as codePropDefs,f as colorPropDef,$ as containerPropDefs,y as contextMenuCheckboxItemPropDefs,u as contextMenuContentPropDefs,w as contextMenuItemPropDefs,z as contextMenuRadioItemPropDefs,eo as dataListItemPropDefs,fo as dataListLabelPropDefs,ro as dataListRootPropDefs,C as dialogContentPropDefs,y as dropdownMenuCheckboxItemPropDefs,u as dropdownMenuContentPropDefs,w as dropdownMenuItemPropDefs,z as dropdownMenuRadioItemPropDefs,v as dropdownMenuSubContentPropDefs,mo as emPropDefs,l as flexPropDefs,k as gapPropDefs,e as grayColors,U as gridPropDefs,J as headingPropDefs,g as heightPropDefs,p as highContrastPropDef,po as hoverCardContentPropDefs,a as iconButtonPropDefs,to as imagePropDefs,ao as insetPropDefs,oo as kbdPropDefs,i as layoutPropDefs,E as leadingTrimPropDef,bo as linkPropDefs,j as marginPropDefs,d as paddingPropDefs,Y as popoverContentPropDefs,co as progressPropDefs,go as quotePropDefs,t as radii,ho as radioCardsRootPropDefs,io as radioGroupRootPropDefs,A as radioPropDefs,x as radiusPropDef,T as scrollAreaPropDefs,ko as sectionPropDefs,jo as segmentedControlRootPropDefs,qo as selectContentPropDefs,lo as selectRootPropDefs,no as selectTriggerPropDefs,so as separatorPropDefs,Fo as shadowPropDefs,xo as skeletonPropDefs,uo as sliderPropDefs,n as spinnerPropDefs,vo as strongPropDefs,s as submenuBehaviors,wo as switchPropDefs,yo as tabNavLinkPropDefs,B as tabNavRootPropDefs,Bo as tableCellPropDefs,zo as tableRootPropDefs,Ao as tableRowPropDefs,Do as tabsContentPropDefs,B as tabsListPropDefs,Co as tabsRootPropDefs,F as textAlignPropDef,Eo as textAreaPropDefs,Z as textFieldRootPropDefs,_ as textFieldSlotPropDefs,K as textPropDefs,G as textWrapPropDef,D as themePropDefs,O as tooltipPropDefs,H as truncatePropDef,I as weightPropDef,h as widthPropDefs};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
package/fonts.css
ADDED
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,100..900;1,100..900&display=swap');
|
|
2
|
+
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap');
|
|
3
|
+
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
|
|
4
|
+
:root{
|
|
5
|
+
--font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI (Custom)', Roboto, 'Helvetica Neue', system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
|
|
6
|
+
--font-mono: 'JetBrains Mono', 'Menlo', 'Consolas (Custom)', 'Liberation Mono', monospace, 'Apple Color Emoji', 'Segoe UI Emoji';
|
|
7
|
+
--font-serif: 'Playfair Display', 'Times New Roman', 'Times', 'Georgia', 'Cambria', serif;
|
|
8
|
+
}
|
package/package.json
CHANGED
|
@@ -1,16 +1,23 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@womp/kookie-ui",
|
|
3
|
-
"version": "0.
|
|
4
|
-
"description": "
|
|
3
|
+
"version": "0.4.0",
|
|
4
|
+
"description": "Kookie UI v1: a React component library with design tokens, flexible theming, a full layout shell, and comprehensive documentation.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react",
|
|
7
7
|
"ui",
|
|
8
8
|
"components",
|
|
9
9
|
"design-system",
|
|
10
10
|
"themes",
|
|
11
|
-
"radix"
|
|
11
|
+
"radix",
|
|
12
|
+
"kookie-ui",
|
|
13
|
+
"kookie-ui-v1",
|
|
14
|
+
"womp"
|
|
12
15
|
],
|
|
13
|
-
"author":
|
|
16
|
+
"author": {
|
|
17
|
+
"name": "Kushagra Dhawan",
|
|
18
|
+
"url": "https://kushagradhawan.com"
|
|
19
|
+
},
|
|
20
|
+
"copyright": "Copyright (c) 2024-2026 Womp 3D Inc. Sole author: Kushagra Dhawan.",
|
|
14
21
|
"license": "MIT",
|
|
15
22
|
"engines": {
|
|
16
23
|
"node": ">=16"
|
|
@@ -90,7 +97,8 @@
|
|
|
90
97
|
"layout/**",
|
|
91
98
|
"*.css",
|
|
92
99
|
"postcss-breakpoints.cjs",
|
|
93
|
-
"postcss-whitespace.cjs"
|
|
100
|
+
"postcss-whitespace.cjs",
|
|
101
|
+
"AUTHORS"
|
|
94
102
|
],
|
|
95
103
|
"scripts": {
|
|
96
104
|
"build": "pnpm clean:dist && pnpm build:js && pnpm build:schemas && pnpm build:css",
|
|
@@ -101,8 +109,9 @@
|
|
|
101
109
|
"build:js:cjs:types": "tsc --outdir dist/cjs",
|
|
102
110
|
"build:js:esm": "node scripts/esbuild-esm.js",
|
|
103
111
|
"build:js:esm:types": "tsc --outdir dist/esm",
|
|
104
|
-
"build:css": "pnpm build:css:index && pnpm build:css:tokens && pnpm build:css:components && pnpm build:css:utilities && pnpm build:css:layout",
|
|
112
|
+
"build:css": "pnpm build:css:index && pnpm build:css:fonts && pnpm build:css:tokens && pnpm build:css:components && pnpm build:css:utilities && pnpm build:css:layout",
|
|
105
113
|
"build:css:index": "postcss src/styles/index.css -o styles.css",
|
|
114
|
+
"build:css:fonts": "postcss src/styles/fonts.css -o fonts.css",
|
|
106
115
|
"build:css:components": "postcss src/components/index.css -o components.css",
|
|
107
116
|
"build:css:utilities": "postcss src/styles/utilities/index.css -o utilities.css",
|
|
108
117
|
"build:css:tokens": "pnpm build:css:tokens:index && pnpm build:css:tokens:base && pnpm build:css:tokens:colors",
|
|
@@ -115,12 +124,13 @@
|
|
|
115
124
|
"build:css:layout:components": "postcss src/components/layout.css -o layout/components.css",
|
|
116
125
|
"build:css:layout:utilities": "postcss src/styles/utilities/layout.css -o layout/utilities.css",
|
|
117
126
|
"dev": "pnpm dev:js & pnpm dev:css",
|
|
127
|
+
"dev:css:fonts": "postcss src/styles/fonts.css -o fonts.css --watch",
|
|
118
128
|
"dev:js": "pnpm dev:js:cjs & pnpm dev:js:esm & pnpm dev:js:cjs:types & pnpm dev:js:esm:types",
|
|
119
129
|
"dev:js:cjs": "node scripts/esbuild-cjs.js watch=true",
|
|
120
130
|
"dev:js:cjs:types": "tsc --watch --incremental --outdir dist/cjs",
|
|
121
131
|
"dev:js:esm": "node scripts/esbuild-esm.js watch=true",
|
|
122
132
|
"dev:js:esm:types": "tsc --watch --incremental --outdir dist/esm >/dev/null",
|
|
123
|
-
"dev:css": "postcss src/styles/index.css -o styles.css --watch",
|
|
133
|
+
"dev:css": "postcss src/styles/index.css -o styles.css --watch & pnpm dev:css:fonts",
|
|
124
134
|
"lint": "pnpm lint:js && pnpm lint:css && pnpm lint:ts",
|
|
125
135
|
"lint:js": "eslint \"src/**/*.ts*\"",
|
|
126
136
|
"lint:ts": "tsc --noEmit",
|
|
@@ -6,9 +6,16 @@
|
|
|
6
6
|
font-weight: var(--font-weight-bold);
|
|
7
7
|
line-height: var(--line-height);
|
|
8
8
|
|
|
9
|
-
|
|
10
|
-
&:where(.rt-r-ff-
|
|
11
|
-
|
|
9
|
+
/* `font` prop — all three resolve through the same tier-1 stacks. */
|
|
10
|
+
&:where(.rt-r-ff-sans) {
|
|
11
|
+
font-family: var(--font-sans);
|
|
12
|
+
}
|
|
13
|
+
&:where(.rt-r-ff-mono) {
|
|
14
|
+
font-family: var(--font-mono);
|
|
15
|
+
}
|
|
16
|
+
&:where(.rt-r-ff-serif) {
|
|
17
|
+
font-family: var(--font-serif);
|
|
18
|
+
}
|
|
12
19
|
|
|
13
20
|
:where(&) {
|
|
14
21
|
margin: 0;
|
package/src/components/text.css
CHANGED
|
@@ -3,9 +3,16 @@
|
|
|
3
3
|
line-height: var(--line-height, var(--default-line-height));
|
|
4
4
|
letter-spacing: var(--letter-spacing, inherit);
|
|
5
5
|
|
|
6
|
-
|
|
7
|
-
&:where(.rt-r-ff-
|
|
8
|
-
|
|
6
|
+
/* `font` prop — all three resolve through the same tier-1 stacks. */
|
|
7
|
+
&:where(.rt-r-ff-sans) {
|
|
8
|
+
font-family: var(--font-sans);
|
|
9
|
+
}
|
|
10
|
+
&:where(.rt-r-ff-mono) {
|
|
11
|
+
font-family: var(--font-mono);
|
|
12
|
+
}
|
|
13
|
+
&:where(.rt-r-ff-serif) {
|
|
14
|
+
font-family: var(--font-serif);
|
|
15
|
+
}
|
|
9
16
|
|
|
10
17
|
:where(&) {
|
|
11
18
|
margin: 0;
|
|
@@ -73,11 +73,22 @@ const themePropDefs = {
|
|
|
73
73
|
*/
|
|
74
74
|
scaling: { type: 'enum', values: scalings, default: '100%' },
|
|
75
75
|
/**
|
|
76
|
-
* Sets the font family for the theme.
|
|
76
|
+
* Sets the font family used for body text in the theme.
|
|
77
|
+
*
|
|
78
|
+
* Headings follow this unless `headingFontFamily` (or the `--font-heading`
|
|
79
|
+
* token) says otherwise.
|
|
77
80
|
*
|
|
78
81
|
* @default 'sans'
|
|
79
82
|
*/
|
|
80
83
|
fontFamily: { type: 'enum', values: fontFamilies, default: 'sans' },
|
|
84
|
+
/**
|
|
85
|
+
* Sets the font family used for `Heading`, independently of body text.
|
|
86
|
+
*
|
|
87
|
+
* Deliberately has no default: when it is left unset no attribute is
|
|
88
|
+
* emitted and `--font-heading` keeps following `--font-body`, so a
|
|
89
|
+
* `--font-heading` override in your own CSS survives a `fontFamily` switch.
|
|
90
|
+
*/
|
|
91
|
+
headingFontFamily: { type: 'enum', values: fontFamilies },
|
|
81
92
|
} satisfies {
|
|
82
93
|
hasBackground: PropDef<boolean>;
|
|
83
94
|
appearance: PropDef<(typeof appearances)[number]>;
|
|
@@ -88,6 +99,7 @@ const themePropDefs = {
|
|
|
88
99
|
radius: PropDef<(typeof radii)[number]>;
|
|
89
100
|
scaling: PropDef<(typeof scalings)[number]>;
|
|
90
101
|
fontFamily: PropDef<(typeof fontFamilies)[number]>;
|
|
102
|
+
headingFontFamily: PropDef<(typeof fontFamilies)[number]>;
|
|
91
103
|
};
|
|
92
104
|
|
|
93
105
|
type ThemeOwnProps = GetPropDefTypes<typeof themePropDefs & typeof asChildPropDef>;
|
package/src/components/theme.tsx
CHANGED
|
@@ -23,6 +23,9 @@ type ThemePanelBackground = (typeof themePropDefs.panelBackground.values)[number
|
|
|
23
23
|
type ThemeRadius = (typeof themePropDefs.radius.values)[number];
|
|
24
24
|
type ThemeScaling = (typeof themePropDefs.scaling.values)[number];
|
|
25
25
|
type ThemeFontFamily = (typeof themePropDefs.fontFamily.values)[number];
|
|
26
|
+
// Headings follow the body font until something sets this, so `undefined` is a
|
|
27
|
+
// meaningful value here rather than a missing one.
|
|
28
|
+
type ThemeHeadingFontFamily = ThemeFontFamily | undefined;
|
|
26
29
|
|
|
27
30
|
interface ThemeChangeHandlers {
|
|
28
31
|
onAppearanceChange: (appearance: ThemeAppearance) => void;
|
|
@@ -33,6 +36,7 @@ interface ThemeChangeHandlers {
|
|
|
33
36
|
onRadiusChange: (radius: ThemeRadius) => void;
|
|
34
37
|
onScalingChange: (scaling: ThemeScaling) => void;
|
|
35
38
|
onFontFamilyChange: (fontFamily: ThemeFontFamily) => void;
|
|
39
|
+
onHeadingFontFamilyChange: (headingFontFamily: ThemeHeadingFontFamily) => void;
|
|
36
40
|
}
|
|
37
41
|
|
|
38
42
|
interface ThemeContextValue extends ThemeChangeHandlers {
|
|
@@ -45,6 +49,7 @@ interface ThemeContextValue extends ThemeChangeHandlers {
|
|
|
45
49
|
radius: ThemeRadius;
|
|
46
50
|
scaling: ThemeScaling;
|
|
47
51
|
fontFamily: ThemeFontFamily;
|
|
52
|
+
headingFontFamily: ThemeHeadingFontFamily;
|
|
48
53
|
}
|
|
49
54
|
// Default theme values used when components render outside a Theme provider
|
|
50
55
|
const defaultThemeContext: ThemeContextValue = {
|
|
@@ -57,6 +62,7 @@ const defaultThemeContext: ThemeContextValue = {
|
|
|
57
62
|
radius: themePropDefs.radius.default,
|
|
58
63
|
scaling: themePropDefs.scaling.default,
|
|
59
64
|
fontFamily: themePropDefs.fontFamily.default,
|
|
65
|
+
headingFontFamily: undefined,
|
|
60
66
|
onAppearanceChange: noop,
|
|
61
67
|
onAccentColorChange: noop,
|
|
62
68
|
onGrayColorChange: noop,
|
|
@@ -65,6 +71,7 @@ const defaultThemeContext: ThemeContextValue = {
|
|
|
65
71
|
onRadiusChange: noop,
|
|
66
72
|
onScalingChange: noop,
|
|
67
73
|
onFontFamilyChange: noop,
|
|
74
|
+
onHeadingFontFamilyChange: noop,
|
|
68
75
|
};
|
|
69
76
|
|
|
70
77
|
const ThemeContext = React.createContext<ThemeContextValue | undefined>(undefined);
|
|
@@ -103,6 +110,7 @@ const ThemeRoot = React.forwardRef<ThemeImplElement, ThemeImplPublicProps>(
|
|
|
103
110
|
radius: radiusProp = themePropDefs.radius.default,
|
|
104
111
|
scaling: scalingProp = themePropDefs.scaling.default,
|
|
105
112
|
fontFamily: fontFamilyProp = themePropDefs.fontFamily.default,
|
|
113
|
+
headingFontFamily: headingFontFamilyProp,
|
|
106
114
|
hasBackground = themePropDefs.hasBackground.default,
|
|
107
115
|
...rootProps
|
|
108
116
|
} = props;
|
|
@@ -128,6 +136,7 @@ const ThemeRoot = React.forwardRef<ThemeImplElement, ThemeImplPublicProps>(
|
|
|
128
136
|
const [radius, setRadius] = usePropSyncedState(radiusProp);
|
|
129
137
|
const [scaling, setScaling] = usePropSyncedState(scalingProp);
|
|
130
138
|
const [fontFamily, setFontFamily] = usePropSyncedState(fontFamilyProp);
|
|
139
|
+
const [headingFontFamily, setHeadingFontFamily] = usePropSyncedState(headingFontFamilyProp);
|
|
131
140
|
|
|
132
141
|
return (
|
|
133
142
|
<ThemeImpl
|
|
@@ -144,6 +153,7 @@ const ThemeRoot = React.forwardRef<ThemeImplElement, ThemeImplPublicProps>(
|
|
|
144
153
|
radius={radius}
|
|
145
154
|
scaling={scaling}
|
|
146
155
|
fontFamily={fontFamily}
|
|
156
|
+
headingFontFamily={headingFontFamily}
|
|
147
157
|
//
|
|
148
158
|
onAppearanceChange={setAppearance}
|
|
149
159
|
onAccentColorChange={setAccentColor}
|
|
@@ -153,6 +163,7 @@ const ThemeRoot = React.forwardRef<ThemeImplElement, ThemeImplPublicProps>(
|
|
|
153
163
|
onRadiusChange={setRadius}
|
|
154
164
|
onScalingChange={setScaling}
|
|
155
165
|
onFontFamilyChange={setFontFamily}
|
|
166
|
+
onHeadingFontFamilyChange={setHeadingFontFamily}
|
|
156
167
|
/>
|
|
157
168
|
);
|
|
158
169
|
},
|
|
@@ -193,6 +204,7 @@ const ThemeImpl = React.forwardRef<ThemeImplElement, ThemeImplProps>((props, for
|
|
|
193
204
|
radius = props.radius ?? context?.radius ?? themePropDefs.radius.default,
|
|
194
205
|
scaling = props.scaling ?? context?.scaling ?? themePropDefs.scaling.default,
|
|
195
206
|
fontFamily = props.fontFamily ?? context?.fontFamily ?? themePropDefs.fontFamily.default,
|
|
207
|
+
headingFontFamily = props.headingFontFamily ?? context?.headingFontFamily,
|
|
196
208
|
//
|
|
197
209
|
onAppearanceChange = noop,
|
|
198
210
|
onAccentColorChange = noop,
|
|
@@ -202,6 +214,7 @@ const ThemeImpl = React.forwardRef<ThemeImplElement, ThemeImplProps>((props, for
|
|
|
202
214
|
onRadiusChange = noop,
|
|
203
215
|
onScalingChange = noop,
|
|
204
216
|
onFontFamilyChange = noop,
|
|
217
|
+
onHeadingFontFamilyChange = noop,
|
|
205
218
|
//
|
|
206
219
|
...themeProps
|
|
207
220
|
} = props;
|
|
@@ -243,6 +256,7 @@ const ThemeImpl = React.forwardRef<ThemeImplElement, ThemeImplProps>((props, for
|
|
|
243
256
|
radius,
|
|
244
257
|
scaling,
|
|
245
258
|
fontFamily,
|
|
259
|
+
headingFontFamily,
|
|
246
260
|
//
|
|
247
261
|
onAppearanceChange,
|
|
248
262
|
onAccentColorChange,
|
|
@@ -252,6 +266,7 @@ const ThemeImpl = React.forwardRef<ThemeImplElement, ThemeImplProps>((props, for
|
|
|
252
266
|
onRadiusChange,
|
|
253
267
|
onScalingChange,
|
|
254
268
|
onFontFamilyChange,
|
|
269
|
+
onHeadingFontFamilyChange,
|
|
255
270
|
}),
|
|
256
271
|
[
|
|
257
272
|
appearance,
|
|
@@ -263,6 +278,7 @@ const ThemeImpl = React.forwardRef<ThemeImplElement, ThemeImplProps>((props, for
|
|
|
263
278
|
radius,
|
|
264
279
|
scaling,
|
|
265
280
|
fontFamily,
|
|
281
|
+
headingFontFamily,
|
|
266
282
|
//
|
|
267
283
|
onAppearanceChange,
|
|
268
284
|
onAccentColorChange,
|
|
@@ -272,6 +288,7 @@ const ThemeImpl = React.forwardRef<ThemeImplElement, ThemeImplProps>((props, for
|
|
|
272
288
|
onRadiusChange,
|
|
273
289
|
onScalingChange,
|
|
274
290
|
onFontFamilyChange,
|
|
291
|
+
onHeadingFontFamilyChange,
|
|
275
292
|
],
|
|
276
293
|
)}
|
|
277
294
|
>
|
|
@@ -286,6 +303,7 @@ const ThemeImpl = React.forwardRef<ThemeImplElement, ThemeImplProps>((props, for
|
|
|
286
303
|
data-radius={radius}
|
|
287
304
|
data-scaling={scaling}
|
|
288
305
|
data-font-family={fontFamily}
|
|
306
|
+
data-heading-font-family={headingFontFamily}
|
|
289
307
|
ref={composedRef}
|
|
290
308
|
{...themeProps}
|
|
291
309
|
className={classNames(
|