optikos 0.1.0 → 0.3.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/CHANGELOG.md +135 -0
- package/README.md +13 -11
- package/dist/chunk-23XLG2EM.js +2 -0
- package/dist/{chunk-666O2GKD.js.map → chunk-23XLG2EM.js.map} +1 -1
- package/dist/chunk-2YZB6XQR.js +2 -0
- package/dist/chunk-2YZB6XQR.js.map +7 -0
- package/dist/chunk-2ZRNGG2N.js +2 -0
- package/dist/chunk-2ZRNGG2N.js.map +7 -0
- package/dist/chunk-2ZUZ5HDL.js +2 -0
- package/dist/chunk-2ZUZ5HDL.js.map +7 -0
- package/dist/chunk-3S24ZRPK.js +2 -0
- package/dist/chunk-3S24ZRPK.js.map +7 -0
- package/dist/chunk-3TAW4AKH.js +2 -0
- package/dist/chunk-3TAW4AKH.js.map +7 -0
- package/dist/chunk-4EQEHJB3.js +2 -0
- package/dist/chunk-4EQEHJB3.js.map +7 -0
- package/dist/chunk-4EZJ5FKJ.js +2 -0
- package/dist/{chunk-IHAYOSBR.js.map → chunk-4EZJ5FKJ.js.map} +1 -1
- package/dist/chunk-4LZZ244E.js +2 -0
- package/dist/chunk-4LZZ244E.js.map +7 -0
- package/dist/chunk-4SYIIX5A.js +2 -0
- package/dist/chunk-4SYIIX5A.js.map +7 -0
- package/dist/chunk-5BC72727.js +2 -0
- package/dist/chunk-5BC72727.js.map +7 -0
- package/dist/chunk-5DJTP53N.js +2 -0
- package/dist/{chunk-ODWPBBVL.js.map → chunk-5DJTP53N.js.map} +1 -1
- package/dist/{chunk-NWTTHDIM.js → chunk-5JEXM5S7.js} +2 -2
- package/dist/chunk-5Q76ACVI.js +2 -0
- package/dist/{chunk-O4DCHALR.js.map → chunk-5Q76ACVI.js.map} +1 -1
- package/dist/chunk-5QUY72FX.js +2 -0
- package/dist/chunk-5QUY72FX.js.map +7 -0
- package/dist/{chunk-NV5AIBQP.js → chunk-6VBK2I5B.js} +2 -2
- package/dist/{chunk-ZYUXCZX7.js → chunk-7KMIFXHZ.js} +2 -2
- package/dist/{chunk-IYPKPLCU.js → chunk-A2NKDOYN.js} +2 -2
- package/dist/chunk-A2NKDOYN.js.map +7 -0
- package/dist/chunk-CKXS375P.js +2 -0
- package/dist/chunk-CKXS375P.js.map +7 -0
- package/dist/chunk-DBMWS3O5.js +2 -0
- package/dist/chunk-DBMWS3O5.js.map +7 -0
- package/dist/chunk-E4VNLYO2.js +2 -0
- package/dist/chunk-E4VNLYO2.js.map +7 -0
- package/dist/chunk-EDUMAMK4.js +2 -0
- package/dist/chunk-EDUMAMK4.js.map +7 -0
- package/dist/chunk-EJGWCKE4.js +2 -0
- package/dist/{chunk-4DHQKECB.js.map → chunk-EJGWCKE4.js.map} +1 -1
- package/dist/chunk-ELYARUCN.js +2 -0
- package/dist/{chunk-Z25NC4CS.js → chunk-EV73ADN2.js} +2 -2
- package/dist/{chunk-LV6HXFHU.js → chunk-FEHGU6EP.js} +3 -3
- package/dist/chunk-FEHGU6EP.js.map +7 -0
- package/dist/chunk-G2DAD3MQ.js +2 -0
- package/dist/chunk-G2DAD3MQ.js.map +7 -0
- package/dist/chunk-G2KUK6AT.js +2 -0
- package/dist/chunk-GD5JGKM7.js +2 -0
- package/dist/chunk-GD5JGKM7.js.map +7 -0
- package/dist/{chunk-LBCWEWPN.js → chunk-GNU4VOOE.js} +2 -2
- package/dist/{chunk-IW7PK4VS.js → chunk-GZ7X34QP.js} +2 -2
- package/dist/chunk-HOF4JGMQ.js +2 -0
- package/dist/chunk-HOF4JGMQ.js.map +7 -0
- package/dist/chunk-HXDTGP2K.js +2 -0
- package/dist/chunk-HXDTGP2K.js.map +7 -0
- package/dist/{chunk-QEQIJAAB.js → chunk-I4SP6JTU.js} +2 -2
- package/dist/chunk-IHE2MQ3W.js +2 -0
- package/dist/{chunk-OW2ZSMGS.js.map → chunk-IHE2MQ3W.js.map} +1 -1
- package/dist/chunk-JBLRAM7Z.js +2 -0
- package/dist/{chunk-JZNEB7A7.js.map → chunk-JBLRAM7Z.js.map} +1 -1
- package/dist/{chunk-4SUKNSCY.js → chunk-JI265XFO.js} +2 -2
- package/dist/chunk-JK74QK3M.js +2 -0
- package/dist/chunk-JK74QK3M.js.map +7 -0
- package/dist/chunk-JOFQJGZK.js +2 -0
- package/dist/chunk-JOFQJGZK.js.map +7 -0
- package/dist/chunk-KCEUD232.js +2 -0
- package/dist/chunk-KCEUD232.js.map +7 -0
- package/dist/chunk-KLLAY2IM.js +2 -0
- package/dist/chunk-KLLAY2IM.js.map +7 -0
- package/dist/chunk-LBJSMXLV.js +2 -0
- package/dist/chunk-LBJSMXLV.js.map +7 -0
- package/dist/chunk-LQRFNQ2N.js +2 -0
- package/dist/chunk-LQRFNQ2N.js.map +7 -0
- package/dist/{chunk-NDBFYIL6.js → chunk-LW2WRUVL.js} +2 -2
- package/dist/{chunk-NDBFYIL6.js.map → chunk-LW2WRUVL.js.map} +2 -2
- package/dist/chunk-M242VYZA.js +2 -0
- package/dist/{chunk-XVIC24AW.js.map → chunk-M242VYZA.js.map} +1 -1
- package/dist/chunk-MB3MU6HR.js +2 -0
- package/dist/chunk-MB3MU6HR.js.map +7 -0
- package/dist/chunk-MW3RWBZ7.js +2 -0
- package/dist/chunk-MW3RWBZ7.js.map +7 -0
- package/dist/chunk-NXSTUFS7.js +2 -0
- package/dist/chunk-NXSTUFS7.js.map +7 -0
- package/dist/chunk-OEAXCCVM.js +2 -0
- package/dist/chunk-OEAXCCVM.js.map +7 -0
- package/dist/chunk-OGRFQTXA.js +2 -0
- package/dist/chunk-OGRFQTXA.js.map +7 -0
- package/dist/chunk-Q26YZYTD.js +2 -0
- package/dist/chunk-Q26YZYTD.js.map +7 -0
- package/dist/chunk-REW4LR46.js +2 -0
- package/dist/chunk-REW4LR46.js.map +7 -0
- package/dist/chunk-RNN55473.js +2 -0
- package/dist/chunk-RNN55473.js.map +7 -0
- package/dist/{chunk-6NJW7QFD.js → chunk-SA53QUBF.js} +2 -2
- package/dist/chunk-TIPK3SCJ.js +2 -0
- package/dist/chunk-TIPK3SCJ.js.map +7 -0
- package/dist/{chunk-TBLICXWW.js → chunk-TOLTUOZS.js} +2 -2
- package/dist/{chunk-DXO3UJKL.js → chunk-TZOQWCVH.js} +2 -2
- package/dist/chunk-UB5RYS7T.js +2 -0
- package/dist/chunk-UB5RYS7T.js.map +7 -0
- package/dist/chunk-UXXJOU5J.js +2 -0
- package/dist/chunk-UXXJOU5J.js.map +7 -0
- package/dist/chunk-VU3GIDZ3.js +2 -0
- package/dist/chunk-VU3GIDZ3.js.map +7 -0
- package/dist/chunk-W2BAFOCN.js +3 -0
- package/dist/chunk-W2BAFOCN.js.map +7 -0
- package/dist/{chunk-SNTHW4K2.js → chunk-W3H7GTJY.js} +2 -2
- package/dist/chunk-WFGTQZIQ.js +2 -0
- package/dist/chunk-WFGTQZIQ.js.map +7 -0
- package/dist/{chunk-ZHVSHDLH.js → chunk-XHOBNSBO.js} +2 -2
- package/dist/chunk-XX2MVWFS.js +4 -0
- package/dist/chunk-XX2MVWFS.js.map +7 -0
- package/dist/chunk-XYZ6VZ5T.js +2 -0
- package/dist/chunk-XYZ6VZ5T.js.map +7 -0
- package/dist/chunk-YBAYEU25.js +2 -0
- package/dist/chunk-YBAYEU25.js.map +7 -0
- package/dist/chunk-YF75HKL6.js +2 -0
- package/dist/chunk-YF75HKL6.js.map +7 -0
- package/dist/chunk-YHEMA56R.js +2 -0
- package/dist/{chunk-5GNEFX6F.js.map → chunk-YHEMA56R.js.map} +1 -1
- package/dist/chunk-Z2JBUHKA.js +2 -0
- package/dist/chunk-Z2JBUHKA.js.map +7 -0
- package/dist/{chunk-6O2BXCRN.js → chunk-Z2Z52GFT.js} +2 -2
- package/dist/chunk-ZPPELYNJ.js +2 -0
- package/dist/chunk-ZPPELYNJ.js.map +7 -0
- package/dist/chunk-ZVK4L5GK.js +2 -0
- package/dist/chunk-ZVK4L5GK.js.map +7 -0
- package/dist/chunk-ZWNQREWS.js +2 -0
- package/dist/chunk-ZWNQREWS.js.map +7 -0
- package/dist/components/badge.js +2 -0
- package/dist/components/badge.js.map +7 -0
- package/dist/components/breadcrumb.js +1 -1
- package/dist/components/button.js +1 -1
- package/dist/components/calendar.js +1 -1
- package/dist/components/cellediting.js +2 -0
- package/dist/components/cellediting.js.map +7 -0
- package/dist/components/chat.js +1 -1
- package/dist/components/checkbox.js +1 -1
- package/dist/components/checkboxgroup.js +2 -0
- package/dist/components/checkboxgroup.js.map +7 -0
- package/dist/components/chip.js +2 -0
- package/dist/components/chip.js.map +7 -0
- package/dist/components/codeviewer.js +2 -0
- package/dist/components/codeviewer.js.map +7 -0
- package/dist/components/combobox.js +1 -1
- package/dist/components/commandpalette.js +1 -1
- package/dist/components/container.js +1 -1
- package/dist/components/dataview.js +1 -1
- package/dist/components/datefield.js +1 -1
- package/dist/components/daterangefield.js +1 -1
- package/dist/components/dial.js +2 -0
- package/dist/components/dial.js.map +7 -0
- package/dist/components/dropdown.js +1 -1
- package/dist/components/fieldgroup.js +2 -0
- package/dist/components/fieldgroup.js.map +7 -0
- package/dist/components/fieldlist.js +2 -0
- package/dist/components/fieldlist.js.map +7 -0
- package/dist/components/fieldset.js +1 -1
- package/dist/components/filterbuilder.js +1 -1
- package/dist/components/form.js +1 -1
- package/dist/components/formactions.js +2 -0
- package/dist/components/formactions.js.map +7 -0
- package/dist/components/formerrors.js +2 -0
- package/dist/components/formerrors.js.map +7 -0
- package/dist/components/formsection.js +2 -0
- package/dist/components/formsection.js.map +7 -0
- package/dist/components/grid.js +1 -1
- package/dist/components/icon.js +1 -1
- package/dist/components/inputgroup.js +2 -0
- package/dist/components/inputgroup.js.map +7 -0
- package/dist/components/label.js +1 -1
- package/dist/components/listbox.js +1 -1
- package/dist/components/lookupfield.js +1 -1
- package/dist/components/menu.js +1 -1
- package/dist/components/messagebox.js +1 -1
- package/dist/components/navmenu.js +1 -1
- package/dist/components/numberfield.js +1 -1
- package/dist/components/pagination.js +1 -1
- package/dist/components/panel.js +1 -1
- package/dist/components/pickerfield.js +1 -1
- package/dist/components/radiogroup.js +1 -1
- package/dist/components/searchgrid.js +1 -1
- package/dist/components/secretfield.js +1 -1
- package/dist/components/select.js +1 -1
- package/dist/components/slider.js +1 -1
- package/dist/components/spacer.js +1 -1
- package/dist/components/spinner.js +1 -1
- package/dist/components/stepform.js +1 -1
- package/dist/components/stepper.js +1 -1
- package/dist/components/suggestfield.js +1 -1
- package/dist/components/table.js +1 -1
- package/dist/components/tabs.js +1 -1
- package/dist/components/textarea.js +1 -1
- package/dist/components/textfield.js +1 -1
- package/dist/components/toast.js +1 -1
- package/dist/components/toggle.js +2 -0
- package/dist/components/toggle.js.map +7 -0
- package/dist/components/toolbar.js +1 -1
- package/dist/components/tooltip.js +1 -1
- package/dist/components/tree.js +2 -0
- package/dist/components/tree.js.map +7 -0
- package/dist/components/viewmanager.js +1 -1
- package/dist/components/viewport.js +1 -1
- package/dist/components/widget.js +1 -1
- package/dist/components/window.js +1 -1
- package/dist/core.js +1 -1
- package/dist/css/badge.css +39 -0
- package/dist/css/base.css +71 -51
- package/dist/css/button.css +2 -0
- package/dist/css/cellediting.css +33 -0
- package/dist/css/chat.css +0 -1
- package/dist/css/checkboxgroup.css +12 -0
- package/dist/css/chip.css +64 -0
- package/dist/css/codeviewer.css +109 -0
- package/dist/css/dial.css +203 -0
- package/dist/css/fieldgroup.css +26 -0
- package/dist/css/fieldlist.css +84 -0
- package/dist/css/fieldset.css +36 -0
- package/dist/css/formactions.css +40 -0
- package/dist/css/formerrors.css +39 -0
- package/dist/css/formsection.css +45 -0
- package/dist/css/grid.css +14 -3
- package/dist/css/inputgroup.css +58 -0
- package/dist/css/menu.css +54 -0
- package/dist/css/navmenu.css +9 -7
- package/dist/css/panel.css +8 -1
- package/dist/css/stepform.css +9 -0
- package/dist/css/stepper.css +7 -2
- package/dist/css/tabs.css +12 -3
- package/dist/css/toggle.css +39 -0
- package/dist/css/tree.css +94 -0
- package/dist/css/widget.css +58 -0
- package/dist/css/window.css +4 -0
- package/dist/data.js +1 -1
- package/dist/index.js +3 -3
- package/dist/index.js.map +3 -3
- package/dist/optikos.css +1221 -106
- package/dist/themes/dark.css +47 -32
- package/dist/types/components/badge.d.ts +1 -0
- package/dist/types/components/base/badge/badge.d.ts +18 -0
- package/dist/types/components/base/chip/chip.d.ts +27 -0
- package/dist/types/components/base/codeviewer/codeviewer.d.ts +48 -0
- package/dist/types/components/cellediting.d.ts +1 -0
- package/dist/types/components/checkboxgroup.d.ts +1 -0
- package/dist/types/components/chip.d.ts +1 -0
- package/dist/types/components/codeviewer.d.ts +1 -0
- package/dist/types/components/data/cellediting/cellediting.d.ts +10 -0
- package/dist/types/components/data/filterbuilder/filterbuilder.d.ts +3 -1
- package/dist/types/components/data/grid/grid.d.ts +42 -16
- package/dist/types/components/data/tree/tree.d.ts +71 -0
- package/dist/types/components/dial.d.ts +1 -0
- package/dist/types/components/fieldgroup.d.ts +1 -0
- package/dist/types/components/fieldlist.d.ts +1 -0
- package/dist/types/components/fields/checkboxgroup/checkboxgroup.d.ts +27 -0
- package/dist/types/components/fields/dial/dial.d.ts +84 -0
- package/dist/types/components/fields/toggle/toggle.d.ts +9 -0
- package/dist/types/components/form/fieldgroup/fieldgroup.d.ts +33 -0
- package/dist/types/components/form/fieldlist/fieldlist.d.ts +58 -0
- package/dist/types/components/form/form/form.d.ts +19 -2
- package/dist/types/components/form/formactions/formactions.d.ts +34 -0
- package/dist/types/components/form/formerrors/formerrors.d.ts +23 -0
- package/dist/types/components/form/formsection/formsection.d.ts +26 -0
- package/dist/types/components/form/inputgroup/inputgroup.d.ts +28 -0
- package/dist/types/components/form/stepform/stepform.d.ts +30 -4
- package/dist/types/components/formactions.d.ts +1 -0
- package/dist/types/components/formerrors.d.ts +1 -0
- package/dist/types/components/formsection.d.ts +1 -0
- package/dist/types/components/inputgroup.d.ts +1 -0
- package/dist/types/components/layout/fieldset/fieldset.d.ts +9 -0
- package/dist/types/components/layout/panel/panel.d.ts +6 -0
- package/dist/types/components/layout/panel/reload.d.ts +1 -0
- package/dist/types/components/navigation/navmenu/navmenu.d.ts +6 -0
- package/dist/types/components/navigation/tabs/tabs.d.ts +8 -0
- package/dist/types/components/overlays/menu/menu.d.ts +17 -0
- package/dist/types/components/overlays/messagebox/messagebox.d.ts +8 -0
- package/dist/types/components/overlays/widget/widget.d.ts +13 -0
- package/dist/types/components/overlays/window/window.d.ts +8 -1
- package/dist/types/components/toggle.d.ts +1 -0
- package/dist/types/components/tree.d.ts +1 -0
- package/dist/types/core/component.d.ts +6 -2
- package/dist/types/core/i18n.d.ts +5 -0
- package/dist/types/core/index.d.ts +1 -1
- package/dist/types/core/position.d.ts +4 -1
- package/dist/types/data/column.d.ts +9 -4
- package/dist/types/index.d.ts +14 -0
- package/dist/types/themes/define.d.ts +4 -3
- package/dist/types/ui/enums.d.ts +0 -6
- package/dist/types/ui/ui.d.ts +12 -3
- package/dist/ui.js +1 -1
- package/package.json +6 -1
- package/dist/chunk-4COBH4QJ.js +0 -2
- package/dist/chunk-4COBH4QJ.js.map +0 -7
- package/dist/chunk-4DHQKECB.js +0 -2
- package/dist/chunk-4Q67QI7J.js +0 -2
- package/dist/chunk-4Q67QI7J.js.map +0 -7
- package/dist/chunk-5AXLYDKU.js +0 -2
- package/dist/chunk-5AXLYDKU.js.map +0 -7
- package/dist/chunk-5GNEFX6F.js +0 -2
- package/dist/chunk-5Q6Y6CM4.js +0 -2
- package/dist/chunk-5Q6Y6CM4.js.map +0 -7
- package/dist/chunk-666O2GKD.js +0 -2
- package/dist/chunk-A66MDXHL.js +0 -2
- package/dist/chunk-A66MDXHL.js.map +0 -7
- package/dist/chunk-ARCW54L2.js +0 -2
- package/dist/chunk-ARCW54L2.js.map +0 -7
- package/dist/chunk-BIYNHKSA.js +0 -2
- package/dist/chunk-BIYNHKSA.js.map +0 -7
- package/dist/chunk-BNPVRIFT.js +0 -2
- package/dist/chunk-BNPVRIFT.js.map +0 -7
- package/dist/chunk-C3N7QTQB.js +0 -2
- package/dist/chunk-C3N7QTQB.js.map +0 -7
- package/dist/chunk-CEXY5A4T.js +0 -2
- package/dist/chunk-CN7USUJR.js +0 -2
- package/dist/chunk-CN7USUJR.js.map +0 -7
- package/dist/chunk-CQRHNTEX.js +0 -2
- package/dist/chunk-CUPAPOKC.js +0 -2
- package/dist/chunk-CUPAPOKC.js.map +0 -7
- package/dist/chunk-GZNQPENR.js +0 -2
- package/dist/chunk-GZNQPENR.js.map +0 -7
- package/dist/chunk-HFFK6K4K.js +0 -2
- package/dist/chunk-HFFK6K4K.js.map +0 -7
- package/dist/chunk-IHAYOSBR.js +0 -2
- package/dist/chunk-IO66A6G5.js +0 -2
- package/dist/chunk-IO66A6G5.js.map +0 -7
- package/dist/chunk-IYPKPLCU.js.map +0 -7
- package/dist/chunk-JTYWZMSZ.js +0 -2
- package/dist/chunk-JTYWZMSZ.js.map +0 -7
- package/dist/chunk-JVEPKW5X.js +0 -2
- package/dist/chunk-JVEPKW5X.js.map +0 -7
- package/dist/chunk-JZNEB7A7.js +0 -2
- package/dist/chunk-K2DGY6MP.js +0 -2
- package/dist/chunk-K2DGY6MP.js.map +0 -7
- package/dist/chunk-LEE2FEEL.js +0 -2
- package/dist/chunk-LEE2FEEL.js.map +0 -7
- package/dist/chunk-LMGCV35W.js +0 -2
- package/dist/chunk-LMGCV35W.js.map +0 -7
- package/dist/chunk-LV6HXFHU.js.map +0 -7
- package/dist/chunk-MA5BJL3S.js +0 -2
- package/dist/chunk-MA5BJL3S.js.map +0 -7
- package/dist/chunk-NHVEP72K.js +0 -2
- package/dist/chunk-NHVEP72K.js.map +0 -7
- package/dist/chunk-O4DCHALR.js +0 -2
- package/dist/chunk-ODWPBBVL.js +0 -2
- package/dist/chunk-OW2ZSMGS.js +0 -2
- package/dist/chunk-PSPQH35P.js +0 -2
- package/dist/chunk-PSPQH35P.js.map +0 -7
- package/dist/chunk-T4OYVG2X.js +0 -2
- package/dist/chunk-T4OYVG2X.js.map +0 -7
- package/dist/chunk-TK2RC3T5.js +0 -2
- package/dist/chunk-TK2RC3T5.js.map +0 -7
- package/dist/chunk-U3X2FW6U.js +0 -2
- package/dist/chunk-U3X2FW6U.js.map +0 -7
- package/dist/chunk-UPOBGNJ5.js +0 -2
- package/dist/chunk-UPOBGNJ5.js.map +0 -7
- package/dist/chunk-XVIC24AW.js +0 -2
- package/dist/chunk-XZ5CUZZP.js +0 -2
- package/dist/chunk-XZ5CUZZP.js.map +0 -7
- package/dist/chunk-XZEOSW3Q.js +0 -2
- package/dist/chunk-XZEOSW3Q.js.map +0 -7
- package/dist/chunk-YET5PM6F.js +0 -2
- package/dist/chunk-YET5PM6F.js.map +0 -7
- package/dist/chunk-ZCAAM4NH.js +0 -2
- package/dist/chunk-ZCAAM4NH.js.map +0 -7
- package/dist/themes/brand.css +0 -240
- package/dist/themes/brutal.css +0 -100
- package/dist/themes/corporate.css +0 -112
- package/dist/themes/editorial.css +0 -110
- package/dist/themes/soft.css +0 -101
- package/dist/themes/terminal.css +0 -91
- /package/dist/{chunk-NWTTHDIM.js.map → chunk-5JEXM5S7.js.map} +0 -0
- /package/dist/{chunk-NV5AIBQP.js.map → chunk-6VBK2I5B.js.map} +0 -0
- /package/dist/{chunk-ZYUXCZX7.js.map → chunk-7KMIFXHZ.js.map} +0 -0
- /package/dist/{chunk-CEXY5A4T.js.map → chunk-ELYARUCN.js.map} +0 -0
- /package/dist/{chunk-Z25NC4CS.js.map → chunk-EV73ADN2.js.map} +0 -0
- /package/dist/{chunk-CQRHNTEX.js.map → chunk-G2KUK6AT.js.map} +0 -0
- /package/dist/{chunk-LBCWEWPN.js.map → chunk-GNU4VOOE.js.map} +0 -0
- /package/dist/{chunk-IW7PK4VS.js.map → chunk-GZ7X34QP.js.map} +0 -0
- /package/dist/{chunk-QEQIJAAB.js.map → chunk-I4SP6JTU.js.map} +0 -0
- /package/dist/{chunk-4SUKNSCY.js.map → chunk-JI265XFO.js.map} +0 -0
- /package/dist/{chunk-6NJW7QFD.js.map → chunk-SA53QUBF.js.map} +0 -0
- /package/dist/{chunk-TBLICXWW.js.map → chunk-TOLTUOZS.js.map} +0 -0
- /package/dist/{chunk-DXO3UJKL.js.map → chunk-TZOQWCVH.js.map} +0 -0
- /package/dist/{chunk-SNTHW4K2.js.map → chunk-W3H7GTJY.js.map} +0 -0
- /package/dist/{chunk-ZHVSHDLH.js.map → chunk-XHOBNSBO.js.map} +0 -0
- /package/dist/{chunk-6O2BXCRN.js.map → chunk-Z2Z52GFT.js.map} +0 -0
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a}from"../chunk-
|
|
1
|
+
import{a}from"../chunk-G2KUK6AT.js";import"../chunk-EV73ADN2.js";import"../chunk-5Q76ACVI.js";import"../chunk-Z2JBUHKA.js";import"../chunk-W3H7GTJY.js";import"../chunk-OWEQT2HN.js";import"../chunk-E4VNLYO2.js";import"../chunk-676AKAGF.js";import"../chunk-VV7CFMPZ.js";import"../chunk-2ZRNGG2N.js";import"../chunk-4AA4FQEM.js";import"../chunk-2UPUC4RK.js";import"../chunk-4EZJ5FKJ.js";import"../chunk-A2NKDOYN.js";import"../chunk-PZSHOSOS.js";import"../chunk-TIPK3SCJ.js";import"../chunk-MW3RWBZ7.js";import"../chunk-4C666HHU.js";export{a as Select};
|
|
2
2
|
//# sourceMappingURL=select.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a}from"../chunk-
|
|
1
|
+
import{a}from"../chunk-Z2Z52GFT.js";import"../chunk-2ZRNGG2N.js";import"../chunk-6NCXO5ZP.js";import"../chunk-2UPUC4RK.js";import"../chunk-A2NKDOYN.js";import"../chunk-PZSHOSOS.js";import"../chunk-TIPK3SCJ.js";import"../chunk-MW3RWBZ7.js";import"../chunk-4C666HHU.js";export{a as Slider};
|
|
2
2
|
//# sourceMappingURL=slider.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a}from"../chunk-
|
|
1
|
+
import{a}from"../chunk-23XLG2EM.js";import"../chunk-A2NKDOYN.js";import"../chunk-PZSHOSOS.js";import"../chunk-TIPK3SCJ.js";import"../chunk-MW3RWBZ7.js";import"../chunk-4C666HHU.js";export{a as Spacer};
|
|
2
2
|
//# sourceMappingURL=spacer.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a}from"../chunk-
|
|
1
|
+
import{a}from"../chunk-5DJTP53N.js";import"../chunk-A2NKDOYN.js";import"../chunk-PZSHOSOS.js";import"../chunk-TIPK3SCJ.js";import"../chunk-MW3RWBZ7.js";import"../chunk-4C666HHU.js";export{a as Spinner};
|
|
2
2
|
//# sourceMappingURL=spinner.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a}from"../chunk-
|
|
1
|
+
import{a}from"../chunk-WFGTQZIQ.js";import"../chunk-JOFQJGZK.js";import"../chunk-ELYARUCN.js";import"../chunk-VU3GIDZ3.js";import"../chunk-GNU4VOOE.js";import"../chunk-23XLG2EM.js";import"../chunk-ZWNQREWS.js";import"../chunk-VV7CFMPZ.js";import"../chunk-2ZRNGG2N.js";import"../chunk-2ZUZ5HDL.js";import"../chunk-4AA4FQEM.js";import"../chunk-2UPUC4RK.js";import"../chunk-4EZJ5FKJ.js";import"../chunk-A2NKDOYN.js";import"../chunk-PZSHOSOS.js";import"../chunk-TIPK3SCJ.js";import"../chunk-MW3RWBZ7.js";import"../chunk-4C666HHU.js";export{a as StepForm};
|
|
2
2
|
//# sourceMappingURL=stepform.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a}from"../chunk-
|
|
1
|
+
import{a}from"../chunk-JOFQJGZK.js";import"../chunk-4EZJ5FKJ.js";import"../chunk-A2NKDOYN.js";import"../chunk-PZSHOSOS.js";import"../chunk-TIPK3SCJ.js";import"../chunk-MW3RWBZ7.js";import"../chunk-4C666HHU.js";export{a as Stepper};
|
|
2
2
|
//# sourceMappingURL=stepper.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a}from"../chunk-
|
|
1
|
+
import{a}from"../chunk-TZOQWCVH.js";import"../chunk-EV73ADN2.js";import"../chunk-5Q76ACVI.js";import"../chunk-Z2JBUHKA.js";import"../chunk-W3H7GTJY.js";import"../chunk-OWEQT2HN.js";import"../chunk-E4VNLYO2.js";import"../chunk-676AKAGF.js";import"../chunk-VV7CFMPZ.js";import"../chunk-2ZRNGG2N.js";import"../chunk-4AA4FQEM.js";import"../chunk-2UPUC4RK.js";import"../chunk-4EZJ5FKJ.js";import"../chunk-A2NKDOYN.js";import"../chunk-PZSHOSOS.js";import"../chunk-TIPK3SCJ.js";import"../chunk-MW3RWBZ7.js";import"../chunk-4C666HHU.js";export{a as SuggestField};
|
|
2
2
|
//# sourceMappingURL=suggestfield.js.map
|
package/dist/components/table.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a}from"../chunk-
|
|
1
|
+
import{a}from"../chunk-JBLRAM7Z.js";import"../chunk-LW2WRUVL.js";import"../chunk-OEAXCCVM.js";import"../chunk-A2NKDOYN.js";import"../chunk-PZSHOSOS.js";import"../chunk-TIPK3SCJ.js";import"../chunk-MW3RWBZ7.js";import"../chunk-4C666HHU.js";export{a as Table};
|
|
2
2
|
//# sourceMappingURL=table.js.map
|
package/dist/components/tabs.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a}from"../chunk-
|
|
1
|
+
import{a}from"../chunk-CKXS375P.js";import"../chunk-XYZ6VZ5T.js";import"../chunk-ZWNQREWS.js";import"../chunk-VV7CFMPZ.js";import"../chunk-4EZJ5FKJ.js";import"../chunk-A2NKDOYN.js";import"../chunk-PZSHOSOS.js";import"../chunk-TIPK3SCJ.js";import"../chunk-MW3RWBZ7.js";import"../chunk-4C666HHU.js";export{a as Tabs};
|
|
2
2
|
//# sourceMappingURL=tabs.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a}from"../chunk-
|
|
1
|
+
import{a}from"../chunk-XHOBNSBO.js";import"../chunk-W3H7GTJY.js";import"../chunk-OWEQT2HN.js";import"../chunk-2ZRNGG2N.js";import"../chunk-4EZJ5FKJ.js";import"../chunk-A2NKDOYN.js";import"../chunk-PZSHOSOS.js";import"../chunk-TIPK3SCJ.js";import"../chunk-MW3RWBZ7.js";import"../chunk-4C666HHU.js";export{a as TextArea};
|
|
2
2
|
//# sourceMappingURL=textarea.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a}from"../chunk-
|
|
1
|
+
import{a}from"../chunk-W3H7GTJY.js";import"../chunk-2ZRNGG2N.js";import"../chunk-4EZJ5FKJ.js";import"../chunk-A2NKDOYN.js";import"../chunk-PZSHOSOS.js";import"../chunk-TIPK3SCJ.js";import"../chunk-MW3RWBZ7.js";import"../chunk-4C666HHU.js";export{a as TextField};
|
|
2
2
|
//# sourceMappingURL=textfield.js.map
|
package/dist/components/toast.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a,b}from"../chunk-
|
|
1
|
+
import{a,b}from"../chunk-IHE2MQ3W.js";import"../chunk-676AKAGF.js";import"../chunk-4AA4FQEM.js";import"../chunk-2UPUC4RK.js";import"../chunk-4EZJ5FKJ.js";import"../chunk-A2NKDOYN.js";import"../chunk-PZSHOSOS.js";import"../chunk-TIPK3SCJ.js";import"../chunk-MW3RWBZ7.js";import"../chunk-4C666HHU.js";export{a as Toast,b as toast};
|
|
2
2
|
//# sourceMappingURL=toast.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{a}from"../chunk-HXDTGP2K.js";import"../chunk-I4SP6JTU.js";import"../chunk-2ZRNGG2N.js";import"../chunk-4EZJ5FKJ.js";import"../chunk-A2NKDOYN.js";import"../chunk-PZSHOSOS.js";import"../chunk-TIPK3SCJ.js";import"../chunk-MW3RWBZ7.js";import"../chunk-4C666HHU.js";export{a as Toggle};
|
|
2
|
+
//# sourceMappingURL=toggle.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a}from"../chunk-
|
|
1
|
+
import{a}from"../chunk-GNU4VOOE.js";import"../chunk-23XLG2EM.js";import"../chunk-ZWNQREWS.js";import"../chunk-VV7CFMPZ.js";import"../chunk-A2NKDOYN.js";import"../chunk-PZSHOSOS.js";import"../chunk-TIPK3SCJ.js";import"../chunk-MW3RWBZ7.js";import"../chunk-4C666HHU.js";export{a as Toolbar};
|
|
2
2
|
//# sourceMappingURL=toolbar.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a,b}from"../chunk-
|
|
1
|
+
import{a,b}from"../chunk-SA53QUBF.js";import"../chunk-E4VNLYO2.js";import"../chunk-676AKAGF.js";import"../chunk-PZSHOSOS.js";import"../chunk-4C666HHU.js";export{a as Tooltip,b as attachTooltip};
|
|
2
2
|
//# sourceMappingURL=tooltip.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a,b,c}from"../chunk-
|
|
1
|
+
import{a,b,c}from"../chunk-UXXJOU5J.js";import"../chunk-KLLAY2IM.js";import"../chunk-4LZZ244E.js";import"../chunk-LQRFNQ2N.js";import"../chunk-XYZ6VZ5T.js";import"../chunk-GNU4VOOE.js";import"../chunk-23XLG2EM.js";import"../chunk-YHEMA56R.js";import"../chunk-W2BAFOCN.js";import"../chunk-Z2JBUHKA.js";import"../chunk-W3H7GTJY.js";import"../chunk-ZWNQREWS.js";import"../chunk-E4VNLYO2.js";import"../chunk-676AKAGF.js";import"../chunk-VV7CFMPZ.js";import"../chunk-2ZRNGG2N.js";import"../chunk-2ZUZ5HDL.js";import"../chunk-4AA4FQEM.js";import"../chunk-2UPUC4RK.js";import"../chunk-4EZJ5FKJ.js";import"../chunk-A2NKDOYN.js";import"../chunk-PZSHOSOS.js";import"../chunk-TIPK3SCJ.js";import"../chunk-MW3RWBZ7.js";import"../chunk-4C666HHU.js";export{c as ViewManager,a as localViewStorage,b as restViewStorage};
|
|
2
2
|
//# sourceMappingURL=viewmanager.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a}from"../chunk-
|
|
1
|
+
import{a}from"../chunk-TOLTUOZS.js";import"../chunk-ZWNQREWS.js";import"../chunk-A2NKDOYN.js";import"../chunk-PZSHOSOS.js";import"../chunk-TIPK3SCJ.js";import"../chunk-MW3RWBZ7.js";import"../chunk-4C666HHU.js";export{a as Viewport};
|
|
2
2
|
//# sourceMappingURL=viewport.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a}from"../chunk-
|
|
1
|
+
import{a}from"../chunk-5BC72727.js";import"../chunk-LQRFNQ2N.js";import"../chunk-XYZ6VZ5T.js";import"../chunk-GNU4VOOE.js";import"../chunk-23XLG2EM.js";import"../chunk-ZWNQREWS.js";import"../chunk-676AKAGF.js";import"../chunk-VV7CFMPZ.js";import"../chunk-2ZUZ5HDL.js";import"../chunk-4AA4FQEM.js";import"../chunk-2UPUC4RK.js";import"../chunk-4EZJ5FKJ.js";import"../chunk-A2NKDOYN.js";import"../chunk-PZSHOSOS.js";import"../chunk-TIPK3SCJ.js";import"../chunk-MW3RWBZ7.js";import"../chunk-4C666HHU.js";export{a as Widget};
|
|
2
2
|
//# sourceMappingURL=widget.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a}from"../chunk-
|
|
1
|
+
import{a}from"../chunk-4LZZ244E.js";import"../chunk-LQRFNQ2N.js";import"../chunk-XYZ6VZ5T.js";import"../chunk-GNU4VOOE.js";import"../chunk-23XLG2EM.js";import"../chunk-ZWNQREWS.js";import"../chunk-676AKAGF.js";import"../chunk-VV7CFMPZ.js";import"../chunk-2ZUZ5HDL.js";import"../chunk-4AA4FQEM.js";import"../chunk-2UPUC4RK.js";import"../chunk-4EZJ5FKJ.js";import"../chunk-A2NKDOYN.js";import"../chunk-PZSHOSOS.js";import"../chunk-TIPK3SCJ.js";import"../chunk-MW3RWBZ7.js";import"../chunk-4C666HHU.js";export{a as Window};
|
|
2
2
|
//# sourceMappingURL=window.js.map
|
package/dist/core.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a as
|
|
1
|
+
import{a as u}from"./chunk-GZ7X34QP.js";import{a as D,b as E}from"./chunk-OWEQT2HN.js";import{a as q,b as r,c as s}from"./chunk-ZWNQREWS.js";import{a as y,b as z}from"./chunk-E4VNLYO2.js";import{a as v,b as w,c as x}from"./chunk-676AKAGF.js";import{a as A,b as B,c as C}from"./chunk-VV7CFMPZ.js";import{a as t}from"./chunk-2ZRNGG2N.js";import{i as F}from"./chunk-5JEXM5S7.js";import{a as m}from"./chunk-A2NKDOYN.js";import{a as b,b as c,c as d,d as e,e as f,f as g}from"./chunk-PZSHOSOS.js";import{a as n,b as o,c as p}from"./chunk-TIPK3SCJ.js";import{a,b as h,c as i,d as j,e as k,f as l}from"./chunk-MW3RWBZ7.js";import"./chunk-4C666HHU.js";export{m as Component,s as Container,a as Emitter,t as Field,k as addMessages,b as attr,g as clamp,p as create,r as createLayout,F as date,A as focusables,j as getLocale,o as getType,c as h,e as kebab,v as layer,h as locales,x as lockModal,E as measure,y as place,f as px,n as register,q as registerLayout,C as roving,i as setLocale,l as t,w as toLayer,z as track,B as trapFocus,d as uid,u as validators,D as virtualize};
|
|
2
2
|
//# sourceMappingURL=core.js.map
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
@layer optikos {
|
|
2
|
+
:root {
|
|
3
|
+
--op-badge-dot-size: 0.5rem;
|
|
4
|
+
--op-badge-height: 1.5em;
|
|
5
|
+
--op-badge-icon-size: 1em;
|
|
6
|
+
}
|
|
7
|
+
.op-badge {
|
|
8
|
+
--_fg: var(--op-color-fg);
|
|
9
|
+
--_bg: var(--op-color-surface-2);
|
|
10
|
+
display: inline-flex;
|
|
11
|
+
align-items: center;
|
|
12
|
+
gap: var(--op-space-1);
|
|
13
|
+
padding: 0 var(--op-badge-padding-x, var(--op-space-2));
|
|
14
|
+
min-block-size: var(--op-badge-height);
|
|
15
|
+
box-sizing: border-box;
|
|
16
|
+
color: var(--op-badge-fg, var(--_fg));
|
|
17
|
+
background: var(--op-badge-bg, var(--_bg));
|
|
18
|
+
border-radius: var(--op-badge-radius, var(--op-radius-pill));
|
|
19
|
+
font-size: var(--op-font-size-sm);
|
|
20
|
+
font-weight: var(--op-badge-font-weight, var(--op-font-weight-bold));
|
|
21
|
+
line-height: 1;
|
|
22
|
+
white-space: nowrap;
|
|
23
|
+
vertical-align: middle;
|
|
24
|
+
}
|
|
25
|
+
.op-badge--primary { --_fg: var(--op-color-primary-text, var(--op-color-primary)); --_bg: var(--op-color-primary-soft); }
|
|
26
|
+
.op-badge--success { --_fg: var(--op-color-success); --_bg: var(--op-color-success-soft); }
|
|
27
|
+
.op-badge--warning { --_fg: var(--op-color-warning); --_bg: var(--op-color-warning-soft); }
|
|
28
|
+
.op-badge--danger { --_fg: var(--op-color-danger); --_bg: var(--op-color-danger-soft); }
|
|
29
|
+
.op-badge--info { --_fg: var(--op-color-info); --_bg: var(--op-color-info-soft); }
|
|
30
|
+
.op-badge__dot {
|
|
31
|
+
inline-size: var(--op-badge-dot-size);
|
|
32
|
+
block-size: var(--op-badge-dot-size);
|
|
33
|
+
border-radius: 50%;
|
|
34
|
+
background: currentColor;
|
|
35
|
+
}
|
|
36
|
+
.op-badge .op-icon {
|
|
37
|
+
--op-icon-size: var(--op-badge-icon-size);
|
|
38
|
+
}
|
|
39
|
+
}
|
package/dist/css/base.css
CHANGED
|
@@ -37,74 +37,74 @@
|
|
|
37
37
|
--op-amber-600: #d97706;
|
|
38
38
|
--op-amber-700: #b45309;
|
|
39
39
|
|
|
40
|
-
/* semantic colors */
|
|
41
|
-
--op-color-bg:
|
|
40
|
+
/* semantic colors: steel blue on cool grey, made for long sessions in grids and forms */
|
|
41
|
+
--op-color-bg: #edf0f4;
|
|
42
42
|
--op-color-surface: var(--op-gray-0);
|
|
43
|
-
--op-color-surface-2:
|
|
44
|
-
--op-color-fg:
|
|
45
|
-
--op-color-fg-muted:
|
|
46
|
-
--op-color-border:
|
|
47
|
-
--op-color-border-strong:
|
|
48
|
-
--op-color-hover:
|
|
49
|
-
--op-color-selected:
|
|
50
|
-
--op-color-primary:
|
|
51
|
-
--op-color-primary-hover:
|
|
43
|
+
--op-color-surface-2: #f3f5f8;
|
|
44
|
+
--op-color-fg: #1b2430;
|
|
45
|
+
--op-color-fg-muted: #5b6676; /* keeps 4.5:1 on surface-2 */
|
|
46
|
+
--op-color-border: #d8dee6;
|
|
47
|
+
--op-color-border-strong: #a9b3c1;
|
|
48
|
+
--op-color-hover: #eaeff6;
|
|
49
|
+
--op-color-selected: #d9e6f7;
|
|
50
|
+
--op-color-primary: #1f4e8c;
|
|
51
|
+
--op-color-primary-hover: #173d6f;
|
|
52
52
|
--op-color-primary-fg: var(--op-gray-0);
|
|
53
|
-
--op-color-primary-soft:
|
|
54
|
-
--op-color-danger:
|
|
55
|
-
--op-color-danger-hover:
|
|
53
|
+
--op-color-primary-soft: #e4edf8;
|
|
54
|
+
--op-color-danger: #b3261e;
|
|
55
|
+
--op-color-danger-hover: #8f1d17;
|
|
56
56
|
--op-color-danger-fg: var(--op-gray-0);
|
|
57
|
-
--op-color-danger-soft:
|
|
58
|
-
--op-color-success:
|
|
59
|
-
--op-color-success-soft:
|
|
60
|
-
--op-color-warning:
|
|
61
|
-
--op-color-warning-soft:
|
|
62
|
-
--op-color-info:
|
|
63
|
-
--op-color-info-soft:
|
|
64
|
-
--op-color-focus:
|
|
65
|
-
--op-color-disabled-fg:
|
|
66
|
-
--op-color-disabled-bg:
|
|
67
|
-
--op-color-overlay: rgb(
|
|
68
|
-
--op-color-inverse-bg:
|
|
69
|
-
--op-color-inverse-fg:
|
|
57
|
+
--op-color-danger-soft: #fbe4e2;
|
|
58
|
+
--op-color-success: #1e7a4d;
|
|
59
|
+
--op-color-success-soft: #dff2e8;
|
|
60
|
+
--op-color-warning: #9a5b00;
|
|
61
|
+
--op-color-warning-soft: #fcecc9;
|
|
62
|
+
--op-color-info: #1f5fa8;
|
|
63
|
+
--op-color-info-soft: #dfeaf8;
|
|
64
|
+
--op-color-focus: #2f7bd6;
|
|
65
|
+
--op-color-disabled-fg: #9aa4b2;
|
|
66
|
+
--op-color-disabled-bg: #eef1f5;
|
|
67
|
+
--op-color-overlay: rgb(16 24 38 / 0.5);
|
|
68
|
+
--op-color-inverse-bg: #14213a;
|
|
69
|
+
--op-color-inverse-fg: #eaf0fa;
|
|
70
70
|
|
|
71
71
|
/* typography */
|
|
72
|
-
--op-font-family:
|
|
72
|
+
--op-font-family: 'Segoe UI', Inter, Roboto, 'Helvetica Neue', Arial, system-ui, sans-serif;
|
|
73
73
|
--op-font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
|
|
74
|
-
--op-font-size: 0.
|
|
75
|
-
--op-font-size-sm: 0.
|
|
76
|
-
--op-font-size-lg:
|
|
77
|
-
--op-font-size-xl: 1.
|
|
78
|
-
--op-line-height: 1.
|
|
74
|
+
--op-font-size: 0.9375rem;
|
|
75
|
+
--op-font-size-sm: 0.8125rem;
|
|
76
|
+
--op-font-size-lg: 1.0625rem;
|
|
77
|
+
--op-font-size-xl: 1.3125rem;
|
|
78
|
+
--op-line-height: 1.45;
|
|
79
79
|
--op-font-weight: 400;
|
|
80
80
|
--op-font-weight-medium: 500;
|
|
81
81
|
--op-font-weight-bold: 600;
|
|
82
82
|
|
|
83
|
-
/* spacing, density, shape */
|
|
83
|
+
/* spacing, density, shape: comfortable, small radii, hairline borders */
|
|
84
84
|
--op-space-1: 0.25rem;
|
|
85
85
|
--op-space-2: 0.5rem;
|
|
86
|
-
--op-space-3: 0.
|
|
87
|
-
--op-space-4:
|
|
86
|
+
--op-space-3: 0.875rem;
|
|
87
|
+
--op-space-4: 1.125rem;
|
|
88
88
|
--op-space-5: 1.5rem;
|
|
89
|
-
--op-space-6:
|
|
90
|
-
--op-control-height: 2.
|
|
91
|
-
--op-control-padding-x: 0.
|
|
92
|
-
--op-row-height: 2.
|
|
89
|
+
--op-space-6: 2.25rem;
|
|
90
|
+
--op-control-height: 2.375rem;
|
|
91
|
+
--op-control-padding-x: 0.875rem;
|
|
92
|
+
--op-row-height: 2.75rem;
|
|
93
93
|
--op-border-width: 1px;
|
|
94
|
-
--op-radius-sm: 0.
|
|
95
|
-
--op-radius: 0.
|
|
96
|
-
--op-radius-lg: 0.
|
|
94
|
+
--op-radius-sm: 0.1875rem;
|
|
95
|
+
--op-radius: 0.25rem;
|
|
96
|
+
--op-radius-lg: 0.375rem;
|
|
97
97
|
--op-radius-pill: 62.5rem;
|
|
98
98
|
--op-focus-width: 2px;
|
|
99
|
-
--op-focus-offset:
|
|
100
|
-
--op-icon-size: 1.
|
|
101
|
-
--op-icon-stroke:
|
|
99
|
+
--op-focus-offset: 1px;
|
|
100
|
+
--op-icon-size: 1.3em;
|
|
101
|
+
--op-icon-stroke: 1.75;
|
|
102
102
|
|
|
103
|
-
/* elevation and motion */
|
|
104
|
-
--op-shadow-sm:
|
|
105
|
-
--op-shadow: 0
|
|
106
|
-
--op-shadow-lg: 0
|
|
107
|
-
--op-duration:
|
|
103
|
+
/* elevation and motion: flat at rest, shadows only on what floats */
|
|
104
|
+
--op-shadow-sm: none;
|
|
105
|
+
--op-shadow: 0 2px 6px rgb(16 24 38 / 0.14);
|
|
106
|
+
--op-shadow-lg: 0 10px 28px rgb(16 24 38 / 0.28);
|
|
107
|
+
--op-duration: 90ms;
|
|
108
108
|
|
|
109
109
|
/* scrollbars follow the theme: thin, thumb from the strong border, track transparent */
|
|
110
110
|
--op-scrollbar-width: thin;
|
|
@@ -115,6 +115,26 @@
|
|
|
115
115
|
--op-z-layer: 1000;
|
|
116
116
|
}
|
|
117
117
|
|
|
118
|
+
/* The light look's component colors (a navy sidebar, a tinted grid header). Literal values, and not on :root under
|
|
119
|
+
another theme, so a theme that does not set them keeps the component defaults. dark.css sets its own. */
|
|
120
|
+
:root:not([data-op-theme]),
|
|
121
|
+
[data-op-theme~='light'],
|
|
122
|
+
[data-op-theme='compact'] {
|
|
123
|
+
--op-navmenu-item-height: 2.5rem;
|
|
124
|
+
--op-navmenu-bg: #14213a;
|
|
125
|
+
--op-navmenu-fg: #d5ddeb;
|
|
126
|
+
--op-navmenu-group-fg: #8195b4;
|
|
127
|
+
--op-navmenu-item-hover-bg: #1d2f52;
|
|
128
|
+
--op-navmenu-active-bg: #203c6a;
|
|
129
|
+
--op-navmenu-active-fg: #ffffff;
|
|
130
|
+
--op-navmenu-active-bar: #5ea6f5;
|
|
131
|
+
--op-navmenu-badge-bg: #5ea6f5;
|
|
132
|
+
--op-navmenu-badge-fg: #0a1730;
|
|
133
|
+
--op-grid-header-bg: #e6ebf1;
|
|
134
|
+
--op-grid-header-fg: #2a3547;
|
|
135
|
+
--op-field-label-weight: 600;
|
|
136
|
+
}
|
|
137
|
+
|
|
118
138
|
@media (prefers-reduced-motion: reduce) {
|
|
119
139
|
:root,
|
|
120
140
|
[data-op-theme] {
|
package/dist/css/button.css
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
@layer optikos {
|
|
2
2
|
:root {
|
|
3
3
|
--op-button-spinner-size: 1em;
|
|
4
|
+
--op-button-primary-shadow: inset 0 -1px 0 rgb(0 0 0 / 0.25);
|
|
4
5
|
}
|
|
5
6
|
|
|
6
7
|
.op-button {
|
|
@@ -72,6 +73,7 @@
|
|
|
72
73
|
--_border: var(--op-button-primary-bg, var(--op-color-primary));
|
|
73
74
|
--_hover: var(--op-button-primary-hover-bg, var(--op-color-primary-hover));
|
|
74
75
|
--_active: var(--op-button-primary-hover-bg, var(--op-color-primary-hover));
|
|
76
|
+
box-shadow: var(--op-button-primary-shadow);
|
|
75
77
|
}
|
|
76
78
|
.op-button--danger {
|
|
77
79
|
--_bg: var(--op-button-danger-bg, var(--op-color-danger));
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
@layer optikos {
|
|
2
|
+
/* the editor fills the cell: no label, no error line, the row height */
|
|
3
|
+
.op-grid__cell.is-editing {
|
|
4
|
+
position: relative;
|
|
5
|
+
padding-block: 0;
|
|
6
|
+
padding-inline: var(--op-grid-editor-inset, var(--op-space-1));
|
|
7
|
+
overflow: visible;
|
|
8
|
+
}
|
|
9
|
+
.op-grid__editor {
|
|
10
|
+
inline-size: 100%;
|
|
11
|
+
}
|
|
12
|
+
.op-grid__editor .op-textfield__input {
|
|
13
|
+
min-block-size: 0;
|
|
14
|
+
block-size: calc(var(--op-grid-row-height, var(--op-row-height)) - 2 * var(--op-space-1));
|
|
15
|
+
}
|
|
16
|
+
.op-grid__editor.is-invalid .op-textfield__input {
|
|
17
|
+
border-color: var(--op-color-danger);
|
|
18
|
+
}
|
|
19
|
+
.op-grid__editor .op-field__error {
|
|
20
|
+
position: absolute;
|
|
21
|
+
z-index: 1;
|
|
22
|
+
inset-block-start: 100%;
|
|
23
|
+
padding: var(--op-space-1) var(--op-space-2);
|
|
24
|
+
color: var(--op-color-danger-fg);
|
|
25
|
+
background: var(--op-color-danger);
|
|
26
|
+
border-radius: var(--op-radius-sm);
|
|
27
|
+
font-size: var(--op-font-size-sm);
|
|
28
|
+
white-space: nowrap;
|
|
29
|
+
}
|
|
30
|
+
.op-grid__editor .op-field__error:empty {
|
|
31
|
+
display: none;
|
|
32
|
+
}
|
|
33
|
+
}
|
package/dist/css/chat.css
CHANGED
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
@layer optikos {
|
|
2
|
+
.op-checkboxgroup__options {
|
|
3
|
+
display: flex;
|
|
4
|
+
flex-direction: column;
|
|
5
|
+
gap: var(--op-checkboxgroup-gap, var(--op-space-1));
|
|
6
|
+
}
|
|
7
|
+
.op-checkboxgroup__options--horizontal {
|
|
8
|
+
flex-direction: row;
|
|
9
|
+
flex-wrap: wrap;
|
|
10
|
+
gap: var(--op-checkboxgroup-gap, var(--op-space-4));
|
|
11
|
+
}
|
|
12
|
+
}
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
@layer optikos {
|
|
2
|
+
.op-chip {
|
|
3
|
+
display: inline-flex;
|
|
4
|
+
align-items: center;
|
|
5
|
+
max-inline-size: 100%;
|
|
6
|
+
box-sizing: border-box;
|
|
7
|
+
min-block-size: var(--op-chip-height, calc(var(--op-control-height) * 0.8));
|
|
8
|
+
color: var(--op-chip-fg, var(--op-color-fg));
|
|
9
|
+
background: var(--op-chip-bg, var(--op-color-surface));
|
|
10
|
+
border: var(--op-border-width) solid var(--op-chip-border, var(--op-color-border-strong));
|
|
11
|
+
border-radius: var(--op-chip-radius, var(--op-radius-pill));
|
|
12
|
+
font-size: var(--op-font-size-sm);
|
|
13
|
+
vertical-align: middle;
|
|
14
|
+
}
|
|
15
|
+
.op-chip__main,
|
|
16
|
+
.op-chip__remove {
|
|
17
|
+
display: inline-flex;
|
|
18
|
+
align-items: center;
|
|
19
|
+
gap: var(--op-space-1);
|
|
20
|
+
padding: 0 var(--op-space-3);
|
|
21
|
+
min-block-size: inherit;
|
|
22
|
+
color: inherit;
|
|
23
|
+
background: none;
|
|
24
|
+
border: 0;
|
|
25
|
+
border-radius: inherit;
|
|
26
|
+
font: inherit;
|
|
27
|
+
cursor: pointer;
|
|
28
|
+
}
|
|
29
|
+
.op-chip__main {
|
|
30
|
+
min-inline-size: 0;
|
|
31
|
+
}
|
|
32
|
+
.op-chip__text {
|
|
33
|
+
overflow: hidden;
|
|
34
|
+
text-overflow: ellipsis;
|
|
35
|
+
white-space: nowrap;
|
|
36
|
+
}
|
|
37
|
+
.op-chip__remove {
|
|
38
|
+
padding-inline: var(--op-space-1) var(--op-space-2);
|
|
39
|
+
color: var(--op-color-fg-muted);
|
|
40
|
+
}
|
|
41
|
+
.op-chip__remove:hover:not(:disabled) {
|
|
42
|
+
color: var(--op-color-danger);
|
|
43
|
+
}
|
|
44
|
+
.op-chip__main:focus-visible,
|
|
45
|
+
.op-chip__remove:focus-visible {
|
|
46
|
+
outline: var(--op-focus-width) solid var(--op-color-focus);
|
|
47
|
+
outline-offset: calc(var(--op-focus-width) * -1);
|
|
48
|
+
}
|
|
49
|
+
.op-chip:hover:not(.is-disabled) {
|
|
50
|
+
border-color: var(--op-chip-hover-border, var(--op-color-primary));
|
|
51
|
+
}
|
|
52
|
+
.op-chip.is-selected {
|
|
53
|
+
color: var(--op-chip-selected-fg, var(--op-color-primary-text, var(--op-color-primary)));
|
|
54
|
+
background: var(--op-chip-selected-bg, var(--op-color-primary-soft));
|
|
55
|
+
border-color: var(--op-chip-selected-border, var(--op-color-primary));
|
|
56
|
+
}
|
|
57
|
+
.op-chip.is-disabled {
|
|
58
|
+
color: var(--op-color-disabled-fg);
|
|
59
|
+
border-color: var(--op-color-border);
|
|
60
|
+
}
|
|
61
|
+
.op-chip.is-disabled button {
|
|
62
|
+
cursor: default;
|
|
63
|
+
}
|
|
64
|
+
}
|
|
@@ -0,0 +1,109 @@
|
|
|
1
|
+
@layer optikos {
|
|
2
|
+
:root {
|
|
3
|
+
--op-codeviewer-font-size: 0.8125rem;
|
|
4
|
+
--op-codeviewer-line-height: 1.6;
|
|
5
|
+
--op-codeviewer-tab-size: 2;
|
|
6
|
+
--op-codeviewer-gutter-gap: 1.25rem;
|
|
7
|
+
--op-codeviewer-max-height: 32rem;
|
|
8
|
+
}
|
|
9
|
+
.op-codeviewer {
|
|
10
|
+
overflow: hidden;
|
|
11
|
+
color: var(--op-codeviewer-fg, var(--op-color-fg));
|
|
12
|
+
background: var(--op-codeviewer-bg, var(--op-color-surface-2));
|
|
13
|
+
border: var(--op-border-width) solid var(--op-color-border);
|
|
14
|
+
border-radius: var(--op-radius-lg);
|
|
15
|
+
}
|
|
16
|
+
.op-codeviewer__bar {
|
|
17
|
+
display: flex;
|
|
18
|
+
align-items: center;
|
|
19
|
+
justify-content: space-between;
|
|
20
|
+
gap: var(--op-space-2);
|
|
21
|
+
min-block-size: var(--op-control-height);
|
|
22
|
+
padding-inline: var(--op-space-3) var(--op-space-1);
|
|
23
|
+
color: var(--op-color-fg-muted);
|
|
24
|
+
border-block-end: var(--op-border-width) solid var(--op-color-border);
|
|
25
|
+
font-size: var(--op-font-size-sm);
|
|
26
|
+
}
|
|
27
|
+
.op-codeviewer__title {
|
|
28
|
+
overflow: hidden;
|
|
29
|
+
text-overflow: ellipsis;
|
|
30
|
+
white-space: nowrap;
|
|
31
|
+
}
|
|
32
|
+
.op-codeviewer__pre {
|
|
33
|
+
margin: 0;
|
|
34
|
+
padding: var(--op-space-3) var(--op-space-4);
|
|
35
|
+
max-block-size: var(--op-codeviewer-max-height);
|
|
36
|
+
overflow: auto;
|
|
37
|
+
font-family: var(--op-font-mono);
|
|
38
|
+
font-size: var(--op-codeviewer-font-size);
|
|
39
|
+
line-height: var(--op-codeviewer-line-height);
|
|
40
|
+
tab-size: var(--op-codeviewer-tab-size);
|
|
41
|
+
}
|
|
42
|
+
.op-codeviewer__pre:focus-visible {
|
|
43
|
+
outline: var(--op-focus-width) solid var(--op-color-focus);
|
|
44
|
+
outline-offset: calc(var(--op-focus-width) * -1);
|
|
45
|
+
}
|
|
46
|
+
/* the global op-* rule would give lines and tokens the base font: everything inside the code keeps the mono one */
|
|
47
|
+
.op-codeviewer__pre * {
|
|
48
|
+
font-family: inherit;
|
|
49
|
+
font-size: inherit;
|
|
50
|
+
}
|
|
51
|
+
/* lines stretch to the widest one, so a marked line is marked across the whole scroll width */
|
|
52
|
+
.op-codeviewer__code {
|
|
53
|
+
display: block;
|
|
54
|
+
min-inline-size: 100%;
|
|
55
|
+
inline-size: max-content;
|
|
56
|
+
font: inherit;
|
|
57
|
+
}
|
|
58
|
+
.op-codeviewer.is-wrapped .op-codeviewer__code {
|
|
59
|
+
inline-size: auto;
|
|
60
|
+
white-space: pre-wrap;
|
|
61
|
+
overflow-wrap: anywhere;
|
|
62
|
+
}
|
|
63
|
+
.op-codeviewer__line {
|
|
64
|
+
position: relative;
|
|
65
|
+
display: block;
|
|
66
|
+
margin-inline: calc(var(--op-space-4) * -1);
|
|
67
|
+
padding-inline: var(--op-space-4);
|
|
68
|
+
}
|
|
69
|
+
.op-codeviewer__line.is-marked {
|
|
70
|
+
background: var(--op-codeviewer-mark-bg, var(--op-color-selected));
|
|
71
|
+
box-shadow: inset calc(var(--op-border-width) * 3) 0 0 var(--op-color-primary);
|
|
72
|
+
}
|
|
73
|
+
/* line numbers: a CSS counter in the gutter, never part of the text (selection and screen readers skip it) */
|
|
74
|
+
.op-codeviewer.has-numbers .op-codeviewer__line {
|
|
75
|
+
padding-inline-start: calc(var(--op-space-4) + var(--op-codeviewer-gutter, 2ch) + var(--op-codeviewer-gutter-gap));
|
|
76
|
+
}
|
|
77
|
+
.op-codeviewer.has-numbers .op-codeviewer__line::before {
|
|
78
|
+
counter-increment: op-codeline;
|
|
79
|
+
content: counter(op-codeline);
|
|
80
|
+
position: absolute;
|
|
81
|
+
inset-inline-start: var(--op-space-4);
|
|
82
|
+
inline-size: var(--op-codeviewer-gutter, 2ch);
|
|
83
|
+
color: var(--op-codeviewer-gutter-fg, var(--op-color-fg-muted));
|
|
84
|
+
text-align: end;
|
|
85
|
+
user-select: none;
|
|
86
|
+
}
|
|
87
|
+
/* syntax colors are pulled towards the text color, so they keep their contrast in every theme */
|
|
88
|
+
.op-codeviewer__tok--keyword {
|
|
89
|
+
color: var(--op-codeviewer-keyword, color-mix(in srgb, var(--op-color-primary) 80%, var(--op-color-fg)));
|
|
90
|
+
font-weight: var(--op-font-weight-bold);
|
|
91
|
+
}
|
|
92
|
+
.op-codeviewer__tok--string {
|
|
93
|
+
color: var(--op-codeviewer-string, color-mix(in srgb, var(--op-color-success) 70%, var(--op-color-fg)));
|
|
94
|
+
}
|
|
95
|
+
.op-codeviewer__tok--comment {
|
|
96
|
+
color: var(--op-codeviewer-comment, var(--op-color-fg-muted));
|
|
97
|
+
font-style: italic;
|
|
98
|
+
}
|
|
99
|
+
.op-codeviewer__tok--number {
|
|
100
|
+
color: var(--op-codeviewer-number, color-mix(in srgb, var(--op-color-warning) 65%, var(--op-color-fg)));
|
|
101
|
+
}
|
|
102
|
+
.op-codeviewer__tok--property,
|
|
103
|
+
.op-codeviewer__tok--attr {
|
|
104
|
+
color: var(--op-codeviewer-property, color-mix(in srgb, var(--op-color-info) 70%, var(--op-color-fg)));
|
|
105
|
+
}
|
|
106
|
+
.op-codeviewer__tok--tag {
|
|
107
|
+
color: var(--op-codeviewer-tag, color-mix(in srgb, var(--op-color-danger) 70%, var(--op-color-fg)));
|
|
108
|
+
}
|
|
109
|
+
}
|