@womp/kookie-ui 0.3.26 → 0.5.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 +472 -270
- 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/_internal/base-card.css +5 -5
- package/src/components/_internal/base-checkbox.css +17 -3
- package/src/components/_internal/base-dialog.css +4 -4
- package/src/components/_internal/base-menu.css +3 -3
- package/src/components/accordion.css +5 -5
- package/src/components/callout.css +5 -5
- package/src/components/chatbar.css +6 -6
- package/src/components/checkbox-cards.css +30 -0
- package/src/components/heading.css +10 -3
- package/src/components/hover-card.css +3 -3
- package/src/components/popover.css +4 -4
- package/src/components/radio-cards.css +30 -0
- package/src/components/select.css +2 -2
- package/src/components/shell.css +1 -1
- package/src/components/table.css +5 -5
- package/src/components/text.css +10 -3
- package/src/components/theme.props.tsx +13 -1
- package/src/components/theme.tsx +18 -0
- package/src/components/tooltip.css +1 -1
- 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/radius.css +47 -4
- package/src/styles/tokens/typography.css +2 -216
- package/styles.css +9094 -8884
- package/tokens/base.css +55 -28
- package/tokens.css +55 -28
- 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.5.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",
|
|
@@ -147,35 +147,35 @@
|
|
|
147
147
|
--base-card-padding-right: var(--space-2);
|
|
148
148
|
--base-card-padding-bottom: var(--space-2);
|
|
149
149
|
--base-card-padding-left: var(--space-2);
|
|
150
|
-
--base-card-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
|
|
150
|
+
--base-card-border-radius: min(var(--radius-surface-5), calc(var(--radius-surface-1) + var(--space-1)));
|
|
151
151
|
}
|
|
152
152
|
&:where(.rt-r-size-2) {
|
|
153
153
|
--base-card-padding-top: var(--space-3);
|
|
154
154
|
--base-card-padding-right: var(--space-3);
|
|
155
155
|
--base-card-padding-bottom: var(--space-3);
|
|
156
156
|
--base-card-padding-left: var(--space-3);
|
|
157
|
-
--base-card-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
|
|
157
|
+
--base-card-border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-2)));
|
|
158
158
|
}
|
|
159
159
|
&:where(.rt-r-size-3) {
|
|
160
160
|
--base-card-padding-top: var(--space-4);
|
|
161
161
|
--base-card-padding-right: var(--space-4);
|
|
162
162
|
--base-card-padding-bottom: var(--space-4);
|
|
163
163
|
--base-card-padding-left: var(--space-4);
|
|
164
|
-
--base-card-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
|
|
164
|
+
--base-card-border-radius: min(var(--radius-surface-7), calc(var(--radius-surface-3) + var(--space-3)));
|
|
165
165
|
}
|
|
166
166
|
&:where(.rt-r-size-4) {
|
|
167
167
|
--base-card-padding-top: var(--space-5);
|
|
168
168
|
--base-card-padding-right: var(--space-5);
|
|
169
169
|
--base-card-padding-bottom: var(--space-5);
|
|
170
170
|
--base-card-padding-left: var(--space-5);
|
|
171
|
-
--base-card-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
|
|
171
|
+
--base-card-border-radius: min(var(--radius-surface-8), calc(var(--radius-surface-4) + var(--space-4)));
|
|
172
172
|
}
|
|
173
173
|
&:where(.rt-r-size-5) {
|
|
174
174
|
--base-card-padding-top: var(--space-6);
|
|
175
175
|
--base-card-padding-right: var(--space-6);
|
|
176
176
|
--base-card-padding-bottom: var(--space-6);
|
|
177
177
|
--base-card-padding-left: var(--space-6);
|
|
178
|
-
--base-card-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
|
|
178
|
+
--base-card-border-radius: min(var(--radius-surface-9), calc(var(--radius-surface-5) + var(--space-5)));
|
|
179
179
|
}
|
|
180
180
|
}
|
|
181
181
|
}
|
|
@@ -15,6 +15,20 @@
|
|
|
15
15
|
border-radius: var(--skeleton-radius);
|
|
16
16
|
--skeleton-radius-override: var(--checkbox-border-radius);
|
|
17
17
|
|
|
18
|
+
/*
|
|
19
|
+
* Ceiling on the mark's corner, as a ratio of its own box.
|
|
20
|
+
*
|
|
21
|
+
* A checkbox is small and does not grow with the radius theme, so the
|
|
22
|
+
* radius ramp outruns it: at `full` the corner reaches half the box and
|
|
23
|
+
* the mark becomes a circle — geometrically identical to Radio, which is
|
|
24
|
+
* `border-radius: 100%`. That collapses the distinction between choosing
|
|
25
|
+
* many and choosing one, so the corner is clamped below a circle at every
|
|
26
|
+
* theme. 0.4 stays visibly square next to a Radio of the same size while
|
|
27
|
+
* leaving the ramp intact through `large`.
|
|
28
|
+
*/
|
|
29
|
+
--checkbox-radius-ratio-max: 0.4;
|
|
30
|
+
--checkbox-radius-max: calc(var(--checkbox-size) * var(--checkbox-radius-ratio-max));
|
|
31
|
+
|
|
18
32
|
|
|
19
33
|
/* Theme-level translucent override */
|
|
20
34
|
:where([data-panel-background='translucent'], [data-material='translucent']) & {
|
|
@@ -77,17 +91,17 @@
|
|
|
77
91
|
&:where(.rt-r-size-1) {
|
|
78
92
|
--checkbox-size: calc(var(--space-4) * var(--spacing-multiplier-medium));
|
|
79
93
|
--checkbox-indicator-size: var(--indicator-icon-size-1);
|
|
80
|
-
--checkbox-border-radius: calc(var(--radius-1) * var(--spacing-multiplier-small));
|
|
94
|
+
--checkbox-border-radius: min(calc(var(--radius-1) * var(--spacing-multiplier-small)), var(--checkbox-radius-max));
|
|
81
95
|
}
|
|
82
96
|
&:where(.rt-r-size-2) {
|
|
83
97
|
--checkbox-size: var(--space-4);
|
|
84
98
|
--checkbox-indicator-size: var(--indicator-icon-size-2);
|
|
85
|
-
--checkbox-border-radius: calc(var(--radius-1) * var(--spacing-multiplier-medium));
|
|
99
|
+
--checkbox-border-radius: min(calc(var(--radius-1) * var(--spacing-multiplier-medium)), var(--checkbox-radius-max));
|
|
86
100
|
}
|
|
87
101
|
&:where(.rt-r-size-3) {
|
|
88
102
|
--checkbox-size: calc(var(--space-4) * var(--spacing-multiplier-large));
|
|
89
103
|
--checkbox-indicator-size: var(--indicator-icon-size-3);
|
|
90
|
-
--checkbox-border-radius: calc(var(--radius-1) * var(--spacing-multiplier-medium));
|
|
104
|
+
--checkbox-border-radius: min(calc(var(--radius-1) * var(--spacing-multiplier-medium)), var(--checkbox-radius-max));
|
|
91
105
|
}
|
|
92
106
|
}
|
|
93
107
|
}
|
|
@@ -90,19 +90,19 @@
|
|
|
90
90
|
.rt-BaseDialogContent {
|
|
91
91
|
&:where(.rt-r-size-1) {
|
|
92
92
|
--dialog-content-padding: var(--space-5);
|
|
93
|
-
border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-2)));
|
|
93
|
+
border-radius: min(var(--radius-surface-5), calc(var(--radius-surface-1) + var(--space-2)));
|
|
94
94
|
}
|
|
95
95
|
&:where(.rt-r-size-2) {
|
|
96
96
|
--dialog-content-padding: var(--space-6);
|
|
97
|
-
border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-3)));
|
|
97
|
+
border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-3)));
|
|
98
98
|
}
|
|
99
99
|
&:where(.rt-r-size-3) {
|
|
100
100
|
--dialog-content-padding: var(--space-7);
|
|
101
|
-
border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-4)));
|
|
101
|
+
border-radius: min(var(--radius-surface-7), calc(var(--radius-surface-3) + var(--space-4)));
|
|
102
102
|
}
|
|
103
103
|
&:where(.rt-r-size-4) {
|
|
104
104
|
--dialog-content-padding: var(--space-8);
|
|
105
|
-
border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-5)));
|
|
105
|
+
border-radius: min(var(--radius-surface-8), calc(var(--radius-surface-4) + var(--space-5)));
|
|
106
106
|
}
|
|
107
107
|
}
|
|
108
108
|
}
|
|
@@ -174,7 +174,7 @@
|
|
|
174
174
|
--base-menu-item-padding-right: var(--space-2);
|
|
175
175
|
--base-menu-item-padding-y: var(--space-1);
|
|
176
176
|
--base-menu-item-height: var(--space-5);
|
|
177
|
-
border-radius: var(--radius-3);
|
|
177
|
+
border-radius: var(--radius-surface-3);
|
|
178
178
|
|
|
179
179
|
& :where(.rt-BaseMenuItem) {
|
|
180
180
|
gap: var(--component-gap-2);
|
|
@@ -218,7 +218,7 @@
|
|
|
218
218
|
--base-menu-item-padding-right: var(--space-3);
|
|
219
219
|
--base-menu-item-padding-y: var(--space-1);
|
|
220
220
|
--base-menu-item-height: var(--space-6);
|
|
221
|
-
border-radius: var(--radius-5);
|
|
221
|
+
border-radius: var(--radius-surface-5);
|
|
222
222
|
|
|
223
223
|
& :where(.rt-BaseMenuItem) {
|
|
224
224
|
gap: var(--component-gap-3);
|
|
@@ -262,7 +262,7 @@
|
|
|
262
262
|
--base-menu-item-padding-right: var(--space-3);
|
|
263
263
|
--base-menu-item-padding-y: var(--space-2);
|
|
264
264
|
--base-menu-item-height: var(--space-7);
|
|
265
|
-
border-radius: var(--radius-6);
|
|
265
|
+
border-radius: var(--radius-surface-6);
|
|
266
266
|
|
|
267
267
|
& :where(.rt-BaseMenuItem) {
|
|
268
268
|
gap: var(--component-gap-4);
|
|
@@ -25,20 +25,20 @@
|
|
|
25
25
|
}
|
|
26
26
|
}
|
|
27
27
|
|
|
28
|
-
/* Size-specific border radius
|
|
28
|
+
/* Size-specific border radius — surface channel */
|
|
29
29
|
@breakpoints {
|
|
30
30
|
.rt-AccordionRoot {
|
|
31
31
|
&:where(.rt-r-size-1) {
|
|
32
|
-
border-radius: var(--radius-1);
|
|
32
|
+
border-radius: var(--radius-surface-1);
|
|
33
33
|
}
|
|
34
34
|
&:where(.rt-r-size-2) {
|
|
35
|
-
border-radius: var(--radius-2);
|
|
35
|
+
border-radius: var(--radius-surface-2);
|
|
36
36
|
}
|
|
37
37
|
&:where(.rt-r-size-3) {
|
|
38
|
-
border-radius: var(--radius-3);
|
|
38
|
+
border-radius: var(--radius-surface-3);
|
|
39
39
|
}
|
|
40
40
|
&:where(.rt-r-size-4) {
|
|
41
|
-
border-radius: var(--radius-4);
|
|
41
|
+
border-radius: var(--radius-surface-4);
|
|
42
42
|
}
|
|
43
43
|
}
|
|
44
44
|
}
|
|
@@ -90,7 +90,7 @@
|
|
|
90
90
|
row-gap: var(--space-2);
|
|
91
91
|
column-gap: var(--space-2);
|
|
92
92
|
padding: var(--space-3);
|
|
93
|
-
--callout-border-radius:
|
|
93
|
+
--callout-border-radius: var(--radius-surface-1);
|
|
94
94
|
--callout-icon-height: var(--line-height-1);
|
|
95
95
|
--callout-icon-size: var(--content-icon-size-1);
|
|
96
96
|
}
|
|
@@ -98,7 +98,7 @@
|
|
|
98
98
|
row-gap: var(--space-2);
|
|
99
99
|
column-gap: var(--space-3);
|
|
100
100
|
padding: var(--space-4);
|
|
101
|
-
--callout-border-radius:
|
|
101
|
+
--callout-border-radius: var(--radius-surface-2);
|
|
102
102
|
--callout-icon-height: var(--line-height-2);
|
|
103
103
|
--callout-icon-size: var(--content-icon-size-2);
|
|
104
104
|
}
|
|
@@ -106,7 +106,7 @@
|
|
|
106
106
|
row-gap: var(--space-3);
|
|
107
107
|
column-gap: var(--space-4);
|
|
108
108
|
padding: var(--space-5);
|
|
109
|
-
--callout-border-radius:
|
|
109
|
+
--callout-border-radius: var(--radius-surface-3);
|
|
110
110
|
--callout-icon-height: var(--line-height-3);
|
|
111
111
|
--callout-icon-size: var(--content-icon-size-3);
|
|
112
112
|
}
|
|
@@ -114,7 +114,7 @@
|
|
|
114
114
|
row-gap: var(--space-3);
|
|
115
115
|
column-gap: var(--space-5);
|
|
116
116
|
padding: var(--space-6);
|
|
117
|
-
--callout-border-radius:
|
|
117
|
+
--callout-border-radius: var(--radius-surface-4);
|
|
118
118
|
--callout-icon-height: var(--line-height-4);
|
|
119
119
|
--callout-icon-size: var(--content-icon-size-4);
|
|
120
120
|
}
|
|
@@ -122,7 +122,7 @@
|
|
|
122
122
|
row-gap: var(--space-4);
|
|
123
123
|
column-gap: var(--space-6);
|
|
124
124
|
padding: var(--space-7);
|
|
125
|
-
--callout-border-radius:
|
|
125
|
+
--callout-border-radius: var(--radius-surface-5);
|
|
126
126
|
--callout-icon-height: var(--line-height-5);
|
|
127
127
|
--callout-icon-size: var(--content-icon-size-5);
|
|
128
128
|
}
|
|
@@ -184,7 +184,7 @@
|
|
|
184
184
|
@breakpoints {
|
|
185
185
|
.rt-ChatbarRoot:where(.rt-r-size-1) .rt-ChatbarBox {
|
|
186
186
|
/* Map Chatbar size 1 to Card size 2 */
|
|
187
|
-
border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
|
|
187
|
+
border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-2)));
|
|
188
188
|
padding: var(--space-3);
|
|
189
189
|
}
|
|
190
190
|
.rt-ChatbarRoot:where(.rt-r-size-1) .rt-ChatbarInput {
|
|
@@ -196,7 +196,7 @@
|
|
|
196
196
|
}
|
|
197
197
|
.rt-ChatbarRoot:where(.rt-r-size-2) .rt-ChatbarBox {
|
|
198
198
|
/* Map Chatbar size 2 to Card size 3 */
|
|
199
|
-
border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
|
|
199
|
+
border-radius: min(var(--radius-surface-7), calc(var(--radius-surface-3) + var(--space-3)));
|
|
200
200
|
padding: var(--space-4);
|
|
201
201
|
}
|
|
202
202
|
.rt-ChatbarRoot:where(.rt-r-size-2) .rt-ChatbarInput {
|
|
@@ -208,7 +208,7 @@
|
|
|
208
208
|
}
|
|
209
209
|
.rt-ChatbarRoot:where(.rt-r-size-3) .rt-ChatbarBox {
|
|
210
210
|
/* Custom Chatbar size 3, different to Card size 4 */
|
|
211
|
-
border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
|
|
211
|
+
border-radius: min(var(--radius-surface-7), calc(var(--radius-surface-3) + var(--space-3)));
|
|
212
212
|
padding: var(--space-4);
|
|
213
213
|
}
|
|
214
214
|
.rt-ChatbarRoot:where(.rt-r-size-3) .rt-ChatbarInput {
|
|
@@ -236,13 +236,13 @@
|
|
|
236
236
|
/* Reduced radius when collapsed (scale down by 1) */
|
|
237
237
|
@breakpoints {
|
|
238
238
|
.rt-ChatbarRoot:where([data-state='closed'].rt-r-size-1) .rt-ChatbarBox {
|
|
239
|
-
border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
|
|
239
|
+
border-radius: min(var(--radius-surface-5), calc(var(--radius-surface-1) + var(--space-1)));
|
|
240
240
|
}
|
|
241
241
|
.rt-ChatbarRoot:where([data-state='closed'].rt-r-size-2) .rt-ChatbarBox {
|
|
242
|
-
border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
|
|
242
|
+
border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-2)));
|
|
243
243
|
}
|
|
244
244
|
.rt-ChatbarRoot:where([data-state='closed'].rt-r-size-3) .rt-ChatbarBox {
|
|
245
|
-
border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
|
|
245
|
+
border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-2)));
|
|
246
246
|
}
|
|
247
247
|
}
|
|
248
248
|
|
|
@@ -137,3 +137,33 @@
|
|
|
137
137
|
background-color: var(--gray-a5);
|
|
138
138
|
}
|
|
139
139
|
}
|
|
140
|
+
|
|
141
|
+
/*
|
|
142
|
+
* Pin the item shell to the control channel.
|
|
143
|
+
*
|
|
144
|
+
* These are selection controls that happen to be card-shaped, not surfaces:
|
|
145
|
+
* they sit in a row of choices and read as one large target each. Inheriting
|
|
146
|
+
* BaseCard's damped surface radius made them square off while every other
|
|
147
|
+
* control in the same form stayed round, so they take the control channel
|
|
148
|
+
* instead — the same formulas BaseCard used before the surface split. The
|
|
149
|
+
* mark inside keeps its own radius.
|
|
150
|
+
*/
|
|
151
|
+
@breakpoints {
|
|
152
|
+
.rt-CheckboxCardsItem {
|
|
153
|
+
&:where(.rt-r-size-1) {
|
|
154
|
+
--base-card-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
|
|
155
|
+
}
|
|
156
|
+
&:where(.rt-r-size-2) {
|
|
157
|
+
--base-card-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
|
|
158
|
+
}
|
|
159
|
+
&:where(.rt-r-size-3) {
|
|
160
|
+
--base-card-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
|
|
161
|
+
}
|
|
162
|
+
&:where(.rt-r-size-4) {
|
|
163
|
+
--base-card-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
|
|
164
|
+
}
|
|
165
|
+
&:where(.rt-r-size-5) {
|
|
166
|
+
--base-card-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
|
|
167
|
+
}
|
|
168
|
+
}
|
|
169
|
+
}
|
|
@@ -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;
|
|
@@ -25,15 +25,15 @@
|
|
|
25
25
|
.rt-HoverCardContent {
|
|
26
26
|
&:where(.rt-r-size-1) {
|
|
27
27
|
--hover-card-content-padding: var(--space-3);
|
|
28
|
-
border-radius: var(--radius-4);
|
|
28
|
+
border-radius: var(--radius-surface-4);
|
|
29
29
|
}
|
|
30
30
|
&:where(.rt-r-size-2) {
|
|
31
31
|
--hover-card-content-padding: var(--space-4);
|
|
32
|
-
border-radius: var(--radius-4);
|
|
32
|
+
border-radius: var(--radius-surface-4);
|
|
33
33
|
}
|
|
34
34
|
&:where(.rt-r-size-3) {
|
|
35
35
|
--hover-card-content-padding: var(--space-5);
|
|
36
|
-
border-radius: var(--radius-5);
|
|
36
|
+
border-radius: var(--radius-surface-5);
|
|
37
37
|
}
|
|
38
38
|
}
|
|
39
39
|
}
|
|
@@ -95,22 +95,22 @@
|
|
|
95
95
|
&:where(.rt-r-size-1) {
|
|
96
96
|
--popover-content-padding: var(--space-3);
|
|
97
97
|
--popover-toolbar-padding: var(--space-2);
|
|
98
|
-
border-radius: min(var(--radius-3), calc(var(--radius-1) + var(--space-2)));
|
|
98
|
+
border-radius: min(var(--radius-surface-3), calc(var(--radius-surface-1) + var(--space-2)));
|
|
99
99
|
}
|
|
100
100
|
&:where(.rt-r-size-2) {
|
|
101
101
|
--popover-content-padding: var(--space-4);
|
|
102
102
|
--popover-toolbar-padding: var(--space-2);
|
|
103
|
-
border-radius: min(var(--radius-4), calc(var(--radius-2) + var(--space-3)));
|
|
103
|
+
border-radius: min(var(--radius-surface-4), calc(var(--radius-surface-2) + var(--space-3)));
|
|
104
104
|
}
|
|
105
105
|
&:where(.rt-r-size-3) {
|
|
106
106
|
--popover-content-padding: var(--space-5);
|
|
107
107
|
--popover-toolbar-padding: var(--space-3);
|
|
108
|
-
border-radius: min(var(--radius-5), calc(var(--radius-3) + var(--space-4)));
|
|
108
|
+
border-radius: min(var(--radius-surface-5), calc(var(--radius-surface-3) + var(--space-4)));
|
|
109
109
|
}
|
|
110
110
|
&:where(.rt-r-size-4) {
|
|
111
111
|
--popover-content-padding: var(--space-6);
|
|
112
112
|
--popover-toolbar-padding: var(--space-4);
|
|
113
|
-
border-radius: min(var(--radius-6), calc(var(--radius-4) + var(--space-5)));
|
|
113
|
+
border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-4) + var(--space-5)));
|
|
114
114
|
}
|
|
115
115
|
}
|
|
116
116
|
}
|
|
@@ -121,3 +121,33 @@
|
|
|
121
121
|
}
|
|
122
122
|
outline-color: var(--gray-8);
|
|
123
123
|
}
|
|
124
|
+
|
|
125
|
+
/*
|
|
126
|
+
* Pin the item shell to the control channel.
|
|
127
|
+
*
|
|
128
|
+
* These are selection controls that happen to be card-shaped, not surfaces:
|
|
129
|
+
* they sit in a row of choices and read as one large target each. Inheriting
|
|
130
|
+
* BaseCard's damped surface radius made them square off while every other
|
|
131
|
+
* control in the same form stayed round, so they take the control channel
|
|
132
|
+
* instead — the same formulas BaseCard used before the surface split. The
|
|
133
|
+
* mark inside keeps its own radius.
|
|
134
|
+
*/
|
|
135
|
+
@breakpoints {
|
|
136
|
+
.rt-RadioCardsItem {
|
|
137
|
+
&:where(.rt-r-size-1) {
|
|
138
|
+
--base-card-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
|
|
139
|
+
}
|
|
140
|
+
&:where(.rt-r-size-2) {
|
|
141
|
+
--base-card-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
|
|
142
|
+
}
|
|
143
|
+
&:where(.rt-r-size-3) {
|
|
144
|
+
--base-card-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
|
|
145
|
+
}
|
|
146
|
+
&:where(.rt-r-size-4) {
|
|
147
|
+
--base-card-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
|
|
148
|
+
}
|
|
149
|
+
&:where(.rt-r-size-5) {
|
|
150
|
+
--base-card-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
|
|
151
|
+
}
|
|
152
|
+
}
|
|
153
|
+
}
|
|
@@ -270,7 +270,7 @@
|
|
|
270
270
|
--select-item-height: var(--space-5);
|
|
271
271
|
--select-item-indicator-width: calc(var(--space-5) / var(--select-item-indicator-width-factor));
|
|
272
272
|
--select-separator-margin-right: var(--space-2);
|
|
273
|
-
border-radius: var(--radius-3);
|
|
273
|
+
border-radius: var(--radius-surface-3);
|
|
274
274
|
|
|
275
275
|
& :where(.rt-SelectLabel) {
|
|
276
276
|
font-size: var(--font-size-1);
|
|
@@ -293,7 +293,7 @@
|
|
|
293
293
|
--select-item-height: var(--space-6);
|
|
294
294
|
--select-item-indicator-width: var(--space-5);
|
|
295
295
|
--select-separator-margin-right: var(--space-3);
|
|
296
|
-
border-radius: var(--radius-4);
|
|
296
|
+
border-radius: var(--radius-surface-4);
|
|
297
297
|
|
|
298
298
|
& :where(.rt-SelectLabel) {
|
|
299
299
|
font-size: var(--font-size-2);
|
package/src/components/shell.css
CHANGED
|
@@ -672,7 +672,7 @@
|
|
|
672
672
|
.rt-ShellBottom[data-inset] {
|
|
673
673
|
--shell-inset-gap: var(--space-2);
|
|
674
674
|
margin: var(--shell-inset-gap);
|
|
675
|
-
border-radius: var(--radius-3);
|
|
675
|
+
border-radius: var(--radius-surface-3);
|
|
676
676
|
background: var(--color-background);
|
|
677
677
|
box-shadow: var(--shadow-2);
|
|
678
678
|
/* Override height: 100% so margin doesn't overflow */
|
package/src/components/table.css
CHANGED
|
@@ -60,7 +60,7 @@
|
|
|
60
60
|
@breakpoints {
|
|
61
61
|
.rt-TableRoot {
|
|
62
62
|
&:where(.rt-r-size-1) {
|
|
63
|
-
--table-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
|
|
63
|
+
--table-border-radius: min(var(--radius-surface-5), calc(var(--radius-surface-1) + var(--space-1)));
|
|
64
64
|
--table-cell-padding: var(--space-2);
|
|
65
65
|
--table-cell-min-height: calc(36px * var(--scaling));
|
|
66
66
|
|
|
@@ -70,7 +70,7 @@
|
|
|
70
70
|
}
|
|
71
71
|
}
|
|
72
72
|
&:where(.rt-r-size-2) {
|
|
73
|
-
--table-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
|
|
73
|
+
--table-border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-2)));
|
|
74
74
|
--table-cell-padding: var(--space-3);
|
|
75
75
|
--table-cell-min-height: calc(44px * var(--scaling));
|
|
76
76
|
|
|
@@ -80,7 +80,7 @@
|
|
|
80
80
|
}
|
|
81
81
|
}
|
|
82
82
|
&:where(.rt-r-size-3) {
|
|
83
|
-
--table-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
|
|
83
|
+
--table-border-radius: min(var(--radius-surface-7), calc(var(--radius-surface-3) + var(--space-3)));
|
|
84
84
|
--table-cell-padding: var(--space-4);
|
|
85
85
|
--table-cell-min-height: var(--space-8);
|
|
86
86
|
|
|
@@ -90,7 +90,7 @@
|
|
|
90
90
|
}
|
|
91
91
|
}
|
|
92
92
|
&:where(.rt-r-size-4) {
|
|
93
|
-
--table-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
|
|
93
|
+
--table-border-radius: min(var(--radius-surface-8), calc(var(--radius-surface-4) + var(--space-4)));
|
|
94
94
|
--table-cell-padding: var(--space-5);
|
|
95
95
|
--table-cell-min-height: var(--space-9);
|
|
96
96
|
|
|
@@ -100,7 +100,7 @@
|
|
|
100
100
|
}
|
|
101
101
|
}
|
|
102
102
|
&:where(.rt-r-size-5) {
|
|
103
|
-
--table-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
|
|
103
|
+
--table-border-radius: min(var(--radius-surface-9), calc(var(--radius-surface-5) + var(--space-5)));
|
|
104
104
|
--table-cell-padding: var(--space-6);
|
|
105
105
|
--table-cell-min-height: var(--space-10);
|
|
106
106
|
|
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;
|