@servicetitan/anvil2 2.9.1 → 3.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +71 -0
- package/dist/{AiMark-DR-w6Nbm.js → AiMark-B1-M3ZgP.js} +26 -25
- package/dist/{AiMark-DR-w6Nbm.js.map → AiMark-B1-M3ZgP.js.map} +1 -1
- package/dist/AiMark.css +246 -256
- package/dist/AiMark.js +1 -1
- package/dist/{Alert-Dj61Bq8h.js → Alert-DmbqtMg_.js} +20 -31
- package/dist/Alert-DmbqtMg_.js.map +1 -0
- package/dist/Alert.css +72 -90
- package/dist/Alert.js +1 -1
- package/dist/{Announcement-B9zm-_1S.js → Announcement-_C5g2Lzm.js} +14 -14
- package/dist/{Announcement-B9zm-_1S.js.map → Announcement-_C5g2Lzm.js.map} +1 -1
- package/dist/Announcement.css +108 -97
- package/dist/Announcement.js +1 -1
- package/dist/{AnvilProvider-DUPYyMc7.js → AnvilProvider-JXEbeQjR.js} +13 -8
- package/dist/AnvilProvider-JXEbeQjR.js.map +1 -0
- package/dist/AnvilProvider.js +1 -1
- package/dist/{Avatar-BckUfs1N.js → Avatar-B4hRHku9.js} +23 -23
- package/dist/Avatar-B4hRHku9.js.map +1 -0
- package/dist/{Avatar-ChybzixS.js → Avatar-NbFc4Ovc.js} +2 -2
- package/dist/{Avatar-ChybzixS.js.map → Avatar-NbFc4Ovc.js.map} +1 -1
- package/dist/Avatar.css +116 -177
- package/dist/Avatar.js +2 -2
- package/dist/{Badge-C2W7Dls9.js → Badge-C_wTvtnB.js} +7 -7
- package/dist/{Badge-C2W7Dls9.js.map → Badge-C_wTvtnB.js.map} +1 -1
- package/dist/Badge.css +42 -50
- package/dist/Badge.js +1 -1
- package/dist/{Breadcrumbs-ojgYVZwe.js → Breadcrumbs-CYmciJ1D.js} +7 -7
- package/dist/{Breadcrumbs-ojgYVZwe.js.map → Breadcrumbs-CYmciJ1D.js.map} +1 -1
- package/dist/Breadcrumbs.css +37 -45
- package/dist/Breadcrumbs.js +1 -1
- package/dist/{Button-BdrrhBTI.js → Button-Bnt8XUI7.js} +13 -10
- package/dist/{Button-BdrrhBTI.js.map → Button-Bnt8XUI7.js.map} +1 -1
- package/dist/Button.css +274 -335
- package/dist/Button.js +1 -1
- package/dist/Button.module-DsGhJYRw.js +23 -0
- package/dist/Button.module-DsGhJYRw.js.map +1 -0
- package/dist/{ButtonCompound-Cmw3cgMY.js → ButtonCompound-DsrK7G3q.js} +11 -4
- package/dist/ButtonCompound-DsrK7G3q.js.map +1 -0
- package/dist/ButtonCompound.css +25 -0
- package/dist/ButtonCompound.js +1 -1
- package/dist/{ButtonLink-BJKTJER8.js → ButtonLink-j3h_wRNi.js} +9 -6
- package/dist/ButtonLink-j3h_wRNi.js.map +1 -0
- package/dist/ButtonLink.js +1 -1
- package/dist/{ButtonToggle-DaFQ3DBG.js → ButtonToggle-Ct9_5bhC.js} +7 -4
- package/dist/ButtonToggle-Ct9_5bhC.js.map +1 -0
- package/dist/ButtonToggle.css +109 -0
- package/dist/ButtonToggle.js +1 -1
- package/dist/{Calendar-Cka4unyi.js → Calendar-BAbAagIx.js} +2 -2
- package/dist/{Calendar-Cka4unyi.js.map → Calendar-BAbAagIx.js.map} +1 -1
- package/dist/{Calendar-Dxl9QnfP.js → Calendar-CaCMa_jq.js} +38 -35
- package/dist/Calendar-CaCMa_jq.js.map +1 -0
- package/dist/Calendar.css +250 -301
- package/dist/Calendar.js +2 -2
- package/dist/{Card-wz71dEVA.js → Card-DSFuXUGk.js} +11 -11
- package/dist/{Card-wz71dEVA.js.map → Card-DSFuXUGk.js.map} +1 -1
- package/dist/Card.css +51 -65
- package/dist/Card.js +1 -1
- package/dist/{Checkbox-B-XTVPbX.js → Checkbox-BSAS8-DM.js} +28 -39
- package/dist/Checkbox-BSAS8-DM.js.map +1 -0
- package/dist/{Checkbox-Cw1-KFvq.js → Checkbox-Ckl8EFpF.js} +2 -2
- package/dist/{Checkbox-Cw1-KFvq.js.map → Checkbox-Ckl8EFpF.js.map} +1 -1
- package/dist/Checkbox.css +237 -271
- package/dist/Checkbox.js +1 -1
- package/dist/Checkbox.module-TYMeYIxw.js +28 -0
- package/dist/Checkbox.module-TYMeYIxw.js.map +1 -0
- package/dist/{Chip-Ce0WGKAc.js → Chip-CR5i8mQW.js} +31 -23
- package/dist/Chip-CR5i8mQW.js.map +1 -0
- package/dist/Chip.css +191 -206
- package/dist/Chip.js +1 -1
- package/dist/{Combobox-CNQUROyr.js → Combobox-BffGTugd.js} +59 -72
- package/dist/Combobox-BffGTugd.js.map +1 -0
- package/dist/Combobox.css +158 -176
- package/dist/Combobox.js +1 -1
- package/dist/{DataTable-JRxu2yTP.js → DataTable-D9Xj1nq5.js} +73 -72
- package/dist/{DataTable-JRxu2yTP.js.map → DataTable-D9Xj1nq5.js.map} +1 -1
- package/dist/DataTable.css +593 -780
- package/dist/{DateFieldRange-D2hnF50O.js → DateFieldRange-DPTC3EZz.js} +6 -6
- package/dist/{DateFieldRange-D2hnF50O.js.map → DateFieldRange-DPTC3EZz.js.map} +1 -1
- package/dist/DateFieldRange.js +1 -1
- package/dist/{DateFieldSingle-BuaB7RDr.js → DateFieldSingle-w1G-zd9G.js} +6 -6
- package/dist/{DateFieldSingle-BuaB7RDr.js.map → DateFieldSingle-w1G-zd9G.js.map} +1 -1
- package/dist/DateFieldSingle.js +1 -1
- package/dist/{DateFieldYearless-DLeMEutt.js → DateFieldYearless-DHNVc7Sd.js} +7 -7
- package/dist/{DateFieldYearless-DLeMEutt.js.map → DateFieldYearless-DHNVc7Sd.js.map} +1 -1
- package/dist/DateFieldYearless.js +1 -1
- package/dist/{DateFieldYearlessRange-BfPuYKKC.js → DateFieldYearlessRange-C5ktVUgG.js} +10 -10
- package/dist/{DateFieldYearlessRange-BfPuYKKC.js.map → DateFieldYearlessRange-C5ktVUgG.js.map} +1 -1
- package/dist/DateFieldYearlessRange.css +11 -19
- package/dist/DateFieldYearlessRange.js +1 -1
- package/dist/{DaysOfTheWeek-BW1T8sTU.js → DaysOfTheWeek-BubWkBZ0.js} +10 -10
- package/dist/{DaysOfTheWeek-BW1T8sTU.js.map → DaysOfTheWeek-BubWkBZ0.js.map} +1 -1
- package/dist/DaysOfTheWeek.css +19 -27
- package/dist/DaysOfTheWeek.js +1 -1
- package/dist/{Details-CZOIpNP_.js → Details-DYRJcLWL.js} +10 -10
- package/dist/{Details-CZOIpNP_.js.map → Details-DYRJcLWL.js.map} +1 -1
- package/dist/Details.css +134 -138
- package/dist/Details.js +1 -1
- package/dist/{Dialog-Cewu2pd_.js → Dialog-DGmF6qx3.js} +27 -26
- package/dist/Dialog-DGmF6qx3.js.map +1 -0
- package/dist/Dialog.css +108 -143
- package/dist/Dialog.js +1 -1
- package/dist/{DialogCancelButton-Czz4Wpse.js → DialogCancelButton-CbtQcf2J.js} +2 -2
- package/dist/{DialogCancelButton-Czz4Wpse.js.map → DialogCancelButton-CbtQcf2J.js.map} +1 -1
- package/dist/{Divider-B1UoK8ho.js → Divider-Ds3WKsKa.js} +19 -19
- package/dist/{Divider-B1UoK8ho.js.map → Divider-Ds3WKsKa.js.map} +1 -1
- package/dist/Divider.css +93 -169
- package/dist/Divider.js +1 -1
- package/dist/Dnd.js +1 -1
- package/dist/DndSort.css +18 -34
- package/dist/DndSort.js +10 -10
- package/dist/{Drawer-Cb5asXWf.js → Drawer-iewBy1DW.js} +24 -25
- package/dist/{Drawer-Cb5asXWf.js.map → Drawer-iewBy1DW.js.map} +1 -1
- package/dist/Drawer.css +109 -144
- package/dist/Drawer.js +1 -1
- package/dist/DrillDown.css +117 -131
- package/dist/DrillDown.js +1 -1
- package/dist/DrillDown.module-D1Bf9_yP.js +27 -0
- package/dist/{DrillDown.module-C8VOhzaF.js.map → DrillDown.module-D1Bf9_yP.js.map} +1 -1
- package/dist/{EditCard-DlJE3LXN.js → EditCard-D7-Ye7R0.js} +21 -20
- package/dist/{EditCard-DlJE3LXN.js.map → EditCard-D7-Ye7R0.js.map} +1 -1
- package/dist/EditCard.css +71 -65
- package/dist/EditCard.js +1 -1
- package/dist/{FieldLabel-HO2VP-4B.js → FieldLabel-DZWu5dMp.js} +17 -17
- package/dist/{FieldLabel-HO2VP-4B.js.map → FieldLabel-DZWu5dMp.js.map} +1 -1
- package/dist/FieldLabel.css +66 -102
- package/dist/FieldLabel.js +1 -1
- package/dist/FieldMessage-DzxfodaI.js +81 -0
- package/dist/FieldMessage-DzxfodaI.js.map +1 -0
- package/dist/FieldMessage.css +20 -29
- package/dist/FieldMessage.js +1 -1
- package/dist/{Flex-WyyZm1bf.js → Flex-DOUtHiPi.js} +4 -4
- package/dist/{Flex-WyyZm1bf.js.map → Flex-DOUtHiPi.js.map} +1 -1
- package/dist/Flex.css +25 -28
- package/dist/Flex.js +1 -1
- package/dist/{Grid-DeYIx5k4.js → Grid-B1VVssDD.js} +5 -5
- package/dist/{Grid-DeYIx5k4.js.map → Grid-B1VVssDD.js.map} +1 -1
- package/dist/Grid.css +37 -54
- package/dist/Grid.js +1 -1
- package/dist/{Helper-B_FIOlhy.js → Helper-DtDeaYTn.js} +8 -10
- package/dist/Helper-DtDeaYTn.js.map +1 -0
- package/dist/Helper.css +4 -16
- package/dist/{Icon-DuIlne4x.js → Icon-BMMbp40n.js} +7 -7
- package/dist/{Icon-DuIlne4x.js.map → Icon-BMMbp40n.js.map} +1 -1
- package/dist/Icon.css +42 -48
- package/dist/Icon.js +1 -1
- package/dist/{InputMask-CLLTehFI.js → InputMask-EwEJlW-t.js} +3 -3
- package/dist/{InputMask-CLLTehFI.js.map → InputMask-EwEJlW-t.js.map} +1 -1
- package/dist/InputMask.js +1 -1
- package/dist/{InteractiveCard-GTYbR6Xy.js → InteractiveCard-CnW0m_F-.js} +7 -7
- package/dist/{InteractiveCard-GTYbR6Xy.js.map → InteractiveCard-CnW0m_F-.js.map} +1 -1
- package/dist/InteractiveCard.css +56 -57
- package/dist/InteractiveCard.js +1 -1
- package/dist/{Layout-CISAxILX.js → Layout-C2Q2hyLG.js} +80 -80
- package/dist/{Layout-CISAxILX.js.map → Layout-C2Q2hyLG.js.map} +1 -1
- package/dist/Layout.css +260 -324
- package/dist/Layout.js +1 -1
- package/dist/{Link-jTvzyXca.js → Link-BUgivkGS.js} +8 -8
- package/dist/{Link-jTvzyXca.js.map → Link-BUgivkGS.js.map} +1 -1
- package/dist/Link.css +48 -65
- package/dist/Link.js +1 -1
- package/dist/Link.module-DJc0cOlg.js +12 -0
- package/dist/Link.module-DJc0cOlg.js.map +1 -0
- package/dist/{LinkButton-DGyHR1E7.js → LinkButton-CuHSdGdj.js} +7 -16
- package/dist/LinkButton-CuHSdGdj.js.map +1 -0
- package/dist/LinkButton.js +1 -1
- package/dist/{List--KhCpjZn.js → List-BXyHWQ9e.js} +8 -8
- package/dist/{List--KhCpjZn.js.map → List-BXyHWQ9e.js.map} +1 -1
- package/dist/List.css +39 -58
- package/dist/List.js +1 -1
- package/dist/{ListView-CPi-qG2w.js → ListView-DBO9Bl1H.js} +4 -4
- package/dist/{ListView-CPi-qG2w.js.map → ListView-DBO9Bl1H.js.map} +1 -1
- package/dist/ListView.css +108 -120
- package/dist/ListView.js +1 -1
- package/dist/ListView.module-CRk9NfLG.js +9 -0
- package/dist/ListView.module-CRk9NfLG.js.map +1 -0
- package/dist/{Listbox-Bp4hqIpH.js → Listbox-DDlxpVu9.js} +7 -7
- package/dist/{Listbox-Bp4hqIpH.js.map → Listbox-DDlxpVu9.js.map} +1 -1
- package/dist/Listbox.css +102 -143
- package/dist/Listbox.js +1 -1
- package/dist/Listbox.module-CfpLm9pS.js +18 -0
- package/dist/Listbox.module-CfpLm9pS.js.map +1 -0
- package/dist/{LocalizationProvider-DWCyga_d.js → LocalizationProvider-CO8fQGqs.js} +2 -2
- package/dist/{LocalizationProvider-DWCyga_d.js.map → LocalizationProvider-CO8fQGqs.js.map} +1 -1
- package/dist/LocalizationProvider.js +1 -1
- package/dist/{Menu-CCavGohP.js → Menu-wpTyUDac.js} +10 -10
- package/dist/{Menu-CCavGohP.js.map → Menu-wpTyUDac.js.map} +1 -1
- package/dist/Menu.css +135 -137
- package/dist/Menu.js +1 -1
- package/dist/MultiSelectField.js +1 -1
- package/dist/{MultiSelectFieldSync-ChZCW4M9.js → MultiSelectFieldSync-DZ3tm7zt.js} +34 -33
- package/dist/MultiSelectFieldSync-DZ3tm7zt.js.map +1 -0
- package/dist/MultiSelectFieldSync.css +263 -257
- package/dist/MultiSelectMenu.js +1 -1
- package/dist/{MultiSelectMenuSync-7C1wW4oO.js → MultiSelectMenuSync-dgO9SmHi.js} +4 -4
- package/dist/{MultiSelectMenuSync-7C1wW4oO.js.map → MultiSelectMenuSync-dgO9SmHi.js.map} +1 -1
- package/dist/{NumberField-CZSTHBeO.js → NumberField-DJbdyatF.js} +15 -12
- package/dist/{NumberField-CZSTHBeO.js.map → NumberField-DJbdyatF.js.map} +1 -1
- package/dist/NumberField.css +34 -49
- package/dist/NumberField.js +1 -1
- package/dist/Overflow.css +143 -164
- package/dist/Overflow.js +44 -42
- package/dist/Overflow.js.map +1 -1
- package/dist/{Page-BHdvTlfE.js → Page-Be1Blwme.js} +65 -65
- package/dist/Page-Be1Blwme.js.map +1 -0
- package/dist/Page.css +384 -404
- package/dist/Page.js +1 -1
- package/dist/{Pagination-B5jqHYG3.js → Pagination-USDJM5vi.js} +29 -34
- package/dist/{Pagination-B5jqHYG3.js.map → Pagination-USDJM5vi.js.map} +1 -1
- package/dist/Pagination.css +63 -117
- package/dist/Pagination.js +1 -1
- package/dist/{Popover-BbqTZw-1.js → Popover-CyB7yzSf.js} +7 -7
- package/dist/{Popover-BbqTZw-1.js.map → Popover-CyB7yzSf.js.map} +1 -1
- package/dist/Popover.css +84 -97
- package/dist/Popover.js +1 -1
- package/dist/{ProgressBar-CZcxkdX6.js → ProgressBar-DSrjgLTx.js} +15 -15
- package/dist/{ProgressBar-CZcxkdX6.js.map → ProgressBar-DSrjgLTx.js.map} +1 -1
- package/dist/ProgressBar.css +59 -81
- package/dist/ProgressBar.js +1 -1
- package/dist/{Radio-BFr8AdHc.js → Radio-CQaXJ72d.js} +2 -2
- package/dist/{Radio-BFr8AdHc.js.map → Radio-CQaXJ72d.js.map} +1 -1
- package/dist/{Radio-DJZVMCv0.js → Radio-DO4UhbBE.js} +45 -48
- package/dist/Radio-DO4UhbBE.js.map +1 -0
- package/dist/Radio.css +233 -229
- package/dist/Radio.js +1 -1
- package/dist/{SearchField-im7AHGYo.js → SearchField-CsRGYZx3.js} +9 -11
- package/dist/{SearchField-im7AHGYo.js.map → SearchField-CsRGYZx3.js.map} +1 -1
- package/dist/SearchField.css +22 -39
- package/dist/SearchField.js +1 -1
- package/dist/{SegmentedControl-B9NWUF7s.js → SegmentedControl-Chhqyyra.js} +15 -16
- package/dist/SegmentedControl-Chhqyyra.js.map +1 -0
- package/dist/SegmentedControl.css +103 -122
- package/dist/SegmentedControl.js +1 -1
- package/dist/SelectCard-CtXwY8FZ.js +351 -0
- package/dist/SelectCard-CtXwY8FZ.js.map +1 -0
- package/dist/SelectCard.css +135 -82
- package/dist/SelectCard.js +1 -1
- package/dist/SelectField.js +1 -1
- package/dist/{SelectFieldLabel-kEBS8L4l.js → SelectFieldLabel-DLT5dKbx.js} +3 -3
- package/dist/{SelectFieldLabel-kEBS8L4l.js.map → SelectFieldLabel-DLT5dKbx.js.map} +1 -1
- package/dist/{SelectFieldSync-o1Cp9UYC.js → SelectFieldSync-C44hPeeS.js} +9 -8
- package/dist/SelectFieldSync-C44hPeeS.js.map +1 -0
- package/dist/SelectMenu.js +1 -1
- package/dist/{SelectMenuSync-DXrwecFt.js → SelectMenuSync-V97oN85V.js} +4 -4
- package/dist/{SelectMenuSync-DXrwecFt.js.map → SelectMenuSync-V97oN85V.js.map} +1 -1
- package/dist/{SelectOptions-Dy2OWqxn.js → SelectOptions-CDoo4AUu.js} +2 -2
- package/dist/{SelectOptions-Dy2OWqxn.js.map → SelectOptions-CDoo4AUu.js.map} +1 -1
- package/dist/{SelectTrigger-DhKYzEAr.js → SelectTrigger-BWN3Tx43.js} +5 -5
- package/dist/{SelectTrigger-DhKYzEAr.js.map → SelectTrigger-BWN3Tx43.js.map} +1 -1
- package/dist/SelectTrigger.js +1 -1
- package/dist/{SelectTriggerBase-Ni8WqeUx.js → SelectTriggerBase-Do7lQ5rw.js} +8 -7
- package/dist/{SelectTriggerBase-Ni8WqeUx.js.map → SelectTriggerBase-Do7lQ5rw.js.map} +1 -1
- package/dist/SelectTriggerBase.css +231 -305
- package/dist/SelectTriggerBase.module-DKF1FQnc.js +37 -0
- package/dist/SelectTriggerBase.module-DKF1FQnc.js.map +1 -0
- package/dist/{SideNav-CrxYExjh.js → SideNav-CZRVOSbt.js} +19 -14
- package/dist/SideNav-CZRVOSbt.js.map +1 -0
- package/dist/SideNav.css +126 -294
- package/dist/SideNav.js +1 -1
- package/dist/Skeleton.css +57 -65
- package/dist/Skeleton.js +16 -16
- package/dist/Skeleton.js.map +1 -1
- package/dist/{Spinner-BqmcE2pb.js → Spinner-lPMo68yW.js} +16 -17
- package/dist/Spinner-lPMo68yW.js.map +1 -0
- package/dist/Spinner.css +33 -43
- package/dist/Spinner.js +1 -1
- package/dist/{SrOnly-eUpYGpAT.js → SrOnly-pnf8ajnh.js} +2 -2
- package/dist/{SrOnly-eUpYGpAT.js.map → SrOnly-pnf8ajnh.js.map} +1 -1
- package/dist/SrOnly.css +12 -14
- package/dist/SrOnly.js +1 -1
- package/dist/StatusIcon-BwULopyH.js +57 -0
- package/dist/StatusIcon-BwULopyH.js.map +1 -0
- package/dist/StatusIcon.css +32 -0
- package/dist/{Stepper-Dt2xAXth.js → Stepper-CYY64NU1.js} +16 -16
- package/dist/{Stepper-Dt2xAXth.js.map → Stepper-CYY64NU1.js.map} +1 -1
- package/dist/Stepper.css +180 -239
- package/dist/Stepper.js +1 -1
- package/dist/{Switch-C84MBChG.js → Switch-DeBu4Ucg.js} +17 -13
- package/dist/{Switch-C84MBChG.js.map → Switch-DeBu4Ucg.js.map} +1 -1
- package/dist/Switch.css +109 -125
- package/dist/Switch.js +1 -1
- package/dist/{Tab-BZpTCG0i.js → Tab-CewPzmuK.js} +20 -34
- package/dist/Tab-CewPzmuK.js.map +1 -0
- package/dist/Tab.css +232 -194
- package/dist/Tab.js +1 -1
- package/dist/Table.js +1 -1
- package/dist/{Text-WiS8UZkY.js → Text-J5YtSSXY.js} +15 -38
- package/dist/Text-J5YtSSXY.js.map +1 -0
- package/dist/Text.css +101 -142
- package/dist/Text.js +1 -1
- package/dist/Text.module-BXrY87ui.js +23 -0
- package/dist/Text.module-BXrY87ui.js.map +1 -0
- package/dist/{TextField-Bul_uln5.js → TextField-CRDTnuUN.js} +7 -7
- package/dist/{TextField-Bul_uln5.js.map → TextField-CRDTnuUN.js.map} +1 -1
- package/dist/{TextField-OznkTx4e.js → TextField-YlMkDHp-.js} +2 -2
- package/dist/{TextField-OznkTx4e.js.map → TextField-YlMkDHp-.js.map} +1 -1
- package/dist/TextField.css +156 -148
- package/dist/TextField.js +1 -1
- package/dist/TextField.module-MRVo1X9H.js +23 -0
- package/dist/TextField.module-MRVo1X9H.js.map +1 -0
- package/dist/{Textarea-CCYLsJ1x.js → Textarea-CxXmr_Gx.js} +16 -13
- package/dist/{Textarea-CCYLsJ1x.js.map → Textarea-CxXmr_Gx.js.map} +1 -1
- package/dist/Textarea.css +71 -81
- package/dist/Textarea.js +1 -1
- package/dist/{ThemeProvider-CaYW3RuA.js → ThemeProvider-D4KdGCaP.js} +11 -9
- package/dist/ThemeProvider-D4KdGCaP.js.map +1 -0
- package/dist/ThemeProvider.css +586 -516
- package/dist/ThemeProvider.js +1 -1
- package/dist/{TimeField-BPvPbD8H.js → TimeField-DTg0CE5L.js} +7 -7
- package/dist/{TimeField-BPvPbD8H.js.map → TimeField-DTg0CE5L.js.map} +1 -1
- package/dist/TimeField.css +5 -8
- package/dist/TimeField.js +1 -1
- package/dist/{TimezoneMessage-Cnsl4cHT.js → TimezoneMessage-BrKB_psP.js} +2 -2
- package/dist/{TimezoneMessage-Cnsl4cHT.js.map → TimezoneMessage-BrKB_psP.js.map} +1 -1
- package/dist/TimezoneMessage.css +5 -5
- package/dist/Toast.js +2 -2
- package/dist/{Toaster-DYJm06Vb.js → Toaster-Bq42x6Gx.js} +35 -34
- package/dist/Toaster-Bq42x6Gx.js.map +1 -0
- package/dist/{Toaster-CIaIvwH6.js → Toaster-Dly3rfva.js} +2 -2
- package/dist/{Toaster-CIaIvwH6.js.map → Toaster-Dly3rfva.js.map} +1 -1
- package/dist/Toaster.css +210 -242
- package/dist/{Toolbar-ByyI7SqG.js → Toolbar-C1_etxss.js} +42 -42
- package/dist/{Toolbar-ByyI7SqG.js.map → Toolbar-C1_etxss.js.map} +1 -1
- package/dist/Toolbar.css +121 -202
- package/dist/Toolbar.js +1 -1
- package/dist/{Tooltip-C1PBRnJv.js → Tooltip-BlStOXN3.js} +8 -8
- package/dist/{Tooltip-C1PBRnJv.js.map → Tooltip-BlStOXN3.js.map} +1 -1
- package/dist/Tooltip.css +46 -58
- package/dist/Tooltip.js +1 -1
- package/dist/{YearlessDateInputWithPicker-C_twiQW5.js → YearlessDateInputWithPicker-DyytWt0x.js} +14 -16
- package/dist/{YearlessDateInputWithPicker-C_twiQW5.js.map → YearlessDateInputWithPicker-DyytWt0x.js.map} +1 -1
- package/dist/YearlessDateInputWithPicker.css +110 -196
- package/dist/assets/css-utils/a2-border.css +47 -45
- package/dist/assets/css-utils/a2-color.css +443 -227
- package/dist/assets/css-utils/a2-font.css +0 -2
- package/dist/assets/css-utils/a2-spacing.css +476 -478
- package/dist/assets/css-utils/a2-utils.css +992 -772
- package/dist/assets/css-utils/border.css +47 -45
- package/dist/assets/css-utils/color.css +443 -227
- package/dist/assets/css-utils/font.css +0 -2
- package/dist/assets/css-utils/spacing.css +476 -478
- package/dist/assets/css-utils/utils.css +992 -772
- package/dist/beta.js +10 -10
- package/dist/{indeterminate_check_box-B4zobNlt.js → check_box-0U1tbEAd.js} +2 -4
- package/dist/check_box-0U1tbEAd.js.map +1 -0
- package/dist/components/DateFieldRange/internal/MaskedDateRangeInput.d.ts +1 -1
- package/dist/components/DateFieldRange/internal/useDateFieldRangeConversion.d.ts +1 -1
- package/dist/components/DateFieldSingle/internal/MaskedDateInput.d.ts +1 -1
- package/dist/components/DateFieldYearless/internal/YearlessDateInput.d.ts +1 -1
- package/dist/components/DateFieldYearless/internal/YearlessDateInputWithPicker.d.ts +1 -1
- package/dist/components/NumberField/NumberField.d.ts +1 -1
- package/dist/components/Page/Page.d.ts +2 -2
- package/dist/components/SearchField/internal/SearchField.d.ts +1 -1
- package/dist/components/Stepper/Stepper.d.ts +1 -1
- package/dist/components/Stepper/StepperStep.d.ts +1 -1
- package/dist/components/Tab/Tab.d.ts +1 -1
- package/dist/components/Tab/TabButton.d.ts +1 -1
- package/dist/indeterminate_check_box-jjLG4UY6.js +6 -0
- package/dist/indeterminate_check_box-jjLG4UY6.js.map +1 -0
- package/dist/{index-D6ag_WQW.js → index-ByMdotWU.js} +18 -18
- package/dist/{index-D6ag_WQW.js.map → index-ByMdotWU.js.map} +1 -1
- package/dist/index.css +98 -126
- package/dist/index.js +85 -82
- package/dist/index.js.map +1 -1
- package/dist/index2.css +57 -74
- package/dist/internal/components/StatusIcon/StatusIcon.d.ts +5 -5
- package/dist/internal/hooks/useSelectOrchestration.d.ts +1 -1
- package/dist/primitive-DXlHdTFb.js +1056 -0
- package/dist/primitive-DXlHdTFb.js.map +1 -0
- package/dist/providers/ThemeProvider/ThemeProvider.d.ts +1 -0
- package/dist/{stripInlineMarkdown-Cg1qlNwL.js → stripInlineMarkdown-BWbMy7r_.js} +2 -2
- package/dist/{stripInlineMarkdown-Cg1qlNwL.js.map → stripInlineMarkdown-BWbMy7r_.js.map} +1 -1
- package/dist/{syncFilterUtils-UR5Vgqkh.js → syncFilterUtils-BLcRXQfd.js} +49 -49
- package/dist/syncFilterUtils-BLcRXQfd.js.map +1 -0
- package/dist/syncFilterUtils.css +189 -217
- package/dist/token/core/component-variables.scss +1088 -131
- package/dist/token/core/component.d.ts +558 -0
- package/dist/token/core/component.js +6685 -249
- package/dist/token/core/component.scss +557 -69
- package/dist/token/core/css-utils/a2-border.css +47 -45
- package/dist/token/core/css-utils/a2-color.css +443 -227
- package/dist/token/core/css-utils/a2-font.css +0 -2
- package/dist/token/core/css-utils/a2-spacing.css +476 -478
- package/dist/token/core/css-utils/a2-utils.css +992 -772
- package/dist/token/core/css-utils/border.css +47 -45
- package/dist/token/core/css-utils/color.css +443 -227
- package/dist/token/core/css-utils/font.css +0 -2
- package/dist/token/core/css-utils/spacing.css +476 -478
- package/dist/token/core/css-utils/utils.css +992 -772
- package/dist/token/core/index.d.ts +6 -0
- package/dist/token/core/index.js +1 -1
- package/dist/token/core/primitive-variables.scss +148 -65
- package/dist/token/core/primitive.d.ts +209 -0
- package/dist/token/core/primitive.js +779 -61
- package/dist/token/core/primitive.scss +207 -124
- package/dist/token/core/semantic-variables.scss +363 -245
- package/dist/token/core/semantic.d.ts +221 -0
- package/dist/token/core/semantic.js +1592 -347
- package/dist/token/core/semantic.scss +219 -140
- package/dist/token.js +9076 -833
- package/dist/token.js.map +1 -1
- package/dist/{useBreakpoint-okJ64T1D.js → useBreakpoint-CeaUyHxh.js} +2 -2
- package/dist/{useBreakpoint-okJ64T1D.js.map → useBreakpoint-CeaUyHxh.js.map} +1 -1
- package/dist/useBreakpoint.js +1 -1
- package/dist/{useDrillDownContext-BssSasVB.js → useDrillDownContext-iUvoTget.js} +2 -2
- package/dist/{useDrillDownContext-BssSasVB.js.map → useDrillDownContext-iUvoTget.js.map} +1 -1
- package/dist/{useDrilldown-D6VZNSCX.js → useDrilldown-D5WWJRU2.js} +7 -7
- package/dist/{useDrilldown-D6VZNSCX.js.map → useDrilldown-D5WWJRU2.js.map} +1 -1
- package/dist/{useLayoutPropsUtil-DMDdfIah.js → useLayoutPropsUtil-CB_zHDbW.js} +3 -3
- package/dist/{useLayoutPropsUtil-DMDdfIah.js.map → useLayoutPropsUtil-CB_zHDbW.js.map} +1 -1
- package/dist/{useToggleSelection-BBdrIVWs.js → useToggleSelection-D_2qS0P1.js} +2 -2
- package/dist/{useToggleSelection-BBdrIVWs.js.map → useToggleSelection-D_2qS0P1.js.map} +1 -1
- package/package.json +2 -2
- package/dist/Alert-Dj61Bq8h.js.map +0 -1
- package/dist/AnvilProvider-DUPYyMc7.js.map +0 -1
- package/dist/Avatar-BckUfs1N.js.map +0 -1
- package/dist/Button.module-wCtFYGVD.js +0 -26
- package/dist/Button.module-wCtFYGVD.js.map +0 -1
- package/dist/ButtonCompound-Cmw3cgMY.js.map +0 -1
- package/dist/ButtonLink-BJKTJER8.js.map +0 -1
- package/dist/ButtonToggle-DaFQ3DBG.js.map +0 -1
- package/dist/Calendar-Dxl9QnfP.js.map +0 -1
- package/dist/Checkbox-B-XTVPbX.js.map +0 -1
- package/dist/Checkbox.module-EkRZO48Y.js +0 -28
- package/dist/Checkbox.module-EkRZO48Y.js.map +0 -1
- package/dist/Chip-Ce0WGKAc.js.map +0 -1
- package/dist/Combobox-CNQUROyr.js.map +0 -1
- package/dist/Dialog-Cewu2pd_.js.map +0 -1
- package/dist/DrillDown.module-C8VOhzaF.js +0 -27
- package/dist/FieldMessage-COHqUdj5.js +0 -132
- package/dist/FieldMessage-COHqUdj5.js.map +0 -1
- package/dist/Helper-B_FIOlhy.js.map +0 -1
- package/dist/Link.module-CZt9wvuD.js +0 -12
- package/dist/Link.module-CZt9wvuD.js.map +0 -1
- package/dist/LinkButton-DGyHR1E7.js.map +0 -1
- package/dist/LinkButton.css +0 -5
- package/dist/ListView.module-BilDg12y.js +0 -9
- package/dist/ListView.module-BilDg12y.js.map +0 -1
- package/dist/Listbox.module-HAXMOKvC.js +0 -18
- package/dist/Listbox.module-HAXMOKvC.js.map +0 -1
- package/dist/MultiSelectFieldSync-ChZCW4M9.js.map +0 -1
- package/dist/Page-BHdvTlfE.js.map +0 -1
- package/dist/Radio-DJZVMCv0.js.map +0 -1
- package/dist/SegmentedControl-B9NWUF7s.js.map +0 -1
- package/dist/SelectCard-DVcWJRbX.js +0 -352
- package/dist/SelectCard-DVcWJRbX.js.map +0 -1
- package/dist/SelectFieldSync-o1Cp9UYC.js.map +0 -1
- package/dist/SelectTriggerBase.module-CKoq6qzX.js +0 -38
- package/dist/SelectTriggerBase.module-CKoq6qzX.js.map +0 -1
- package/dist/SideNav-CrxYExjh.js.map +0 -1
- package/dist/Spinner-BqmcE2pb.js.map +0 -1
- package/dist/Tab-BZpTCG0i.js.map +0 -1
- package/dist/Text-WiS8UZkY.js.map +0 -1
- package/dist/TextField.module-BP-hDP5m.js +0 -22
- package/dist/TextField.module-BP-hDP5m.js.map +0 -1
- package/dist/ThemeProvider-CaYW3RuA.js.map +0 -1
- package/dist/Toaster-DYJm06Vb.js.map +0 -1
- package/dist/indeterminate_check_box-B4zobNlt.js.map +0 -1
- package/dist/primitive-C3RFDRA8.js +0 -255
- package/dist/primitive-C3RFDRA8.js.map +0 -1
- package/dist/syncFilterUtils-UR5Vgqkh.js.map +0 -1
- package/dist/token/core/raw.js +0 -234
package/dist/Button.css
CHANGED
|
@@ -1,337 +1,276 @@
|
|
|
1
|
-
@layer starter, reset, base, state, application
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
color:
|
|
1
|
+
.anvil2{@layer starter, reset, base, state, application;._button_whupr_1 {
|
|
2
|
+
--a2-internal-button-background-color: var(--a2-mod-button-background-color);
|
|
3
|
+
--a2-internal-button-foreground-color: var(--a2-mod-button-foreground-color);
|
|
4
|
+
--a2-mod-button-background-color: var(--a2-button-secondary-background-color, var(--a2-background-color-secondary, light-dark(rgba(4, 4, 4, 0.0588235294), rgba(255, 255, 255, 0.0784313725))));
|
|
5
|
+
--a2-mod-button-background-color-active: var(--a2-button-secondary-background-color-active, var(--a2-background-color-secondary-active, light-dark(rgba(4, 4, 4, 0.1607843137), rgba(255, 255, 255, 0.1607843137))));
|
|
6
|
+
--a2-mod-button-background-color-disabled: var(--a2-button-secondary-background-color-disabled, var(--a2-background-color-strong, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929))));
|
|
7
|
+
--a2-mod-button-background-color-hover: var(--a2-button-secondary-background-color-hover, var(--a2-background-color-secondary-hover, light-dark(rgba(4, 4, 4, 0.0784313725), rgba(255, 255, 255, 0.1215686275))));
|
|
8
|
+
--a2-mod-button-border-color: var(--a2-button-secondary-border-color, rgba(0, 0, 0, 0));
|
|
9
|
+
--a2-mod-button-border-radius: var(--a2-button-secondary-border-radius, var(--a2-border-radius-medium, var(--a2-radius-2, 0.375rem)));
|
|
10
|
+
--a2-mod-button-cursor: pointer;
|
|
11
|
+
--a2-mod-button-focus-ring-color: var(--a2-button-secondary-focus-ring-color, var(--a2-focus-ring-color-default, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)))));
|
|
12
|
+
--a2-mod-button-font-size: var(--a2-size-4, 1rem);
|
|
13
|
+
--a2-mod-button-foreground-color: var(--a2-button-secondary-foreground-color, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
|
|
14
|
+
--a2-mod-button-foreground-color-active: var(--a2-button-secondary-foreground-color-active, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
|
|
15
|
+
--a2-mod-button-foreground-color-disabled: var(--a2-button-secondary-foreground-color-disabled, var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4))));
|
|
16
|
+
--a2-mod-button-foreground-color-hover: var(--a2-button-secondary-foreground-color-hover, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
|
|
17
|
+
--a2-mod-button-line-height: var(--a2-size-4, 1rem);
|
|
18
|
+
--a2-mod-button-min-width: 2.5rem;
|
|
19
|
+
--a2-mod-button-outline-width: 0;
|
|
20
|
+
--a2-mod-button-padding-block-end: var(--a2-mod-button-padding-medium-block);
|
|
21
|
+
--a2-mod-button-padding-block-start: var(
|
|
22
|
+
--a2-mod-button-padding-medium-block
|
|
23
|
+
);
|
|
24
|
+
--a2-mod-button-padding-inline-end: var(
|
|
25
|
+
--a2-mod-button-padding-medium-inline
|
|
26
|
+
);
|
|
27
|
+
--a2-mod-button-padding-inline-start: var(
|
|
28
|
+
--a2-mod-button-padding-medium-inline
|
|
29
|
+
);
|
|
30
|
+
--a2-mod-button-padding-large-block: calc(var(--a2-size-4, 1rem) - var(--a2-size-quarter, 0.0625rem));
|
|
31
|
+
--a2-mod-button-padding-large-inline: var(--a2-size-6, 1.5rem);
|
|
32
|
+
--a2-mod-button-padding-medium-block: calc(var(--a2-size-3, 0.75rem) - var(--a2-size-quarter, 0.0625rem));
|
|
33
|
+
--a2-mod-button-padding-medium-inline: var(--a2-size-4, 1rem);
|
|
34
|
+
--a2-mod-button-padding-small-block: calc(var(--a2-size-2, 0.5rem) - var(--a2-size-quarter, 0.0625rem));
|
|
35
|
+
--a2-mod-button-padding-small-inline: var(--a2-size-3, 0.75rem);
|
|
36
|
+
--a2-mod-button-padding-xsmall-block: calc(var(--a2-size-1, 0.25rem) + var(--a2-size-quarter, 0.0625rem));
|
|
37
|
+
--a2-mod-button-padding-xsmall-inline: var(--a2-size-2, 0.5rem);
|
|
38
|
+
--a2-mod-button-type-icon-padding-large: calc(var(--a2-size-3, 0.75rem) - var(--a2-size-quarter, 0.0625rem));
|
|
39
|
+
--a2-mod-button-type-icon-padding-small-medium: calc(var(--a2-size-2, 0.5rem) - var(--a2-size-quarter, 0.0625rem));
|
|
40
|
+
--a2-mod-button-type-icon-padding-xsmall: calc(var(--a2-size-1, 0.25rem) + var(--a2-size-quarter, 0.0625rem));
|
|
41
|
+
all: unset;
|
|
42
|
+
font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
|
|
43
|
+
font-size: 100%;
|
|
44
|
+
color: inherit;
|
|
45
|
+
margin: 0;
|
|
46
|
+
padding: 0;
|
|
47
|
+
border-style: none;
|
|
48
|
+
border-width: 0;
|
|
49
|
+
border-color: transparent;
|
|
50
|
+
box-sizing: border-box;
|
|
51
|
+
display: revert-layer;
|
|
52
|
+
align-items: center;
|
|
53
|
+
background-color: var(--a2-internal-button-background-color);
|
|
54
|
+
border-color: var(--a2-mod-button-border-color);
|
|
55
|
+
border-radius: var(--a2-mod-button-border-radius);
|
|
56
|
+
border-style: solid;
|
|
57
|
+
border-width: var(--a2-mod-button-border-width, var(--a2-size-quarter, 0.0625rem));
|
|
58
|
+
box-shadow: 0 0 0 0 transparent;
|
|
59
|
+
color: var(--a2-internal-button-foreground-color);
|
|
60
|
+
cursor: var(--a2-mod-button-cursor);
|
|
61
|
+
display: inline-flex;
|
|
62
|
+
font-size: var(--a2-mod-button-font-size);
|
|
63
|
+
font-weight: var(--a2-font-weight-semibold, 600);
|
|
64
|
+
gap: 0.5em;
|
|
65
|
+
height: -moz-fit-content;
|
|
66
|
+
height: fit-content;
|
|
67
|
+
isolation: isolate;
|
|
68
|
+
justify-content: center;
|
|
69
|
+
line-height: var(--a2-mod-button-line-height);
|
|
70
|
+
min-width: var(--a2-mod-button-min-width);
|
|
71
|
+
outline-color: var(--a2-mod-button-focus-ring-color);
|
|
72
|
+
outline-offset: var(--a2-size-half, 0.125rem);
|
|
73
|
+
outline-style: solid;
|
|
74
|
+
outline-width: var(--a2-mod-button-outline-width, 0);
|
|
75
|
+
padding-block-end: var(--a2-mod-button-padding-block-end);
|
|
76
|
+
padding-block-start: var(--a2-mod-button-padding-block-start);
|
|
77
|
+
padding-inline-end: var(--a2-mod-button-padding-inline-end);
|
|
78
|
+
padding-inline-start: var(--a2-mod-button-padding-inline-start);
|
|
79
|
+
position: relative;
|
|
80
|
+
transition: outline var(--a2-duration-default, 200ms) var(--a2-transition-ease-out, cubic-bezier(0, 0, 0.4, 1)), background-color var(--a2-duration-default, 200ms) var(--a2-transition-ease-out, cubic-bezier(0, 0, 0.4, 1));
|
|
81
|
+
width: var(--a2-mod-button-width, -moz-fit-content);
|
|
82
|
+
width: var(--a2-mod-button-width, fit-content);
|
|
83
|
+
}._button_whupr_1:not(:disabled, [aria-disabled=true])[data-interactive=focus-visible], ._button_whupr_1:not(:disabled, [aria-disabled=true]):focus-visible, ._button_whupr_1:not(:disabled, [aria-disabled=true]):focus {
|
|
84
|
+
--a2-mod-button-outline-width: var(--a2-size-half, 0.125rem);
|
|
85
|
+
}._button_whupr_1[data-interactive=hover]:not(:disabled, [aria-disabled=true]), ._button_whupr_1:hover:not(:disabled, [aria-disabled=true]) {
|
|
86
|
+
--a2-internal-button-background-color: var(
|
|
87
|
+
--a2-mod-button-background-color-hover
|
|
88
|
+
);
|
|
89
|
+
--a2-internal-button-foreground-color: var(
|
|
90
|
+
--a2-mod-button-foreground-color-hover
|
|
91
|
+
);
|
|
92
|
+
}._button_whupr_1[data-interactive=active]:not(:disabled, [aria-disabled=true]), ._button_whupr_1:active:not(:disabled, [aria-disabled=true]) {
|
|
93
|
+
--a2-internal-button-background-color: var(
|
|
94
|
+
--a2-mod-button-background-color-active
|
|
95
|
+
);
|
|
96
|
+
--a2-internal-button-foreground-color: var(
|
|
97
|
+
--a2-mod-button-foreground-color-active
|
|
98
|
+
);
|
|
99
|
+
}._button_whupr_1[aria-disabled=true], ._button_whupr_1:disabled {
|
|
100
|
+
--a2-mod-button-background-color: var(
|
|
101
|
+
--a2-mod-button-background-color-disabled
|
|
102
|
+
);
|
|
103
|
+
--a2-mod-button-border-color: transparent;
|
|
104
|
+
--a2-mod-button-cursor: not-allowed;
|
|
105
|
+
--a2-mod-button-foreground-color: var(
|
|
106
|
+
--a2-mod-button-foreground-color-disabled
|
|
107
|
+
);
|
|
108
|
+
opacity: var(--a2-opacity-disabled, 0.6);
|
|
109
|
+
}._loading_whupr_113 {
|
|
110
|
+
--a2-mod-button-cursor: progress;
|
|
111
|
+
}._loading-spinner_whupr_117 {
|
|
112
|
+
--a2-mod-spinner-height: var(--a2-size-4, 1rem);
|
|
113
|
+
}._size-xsmall_whupr_121 {
|
|
114
|
+
--a2-mod-button-font-size: var(--a2-size-3, 0.75rem);
|
|
115
|
+
--a2-mod-button-line-height: var(--a2-size-4, 1rem);
|
|
116
|
+
--a2-mod-button-padding-block-end: var(--a2-mod-button-padding-xsmall-block);
|
|
117
|
+
--a2-mod-button-padding-block-start: var(
|
|
118
|
+
--a2-mod-button-padding-xsmall-block
|
|
119
|
+
);
|
|
120
|
+
--a2-mod-button-padding-inline-start: var(
|
|
121
|
+
--a2-mod-button-padding-xsmall-inline
|
|
122
|
+
);
|
|
123
|
+
--a2-mod-button-padding-inline-end: var(
|
|
124
|
+
--a2-mod-button-padding-xsmall-inline
|
|
125
|
+
);
|
|
126
|
+
}._size-small_whupr_136 {
|
|
127
|
+
--a2-mod-button-font-size: calc(var(--a2-size-3, 0.75rem) + var(--a2-size-half, 0.125rem));
|
|
128
|
+
--a2-mod-button-line-height: var(--a2-size-4, 1rem);
|
|
129
|
+
--a2-mod-button-padding-block-end: var(--a2-mod-button-padding-small-block);
|
|
130
|
+
--a2-mod-button-padding-block-start: var(--a2-mod-button-padding-small-block);
|
|
131
|
+
--a2-mod-button-padding-inline-start: var(
|
|
132
|
+
--a2-mod-button-padding-small-inline
|
|
133
|
+
);
|
|
134
|
+
--a2-mod-button-padding-inline-end: var(--a2-mod-button-padding-small-inline);
|
|
135
|
+
}._size-medium_whupr_147 {
|
|
136
|
+
--a2-mod-button-font-size: var(--a2-size-4, 1rem);
|
|
137
|
+
--a2-mod-button-line-height: var(--a2-size-4, 1rem);
|
|
138
|
+
--a2-mod-button-padding-block-end: var(--a2-mod-button-padding-medium-block);
|
|
139
|
+
--a2-mod-button-padding-block-start: var(
|
|
140
|
+
--a2-mod-button-padding-medium-block
|
|
141
|
+
);
|
|
142
|
+
--a2-mod-button-padding-inline-start: var(
|
|
143
|
+
--a2-mod-button-padding-medium-inline
|
|
144
|
+
);
|
|
145
|
+
--a2-mod-button-padding-inline-end: var(
|
|
146
|
+
--a2-mod-button-padding-medium-inline
|
|
147
|
+
);
|
|
148
|
+
}._size-large_whupr_162 {
|
|
149
|
+
--a2-mod-button-font-size: var(--a2-size-4, 1rem);
|
|
150
|
+
--a2-mod-button-line-height: var(--a2-size-4, 1rem);
|
|
151
|
+
--a2-mod-button-padding-block-end: var(--a2-mod-button-padding-large-block);
|
|
152
|
+
--a2-mod-button-padding-block-start: var(--a2-mod-button-padding-large-block);
|
|
153
|
+
--a2-mod-button-padding-inline-start: var(
|
|
154
|
+
--a2-mod-button-padding-large-inline
|
|
155
|
+
);
|
|
156
|
+
--a2-mod-button-padding-inline-end: var(--a2-mod-button-padding-large-inline);
|
|
157
|
+
}._appearance-primary_whupr_173 {
|
|
158
|
+
--a2-mod-button-background-color: var(--a2-button-primary-background-color, var(--a2-background-color-primary, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)))));
|
|
159
|
+
--a2-mod-button-background-color-active: var(--a2-button-primary-background-color-active, var(--a2-background-color-primary-active, light-dark(var(--a2-color-blue-800, #003472), var(--a2-color-blue-100, #cce3ff))));
|
|
160
|
+
--a2-mod-button-background-color-disabled: var(--a2-button-primary-background-color-disabled, var(--a2-background-color-strong, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929))));
|
|
161
|
+
--a2-mod-button-background-color-hover: var(--a2-button-primary-background-color-hover, var(--a2-background-color-primary-hover, light-dark(var(--a2-color-blue-700, #1d4ca3), var(--a2-color-blue-200, #9ecaff))));
|
|
162
|
+
--a2-mod-button-border-color: var(--a2-button-primary-border-color, rgba(0, 0, 0, 0));
|
|
163
|
+
--a2-mod-button-border-radius: var(--a2-button-primary-border-radius, var(--a2-border-radius-medium, var(--a2-radius-2, 0.375rem)));
|
|
164
|
+
--a2-mod-button-focus-ring-color: var(--a2-button-primary-focus-ring-color, var(--a2-focus-ring-color-default, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)))));
|
|
165
|
+
--a2-mod-button-foreground-color: var(--a2-button-primary-foreground-color, var(--a2-foreground-color-on-primary, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
|
|
166
|
+
--a2-mod-button-foreground-color-active: var(--a2-button-primary-foreground-color-active, var(--a2-foreground-color-on-primary, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
|
|
167
|
+
--a2-mod-button-foreground-color-disabled: var(--a2-button-primary-foreground-color-disabled, var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4))));
|
|
168
|
+
--a2-mod-button-foreground-color-hover: var(--a2-button-primary-foreground-color-hover, var(--a2-foreground-color-on-primary, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
|
|
169
|
+
}._appearance-secondary_whupr_187 {
|
|
170
|
+
--a2-mod-button-background-color: var(--a2-button-secondary-background-color, var(--a2-background-color-secondary, light-dark(rgba(4, 4, 4, 0.0588235294), rgba(255, 255, 255, 0.0784313725))));
|
|
171
|
+
--a2-mod-button-background-color-active: var(--a2-button-secondary-background-color-active, var(--a2-background-color-secondary-active, light-dark(rgba(4, 4, 4, 0.1607843137), rgba(255, 255, 255, 0.1607843137))));
|
|
172
|
+
--a2-mod-button-background-color-disabled: var(--a2-button-secondary-background-color-disabled, var(--a2-background-color-strong, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929))));
|
|
173
|
+
--a2-mod-button-background-color-hover: var(--a2-button-secondary-background-color-hover, var(--a2-background-color-secondary-hover, light-dark(rgba(4, 4, 4, 0.0784313725), rgba(255, 255, 255, 0.1215686275))));
|
|
174
|
+
--a2-mod-button-border-color: var(--a2-button-secondary-border-color, rgba(0, 0, 0, 0));
|
|
175
|
+
--a2-mod-button-border-radius: var(--a2-button-secondary-border-radius, var(--a2-border-radius-medium, var(--a2-radius-2, 0.375rem)));
|
|
176
|
+
--a2-mod-button-focus-ring-color: var(--a2-button-secondary-focus-ring-color, var(--a2-focus-ring-color-default, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)))));
|
|
177
|
+
--a2-mod-button-foreground-color: var(--a2-button-secondary-foreground-color, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
|
|
178
|
+
--a2-mod-button-foreground-color-active: var(--a2-button-secondary-foreground-color-active, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
|
|
179
|
+
--a2-mod-button-foreground-color-disabled: var(--a2-button-secondary-foreground-color-disabled, var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4))));
|
|
180
|
+
--a2-mod-button-foreground-color-hover: var(--a2-button-secondary-foreground-color-hover, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
|
|
181
|
+
}._appearance-ghost_whupr_201 {
|
|
182
|
+
--a2-mod-button-background-color: var(--a2-button-ghost-background-color, rgba(0, 0, 0, 0));
|
|
183
|
+
--a2-mod-button-background-color-active: var(--a2-button-ghost-background-color-active, var(--a2-background-color-transparent-default-active, light-dark(rgba(139, 139, 139, 0.1607843137), rgba(255, 255, 255, 0.1607843137))));
|
|
184
|
+
--a2-mod-button-background-color-disabled: var(--a2-button-ghost-background-color-disabled, var(--a2-background-color-strong, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929))));
|
|
185
|
+
--a2-mod-button-background-color-hover: var(--a2-button-ghost-background-color-hover, var(--a2-background-color-transparent-default-hover, light-dark(rgba(139, 139, 139, 0.0784313725), rgba(255, 255, 255, 0.0784313725))));
|
|
186
|
+
--a2-mod-button-border-color: var(--a2-button-ghost-border-color, rgba(0, 0, 0, 0));
|
|
187
|
+
--a2-mod-button-border-radius: var(--a2-button-ghost-border-radius, var(--a2-border-radius-medium, var(--a2-radius-2, 0.375rem)));
|
|
188
|
+
--a2-mod-button-focus-ring-color: var(--a2-button-ghost-focus-ring-color, var(--a2-focus-ring-color-default, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)))));
|
|
189
|
+
--a2-mod-button-foreground-color: var(--a2-button-ghost-foreground-color, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
|
|
190
|
+
--a2-mod-button-foreground-color-active: var(--a2-button-ghost-foreground-color-active, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
|
|
191
|
+
--a2-mod-button-foreground-color-disabled: var(--a2-button-ghost-foreground-color-disabled, var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4))));
|
|
192
|
+
--a2-mod-button-foreground-color-hover: var(--a2-button-ghost-foreground-color-hover, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
|
|
193
|
+
}._danger-primary_whupr_215 {
|
|
194
|
+
--a2-mod-button-background-color: var(--a2-button-danger-primary-background-color, var(--a2-background-color-danger, var(--a2-status-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-400, #ff5b3d)))));
|
|
195
|
+
--a2-mod-button-background-color-active: var(--a2-button-danger-primary-background-color-active, var(--a2-background-color-danger-active, light-dark(var(--a2-color-red-800, #731100), var(--a2-color-red-200, #ffac9e))));
|
|
196
|
+
--a2-mod-button-background-color-disabled: var(--a2-button-danger-primary-background-color-disabled, var(--a2-background-color-strong, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929))));
|
|
197
|
+
--a2-mod-button-background-color-hover: var(--a2-button-danger-primary-background-color-hover, var(--a2-background-color-danger-hover, light-dark(var(--a2-color-red-700, #a31900), var(--a2-color-red-300, #ff8670))));
|
|
198
|
+
--a2-mod-button-border-color: var(--a2-button-danger-primary-border-color, rgba(0, 0, 0, 0));
|
|
199
|
+
--a2-mod-button-border-radius: var(--a2-button-danger-primary-border-radius, var(--a2-border-radius-medium, var(--a2-radius-2, 0.375rem)));
|
|
200
|
+
--a2-mod-button-focus-ring-color: var(--a2-button-danger-primary-focus-ring-color, var(--a2-focus-ring-color-danger, var(--a2-status-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-400, #ff5b3d)))));
|
|
201
|
+
--a2-mod-button-foreground-color: var(--a2-button-danger-primary-foreground-color, var(--a2-foreground-color-on-danger, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
|
|
202
|
+
--a2-mod-button-foreground-color-active: var(--a2-button-danger-primary-foreground-color-active, var(--a2-foreground-color-on-danger, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
|
|
203
|
+
--a2-mod-button-foreground-color-disabled: var(--a2-button-danger-primary-foreground-color-disabled, var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4))));
|
|
204
|
+
--a2-mod-button-foreground-color-hover: var(--a2-button-danger-primary-foreground-color-hover, var(--a2-foreground-color-on-danger, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
|
|
205
|
+
}._danger-secondary_whupr_229 {
|
|
206
|
+
--a2-mod-button-background-color: var(--a2-button-danger-secondary-background-color, var(--a2-background-color-danger-subdued, light-dark(var(--a2-color-red-50, #ffe9e5), rgba(255, 134, 112, 0.2))));
|
|
207
|
+
--a2-mod-button-background-color-active: var(--a2-button-danger-secondary-background-color-active, var(--a2-background-color-danger-subdued-active, light-dark(var(--a2-color-red-200, #ffac9e), rgba(255, 134, 112, 0.4))));
|
|
208
|
+
--a2-mod-button-background-color-disabled: var(--a2-button-danger-secondary-background-color-disabled, var(--a2-background-color-strong, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929))));
|
|
209
|
+
--a2-mod-button-background-color-hover: var(--a2-button-danger-secondary-background-color-hover, var(--a2-background-color-danger-subdued-hover, light-dark(var(--a2-color-red-100, #ffd4cc), rgba(255, 134, 112, 0.3019607843))));
|
|
210
|
+
--a2-mod-button-border-color: var(--a2-button-danger-secondary-border-color, rgba(0, 0, 0, 0));
|
|
211
|
+
--a2-mod-button-border-radius: var(--a2-button-danger-secondary-border-radius, var(--a2-border-radius-medium, var(--a2-radius-2, 0.375rem)));
|
|
212
|
+
--a2-mod-button-focus-ring-color: var(--a2-button-danger-secondary-focus-ring-color, var(--a2-focus-ring-color-danger, var(--a2-status-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-400, #ff5b3d)))));
|
|
213
|
+
--a2-mod-button-foreground-color: var(--a2-button-danger-secondary-foreground-color, var(--a2-foreground-color-on-danger-subdued, light-dark(var(--a2-color-red-700, #a31900), var(--a2-color-neutral-0, #ffffff))));
|
|
214
|
+
--a2-mod-button-foreground-color-active: var(--a2-button-danger-secondary-foreground-color-active, var(--a2-foreground-color-on-danger-subdued-active, light-dark(var(--a2-color-red-900, #470b00), var(--a2-color-neutral-0, #ffffff))));
|
|
215
|
+
--a2-mod-button-foreground-color-disabled: var(--a2-button-danger-secondary-foreground-color-disabled, var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4))));
|
|
216
|
+
--a2-mod-button-foreground-color-hover: var(--a2-button-danger-secondary-foreground-color-hover, var(--a2-foreground-color-on-danger-subdued-hover, light-dark(var(--a2-color-red-800, #731100), var(--a2-color-neutral-0, #ffffff))));
|
|
217
|
+
}._size-xsmall-icon_whupr_243 {
|
|
218
|
+
--a2-mod-button-min-width: auto;
|
|
219
|
+
--a2-mod-button-padding-block-end: var(
|
|
220
|
+
--a2-mod-button-type-icon-padding-xsmall
|
|
221
|
+
);
|
|
222
|
+
--a2-mod-button-padding-block-start: var(
|
|
223
|
+
--a2-mod-button-type-icon-padding-xsmall
|
|
224
|
+
);
|
|
225
|
+
--a2-mod-button-padding-inline-start: var(
|
|
226
|
+
--a2-mod-button-type-icon-padding-xsmall
|
|
227
|
+
);
|
|
228
|
+
--a2-mod-button-padding-inline-end: var(
|
|
229
|
+
--a2-mod-button-type-icon-padding-xsmall
|
|
230
|
+
);
|
|
231
|
+
}._size-small-icon_whupr_259 {
|
|
232
|
+
--a2-mod-button-min-width: auto;
|
|
233
|
+
--a2-mod-button-padding-block-end: var(
|
|
234
|
+
--a2-mod-button-type-icon-padding-small-medium
|
|
235
|
+
);
|
|
236
|
+
--a2-mod-button-padding-block-start: var(
|
|
237
|
+
--a2-mod-button-type-icon-padding-small-medium
|
|
238
|
+
);
|
|
239
|
+
--a2-mod-button-padding-inline-start: var(
|
|
240
|
+
--a2-mod-button-type-icon-padding-small-medium
|
|
241
|
+
);
|
|
242
|
+
--a2-mod-button-padding-inline-end: var(
|
|
243
|
+
--a2-mod-button-type-icon-padding-small-medium
|
|
244
|
+
);
|
|
245
|
+
}._size-medium-icon_whupr_275 {
|
|
246
|
+
--a2-mod-button-min-width: auto;
|
|
247
|
+
--a2-mod-button-padding-block-end: var(
|
|
248
|
+
--a2-mod-button-type-icon-padding-small-medium
|
|
249
|
+
);
|
|
250
|
+
--a2-mod-button-padding-block-start: var(
|
|
251
|
+
--a2-mod-button-type-icon-padding-small-medium
|
|
252
|
+
);
|
|
253
|
+
--a2-mod-button-padding-inline-start: var(
|
|
254
|
+
--a2-mod-button-type-icon-padding-small-medium
|
|
255
|
+
);
|
|
256
|
+
--a2-mod-button-padding-inline-end: var(
|
|
257
|
+
--a2-mod-button-type-icon-padding-small-medium
|
|
258
|
+
);
|
|
259
|
+
}._size-large-icon_whupr_291 {
|
|
260
|
+
--a2-mod-button-min-width: auto;
|
|
261
|
+
--a2-mod-button-padding-block-end: var(
|
|
262
|
+
--a2-mod-button-type-icon-padding-large
|
|
263
|
+
);
|
|
264
|
+
--a2-mod-button-padding-block-start: var(
|
|
265
|
+
--a2-mod-button-type-icon-padding-large
|
|
266
|
+
);
|
|
267
|
+
--a2-mod-button-padding-inline-start: var(
|
|
268
|
+
--a2-mod-button-type-icon-padding-large
|
|
269
|
+
);
|
|
270
|
+
--a2-mod-button-padding-inline-end: var(
|
|
271
|
+
--a2-mod-button-type-icon-padding-large
|
|
272
|
+
);
|
|
273
|
+
}a._button_whupr_1 {
|
|
274
|
+
color: var(--a2-internal-button-foreground-color) !important;
|
|
6
275
|
}
|
|
7
|
-
|
|
8
|
-
a[data-anv=button-link],
|
|
9
|
-
a[data-anv=button-link]:hover,
|
|
10
|
-
a[data-anv=button-link]:focus {
|
|
11
|
-
all: revert-layer;
|
|
12
|
-
line-height: 1rem;
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
/* REVERT LAYER BUGFIX END */
|
|
16
|
-
@layer reset {
|
|
17
|
-
._button_1988s_2, ._button_1988s_2._type-icon_1988s_16 {
|
|
18
|
-
all: unset;
|
|
19
|
-
font-family: var(--font-family-base, "Nunito Sans", sans-serif);
|
|
20
|
-
font-size: 100%;
|
|
21
|
-
color: var(--foreground-color, #141414);
|
|
22
|
-
margin: 0;
|
|
23
|
-
padding: 0;
|
|
24
|
-
border-style: none;
|
|
25
|
-
border-width: 0;
|
|
26
|
-
border-color: transparent;
|
|
27
|
-
box-sizing: border-box;
|
|
28
|
-
display: revert-layer;
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
@layer base {
|
|
32
|
-
._button_1988s_2, ._button_1988s_2._type-icon_1988s_16 {
|
|
33
|
-
width: -moz-fit-content;
|
|
34
|
-
width: fit-content;
|
|
35
|
-
min-width: 2.5rem;
|
|
36
|
-
height: -moz-fit-content;
|
|
37
|
-
height: fit-content;
|
|
38
|
-
cursor: pointer;
|
|
39
|
-
display: inline-flex;
|
|
40
|
-
justify-content: center;
|
|
41
|
-
align-items: center;
|
|
42
|
-
gap: 0.5em;
|
|
43
|
-
box-shadow: 0 0 0 0 transparent;
|
|
44
|
-
transition: outline 200ms cubic-bezier(0, 0, 0.4, 1), background-color 200ms cubic-bezier(0, 0, 0.4, 1);
|
|
45
|
-
isolation: isolate;
|
|
46
|
-
position: relative;
|
|
47
|
-
font-weight: 600;
|
|
48
|
-
outline-offset: 0.125rem;
|
|
49
|
-
outline-style: solid;
|
|
50
|
-
outline-width: 0;
|
|
51
|
-
line-height: var(--button-line-height, 1em);
|
|
52
|
-
font-size: var(--button-font-size);
|
|
53
|
-
padding-block-start: var(--button-padding-block-start);
|
|
54
|
-
padding-block-end: var(--button-padding-block-end);
|
|
55
|
-
padding-inline-start: var(--button-padding-inline-start);
|
|
56
|
-
padding-inline-end: var(--button-padding-inline-end);
|
|
57
|
-
color: var(--button-foreground-color);
|
|
58
|
-
border-width: 0.0625rem;
|
|
59
|
-
border-style: solid;
|
|
60
|
-
border-color: var(--button-border-color);
|
|
61
|
-
border-radius: var(--button-border-radius);
|
|
62
|
-
background-color: var(--button-background-color);
|
|
63
|
-
outline-color: var(--button-focus-ring-color);
|
|
64
|
-
}
|
|
65
|
-
._button_1988s_2 ._icon_1988s_62 {
|
|
66
|
-
display: inline-flex;
|
|
67
|
-
}
|
|
68
|
-
}
|
|
69
|
-
@layer state {
|
|
70
|
-
._button_1988s_2:not(:disabled, ._disabled_1988s_67, [aria-disabled=true])[data-interactive=focus-visible], ._button_1988s_2:not(:disabled, ._disabled_1988s_67, [aria-disabled=true]):focus-visible, ._button_1988s_2:not(:disabled, ._disabled_1988s_67, [aria-disabled=true]):focus {
|
|
71
|
-
outline-width: 0.125rem;
|
|
72
|
-
}
|
|
73
|
-
._button_1988s_2._loading_1988s_70 {
|
|
74
|
-
cursor: progress;
|
|
75
|
-
}
|
|
76
|
-
._button_1988s_2 ._loading-spinner_1988s_73 {
|
|
77
|
-
height: 1rem;
|
|
78
|
-
}
|
|
79
|
-
._button_1988s_2._size-xsmall_1988s_76 {
|
|
80
|
-
--button-font-size: 0.75rem;
|
|
81
|
-
--button-border-radius: 0.375rem;
|
|
82
|
-
--button-padding-block-start: 0.3125rem;
|
|
83
|
-
--button-padding-block-end: 0.3125rem;
|
|
84
|
-
--button-padding-inline-end: 0.5rem;
|
|
85
|
-
--button-padding-inline-start: 0.5rem;
|
|
86
|
-
--button-line-height: 1rem;
|
|
87
|
-
}
|
|
88
|
-
._button_1988s_2._size-small_1988s_85 {
|
|
89
|
-
--button-font-size: 0.875rem;
|
|
90
|
-
--button-border-radius: 0.375rem;
|
|
91
|
-
--button-padding-block-start: 0.4375rem;
|
|
92
|
-
--button-padding-block-end: 0.4375rem;
|
|
93
|
-
--button-padding-inline-end: 0.75rem;
|
|
94
|
-
--button-padding-inline-start: 0.75rem;
|
|
95
|
-
--button-line-height: 1rem;
|
|
96
|
-
}
|
|
97
|
-
._button_1988s_2._size-medium_1988s_94 {
|
|
98
|
-
--button-font-size: 1rem;
|
|
99
|
-
--button-border-radius: 0.375rem;
|
|
100
|
-
--button-padding-block-start: 0.6875rem;
|
|
101
|
-
--button-padding-block-end: 0.6875rem;
|
|
102
|
-
--button-padding-inline-end: 1rem;
|
|
103
|
-
--button-padding-inline-start: 1rem;
|
|
104
|
-
}
|
|
105
|
-
._button_1988s_2._size-large_1988s_102 {
|
|
106
|
-
--button-font-size: 1rem;
|
|
107
|
-
--button-border-radius: 0.375rem;
|
|
108
|
-
--button-padding-block-start: 0.9375rem;
|
|
109
|
-
--button-padding-block-end: 0.9375rem;
|
|
110
|
-
--button-padding-inline-end: 1.5rem;
|
|
111
|
-
--button-padding-inline-start: 1.5rem;
|
|
112
|
-
}
|
|
113
|
-
._button_1988s_2._appearance-primary_1988s_110 {
|
|
114
|
-
--button-foreground-color: var(--button-primary-foreground-color, #ffffff);
|
|
115
|
-
--button-border-color: var(--button-primary-border-color, transparent);
|
|
116
|
-
--button-border-radius: 0.375rem;
|
|
117
|
-
--button-background-color: var(--button-primary-background-color, #0265DC);
|
|
118
|
-
--button-focus-ring-color: var(--button-primary-focus-ring-color, #0265DC);
|
|
119
|
-
}
|
|
120
|
-
._button_1988s_2._appearance-primary_1988s_110[data-interactive=hover], ._button_1988s_2._appearance-primary_1988s_110:hover {
|
|
121
|
-
--button-foreground-color: var(--button-primary-foreground-color-hover, #ffffff);
|
|
122
|
-
--button-background-color: var(--button-primary-background-color-hover, #0655b4);
|
|
123
|
-
}
|
|
124
|
-
._button_1988s_2._appearance-primary_1988s_110[data-interactive=active], ._button_1988s_2._appearance-primary_1988s_110:active {
|
|
125
|
-
--button-foreground-color: var(--button-primary-foreground-color-active, #ffffff);
|
|
126
|
-
--button-background-color: var(--button-primary-background-color-active, #09458c);
|
|
127
|
-
}
|
|
128
|
-
._button_1988s_2._appearance-secondary_1988s_125 {
|
|
129
|
-
--button-foreground-color: var(--button-secondary-foreground-color, #141414);
|
|
130
|
-
--button-border-color: var(--button-secondary-border-color, transparent);
|
|
131
|
-
--button-border-radius: 0.375rem;
|
|
132
|
-
--button-background-color: var(--button-secondary-background-color, rgba(4, 4, 4, 0.0588235294));
|
|
133
|
-
--button-focus-ring-color: var(--button-secondary-focus-ring-color, #0265DC);
|
|
134
|
-
}
|
|
135
|
-
._button_1988s_2._appearance-secondary_1988s_125[data-interactive=hover], ._button_1988s_2._appearance-secondary_1988s_125:hover {
|
|
136
|
-
--button-foreground-color: var(--button-secondary-foreground-color-hover, #141414);
|
|
137
|
-
--button-background-color: var(--button-secondary-background-color-hover, rgba(5, 5, 5, 0.1333333333));
|
|
138
|
-
}
|
|
139
|
-
._button_1988s_2._appearance-secondary_1988s_125[data-interactive=active], ._button_1988s_2._appearance-secondary_1988s_125:active {
|
|
140
|
-
--button-foreground-color: var(--button-secondary-foreground-color-active, #141414);
|
|
141
|
-
--button-background-color: var(--button-secondary-background-color-active, rgba(7, 7, 7, 0.2078431373));
|
|
142
|
-
}
|
|
143
|
-
._button_1988s_2._appearance-ghost_1988s_140 {
|
|
144
|
-
--button-foreground-color: var(--button-ghost-foreground-color, #141414);
|
|
145
|
-
--button-border-color: var(--button-ghost-border-color, transparent);
|
|
146
|
-
--button-border-radius: 0.375rem;
|
|
147
|
-
--button-background-color: var(--button-ghost-background-color, transparent);
|
|
148
|
-
--button-focus-ring-color: var(--button-ghost-focus-ring-color, #0265DC);
|
|
149
|
-
}
|
|
150
|
-
._button_1988s_2._appearance-ghost_1988s_140[data-interactive=hover], ._button_1988s_2._appearance-ghost_1988s_140:hover {
|
|
151
|
-
--button-foreground-color: var(--button-ghost-foreground-color-hover, #141414);
|
|
152
|
-
--button-background-color: var(--button-ghost-background-color-hover, rgba(20, 20, 20, 0.0784313725));
|
|
153
|
-
}
|
|
154
|
-
._button_1988s_2._appearance-ghost_1988s_140[data-interactive=active], ._button_1988s_2._appearance-ghost_1988s_140:active {
|
|
155
|
-
--button-foreground-color: var(--button-ghost-foreground-color-active, #141414);
|
|
156
|
-
--button-background-color: var(--button-ghost-background-color-active, rgba(20, 20, 20, 0.1607843137));
|
|
157
|
-
}
|
|
158
|
-
._button_1988s_2._danger-primary_1988s_155 {
|
|
159
|
-
--button-foreground-color: var(--button-danger-primary-foreground-color, #ffffff);
|
|
160
|
-
--button-border-color: var(--button-danger-primary-border-color, transparent);
|
|
161
|
-
--button-border-radius: 0.375rem;
|
|
162
|
-
--button-background-color: var(--button-danger-primary-background-color, #e13212);
|
|
163
|
-
--button-focus-ring-color: var(--button-danger-primary-focus-ring-color, #e13212);
|
|
164
|
-
}
|
|
165
|
-
._button_1988s_2._danger-primary_1988s_155[data-interactive=hover], ._button_1988s_2._danger-primary_1988s_155:hover {
|
|
166
|
-
--button-foreground-color: var(--button-danger-primary-foreground-color-hover, #ffffff);
|
|
167
|
-
--button-background-color: var(--button-danger-primary-background-color-hover, #b82c12);
|
|
168
|
-
}
|
|
169
|
-
._button_1988s_2._danger-primary_1988s_155[data-interactive=active], ._button_1988s_2._danger-primary_1988s_155:active {
|
|
170
|
-
--button-foreground-color: var(--button-danger-primary-foreground-color-active, #ffffff);
|
|
171
|
-
--button-background-color: var(--button-danger-primary-background-color-active, #8f2613);
|
|
172
|
-
}
|
|
173
|
-
._button_1988s_2._danger-secondary_1988s_170 {
|
|
174
|
-
--button-foreground-color: var(--button-danger-secondary-foreground-color, #bf2a00);
|
|
175
|
-
--button-border-color: var(--button-danger-secondary-border-color, transparent);
|
|
176
|
-
--button-border-radius: 0.375rem;
|
|
177
|
-
--button-background-color: var(--button-danger-secondary-background-color, #ffece9);
|
|
178
|
-
--button-focus-ring-color: var(--button-danger-secondary-focus-ring-color, #e13212);
|
|
179
|
-
}
|
|
180
|
-
._button_1988s_2._danger-secondary_1988s_170[data-interactive=hover], ._button_1988s_2._danger-secondary_1988s_170:hover {
|
|
181
|
-
--button-foreground-color: var(--button-danger-secondary-foreground-color-hover, #bf2a00);
|
|
182
|
-
--button-background-color: var(--button-danger-secondary-background-color-hover, #fcd9d4);
|
|
183
|
-
}
|
|
184
|
-
._button_1988s_2._danger-secondary_1988s_170[data-interactive=active], ._button_1988s_2._danger-secondary_1988s_170:active {
|
|
185
|
-
--button-foreground-color: var(--button-danger-secondary-foreground-color-active, #bf2a00);
|
|
186
|
-
--button-background-color: var(--button-danger-secondary-background-color-active, #f6b4a9);
|
|
187
|
-
}
|
|
188
|
-
._button_1988s_2._type-icon_1988s_16 {
|
|
189
|
-
display: inline-flex;
|
|
190
|
-
min-width: auto;
|
|
191
|
-
--button-padding-block-start: 0.4375rem;
|
|
192
|
-
--button-padding-block-end: 0.4375rem;
|
|
193
|
-
--button-padding-inline-end: 0.4375rem;
|
|
194
|
-
--button-padding-inline-start: 0.4375rem;
|
|
195
|
-
}
|
|
196
|
-
._button_1988s_2._type-icon_1988s_16._size-xsmall_1988s_76 {
|
|
197
|
-
--button-padding-block-start: 0.3125rem;
|
|
198
|
-
--button-padding-block-end: 0.3125rem;
|
|
199
|
-
--button-padding-inline-end: 0.3125rem;
|
|
200
|
-
--button-padding-inline-start: 0.3125rem;
|
|
201
|
-
}
|
|
202
|
-
._button_1988s_2._type-icon_1988s_16._size-small_1988s_85 {
|
|
203
|
-
--button-padding-block-start: 0.4375rem;
|
|
204
|
-
--button-padding-block-end: 0.4375rem;
|
|
205
|
-
--button-padding-inline-end: 0.4375rem;
|
|
206
|
-
--button-padding-inline-start: 0.4375rem;
|
|
207
|
-
}
|
|
208
|
-
._button_1988s_2._type-icon_1988s_16._size-medium_1988s_94 {
|
|
209
|
-
--button-padding-block-start: 0.4375rem;
|
|
210
|
-
--button-padding-block-end: 0.4375rem;
|
|
211
|
-
--button-padding-inline-end: 0.4375rem;
|
|
212
|
-
--button-padding-inline-start: 0.4375rem;
|
|
213
|
-
}
|
|
214
|
-
._button_1988s_2._type-icon_1988s_16._size-large_1988s_102 {
|
|
215
|
-
--button-padding-block-start: 0.6875rem;
|
|
216
|
-
--button-padding-block-end: 0.6875rem;
|
|
217
|
-
--button-padding-inline-end: 0.6875rem;
|
|
218
|
-
--button-padding-inline-start: 0.6875rem;
|
|
219
|
-
}
|
|
220
|
-
}
|
|
221
|
-
@keyframes _indeterminate-before_1988s_1 {
|
|
222
|
-
0% {
|
|
223
|
-
inset-inline-start: -35%;
|
|
224
|
-
inset-inline-end: 100%;
|
|
225
|
-
}
|
|
226
|
-
30% {
|
|
227
|
-
inset-inline-start: 100%;
|
|
228
|
-
inset-inline-end: -90%;
|
|
229
|
-
}
|
|
230
|
-
50% {
|
|
231
|
-
inset-inline-start: 100%;
|
|
232
|
-
inset-inline-end: -90%;
|
|
233
|
-
}
|
|
234
|
-
80% {
|
|
235
|
-
inset-inline-start: 100%;
|
|
236
|
-
inset-inline-end: -90%;
|
|
237
|
-
}
|
|
238
|
-
100% {
|
|
239
|
-
inset-inline-start: -35%;
|
|
240
|
-
inset-inline-end: 100%;
|
|
241
|
-
}
|
|
242
|
-
}
|
|
243
|
-
@layer base {
|
|
244
|
-
._button-compound_1988s_241 {
|
|
245
|
-
background-color: transparent;
|
|
246
|
-
padding-block: 0;
|
|
247
|
-
padding-inline: 0;
|
|
248
|
-
gap: 0.5rem;
|
|
249
|
-
min-width: auto;
|
|
250
|
-
background-color: var(--button-background-color);
|
|
251
|
-
border-color: transparent;
|
|
252
|
-
border-radius: var(--button-border-radius, 0);
|
|
253
|
-
outline-color: var(--button-secondary-focus-ring-color, #0265DC);
|
|
254
|
-
}
|
|
255
|
-
}
|
|
256
|
-
@layer state {
|
|
257
|
-
._button-compound_1988s_241[data-interactive=hover], ._button-compound_1988s_241:hover {
|
|
258
|
-
--button-background-color: var(--button-secondary-background-color-hover, rgba(5, 5, 5, 0.1333333333));
|
|
259
|
-
z-index: 1;
|
|
260
|
-
}
|
|
261
|
-
._button-compound_1988s_241[data-interactive=active], ._button-compound_1988s_241:active {
|
|
262
|
-
--button-background-color: var(--button-secondary-background-color-active, rgba(7, 7, 7, 0.2078431373));
|
|
263
|
-
z-index: 1;
|
|
264
|
-
}
|
|
265
|
-
._button-compound_1988s_241._shape-rounded_1988s_262 {
|
|
266
|
-
--button-border-radius: 0.75rem;
|
|
267
|
-
}
|
|
268
|
-
._button-compound_1988s_241._shape-pill_1988s_265 {
|
|
269
|
-
--button-border-radius: 1.5rem;
|
|
270
|
-
}
|
|
271
|
-
._button-compound_1988s_241._shape-circular_1988s_268 {
|
|
272
|
-
--button-border-radius: 100%;
|
|
273
|
-
}
|
|
274
|
-
}
|
|
275
|
-
@layer state {
|
|
276
|
-
._button-toggle_1988s_273 {
|
|
277
|
-
border-color: var(--border-color, #949596);
|
|
278
|
-
}
|
|
279
|
-
._button-toggle_1988s_273[aria-pressed=false]:not([data-interactive=hover],
|
|
280
|
-
:hover,
|
|
281
|
-
[data-interactive=active],
|
|
282
|
-
:active) {
|
|
283
|
-
background-color: var(--button-primary-foreground-color, #ffffff);
|
|
284
|
-
}
|
|
285
|
-
._button-toggle_1988s_273[aria-pressed=true]:not(:disabled, ._disabled_1988s_67, [aria-disabled=true]) {
|
|
286
|
-
color: var(--foreground-color-primary, #0265DC);
|
|
287
|
-
border-color: currentColor;
|
|
288
|
-
}
|
|
289
|
-
._button-toggle_1988s_273[aria-pressed=true]:not(:disabled, ._disabled_1988s_67, [aria-disabled=true])[data-interactive=hover], ._button-toggle_1988s_273[aria-pressed=true]:not(:disabled, ._disabled_1988s_67, [aria-disabled=true]):hover {
|
|
290
|
-
color: var(--foreground-color-hover-primary, #004491);
|
|
291
|
-
}
|
|
292
|
-
._button-toggle_1988s_273[aria-pressed=true]:not(:disabled, ._disabled_1988s_67, [aria-disabled=true])[data-interactive=hover]::before, ._button-toggle_1988s_273[aria-pressed=true]:not(:disabled, ._disabled_1988s_67, [aria-disabled=true]):hover::before {
|
|
293
|
-
content: "";
|
|
294
|
-
background-color: var(--overlay-color-hover-primary, rgba(2, 101, 220, 0.1019607843));
|
|
295
|
-
position: absolute;
|
|
296
|
-
inset: 0;
|
|
297
|
-
z-index: 1;
|
|
298
|
-
}
|
|
299
|
-
._button-toggle_1988s_273[aria-pressed=true]:not(:disabled, ._disabled_1988s_67, [aria-disabled=true])[data-interactive=active], ._button-toggle_1988s_273[aria-pressed=true]:not(:disabled, ._disabled_1988s_67, [aria-disabled=true]):active {
|
|
300
|
-
color: var(--foreground-color-active-primary, #004491);
|
|
301
|
-
border-color: currentColor;
|
|
302
|
-
}
|
|
303
|
-
._button-toggle_1988s_273[aria-pressed=true]:not(:disabled, ._disabled_1988s_67, [aria-disabled=true])[data-interactive=active]::before, ._button-toggle_1988s_273[aria-pressed=true]:not(:disabled, ._disabled_1988s_67, [aria-disabled=true]):active::before {
|
|
304
|
-
content: "";
|
|
305
|
-
background-color: var(--overlay-color-active-primary, rgba(2, 101, 220, 0.3019607843));
|
|
306
|
-
position: absolute;
|
|
307
|
-
inset: 0;
|
|
308
|
-
z-index: 1;
|
|
309
|
-
}
|
|
310
|
-
._button-toggle_1988s_273[aria-pressed=true]:not(:disabled, ._disabled_1988s_67, [aria-disabled=true])::after {
|
|
311
|
-
content: "";
|
|
312
|
-
position: absolute;
|
|
313
|
-
width: 100%;
|
|
314
|
-
height: 100%;
|
|
315
|
-
inset-block-start: 0;
|
|
316
|
-
inset-block-end: 0;
|
|
317
|
-
inset-inline-start: 0;
|
|
318
|
-
inset-inline-end: 0;
|
|
319
|
-
z-index: -1;
|
|
320
|
-
border-radius: inherit;
|
|
321
|
-
transition: background-color 200ms cubic-bezier(0, 0, 0.4, 1);
|
|
322
|
-
background-color: var(--background-color-primary-subdued, #E0F2FF);
|
|
323
|
-
}
|
|
324
|
-
}
|
|
325
|
-
@layer application {
|
|
326
|
-
._button-toggle_1988s_273:disabled, ._button-toggle_1988s_273._disabled_1988s_67, ._button-toggle_1988s_273[aria-disabled=true] {
|
|
327
|
-
color: var(--foreground-color-subdued, #737475);
|
|
328
|
-
border-color: transparent;
|
|
329
|
-
}
|
|
330
|
-
._button_1988s_2:disabled, ._button_1988s_2._disabled_1988s_67, ._button_1988s_2[aria-disabled=true] {
|
|
331
|
-
cursor: not-allowed;
|
|
332
|
-
opacity: 0.6;
|
|
333
|
-
--button-foreground-color: var(--foreground-color-subdued, #737475);
|
|
334
|
-
--button-background-color: var(--background-color-strong, #f7f7f7);
|
|
335
|
-
--button-border-color: transparent;
|
|
336
|
-
}
|
|
337
276
|
}
|
package/dist/Button.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { B as Button, B as default } from './Button-
|
|
1
|
+
export { B as Button, B as default } from './Button-Bnt8XUI7.js';
|
|
2
2
|
//# sourceMappingURL=Button.js.map
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import './Button.css';const button = "_button_whupr_1";
|
|
2
|
+
const loading = "_loading_whupr_113";
|
|
3
|
+
const styles = {
|
|
4
|
+
button: button,
|
|
5
|
+
loading: loading,
|
|
6
|
+
"loading-spinner": "_loading-spinner_whupr_117",
|
|
7
|
+
"size-xsmall": "_size-xsmall_whupr_121",
|
|
8
|
+
"size-small": "_size-small_whupr_136",
|
|
9
|
+
"size-medium": "_size-medium_whupr_147",
|
|
10
|
+
"size-large": "_size-large_whupr_162",
|
|
11
|
+
"appearance-primary": "_appearance-primary_whupr_173",
|
|
12
|
+
"appearance-secondary": "_appearance-secondary_whupr_187",
|
|
13
|
+
"appearance-ghost": "_appearance-ghost_whupr_201",
|
|
14
|
+
"danger-primary": "_danger-primary_whupr_215",
|
|
15
|
+
"danger-secondary": "_danger-secondary_whupr_229",
|
|
16
|
+
"size-xsmall-icon": "_size-xsmall-icon_whupr_243",
|
|
17
|
+
"size-small-icon": "_size-small-icon_whupr_259",
|
|
18
|
+
"size-medium-icon": "_size-medium-icon_whupr_275",
|
|
19
|
+
"size-large-icon": "_size-large-icon_whupr_291"
|
|
20
|
+
};
|
|
21
|
+
|
|
22
|
+
export { styles as s };
|
|
23
|
+
//# sourceMappingURL=Button.module-DsGhJYRw.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.module-DsGhJYRw.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;"}
|