@tylertech/forge 3.0.0-next.23 → 3.0.0-next.24
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/custom-elements.json +28789 -33252
- package/dist/esm/accordion/index.js +1 -1
- package/dist/esm/app-bar/app-bar/index.js +1 -1
- package/dist/esm/app-bar/help-button/index.js +1 -1
- package/dist/esm/app-bar/index.js +1 -1
- package/dist/esm/app-bar/menu-button/index.js +1 -1
- package/dist/esm/app-bar/notification-button/index.js +1 -1
- package/dist/esm/app-bar/profile-button/index.js +1 -1
- package/dist/esm/app-bar/search/index.js +1 -1
- package/dist/esm/autocomplete/index.js +1 -1
- package/dist/esm/avatar/index.js +1 -1
- package/dist/esm/backdrop/index.js +1 -1
- package/dist/esm/badge/index.js +1 -1
- package/dist/esm/banner/index.js +1 -1
- package/dist/esm/bottom-sheet/index.js +1 -1
- package/dist/esm/button/index.js +1 -1
- package/dist/esm/button-area/index.js +1 -1
- package/dist/esm/button-toggle/button-toggle/index.js +1 -1
- package/dist/esm/button-toggle/button-toggle-group/index.js +1 -1
- package/dist/esm/button-toggle/index.js +1 -1
- package/dist/esm/calendar/calendar-dropdown/index.js +1 -1
- package/dist/esm/calendar/calendar-menu/index.js +1 -1
- package/dist/esm/calendar/index.js +1 -1
- package/dist/esm/card/index.js +1 -1
- package/dist/esm/checkbox/index.js +1 -1
- package/dist/esm/chip-field/index.js +1 -1
- package/dist/esm/chips/chip/index.js +1 -1
- package/dist/esm/chips/chip-set/index.js +1 -1
- package/dist/esm/chips/index.js +1 -1
- package/dist/esm/chunks/{chunk.AOVXNX7P.js → chunk.24L6GVJK.js} +2 -2
- package/dist/esm/chunks/{chunk.WMJSYYXQ.js → chunk.27YQZWEJ.js} +2 -2
- package/dist/esm/chunks/{chunk.AG6IRMLZ.js → chunk.2CP5CIRB.js} +2 -2
- package/dist/esm/chunks/chunk.2FF7EQQ3.js +7 -0
- package/dist/esm/chunks/chunk.2FF7EQQ3.js.map +7 -0
- package/dist/esm/chunks/{chunk.USTVZ6MZ.js → chunk.345JBXIL.js} +2 -2
- package/dist/esm/chunks/{chunk.USTVZ6MZ.js.map → chunk.345JBXIL.js.map} +2 -2
- package/dist/esm/chunks/chunk.3B573FQF.js +7 -0
- package/dist/esm/chunks/chunk.3B573FQF.js.map +7 -0
- package/dist/esm/chunks/{chunk.H4VQXV2H.js → chunk.3CXCYRCE.js} +2 -2
- package/dist/esm/chunks/{chunk.MTIPIEXA.js → chunk.3LNZRQAL.js} +2 -2
- package/dist/esm/chunks/{chunk.BQ52JYLA.js → chunk.3LUG3LPU.js} +2 -2
- package/dist/esm/chunks/{chunk.IL4S57WO.js → chunk.3ODT27TD.js} +2 -2
- package/dist/esm/chunks/chunk.3S3NH5P4.js +7 -0
- package/dist/esm/chunks/chunk.3S3NH5P4.js.map +7 -0
- package/dist/esm/chunks/{chunk.XZ23XHFE.js → chunk.45N7ZZVL.js} +2 -2
- package/dist/esm/chunks/{chunk.YWJVZVZX.js → chunk.4GFUXXXH.js} +2 -2
- package/dist/esm/chunks/chunk.4UMFAYZH.js +7 -0
- package/dist/esm/chunks/chunk.4UMFAYZH.js.map +7 -0
- package/dist/esm/chunks/{chunk.ZA7JY3AY.js → chunk.5DDR6QSF.js} +2 -2
- package/dist/esm/chunks/{chunk.3KAKJGUS.js → chunk.5NEWFXFX.js} +2 -2
- package/dist/esm/chunks/{chunk.VRSPT7WX.js → chunk.5OT53ZJM.js} +2 -2
- package/dist/esm/chunks/{chunk.VL5RWSAV.js → chunk.6DWRGYKV.js} +2 -2
- package/dist/esm/chunks/{chunk.IEABOPNB.js → chunk.6T7KPDCD.js} +2 -2
- package/dist/esm/chunks/chunk.6TQDZAMD.js +7 -0
- package/dist/esm/chunks/chunk.6TQDZAMD.js.map +7 -0
- package/dist/esm/chunks/chunk.6V6VLKIK.js +7 -0
- package/dist/esm/chunks/chunk.6V6VLKIK.js.map +7 -0
- package/dist/esm/chunks/{chunk.SROEDYPL.js → chunk.7JO5MB55.js} +2 -2
- package/dist/esm/chunks/{chunk.CLYGTLXN.js → chunk.7TE74NJZ.js} +2 -2
- package/dist/esm/chunks/{chunk.AGLI4WR4.js → chunk.AJLS5C7O.js} +2 -2
- package/dist/esm/chunks/{chunk.TSSZQPLE.js → chunk.BURDWL57.js} +2 -2
- package/dist/esm/chunks/chunk.BYSMPFWQ.js +7 -0
- package/dist/esm/chunks/chunk.BYSMPFWQ.js.map +7 -0
- package/dist/esm/chunks/{chunk.BHE6Z5Y2.js → chunk.CQ4XBOX5.js} +2 -2
- package/dist/esm/chunks/{chunk.NEQX2QVX.js → chunk.DJQXJO3T.js} +2 -2
- package/dist/esm/chunks/chunk.DN6Y3VXC.js +7 -0
- package/dist/esm/chunks/{chunk.RLQB7224.js.map → chunk.DN6Y3VXC.js.map} +2 -2
- package/dist/esm/chunks/{chunk.VJZ7VDG5.js → chunk.DPJJB67L.js} +2 -2
- package/dist/esm/chunks/{chunk.7Y3BUR7Q.js → chunk.EBRMG6N3.js} +2 -2
- package/dist/esm/chunks/{chunk.7Y3BUR7Q.js.map → chunk.EBRMG6N3.js.map} +2 -2
- package/dist/esm/chunks/chunk.EPMDEQF7.js +7 -0
- package/dist/esm/chunks/chunk.EPMDEQF7.js.map +7 -0
- package/dist/esm/chunks/{chunk.OOAJHLW4.js → chunk.EZIABLIR.js} +2 -2
- package/dist/esm/chunks/{chunk.ZG6YF2HI.js → chunk.F53DSRUO.js} +2 -2
- package/dist/esm/chunks/{chunk.7AAICE77.js → chunk.FIO22U2C.js} +2 -2
- package/dist/esm/chunks/{chunk.U6J4VHU6.js → chunk.FKMTIOBA.js} +2 -2
- package/dist/esm/chunks/chunk.FMDUCGOU.js +7 -0
- package/dist/esm/chunks/{chunk.OJ7JO4O6.js.map → chunk.FMDUCGOU.js.map} +1 -1
- package/dist/esm/chunks/{chunk.W4HANHUO.js → chunk.FMGBPF7B.js} +2 -2
- package/dist/esm/chunks/{chunk.5MB6CTBA.js → chunk.FVFPDWA4.js} +2 -2
- package/dist/esm/chunks/{chunk.ENUKGA2U.js → chunk.FYPIHFXD.js} +2 -2
- package/dist/esm/chunks/chunk.GNQ24XWK.js +7 -0
- package/dist/esm/chunks/chunk.GNQ24XWK.js.map +7 -0
- package/dist/esm/chunks/chunk.GP6LHJDA.js +7 -0
- package/dist/esm/chunks/chunk.GP6LHJDA.js.map +7 -0
- package/dist/esm/chunks/{chunk.CE35CVDV.js → chunk.GQ33JZVE.js} +2 -2
- package/dist/esm/chunks/{chunk.2W23MOPP.js → chunk.GUBLRHCG.js} +2 -2
- package/dist/esm/chunks/{chunk.473WRJ5G.js → chunk.HJUXBSFZ.js} +2 -2
- package/dist/esm/chunks/chunk.HJUXBSFZ.js.map +7 -0
- package/dist/esm/chunks/{chunk.37B332ZK.js → chunk.HSNVTV7K.js} +2 -2
- package/dist/esm/chunks/{chunk.PC6TW5XE.js → chunk.HXNNWUI3.js} +2 -2
- package/dist/esm/chunks/{chunk.QCPV5DEG.js → chunk.IOGCI64X.js} +2 -2
- package/dist/esm/chunks/chunk.JB2F2HQE.js +7 -0
- package/dist/esm/chunks/chunk.JB2F2HQE.js.map +7 -0
- package/dist/esm/chunks/chunk.JGPWKCAU.js +7 -0
- package/dist/esm/chunks/chunk.JGPWKCAU.js.map +7 -0
- package/dist/esm/chunks/chunk.JU76GN6C.js +7 -0
- package/dist/esm/chunks/{chunk.KLU54MDQ.js.map → chunk.JU76GN6C.js.map} +2 -2
- package/dist/esm/chunks/chunk.K7I5FWBT.js +7 -0
- package/dist/esm/chunks/chunk.K7I5FWBT.js.map +7 -0
- package/dist/esm/chunks/{chunk.5UOX22ML.js → chunk.KKVQNKMV.js} +2 -2
- package/dist/esm/chunks/{chunk.YPNSK2CK.js → chunk.KW5A2U5U.js} +2 -2
- package/dist/esm/chunks/chunk.L6L3CPBH.js +7 -0
- package/dist/esm/chunks/chunk.L6L3CPBH.js.map +7 -0
- package/dist/esm/chunks/{chunk.KO6ODCZC.js → chunk.LIJE4T3D.js} +2 -2
- package/dist/esm/chunks/{chunk.KEOLH7G3.js → chunk.LQN5U4QH.js} +2 -2
- package/dist/esm/chunks/{chunk.5QIWLZG3.js → chunk.LSUIJDFO.js} +2 -2
- package/dist/esm/chunks/{chunk.77C7S7ZS.js → chunk.N65CAIE5.js} +2 -2
- package/dist/esm/chunks/{chunk.UKBE2FMZ.js → chunk.NNLZKMFX.js} +2 -2
- package/dist/esm/chunks/{chunk.EO3GP6DP.js → chunk.ON6FFHRE.js} +2 -2
- package/dist/esm/chunks/{chunk.OVXEOEJF.js → chunk.ONFZ3H7M.js} +2 -2
- package/dist/esm/chunks/{chunk.32APLNN2.js → chunk.OVVBXM6K.js} +2 -2
- package/dist/esm/chunks/{chunk.FLBYVCQ6.js → chunk.P3Q3IVVX.js} +2 -2
- package/dist/esm/chunks/{chunk.FLBYVCQ6.js.map → chunk.P3Q3IVVX.js.map} +2 -2
- package/dist/esm/chunks/{chunk.DKERDHXH.js → chunk.P74RZEWP.js} +2 -2
- package/dist/esm/chunks/{chunk.QLGJS37N.js → chunk.PBORL6KX.js} +2 -2
- package/dist/esm/chunks/chunk.PDJ2H5ZG.js +7 -0
- package/dist/esm/chunks/{chunk.UPSXYWPD.js.map → chunk.PDJ2H5ZG.js.map} +3 -3
- package/dist/esm/chunks/{chunk.JGURMVW7.js → chunk.PGMOAILY.js} +2 -2
- package/dist/esm/chunks/{chunk.OEI35LFU.js → chunk.PKCMTSWR.js} +2 -2
- package/dist/esm/chunks/{chunk.QUXMLWBJ.js → chunk.Q3Z6VZUD.js} +2 -2
- package/dist/esm/chunks/{chunk.TQWZDM6T.js → chunk.QBHJFCLL.js} +2 -2
- package/dist/esm/chunks/{chunk.WXVVOFNK.js → chunk.QDG6TP2Z.js} +2 -2
- package/dist/esm/chunks/{chunk.H5RW3A4M.js → chunk.QH27OIAK.js} +2 -2
- package/dist/esm/chunks/chunk.QKCPE4LW.js +7 -0
- package/dist/esm/chunks/{chunk.2GUWHBUU.js → chunk.QM32CJAX.js} +2 -2
- package/dist/esm/chunks/{chunk.2GUWHBUU.js.map → chunk.QM32CJAX.js.map} +2 -2
- package/dist/esm/chunks/{chunk.FLF5RTYO.js → chunk.R2CJMM2F.js} +2 -2
- package/dist/esm/chunks/{chunk.IQYOLMPG.js → chunk.RGDLRUSM.js} +2 -2
- package/dist/esm/chunks/{chunk.QIZBZGYT.js → chunk.RKPWFEFJ.js} +2 -2
- package/dist/esm/chunks/{chunk.RXBLU4OJ.js → chunk.S5EU72NR.js} +2 -2
- package/dist/esm/chunks/chunk.SJYEDGBN.js +7 -0
- package/dist/esm/chunks/chunk.SJYEDGBN.js.map +7 -0
- package/dist/esm/chunks/{chunk.T7NWP7DB.js → chunk.SW6JDC2Y.js} +2 -2
- package/dist/esm/chunks/{chunk.7IPAW4D2.js → chunk.TAQRHBGS.js} +2 -2
- package/dist/esm/chunks/{chunk.MFQRXVKO.js → chunk.TEZFEC5B.js} +2 -2
- package/dist/esm/chunks/{chunk.MX4JX4GT.js → chunk.THIUQ2AU.js} +2 -2
- package/dist/esm/chunks/{chunk.LY2Z2Z7S.js → chunk.TQMT7BIZ.js} +2 -2
- package/dist/esm/chunks/{chunk.GIENHEMN.js → chunk.TR45SGWL.js} +2 -2
- package/dist/esm/chunks/chunk.TZHVZMOB.js +12 -0
- package/dist/esm/chunks/chunk.TZHVZMOB.js.map +7 -0
- package/dist/esm/chunks/{chunk.CFAI4K3E.js → chunk.UBVWYWO7.js} +2 -2
- package/dist/esm/chunks/{chunk.NWVQ5HK2.js → chunk.UHPODZWA.js} +2 -2
- package/dist/esm/chunks/{chunk.3PMONORO.js → chunk.V4R7FCZ2.js} +2 -2
- package/dist/esm/chunks/chunk.V5YGDB7V.js +7 -0
- package/dist/esm/chunks/{chunk.3II7OT2I.js.map → chunk.V5YGDB7V.js.map} +2 -2
- package/dist/esm/chunks/chunk.VAE5IFEM.js +7 -0
- package/dist/esm/chunks/{chunk.GBAVJILM.js.map → chunk.VAE5IFEM.js.map} +4 -4
- package/dist/esm/chunks/{chunk.QTY25OTN.js → chunk.VCASLYVR.js} +2 -2
- package/dist/esm/chunks/{chunk.QTY25OTN.js.map → chunk.VCASLYVR.js.map} +2 -2
- package/dist/esm/chunks/chunk.W4CL56G7.js +7 -0
- package/dist/esm/chunks/{chunk.BQZKOIAW.js.map → chunk.W4CL56G7.js.map} +2 -2
- package/dist/esm/chunks/{chunk.BEFAXPXJ.js → chunk.WNX3GGYT.js} +2 -2
- package/dist/esm/chunks/chunk.X4NHJE7S.js +7 -0
- package/dist/esm/chunks/chunk.X4NHJE7S.js.map +7 -0
- package/dist/esm/chunks/{chunk.I7YON2TC.js → chunk.X5MI5OFS.js} +2 -2
- package/dist/esm/chunks/{chunk.QKTK5XUE.js → chunk.XHRBFPZ2.js} +2 -2
- package/dist/esm/chunks/{chunk.ASLHRT3N.js → chunk.XT6RPXTM.js} +2 -2
- package/dist/esm/chunks/{chunk.VGIRVTBJ.js → chunk.XWVFJVBN.js} +2 -2
- package/dist/esm/chunks/{chunk.YNCTSMT6.js → chunk.YXFGOJ5Z.js} +2 -2
- package/dist/esm/chunks/chunk.YZ26YDCO.js +7 -0
- package/dist/esm/chunks/{chunk.A7BCLPP4.js.map → chunk.YZ26YDCO.js.map} +2 -2
- package/dist/esm/chunks/chunk.Z6G2RUC2.js +7 -0
- package/dist/esm/chunks/chunk.Z6G2RUC2.js.map +7 -0
- package/dist/esm/chunks/{chunk.K6GJNDTY.js → chunk.Z7IUKJHZ.js} +2 -2
- package/dist/esm/chunks/{chunk.K6GJNDTY.js.map → chunk.Z7IUKJHZ.js.map} +1 -1
- package/dist/esm/chunks/{chunk.GG7IQL46.js → chunk.ZPH3TMNA.js} +2 -2
- package/dist/esm/chunks/chunk.ZSHPKAXP.js +7 -0
- package/dist/esm/chunks/chunk.ZSHPKAXP.js.map +7 -0
- package/dist/esm/chunks/{chunk.CEGBMUSR.js → chunk.ZWELGTD7.js} +2 -2
- package/dist/esm/circular-progress/index.js +1 -1
- package/dist/esm/color-picker/index.js +1 -1
- package/dist/esm/core/index.js +1 -1
- package/dist/esm/date-picker/index.js +1 -1
- package/dist/esm/date-range-picker/index.js +1 -1
- package/dist/esm/deprecated/button/index.js +1 -1
- package/dist/esm/deprecated/icon-button/index.js +7 -0
- package/dist/esm/deprecated/index.js +1 -1
- package/dist/esm/dialog/index.js +1 -1
- package/dist/esm/divider/index.js +1 -1
- package/dist/esm/drawer/drawer/index.js +1 -1
- package/dist/esm/drawer/index.js +1 -1
- package/dist/esm/drawer/mini-drawer/index.js +1 -1
- package/dist/esm/drawer/modal-drawer/index.js +1 -1
- package/dist/esm/expansion-panel/index.js +1 -1
- package/dist/esm/field/index.js +1 -1
- package/dist/esm/file-picker/index.js +1 -1
- package/dist/esm/floating-action-button/index.js +1 -1
- package/dist/esm/focus-indicator/index.js +1 -1
- package/dist/esm/icon/index.js +1 -1
- package/dist/esm/icon-button/index.js +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/inline-message/index.js +1 -1
- package/dist/esm/keyboard-shortcut/index.js +1 -1
- package/dist/esm/label/index.js +1 -1
- package/dist/esm/label-value/index.js +1 -1
- package/dist/esm/linear-progress/index.js +1 -1
- package/dist/esm/list/index.js +1 -1
- package/dist/esm/list/list/index.js +1 -1
- package/dist/esm/list/list-item/index.js +1 -1
- package/dist/esm/list-dropdown/index.js +1 -1
- package/dist/esm/menu/index.js +1 -1
- package/dist/esm/open-icon/index.js +1 -1
- package/dist/esm/overlay/index.js +1 -1
- package/dist/esm/page-state/index.js +1 -1
- package/dist/esm/paginator/index.js +1 -1
- package/dist/esm/popover/index.js +1 -1
- package/dist/esm/profile-card/index.js +1 -1
- package/dist/esm/radio/index.js +1 -1
- package/dist/esm/radio/radio/index.js +1 -1
- package/dist/esm/radio/radio-group/index.js +1 -1
- package/dist/esm/scaffold/index.js +1 -1
- package/dist/esm/select/core/index.js +1 -1
- package/dist/esm/select/index.js +1 -1
- package/dist/esm/select/option/index.js +1 -1
- package/dist/esm/select/option-group/index.js +1 -1
- package/dist/esm/select/select/index.js +1 -1
- package/dist/esm/select/select-dropdown/index.js +1 -1
- package/dist/esm/skeleton/index.js +1 -1
- package/dist/esm/slider/index.js +1 -1
- package/dist/esm/split-button/index.js +1 -1
- package/dist/esm/split-view/index.js +1 -1
- package/dist/esm/split-view/split-view/index.js +1 -1
- package/dist/esm/split-view/split-view-panel/index.js +1 -1
- package/dist/esm/stack/index.js +1 -1
- package/dist/esm/state-layer/index.js +1 -1
- package/dist/esm/stepper/index.js +1 -1
- package/dist/esm/stepper/step/index.js +1 -1
- package/dist/esm/stepper/stepper/index.js +1 -1
- package/dist/esm/switch/index.js +1 -1
- package/dist/esm/table/index.js +1 -1
- package/dist/esm/tabs/index.js +1 -1
- package/dist/esm/tabs/tab/index.js +1 -1
- package/dist/esm/tabs/tab-bar/index.js +1 -1
- package/dist/esm/text-field/index.js +1 -1
- package/dist/esm/time-picker/index.js +1 -1
- package/dist/esm/toast/index.js +1 -1
- package/dist/esm/toolbar/index.js +1 -1
- package/dist/esm/tooltip/index.js +1 -1
- package/dist/esm/utils/index.js +1 -1
- package/dist/esm/view-switcher/index.js +1 -1
- package/dist/esm/view-switcher/view/index.js +1 -1
- package/dist/forge-dark.css +1 -1
- package/dist/forge-tokens.css +6 -0
- package/dist/forge.css +1 -1
- package/dist/table/forge-table.css +1 -1
- package/dist/theme/forge-theme.css +1 -1
- package/dist/typography/forge-typography.css +1 -1
- package/esm/app-bar/search/app-bar-search.d.ts +3 -3
- package/esm/app-bar/search/app-bar-search.js +3 -3
- package/esm/avatar/avatar-constants.d.ts +0 -1
- package/esm/avatar/avatar-constants.js +0 -2
- package/esm/bottom-sheet/bottom-sheet-adapter.d.ts +26 -42
- package/esm/bottom-sheet/bottom-sheet-adapter.js +46 -85
- package/esm/bottom-sheet/bottom-sheet-constants.d.ts +16 -13
- package/esm/bottom-sheet/bottom-sheet-constants.js +24 -27
- package/esm/bottom-sheet/bottom-sheet-foundation.d.ts +17 -43
- package/esm/bottom-sheet/bottom-sheet-foundation.js +106 -213
- package/esm/bottom-sheet/bottom-sheet.d.ts +42 -29
- package/esm/bottom-sheet/bottom-sheet.js +52 -41
- package/esm/calendar/calendar-constants.d.ts +0 -1
- package/esm/calendar/calendar-constants.js +0 -1
- package/esm/calendar/calendar-dom-utils.js +10 -4
- package/esm/calendar/calendar-menu/calendar-menu-adapter.js +9 -2
- package/esm/calendar/calendar-menu/calendar-menu-constants.d.ts +0 -1
- package/esm/calendar/calendar-menu/calendar-menu-constants.js +0 -1
- package/esm/calendar/calendar-menu/calendar-menu-utils.js +10 -0
- package/esm/calendar/calendar-menu/calendar-menu.js +8 -2
- package/esm/calendar/calendar.js +6 -2
- package/esm/checkbox/checkbox-foundation.js +9 -9
- package/esm/color-picker/color-picker.js +1 -1
- package/esm/deprecated/icon-button/deprecated-icon-button-component-delegate.d.ts +38 -0
- package/esm/deprecated/icon-button/deprecated-icon-button-component-delegate.js +93 -0
- package/esm/deprecated/icon-button/deprecated-icon-button-constants.d.ts +28 -0
- package/esm/deprecated/icon-button/deprecated-icon-button-constants.js +28 -0
- package/esm/deprecated/icon-button/deprecated-icon-button.d.ts +62 -0
- package/esm/deprecated/icon-button/deprecated-icon-button.js +208 -0
- package/esm/deprecated/icon-button/index.d.ts +12 -0
- package/esm/deprecated/icon-button/index.js +16 -0
- package/esm/dialog/dialog.js +1 -1
- package/esm/drawer/drawer/drawer.js +1 -1
- package/esm/drawer/mini-drawer/mini-drawer.js +1 -1
- package/esm/drawer/modal-drawer/modal-drawer.js +1 -1
- package/esm/field/field.js +1 -1
- package/esm/index.d.ts +1 -3
- package/esm/index.js +4 -8
- package/esm/list/list/list.js +1 -1
- package/esm/list/list-item/list-item-adapter.js +4 -0
- package/esm/list/list-item/list-item.d.ts +6 -4
- package/esm/list/list-item/list-item.js +7 -5
- package/esm/open-icon/index.d.ts +0 -2
- package/esm/open-icon/index.js +0 -2
- package/esm/open-icon/open-icon-constants.d.ts +10 -6
- package/esm/open-icon/open-icon-constants.js +9 -11
- package/esm/open-icon/open-icon.d.ts +37 -12
- package/esm/open-icon/open-icon.js +67 -22
- package/esm/paginator/paginator-adapter.d.ts +19 -52
- package/esm/paginator/paginator-adapter.js +25 -106
- package/esm/paginator/paginator-constants.d.ts +22 -35
- package/esm/paginator/paginator-constants.js +17 -40
- package/esm/paginator/paginator-foundation.d.ts +10 -12
- package/esm/paginator/paginator-foundation.js +39 -51
- package/esm/paginator/paginator.d.ts +4 -7
- package/esm/paginator/paginator.js +24 -45
- package/esm/popover/popover.js +1 -1
- package/esm/profile-card/profile-card.js +1 -1
- package/esm/radio/radio/radio-foundation.js +2 -2
- package/esm/split-view/split-view-panel/split-view-panel.js +1 -1
- package/esm/stepper/step/step.js +1 -1
- package/esm/switch/switch-foundation.js +6 -6
- package/esm/table/table-constants.d.ts +1 -0
- package/esm/table/table-constants.js +4 -3
- package/esm/table/table-foundation.js +2 -2
- package/esm/table/table-utils.js +31 -14
- package/esm/tooltip/tooltip.js +1 -1
- package/esm/utils/color-utils.d.ts +0 -4
- package/esm/utils/color-utils.js +0 -19
- package/esm/view-switcher/view-switcher.js +1 -1
- package/package.json +1 -12
- package/styles/bottom-sheet/_core.scss +19 -0
- package/styles/bottom-sheet/_token-utils.scss +30 -0
- package/styles/bottom-sheet/bottom-sheet.scss +59 -3
- package/styles/{color-picker/_variables.scss → bottom-sheet/index.scss} +1 -1
- package/styles/calendar/_mixins.scss +33 -56
- package/styles/calendar/_variables.scss +39 -39
- package/styles/calendar/calendar-menu/_mixins.scss +25 -84
- package/styles/color-picker/_mixins.scss +15 -21
- package/styles/color-picker/color-picker.scss +0 -1
- package/styles/core/styles/animation/index.scss +22 -0
- package/styles/core/styles/border/index.scss +10 -1
- package/styles/core/styles/elevation/index.scss +19 -26
- package/styles/core/styles/shape/index.scss +9 -0
- package/styles/core/styles/spacing/index.scss +9 -0
- package/styles/core/styles/theme/index.scss +2 -13
- package/styles/core/styles/tokens/bottom-sheet/_tokens.scss +21 -0
- package/styles/core/styles/tokens/elevation/_tokens.scss +35 -84
- package/styles/core/styles/tokens/list/list/_tokens.scss +14 -1
- package/styles/core/styles/tokens/list/list-item/_tokens.scss +6 -6
- package/styles/core/styles/tokens/open-icon/_tokens.scss +25 -0
- package/styles/core/styles/tokens/popover/_tokens.scss +1 -1
- package/styles/core/styles/tokens/theme/_tokens.core.scss +60 -30
- package/styles/core/styles/tokens/theme/_tokens.scss +1 -48
- package/styles/core/styles/tokens/theme/_tokens.status.scss +78 -32
- package/styles/core/styles/tokens/theme/_tokens.surface.scss +33 -51
- package/styles/core/styles/tokens/theme/_tokens.text.scss +20 -26
- package/styles/core/styles/tokens/theme/_tokens.utilities.scss +13 -23
- package/styles/core/styles/tokens/tooltip/_tokens.scss +1 -1
- package/styles/deprecated/icon-button/deprecated-icon-button.scss +114 -0
- package/styles/dialog/_core.scss +3 -1
- package/styles/dialog/dialog.scss +1 -1
- package/styles/drawer/base/_mixins.scss +11 -10
- package/styles/drawer/base/_variables.scss +6 -5
- package/styles/drawer/drawer/_variables.scss +6 -5
- package/styles/drawer/mini-drawer/_mixins.scss +11 -14
- package/styles/drawer/modal-drawer/_mixins.scss +4 -9
- package/styles/field/_core.variant.scss +0 -1
- package/styles/forge-tokens.scss +40 -0
- package/styles/forge.scss +1 -10
- package/styles/linear-progress/_core.scss +0 -1
- package/styles/list/list/list.scss +23 -7
- package/styles/list/list-item/_core.scss +10 -10
- package/styles/list/list-item/list-item.scss +4 -4
- package/styles/open-icon/_core.scss +26 -0
- package/styles/open-icon/_token-utils.scss +30 -0
- package/styles/{paginator/_variables.scss → open-icon/index.scss} +1 -1
- package/styles/open-icon/open-icon.scss +75 -3
- package/styles/paginator/_core.scss +42 -0
- package/styles/{typography/_index.scss → paginator/index.scss} +1 -2
- package/styles/paginator/paginator.scss +49 -5
- package/styles/profile-card/profile-card.scss +0 -1
- package/styles/split-view/split-view/_mixins.scss +0 -2
- package/styles/split-view/split-view-panel/_mixins.scss +12 -16
- package/styles/split-view/split-view-panel/_variables.scss +0 -1
- package/styles/table/_core.scss +333 -0
- package/styles/table/_variables.scss +22 -37
- package/styles/table/forge-table.scss +217 -3
- package/styles/{theme/_index.scss → table/index.scss} +1 -2
- package/styles/theme/_theme-dark.scss +0 -5
- package/styles/theme/forge-theme.scss +0 -7
- package/styles/typography/forge-typography.scss +0 -3
- package/styles/view-switcher/_mixins.scss +8 -8
- package/dist/busy-indicator/forge-busy-indicator.css +0 -6
- package/dist/esm/busy-indicator/index.js +0 -7
- package/dist/esm/chunks/chunk.3CTKWBV2.js +0 -7
- package/dist/esm/chunks/chunk.3CTKWBV2.js.map +0 -7
- package/dist/esm/chunks/chunk.3II7OT2I.js +0 -7
- package/dist/esm/chunks/chunk.6VS3LYAF.js +0 -7
- package/dist/esm/chunks/chunk.6VS3LYAF.js.map +0 -7
- package/dist/esm/chunks/chunk.7RLY2O3H.js +0 -7
- package/dist/esm/chunks/chunk.7RLY2O3H.js.map +0 -7
- package/dist/esm/chunks/chunk.A7BCLPP4.js +0 -7
- package/dist/esm/chunks/chunk.AFWWND2C.js +0 -7
- package/dist/esm/chunks/chunk.AFWWND2C.js.map +0 -7
- package/dist/esm/chunks/chunk.AIJK3CTV.js +0 -12
- package/dist/esm/chunks/chunk.AIJK3CTV.js.map +0 -7
- package/dist/esm/chunks/chunk.BQZKOIAW.js +0 -7
- package/dist/esm/chunks/chunk.BV7EAQST.js +0 -7
- package/dist/esm/chunks/chunk.BV7EAQST.js.map +0 -7
- package/dist/esm/chunks/chunk.CGFSMACZ.js +0 -7
- package/dist/esm/chunks/chunk.CGFSMACZ.js.map +0 -7
- package/dist/esm/chunks/chunk.GBAVJILM.js +0 -7
- package/dist/esm/chunks/chunk.GRYO5XP2.js +0 -7
- package/dist/esm/chunks/chunk.GRYO5XP2.js.map +0 -7
- package/dist/esm/chunks/chunk.HD2SLIL2.js +0 -7
- package/dist/esm/chunks/chunk.HD2SLIL2.js.map +0 -7
- package/dist/esm/chunks/chunk.HG4IDRAC.js +0 -7
- package/dist/esm/chunks/chunk.HG4IDRAC.js.map +0 -7
- package/dist/esm/chunks/chunk.KCCW4AMU.js +0 -7
- package/dist/esm/chunks/chunk.KCCW4AMU.js.map +0 -7
- package/dist/esm/chunks/chunk.KLU54MDQ.js +0 -7
- package/dist/esm/chunks/chunk.MFS7AVW6.js +0 -7
- package/dist/esm/chunks/chunk.MFS7AVW6.js.map +0 -7
- package/dist/esm/chunks/chunk.O5WAQQNR.js +0 -7
- package/dist/esm/chunks/chunk.O5WAQQNR.js.map +0 -7
- package/dist/esm/chunks/chunk.OJ7JO4O6.js +0 -7
- package/dist/esm/chunks/chunk.OQHDHS2C.js +0 -7
- package/dist/esm/chunks/chunk.OQHDHS2C.js.map +0 -7
- package/dist/esm/chunks/chunk.OREDK5MJ.js +0 -7
- package/dist/esm/chunks/chunk.OREDK5MJ.js.map +0 -7
- package/dist/esm/chunks/chunk.QVATEY5S.js +0 -7
- package/dist/esm/chunks/chunk.QVATEY5S.js.map +0 -7
- package/dist/esm/chunks/chunk.RKIJTSSL.js +0 -7
- package/dist/esm/chunks/chunk.RKIJTSSL.js.map +0 -7
- package/dist/esm/chunks/chunk.RLQB7224.js +0 -7
- package/dist/esm/chunks/chunk.RSYEG2RW.js +0 -7
- package/dist/esm/chunks/chunk.RSYEG2RW.js.map +0 -7
- package/dist/esm/chunks/chunk.SZOZIJZI.js +0 -7
- package/dist/esm/chunks/chunk.SZOZIJZI.js.map +0 -7
- package/dist/esm/chunks/chunk.UPSXYWPD.js +0 -7
- package/dist/esm/chunks/chunk.V6KUOCAR.js +0 -7
- package/dist/esm/chunks/chunk.V6KUOCAR.js.map +0 -7
- package/dist/esm/chunks/chunk.X77NKT6Z.js +0 -7
- package/dist/esm/chunks/chunk.X77NKT6Z.js.map +0 -7
- package/dist/esm/chunks/chunk.YRAEFQJW.js +0 -7
- package/dist/esm/chunks/chunk.YRAEFQJW.js.map +0 -7
- package/dist/esm/quantity-field/index.js +0 -7
- package/dist/esm/quantity-field/index.js.map +0 -7
- package/dist/esm/theme/index.js +0 -7
- package/dist/esm/theme/index.js.map +0 -7
- package/dist/quantity-field/forge-quantity-field.css +0 -6
- package/dist/typography/forge-typography-legacy.css +0 -6
- package/dist/utils/forge-utils.css +0 -6
- package/esm/busy-indicator/busy-indicator-adapter.d.ts +0 -155
- package/esm/busy-indicator/busy-indicator-adapter.js +0 -203
- package/esm/busy-indicator/busy-indicator-constants.d.ts +0 -49
- package/esm/busy-indicator/busy-indicator-constants.js +0 -58
- package/esm/busy-indicator/busy-indicator-foundation.d.ts +0 -97
- package/esm/busy-indicator/busy-indicator-foundation.js +0 -268
- package/esm/busy-indicator/busy-indicator.d.ts +0 -77
- package/esm/busy-indicator/busy-indicator.js +0 -115
- package/esm/busy-indicator/index.d.ts +0 -10
- package/esm/busy-indicator/index.js +0 -14
- package/esm/open-icon/open-icon-adapter.d.ts +0 -18
- package/esm/open-icon/open-icon-adapter.js +0 -27
- package/esm/open-icon/open-icon-foundation.d.ts +0 -22
- package/esm/open-icon/open-icon-foundation.js +0 -35
- package/esm/quantity-field/index.d.ts +0 -11
- package/esm/quantity-field/index.js +0 -15
- package/esm/quantity-field/quantity-field-adapter.d.ts +0 -77
- package/esm/quantity-field/quantity-field-adapter.js +0 -221
- package/esm/quantity-field/quantity-field-component-delegate.d.ts +0 -44
- package/esm/quantity-field/quantity-field-component-delegate.js +0 -129
- package/esm/quantity-field/quantity-field-constants.d.ts +0 -35
- package/esm/quantity-field/quantity-field-constants.js +0 -41
- package/esm/quantity-field/quantity-field-foundation.d.ts +0 -36
- package/esm/quantity-field/quantity-field-foundation.js +0 -100
- package/esm/quantity-field/quantity-field.d.ts +0 -34
- package/esm/quantity-field/quantity-field.js +0 -100
- package/esm/theme/color-constants.d.ts +0 -313
- package/esm/theme/color-constants.js +0 -363
- package/esm/theme/index.d.ts +0 -7
- package/esm/theme/index.js +0 -7
- package/esm/theme/theme-utils.d.ts +0 -9
- package/esm/theme/theme-utils.js +0 -68
- package/styles/bottom-sheet/_mixins.scss +0 -93
- package/styles/bottom-sheet/_variables.scss +0 -7
- package/styles/busy-indicator/_mixins.scss +0 -185
- package/styles/busy-indicator/_variables.scss +0 -9
- package/styles/busy-indicator/busy-indicator.scss +0 -22
- package/styles/busy-indicator/forge-busy-indicator.scss +0 -8
- package/styles/open-icon/_mixins.scss +0 -39
- package/styles/open-icon/_variables.scss +0 -8
- package/styles/paginator/_mixins.scss +0 -136
- package/styles/quantity-field/_mixins.scss +0 -116
- package/styles/quantity-field/forge-quantity-field.scss +0 -18
- package/styles/quantity-field/quantity-field.scss +0 -16
- package/styles/table/_mixins.scss +0 -547
- package/styles/theme/_custom-properties.scss +0 -311
- package/styles/theme/_keys.scss +0 -477
- package/styles/theme/_theme-utils.scss +0 -23
- package/styles/theme/_theme-values.scss +0 -246
- package/styles/theme/_theme.scss +0 -279
- package/styles/typography/_mixins.scss +0 -73
- package/styles/typography/_variables.scss +0 -100
- package/styles/typography/forge-typography-legacy.scss +0 -8
- package/styles/utils/forge-utils.scss +0 -45
- /package/dist/esm/chunks/{chunk.AOVXNX7P.js.map → chunk.24L6GVJK.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.WMJSYYXQ.js.map → chunk.27YQZWEJ.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.AG6IRMLZ.js.map → chunk.2CP5CIRB.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.H4VQXV2H.js.map → chunk.3CXCYRCE.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.MTIPIEXA.js.map → chunk.3LNZRQAL.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.BQ52JYLA.js.map → chunk.3LUG3LPU.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.IL4S57WO.js.map → chunk.3ODT27TD.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.XZ23XHFE.js.map → chunk.45N7ZZVL.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.YWJVZVZX.js.map → chunk.4GFUXXXH.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.ZA7JY3AY.js.map → chunk.5DDR6QSF.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.3KAKJGUS.js.map → chunk.5NEWFXFX.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.VRSPT7WX.js.map → chunk.5OT53ZJM.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.VL5RWSAV.js.map → chunk.6DWRGYKV.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.IEABOPNB.js.map → chunk.6T7KPDCD.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.SROEDYPL.js.map → chunk.7JO5MB55.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.CLYGTLXN.js.map → chunk.7TE74NJZ.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.AGLI4WR4.js.map → chunk.AJLS5C7O.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.TSSZQPLE.js.map → chunk.BURDWL57.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.BHE6Z5Y2.js.map → chunk.CQ4XBOX5.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.NEQX2QVX.js.map → chunk.DJQXJO3T.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.VJZ7VDG5.js.map → chunk.DPJJB67L.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.OOAJHLW4.js.map → chunk.EZIABLIR.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.ZG6YF2HI.js.map → chunk.F53DSRUO.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.7AAICE77.js.map → chunk.FIO22U2C.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.U6J4VHU6.js.map → chunk.FKMTIOBA.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.W4HANHUO.js.map → chunk.FMGBPF7B.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.5MB6CTBA.js.map → chunk.FVFPDWA4.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.ENUKGA2U.js.map → chunk.FYPIHFXD.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.CE35CVDV.js.map → chunk.GQ33JZVE.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.2W23MOPP.js.map → chunk.GUBLRHCG.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.37B332ZK.js.map → chunk.HSNVTV7K.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.PC6TW5XE.js.map → chunk.HXNNWUI3.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.77C7S7ZS.js.map → chunk.IOGCI64X.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.5UOX22ML.js.map → chunk.KKVQNKMV.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.YPNSK2CK.js.map → chunk.KW5A2U5U.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.KO6ODCZC.js.map → chunk.LIJE4T3D.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.KEOLH7G3.js.map → chunk.LQN5U4QH.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.5QIWLZG3.js.map → chunk.LSUIJDFO.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.QCPV5DEG.js.map → chunk.N65CAIE5.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.UKBE2FMZ.js.map → chunk.NNLZKMFX.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.EO3GP6DP.js.map → chunk.ON6FFHRE.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.OVXEOEJF.js.map → chunk.ONFZ3H7M.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.32APLNN2.js.map → chunk.OVVBXM6K.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.DKERDHXH.js.map → chunk.P74RZEWP.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.QLGJS37N.js.map → chunk.PBORL6KX.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.JGURMVW7.js.map → chunk.PGMOAILY.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.OEI35LFU.js.map → chunk.PKCMTSWR.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.QUXMLWBJ.js.map → chunk.Q3Z6VZUD.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.TQWZDM6T.js.map → chunk.QBHJFCLL.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.WXVVOFNK.js.map → chunk.QDG6TP2Z.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.H5RW3A4M.js.map → chunk.QH27OIAK.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.473WRJ5G.js.map → chunk.QKCPE4LW.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.FLF5RTYO.js.map → chunk.R2CJMM2F.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.IQYOLMPG.js.map → chunk.RGDLRUSM.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.QIZBZGYT.js.map → chunk.RKPWFEFJ.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.RXBLU4OJ.js.map → chunk.S5EU72NR.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.T7NWP7DB.js.map → chunk.SW6JDC2Y.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.7IPAW4D2.js.map → chunk.TAQRHBGS.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.MFQRXVKO.js.map → chunk.TEZFEC5B.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.MX4JX4GT.js.map → chunk.THIUQ2AU.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.LY2Z2Z7S.js.map → chunk.TQMT7BIZ.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.GIENHEMN.js.map → chunk.TR45SGWL.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.CFAI4K3E.js.map → chunk.UBVWYWO7.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.NWVQ5HK2.js.map → chunk.UHPODZWA.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.3PMONORO.js.map → chunk.V4R7FCZ2.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.BEFAXPXJ.js.map → chunk.WNX3GGYT.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.I7YON2TC.js.map → chunk.X5MI5OFS.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.QKTK5XUE.js.map → chunk.XHRBFPZ2.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.ASLHRT3N.js.map → chunk.XT6RPXTM.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.VGIRVTBJ.js.map → chunk.XWVFJVBN.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.YNCTSMT6.js.map → chunk.YXFGOJ5Z.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.GG7IQL46.js.map → chunk.ZPH3TMNA.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.CEGBMUSR.js.map → chunk.ZWELGTD7.js.map} +0 -0
- /package/dist/esm/{busy-indicator → deprecated/icon-button}/index.js.map +0 -0
package/esm/field/field.js
CHANGED
|
@@ -11,7 +11,7 @@ import { FieldAdapter } from './field-adapter';
|
|
|
11
11
|
import { FIELD_CONSTANTS } from './field-constants';
|
|
12
12
|
import { FieldFoundation } from './field-foundation';
|
|
13
13
|
const template = '<template><div id=\"root\" class=\"forge-field\" part=\"root\"><div id=\"label\" class=\"label\" part=\"label\"><slot name=\"label\"></slot></div><div class=\"outline\"><div class=\"popover-target\" aria-hidden=\"true\"></div><div id=\"container\" class=\"container\" part=\"container\"><div id=\"start\" class=\"start\" part=\"start\"><slot name=\"start\"></slot></div><div id=\"input\" class=\"input\" part=\"input\"><slot></slot></div><div id=\"end\" class=\"end\" part=\"end\"><slot name=\"end\"></slot></div><div id=\"popover-icon\" class=\"popover-icon\" part=\"popover-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M7 10l5 5 5-5z\" id=\"popover-icon__arrow\"/></svg></div><div id=\"accessory\" class=\"accessory\" part=\"accessory\"><slot name=\"accessory\"></slot></div><forge-focus-indicator target=\"input\" part=\"focus-indicator\"></forge-focus-indicator></div></div><div class=\"support-text\" part=\"support-text\"><div class=\"support-text-start\" part=\"support-text-start\"><slot name=\"support-text-start\"></slot></div><div class=\"support-text-end\" part=\"support-text-end\"><slot name=\"support-text-end\"></slot></div></div></div></template>';
|
|
14
|
-
const styles = '@-webkit-keyframes float-in-label-animation{from{translate:0;opacity:40%}to{translate:var(--_field-floating-label-translation);opacity:100%}}@keyframes float-in-label-animation{from{translate:0;opacity:40%}to{translate:var(--_field-floating-label-translation);opacity:100%}}@-webkit-keyframes float-out-label-animation{from{translate:var(--_field-floating-label-translation);opacity:40%}to{translate:0;opacity:100%}}@keyframes float-out-label-animation{from{translate:var(--_field-floating-label-translation);opacity:40%}to{translate:0;opacity:100%}}@-webkit-keyframes float-in-input-animation{from{translate:0}to{translate:0 calc(calc(max(var(--forge-typography-body2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-body-line-height-scale,1.375))),var(--forge-typography-label2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-label-line-height-scale,1.25))))/ 2) + calc((var(--_field-height) - 56px)/ 8))}}@keyframes float-in-input-animation{from{translate:0}to{translate:0 calc(calc(max(var(--forge-typography-body2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-body-line-height-scale,1.375))),var(--forge-typography-label2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-label-line-height-scale,1.25))))/ 2) + calc((var(--_field-height) - 56px)/ 8))}}@-webkit-keyframes float-out-input-animation{from{translate:0 calc(calc(max(var(--forge-typography-body2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-body-line-height-scale,1.375))),var(--forge-typography-label2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-label-line-height-scale,1.25))))/ 2) + calc((var(--_field-height) - 56px)/ 8))}to{translate:0}}@keyframes float-out-input-animation{from{translate:0 calc(calc(max(var(--forge-typography-body2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-body-line-height-scale,1.375))),var(--forge-typography-label2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-label-line-height-scale,1.25))))/ 2) + calc((var(--_field-height) - 56px)/ 8))}to{translate:0}}@-webkit-keyframes resize-container-inset-label-background-animation{from{opacity:0%}to{opacity:100%}}@keyframes resize-container-inset-label-background-animation{from{opacity:0%}to{opacity:100%}}:host([hidden]){display:none}@layer base{.forge-field{--_field-text-color:var(--forge-field-text-color, var(--forge-theme-text-high, rgba(0, 0, 0, 0.87)));--_field-label-margin-inline:var(--forge-field-label-margin-inline, 8px);--_field-label-margin-block:var(--forge-field-label-margin-block, 4px);--_field-label-gap:var(--forge-field-label-gap, 0.25em);--_field-container-padding-inline:var(--forge-field-container-padding-inline, 12px);--_field-container-padding-inline-start:var(--forge-field-container-padding-inline-start, var(--_field-container-padding-inline));--_field-container-padding-inline-end:var(--forge-field-container-padding-inline-end, var(--_field-container-padding-inline));--_field-container-extra-small-padding-inline-start:var(--forge-field-container-extra-small-padding-inline-start, 8px);--_field-container-extra-small-padding-inline-end:var(--forge-field-container-extra-small-padding-inline-end, 4px);--_field-container-gap:var(--forge-field-container-gap, 8px);--_field-start-padding-inline-end:var(--forge-field-start-padding-inline-end, var(--_field-container-gap));--_field-end-padding-inline-start:var(--forge-field-end-padding-inline-start, var(--_field-container-gap));--_field-end-padding-inline-end:var(--forge-field-end-padding-inline-end, var(--_field-container-gap));--_field-popover-icon-padding-inline-start:var(--forge-field-popover-icon-padding-inline-start, var(--_field-container-gap));--_field-popover-icon-padding-inline-end:var(--forge-field-popover-icon-padding-inline-end, var(--_field-container-gap));--_field-accessory-padding-inline:var(--forge-field-accessory-padding-inline, var(--_field-container-gap));--_field-accessory-padding-inline-start:var(--forge-field-accessory-padding-inline-start, var(--_field-accessory-padding-inline));--_field-accessory-padding-inline-end:var(--forge-field-accessory-padding-inline-end, var(--_field-accessory-padding-inline));--_field-support-text-margin-block:var(--forge-field-support-text-margin-block, 4px);--_field-support-text-gap:var(--forge-field-support-text-gap, 8px);--_field-support-text-padding-inline:var(--forge-field-support-text-padding-inline, var(--_field-container-padding-inline));--_field-support-text-padding-inline-start:var(--forge-field-support-text-padding-inline-start, var(--_field-support-text-padding-inline));--_field-support-text-padding-inline-end:var(--forge-field-support-text-padding-inline-end, var(--_field-support-text-padding-inline));--_field-rounded-container-padding-inline:var(--forge-field-rounded-container-padding-inline, calc(var(--_field-height) / 2));--_field-rounded-container-padding-inline-start:var(--forge-field-rounded-container-padding-inline-start, var(--_field-rounded-container-padding-inline));--_field-rounded-container-padding-inline-end:var(--forge-field-rounded-container-padding-inline-end, var(--_field-rounded-container-padding-inline));--_field-height:var(--forge-field-height);--_field-height-extra-small:var(--forge-field-height-extra-small, 24px);--_field-height-small:var(--forge-field-height-small, 32px);--_field-height-medium:var(--forge-field-height-medium, 40px);--_field-height-large:var(--forge-field-height-large, 48px);--_field-height-extra-large:var(--forge-field-height-extra-large, 56px);--_field-inset-height-extra-small:var(--forge-field-inset-height-extra-small, var(--_field-inset-height-small));--_field-inset-height-small:var(--forge-field-inset-height-small, 40px);--_field-inset-height-medium:var(--forge-field-inset-height-medium, 48px);--_field-inset-height-large:var(--forge-field-inset-height-large, 56px);--_field-inset-height-extra-large:var(--forge-field-inset-height-extra-large, 64px);--_field-shape:var(--forge-field-shape, var(--forge-shape-medium, 4px));--_field-border-style:var(--forge-field-border-style, solid);--_field-border-width:var(--forge-field-border-width, var(--forge-border-thin, 1px));--_field-border-color:var(--forge-field-border-color, var(--forge-theme-outline-medium, #757575));--_field-tonal-inner-border-color:var(--forge-field-tonal-inner-border-color, var(--forge-theme-outline-low, #9e9e9e));--_field-inner-border-block-size:var(--forge-field-inner-border-block-size, calc(100% - 8px));--_field-label-color:var(--forge-field-label-color, var(--forge-theme-text-high, rgba(0, 0, 0, 0.87)));--_field-inset-label-color:var(--forge-field-inset-label-color, var(--forge-theme-text-medium, rgba(0, 0, 0, 0.6)));--_field-hover-border-style:var(--forge-field-hover-border-style, var(--_field-border-style));--_field-hover-border-width:var(--forge-field-hover-border-width, var(--_field-border-width));--_field-hover-border-color:var(--forge-field-hover-border-color, var(--forge-theme-outline-high, #212121));--_field-invalid-color:var(--forge-field-invalid-color, var(--forge-theme-error, #b00020));--_field-invalid-border-style:var(--forge-field-invalid-border-style, var(--_field-border-style));--_field-invalid-border-color:var(--forge-field-invalid-border-color, var(--_field-invalid-color));--_field-invalid-border-width:var(--forge-field-invalid-border-width, var(--_field-border-width));--_field-invalid-border-color-hover:var(--forge-field-invalid-border-color-hover, var(--forge-theme-error-container-high, #e19eaa));--_field-invalid-surface-color:var(--forge-field-invalid-surface-color, var(--forge-theme-error-container-low, #f6e0e4));--_field-invalid-surface-color-hover:var(--forge-field-invalid-surface-color-hover, var(--forge-theme-error-container-minimum, #fcf5f6));--_field-invalid-label-color:var(--forge-field-invalid-label-color, var(--_field-invalid-color));--_field-invalid-on-surface-color:var(--forge-field-invalid-on-surface-color, var(--forge-theme-on-error-container-low, #5f0011));--_field-invalid-inset-label-on-surface-color:var(--forge-field-invalid-inset-label-on-surface-color, var(--_field-invalid-on-surface-color));--_field-plain-container-padding-inline:var(--forge-field-plain-container-padding-inline, 0);--_field-tonal-surface-color:var(--forge-field-tonal-surface-color, var(--forge-theme-surface-container-low, #ebebeb));--_field-tonal-on-surface-color:var(--forge-field-tonal-on-surface-color, var(--forge-theme-on-surface-container-low, #000000));--_field-tonal-hover-color:var(--forge-field-tonal-hover-color, var(--forge-theme-surface-container-minimum, whitesmoke));--_field-filled-surface-color:var(--forge-field-filled-surface-color, var(--forge-theme-surface-bright, #ffffff));--_field-filled-on-surface-color:var(--forge-field-filled-on-surface-color, var(--forge-theme-on-surface, #000000));--_field-raised-elevation:var(--forge-field-raised-elevation, 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12));--_field-raised-active-elevation:var(--forge-field-raised-active-elevation, 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12));--_field-raised-surface-color:var(--forge-field-raised-surface-color, var(--_field-filled-surface-color));--_field-raised-on-surface-color:var(--forge-field-raised-on-surface-color, var(--_field-filled-on-surface-color));--_field-required-content:var(--forge-field-required-content, \"*\");--_field-required-color:var(--forge-field-required-color, var(--forge-theme-error, #b00020));--_field-optional-content:var(--forge-field-optional-content, \"(optional)\");--_field-optional-color:var(--forge-field-optional-color, inherit);--_field-popover-icon-transition-duration:var(--forge-field-popover-icon-transition-duration, var(--forge-animation-duration-short3, 150ms));--_field-popover-icon-transition-timing:var(--forge-field-popover-icon-transition-timing, var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1)));--_field-popover-icon-open-rotation:var(--forge-field-popover-icon-open-rotation, 180deg);--_field-multiline-resize:var(--forge-field-multiline-resize, vertical);--_field-multiline-min-inline-size:var(--forge-field-multiline-min-inline-size, initial);--_field-multiline-max-inline-size:var(--forge-field-multiline-max-inline-size, initial);--_field-multiline-min-block-size:var(--forge-field-multiline-min-block-size, var(--_field-height));--_field-multiline-max-block-size:var(--forge-field-multiline-max-block-size, initial);--_field-disabled-opacity:var(--forge-field-disabled-opacity, 0.38);--_field-disabled-surface-color:var(--forge-field-disabled-surface-color, var(--forge-theme-surface-container-low, #ebebeb));--_field-disabled-border-color:var(--forge-field-disabled-border-color, var(--forge-theme-outline-medium, #757575));--_field-disabled-text-color:var(--forge-field-disabled-text-color, var(--forge-theme-text-medium, rgba(0, 0, 0, 0.6)));--_field-disabled-inset-label-color:var(--forge-field-disabled-inset-label-color, var(--forge-theme-text-low, rgba(0, 0, 0, 0.38)));--_field-container-animation-duration:var(--forge-field-container-animation-duration, var(--forge-animation-duration-short4, 200ms));--_field-container-animation-timing:var(--forge-field-container-animation-timing, var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1)));--_field-floating-animation-duration:var(--forge-field-floating-animation-duration, var(--forge-animation-duration-short4, 200ms));--_field-floating-animation-timing:var(--forge-field-floating-animation-timing, var(--forge-animation-easing-decelerate, cubic-bezier(0, 0, 0, 1)));--_field-focus-indicator-width:var(--forge-field-focus-indicator-width, var(--forge-focus-indicator-width, var(--forge-border-medium, 2px)))}.forge-field{--_field-input-color:var(--forge-field-input-color, var(--_field-text-color));--_field-main-content-padding-start:var(--forge-field-main-content-padding-start, var(--_field-container-padding-inline-start));--_field-main-content-padding-end:var(--forge-field-main-content-padding-end, var(--_field-container-padding-inline-end));display:grid;position:relative}.forge-field .outline{position:relative}.forge-field .container{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-body2-font-family, var(--forge-typography-font-family, \"Roboto\", sans-serif));font-size:var(--forge-typography-body2-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-font-size-scale, 1)));font-weight:var(--forge-typography-body2-font-weight,400);line-height:var(--forge-typography-body2-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-line-height-scale, 1.375)));letter-spacing:var(--forge-typography-body2-letter-spacing, .015625em);text-transform:var(--forge-typography-body2-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-body2-text-decoration,inherit);text-decoration:var(--forge-typography-body2-text-decoration,inherit);-webkit-box-sizing:border-box;box-sizing:border-box;grid-area:container;-webkit-box-align:center;align-items:center;border-radius:var(--_field-shape);inline-size:100%;block-size:var(--_field-height);display:grid;position:relative;-webkit-box-flex:1;flex-grow:1;grid-template-areas:\"start center end popover-icon accessory\";grid-template-columns:auto 1fr auto auto auto}.forge-field .container::before{position:absolute;-webkit-transition-duration:var(--_field-container-animation-duration);transition-duration:var(--_field-container-animation-duration);-webkit-transition-property:background,outline-color;transition-property:background,outline-color;-webkit-transition-timing-function:var(--_field-container-animation-timing);transition-timing-function:var(--_field-container-animation-timing);border-radius:inherit;pointer-events:none;inline-size:100%;block-size:100%;content:\"\"}.forge-field .input{display:-webkit-box;display:flex;grid-area:center;block-size:100%;inline-size:100%;color:var(--_field-input-color)}.forge-field .label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-label2-font-family, var(--forge-typography-font-family, \"Roboto\", sans-serif));font-size:var(--forge-typography-label2-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-font-size-scale, .8125)));font-weight:var(--forge-typography-label2-font-weight,400);line-height:var(--forge-typography-label2-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-line-height-scale, 1.25)));letter-spacing:var(--forge-typography-label2-letter-spacing, .0096153846em);text-transform:var(--forge-typography-label2-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-label2-text-decoration,inherit);text-decoration:var(--forge-typography-label2-text-decoration,inherit);display:-webkit-inline-box;display:inline-flex;position:relative;gap:var(--_field-label-gap);grid-area:label;block-size:-webkit-fit-content;block-size:-moz-fit-content;block-size:fit-content;color:var(--_field-label-color)}.forge-field .popover-target{position:absolute;inset:calc(var(--_field-focus-indicator-width) * -1);pointer-events:none}.forge-field .popover-icon{display:none}.forge-field .popover-icon__arrow{fill:inherit}.forge-field .accessory,.forge-field .end,.forge-field .start,.forge-field .support-text,.forge-field .support-text-end,.forge-field .support-text-start{display:none}}:host([popover-icon]) .popover-icon{isolation:isolate;-webkit-box-align:center;align-items:center;display:-webkit-box;display:flex;grid-area:popover-icon;block-size:100%;-webkit-padding-end:var(--_field-popover-icon-padding-inline-end);padding-inline-end:var(--_field-popover-icon-padding-inline-end)}:host([popover-icon]) .popover-icon>*{-webkit-transition:rotate var(--_field-popover-icon-transition-duration) var(--_field-popover-icon-transition-timing);transition:rotate var(--_field-popover-icon-transition-duration) var(--_field-popover-icon-transition-timing)}:host([popover-icon][popover-expanded]) .popover-icon>*{rotate:var(--_field-popover-icon-open-rotation)}.forge-field--has-start .start{display:-webkit-box;display:flex;grid-area:start;-webkit-box-align:center;align-items:center;-webkit-padding-start:var(--_field-container-padding-inline-start);padding-inline-start:var(--_field-container-padding-inline-start)}.forge-field--has-end .end{display:-webkit-box;display:flex;grid-area:end;-webkit-box-align:center;align-items:center;-webkit-padding-end:var(--_field-end-padding-inline-end);padding-inline-end:var(--_field-end-padding-inline-end)}.forge-field--has-accessory .accessory{position:relative;-webkit-box-align:center;align-items:center;display:-webkit-box;display:flex;grid-area:accessory;block-size:100%;-webkit-padding-end:var(--_field-accessory-padding-inline-end);padding-inline-end:var(--_field-accessory-padding-inline-end)}.forge-field--has-accessory .accessory::before{-webkit-transition-duration:var(--_field-container-animation-duration);transition-duration:var(--_field-container-animation-duration);-webkit-transition-property:border-color;transition-property:border-color;-webkit-transition-timing-function:var(--_field-container-animation-timing);transition-timing-function:var(--_field-container-animation-timing);border-inline-start-style:var(--_field-border-style);border-inline-start-width:var(--_field-border-width);border-inline-start-color:var(--_field-inner-border-color);-webkit-padding-end:var(--_field-accessory-padding-inline-start);padding-inline-end:var(--_field-accessory-padding-inline-start);block-size:100%;content:\"\"}.forge-field:not(.forge-field--has-accessory) .popover-icon{-webkit-padding-end:var(--_field-container-padding-inline-end);padding-inline-end:var(--_field-container-padding-inline-end)}.forge-field--has-support-text-end .support-text,.forge-field--has-support-text-start .support-text{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-label1-font-family, var(--forge-typography-font-family, \"Roboto\", sans-serif));font-size:var(--forge-typography-label1-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-font-size-scale, .75)));font-weight:var(--forge-typography-label1-font-weight,400);line-height:var(--forge-typography-label1-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-line-height-scale, 1.25)));letter-spacing:var(--forge-typography-label1-letter-spacing, .0357142857em);text-transform:var(--forge-typography-label1-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-label1-text-decoration,inherit);text-decoration:var(--forge-typography-label1-text-decoration,inherit);-webkit-box-pack:justify;justify-content:space-between;display:grid;grid-template-areas:\"start end\";grid-template-columns:1fr auto;grid-area:support-text;-webkit-margin-before:var(--_field-support-text-margin-block);margin-block-start:var(--_field-support-text-margin-block);line-height:normal}.forge-field--has-support-text-start.forge-field--has-support-text-end .support-text{gap:var(--_field-support-text-gap)}.forge-field--has-support-text-start .support-text-start{display:inline-block;grid-area:start}.forge-field--has-support-text-end .support-text-end{display:inline-block;grid-area:end}:host(:not([popover-icon])) .forge-field:not(.forge-field--has-accessory) .end{-webkit-padding-end:var(--_field-container-padding-inline-end);padding-inline-end:var(--_field-container-padding-inline-end)}:host([variant=plain]) .forge-field--has-accessory .accessory::before{border-inline-start-style:none}:host([variant=tonal]) .forge-field--has-accessory .accessory{block-size:var(--_field-inner-border-block-size)}:host([variant=raised]) .forge-field--has-accessory .accessory{block-size:var(--_field-inner-border-block-size)}@layer label{:host([label-position=block-start]) .forge-field{grid-template-areas:\"label\" \"container\" \"support-text\";grid-template-columns:1fr;grid-template-rows:auto auto auto}:host([label-position=block-start]) .forge-field .label{-webkit-margin-after:var(--_field-label-margin-block);margin-block-end:var(--_field-label-margin-block);line-height:normal}:host([label-position=inline-start]) .forge-field{grid-template-areas:\"label container\" \". support-text\";grid-template-columns:auto 1fr;grid-template-rows:auto auto}:host([label-position=inline-start]) .forge-field .label{-webkit-margin-end:var(--_field-label-margin-inline);margin-inline-end:var(--_field-label-margin-inline);line-height:normal}:host([label-position=inline-end]) .forge-field{grid-template-areas:\"container label\" \"support-text .\";grid-template-columns:1fr auto;grid-template-rows:auto auto}:host([label-position=inline-end]) .forge-field .label{-webkit-margin-start:var(--_field-label-margin-inline);margin-inline-start:var(--_field-label-margin-inline);line-height:normal}:host(:where([label-position=inset],:not([label-position]))) .forge-field{grid-template-areas:\"container\" \"support-text\";grid-template-columns:1fr;grid-template-rows:auto auto}:host(:where([label-position=inset],:not([label-position]))) .forge-field .label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-body2-font-family, var(--forge-typography-font-family, \"Roboto\", sans-serif));font-size:var(--forge-typography-body2-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-font-size-scale, 1)));font-weight:var(--forge-typography-body2-font-weight,400);line-height:var(--forge-typography-body2-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-line-height-scale, 1.375)));letter-spacing:var(--forge-typography-body2-letter-spacing, .015625em);text-transform:var(--forge-typography-body2-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-body2-text-decoration,inherit);text-decoration:var(--forge-typography-body2-text-decoration,inherit);--_field-label-color:var(--_field-inset-label-color);pointer-events:none;overflow:hidden;grid-area:center;-webkit-padding-start:var(--_field-main-content-padding-start);padding-inline-start:var(--_field-main-content-padding-start);-webkit-padding-end:var(--_field-main-content-padding-end);padding-inline-end:var(--_field-main-content-padding-end);white-space:nowrap;--_field-floating-label-translation:var(--forge-field-floating-label-translation, 0 calc(calc(calc(max(var(--forge-typography-body2-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-line-height-scale, 1.375))), var(--forge-typography-label2-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-line-height-scale, 1.25)))) / 2) + calc((var(--_field-height) - 56px) / 8)) * -1))}:host([label-position=none]) .forge-field{grid-template-areas:\"container\" \"support-text\";grid-template-columns:1fr;grid-template-rows:auto auto}:host([label-position=none]) .forge-field .label{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;outline:0;-webkit-appearance:none;-moz-appearance:none}:host([label-position=inline-end][label-alignment=start]) .label,:host([label-position=inline-start][label-alignment=start]) .label{align-self:start}:host([label-position=inline-end]:where([label-alignment=center],[label-alignment=default],:not([label-alignment]))) .label,:host([label-position=inline-start]:where([label-alignment=center],[label-alignment=default],:not([label-alignment]))) .label{align-self:center}:host([label-position=inline-end][label-alignment=end]) .label,:host([label-position=inline-start][label-alignment=end]) .label{align-self:end}:host([label-position=inline-end][label-alignment=baseline]) .label,:host([label-position=inline-start][label-alignment=baseline]) .label{align-self:center;-webkit-padding-before:calc(var(--forge-typography-body2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-body-line-height-scale,1.375))) - var(--forge-typography-label2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-label-line-height-scale,1.25))));padding-block-start:calc(var(--forge-typography-body2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-body-line-height-scale,1.375))) - var(--forge-typography-label2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-label-line-height-scale,1.25))))}:host([label-position=block-start]:where([label-alignment=start],[label-alignment=default],:not([label-alignment]))) .label{justify-self:start}:host([label-position=block-start][label-alignment=center]) .label{justify-self:center}:host([label-position=block-start][label-alignment=end]) .label{justify-self:end}:host([label-position=block-start][label-alignment=baseline]:not([variant=plain])) .label{justify-self:start;-webkit-padding-start:var(--_field-container-padding-inline-start);padding-inline-start:var(--_field-container-padding-inline-start)}:host([label-position=block-start][label-alignment=baseline][variant=plain]) .label{justify-self:start;-webkit-padding-start:0px;padding-inline-start:0px}:host(:where([label-position=inset],:not([label-position]))[float-label]:not(:is([dense],[density=extra-small]))) .forge-field--has-label .label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-label2-font-family, var(--forge-typography-font-family, \"Roboto\", sans-serif));font-size:var(--forge-typography-label2-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-font-size-scale, .8125)));font-weight:var(--forge-typography-label2-font-weight,400);line-height:var(--forge-typography-label2-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-line-height-scale, 1.25)));letter-spacing:var(--forge-typography-label2-letter-spacing, .0096153846em);text-transform:var(--forge-typography-label2-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-label2-text-decoration,inherit);text-decoration:var(--forge-typography-label2-text-decoration,inherit);translate:var(--_field-floating-label-translation)}:host(:where([label-position=inset],:not([label-position]))[float-label]:not(:is([dense],[density=extra-small]))) .forge-field--has-label .input{-webkit-box-sizing:border-box;box-sizing:border-box}:host(:where([label-position=inset],:not([label-position]))[float-label]:not(:is([dense],[density=extra-small]))) .forge-field--has-label.forge-field--floating-in .label{-webkit-animation-name:float-in-label-animation;animation-name:float-in-label-animation;-webkit-animation-duration:var(--_field-floating-animation-duration);animation-duration:var(--_field-floating-animation-duration);-webkit-animation-timing-function:var(--_field-floating-animation-timing);animation-timing-function:var(--_field-floating-animation-timing)}:host(:where([label-position=inset],:not([label-position]))[float-label]:not(:is([dense],[density=extra-small]))) .forge-field--has-label.forge-field--floating-in .input{-webkit-animation-name:float-in-input-animation;animation-name:float-in-input-animation;-webkit-animation-duration:var(--_field-floating-animation-duration);animation-duration:var(--_field-floating-animation-duration);-webkit-animation-timing-function:var(--_field-floating-animation-timing);animation-timing-function:var(--_field-floating-animation-timing)}:host(:where([label-position=inset],:not([label-position]))[float-label]:not(:is([dense],[density=extra-small]))) .forge-field--has-label:not(.forge-field--floating-in) .input ::slotted(:is(input,[data-forge-field-input],[data-forge-multi-input-separator])){-webkit-padding-before:calc(calc(calc(max(var(--forge-typography-body2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-body-line-height-scale,1.375))),var(--forge-typography-label2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-label-line-height-scale,1.25))))/ 2) + calc((var(--_field-height) - 56px)/ 8)) * 2)!important;padding-block-start:calc(calc(calc(max(var(--forge-typography-body2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-body-line-height-scale,1.375))),var(--forge-typography-label2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-label-line-height-scale,1.25))))/ 2) + calc((var(--_field-height) - 56px)/ 8)) * 2)!important}:host(:where([label-position=inset],:not([label-position])):not([float-label])) .forge-field--has-label.forge-field--floating-out .label{-webkit-animation-name:float-out-label-animation;animation-name:float-out-label-animation;-webkit-animation-duration:var(--_field-floating-animation-duration);animation-duration:var(--_field-floating-animation-duration);-webkit-animation-timing-function:var(--_field-floating-animation-timing);animation-timing-function:var(--_field-floating-animation-timing)}:host(:where([label-position=inset],:not([label-position])):not([float-label])) .forge-field--has-label.forge-field--floating-out .input{-webkit-animation-name:float-out-input-animation;animation-name:float-out-input-animation;-webkit-animation-duration:var(--_field-floating-animation-duration);animation-duration:var(--_field-floating-animation-duration);-webkit-animation-timing-function:var(--_field-floating-animation-timing);animation-timing-function:var(--_field-floating-animation-timing)}:host(:where([label-position=inset],:not([label-position]))[float-label][multiline]) .forge-field--has-label:not(.forge-field--floating-in) ::slotted(textarea){-webkit-padding-before:calc(calc(calc(max(var(--forge-typography-body2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-body-line-height-scale,1.375))),var(--forge-typography-label2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-label-line-height-scale,1.25))))/ 2) + calc((var(--_field-height) - 56px)/ 8)) + (var(--_field-height) - var(--forge-typography-body2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-body-line-height-scale,1.375))))/ 2)!important;padding-block-start:calc(calc(calc(max(var(--forge-typography-body2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-body-line-height-scale,1.375))),var(--forge-typography-label2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-label-line-height-scale,1.25))))/ 2) + calc((var(--_field-height) - 56px)/ 8)) + (var(--_field-height) - var(--forge-typography-body2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-body-line-height-scale,1.375))))/ 2)!important;-webkit-padding-after:8px!important;padding-block-end:8px!important}}:host([support-text-inset=both]) .support-text{-webkit-padding-start:var(--_field-container-padding-inline-start);padding-inline-start:var(--_field-container-padding-inline-start);-webkit-padding-end:var(--_field-container-padding-inline-start);padding-inline-end:var(--_field-container-padding-inline-start)}:host([support-text-inset=start]) .support-text{-webkit-padding-start:var(--_field-container-padding-inline-start);padding-inline-start:var(--_field-container-padding-inline-start)}:host([support-text-inset=end]) .support-text{-webkit-padding-end:var(--_field-container-padding-inline-start);padding-inline-end:var(--_field-container-padding-inline-start)}:host([required]) .label::before{color:var(--_field-required-color);content:var(--_field-required-content)}:host([optional]) .label::after{color:var(--_field-optional-color);content:var(--_field-optional-content)}:host(:where([density=extra-small],[dense])) .forge-field{--_field-height:var(--forge-field-height, var(--_field-height-extra-small));--_field-container-padding-inline-start:var(--forge-field-container-padding-inline-start, var(--_field-container-extra-small-padding-inline-start));--_field-container-padding-inline-end:var(--forge-field-container-padding-inline-end, var(--_field-container-extra-small-padding-inline-end))}:host(:where([label-position=inset],:not([label-position])):where([density=extra-small],[dense])) .forge-field{--_field-height:var(--forge-field-height, var(--_field-height-extra-small));--_field-container-padding-inline-start:var(--forge-field-container-padding-inline-start, var(--_field-container-extra-small-padding-inline-start));--_field-container-padding-inline-end:var(--forge-field-container-padding-inline-end, var(--_field-container-extra-small-padding-inline-end))}:host(:where([label-position=inset],:not([label-position])):where([density=extra-small],[dense])) .label{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;outline:0;-webkit-appearance:none;-moz-appearance:none}:host(:not([dense])[density=small]) .forge-field{--_field-height:var(--forge-field-height, var(--_field-height-small))}:host(:where([label-position=inset],:not([label-position])):not([dense])[density=small]) .forge-field{--_field-height:var(--forge-field-height, var(--_field-inset-height-small))}:host(:not([dense]):where([density=medium],:not([density]))) .forge-field{--_field-height:var(--forge-field-height, var(--_field-height-medium))}:host(:where([label-position=inset],:not([label-position])):not([dense]):where([density=medium],:not([density]))) .forge-field{--_field-height:var(--forge-field-height, var(--_field-inset-height-medium))}:host(:not([dense])[density=large]) .forge-field{--_field-height:var(--forge-field-height, var(--_field-height-large))}:host(:where([label-position=inset],:not([label-position])):not([dense])[density=large]) .forge-field{--_field-height:var(--forge-field-height, var(--_field-inset-height-large))}:host(:not([dense])[density=extra-large]) .forge-field{--_field-height:var(--forge-field-height, var(--_field-height-extra-large))}:host(:where([label-position=inset],:not([label-position])):not([dense])[density=extra-large]) .forge-field{--_field-height:var(--forge-field-height, var(--_field-inset-height-extra-large))}:host([shape=squared]) .forge-field{--_field-shape:var(--forge-field-shape, 0)}:host([shape=rounded]) .forge-field{--_field-shape:var(--forge-field-shape, var(--forge-shape-full, 9999px));--_field-container-padding-inline-start:var(--forge-field-container-padding-inline-start, var(--_field-rounded-container-padding-inline-start));--_field-container-padding-inline-end:var(--forge-field-container-padding-inline-end, var(--_field-rounded-container-padding-inline-end))}:host([multiline]) .container{display:block;block-size:-webkit-fit-content;block-size:-moz-fit-content;block-size:fit-content}:host([multiline]) .resize-container{display:grid;position:relative;-webkit-box-flex:1;flex-grow:1;grid-template-areas:\"start center end popover-icon accessory\";grid-template-columns:auto 1fr auto auto auto;-webkit-box-align:start;align-items:start;border-radius:inherit;min-inline-size:var(--_field-multiline-min-inline-size);max-inline-size:var(--_field-multiline-max-inline-size);min-block-size:var(--_field-multiline-min-block-size);max-block-size:var(--_field-multiline-max-block-size);overflow:hidden;resize:var(--_field-multiline-resize)}:host([multiline]) .resize-container .end,:host([multiline]) .resize-container .label,:host([multiline]) .resize-container .popover-icon,:host([multiline]) .resize-container .start{-webkit-box-align:center;align-items:center;block-size:var(--_field-height)}:host([multiline]:where([label-position=inset],:not([label-position]))[float-label]) .label{pointer-events:none;inline-size:-webkit-fit-content;inline-size:-moz-fit-content;inline-size:fit-content}:host([multiline]:where([label-position=inset],:not([label-position]))[float-label]) .label slot{display:block}:host([multiline]:where([label-position=inset],:not([label-position]))[float-label]) .label::after{-webkit-animation-name:resize-container-inset-label-background-animation;animation-name:resize-container-inset-label-background-animation;-webkit-animation-duration:var(--_field-floating-animation-duration);animation-duration:var(--_field-floating-animation-duration);-webkit-animation-timing-function:var(--_field-floating-animation-timing);animation-timing-function:var(--_field-floating-animation-timing);position:absolute;z-index:-1;inset-inline-start:var(--_field-border-width);-webkit-transition-duration:var(--_field-container-animation-duration);transition-duration:var(--_field-container-animation-duration);-webkit-transition-property:background;transition-property:background;-webkit-transition-timing-function:var(--_field-container-animation-timing);transition-timing-function:var(--_field-container-animation-timing);background:var(--_field-resize-container-inset-label-background);inline-size:100%;block-size:var(--forge-typography-body2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-body-line-height-scale,1.375)));-webkit-filter:blur(2px);filter:blur(2px);content:\"\"}@layer variant{:host([variant=plain]:where([theme=default],:not([theme]))) .forge-field{--_field-container-padding-inline:var(--_field-plain-container-padding-inline);--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-surface, #ffffff));color:var(--_field-text-color);fill:var(--_field-text-color)}:host(:where([label-position=inset],:not([label-position]))[variant=plain]:where([theme=default],:not([theme]))) .label{color:var(--_field-inset-label-color)}:host([variant=plain][theme=primary]) .forge-field{--_field-container-padding-inline:var(--_field-plain-container-padding-inline);--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-surface, #ffffff));color:var(--forge-theme-primary,#3f51b5);fill:var(--forge-theme-primary,#3f51b5)}:host([variant=plain][theme=primary]) .label{color:var(--forge-theme-primary,#3f51b5)}:host(:where([label-position=inset],:not([label-position]))[variant=plain][theme=primary]) .label{color:var(--forge-theme-primary,#3f51b5)}:host([variant=plain][theme=secondary]) .forge-field{--_field-container-padding-inline:var(--_field-plain-container-padding-inline);--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-surface, #ffffff));color:var(--forge-theme-secondary,#ffc107);fill:var(--forge-theme-secondary,#ffc107)}:host([variant=plain][theme=secondary]) .label{color:var(--forge-theme-secondary,#ffc107)}:host(:where([label-position=inset],:not([label-position]))[variant=plain][theme=secondary]) .label{color:var(--forge-theme-secondary,#ffc107)}:host([variant=plain][theme=tertiary]) .forge-field{--_field-container-padding-inline:var(--_field-plain-container-padding-inline);--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-surface, #ffffff));color:var(--forge-theme-tertiary,#3d5afe);fill:var(--forge-theme-tertiary,#3d5afe)}:host([variant=plain][theme=tertiary]) .label{color:var(--forge-theme-tertiary,#3d5afe)}:host(:where([label-position=inset],:not([label-position]))[variant=plain][theme=tertiary]) .label{color:var(--forge-theme-tertiary,#3d5afe)}:host([variant=plain][theme=success]) .forge-field{--_field-container-padding-inline:var(--_field-plain-container-padding-inline);--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-surface, #ffffff));color:var(--forge-theme-success,#2e7d32);fill:var(--forge-theme-success,#2e7d32)}:host([variant=plain][theme=success]) .label{color:var(--forge-theme-success,#2e7d32)}:host(:where([label-position=inset],:not([label-position]))[variant=plain][theme=success]) .label{color:var(--forge-theme-success,#2e7d32)}:host([variant=plain][theme=error]) .forge-field{--_field-container-padding-inline:var(--_field-plain-container-padding-inline);--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-surface, #ffffff));color:var(--forge-theme-error,#b00020);fill:var(--forge-theme-error,#b00020)}:host([variant=plain][theme=error]) .label{color:var(--forge-theme-error,#b00020)}:host(:where([label-position=inset],:not([label-position]))[variant=plain][theme=error]) .label{color:var(--forge-theme-error,#b00020)}:host([variant=plain][theme=warning]) .forge-field{--_field-container-padding-inline:var(--_field-plain-container-padding-inline);--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-surface, #ffffff));color:var(--forge-theme-warning,#d14900);fill:var(--forge-theme-warning,#d14900)}:host([variant=plain][theme=warning]) .label{color:var(--forge-theme-warning,#d14900)}:host(:where([label-position=inset],:not([label-position]))[variant=plain][theme=warning]) .label{color:var(--forge-theme-warning,#d14900)}:host([variant=plain][theme=info]) .forge-field{--_field-container-padding-inline:var(--_field-plain-container-padding-inline);--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-surface, #ffffff));color:var(--forge-theme-info,#1565c0);fill:var(--forge-theme-info,#1565c0)}:host([variant=plain][theme=info]) .label{color:var(--forge-theme-info,#1565c0)}:host(:where([label-position=inset],:not([label-position]))[variant=plain][theme=info]) .label{color:var(--forge-theme-info,#1565c0)}:host(:where([variant=outlined],:not([variant])):where([theme=default],:not([theme]))) .forge-field{--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-surface, #ffffff));--_field-inner-border-color:var(--forge-field-inner-border-color, var(--_field-border-color));color:var(--_field-text-color);fill:var(--_field-text-color)}:host(:where([variant=outlined],:not([variant])):where([theme=default],:not([theme]))) .container::before{outline-style:var(--_field-border-style);outline-width:var(--_field-border-width);outline-offset:calc(var(--_field-border-width) * -1);outline-color:var(--_field-border-color)}:host(:where([label-position=inset],:not([label-position])):where([variant=outlined],:not([variant])):where([theme=default],:not([theme]))) .label{color:var(--_field-inset-label-color)}:host(:where([variant=outlined],:not([variant]))[theme=primary]) .forge-field{--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-surface, #ffffff));--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-primary, #3f51b5));color:var(--forge-theme-primary,#3f51b5);fill:var(--forge-theme-primary,#3f51b5)}:host(:where([variant=outlined],:not([variant]))[theme=primary]) .container::before{outline-style:var(--_field-border-style);outline-width:var(--_field-border-width);outline-offset:calc(var(--_field-border-width) * -1);outline-color:var(--forge-theme-primary,#3f51b5)}:host(:where([label-position=inset],:not([label-position])):where([variant=outlined],:not([variant]))[theme=primary]) .label{color:var(--forge-theme-primary,#3f51b5)}:host(:where([variant=outlined],:not([variant]))[theme=secondary]) .forge-field{--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-surface, #ffffff));--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-secondary, #ffc107));color:var(--forge-theme-secondary,#ffc107);fill:var(--forge-theme-secondary,#ffc107)}:host(:where([variant=outlined],:not([variant]))[theme=secondary]) .container::before{outline-style:var(--_field-border-style);outline-width:var(--_field-border-width);outline-offset:calc(var(--_field-border-width) * -1);outline-color:var(--forge-theme-secondary,#ffc107)}:host(:where([label-position=inset],:not([label-position])):where([variant=outlined],:not([variant]))[theme=secondary]) .label{color:var(--forge-theme-secondary,#ffc107)}:host(:where([variant=outlined],:not([variant]))[theme=tertiary]) .forge-field{--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-surface, #ffffff));--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-tertiary, #3d5afe));color:var(--forge-theme-tertiary,#3d5afe);fill:var(--forge-theme-tertiary,#3d5afe)}:host(:where([variant=outlined],:not([variant]))[theme=tertiary]) .container::before{outline-style:var(--_field-border-style);outline-width:var(--_field-border-width);outline-offset:calc(var(--_field-border-width) * -1);outline-color:var(--forge-theme-tertiary,#3d5afe)}:host(:where([label-position=inset],:not([label-position])):where([variant=outlined],:not([variant]))[theme=tertiary]) .label{color:var(--forge-theme-tertiary,#3d5afe)}:host(:where([variant=outlined],:not([variant]))[theme=success]) .forge-field{--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-surface, #ffffff));--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-success, #2e7d32));color:var(--forge-theme-success,#2e7d32);fill:var(--forge-theme-success,#2e7d32)}:host(:where([variant=outlined],:not([variant]))[theme=success]) .container::before{outline-style:var(--_field-border-style);outline-width:var(--_field-border-width);outline-offset:calc(var(--_field-border-width) * -1);outline-color:var(--forge-theme-success,#2e7d32)}:host(:where([label-position=inset],:not([label-position])):where([variant=outlined],:not([variant]))[theme=success]) .label{color:var(--forge-theme-success,#2e7d32)}:host(:where([variant=outlined],:not([variant]))[theme=error]) .forge-field{--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-surface, #ffffff));--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-error, #b00020));color:var(--forge-theme-error,#b00020);fill:var(--forge-theme-error,#b00020)}:host(:where([variant=outlined],:not([variant]))[theme=error]) .container::before{outline-style:var(--_field-border-style);outline-width:var(--_field-border-width);outline-offset:calc(var(--_field-border-width) * -1);outline-color:var(--forge-theme-error,#b00020)}:host(:where([label-position=inset],:not([label-position])):where([variant=outlined],:not([variant]))[theme=error]) .label{color:var(--forge-theme-error,#b00020)}:host(:where([variant=outlined],:not([variant]))[theme=warning]) .forge-field{--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-surface, #ffffff));--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-warning, #d14900));color:var(--forge-theme-warning,#d14900);fill:var(--forge-theme-warning,#d14900)}:host(:where([variant=outlined],:not([variant]))[theme=warning]) .container::before{outline-style:var(--_field-border-style);outline-width:var(--_field-border-width);outline-offset:calc(var(--_field-border-width) * -1);outline-color:var(--forge-theme-warning,#d14900)}:host(:where([label-position=inset],:not([label-position])):where([variant=outlined],:not([variant]))[theme=warning]) .label{color:var(--forge-theme-warning,#d14900)}:host(:where([variant=outlined],:not([variant]))[theme=info]) .forge-field{--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-surface, #ffffff));--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-info, #1565c0));color:var(--forge-theme-info,#1565c0);fill:var(--forge-theme-info,#1565c0)}:host(:where([variant=outlined],:not([variant]))[theme=info]) .container::before{outline-style:var(--_field-border-style);outline-width:var(--_field-border-width);outline-offset:calc(var(--_field-border-width) * -1);outline-color:var(--forge-theme-info,#1565c0)}:host(:where([label-position=inset],:not([label-position])):where([variant=outlined],:not([variant]))[theme=info]) .label{color:var(--forge-theme-info,#1565c0)}:host([variant=tonal]:where([theme=default],:not([theme]))) .forge-field{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--_field-tonal-inner-border-color));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--_field-tonal-surface-color));color:var(--_field-tonal-on-surface-color);fill:var(--_field-tonal-on-surface-color)}:host([variant=tonal]:where([theme=default],:not([theme]))) .container::before{background:var(--_field-tonal-surface-color)}:host(:where([label-position=inset],:not([label-position]))[variant=tonal]:where([theme=default],:not([theme]))) .label{color:var(--_field-inset-label-color)}:host([variant=tonal][theme=primary]) .forge-field{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-primary-container-high, #b6bde3));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-primary-container-low, #e8eaf6));color:var(--forge-theme-on-primary-container-low,#222c62);fill:var(--forge-theme-on-primary-container-low,#222c62)}:host([variant=tonal][theme=primary]) .container::before{background:var(--forge-theme-primary-container-low,#e8eaf6)}:host(:where([label-position=inset],:not([label-position]))[variant=tonal][theme=primary]) .label{color:var(--forge-theme-on-primary-container-low,#222c62)}:host([variant=tonal][theme=secondary]) .forge-field{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-secondary-container-high, #ffe7a1));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-secondary-container-low, #fff8e1));color:var(--forge-theme-on-secondary-container-low,#8a6804);fill:var(--forge-theme-on-secondary-container-low,#8a6804)}:host([variant=tonal][theme=secondary]) .container::before{background:var(--forge-theme-secondary-container-low,#fff8e1)}:host(:where([label-position=inset],:not([label-position]))[variant=tonal][theme=secondary]) .label{color:var(--forge-theme-on-secondary-container-low,#8a6804)}:host([variant=tonal][theme=tertiary]) .forge-field{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-tertiary-container-high, #b5c0ff));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-tertiary-container-low, #e8ebff));color:var(--forge-theme-on-tertiary-container-low,#213189);fill:var(--forge-theme-on-tertiary-container-low,#213189)}:host([variant=tonal][theme=tertiary]) .container::before{background:var(--forge-theme-tertiary-container-low,#e8ebff)}:host(:where([label-position=inset],:not([label-position]))[variant=tonal][theme=tertiary]) .label{color:var(--forge-theme-on-tertiary-container-low,#213189)}:host([variant=tonal][theme=success]) .forge-field{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-success-container-high, #b0ceb1));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-success-container-low, #e6efe6));color:var(--forge-theme-on-success-container-low,#19441b);fill:var(--forge-theme-on-success-container-low,#19441b)}:host([variant=tonal][theme=success]) .container::before{background:var(--forge-theme-success-container-low,#e6efe6)}:host(:where([label-position=inset],:not([label-position]))[variant=tonal][theme=success]) .label{color:var(--forge-theme-on-success-container-low,#19441b)}:host([variant=tonal][theme=error]) .forge-field{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-error-container-high, #e19eaa));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-error-container-low, #f6e0e4));color:var(--forge-theme-on-error-container-low,#5f0011);fill:var(--forge-theme-on-error-container-low,#5f0011)}:host([variant=tonal][theme=error]) .container::before{background:var(--forge-theme-error-container-low,#f6e0e4)}:host(:where([label-position=inset],:not([label-position]))[variant=tonal][theme=error]) .label{color:var(--forge-theme-on-error-container-low,#5f0011)}:host([variant=tonal][theme=warning]) .forge-field{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-warning-container-high, #eeba9e));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-warning-container-low, #f9e9e0));color:var(--forge-theme-on-warning-container-low,#712700);fill:var(--forge-theme-on-warning-container-low,#712700)}:host([variant=tonal][theme=warning]) .container::before{background:var(--forge-theme-warning-container-low,#f9e9e0)}:host(:where([label-position=inset],:not([label-position]))[variant=tonal][theme=warning]) .label{color:var(--forge-theme-on-warning-container-low,#712700)}:host([variant=tonal][theme=info]) .forge-field{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-info-container-high, #a6c4e7));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-info-container-low, #e3edf7));color:var(--forge-theme-on-info-container-low,#0b3768);fill:var(--forge-theme-on-info-container-low,#0b3768)}:host([variant=tonal][theme=info]) .container::before{background:var(--forge-theme-info-container-low,#e3edf7)}:host(:where([label-position=inset],:not([label-position]))[variant=tonal][theme=info]) .label{color:var(--forge-theme-on-info-container-low,#0b3768)}:host([variant=filled]:where([theme=default],:not([theme]))) .forge-field{--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--_field-filled-surface-color));color:var(--_field-text-color);fill:var(--_field-text-color);color:var(--_field-filled-on-surface-color);fill:var(--_field-filled-on-surface-color)}:host([variant=filled]:where([theme=default],:not([theme]))) .container::before{outline-style:var(--_field-border-style);outline-width:var(--_field-border-width);outline-color:var(--_field-border-color);background:var(--_field-filled-surface-color)}:host(:where([label-position=inset],:not([label-position]))[variant=filled]:where([theme=default],:not([theme]))) .label{color:var(--_field-inset-label-color)}:host([variant=filled][theme=primary]) .forge-field{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-primary, #3f51b5));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-primary-container-low, #e8eaf6));color:var(--forge-theme-on-primary-container-low,#222c62);fill:var(--forge-theme-on-primary-container-low,#222c62)}:host([variant=filled][theme=primary]) .container::before{outline-style:var(--_field-border-style);outline-width:var(--_field-border-width);outline-color:var(--forge-theme-primary,#3f51b5);background:var(--forge-theme-primary-container-low,#e8eaf6)}:host(:where([label-position=inset],:not([label-position]))[variant=filled][theme=primary]) .label{color:var(--forge-theme-on-primary-container-low,#222c62)}:host([variant=filled][theme=secondary]) .forge-field{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-secondary, #ffc107));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-secondary-container-low, #fff8e1));color:var(--forge-theme-on-secondary-container-low,#8a6804);fill:var(--forge-theme-on-secondary-container-low,#8a6804)}:host([variant=filled][theme=secondary]) .container::before{outline-style:var(--_field-border-style);outline-width:var(--_field-border-width);outline-color:var(--forge-theme-secondary,#ffc107);background:var(--forge-theme-secondary-container-low,#fff8e1)}:host(:where([label-position=inset],:not([label-position]))[variant=filled][theme=secondary]) .label{color:var(--forge-theme-on-secondary-container-low,#8a6804)}:host([variant=filled][theme=tertiary]) .forge-field{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-tertiary, #3d5afe));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-tertiary-container-low, #e8ebff));color:var(--forge-theme-on-tertiary-container-low,#213189);fill:var(--forge-theme-on-tertiary-container-low,#213189)}:host([variant=filled][theme=tertiary]) .container::before{outline-style:var(--_field-border-style);outline-width:var(--_field-border-width);outline-color:var(--forge-theme-tertiary,#3d5afe);background:var(--forge-theme-tertiary-container-low,#e8ebff)}:host(:where([label-position=inset],:not([label-position]))[variant=filled][theme=tertiary]) .label{color:var(--forge-theme-on-tertiary-container-low,#213189)}:host([variant=filled][theme=success]) .forge-field{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-success, #2e7d32));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-success-container-low, #e6efe6));color:var(--forge-theme-on-success-container-low,#19441b);fill:var(--forge-theme-on-success-container-low,#19441b)}:host([variant=filled][theme=success]) .container::before{outline-style:var(--_field-border-style);outline-width:var(--_field-border-width);outline-color:var(--forge-theme-success,#2e7d32);background:var(--forge-theme-success-container-low,#e6efe6)}:host(:where([label-position=inset],:not([label-position]))[variant=filled][theme=success]) .label{color:var(--forge-theme-on-success-container-low,#19441b)}:host([variant=filled][theme=error]) .forge-field{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-error, #b00020));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-error-container-low, #f6e0e4));color:var(--forge-theme-on-error-container-low,#5f0011);fill:var(--forge-theme-on-error-container-low,#5f0011)}:host([variant=filled][theme=error]) .container::before{outline-style:var(--_field-border-style);outline-width:var(--_field-border-width);outline-color:var(--forge-theme-error,#b00020);background:var(--forge-theme-error-container-low,#f6e0e4)}:host(:where([label-position=inset],:not([label-position]))[variant=filled][theme=error]) .label{color:var(--forge-theme-on-error-container-low,#5f0011)}:host([variant=filled][theme=warning]) .forge-field{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-warning, #d14900));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-warning-container-low, #f9e9e0));color:var(--forge-theme-on-warning-container-low,#712700);fill:var(--forge-theme-on-warning-container-low,#712700)}:host([variant=filled][theme=warning]) .container::before{outline-style:var(--_field-border-style);outline-width:var(--_field-border-width);outline-color:var(--forge-theme-warning,#d14900);background:var(--forge-theme-warning-container-low,#f9e9e0)}:host(:where([label-position=inset],:not([label-position]))[variant=filled][theme=warning]) .label{color:var(--forge-theme-on-warning-container-low,#712700)}:host([variant=filled][theme=info]) .forge-field{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-info, #1565c0));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-info-container-low, #e3edf7));color:var(--forge-theme-on-info-container-low,#0b3768);fill:var(--forge-theme-on-info-container-low,#0b3768)}:host([variant=filled][theme=info]) .container::before{outline-style:var(--_field-border-style);outline-width:var(--_field-border-width);outline-color:var(--forge-theme-info,#1565c0);background:var(--forge-theme-info-container-low,#e3edf7)}:host(:where([label-position=inset],:not([label-position]))[variant=filled][theme=info]) .label{color:var(--forge-theme-on-info-container-low,#0b3768)}:host([variant=raised]:where([theme=default],:not([theme]))) .forge-field{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--_field-tonal-inner-border-color));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--_field-raised-surface-color));color:var(--_field-raised-on-surface-color);fill:var(--_field-raised-on-surface-color)}:host([variant=raised]:where([theme=default],:not([theme]))) .container::before{-webkit-box-shadow:var(--_field-raised-elevation);box-shadow:var(--_field-raised-elevation);background:var(--_field-raised-surface-color)}:host(:where([label-position=inset],:not([label-position]))[variant=raised]:where([theme=default],:not([theme]))) .label{color:var(--_field-inset-label-color)}:host([variant=raised][theme=primary]) .forge-field{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-primary-container-high, #b6bde3));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-primary-container-low, #e8eaf6));color:var(--forge-theme-on-primary-container-low,#222c62);fill:var(--forge-theme-on-primary-container-low,#222c62)}:host([variant=raised][theme=primary]) .container::before{-webkit-box-shadow:var(--_field-raised-elevation);box-shadow:var(--_field-raised-elevation);background:var(--forge-theme-primary-container-low,#e8eaf6)}:host(:where([label-position=inset],:not([label-position]))[variant=raised][theme=primary]) .label{color:var(--forge-theme-on-primary-container-low,#222c62)}:host([variant=raised][theme=secondary]) .forge-field{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-secondary-container-high, #ffe7a1));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-secondary-container-low, #fff8e1));color:var(--forge-theme-on-secondary-container-low,#8a6804);fill:var(--forge-theme-on-secondary-container-low,#8a6804)}:host([variant=raised][theme=secondary]) .container::before{-webkit-box-shadow:var(--_field-raised-elevation);box-shadow:var(--_field-raised-elevation);background:var(--forge-theme-secondary-container-low,#fff8e1)}:host(:where([label-position=inset],:not([label-position]))[variant=raised][theme=secondary]) .label{color:var(--forge-theme-on-secondary-container-low,#8a6804)}:host([variant=raised][theme=tertiary]) .forge-field{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-tertiary-container-high, #b5c0ff));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-tertiary-container-low, #e8ebff));color:var(--forge-theme-on-tertiary-container-low,#213189);fill:var(--forge-theme-on-tertiary-container-low,#213189)}:host([variant=raised][theme=tertiary]) .container::before{-webkit-box-shadow:var(--_field-raised-elevation);box-shadow:var(--_field-raised-elevation);background:var(--forge-theme-tertiary-container-low,#e8ebff)}:host(:where([label-position=inset],:not([label-position]))[variant=raised][theme=tertiary]) .label{color:var(--forge-theme-on-tertiary-container-low,#213189)}:host([variant=raised][theme=success]) .forge-field{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-success-container-high, #b0ceb1));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-success-container-low, #e6efe6));color:var(--forge-theme-on-success-container-low,#19441b);fill:var(--forge-theme-on-success-container-low,#19441b)}:host([variant=raised][theme=success]) .container::before{-webkit-box-shadow:var(--_field-raised-elevation);box-shadow:var(--_field-raised-elevation);background:var(--forge-theme-success-container-low,#e6efe6)}:host(:where([label-position=inset],:not([label-position]))[variant=raised][theme=success]) .label{color:var(--forge-theme-on-success-container-low,#19441b)}:host([variant=raised][theme=error]) .forge-field{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-error-container-high, #e19eaa));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-error-container-low, #f6e0e4));color:var(--forge-theme-on-error-container-low,#5f0011);fill:var(--forge-theme-on-error-container-low,#5f0011)}:host([variant=raised][theme=error]) .container::before{-webkit-box-shadow:var(--_field-raised-elevation);box-shadow:var(--_field-raised-elevation);background:var(--forge-theme-error-container-low,#f6e0e4)}:host(:where([label-position=inset],:not([label-position]))[variant=raised][theme=error]) .label{color:var(--forge-theme-on-error-container-low,#5f0011)}:host([variant=raised][theme=warning]) .forge-field{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-warning-container-high, #eeba9e));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-warning-container-low, #f9e9e0));color:var(--forge-theme-on-warning-container-low,#712700);fill:var(--forge-theme-on-warning-container-low,#712700)}:host([variant=raised][theme=warning]) .container::before{-webkit-box-shadow:var(--_field-raised-elevation);box-shadow:var(--_field-raised-elevation);background:var(--forge-theme-warning-container-low,#f9e9e0)}:host(:where([label-position=inset],:not([label-position]))[variant=raised][theme=warning]) .label{color:var(--forge-theme-on-warning-container-low,#712700)}:host([variant=raised][theme=info]) .forge-field{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-info-container-high, #a6c4e7));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-info-container-low, #e3edf7));color:var(--forge-theme-on-info-container-low,#0b3768);fill:var(--forge-theme-on-info-container-low,#0b3768)}:host([variant=raised][theme=info]) .container::before{-webkit-box-shadow:var(--_field-raised-elevation);box-shadow:var(--_field-raised-elevation);background:var(--forge-theme-info-container-low,#e3edf7)}:host(:where([label-position=inset],:not([label-position]))[variant=raised][theme=info]) .label{color:var(--forge-theme-on-info-container-low,#0b3768)}}:host(:not([disabled]):hover:where([variant=outlined],:not([variant])):where([theme=default],:not([theme]))) .container{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--_field-hover-border-color))}:host(:not([disabled]):hover:where([variant=outlined],:not([variant])):where([theme=default],:not([theme]))) .container::before{outline-style:var(--_field-hover-border-style);outline-width:var(--_field-hover-border-width);outline-color:var(--_field-hover-border-color)}:host(:not([disabled]):hover:where([variant=outlined],:not([variant]))[theme=primary]) .container{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-primary-container-high, #b6bde3))}:host(:not([disabled]):hover:where([variant=outlined],:not([variant]))[theme=primary]) .container::before{outline-style:var(--_field-hover-border-style);outline-width:var(--_field-hover-border-width);outline-color:var(--forge-theme-primary-container-high,#b6bde3)}:host(:not([disabled]):hover:where([variant=outlined],:not([variant]))[theme=secondary]) .container{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-secondary-container-high, #ffe7a1))}:host(:not([disabled]):hover:where([variant=outlined],:not([variant]))[theme=secondary]) .container::before{outline-style:var(--_field-hover-border-style);outline-width:var(--_field-hover-border-width);outline-color:var(--forge-theme-secondary-container-high,#ffe7a1)}:host(:not([disabled]):hover:where([variant=outlined],:not([variant]))[theme=tertiary]) .container{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-tertiary-container-high, #b5c0ff))}:host(:not([disabled]):hover:where([variant=outlined],:not([variant]))[theme=tertiary]) .container::before{outline-style:var(--_field-hover-border-style);outline-width:var(--_field-hover-border-width);outline-color:var(--forge-theme-tertiary-container-high,#b5c0ff)}:host(:not([disabled]):hover:where([variant=outlined],:not([variant]))[theme=success]) .container{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-success-container-high, #b0ceb1))}:host(:not([disabled]):hover:where([variant=outlined],:not([variant]))[theme=success]) .container::before{outline-style:var(--_field-hover-border-style);outline-width:var(--_field-hover-border-width);outline-color:var(--forge-theme-success-container-high,#b0ceb1)}:host(:not([disabled]):hover:where([variant=outlined],:not([variant]))[theme=error]) .container{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-error-container-high, #e19eaa))}:host(:not([disabled]):hover:where([variant=outlined],:not([variant]))[theme=error]) .container::before{outline-style:var(--_field-hover-border-style);outline-width:var(--_field-hover-border-width);outline-color:var(--forge-theme-error-container-high,#e19eaa)}:host(:not([disabled]):hover:where([variant=outlined],:not([variant]))[theme=warning]) .container{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-warning-container-high, #eeba9e))}:host(:not([disabled]):hover:where([variant=outlined],:not([variant]))[theme=warning]) .container::before{outline-style:var(--_field-hover-border-style);outline-width:var(--_field-hover-border-width);outline-color:var(--forge-theme-warning-container-high,#eeba9e)}:host(:not([disabled]):hover:where([variant=outlined],:not([variant]))[theme=info]) .container{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-info-container-high, #a6c4e7))}:host(:not([disabled]):hover:where([variant=outlined],:not([variant]))[theme=info]) .container::before{outline-style:var(--_field-hover-border-style);outline-width:var(--_field-hover-border-width);outline-color:var(--forge-theme-info-container-high,#a6c4e7)}:host(:not([disabled]):hover[variant=tonal]:where([theme=default],:not([theme]))) .container{--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--_field-tonal-hover-color))}:host(:not([disabled]):hover[variant=tonal]:where([theme=default],:not([theme]))) .container::before{background:var(--_field-tonal-hover-color)}:host(:not([disabled]):hover[variant=tonal][theme=primary]) .container{--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-primary-container-minimum, #f7f8fc))}:host(:not([disabled]):hover[variant=tonal][theme=primary]) .container::before{background:var(--forge-theme-primary-container-minimum,#f7f8fc)}:host(:not([disabled]):hover[variant=tonal][theme=secondary]) .container{--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-secondary-container-minimum, #fffdf5))}:host(:not([disabled]):hover[variant=tonal][theme=secondary]) .container::before{background:var(--forge-theme-secondary-container-minimum,#fffdf5)}:host(:not([disabled]):hover[variant=tonal][theme=tertiary]) .container{--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-tertiary-container-minimum, #f7f8ff))}:host(:not([disabled]):hover[variant=tonal][theme=tertiary]) .container::before{background:var(--forge-theme-tertiary-container-minimum,#f7f8ff)}:host(:not([disabled]):hover[variant=tonal][theme=success]) .container{--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-success-container-minimum, #f7faf7))}:host(:not([disabled]):hover[variant=tonal][theme=success]) .container::before{background:var(--forge-theme-success-container-minimum,#f7faf7)}:host(:not([disabled]):hover[variant=tonal][theme=error]) .container{--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-error-container-minimum, #fcf5f6))}:host(:not([disabled]):hover[variant=tonal][theme=error]) .container::before{background:var(--forge-theme-error-container-minimum,#fcf5f6)}:host(:not([disabled]):hover[variant=tonal][theme=warning]) .container{--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-warning-container-minimum, #fdf8f5))}:host(:not([disabled]):hover[variant=tonal][theme=warning]) .container::before{background:var(--forge-theme-warning-container-minimum,#fdf8f5)}:host(:not([disabled]):hover[variant=tonal][theme=info]) .container{--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-info-container-minimum, #f6f9fc))}:host(:not([disabled]):hover[variant=tonal][theme=info]) .container::before{background:var(--forge-theme-info-container-minimum,#f6f9fc)}:host(:not([disabled]):hover[variant=filled]:where([theme=default],:not([theme]))) .container{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--_field-hover-border-color))}:host(:not([disabled]):hover[variant=filled]:where([theme=default],:not([theme]))) .container::before{outline-style:var(--_field-hover-border-style);outline-width:var(--_field-hover-border-width);outline-color:var(--_field-hover-border-color)}:host(:not([disabled]):hover[variant=filled][theme=primary]) .container{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-primary-container-high, #b6bde3))}:host(:not([disabled]):hover[variant=filled][theme=primary]) .container::before{outline-style:var(--_field-hover-border-style);outline-width:var(--_field-hover-border-width);outline-color:var(--forge-theme-primary-container-high,#b6bde3)}:host(:not([disabled]):hover[variant=filled][theme=secondary]) .container{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-secondary-container-high, #ffe7a1))}:host(:not([disabled]):hover[variant=filled][theme=secondary]) .container::before{outline-style:var(--_field-hover-border-style);outline-width:var(--_field-hover-border-width);outline-color:var(--forge-theme-secondary-container-high,#ffe7a1)}:host(:not([disabled]):hover[variant=filled][theme=tertiary]) .container{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-tertiary-container-high, #b5c0ff))}:host(:not([disabled]):hover[variant=filled][theme=tertiary]) .container::before{outline-style:var(--_field-hover-border-style);outline-width:var(--_field-hover-border-width);outline-color:var(--forge-theme-tertiary-container-high,#b5c0ff)}:host(:not([disabled]):hover[variant=filled][theme=success]) .container{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-success-container-high, #b0ceb1))}:host(:not([disabled]):hover[variant=filled][theme=success]) .container::before{outline-style:var(--_field-hover-border-style);outline-width:var(--_field-hover-border-width);outline-color:var(--forge-theme-success-container-high,#b0ceb1)}:host(:not([disabled]):hover[variant=filled][theme=error]) .container{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-error-container-high, #e19eaa))}:host(:not([disabled]):hover[variant=filled][theme=error]) .container::before{outline-style:var(--_field-hover-border-style);outline-width:var(--_field-hover-border-width);outline-color:var(--forge-theme-error-container-high,#e19eaa)}:host(:not([disabled]):hover[variant=filled][theme=warning]) .container{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-warning-container-high, #eeba9e))}:host(:not([disabled]):hover[variant=filled][theme=warning]) .container::before{outline-style:var(--_field-hover-border-style);outline-width:var(--_field-hover-border-width);outline-color:var(--forge-theme-warning-container-high,#eeba9e)}:host(:not([disabled]):hover[variant=filled][theme=info]) .container{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-info-container-high, #a6c4e7))}:host(:not([disabled]):hover[variant=filled][theme=info]) .container::before{outline-style:var(--_field-hover-border-style);outline-width:var(--_field-hover-border-width);outline-color:var(--forge-theme-info-container-high,#a6c4e7)}:host(:not([disabled]):hover[variant=raised]:where([theme=default],:not([theme]))) .container::before{-webkit-box-shadow:var(--_field-raised-active-elevation);box-shadow:var(--_field-raised-active-elevation)}:host(:not([disabled]):hover[variant=raised][theme=primary]) .container::before{-webkit-box-shadow:var(--_field-raised-active-elevation);box-shadow:var(--_field-raised-active-elevation)}:host(:not([disabled]):hover[variant=raised][theme=secondary]) .container::before{-webkit-box-shadow:var(--_field-raised-active-elevation);box-shadow:var(--_field-raised-active-elevation)}:host(:not([disabled]):hover[variant=raised][theme=tertiary]) .container::before{-webkit-box-shadow:var(--_field-raised-active-elevation);box-shadow:var(--_field-raised-active-elevation)}:host(:not([disabled]):hover[variant=raised][theme=success]) .container::before{-webkit-box-shadow:var(--_field-raised-active-elevation);box-shadow:var(--_field-raised-active-elevation)}:host(:not([disabled]):hover[variant=raised][theme=error]) .container::before{-webkit-box-shadow:var(--_field-raised-active-elevation);box-shadow:var(--_field-raised-active-elevation)}:host(:not([disabled]):hover[variant=raised][theme=warning]) .container::before{-webkit-box-shadow:var(--_field-raised-active-elevation);box-shadow:var(--_field-raised-active-elevation)}:host(:not([disabled]):hover[variant=raised][theme=info]) .container::before{-webkit-box-shadow:var(--_field-raised-active-elevation);box-shadow:var(--_field-raised-active-elevation)}:host(:not([disabled]):focus-within[variant=raised]) .container::before{-webkit-box-shadow:var(--_field-raised-active-elevation);box-shadow:var(--_field-raised-active-elevation)}:host([invalid]:not([disabled])) .label{color:var(--_field-invalid-label-color)}:host([invalid]:not([disabled])) .support-text{color:var(--_field-invalid-color)}:host([invalid][variant=plain]:not([disabled])) .container{--_field-input-color:var(--forge-field-input-color, var(--_field-invalid-color));color:var(--_field-invalid-color);fill:var(--_field-invalid-color)}:host([invalid]:where([label-position=inset],:not([label-position]))[variant=plain]:not([disabled])) .label{color:var(--_field-invalid-label-color)}:host([invalid]:where([variant=outlined],:not([variant])):not([disabled])) .container{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--_field-invalid-border-color));color:var(--_field-invalid-color);fill:var(--_field-invalid-color)}:host([invalid]:where([variant=outlined],:not([variant])):not([disabled])) .container::before{outline-style:var(--_field-invalid-border-style);outline-width:var(--_field-invalid-border-width);outline-color:var(--_field-invalid-border-color)}:host([invalid]:not([disabled]):hover:where([variant=outlined],:not([variant])):not([disabled])) .container{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--_field-invalid-border-color-hover))}:host([invalid]:not([disabled]):hover:where([variant=outlined],:not([variant])):not([disabled])) .container::before{outline-color:var(--_field-invalid-border-color-hover)}:host([invalid]:where([label-position=inset],:not([label-position])):where([variant=outlined],:not([variant])):not([disabled])) .label{color:var(--_field-invalid-label-color)}:host([invalid][variant=tonal]:not([disabled])) .container{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--_field-invalid-border-color));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--_field-invalid-surface-color));color:var(--_field-invalid-on-surface-color);fill:var(--_field-invalid-on-surface-color)}:host([invalid][variant=tonal]:not([disabled])) .container::before{background:var(--_field-invalid-surface-color)}:host([invalid]:not([disabled]):hover[variant=tonal]:not([disabled])) .container{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--_field-invalid-border-color-hover));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--_field-invalid-surface-color-hover))}:host([invalid]:not([disabled]):hover[variant=tonal]:not([disabled])) .container::before{background:var(--_field-invalid-surface-color-hover)}:host([invalid]:where([label-position=inset],:not([label-position]))[variant=tonal]:not([disabled])) .label{color:var(--_field-invalid-inset-label-on-surface-color)}:host([invalid][variant=filled]:not([disabled])) .container{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--_field-invalid-border-color));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--_field-invalid-surface-color));color:var(--_field-invalid-on-surface-color);fill:var(--_field-invalid-on-surface-color)}:host([invalid][variant=filled]:not([disabled])) .container::before{outline-style:var(--_field-invalid-border-style);outline-width:var(--_field-invalid-border-width);outline-color:var(--_field-invalid-border-color);background:var(--_field-invalid-surface-color)}:host([invalid]:not([disabled]):hover[variant=filled]:not([disabled])) .container{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--_field-invalid-border-color-hover))}:host([invalid]:not([disabled]):hover[variant=filled]:not([disabled])) .container::before{outline-color:var(--_field-invalid-border-color-hover)}:host([invalid]:where([label-position=inset],:not([label-position]))[variant=filled]:not([disabled])) .label{color:var(--_field-invalid-inset-label-on-surface-color)}:host([invalid][variant=raised]:not([disabled])) .container{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--_field-invalid-border-color));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--_field-invalid-surface-color));color:var(--_field-invalid-on-surface-color);fill:var(--_field-invalid-on-surface-color)}:host([invalid][variant=raised]:not([disabled])) .container::before{background:var(--_field-invalid-surface-color)}:host([invalid]:where([label-position=inset],:not([label-position]))[variant=raised]:not([disabled])) .label{color:var(--_field-invalid-inset-label-on-surface-color)}:host([disabled]) .forge-field{cursor:not-allowed}:host([disabled]) .forge-field .accessory::before,:host([disabled]) .forge-field .container::before,:host([disabled]) .forge-field .end,:host([disabled]) .forge-field .input,:host([disabled]) .forge-field .label,:host([disabled]) .forge-field .popover-icon,:host([disabled]) .forge-field .start,:host([disabled]) .forge-field .support-text{opacity:var(--_field-disabled-opacity)}:host([disabled]) .forge-field .input ::slotted(*){cursor:not-allowed}:host([disabled]:not([variant=plain])) .container::before{background:var(--_field-disabled-surface-color)}.forge-field .input ::slotted(input:-webkit-autofill){border-radius:var(--_field-shape);height:calc(100% - (var(--_field-border-width) * 2));width:calc(100% - (var(--_field-border-width) * 2));-webkit-margin-before:var(--_field-border-width);margin-block-start:var(--_field-border-width);-webkit-margin-start:var(--_field-border-width);margin-inline-start:var(--_field-border-width)}.forge-field .input ::slotted(*){-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;outline:0;border:none;background-color:transparent;padding-block:0;padding-inline:0;inline-size:100%;block-size:100%;color:inherit;font:inherit;text-overflow:ellipsis}.forge-field .input ::slotted(textarea){resize:none}.forge-field .input ::slotted(:first-of-type:is(input,textarea,[data-forge-field-input])),.forge-field .input ::slotted([data-forge-field-input]){-webkit-padding-start:var(--_field-main-content-padding-start);padding-inline-start:var(--_field-main-content-padding-start)}.forge-field .input ::slotted(:last-of-type:is(input,textarea,[data-forge-field-input])),.forge-field .input ::slotted([data-forge-field-input]){-webkit-padding-end:var(--_field-main-content-padding-end);padding-inline-end:var(--_field-main-content-padding-end)}.forge-field .input ::slotted([data-forge-multi-input-separator]){align-self:center;padding-inline:4px;block-size:-webkit-fit-content;block-size:-moz-fit-content;block-size:fit-content;inline-size:-webkit-fit-content;inline-size:-moz-fit-content;inline-size:fit-content}.forge-field .label ::slotted(forge-label){font:inherit}.forge-field--has-start{--_field-main-content-padding-start:var(--forge-field-main-content-padding-start, var(--_field-start-padding-inline-end))}.forge-field--has-end{--_field-main-content-padding-end:var(--forge-field-main-content-padding-end, var(--_field-end-padding-inline-start))}:host(:where([label-position=inset],:not([label-position]))) .label ::slotted(*){max-inline-size:100%;overflow:hidden;text-overflow:ellipsis}:host([popover-icon]) .forge-field:not(.forge-field--has-end){--_field-main-content-padding-end:var(--forge-field-main-content-padding-end, var(--_field-popover-icon-padding-inline-start))}:host(:not(popover-icon)) .forge-field--has-accessory:not(:is(.forge-field--has-end)){--_field-main-content-padding-end:var(--forge-field-main-content-padding-end, var(--_field-accessory-padding-inline-start))}:host([multiline]) .input ::slotted(input){-webkit-padding-before:calc((var(--_field-height) - var(--forge-typography-body2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-body-line-height-scale,1.375))))/ 2);padding-block-start:calc((var(--_field-height) - var(--forge-typography-body2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-body-line-height-scale,1.375))))/ 2);-webkit-padding-after:calc(calc(calc(max(var(--forge-typography-body2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-body-line-height-scale,1.375))),var(--forge-typography-label2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-label-line-height-scale,1.25))))/ 2) + calc((var(--_field-height) - 56px)/ 8)) + 8px);padding-block-end:calc(calc(calc(max(var(--forge-typography-body2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-body-line-height-scale,1.375))),var(--forge-typography-label2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-label-line-height-scale,1.25))))/ 2) + calc((var(--_field-height) - 56px)/ 8)) + 8px)}:host([multiline]) .input ::slotted(textarea){-webkit-padding-before:calc((var(--_field-height) - var(--forge-typography-body2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-body-line-height-scale,1.375))))/ 2);padding-block-start:calc((var(--_field-height) - var(--forge-typography-body2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-body-line-height-scale,1.375))))/ 2);-webkit-padding-after:calc(calc(calc(max(var(--forge-typography-body2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-body-line-height-scale,1.375))),var(--forge-typography-label2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-label-line-height-scale,1.25))))/ 2) + calc((var(--_field-height) - 56px)/ 8)) + 8px);padding-block-end:calc(calc(calc(max(var(--forge-typography-body2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-body-line-height-scale,1.375))),var(--forge-typography-label2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-label-line-height-scale,1.25))))/ 2) + calc((var(--_field-height) - 56px)/ 8)) + 8px)}:host([multiline]) .accessory slot{-webkit-box-align:center;align-items:center;block-size:var(--_field-height);display:-webkit-box;display:flex;align-self:start}forge-focus-indicator{--forge-focus-indicator-width:var(--_field-focus-indicator-width);--forge-focus-indicator-outward-offset:0px;--forge-focus-indicator-shape:var(--_field-shape)}:host([theme=secondary]) forge-focus-indicator{--forge-focus-indicator-color:var(--forge-theme-secondary, #ffc107)}:host([theme=tertiary]) forge-focus-indicator{--forge-focus-indicator-color:var(--forge-theme-tertiary, #3d5afe)}:host([theme=success]) forge-focus-indicator{--forge-focus-indicator-color:var(--forge-theme-success, #2e7d32)}:host([theme=error]) forge-focus-indicator{--forge-focus-indicator-color:var(--forge-theme-error, #b00020)}:host([theme=warning]) forge-focus-indicator{--forge-focus-indicator-color:var(--forge-theme-warning, #d14900)}:host([theme=info]) forge-focus-indicator{--forge-focus-indicator-color:var(--forge-theme-info, #1565c0)}:host([invalid]:not([disabled])) forge-focus-indicator{--forge-focus-indicator-color:var(--_field-invalid-color)}@media (prefers-reduced-motion:reduce){.forge-field{--_field-floating-animation-duration:var(--forge-field-floating-animation-duration, \"0s\")}}';
|
|
14
|
+
const styles = '@-webkit-keyframes float-in-label-animation{from{translate:0;opacity:40%}to{translate:var(--_field-floating-label-translation);opacity:100%}}@keyframes float-in-label-animation{from{translate:0;opacity:40%}to{translate:var(--_field-floating-label-translation);opacity:100%}}@-webkit-keyframes float-out-label-animation{from{translate:var(--_field-floating-label-translation);opacity:40%}to{translate:0;opacity:100%}}@keyframes float-out-label-animation{from{translate:var(--_field-floating-label-translation);opacity:40%}to{translate:0;opacity:100%}}@-webkit-keyframes float-in-input-animation{from{translate:0}to{translate:0 calc(calc(max(var(--forge-typography-body2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-body-line-height-scale,1.375))),var(--forge-typography-label2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-label-line-height-scale,1.25))))/ 2) + calc((var(--_field-height) - 56px)/ 8))}}@keyframes float-in-input-animation{from{translate:0}to{translate:0 calc(calc(max(var(--forge-typography-body2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-body-line-height-scale,1.375))),var(--forge-typography-label2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-label-line-height-scale,1.25))))/ 2) + calc((var(--_field-height) - 56px)/ 8))}}@-webkit-keyframes float-out-input-animation{from{translate:0 calc(calc(max(var(--forge-typography-body2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-body-line-height-scale,1.375))),var(--forge-typography-label2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-label-line-height-scale,1.25))))/ 2) + calc((var(--_field-height) - 56px)/ 8))}to{translate:0}}@keyframes float-out-input-animation{from{translate:0 calc(calc(max(var(--forge-typography-body2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-body-line-height-scale,1.375))),var(--forge-typography-label2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-label-line-height-scale,1.25))))/ 2) + calc((var(--_field-height) - 56px)/ 8))}to{translate:0}}@-webkit-keyframes resize-container-inset-label-background-animation{from{opacity:0%}to{opacity:100%}}@keyframes resize-container-inset-label-background-animation{from{opacity:0%}to{opacity:100%}}:host([hidden]){display:none}@layer base{.forge-field{--_field-text-color:var(--forge-field-text-color, var(--forge-theme-text-high, rgba(0, 0, 0, 0.87)));--_field-label-margin-inline:var(--forge-field-label-margin-inline, 8px);--_field-label-margin-block:var(--forge-field-label-margin-block, 4px);--_field-label-gap:var(--forge-field-label-gap, 0.25em);--_field-container-padding-inline:var(--forge-field-container-padding-inline, 12px);--_field-container-padding-inline-start:var(--forge-field-container-padding-inline-start, var(--_field-container-padding-inline));--_field-container-padding-inline-end:var(--forge-field-container-padding-inline-end, var(--_field-container-padding-inline));--_field-container-extra-small-padding-inline-start:var(--forge-field-container-extra-small-padding-inline-start, 8px);--_field-container-extra-small-padding-inline-end:var(--forge-field-container-extra-small-padding-inline-end, 4px);--_field-container-gap:var(--forge-field-container-gap, 8px);--_field-start-padding-inline-end:var(--forge-field-start-padding-inline-end, var(--_field-container-gap));--_field-end-padding-inline-start:var(--forge-field-end-padding-inline-start, var(--_field-container-gap));--_field-end-padding-inline-end:var(--forge-field-end-padding-inline-end, var(--_field-container-gap));--_field-popover-icon-padding-inline-start:var(--forge-field-popover-icon-padding-inline-start, var(--_field-container-gap));--_field-popover-icon-padding-inline-end:var(--forge-field-popover-icon-padding-inline-end, var(--_field-container-gap));--_field-accessory-padding-inline:var(--forge-field-accessory-padding-inline, var(--_field-container-gap));--_field-accessory-padding-inline-start:var(--forge-field-accessory-padding-inline-start, var(--_field-accessory-padding-inline));--_field-accessory-padding-inline-end:var(--forge-field-accessory-padding-inline-end, var(--_field-accessory-padding-inline));--_field-support-text-margin-block:var(--forge-field-support-text-margin-block, 4px);--_field-support-text-gap:var(--forge-field-support-text-gap, 8px);--_field-support-text-padding-inline:var(--forge-field-support-text-padding-inline, var(--_field-container-padding-inline));--_field-support-text-padding-inline-start:var(--forge-field-support-text-padding-inline-start, var(--_field-support-text-padding-inline));--_field-support-text-padding-inline-end:var(--forge-field-support-text-padding-inline-end, var(--_field-support-text-padding-inline));--_field-rounded-container-padding-inline:var(--forge-field-rounded-container-padding-inline, calc(var(--_field-height) / 2));--_field-rounded-container-padding-inline-start:var(--forge-field-rounded-container-padding-inline-start, var(--_field-rounded-container-padding-inline));--_field-rounded-container-padding-inline-end:var(--forge-field-rounded-container-padding-inline-end, var(--_field-rounded-container-padding-inline));--_field-height:var(--forge-field-height);--_field-height-extra-small:var(--forge-field-height-extra-small, 24px);--_field-height-small:var(--forge-field-height-small, 32px);--_field-height-medium:var(--forge-field-height-medium, 40px);--_field-height-large:var(--forge-field-height-large, 48px);--_field-height-extra-large:var(--forge-field-height-extra-large, 56px);--_field-inset-height-extra-small:var(--forge-field-inset-height-extra-small, var(--_field-inset-height-small));--_field-inset-height-small:var(--forge-field-inset-height-small, 40px);--_field-inset-height-medium:var(--forge-field-inset-height-medium, 48px);--_field-inset-height-large:var(--forge-field-inset-height-large, 56px);--_field-inset-height-extra-large:var(--forge-field-inset-height-extra-large, 64px);--_field-shape:var(--forge-field-shape, var(--forge-shape-medium, 4px));--_field-border-style:var(--forge-field-border-style, solid);--_field-border-width:var(--forge-field-border-width, var(--forge-border-thin, 1px));--_field-border-color:var(--forge-field-border-color, var(--forge-theme-outline-medium, #757575));--_field-tonal-inner-border-color:var(--forge-field-tonal-inner-border-color, var(--forge-theme-outline-low, #9e9e9e));--_field-inner-border-block-size:var(--forge-field-inner-border-block-size, calc(100% - 8px));--_field-label-color:var(--forge-field-label-color, var(--forge-theme-text-high, rgba(0, 0, 0, 0.87)));--_field-inset-label-color:var(--forge-field-inset-label-color, var(--forge-theme-text-medium, rgba(0, 0, 0, 0.6)));--_field-hover-border-style:var(--forge-field-hover-border-style, var(--_field-border-style));--_field-hover-border-width:var(--forge-field-hover-border-width, var(--_field-border-width));--_field-hover-border-color:var(--forge-field-hover-border-color, var(--forge-theme-outline-high, #212121));--_field-invalid-color:var(--forge-field-invalid-color, var(--forge-theme-error, #b00020));--_field-invalid-border-style:var(--forge-field-invalid-border-style, var(--_field-border-style));--_field-invalid-border-color:var(--forge-field-invalid-border-color, var(--_field-invalid-color));--_field-invalid-border-width:var(--forge-field-invalid-border-width, var(--_field-border-width));--_field-invalid-border-color-hover:var(--forge-field-invalid-border-color-hover, var(--forge-theme-error-container-high, #e19eaa));--_field-invalid-surface-color:var(--forge-field-invalid-surface-color, var(--forge-theme-error-container-low, #f6e0e4));--_field-invalid-surface-color-hover:var(--forge-field-invalid-surface-color-hover, var(--forge-theme-error-container-minimum, #fcf5f6));--_field-invalid-label-color:var(--forge-field-invalid-label-color, var(--_field-invalid-color));--_field-invalid-on-surface-color:var(--forge-field-invalid-on-surface-color, var(--forge-theme-on-error-container-low, #5f0011));--_field-invalid-inset-label-on-surface-color:var(--forge-field-invalid-inset-label-on-surface-color, var(--_field-invalid-on-surface-color));--_field-plain-container-padding-inline:var(--forge-field-plain-container-padding-inline, 0);--_field-tonal-surface-color:var(--forge-field-tonal-surface-color, var(--forge-theme-surface-container-low, #ebebeb));--_field-tonal-on-surface-color:var(--forge-field-tonal-on-surface-color, var(--forge-theme-on-surface-container-low, #000000));--_field-tonal-hover-color:var(--forge-field-tonal-hover-color, var(--forge-theme-surface-container-minimum, #f5f5f5));--_field-filled-surface-color:var(--forge-field-filled-surface-color, var(--forge-theme-surface-bright, #ffffff));--_field-filled-on-surface-color:var(--forge-field-filled-on-surface-color, var(--forge-theme-on-surface, #000000));--_field-raised-elevation:var(--forge-field-raised-elevation, 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12));--_field-raised-active-elevation:var(--forge-field-raised-active-elevation, 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12));--_field-raised-surface-color:var(--forge-field-raised-surface-color, var(--_field-filled-surface-color));--_field-raised-on-surface-color:var(--forge-field-raised-on-surface-color, var(--_field-filled-on-surface-color));--_field-required-content:var(--forge-field-required-content, \"*\");--_field-required-color:var(--forge-field-required-color, var(--forge-theme-error, #b00020));--_field-optional-content:var(--forge-field-optional-content, \"(optional)\");--_field-optional-color:var(--forge-field-optional-color, inherit);--_field-popover-icon-transition-duration:var(--forge-field-popover-icon-transition-duration, var(--forge-animation-duration-short3, 150ms));--_field-popover-icon-transition-timing:var(--forge-field-popover-icon-transition-timing, var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1)));--_field-popover-icon-open-rotation:var(--forge-field-popover-icon-open-rotation, 180deg);--_field-multiline-resize:var(--forge-field-multiline-resize, vertical);--_field-multiline-min-inline-size:var(--forge-field-multiline-min-inline-size, initial);--_field-multiline-max-inline-size:var(--forge-field-multiline-max-inline-size, initial);--_field-multiline-min-block-size:var(--forge-field-multiline-min-block-size, var(--_field-height));--_field-multiline-max-block-size:var(--forge-field-multiline-max-block-size, initial);--_field-disabled-opacity:var(--forge-field-disabled-opacity, 0.38);--_field-disabled-surface-color:var(--forge-field-disabled-surface-color, var(--forge-theme-surface-container-low, #ebebeb));--_field-disabled-border-color:var(--forge-field-disabled-border-color, var(--forge-theme-outline-medium, #757575));--_field-disabled-text-color:var(--forge-field-disabled-text-color, var(--forge-theme-text-medium, rgba(0, 0, 0, 0.6)));--_field-disabled-inset-label-color:var(--forge-field-disabled-inset-label-color, var(--forge-theme-text-low, rgba(0, 0, 0, 0.38)));--_field-container-animation-duration:var(--forge-field-container-animation-duration, var(--forge-animation-duration-short4, 200ms));--_field-container-animation-timing:var(--forge-field-container-animation-timing, var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1)));--_field-floating-animation-duration:var(--forge-field-floating-animation-duration, var(--forge-animation-duration-short4, 200ms));--_field-floating-animation-timing:var(--forge-field-floating-animation-timing, var(--forge-animation-easing-decelerate, cubic-bezier(0, 0, 0, 1)));--_field-focus-indicator-width:var(--forge-field-focus-indicator-width, var(--forge-focus-indicator-width, var(--forge-border-medium, 2px)))}.forge-field{--_field-input-color:var(--forge-field-input-color, var(--_field-text-color));--_field-main-content-padding-start:var(--forge-field-main-content-padding-start, var(--_field-container-padding-inline-start));--_field-main-content-padding-end:var(--forge-field-main-content-padding-end, var(--_field-container-padding-inline-end));display:grid;position:relative}.forge-field .outline{position:relative}.forge-field .container{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-body2-font-family, var(--forge-typography-font-family, \"Roboto\", sans-serif));font-size:var(--forge-typography-body2-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-font-size-scale, 1)));font-weight:var(--forge-typography-body2-font-weight,400);line-height:var(--forge-typography-body2-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-line-height-scale, 1.375)));letter-spacing:var(--forge-typography-body2-letter-spacing, .015625em);text-transform:var(--forge-typography-body2-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-body2-text-decoration,inherit);text-decoration:var(--forge-typography-body2-text-decoration,inherit);-webkit-box-sizing:border-box;box-sizing:border-box;grid-area:container;-webkit-box-align:center;align-items:center;border-radius:var(--_field-shape);inline-size:100%;block-size:var(--_field-height);display:grid;position:relative;-webkit-box-flex:1;flex-grow:1;grid-template-areas:\"start center end popover-icon accessory\";grid-template-columns:auto 1fr auto auto auto}.forge-field .container::before{position:absolute;-webkit-transition-duration:var(--_field-container-animation-duration);transition-duration:var(--_field-container-animation-duration);-webkit-transition-property:background,outline-color;transition-property:background,outline-color;-webkit-transition-timing-function:var(--_field-container-animation-timing);transition-timing-function:var(--_field-container-animation-timing);border-radius:inherit;pointer-events:none;inline-size:100%;block-size:100%;content:\"\"}.forge-field .input{display:-webkit-box;display:flex;grid-area:center;block-size:100%;inline-size:100%;color:var(--_field-input-color)}.forge-field .label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-label2-font-family, var(--forge-typography-font-family, \"Roboto\", sans-serif));font-size:var(--forge-typography-label2-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-font-size-scale, .8125)));font-weight:var(--forge-typography-label2-font-weight,400);line-height:var(--forge-typography-label2-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-line-height-scale, 1.25)));letter-spacing:var(--forge-typography-label2-letter-spacing, .0096153846em);text-transform:var(--forge-typography-label2-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-label2-text-decoration,inherit);text-decoration:var(--forge-typography-label2-text-decoration,inherit);display:-webkit-inline-box;display:inline-flex;position:relative;gap:var(--_field-label-gap);grid-area:label;block-size:-webkit-fit-content;block-size:-moz-fit-content;block-size:fit-content;color:var(--_field-label-color)}.forge-field .popover-target{position:absolute;inset:calc(var(--_field-focus-indicator-width) * -1);pointer-events:none}.forge-field .popover-icon{display:none}.forge-field .popover-icon__arrow{fill:inherit}.forge-field .accessory,.forge-field .end,.forge-field .start,.forge-field .support-text,.forge-field .support-text-end,.forge-field .support-text-start{display:none}}:host([popover-icon]) .popover-icon{isolation:isolate;-webkit-box-align:center;align-items:center;display:-webkit-box;display:flex;grid-area:popover-icon;block-size:100%;-webkit-padding-end:var(--_field-popover-icon-padding-inline-end);padding-inline-end:var(--_field-popover-icon-padding-inline-end)}:host([popover-icon]) .popover-icon>*{-webkit-transition:rotate var(--_field-popover-icon-transition-duration) var(--_field-popover-icon-transition-timing);transition:rotate var(--_field-popover-icon-transition-duration) var(--_field-popover-icon-transition-timing)}:host([popover-icon][popover-expanded]) .popover-icon>*{rotate:var(--_field-popover-icon-open-rotation)}.forge-field--has-start .start{display:-webkit-box;display:flex;grid-area:start;-webkit-box-align:center;align-items:center;-webkit-padding-start:var(--_field-container-padding-inline-start);padding-inline-start:var(--_field-container-padding-inline-start)}.forge-field--has-end .end{display:-webkit-box;display:flex;grid-area:end;-webkit-box-align:center;align-items:center;-webkit-padding-end:var(--_field-end-padding-inline-end);padding-inline-end:var(--_field-end-padding-inline-end)}.forge-field--has-accessory .accessory{position:relative;-webkit-box-align:center;align-items:center;display:-webkit-box;display:flex;grid-area:accessory;block-size:100%;-webkit-padding-end:var(--_field-accessory-padding-inline-end);padding-inline-end:var(--_field-accessory-padding-inline-end)}.forge-field--has-accessory .accessory::before{-webkit-transition-duration:var(--_field-container-animation-duration);transition-duration:var(--_field-container-animation-duration);-webkit-transition-property:border-color;transition-property:border-color;-webkit-transition-timing-function:var(--_field-container-animation-timing);transition-timing-function:var(--_field-container-animation-timing);border-inline-start-style:var(--_field-border-style);border-inline-start-width:var(--_field-border-width);border-inline-start-color:var(--_field-inner-border-color);-webkit-padding-end:var(--_field-accessory-padding-inline-start);padding-inline-end:var(--_field-accessory-padding-inline-start);block-size:100%;content:\"\"}.forge-field:not(.forge-field--has-accessory) .popover-icon{-webkit-padding-end:var(--_field-container-padding-inline-end);padding-inline-end:var(--_field-container-padding-inline-end)}.forge-field--has-support-text-end .support-text,.forge-field--has-support-text-start .support-text{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-label1-font-family, var(--forge-typography-font-family, \"Roboto\", sans-serif));font-size:var(--forge-typography-label1-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-font-size-scale, .75)));font-weight:var(--forge-typography-label1-font-weight,400);line-height:var(--forge-typography-label1-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-line-height-scale, 1.25)));letter-spacing:var(--forge-typography-label1-letter-spacing, .0357142857em);text-transform:var(--forge-typography-label1-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-label1-text-decoration,inherit);text-decoration:var(--forge-typography-label1-text-decoration,inherit);-webkit-box-pack:justify;justify-content:space-between;display:grid;grid-template-areas:\"start end\";grid-template-columns:1fr auto;grid-area:support-text;-webkit-margin-before:var(--_field-support-text-margin-block);margin-block-start:var(--_field-support-text-margin-block);line-height:normal}.forge-field--has-support-text-start.forge-field--has-support-text-end .support-text{gap:var(--_field-support-text-gap)}.forge-field--has-support-text-start .support-text-start{display:inline-block;grid-area:start}.forge-field--has-support-text-end .support-text-end{display:inline-block;grid-area:end}:host(:not([popover-icon])) .forge-field:not(.forge-field--has-accessory) .end{-webkit-padding-end:var(--_field-container-padding-inline-end);padding-inline-end:var(--_field-container-padding-inline-end)}:host([variant=plain]) .forge-field--has-accessory .accessory::before{border-inline-start-style:none}:host([variant=tonal]) .forge-field--has-accessory .accessory{block-size:var(--_field-inner-border-block-size)}:host([variant=raised]) .forge-field--has-accessory .accessory{block-size:var(--_field-inner-border-block-size)}@layer label{:host([label-position=block-start]) .forge-field{grid-template-areas:\"label\" \"container\" \"support-text\";grid-template-columns:1fr;grid-template-rows:auto auto auto}:host([label-position=block-start]) .forge-field .label{-webkit-margin-after:var(--_field-label-margin-block);margin-block-end:var(--_field-label-margin-block);line-height:normal}:host([label-position=inline-start]) .forge-field{grid-template-areas:\"label container\" \". support-text\";grid-template-columns:auto 1fr;grid-template-rows:auto auto}:host([label-position=inline-start]) .forge-field .label{-webkit-margin-end:var(--_field-label-margin-inline);margin-inline-end:var(--_field-label-margin-inline);line-height:normal}:host([label-position=inline-end]) .forge-field{grid-template-areas:\"container label\" \"support-text .\";grid-template-columns:1fr auto;grid-template-rows:auto auto}:host([label-position=inline-end]) .forge-field .label{-webkit-margin-start:var(--_field-label-margin-inline);margin-inline-start:var(--_field-label-margin-inline);line-height:normal}:host(:where([label-position=inset],:not([label-position]))) .forge-field{grid-template-areas:\"container\" \"support-text\";grid-template-columns:1fr;grid-template-rows:auto auto}:host(:where([label-position=inset],:not([label-position]))) .forge-field .label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-body2-font-family, var(--forge-typography-font-family, \"Roboto\", sans-serif));font-size:var(--forge-typography-body2-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-font-size-scale, 1)));font-weight:var(--forge-typography-body2-font-weight,400);line-height:var(--forge-typography-body2-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-line-height-scale, 1.375)));letter-spacing:var(--forge-typography-body2-letter-spacing, .015625em);text-transform:var(--forge-typography-body2-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-body2-text-decoration,inherit);text-decoration:var(--forge-typography-body2-text-decoration,inherit);--_field-label-color:var(--_field-inset-label-color);pointer-events:none;overflow:hidden;grid-area:center;-webkit-padding-start:var(--_field-main-content-padding-start);padding-inline-start:var(--_field-main-content-padding-start);-webkit-padding-end:var(--_field-main-content-padding-end);padding-inline-end:var(--_field-main-content-padding-end);white-space:nowrap;--_field-floating-label-translation:var(--forge-field-floating-label-translation, 0 calc(calc(calc(max(var(--forge-typography-body2-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-line-height-scale, 1.375))), var(--forge-typography-label2-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-line-height-scale, 1.25)))) / 2) + calc((var(--_field-height) - 56px) / 8)) * -1))}:host([label-position=none]) .forge-field{grid-template-areas:\"container\" \"support-text\";grid-template-columns:1fr;grid-template-rows:auto auto}:host([label-position=none]) .forge-field .label{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;outline:0;-webkit-appearance:none;-moz-appearance:none}:host([label-position=inline-end][label-alignment=start]) .label,:host([label-position=inline-start][label-alignment=start]) .label{align-self:start}:host([label-position=inline-end]:where([label-alignment=center],[label-alignment=default],:not([label-alignment]))) .label,:host([label-position=inline-start]:where([label-alignment=center],[label-alignment=default],:not([label-alignment]))) .label{align-self:center}:host([label-position=inline-end][label-alignment=end]) .label,:host([label-position=inline-start][label-alignment=end]) .label{align-self:end}:host([label-position=inline-end][label-alignment=baseline]) .label,:host([label-position=inline-start][label-alignment=baseline]) .label{align-self:center;-webkit-padding-before:calc(var(--forge-typography-body2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-body-line-height-scale,1.375))) - var(--forge-typography-label2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-label-line-height-scale,1.25))));padding-block-start:calc(var(--forge-typography-body2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-body-line-height-scale,1.375))) - var(--forge-typography-label2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-label-line-height-scale,1.25))))}:host([label-position=block-start]:where([label-alignment=start],[label-alignment=default],:not([label-alignment]))) .label{justify-self:start}:host([label-position=block-start][label-alignment=center]) .label{justify-self:center}:host([label-position=block-start][label-alignment=end]) .label{justify-self:end}:host([label-position=block-start][label-alignment=baseline]:not([variant=plain])) .label{justify-self:start;-webkit-padding-start:var(--_field-container-padding-inline-start);padding-inline-start:var(--_field-container-padding-inline-start)}:host([label-position=block-start][label-alignment=baseline][variant=plain]) .label{justify-self:start;-webkit-padding-start:0px;padding-inline-start:0px}:host(:where([label-position=inset],:not([label-position]))[float-label]:not(:is([dense],[density=extra-small]))) .forge-field--has-label .label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-label2-font-family, var(--forge-typography-font-family, \"Roboto\", sans-serif));font-size:var(--forge-typography-label2-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-font-size-scale, .8125)));font-weight:var(--forge-typography-label2-font-weight,400);line-height:var(--forge-typography-label2-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-line-height-scale, 1.25)));letter-spacing:var(--forge-typography-label2-letter-spacing, .0096153846em);text-transform:var(--forge-typography-label2-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-label2-text-decoration,inherit);text-decoration:var(--forge-typography-label2-text-decoration,inherit);translate:var(--_field-floating-label-translation)}:host(:where([label-position=inset],:not([label-position]))[float-label]:not(:is([dense],[density=extra-small]))) .forge-field--has-label .input{-webkit-box-sizing:border-box;box-sizing:border-box}:host(:where([label-position=inset],:not([label-position]))[float-label]:not(:is([dense],[density=extra-small]))) .forge-field--has-label.forge-field--floating-in .label{-webkit-animation-name:float-in-label-animation;animation-name:float-in-label-animation;-webkit-animation-duration:var(--_field-floating-animation-duration);animation-duration:var(--_field-floating-animation-duration);-webkit-animation-timing-function:var(--_field-floating-animation-timing);animation-timing-function:var(--_field-floating-animation-timing)}:host(:where([label-position=inset],:not([label-position]))[float-label]:not(:is([dense],[density=extra-small]))) .forge-field--has-label.forge-field--floating-in .input{-webkit-animation-name:float-in-input-animation;animation-name:float-in-input-animation;-webkit-animation-duration:var(--_field-floating-animation-duration);animation-duration:var(--_field-floating-animation-duration);-webkit-animation-timing-function:var(--_field-floating-animation-timing);animation-timing-function:var(--_field-floating-animation-timing)}:host(:where([label-position=inset],:not([label-position]))[float-label]:not(:is([dense],[density=extra-small]))) .forge-field--has-label:not(.forge-field--floating-in) .input ::slotted(:is(input,[data-forge-field-input],[data-forge-multi-input-separator])){-webkit-padding-before:calc(calc(calc(max(var(--forge-typography-body2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-body-line-height-scale,1.375))),var(--forge-typography-label2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-label-line-height-scale,1.25))))/ 2) + calc((var(--_field-height) - 56px)/ 8)) * 2)!important;padding-block-start:calc(calc(calc(max(var(--forge-typography-body2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-body-line-height-scale,1.375))),var(--forge-typography-label2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-label-line-height-scale,1.25))))/ 2) + calc((var(--_field-height) - 56px)/ 8)) * 2)!important}:host(:where([label-position=inset],:not([label-position])):not([float-label])) .forge-field--has-label.forge-field--floating-out .label{-webkit-animation-name:float-out-label-animation;animation-name:float-out-label-animation;-webkit-animation-duration:var(--_field-floating-animation-duration);animation-duration:var(--_field-floating-animation-duration);-webkit-animation-timing-function:var(--_field-floating-animation-timing);animation-timing-function:var(--_field-floating-animation-timing)}:host(:where([label-position=inset],:not([label-position])):not([float-label])) .forge-field--has-label.forge-field--floating-out .input{-webkit-animation-name:float-out-input-animation;animation-name:float-out-input-animation;-webkit-animation-duration:var(--_field-floating-animation-duration);animation-duration:var(--_field-floating-animation-duration);-webkit-animation-timing-function:var(--_field-floating-animation-timing);animation-timing-function:var(--_field-floating-animation-timing)}:host(:where([label-position=inset],:not([label-position]))[float-label][multiline]) .forge-field--has-label:not(.forge-field--floating-in) ::slotted(textarea){-webkit-padding-before:calc(calc(calc(max(var(--forge-typography-body2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-body-line-height-scale,1.375))),var(--forge-typography-label2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-label-line-height-scale,1.25))))/ 2) + calc((var(--_field-height) - 56px)/ 8)) + (var(--_field-height) - var(--forge-typography-body2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-body-line-height-scale,1.375))))/ 2)!important;padding-block-start:calc(calc(calc(max(var(--forge-typography-body2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-body-line-height-scale,1.375))),var(--forge-typography-label2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-label-line-height-scale,1.25))))/ 2) + calc((var(--_field-height) - 56px)/ 8)) + (var(--_field-height) - var(--forge-typography-body2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-body-line-height-scale,1.375))))/ 2)!important;-webkit-padding-after:8px!important;padding-block-end:8px!important}}:host([support-text-inset=both]) .support-text{-webkit-padding-start:var(--_field-container-padding-inline-start);padding-inline-start:var(--_field-container-padding-inline-start);-webkit-padding-end:var(--_field-container-padding-inline-start);padding-inline-end:var(--_field-container-padding-inline-start)}:host([support-text-inset=start]) .support-text{-webkit-padding-start:var(--_field-container-padding-inline-start);padding-inline-start:var(--_field-container-padding-inline-start)}:host([support-text-inset=end]) .support-text{-webkit-padding-end:var(--_field-container-padding-inline-start);padding-inline-end:var(--_field-container-padding-inline-start)}:host([required]) .label::before{color:var(--_field-required-color);content:var(--_field-required-content)}:host([optional]) .label::after{color:var(--_field-optional-color);content:var(--_field-optional-content)}:host(:where([density=extra-small],[dense])) .forge-field{--_field-height:var(--forge-field-height, var(--_field-height-extra-small));--_field-container-padding-inline-start:var(--forge-field-container-padding-inline-start, var(--_field-container-extra-small-padding-inline-start));--_field-container-padding-inline-end:var(--forge-field-container-padding-inline-end, var(--_field-container-extra-small-padding-inline-end))}:host(:where([label-position=inset],:not([label-position])):where([density=extra-small],[dense])) .forge-field{--_field-height:var(--forge-field-height, var(--_field-height-extra-small));--_field-container-padding-inline-start:var(--forge-field-container-padding-inline-start, var(--_field-container-extra-small-padding-inline-start));--_field-container-padding-inline-end:var(--forge-field-container-padding-inline-end, var(--_field-container-extra-small-padding-inline-end))}:host(:where([label-position=inset],:not([label-position])):where([density=extra-small],[dense])) .label{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;outline:0;-webkit-appearance:none;-moz-appearance:none}:host(:not([dense])[density=small]) .forge-field{--_field-height:var(--forge-field-height, var(--_field-height-small))}:host(:where([label-position=inset],:not([label-position])):not([dense])[density=small]) .forge-field{--_field-height:var(--forge-field-height, var(--_field-inset-height-small))}:host(:not([dense]):where([density=medium],:not([density]))) .forge-field{--_field-height:var(--forge-field-height, var(--_field-height-medium))}:host(:where([label-position=inset],:not([label-position])):not([dense]):where([density=medium],:not([density]))) .forge-field{--_field-height:var(--forge-field-height, var(--_field-inset-height-medium))}:host(:not([dense])[density=large]) .forge-field{--_field-height:var(--forge-field-height, var(--_field-height-large))}:host(:where([label-position=inset],:not([label-position])):not([dense])[density=large]) .forge-field{--_field-height:var(--forge-field-height, var(--_field-inset-height-large))}:host(:not([dense])[density=extra-large]) .forge-field{--_field-height:var(--forge-field-height, var(--_field-height-extra-large))}:host(:where([label-position=inset],:not([label-position])):not([dense])[density=extra-large]) .forge-field{--_field-height:var(--forge-field-height, var(--_field-inset-height-extra-large))}:host([shape=squared]) .forge-field{--_field-shape:var(--forge-field-shape, 0)}:host([shape=rounded]) .forge-field{--_field-shape:var(--forge-field-shape, var(--forge-shape-full, 9999px));--_field-container-padding-inline-start:var(--forge-field-container-padding-inline-start, var(--_field-rounded-container-padding-inline-start));--_field-container-padding-inline-end:var(--forge-field-container-padding-inline-end, var(--_field-rounded-container-padding-inline-end))}:host([multiline]) .container{display:block;block-size:-webkit-fit-content;block-size:-moz-fit-content;block-size:fit-content}:host([multiline]) .resize-container{display:grid;position:relative;-webkit-box-flex:1;flex-grow:1;grid-template-areas:\"start center end popover-icon accessory\";grid-template-columns:auto 1fr auto auto auto;-webkit-box-align:start;align-items:start;border-radius:inherit;min-inline-size:var(--_field-multiline-min-inline-size);max-inline-size:var(--_field-multiline-max-inline-size);min-block-size:var(--_field-multiline-min-block-size);max-block-size:var(--_field-multiline-max-block-size);overflow:hidden;resize:var(--_field-multiline-resize)}:host([multiline]) .resize-container .end,:host([multiline]) .resize-container .label,:host([multiline]) .resize-container .popover-icon,:host([multiline]) .resize-container .start{-webkit-box-align:center;align-items:center;block-size:var(--_field-height)}:host([multiline]:where([label-position=inset],:not([label-position]))[float-label]) .label{pointer-events:none;inline-size:-webkit-fit-content;inline-size:-moz-fit-content;inline-size:fit-content}:host([multiline]:where([label-position=inset],:not([label-position]))[float-label]) .label slot{display:block}:host([multiline]:where([label-position=inset],:not([label-position]))[float-label]) .label::after{-webkit-animation-name:resize-container-inset-label-background-animation;animation-name:resize-container-inset-label-background-animation;-webkit-animation-duration:var(--_field-floating-animation-duration);animation-duration:var(--_field-floating-animation-duration);-webkit-animation-timing-function:var(--_field-floating-animation-timing);animation-timing-function:var(--_field-floating-animation-timing);position:absolute;z-index:-1;inset-inline-start:var(--_field-border-width);-webkit-transition-duration:var(--_field-container-animation-duration);transition-duration:var(--_field-container-animation-duration);-webkit-transition-property:background;transition-property:background;-webkit-transition-timing-function:var(--_field-container-animation-timing);transition-timing-function:var(--_field-container-animation-timing);background:var(--_field-resize-container-inset-label-background);inline-size:100%;block-size:var(--forge-typography-body2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-body-line-height-scale,1.375)));-webkit-filter:blur(2px);filter:blur(2px);content:\"\"}@layer variant{:host([variant=plain]:where([theme=default],:not([theme]))) .forge-field{--_field-container-padding-inline:var(--_field-plain-container-padding-inline);--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-surface, #ffffff));color:var(--_field-text-color);fill:var(--_field-text-color)}:host(:where([label-position=inset],:not([label-position]))[variant=plain]:where([theme=default],:not([theme]))) .label{color:var(--_field-inset-label-color)}:host([variant=plain][theme=primary]) .forge-field{--_field-container-padding-inline:var(--_field-plain-container-padding-inline);--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-surface, #ffffff));color:var(--forge-theme-primary,#3f51b5);fill:var(--forge-theme-primary,#3f51b5)}:host([variant=plain][theme=primary]) .label{color:var(--forge-theme-primary,#3f51b5)}:host(:where([label-position=inset],:not([label-position]))[variant=plain][theme=primary]) .label{color:var(--forge-theme-primary,#3f51b5)}:host([variant=plain][theme=secondary]) .forge-field{--_field-container-padding-inline:var(--_field-plain-container-padding-inline);--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-surface, #ffffff));color:var(--forge-theme-secondary,#ffc107);fill:var(--forge-theme-secondary,#ffc107)}:host([variant=plain][theme=secondary]) .label{color:var(--forge-theme-secondary,#ffc107)}:host(:where([label-position=inset],:not([label-position]))[variant=plain][theme=secondary]) .label{color:var(--forge-theme-secondary,#ffc107)}:host([variant=plain][theme=tertiary]) .forge-field{--_field-container-padding-inline:var(--_field-plain-container-padding-inline);--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-surface, #ffffff));color:var(--forge-theme-tertiary,#3d5afe);fill:var(--forge-theme-tertiary,#3d5afe)}:host([variant=plain][theme=tertiary]) .label{color:var(--forge-theme-tertiary,#3d5afe)}:host(:where([label-position=inset],:not([label-position]))[variant=plain][theme=tertiary]) .label{color:var(--forge-theme-tertiary,#3d5afe)}:host([variant=plain][theme=success]) .forge-field{--_field-container-padding-inline:var(--_field-plain-container-padding-inline);--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-surface, #ffffff));color:var(--forge-theme-success,#2e7d32);fill:var(--forge-theme-success,#2e7d32)}:host([variant=plain][theme=success]) .label{color:var(--forge-theme-success,#2e7d32)}:host(:where([label-position=inset],:not([label-position]))[variant=plain][theme=success]) .label{color:var(--forge-theme-success,#2e7d32)}:host([variant=plain][theme=error]) .forge-field{--_field-container-padding-inline:var(--_field-plain-container-padding-inline);--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-surface, #ffffff));color:var(--forge-theme-error,#b00020);fill:var(--forge-theme-error,#b00020)}:host([variant=plain][theme=error]) .label{color:var(--forge-theme-error,#b00020)}:host(:where([label-position=inset],:not([label-position]))[variant=plain][theme=error]) .label{color:var(--forge-theme-error,#b00020)}:host([variant=plain][theme=warning]) .forge-field{--_field-container-padding-inline:var(--_field-plain-container-padding-inline);--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-surface, #ffffff));color:var(--forge-theme-warning,#d14900);fill:var(--forge-theme-warning,#d14900)}:host([variant=plain][theme=warning]) .label{color:var(--forge-theme-warning,#d14900)}:host(:where([label-position=inset],:not([label-position]))[variant=plain][theme=warning]) .label{color:var(--forge-theme-warning,#d14900)}:host([variant=plain][theme=info]) .forge-field{--_field-container-padding-inline:var(--_field-plain-container-padding-inline);--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-surface, #ffffff));color:var(--forge-theme-info,#1565c0);fill:var(--forge-theme-info,#1565c0)}:host([variant=plain][theme=info]) .label{color:var(--forge-theme-info,#1565c0)}:host(:where([label-position=inset],:not([label-position]))[variant=plain][theme=info]) .label{color:var(--forge-theme-info,#1565c0)}:host(:where([variant=outlined],:not([variant])):where([theme=default],:not([theme]))) .forge-field{--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-surface, #ffffff));--_field-inner-border-color:var(--forge-field-inner-border-color, var(--_field-border-color));color:var(--_field-text-color);fill:var(--_field-text-color)}:host(:where([variant=outlined],:not([variant])):where([theme=default],:not([theme]))) .container::before{outline-style:var(--_field-border-style);outline-width:var(--_field-border-width);outline-color:var(--_field-border-color)}:host(:where([label-position=inset],:not([label-position])):where([variant=outlined],:not([variant])):where([theme=default],:not([theme]))) .label{color:var(--_field-inset-label-color)}:host(:where([variant=outlined],:not([variant]))[theme=primary]) .forge-field{--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-surface, #ffffff));--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-primary, #3f51b5));color:var(--forge-theme-primary,#3f51b5);fill:var(--forge-theme-primary,#3f51b5)}:host(:where([variant=outlined],:not([variant]))[theme=primary]) .container::before{outline-style:var(--_field-border-style);outline-width:var(--_field-border-width);outline-color:var(--forge-theme-primary,#3f51b5)}:host(:where([label-position=inset],:not([label-position])):where([variant=outlined],:not([variant]))[theme=primary]) .label{color:var(--forge-theme-primary,#3f51b5)}:host(:where([variant=outlined],:not([variant]))[theme=secondary]) .forge-field{--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-surface, #ffffff));--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-secondary, #ffc107));color:var(--forge-theme-secondary,#ffc107);fill:var(--forge-theme-secondary,#ffc107)}:host(:where([variant=outlined],:not([variant]))[theme=secondary]) .container::before{outline-style:var(--_field-border-style);outline-width:var(--_field-border-width);outline-color:var(--forge-theme-secondary,#ffc107)}:host(:where([label-position=inset],:not([label-position])):where([variant=outlined],:not([variant]))[theme=secondary]) .label{color:var(--forge-theme-secondary,#ffc107)}:host(:where([variant=outlined],:not([variant]))[theme=tertiary]) .forge-field{--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-surface, #ffffff));--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-tertiary, #3d5afe));color:var(--forge-theme-tertiary,#3d5afe);fill:var(--forge-theme-tertiary,#3d5afe)}:host(:where([variant=outlined],:not([variant]))[theme=tertiary]) .container::before{outline-style:var(--_field-border-style);outline-width:var(--_field-border-width);outline-color:var(--forge-theme-tertiary,#3d5afe)}:host(:where([label-position=inset],:not([label-position])):where([variant=outlined],:not([variant]))[theme=tertiary]) .label{color:var(--forge-theme-tertiary,#3d5afe)}:host(:where([variant=outlined],:not([variant]))[theme=success]) .forge-field{--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-surface, #ffffff));--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-success, #2e7d32));color:var(--forge-theme-success,#2e7d32);fill:var(--forge-theme-success,#2e7d32)}:host(:where([variant=outlined],:not([variant]))[theme=success]) .container::before{outline-style:var(--_field-border-style);outline-width:var(--_field-border-width);outline-color:var(--forge-theme-success,#2e7d32)}:host(:where([label-position=inset],:not([label-position])):where([variant=outlined],:not([variant]))[theme=success]) .label{color:var(--forge-theme-success,#2e7d32)}:host(:where([variant=outlined],:not([variant]))[theme=error]) .forge-field{--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-surface, #ffffff));--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-error, #b00020));color:var(--forge-theme-error,#b00020);fill:var(--forge-theme-error,#b00020)}:host(:where([variant=outlined],:not([variant]))[theme=error]) .container::before{outline-style:var(--_field-border-style);outline-width:var(--_field-border-width);outline-color:var(--forge-theme-error,#b00020)}:host(:where([label-position=inset],:not([label-position])):where([variant=outlined],:not([variant]))[theme=error]) .label{color:var(--forge-theme-error,#b00020)}:host(:where([variant=outlined],:not([variant]))[theme=warning]) .forge-field{--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-surface, #ffffff));--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-warning, #d14900));color:var(--forge-theme-warning,#d14900);fill:var(--forge-theme-warning,#d14900)}:host(:where([variant=outlined],:not([variant]))[theme=warning]) .container::before{outline-style:var(--_field-border-style);outline-width:var(--_field-border-width);outline-color:var(--forge-theme-warning,#d14900)}:host(:where([label-position=inset],:not([label-position])):where([variant=outlined],:not([variant]))[theme=warning]) .label{color:var(--forge-theme-warning,#d14900)}:host(:where([variant=outlined],:not([variant]))[theme=info]) .forge-field{--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-surface, #ffffff));--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-info, #1565c0));color:var(--forge-theme-info,#1565c0);fill:var(--forge-theme-info,#1565c0)}:host(:where([variant=outlined],:not([variant]))[theme=info]) .container::before{outline-style:var(--_field-border-style);outline-width:var(--_field-border-width);outline-color:var(--forge-theme-info,#1565c0)}:host(:where([label-position=inset],:not([label-position])):where([variant=outlined],:not([variant]))[theme=info]) .label{color:var(--forge-theme-info,#1565c0)}:host([variant=tonal]:where([theme=default],:not([theme]))) .forge-field{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--_field-tonal-inner-border-color));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--_field-tonal-surface-color));color:var(--_field-tonal-on-surface-color);fill:var(--_field-tonal-on-surface-color)}:host([variant=tonal]:where([theme=default],:not([theme]))) .container::before{background:var(--_field-tonal-surface-color)}:host(:where([label-position=inset],:not([label-position]))[variant=tonal]:where([theme=default],:not([theme]))) .label{color:var(--_field-inset-label-color)}:host([variant=tonal][theme=primary]) .forge-field{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-primary-container-high, #b6bde3));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-primary-container-low, #e8eaf6));color:var(--forge-theme-on-primary-container-low,#222c62);fill:var(--forge-theme-on-primary-container-low,#222c62)}:host([variant=tonal][theme=primary]) .container::before{background:var(--forge-theme-primary-container-low,#e8eaf6)}:host(:where([label-position=inset],:not([label-position]))[variant=tonal][theme=primary]) .label{color:var(--forge-theme-on-primary-container-low,#222c62)}:host([variant=tonal][theme=secondary]) .forge-field{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-secondary-container-high, #ffe7a1));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-secondary-container-low, #fff8e1));color:var(--forge-theme-on-secondary-container-low,#8a6804);fill:var(--forge-theme-on-secondary-container-low,#8a6804)}:host([variant=tonal][theme=secondary]) .container::before{background:var(--forge-theme-secondary-container-low,#fff8e1)}:host(:where([label-position=inset],:not([label-position]))[variant=tonal][theme=secondary]) .label{color:var(--forge-theme-on-secondary-container-low,#8a6804)}:host([variant=tonal][theme=tertiary]) .forge-field{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-tertiary-container-high, #b5c0ff));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-tertiary-container-low, #e8ebff));color:var(--forge-theme-on-tertiary-container-low,#213189);fill:var(--forge-theme-on-tertiary-container-low,#213189)}:host([variant=tonal][theme=tertiary]) .container::before{background:var(--forge-theme-tertiary-container-low,#e8ebff)}:host(:where([label-position=inset],:not([label-position]))[variant=tonal][theme=tertiary]) .label{color:var(--forge-theme-on-tertiary-container-low,#213189)}:host([variant=tonal][theme=success]) .forge-field{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-success-container-high, #b0ceb1));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-success-container-low, #e6efe6));color:var(--forge-theme-on-success-container-low,#19441b);fill:var(--forge-theme-on-success-container-low,#19441b)}:host([variant=tonal][theme=success]) .container::before{background:var(--forge-theme-success-container-low,#e6efe6)}:host(:where([label-position=inset],:not([label-position]))[variant=tonal][theme=success]) .label{color:var(--forge-theme-on-success-container-low,#19441b)}:host([variant=tonal][theme=error]) .forge-field{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-error-container-high, #e19eaa));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-error-container-low, #f6e0e4));color:var(--forge-theme-on-error-container-low,#5f0011);fill:var(--forge-theme-on-error-container-low,#5f0011)}:host([variant=tonal][theme=error]) .container::before{background:var(--forge-theme-error-container-low,#f6e0e4)}:host(:where([label-position=inset],:not([label-position]))[variant=tonal][theme=error]) .label{color:var(--forge-theme-on-error-container-low,#5f0011)}:host([variant=tonal][theme=warning]) .forge-field{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-warning-container-high, #eeba9e));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-warning-container-low, #f9e9e0));color:var(--forge-theme-on-warning-container-low,#712700);fill:var(--forge-theme-on-warning-container-low,#712700)}:host([variant=tonal][theme=warning]) .container::before{background:var(--forge-theme-warning-container-low,#f9e9e0)}:host(:where([label-position=inset],:not([label-position]))[variant=tonal][theme=warning]) .label{color:var(--forge-theme-on-warning-container-low,#712700)}:host([variant=tonal][theme=info]) .forge-field{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-info-container-high, #a6c4e7));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-info-container-low, #e3edf7));color:var(--forge-theme-on-info-container-low,#0b3768);fill:var(--forge-theme-on-info-container-low,#0b3768)}:host([variant=tonal][theme=info]) .container::before{background:var(--forge-theme-info-container-low,#e3edf7)}:host(:where([label-position=inset],:not([label-position]))[variant=tonal][theme=info]) .label{color:var(--forge-theme-on-info-container-low,#0b3768)}:host([variant=filled]:where([theme=default],:not([theme]))) .forge-field{--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--_field-filled-surface-color));color:var(--_field-text-color);fill:var(--_field-text-color);color:var(--_field-filled-on-surface-color);fill:var(--_field-filled-on-surface-color)}:host([variant=filled]:where([theme=default],:not([theme]))) .container::before{outline-style:var(--_field-border-style);outline-width:var(--_field-border-width);outline-color:var(--_field-border-color);background:var(--_field-filled-surface-color)}:host(:where([label-position=inset],:not([label-position]))[variant=filled]:where([theme=default],:not([theme]))) .label{color:var(--_field-inset-label-color)}:host([variant=filled][theme=primary]) .forge-field{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-primary, #3f51b5));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-primary-container-low, #e8eaf6));color:var(--forge-theme-on-primary-container-low,#222c62);fill:var(--forge-theme-on-primary-container-low,#222c62)}:host([variant=filled][theme=primary]) .container::before{outline-style:var(--_field-border-style);outline-width:var(--_field-border-width);outline-color:var(--forge-theme-primary,#3f51b5);background:var(--forge-theme-primary-container-low,#e8eaf6)}:host(:where([label-position=inset],:not([label-position]))[variant=filled][theme=primary]) .label{color:var(--forge-theme-on-primary-container-low,#222c62)}:host([variant=filled][theme=secondary]) .forge-field{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-secondary, #ffc107));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-secondary-container-low, #fff8e1));color:var(--forge-theme-on-secondary-container-low,#8a6804);fill:var(--forge-theme-on-secondary-container-low,#8a6804)}:host([variant=filled][theme=secondary]) .container::before{outline-style:var(--_field-border-style);outline-width:var(--_field-border-width);outline-color:var(--forge-theme-secondary,#ffc107);background:var(--forge-theme-secondary-container-low,#fff8e1)}:host(:where([label-position=inset],:not([label-position]))[variant=filled][theme=secondary]) .label{color:var(--forge-theme-on-secondary-container-low,#8a6804)}:host([variant=filled][theme=tertiary]) .forge-field{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-tertiary, #3d5afe));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-tertiary-container-low, #e8ebff));color:var(--forge-theme-on-tertiary-container-low,#213189);fill:var(--forge-theme-on-tertiary-container-low,#213189)}:host([variant=filled][theme=tertiary]) .container::before{outline-style:var(--_field-border-style);outline-width:var(--_field-border-width);outline-color:var(--forge-theme-tertiary,#3d5afe);background:var(--forge-theme-tertiary-container-low,#e8ebff)}:host(:where([label-position=inset],:not([label-position]))[variant=filled][theme=tertiary]) .label{color:var(--forge-theme-on-tertiary-container-low,#213189)}:host([variant=filled][theme=success]) .forge-field{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-success, #2e7d32));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-success-container-low, #e6efe6));color:var(--forge-theme-on-success-container-low,#19441b);fill:var(--forge-theme-on-success-container-low,#19441b)}:host([variant=filled][theme=success]) .container::before{outline-style:var(--_field-border-style);outline-width:var(--_field-border-width);outline-color:var(--forge-theme-success,#2e7d32);background:var(--forge-theme-success-container-low,#e6efe6)}:host(:where([label-position=inset],:not([label-position]))[variant=filled][theme=success]) .label{color:var(--forge-theme-on-success-container-low,#19441b)}:host([variant=filled][theme=error]) .forge-field{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-error, #b00020));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-error-container-low, #f6e0e4));color:var(--forge-theme-on-error-container-low,#5f0011);fill:var(--forge-theme-on-error-container-low,#5f0011)}:host([variant=filled][theme=error]) .container::before{outline-style:var(--_field-border-style);outline-width:var(--_field-border-width);outline-color:var(--forge-theme-error,#b00020);background:var(--forge-theme-error-container-low,#f6e0e4)}:host(:where([label-position=inset],:not([label-position]))[variant=filled][theme=error]) .label{color:var(--forge-theme-on-error-container-low,#5f0011)}:host([variant=filled][theme=warning]) .forge-field{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-warning, #d14900));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-warning-container-low, #f9e9e0));color:var(--forge-theme-on-warning-container-low,#712700);fill:var(--forge-theme-on-warning-container-low,#712700)}:host([variant=filled][theme=warning]) .container::before{outline-style:var(--_field-border-style);outline-width:var(--_field-border-width);outline-color:var(--forge-theme-warning,#d14900);background:var(--forge-theme-warning-container-low,#f9e9e0)}:host(:where([label-position=inset],:not([label-position]))[variant=filled][theme=warning]) .label{color:var(--forge-theme-on-warning-container-low,#712700)}:host([variant=filled][theme=info]) .forge-field{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-info, #1565c0));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-info-container-low, #e3edf7));color:var(--forge-theme-on-info-container-low,#0b3768);fill:var(--forge-theme-on-info-container-low,#0b3768)}:host([variant=filled][theme=info]) .container::before{outline-style:var(--_field-border-style);outline-width:var(--_field-border-width);outline-color:var(--forge-theme-info,#1565c0);background:var(--forge-theme-info-container-low,#e3edf7)}:host(:where([label-position=inset],:not([label-position]))[variant=filled][theme=info]) .label{color:var(--forge-theme-on-info-container-low,#0b3768)}:host([variant=raised]:where([theme=default],:not([theme]))) .forge-field{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--_field-tonal-inner-border-color));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--_field-raised-surface-color));color:var(--_field-raised-on-surface-color);fill:var(--_field-raised-on-surface-color)}:host([variant=raised]:where([theme=default],:not([theme]))) .container::before{-webkit-box-shadow:var(--_field-raised-elevation);box-shadow:var(--_field-raised-elevation);background:var(--_field-raised-surface-color)}:host(:where([label-position=inset],:not([label-position]))[variant=raised]:where([theme=default],:not([theme]))) .label{color:var(--_field-inset-label-color)}:host([variant=raised][theme=primary]) .forge-field{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-primary-container-high, #b6bde3));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-primary-container-low, #e8eaf6));color:var(--forge-theme-on-primary-container-low,#222c62);fill:var(--forge-theme-on-primary-container-low,#222c62)}:host([variant=raised][theme=primary]) .container::before{-webkit-box-shadow:var(--_field-raised-elevation);box-shadow:var(--_field-raised-elevation);background:var(--forge-theme-primary-container-low,#e8eaf6)}:host(:where([label-position=inset],:not([label-position]))[variant=raised][theme=primary]) .label{color:var(--forge-theme-on-primary-container-low,#222c62)}:host([variant=raised][theme=secondary]) .forge-field{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-secondary-container-high, #ffe7a1));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-secondary-container-low, #fff8e1));color:var(--forge-theme-on-secondary-container-low,#8a6804);fill:var(--forge-theme-on-secondary-container-low,#8a6804)}:host([variant=raised][theme=secondary]) .container::before{-webkit-box-shadow:var(--_field-raised-elevation);box-shadow:var(--_field-raised-elevation);background:var(--forge-theme-secondary-container-low,#fff8e1)}:host(:where([label-position=inset],:not([label-position]))[variant=raised][theme=secondary]) .label{color:var(--forge-theme-on-secondary-container-low,#8a6804)}:host([variant=raised][theme=tertiary]) .forge-field{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-tertiary-container-high, #b5c0ff));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-tertiary-container-low, #e8ebff));color:var(--forge-theme-on-tertiary-container-low,#213189);fill:var(--forge-theme-on-tertiary-container-low,#213189)}:host([variant=raised][theme=tertiary]) .container::before{-webkit-box-shadow:var(--_field-raised-elevation);box-shadow:var(--_field-raised-elevation);background:var(--forge-theme-tertiary-container-low,#e8ebff)}:host(:where([label-position=inset],:not([label-position]))[variant=raised][theme=tertiary]) .label{color:var(--forge-theme-on-tertiary-container-low,#213189)}:host([variant=raised][theme=success]) .forge-field{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-success-container-high, #b0ceb1));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-success-container-low, #e6efe6));color:var(--forge-theme-on-success-container-low,#19441b);fill:var(--forge-theme-on-success-container-low,#19441b)}:host([variant=raised][theme=success]) .container::before{-webkit-box-shadow:var(--_field-raised-elevation);box-shadow:var(--_field-raised-elevation);background:var(--forge-theme-success-container-low,#e6efe6)}:host(:where([label-position=inset],:not([label-position]))[variant=raised][theme=success]) .label{color:var(--forge-theme-on-success-container-low,#19441b)}:host([variant=raised][theme=error]) .forge-field{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-error-container-high, #e19eaa));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-error-container-low, #f6e0e4));color:var(--forge-theme-on-error-container-low,#5f0011);fill:var(--forge-theme-on-error-container-low,#5f0011)}:host([variant=raised][theme=error]) .container::before{-webkit-box-shadow:var(--_field-raised-elevation);box-shadow:var(--_field-raised-elevation);background:var(--forge-theme-error-container-low,#f6e0e4)}:host(:where([label-position=inset],:not([label-position]))[variant=raised][theme=error]) .label{color:var(--forge-theme-on-error-container-low,#5f0011)}:host([variant=raised][theme=warning]) .forge-field{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-warning-container-high, #eeba9e));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-warning-container-low, #f9e9e0));color:var(--forge-theme-on-warning-container-low,#712700);fill:var(--forge-theme-on-warning-container-low,#712700)}:host([variant=raised][theme=warning]) .container::before{-webkit-box-shadow:var(--_field-raised-elevation);box-shadow:var(--_field-raised-elevation);background:var(--forge-theme-warning-container-low,#f9e9e0)}:host(:where([label-position=inset],:not([label-position]))[variant=raised][theme=warning]) .label{color:var(--forge-theme-on-warning-container-low,#712700)}:host([variant=raised][theme=info]) .forge-field{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-info-container-high, #a6c4e7));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-info-container-low, #e3edf7));color:var(--forge-theme-on-info-container-low,#0b3768);fill:var(--forge-theme-on-info-container-low,#0b3768)}:host([variant=raised][theme=info]) .container::before{-webkit-box-shadow:var(--_field-raised-elevation);box-shadow:var(--_field-raised-elevation);background:var(--forge-theme-info-container-low,#e3edf7)}:host(:where([label-position=inset],:not([label-position]))[variant=raised][theme=info]) .label{color:var(--forge-theme-on-info-container-low,#0b3768)}}:host(:not([disabled]):hover:where([variant=outlined],:not([variant])):where([theme=default],:not([theme]))) .container{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--_field-hover-border-color))}:host(:not([disabled]):hover:where([variant=outlined],:not([variant])):where([theme=default],:not([theme]))) .container::before{outline-style:var(--_field-hover-border-style);outline-width:var(--_field-hover-border-width);outline-color:var(--_field-hover-border-color)}:host(:not([disabled]):hover:where([variant=outlined],:not([variant]))[theme=primary]) .container{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-primary-container-high, #b6bde3))}:host(:not([disabled]):hover:where([variant=outlined],:not([variant]))[theme=primary]) .container::before{outline-style:var(--_field-hover-border-style);outline-width:var(--_field-hover-border-width);outline-color:var(--forge-theme-primary-container-high,#b6bde3)}:host(:not([disabled]):hover:where([variant=outlined],:not([variant]))[theme=secondary]) .container{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-secondary-container-high, #ffe7a1))}:host(:not([disabled]):hover:where([variant=outlined],:not([variant]))[theme=secondary]) .container::before{outline-style:var(--_field-hover-border-style);outline-width:var(--_field-hover-border-width);outline-color:var(--forge-theme-secondary-container-high,#ffe7a1)}:host(:not([disabled]):hover:where([variant=outlined],:not([variant]))[theme=tertiary]) .container{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-tertiary-container-high, #b5c0ff))}:host(:not([disabled]):hover:where([variant=outlined],:not([variant]))[theme=tertiary]) .container::before{outline-style:var(--_field-hover-border-style);outline-width:var(--_field-hover-border-width);outline-color:var(--forge-theme-tertiary-container-high,#b5c0ff)}:host(:not([disabled]):hover:where([variant=outlined],:not([variant]))[theme=success]) .container{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-success-container-high, #b0ceb1))}:host(:not([disabled]):hover:where([variant=outlined],:not([variant]))[theme=success]) .container::before{outline-style:var(--_field-hover-border-style);outline-width:var(--_field-hover-border-width);outline-color:var(--forge-theme-success-container-high,#b0ceb1)}:host(:not([disabled]):hover:where([variant=outlined],:not([variant]))[theme=error]) .container{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-error-container-high, #e19eaa))}:host(:not([disabled]):hover:where([variant=outlined],:not([variant]))[theme=error]) .container::before{outline-style:var(--_field-hover-border-style);outline-width:var(--_field-hover-border-width);outline-color:var(--forge-theme-error-container-high,#e19eaa)}:host(:not([disabled]):hover:where([variant=outlined],:not([variant]))[theme=warning]) .container{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-warning-container-high, #eeba9e))}:host(:not([disabled]):hover:where([variant=outlined],:not([variant]))[theme=warning]) .container::before{outline-style:var(--_field-hover-border-style);outline-width:var(--_field-hover-border-width);outline-color:var(--forge-theme-warning-container-high,#eeba9e)}:host(:not([disabled]):hover:where([variant=outlined],:not([variant]))[theme=info]) .container{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-info-container-high, #a6c4e7))}:host(:not([disabled]):hover:where([variant=outlined],:not([variant]))[theme=info]) .container::before{outline-style:var(--_field-hover-border-style);outline-width:var(--_field-hover-border-width);outline-color:var(--forge-theme-info-container-high,#a6c4e7)}:host(:not([disabled]):hover[variant=tonal]:where([theme=default],:not([theme]))) .container{--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--_field-tonal-hover-color))}:host(:not([disabled]):hover[variant=tonal]:where([theme=default],:not([theme]))) .container::before{background:var(--_field-tonal-hover-color)}:host(:not([disabled]):hover[variant=tonal][theme=primary]) .container{--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-primary-container-minimum, #f7f8fc))}:host(:not([disabled]):hover[variant=tonal][theme=primary]) .container::before{background:var(--forge-theme-primary-container-minimum,#f7f8fc)}:host(:not([disabled]):hover[variant=tonal][theme=secondary]) .container{--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-secondary-container-minimum, #fffdf5))}:host(:not([disabled]):hover[variant=tonal][theme=secondary]) .container::before{background:var(--forge-theme-secondary-container-minimum,#fffdf5)}:host(:not([disabled]):hover[variant=tonal][theme=tertiary]) .container{--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-tertiary-container-minimum, #f7f8ff))}:host(:not([disabled]):hover[variant=tonal][theme=tertiary]) .container::before{background:var(--forge-theme-tertiary-container-minimum,#f7f8ff)}:host(:not([disabled]):hover[variant=tonal][theme=success]) .container{--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-success-container-minimum, #f7faf7))}:host(:not([disabled]):hover[variant=tonal][theme=success]) .container::before{background:var(--forge-theme-success-container-minimum,#f7faf7)}:host(:not([disabled]):hover[variant=tonal][theme=error]) .container{--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-error-container-minimum, #fcf5f6))}:host(:not([disabled]):hover[variant=tonal][theme=error]) .container::before{background:var(--forge-theme-error-container-minimum,#fcf5f6)}:host(:not([disabled]):hover[variant=tonal][theme=warning]) .container{--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-warning-container-minimum, #fdf8f5))}:host(:not([disabled]):hover[variant=tonal][theme=warning]) .container::before{background:var(--forge-theme-warning-container-minimum,#fdf8f5)}:host(:not([disabled]):hover[variant=tonal][theme=info]) .container{--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-info-container-minimum, #f6f9fc))}:host(:not([disabled]):hover[variant=tonal][theme=info]) .container::before{background:var(--forge-theme-info-container-minimum,#f6f9fc)}:host(:not([disabled]):hover[variant=filled]:where([theme=default],:not([theme]))) .container{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--_field-hover-border-color))}:host(:not([disabled]):hover[variant=filled]:where([theme=default],:not([theme]))) .container::before{outline-style:var(--_field-hover-border-style);outline-width:var(--_field-hover-border-width);outline-color:var(--_field-hover-border-color)}:host(:not([disabled]):hover[variant=filled][theme=primary]) .container{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-primary-container-high, #b6bde3))}:host(:not([disabled]):hover[variant=filled][theme=primary]) .container::before{outline-style:var(--_field-hover-border-style);outline-width:var(--_field-hover-border-width);outline-color:var(--forge-theme-primary-container-high,#b6bde3)}:host(:not([disabled]):hover[variant=filled][theme=secondary]) .container{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-secondary-container-high, #ffe7a1))}:host(:not([disabled]):hover[variant=filled][theme=secondary]) .container::before{outline-style:var(--_field-hover-border-style);outline-width:var(--_field-hover-border-width);outline-color:var(--forge-theme-secondary-container-high,#ffe7a1)}:host(:not([disabled]):hover[variant=filled][theme=tertiary]) .container{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-tertiary-container-high, #b5c0ff))}:host(:not([disabled]):hover[variant=filled][theme=tertiary]) .container::before{outline-style:var(--_field-hover-border-style);outline-width:var(--_field-hover-border-width);outline-color:var(--forge-theme-tertiary-container-high,#b5c0ff)}:host(:not([disabled]):hover[variant=filled][theme=success]) .container{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-success-container-high, #b0ceb1))}:host(:not([disabled]):hover[variant=filled][theme=success]) .container::before{outline-style:var(--_field-hover-border-style);outline-width:var(--_field-hover-border-width);outline-color:var(--forge-theme-success-container-high,#b0ceb1)}:host(:not([disabled]):hover[variant=filled][theme=error]) .container{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-error-container-high, #e19eaa))}:host(:not([disabled]):hover[variant=filled][theme=error]) .container::before{outline-style:var(--_field-hover-border-style);outline-width:var(--_field-hover-border-width);outline-color:var(--forge-theme-error-container-high,#e19eaa)}:host(:not([disabled]):hover[variant=filled][theme=warning]) .container{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-warning-container-high, #eeba9e))}:host(:not([disabled]):hover[variant=filled][theme=warning]) .container::before{outline-style:var(--_field-hover-border-style);outline-width:var(--_field-hover-border-width);outline-color:var(--forge-theme-warning-container-high,#eeba9e)}:host(:not([disabled]):hover[variant=filled][theme=info]) .container{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-info-container-high, #a6c4e7))}:host(:not([disabled]):hover[variant=filled][theme=info]) .container::before{outline-style:var(--_field-hover-border-style);outline-width:var(--_field-hover-border-width);outline-color:var(--forge-theme-info-container-high,#a6c4e7)}:host(:not([disabled]):hover[variant=raised]:where([theme=default],:not([theme]))) .container::before{-webkit-box-shadow:var(--_field-raised-active-elevation);box-shadow:var(--_field-raised-active-elevation)}:host(:not([disabled]):hover[variant=raised][theme=primary]) .container::before{-webkit-box-shadow:var(--_field-raised-active-elevation);box-shadow:var(--_field-raised-active-elevation)}:host(:not([disabled]):hover[variant=raised][theme=secondary]) .container::before{-webkit-box-shadow:var(--_field-raised-active-elevation);box-shadow:var(--_field-raised-active-elevation)}:host(:not([disabled]):hover[variant=raised][theme=tertiary]) .container::before{-webkit-box-shadow:var(--_field-raised-active-elevation);box-shadow:var(--_field-raised-active-elevation)}:host(:not([disabled]):hover[variant=raised][theme=success]) .container::before{-webkit-box-shadow:var(--_field-raised-active-elevation);box-shadow:var(--_field-raised-active-elevation)}:host(:not([disabled]):hover[variant=raised][theme=error]) .container::before{-webkit-box-shadow:var(--_field-raised-active-elevation);box-shadow:var(--_field-raised-active-elevation)}:host(:not([disabled]):hover[variant=raised][theme=warning]) .container::before{-webkit-box-shadow:var(--_field-raised-active-elevation);box-shadow:var(--_field-raised-active-elevation)}:host(:not([disabled]):hover[variant=raised][theme=info]) .container::before{-webkit-box-shadow:var(--_field-raised-active-elevation);box-shadow:var(--_field-raised-active-elevation)}:host(:not([disabled]):focus-within[variant=raised]) .container::before{-webkit-box-shadow:var(--_field-raised-active-elevation);box-shadow:var(--_field-raised-active-elevation)}:host([invalid]:not([disabled])) .label{color:var(--_field-invalid-label-color)}:host([invalid]:not([disabled])) .support-text{color:var(--_field-invalid-color)}:host([invalid][variant=plain]:not([disabled])) .container{--_field-input-color:var(--forge-field-input-color, var(--_field-invalid-color));color:var(--_field-invalid-color);fill:var(--_field-invalid-color)}:host([invalid]:where([label-position=inset],:not([label-position]))[variant=plain]:not([disabled])) .label{color:var(--_field-invalid-label-color)}:host([invalid]:where([variant=outlined],:not([variant])):not([disabled])) .container{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--_field-invalid-border-color));color:var(--_field-invalid-color);fill:var(--_field-invalid-color)}:host([invalid]:where([variant=outlined],:not([variant])):not([disabled])) .container::before{outline-style:var(--_field-invalid-border-style);outline-width:var(--_field-invalid-border-width);outline-color:var(--_field-invalid-border-color)}:host([invalid]:not([disabled]):hover:where([variant=outlined],:not([variant])):not([disabled])) .container{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--_field-invalid-border-color-hover))}:host([invalid]:not([disabled]):hover:where([variant=outlined],:not([variant])):not([disabled])) .container::before{outline-color:var(--_field-invalid-border-color-hover)}:host([invalid]:where([label-position=inset],:not([label-position])):where([variant=outlined],:not([variant])):not([disabled])) .label{color:var(--_field-invalid-label-color)}:host([invalid][variant=tonal]:not([disabled])) .container{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--_field-invalid-border-color));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--_field-invalid-surface-color));color:var(--_field-invalid-on-surface-color);fill:var(--_field-invalid-on-surface-color)}:host([invalid][variant=tonal]:not([disabled])) .container::before{background:var(--_field-invalid-surface-color)}:host([invalid]:not([disabled]):hover[variant=tonal]:not([disabled])) .container{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--_field-invalid-border-color-hover));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--_field-invalid-surface-color-hover))}:host([invalid]:not([disabled]):hover[variant=tonal]:not([disabled])) .container::before{background:var(--_field-invalid-surface-color-hover)}:host([invalid]:where([label-position=inset],:not([label-position]))[variant=tonal]:not([disabled])) .label{color:var(--_field-invalid-inset-label-on-surface-color)}:host([invalid][variant=filled]:not([disabled])) .container{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--_field-invalid-border-color));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--_field-invalid-surface-color));color:var(--_field-invalid-on-surface-color);fill:var(--_field-invalid-on-surface-color)}:host([invalid][variant=filled]:not([disabled])) .container::before{outline-style:var(--_field-invalid-border-style);outline-width:var(--_field-invalid-border-width);outline-color:var(--_field-invalid-border-color);background:var(--_field-invalid-surface-color)}:host([invalid]:not([disabled]):hover[variant=filled]:not([disabled])) .container{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--_field-invalid-border-color-hover))}:host([invalid]:not([disabled]):hover[variant=filled]:not([disabled])) .container::before{outline-color:var(--_field-invalid-border-color-hover)}:host([invalid]:where([label-position=inset],:not([label-position]))[variant=filled]:not([disabled])) .label{color:var(--_field-invalid-inset-label-on-surface-color)}:host([invalid][variant=raised]:not([disabled])) .container{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--_field-invalid-border-color));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--_field-invalid-surface-color));color:var(--_field-invalid-on-surface-color);fill:var(--_field-invalid-on-surface-color)}:host([invalid][variant=raised]:not([disabled])) .container::before{background:var(--_field-invalid-surface-color)}:host([invalid]:where([label-position=inset],:not([label-position]))[variant=raised]:not([disabled])) .label{color:var(--_field-invalid-inset-label-on-surface-color)}:host([disabled]) .forge-field{cursor:not-allowed}:host([disabled]) .forge-field .accessory::before,:host([disabled]) .forge-field .container::before,:host([disabled]) .forge-field .end,:host([disabled]) .forge-field .input,:host([disabled]) .forge-field .label,:host([disabled]) .forge-field .popover-icon,:host([disabled]) .forge-field .start,:host([disabled]) .forge-field .support-text{opacity:var(--_field-disabled-opacity)}:host([disabled]) .forge-field .input ::slotted(*){cursor:not-allowed}:host([disabled]:not([variant=plain])) .container::before{background:var(--_field-disabled-surface-color)}.forge-field .input ::slotted(input:-webkit-autofill){border-radius:var(--_field-shape);height:calc(100% - (var(--_field-border-width) * 2));width:calc(100% - (var(--_field-border-width) * 2));-webkit-margin-before:var(--_field-border-width);margin-block-start:var(--_field-border-width);-webkit-margin-start:var(--_field-border-width);margin-inline-start:var(--_field-border-width)}.forge-field .input ::slotted(*){-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;outline:0;border:none;background-color:transparent;padding-block:0;padding-inline:0;inline-size:100%;block-size:100%;color:inherit;font:inherit;text-overflow:ellipsis}.forge-field .input ::slotted(textarea){resize:none}.forge-field .input ::slotted(:first-of-type:is(input,textarea,[data-forge-field-input])),.forge-field .input ::slotted([data-forge-field-input]){-webkit-padding-start:var(--_field-main-content-padding-start);padding-inline-start:var(--_field-main-content-padding-start)}.forge-field .input ::slotted(:last-of-type:is(input,textarea,[data-forge-field-input])),.forge-field .input ::slotted([data-forge-field-input]){-webkit-padding-end:var(--_field-main-content-padding-end);padding-inline-end:var(--_field-main-content-padding-end)}.forge-field .input ::slotted([data-forge-multi-input-separator]){align-self:center;padding-inline:4px;block-size:-webkit-fit-content;block-size:-moz-fit-content;block-size:fit-content;inline-size:-webkit-fit-content;inline-size:-moz-fit-content;inline-size:fit-content}.forge-field .label ::slotted(forge-label){font:inherit}.forge-field--has-start{--_field-main-content-padding-start:var(--forge-field-main-content-padding-start, var(--_field-start-padding-inline-end))}.forge-field--has-end{--_field-main-content-padding-end:var(--forge-field-main-content-padding-end, var(--_field-end-padding-inline-start))}:host(:where([label-position=inset],:not([label-position]))) .label ::slotted(*){max-inline-size:100%;overflow:hidden;text-overflow:ellipsis}:host([popover-icon]) .forge-field:not(.forge-field--has-end){--_field-main-content-padding-end:var(--forge-field-main-content-padding-end, var(--_field-popover-icon-padding-inline-start))}:host(:not(popover-icon)) .forge-field--has-accessory:not(:is(.forge-field--has-end)){--_field-main-content-padding-end:var(--forge-field-main-content-padding-end, var(--_field-accessory-padding-inline-start))}:host([multiline]) .input ::slotted(input){-webkit-padding-before:calc((var(--_field-height) - var(--forge-typography-body2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-body-line-height-scale,1.375))))/ 2);padding-block-start:calc((var(--_field-height) - var(--forge-typography-body2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-body-line-height-scale,1.375))))/ 2);-webkit-padding-after:calc(calc(calc(max(var(--forge-typography-body2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-body-line-height-scale,1.375))),var(--forge-typography-label2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-label-line-height-scale,1.25))))/ 2) + calc((var(--_field-height) - 56px)/ 8)) + 8px);padding-block-end:calc(calc(calc(max(var(--forge-typography-body2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-body-line-height-scale,1.375))),var(--forge-typography-label2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-label-line-height-scale,1.25))))/ 2) + calc((var(--_field-height) - 56px)/ 8)) + 8px)}:host([multiline]) .input ::slotted(textarea){-webkit-padding-before:calc((var(--_field-height) - var(--forge-typography-body2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-body-line-height-scale,1.375))))/ 2);padding-block-start:calc((var(--_field-height) - var(--forge-typography-body2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-body-line-height-scale,1.375))))/ 2);-webkit-padding-after:calc(calc(calc(max(var(--forge-typography-body2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-body-line-height-scale,1.375))),var(--forge-typography-label2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-label-line-height-scale,1.25))))/ 2) + calc((var(--_field-height) - 56px)/ 8)) + 8px);padding-block-end:calc(calc(calc(max(var(--forge-typography-body2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-body-line-height-scale,1.375))),var(--forge-typography-label2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-label-line-height-scale,1.25))))/ 2) + calc((var(--_field-height) - 56px)/ 8)) + 8px)}:host([multiline]) .accessory slot{-webkit-box-align:center;align-items:center;block-size:var(--_field-height);display:-webkit-box;display:flex;align-self:start}forge-focus-indicator{--forge-focus-indicator-width:var(--_field-focus-indicator-width);--forge-focus-indicator-outward-offset:0px;--forge-focus-indicator-shape:var(--_field-shape)}:host([theme=secondary]) forge-focus-indicator{--forge-focus-indicator-color:var(--forge-theme-secondary, #ffc107)}:host([theme=tertiary]) forge-focus-indicator{--forge-focus-indicator-color:var(--forge-theme-tertiary, #3d5afe)}:host([theme=success]) forge-focus-indicator{--forge-focus-indicator-color:var(--forge-theme-success, #2e7d32)}:host([theme=error]) forge-focus-indicator{--forge-focus-indicator-color:var(--forge-theme-error, #b00020)}:host([theme=warning]) forge-focus-indicator{--forge-focus-indicator-color:var(--forge-theme-warning, #d14900)}:host([theme=info]) forge-focus-indicator{--forge-focus-indicator-color:var(--forge-theme-info, #1565c0)}:host([invalid]:not([disabled])) forge-focus-indicator{--forge-focus-indicator-color:var(--_field-invalid-color)}@media (prefers-reduced-motion:reduce){.forge-field{--_field-floating-animation-duration:var(--forge-field-floating-animation-duration, \"0s\")}}';
|
|
15
15
|
/**
|
|
16
16
|
* @tag forge-field
|
|
17
17
|
*
|
package/esm/index.d.ts
CHANGED
|
@@ -11,7 +11,6 @@ export * from './backdrop';
|
|
|
11
11
|
export * from './badge';
|
|
12
12
|
export * from './banner';
|
|
13
13
|
export * from './bottom-sheet';
|
|
14
|
-
export * from './busy-indicator';
|
|
15
14
|
export * from './button';
|
|
16
15
|
export * from './button-area';
|
|
17
16
|
export * from './button-toggle';
|
|
@@ -48,7 +47,6 @@ export * from './overlay';
|
|
|
48
47
|
export * from './page-state';
|
|
49
48
|
export * from './paginator';
|
|
50
49
|
export * from './popover';
|
|
51
|
-
export * from './quantity-field';
|
|
52
50
|
export * from './radio';
|
|
53
51
|
export * from './scaffold';
|
|
54
52
|
export * from './select';
|
|
@@ -63,7 +61,6 @@ export * from './switch';
|
|
|
63
61
|
export * from './table';
|
|
64
62
|
export * from './tabs';
|
|
65
63
|
export * from './text-field';
|
|
66
|
-
export * from './theme';
|
|
67
64
|
export * from './time-picker';
|
|
68
65
|
export * from './toast';
|
|
69
66
|
export * from './toolbar';
|
|
@@ -74,6 +71,7 @@ export * from './view-switcher';
|
|
|
74
71
|
* Deprecated exports
|
|
75
72
|
*/
|
|
76
73
|
export * from './deprecated/button';
|
|
74
|
+
export * from './deprecated/icon-button';
|
|
77
75
|
/**
|
|
78
76
|
* Registers all components in the library with the browser.
|
|
79
77
|
*/
|
package/esm/index.js
CHANGED
|
@@ -18,7 +18,6 @@ import { BackdropComponent } from './backdrop';
|
|
|
18
18
|
import { BadgeComponent } from './badge';
|
|
19
19
|
import { BannerComponent } from './banner';
|
|
20
20
|
import { BottomSheetComponent } from './bottom-sheet';
|
|
21
|
-
import { BusyIndicatorComponent } from './busy-indicator';
|
|
22
21
|
import { ButtonComponent } from './button';
|
|
23
22
|
import { ButtonAreaComponent } from './button-area';
|
|
24
23
|
import { ButtonToggleComponent, ButtonToggleGroupComponent } from './button-toggle';
|
|
@@ -54,7 +53,6 @@ import { OverlayComponent } from './overlay';
|
|
|
54
53
|
import { PageStateComponent } from './page-state';
|
|
55
54
|
import { PaginatorComponent } from './paginator';
|
|
56
55
|
import { PopoverComponent } from './popover';
|
|
57
|
-
import { QuantityFieldComponent } from './quantity-field';
|
|
58
56
|
import { RadioComponent, RadioGroupComponent } from './radio';
|
|
59
57
|
import { ScaffoldComponent } from './scaffold';
|
|
60
58
|
import { OptionComponent, OptionGroupComponent, SelectComponent } from './select';
|
|
@@ -78,6 +76,7 @@ import { ViewComponent, ViewSwitcherComponent } from './view-switcher';
|
|
|
78
76
|
* Deprecated imports
|
|
79
77
|
*/
|
|
80
78
|
import { DeprecatedButtonComponent } from './deprecated/button';
|
|
79
|
+
import { DeprecatedIconButtonComponent } from './deprecated/icon-button';
|
|
81
80
|
export * from './accordion';
|
|
82
81
|
export * from './app-bar';
|
|
83
82
|
export * from './autocomplete';
|
|
@@ -86,7 +85,6 @@ export * from './backdrop';
|
|
|
86
85
|
export * from './badge';
|
|
87
86
|
export * from './banner';
|
|
88
87
|
export * from './bottom-sheet';
|
|
89
|
-
export * from './busy-indicator';
|
|
90
88
|
export * from './button';
|
|
91
89
|
export * from './button-area';
|
|
92
90
|
export * from './button-toggle';
|
|
@@ -123,7 +121,6 @@ export * from './overlay';
|
|
|
123
121
|
export * from './page-state';
|
|
124
122
|
export * from './paginator';
|
|
125
123
|
export * from './popover';
|
|
126
|
-
export * from './quantity-field';
|
|
127
124
|
export * from './radio';
|
|
128
125
|
export * from './scaffold';
|
|
129
126
|
export * from './select';
|
|
@@ -138,7 +135,6 @@ export * from './switch';
|
|
|
138
135
|
export * from './table';
|
|
139
136
|
export * from './tabs';
|
|
140
137
|
export * from './text-field';
|
|
141
|
-
export * from './theme';
|
|
142
138
|
export * from './time-picker';
|
|
143
139
|
export * from './toast';
|
|
144
140
|
export * from './toolbar';
|
|
@@ -149,6 +145,7 @@ export * from './view-switcher';
|
|
|
149
145
|
* Deprecated exports
|
|
150
146
|
*/
|
|
151
147
|
export * from './deprecated/button';
|
|
148
|
+
export * from './deprecated/icon-button';
|
|
152
149
|
const CUSTOM_ELEMENTS = [
|
|
153
150
|
AccordionComponent,
|
|
154
151
|
AppBarComponent,
|
|
@@ -163,7 +160,6 @@ const CUSTOM_ELEMENTS = [
|
|
|
163
160
|
BadgeComponent,
|
|
164
161
|
BannerComponent,
|
|
165
162
|
BottomSheetComponent,
|
|
166
|
-
BusyIndicatorComponent,
|
|
167
163
|
ButtonAreaComponent,
|
|
168
164
|
ButtonComponent,
|
|
169
165
|
ButtonToggleComponent,
|
|
@@ -206,7 +202,6 @@ const CUSTOM_ELEMENTS = [
|
|
|
206
202
|
PaginatorComponent,
|
|
207
203
|
PopoverComponent,
|
|
208
204
|
ProfileCardComponent,
|
|
209
|
-
QuantityFieldComponent,
|
|
210
205
|
RadioComponent,
|
|
211
206
|
RadioGroupComponent,
|
|
212
207
|
ScaffoldComponent,
|
|
@@ -241,7 +236,8 @@ export function defineComponents() {
|
|
|
241
236
|
* Deprecated component registration
|
|
242
237
|
*/
|
|
243
238
|
const DEPRECATED_CUSTOM_ELEMENTS = [
|
|
244
|
-
DeprecatedButtonComponent
|
|
239
|
+
DeprecatedButtonComponent,
|
|
240
|
+
DeprecatedIconButtonComponent
|
|
245
241
|
];
|
|
246
242
|
export function defineDeprecatedComponents() {
|
|
247
243
|
defineCustomElements(DEPRECATED_CUSTOM_ELEMENTS);
|
package/esm/list/list/list.js
CHANGED
|
@@ -10,7 +10,7 @@ import { ListAdapter } from './list-adapter';
|
|
|
10
10
|
import { ListFoundation } from './list-foundation';
|
|
11
11
|
import { LIST_CONSTANTS } from './list-constants';
|
|
12
12
|
const template = '<template><div class=\"forge-list\" part=\"root\"><div class=\"inner\"><slot></slot></div></div></template>';
|
|
13
|
-
const styles = ':host{display:block}:host([hidden]){display:none}:host([navlist]){--forge-list-item-height:
|
|
13
|
+
const styles = ':host{--_list-navlist-spacing:var(--forge-list-navlist-spacing, var(--forge-spacing-xxsmall, 4px));--_list-navlist-margin:var(--forge-list-navlist-margin, var(--forge-spacing-xxsmall, 4px) var(--forge-spacing-xsmall, 8px));--_list-navlist-height:var(--forge-list-navlist-height, 40px);--_list-navlist-padding:var(--forge-list-navlist-padding, 0 var(--forge-spacing-xsmall, 8px));--_list-navlist-shape:var(--forge-list-navlist-shape, var(--forge-shape-medium, 4px));--_list-navlist-font-size:var(--forge-list-navlist-font-size, calc(var(--forge-typography-font-size, 1rem) * 0.875));--_list-navlist-font-weight:var(--forge-list-navlist-font-weight, 500)}:host{display:block}:host([hidden]){display:none}:host([navlist]){margin-block:var(--_list-navlist-spacing);--forge-list-item-height:var(--_list-navlist-height);--forge-list-item-margin:var(--_list-navlist-margin);--forge-list-item-padding:var(--_list-navlist-padding);--forge-list-item-shape:var(--_list-navlist-shape);--forge-list-item-text-font-size:var(--_list-navlist-font-size);--forge-list-item-text-font-weight:var(--_list-navlist-font-weight)}.forge-list{--_list-spacing:var(--forge-list-spacing, 0);--_list-container-color:var(--forge-list-container-color, transparent)}.forge-list{display:grid;gap:var(--_list-spacing);outline:0;background-color:var(--_list-container-color);margin:0;border-radius:inherit;min-width:inherit}.inner{min-width:0}';
|
|
14
14
|
import { ListItemComponent } from '../list-item';
|
|
15
15
|
/**
|
|
16
16
|
* @tag forge-list
|
|
@@ -103,6 +103,10 @@ export class ListItemAdapter extends BaseAdapter {
|
|
|
103
103
|
if (checkable) {
|
|
104
104
|
const force = typeof value === 'boolean';
|
|
105
105
|
const currentState = checkable.checked;
|
|
106
|
+
// We don't uncheck radio buttons unless we are forcing a value from the selection state
|
|
107
|
+
if (!force && checkable.matches(':is(forge-radio[checked],input[type=radio]:checked)')) {
|
|
108
|
+
return;
|
|
109
|
+
}
|
|
106
110
|
// Check if we are just toggling or forcing to a specific checked state
|
|
107
111
|
checkable.checked = force ? value : !checkable.checked;
|
|
108
112
|
// TODO: This seems weird... Should we be dispatching events on slotted elements when changes are made programmatically?
|
|
@@ -91,7 +91,7 @@ declare global {
|
|
|
91
91
|
* @csspart focus-indicator - The forwarded focus indicator's internal indicator element.
|
|
92
92
|
* @csspart state-layer - The forwarded state layer's internal surface element.
|
|
93
93
|
*
|
|
94
|
-
* @cssproperty --forge-list-item-background
|
|
94
|
+
* @cssproperty --forge-list-item-background - The background color.
|
|
95
95
|
* @cssproperty --forge-list-item-shape - The shape of the list item.
|
|
96
96
|
* @cssproperty --forge-list-item-padding - The padding inside of the container element.
|
|
97
97
|
* @cssproperty --forge-list-item-wrap-padding - The padding inside of the container element when `wrap` is enabled.
|
|
@@ -101,13 +101,15 @@ declare global {
|
|
|
101
101
|
* @cssproperty --forge-list-item-indent - The margin inline state when in the indented state.
|
|
102
102
|
* @cssproperty --forge-list-item-cursor - The cursor when interactive.
|
|
103
103
|
* @cssproperty --forge-list-item-gap - The gap between the slotted content.
|
|
104
|
-
* @cssproperty --forge-list-item-
|
|
105
|
-
* @cssproperty --forge-list-item-
|
|
104
|
+
* @cssproperty --forge-list-item-text-color - The text color of the text.
|
|
105
|
+
* @cssproperty --forge-list-item-text-font-size - The font size of the text.
|
|
106
|
+
* @cssproperty --forge-list-item-text-font-weight - The font weight of the text.
|
|
107
|
+
* @cssproperty --forge-list-item-text-line-height - The line height of the text.
|
|
106
108
|
* @cssproperty --forge-list-item-selected-color - The color when in the selected state.
|
|
107
109
|
* @cssproperty --forge-list-item-opacity - The opacity of the background color when in the disabled state.
|
|
108
110
|
* @cssproperty --forge-list-item-selected-leading-color - The color of the leading content when in the selected state.
|
|
109
111
|
* @cssproperty --forge-list-item-selected-trailing-color - The color of the trailing content when in the selected state.
|
|
110
|
-
* @cssproperty --forge-list-item-selected-
|
|
112
|
+
* @cssproperty --forge-list-item-selected-text-color - The color of the text when in the selected state.
|
|
111
113
|
* @cssproperty --forge-list-item-disabled-opacity - The opacity of the element when in the disabled state.
|
|
112
114
|
* @cssproperty --forge-list-item-disabled-cursor - The cursor when in the disabled state.
|
|
113
115
|
* @cssproperty --forge-list-item-one-line-height - The line height when in the one/single line state.
|