@apple-pie/slice 0.1.1 → 0.1.3
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/README.md +110 -5
- package/dist/cjs/chunks/{Avatar-zAhrTMO4.js → Avatar-YNcGDUzr.js} +27 -14
- package/dist/cjs/chunks/{AvatarGroup-qI2wNIKO.js → AvatarGroup-Dn5R1XIU.js} +2 -2
- package/dist/cjs/chunks/{Badge-Bv6c2YVC.js → Badge-CY_DG6cD.js} +2 -2
- package/dist/cjs/chunks/{Button-CNrcvIUu.js → Button-hg5kGC1P.js} +9 -9
- package/dist/cjs/chunks/{ButtonBar-CcL0wFXX.js → ButtonBar-C9Nm9faU.js} +2 -2
- package/dist/cjs/chunks/Camera-Dx_PT3pS.js +364 -0
- package/dist/cjs/chunks/{Card-pxbzaSWm.js → Card-AgEMKJ4O.js} +2 -2
- package/dist/cjs/chunks/{CheckBox-tcFDVDGG.js → CheckBox-CLMxlUff.js} +2 -2
- package/dist/cjs/chunks/{Chip-DfMVpYjg.js → Chip-CIy_Xe3i.js} +7 -7
- package/dist/cjs/chunks/{DivInput-hHsbuscc.js → DivInput-C73sqUF3.js} +10 -10
- package/dist/cjs/chunks/{Dot-BSSClfHQ.js → Dot-_HCJ3qxd.js} +2 -2
- package/dist/cjs/chunks/{DrggablePanel-BbDhV-a9.js → DrggablePanel-BzvBBhS7.js} +4 -4
- package/dist/cjs/chunks/{DropDown-C0vV24pv.js → DropDown-FZb52YxR.js} +9 -9
- package/dist/cjs/chunks/{ErrorSummary-CIUqlSLC.js → ErrorSummary-By4CjJ9a.js} +2 -2
- package/dist/cjs/chunks/{FileIcon-DTQaXxfC.js → FileIcon-hYwcre20.js} +2 -2
- package/dist/cjs/chunks/{FileList-C8Aq-iCW.js → FileList-BQgcnKPP.js} +21 -21
- package/dist/cjs/chunks/{FlexDiv-CW5gSa4V.js → FlexDiv-B3q6j3W9.js} +2 -2
- package/dist/cjs/chunks/{Grouper-B16IH2YM.js → Grouper-Bgc1wrQM.js} +2 -2
- package/dist/cjs/chunks/{IconButton-BDKARPkc.js → IconButton-CBWmUZxR.js} +2 -2
- package/dist/cjs/chunks/{Label-ZlQVpETS.js → Label-D15cIroT.js} +22 -20
- package/dist/cjs/chunks/{Overlay-Bb2YoSKr.js → Overlay-DL0EJDyk.js} +2 -2
- package/dist/cjs/chunks/{Pager-Bp1rPImK.js → Pager-TUxcWbmn.js} +3 -3
- package/dist/cjs/chunks/{ProgressIndicator-Qx3jfv8r.js → ProgressIndicator-qjya_Yb5.js} +4 -4
- package/dist/cjs/chunks/{PromptInput-7rftpDc1.js → PromptInput-ZqHQUfXw.js} +13 -13
- package/dist/cjs/chunks/{RadioButton-D5EJdMlL.js → RadioButton-Ce9uf54a.js} +3 -3
- package/dist/cjs/chunks/{RadioButtonList-DqsaDvEr.js → RadioButtonList-dhPr-Uhs.js} +2 -2
- package/dist/cjs/chunks/{Slider-CZvCAodl.js → Slider-CrjpZooG.js} +4 -4
- package/dist/cjs/chunks/{Switch-C9UtaIAt.js → Switch-Xqf0vwul.js} +2 -2
- package/dist/cjs/chunks/{TabBar-DlhY_3G4.js → TabBar-DuwypMB6.js} +2 -2
- package/dist/cjs/chunks/{TextArea-D0i83Jjq.js → TextArea-BhzVGfKA.js} +2 -2
- package/dist/cjs/chunks/{TextField-DRhQUqYA.js → TextField-hIjxrOG9.js} +10 -10
- package/dist/cjs/chunks/{Tip-CjMHa-fD.js → Tip-ik8-p4_4.js} +7 -7
- package/dist/cjs/chunks/{Toast-BdrI0h64.js → Toast-DMUM1wuL.js} +11 -11
- package/dist/cjs/chunks/{UploadArea-DBsMosuN.js → UploadArea-B4GA06LW.js} +15 -15
- package/dist/cjs/chunks/{_types-BMRxxH7h.js → _types-C_zOsCbB.js} +79 -11
- package/dist/cjs/chunks/colors-uej0anrN.js +27 -0
- package/dist/cjs/chunks/{utils-BsBHecUI.js → misc-C-M6KKsH.js} +27 -9
- package/dist/cjs/chunks/sseStore-Dg0WuXsI.js +59 -0
- package/dist/cjs/components/Avatar/index.js +7 -0
- package/dist/cjs/components/AvatarGroup/index.js +7 -0
- package/dist/cjs/{uikit → components}/Badge/index.js +1 -1
- package/dist/cjs/{uikit → components}/Button/index.js +4 -4
- package/dist/cjs/{uikit → components}/ButtonBar/index.js +4 -4
- package/dist/cjs/components/Camera/index.js +11 -0
- package/dist/cjs/{uikit → components}/Card/index.js +3 -3
- package/dist/cjs/{uikit → components}/CheckBox/index.js +3 -3
- package/dist/cjs/{uikit → components}/Chip/index.js +2 -2
- package/dist/cjs/components/DivInput/index.js +7 -0
- package/dist/cjs/{uikit → components}/Dot/index.js +1 -1
- package/dist/cjs/{uikit → components}/DraggablePanel/index.js +2 -2
- package/dist/cjs/{uikit → components}/DropDown/index.js +2 -2
- package/dist/cjs/{uikit → components}/ErrorSummary/index.js +1 -1
- package/dist/cjs/{uikit → components}/FileIcon/index.js +2 -2
- package/dist/cjs/{uikit → components}/FileList/index.js +4 -4
- package/dist/cjs/{uikit → components}/FlexDiv/index.js +1 -1
- package/dist/cjs/{uikit → components}/Grouper/index.js +4 -4
- package/dist/cjs/{uikit → components}/Icon/index.js +2 -2
- package/dist/cjs/{uikit → components}/IconButton/index.js +4 -4
- package/dist/cjs/{uikit → components}/Label/index.js +2 -2
- package/dist/cjs/{uikit → components}/Overlay/index.js +1 -1
- package/dist/cjs/components/Pager/index.js +7 -0
- package/dist/cjs/{uikit → components}/Progress/index.js +3 -3
- package/dist/cjs/{uikit → components}/PromptInput/index.js +7 -7
- package/dist/cjs/{uikit → components}/RadioButton/index.js +2 -2
- package/dist/cjs/{uikit → components}/RadioButtonList/index.js +3 -3
- package/dist/cjs/{uikit → components}/Slider/index.js +2 -2
- package/dist/cjs/{uikit → components}/Switch/index.js +1 -1
- package/dist/cjs/{uikit → components}/TabBar/index.js +4 -4
- package/dist/cjs/{uikit → components}/TextArea/index.js +5 -5
- package/dist/cjs/{uikit → components}/Textfield/index.js +6 -6
- package/dist/cjs/components/Tip/index.js +7 -0
- package/dist/cjs/{uikit → components}/Toast/index.js +4 -4
- package/dist/cjs/{uikit → components}/UploadArea/index.js +6 -6
- package/dist/cjs/hooks/useTrackRenders.js +3 -3
- package/dist/cjs/index.js +6 -6
- package/dist/cjs/stores/SSE.js +9 -0
- package/dist/cjs/stores.js +7 -3
- package/dist/cjs/utils/index.js +7 -0
- package/dist/cjs/utils/objects/index.js +140 -0
- package/dist/esm/chunks/{Avatar-D5mMmaIi.mjs → Avatar-CDMV6f9w.mjs} +30 -15
- package/dist/esm/chunks/{AvatarGroup-B3_zWk_-.mjs → AvatarGroup-BZ18GwhK.mjs} +3 -3
- package/dist/esm/chunks/{Badge-BISGWj5-.mjs → Badge-DyICxZP2.mjs} +2 -2
- package/dist/esm/chunks/{Button-qeCEnTFJ.mjs → Button-DJDS7Yad.mjs} +12 -12
- package/dist/esm/chunks/{ButtonBar-jMNpQysA.mjs → ButtonBar-DIsqJmrS.mjs} +3 -3
- package/dist/esm/chunks/Camera-BvJJ5cd-.mjs +380 -0
- package/dist/esm/chunks/{Card-4u4hpBAM.mjs → Card-DjHdCav5.mjs} +3 -3
- package/dist/esm/chunks/{CheckBox-D2jWAviD.mjs → CheckBox-C1LPehvl.mjs} +3 -3
- package/dist/esm/chunks/{Chip-DnsTVVmp.mjs → Chip-ByaaWpFx.mjs} +7 -7
- package/dist/esm/chunks/{DivInput-B4ohgnLJ.mjs → DivInput-B7BliU1p.mjs} +3 -3
- package/dist/esm/chunks/{Dot-C-Xu24wF.mjs → Dot-CLGwQu-i.mjs} +2 -2
- package/dist/esm/chunks/{DrggablePanel-CEg9sHHt.mjs → DrggablePanel-DvactFf5.mjs} +3 -3
- package/dist/esm/chunks/{DropDown-CCePGFHd.mjs → DropDown-CM01mO_W.mjs} +9 -9
- package/dist/esm/chunks/{ErrorSummary-CZw06dSh.mjs → ErrorSummary-S0shes-m.mjs} +2 -2
- package/dist/esm/chunks/{FileIcon-BcIJzIwA.mjs → FileIcon-CC_k5dUW.mjs} +1 -1
- package/dist/esm/chunks/{FileList-db86wx1X.mjs → FileList-CmlXqPXl.mjs} +18 -18
- package/dist/esm/chunks/{FlexDiv-BLYDgWu2.mjs → FlexDiv-LGEGGrT0.mjs} +2 -2
- package/dist/esm/chunks/{Grouper-D8mQt9_Q.mjs → Grouper-DNmAYWdR.mjs} +4 -4
- package/dist/esm/chunks/{IconButton-DlgZO9hb.mjs → IconButton-C8RBNFzh.mjs} +5 -5
- package/dist/esm/chunks/{Label-Cj_LkQLx.mjs → Label-DOvquc82.mjs} +21 -19
- package/dist/esm/chunks/{Overlay-Bh0enFIe.mjs → Overlay-Cw9o1fHb.mjs} +2 -2
- package/dist/esm/chunks/{Pager-6mBRDV3D.mjs → Pager-BX4TMwD_.mjs} +3 -3
- package/dist/esm/chunks/{ProgressIndicator-DsN3c0J5.mjs → ProgressIndicator-h11R3FG1.mjs} +5 -5
- package/dist/esm/chunks/{PromptInput-BGt0FgwF.mjs → PromptInput-DSHVUuEf.mjs} +14 -14
- package/dist/esm/chunks/{RadioButton-D9qz4XDZ.mjs → RadioButton-_lo_FJ8g.mjs} +4 -4
- package/dist/esm/chunks/{RadioButtonList-DCaC7MnI.mjs → RadioButtonList-CLHJxrI_.mjs} +3 -3
- package/dist/esm/chunks/{Slider-C3A8GCfH.mjs → Slider-Bih21QiT.mjs} +3 -3
- package/dist/esm/chunks/{Switch-Dt4ynf5r.mjs → Switch-nWg2Ykea.mjs} +2 -2
- package/dist/esm/chunks/{TabBar-CYGdcsab.mjs → TabBar-CDDzA_m1.mjs} +5 -5
- package/dist/esm/chunks/{TextArea-BWnMMBN0.mjs → TextArea-CyVBzMoN.mjs} +3 -3
- package/dist/esm/chunks/{TextField-D8j5hLhv.mjs → TextField-CYI2vbvO.mjs} +12 -12
- package/dist/esm/chunks/{Tip-CHQh-Yq0.mjs → Tip-B-cDOFvV.mjs} +6 -6
- package/dist/esm/chunks/{Toast-MzHPO4x3.mjs → Toast-ovxR12_-.mjs} +8 -8
- package/dist/esm/chunks/{UploadArea-DwGsYUhY.mjs → UploadArea-Kez3VD4d.mjs} +14 -14
- package/dist/esm/chunks/{_types-B0zIFpYY.mjs → _types-CTmvSEX0.mjs} +100 -32
- package/dist/esm/chunks/colors-DR9fLI5X.mjs +30 -0
- package/dist/esm/chunks/{utils-BQ1v7VE4.mjs → misc-cg9I7drO.mjs} +21 -2
- package/dist/esm/chunks/sseStore-m3IPyLwJ.mjs +56 -0
- package/dist/esm/components/Avatar/index.mjs +11 -0
- package/dist/esm/components/AvatarGroup/index.mjs +13 -0
- package/dist/esm/{uikit → components}/Badge/index.mjs +1 -1
- package/dist/esm/{uikit → components}/Button/index.mjs +6 -6
- package/dist/esm/{uikit → components}/ButtonBar/index.mjs +6 -6
- package/dist/esm/components/Camera/index.mjs +35 -0
- package/dist/esm/{uikit → components}/Card/index.mjs +3 -3
- package/dist/esm/{uikit → components}/CheckBox/index.mjs +3 -3
- package/dist/esm/{uikit → components}/Chip/index.mjs +3 -3
- package/dist/esm/{uikit → components}/DivInput/index.mjs +2 -2
- package/dist/esm/{uikit → components}/Dot/index.mjs +1 -1
- package/dist/esm/{uikit → components}/DraggablePanel/index.mjs +2 -2
- package/dist/esm/{uikit → components}/DropDown/index.mjs +3 -3
- package/dist/esm/{uikit → components}/ErrorSummary/index.mjs +1 -1
- package/dist/esm/{uikit → components}/FileIcon/index.mjs +2 -2
- package/dist/esm/{uikit → components}/FileList/index.mjs +5 -5
- package/dist/esm/{uikit → components}/FlexDiv/index.mjs +1 -1
- package/dist/esm/{uikit → components}/Grouper/index.mjs +4 -4
- package/dist/esm/{uikit → components}/Icon/index.mjs +2 -2
- package/dist/esm/{uikit → components}/IconButton/index.mjs +5 -5
- package/dist/esm/{uikit → components}/Label/index.mjs +2 -2
- package/dist/esm/{uikit → components}/Overlay/index.mjs +1 -1
- package/dist/esm/components/Pager/index.mjs +11 -0
- package/dist/esm/{uikit → components}/Progress/index.mjs +3 -3
- package/dist/esm/{uikit → components}/PromptInput/index.mjs +9 -9
- package/dist/esm/{uikit → components}/RadioButton/index.mjs +3 -3
- package/dist/esm/{uikit → components}/RadioButtonList/index.mjs +4 -4
- package/dist/esm/{uikit → components}/Slider/index.mjs +2 -2
- package/dist/esm/{uikit → components}/Switch/index.mjs +1 -1
- package/dist/esm/{uikit → components}/TabBar/index.mjs +6 -6
- package/dist/esm/{uikit → components}/TextArea/index.mjs +7 -7
- package/dist/esm/{uikit → components}/Textfield/index.mjs +8 -8
- package/dist/esm/{uikit → components}/Tip/index.mjs +2 -2
- package/dist/esm/{uikit → components}/Toast/index.mjs +3 -3
- package/dist/esm/{uikit → components}/UploadArea/index.mjs +6 -6
- package/dist/esm/hooks/useTrackRenders.mjs +1 -1
- package/dist/esm/index.mjs +39 -37
- package/dist/esm/stores/SSE.mjs +7 -0
- package/dist/esm/stores.mjs +4 -0
- package/dist/esm/utils/index.mjs +7 -0
- package/dist/esm/utils/objects/index.mjs +140 -0
- package/dist/types/{uikit → components}/Avatar/_types.d.ts +3 -3
- package/dist/types/components/Camera/Camera.d.ts +11 -0
- package/dist/types/components/Camera/_types.d.ts +78 -0
- package/dist/types/components/Camera/index.d.ts +2 -0
- package/dist/types/{uikit → components}/Icon/_types.d.ts +5 -0
- package/dist/types/{uikit → components}/Switch/Switch.stories.d.ts +1 -1
- package/dist/types/hooks/useToolTip/useToolTip.d.ts +1 -1
- package/dist/types/index.d.ts +74 -74
- package/dist/types/stores/SSE/_types.d.ts +17 -0
- package/dist/types/stores/SSE/index.d.ts +2 -0
- package/dist/types/stores/SSE/sseStore.d.ts +28 -0
- package/dist/types/stores/index.d.ts +1 -0
- package/dist/types/stores/tip/_types.d.ts +1 -1
- package/dist/types/stores/toast/_types.d.ts +1 -1
- package/dist/types/utils/functions/colors.d.ts +8 -0
- package/dist/types/{util → utils/functions}/files.d.ts +1 -1
- package/dist/types/{util/utils.d.ts → utils/functions/misc.d.ts} +2 -2
- package/dist/types/utils/index.d.ts +4 -0
- package/dist/types/utils/objects/SSEConnection/SSEConnection.d.ts +166 -0
- package/dist/types/utils/objects/WSConnection/WSConnection.d.ts +0 -0
- package/dist/types/utils/objects/index.d.ts +2 -0
- package/package.json +15 -5
- package/dist/cjs/chunks/Logos-CAHU-eIP.js +0 -483
- package/dist/cjs/uikit/Avatar/index.js +0 -6
- package/dist/cjs/uikit/AvatarGroup/index.js +0 -7
- package/dist/cjs/uikit/DivInput/index.js +0 -7
- package/dist/cjs/uikit/Logos/index.js +0 -9
- package/dist/cjs/uikit/Pager/index.js +0 -7
- package/dist/cjs/uikit/Tip/index.js +0 -7
- package/dist/esm/chunks/Logos-CpcaarOG.mjs +0 -493
- package/dist/esm/uikit/Avatar/index.mjs +0 -9
- package/dist/esm/uikit/AvatarGroup/index.mjs +0 -11
- package/dist/esm/uikit/Logos/index.mjs +0 -25
- package/dist/esm/uikit/Pager/index.mjs +0 -11
- package/dist/types/uikit/Logos/Logos.d.ts +0 -2
- package/dist/types/uikit/Logos/_types.d.ts +0 -9
- package/dist/types/uikit/Logos/index.d.ts +0 -2
- package/dist/types/util/flexBox.d.ts +0 -11
- package/dist/types/workers/uploads/uploads.runtime.d.ts +0 -1
- /package/dist/cjs/{uikit → components}/DocIcon/index.js +0 -0
- /package/dist/cjs/{uikit → components}/Spacer/index.js +0 -0
- /package/dist/esm/{uikit → components}/DocIcon/index.mjs +0 -0
- /package/dist/esm/{uikit → components}/Spacer/index.mjs +0 -0
- /package/dist/types/{uikit → components}/Avatar/Avatar.d.ts +0 -0
- /package/dist/types/{uikit → components}/Avatar/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/AvatarGroup/AvatarGroup.d.ts +0 -0
- /package/dist/types/{uikit → components}/AvatarGroup/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/AvatarGroup/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/Badge/Badge.d.ts +0 -0
- /package/dist/types/{uikit → components}/Badge/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/Badge/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/Button/Button.d.ts +0 -0
- /package/dist/types/{uikit → components}/Button/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/Button/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/ButtonBar/ButtonBar.d.ts +0 -0
- /package/dist/types/{uikit → components}/ButtonBar/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/ButtonBar/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/Card/Card.d.ts +0 -0
- /package/dist/types/{uikit → components}/Card/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/Card/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/CheckBox/CheckBox.d.ts +0 -0
- /package/dist/types/{uikit → components}/CheckBox/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/CheckBox/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/Chip/Chip.d.ts +0 -0
- /package/dist/types/{uikit → components}/Chip/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/Chip/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/DivInput/DivInput.d.ts +0 -0
- /package/dist/types/{uikit → components}/DivInput/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/DivInput/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/DocIcon/DocIcons.d.ts +0 -0
- /package/dist/types/{uikit → components}/DocIcon/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/DocIcon/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/Dot/Dot.d.ts +0 -0
- /package/dist/types/{uikit → components}/Dot/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/Dot/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/DraggablePanel/DrggablePanel.d.ts +0 -0
- /package/dist/types/{uikit → components}/DraggablePanel/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/DraggablePanel/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/DropDown/DropDown.d.ts +0 -0
- /package/dist/types/{uikit → components}/DropDown/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/DropDown/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/ErrorSummary/ErrorSummary.d.ts +0 -0
- /package/dist/types/{uikit → components}/ErrorSummary/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/ErrorSummary/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/FileIcon/FileIcon.d.ts +0 -0
- /package/dist/types/{uikit → components}/FileIcon/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/FileIcon/fileIconRegistry.d.ts +0 -0
- /package/dist/types/{uikit → components}/FileIcon/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/FileList/FileList.d.ts +0 -0
- /package/dist/types/{uikit → components}/FileList/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/FileList/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/FlexDiv/FlexDiv.d.ts +0 -0
- /package/dist/types/{uikit → components}/FlexDiv/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/FlexDiv/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/Grouper/Grouper.d.ts +0 -0
- /package/dist/types/{uikit → components}/Grouper/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/Grouper/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/Icon/Icon.d.ts +0 -0
- /package/dist/types/{uikit → components}/Icon/iconRegistry.d.ts +0 -0
- /package/dist/types/{uikit → components}/Icon/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/IconButton/IconButton.d.ts +0 -0
- /package/dist/types/{uikit → components}/IconButton/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/IconButton/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/Label/Label.d.ts +0 -0
- /package/dist/types/{uikit → components}/Label/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/Label/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/Overlay/Overlay.d.ts +0 -0
- /package/dist/types/{uikit → components}/Overlay/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/Overlay/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/Pager/Pager.d.ts +0 -0
- /package/dist/types/{uikit → components}/Pager/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/Pager/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/Progress/DoneCheck/DoneCheck.d.ts +0 -0
- /package/dist/types/{uikit → components}/Progress/DoneCheck/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/Progress/ProgressIndicator/ProgressIndicator.d.ts +0 -0
- /package/dist/types/{uikit → components}/Progress/ProgressIndicator/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/Progress/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/PromptInput/PromptInput.d.ts +0 -0
- /package/dist/types/{uikit → components}/PromptInput/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/PromptInput/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/RadioButton/RadioButton.d.ts +0 -0
- /package/dist/types/{uikit → components}/RadioButton/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/RadioButton/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/RadioButtonList/RadioButtonList.d.ts +0 -0
- /package/dist/types/{uikit → components}/RadioButtonList/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/RadioButtonList/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/Slider/Slider.d.ts +0 -0
- /package/dist/types/{uikit → components}/Slider/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/Slider/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/Spacer/Spacer.d.ts +0 -0
- /package/dist/types/{uikit → components}/Spacer/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/Spacer/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/Switch/Switch.d.ts +0 -0
- /package/dist/types/{uikit → components}/Switch/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/Switch/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/TabBar/TabBar.d.ts +0 -0
- /package/dist/types/{uikit → components}/TabBar/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/TabBar/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/TextArea/TextArea.d.ts +0 -0
- /package/dist/types/{uikit → components}/TextArea/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/TextArea/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/Textfield/TextField.d.ts +0 -0
- /package/dist/types/{uikit → components}/Textfield/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/Textfield/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/Tip/Tip.d.ts +0 -0
- /package/dist/types/{uikit → components}/Tip/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/Tip/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/Toast/Toast.d.ts +0 -0
- /package/dist/types/{uikit → components}/Toast/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/Toast/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/UploadArea/UploadArea.d.ts +0 -0
- /package/dist/types/{uikit → components}/UploadArea/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/UploadArea/index.d.ts +0 -0
- /package/dist/types/{stories → components}/playHelpers.d.ts +0 -0
- /package/dist/types/{uikit → components}/sharedTypes.d.ts +0 -0
- /package/dist/types/{util → utils/functions}/debounce.d.ts +0 -0
|
@@ -8,9 +8,9 @@ import React, { useMemo } from "react";
|
|
|
8
8
|
|
|
9
9
|
import { s as styleInject } from "./style-inject.es-D0BjEaN8.mjs";
|
|
10
10
|
|
|
11
|
-
var css_dot = "Dot-
|
|
11
|
+
var css_dot = "Dot-module_dot__RNz87 flexBox-module_row__z24tF";
|
|
12
12
|
|
|
13
|
-
styleInject(".flexBox-
|
|
13
|
+
styleInject(".flexBox-module_row__z24tF {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__5FEvi {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__4tcxS {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__rVdVm {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__ezvMq {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__C7P44 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__PKcrG {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__ERfp7 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__lLJuc {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.Dot-module_dot__RNz87 {\n\tdisplay: var(--dot-display);\n\tbox-sizing: content-box;\n\tposition: var(--dot-position);\n\ttop: var(--dot-top);\n\tright: var(--dot-right);\n\tvertical-align: var(--dot-vertical-align);\n\tmin-height: var(--dot-size);\n\tmin-width: var(--dot-size);\n\theight: var(--dot-size);\n\twidth: var(--dot-size);\n\tborder: var(--dot-border) solid var(--core-surface-primary);\n\tbackground: var(--dot-bg);\n\tborder-radius: 100%;\n\tz-index: var(--elevation-status);\n}\n");
|
|
14
14
|
|
|
15
15
|
const DEFAULT_VARIANTS = {
|
|
16
16
|
initial: {
|
|
@@ -12,13 +12,13 @@ import "../hooks/useWindow.mjs";
|
|
|
12
12
|
|
|
13
13
|
import { useObserveResize } from "../hooks/useObserveResize.mjs";
|
|
14
14
|
|
|
15
|
-
import { p as pointerPosition } from "./
|
|
15
|
+
import { p as pointerPosition } from "./misc-cg9I7drO.mjs";
|
|
16
16
|
|
|
17
17
|
import { s as styleInject } from "./style-inject.es-D0BjEaN8.mjs";
|
|
18
18
|
|
|
19
|
-
var css_panel = "DraggablePanel-
|
|
19
|
+
var css_panel = "DraggablePanel-module_panel__vuq2R flexBox-module_columnStart__C7P44", css_content = "DraggablePanel-module_content__SBL0T flexBox-module_columnStart__C7P44", css_handle = "DraggablePanel-module_handle__LPZw8";
|
|
20
20
|
|
|
21
|
-
styleInject(".flexBox-
|
|
21
|
+
styleInject(".flexBox-module_row__z24tF {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__5FEvi {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__4tcxS {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__rVdVm {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__ezvMq {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__C7P44 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__PKcrG {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__ERfp7 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__lLJuc {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}\n\n.DraggablePanel-module_panel__vuq2R {\n\tposition: relative;\n\tbackground-color: var(--panel-bg);\n}\n\n.DraggablePanel-module_content__SBL0T {\n\twidth: 100%;\n\theight: 100%;\n\toverflow: hidden;\n}\n\n.DraggablePanel-module_handle__LPZw8 {\n\twidth: var(--drag-handle-width);\n\theight: var(--drag-handle-height);\n\tmin-width: var(--drag-handle-width);\n\tmin-height: var(--drag-handle-height);\n\tborder-radius: var(--drag-handle-radius);\n\tborder: var(--drag-handle-border) solid var(--drag-handle-border-color);\n\tbackground: var(--drag-handle-bg);\n\tposition: absolute;\n\ttop: 50%;\n\tleft: 50%;\n\ttransform: translateX(-50%) translateY(-50%);\n\tz-index: 15000;\n}\n");
|
|
22
22
|
|
|
23
23
|
const DraggablePanel = React.memo(props => {
|
|
24
24
|
const theme = useTheme(), {children: children, sizeConstraints: sizeConstraints = {
|
|
@@ -10,21 +10,21 @@ import "../theme/colors.mjs";
|
|
|
10
10
|
|
|
11
11
|
import "../hooks/useWindow.mjs";
|
|
12
12
|
|
|
13
|
-
import { I as Icon } from "./_types-
|
|
13
|
+
import { I as Icon } from "./_types-CTmvSEX0.mjs";
|
|
14
14
|
|
|
15
15
|
import { s as styleInject } from "./style-inject.es-D0BjEaN8.mjs";
|
|
16
16
|
|
|
17
17
|
var css = {
|
|
18
|
-
wrapper: "DropDown-
|
|
19
|
-
face: "DropDown-
|
|
20
|
-
small: "DropDown-
|
|
21
|
-
medium: "DropDown-
|
|
22
|
-
large: "DropDown-
|
|
23
|
-
chevron: "DropDown-
|
|
24
|
-
select: "DropDown-
|
|
18
|
+
wrapper: "DropDown-module_wrapper__CyX0u flexBox-module_rowStart__4tcxS",
|
|
19
|
+
face: "DropDown-module_face__6gyF3 flexBox-module_rowStart__4tcxS",
|
|
20
|
+
small: "DropDown-module_small__5R9bM type-module_body-s-regular__vRHSP",
|
|
21
|
+
medium: "DropDown-module_medium__MnvHF type-module_body-m-regular__LuQBA",
|
|
22
|
+
large: "DropDown-module_large__jMjDO type-module_body-l-regular__lOYbg",
|
|
23
|
+
chevron: "DropDown-module_chevron__LkYsE flexBox-module_rowStart__4tcxS",
|
|
24
|
+
select: "DropDown-module_select__mzNnv"
|
|
25
25
|
};
|
|
26
26
|
|
|
27
|
-
styleInject(".flexBox-
|
|
27
|
+
styleInject(".flexBox-module_row__z24tF {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__5FEvi {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__4tcxS {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__rVdVm {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__ezvMq {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__C7P44 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__PKcrG {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__ERfp7 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__lLJuc {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.type-module_body-xs-regular__ZAFft {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__s3KvF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__Lhqqq {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__vRHSP {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__tjdFc {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__Iy-VX {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__LuQBA {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__uW1on {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__UBcvQ {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__lOYbg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__BqRC7 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__Fh2dt {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-xl-regular__pF2kC {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-medium__BeyrH {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-bold__Ruknj {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-medium__z8L3G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-bold__0O3g6 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__KXxEB {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__cJeEA {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__eRe05 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Xmwtf {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-medium__5q1m3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-bold__k9VFV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.DropDown-module_wrapper__CyX0u {\n\tposition: relative;\n\tgap: var(--dd-gap);\n\tmin-width: var(--dd-width);\n\twidth: var(--dd-width);\n\tborder-radius: var(--dd-border-radius);\n\tbackground-color: var(--dd-bg-color);\n\tbox-shadow: 0 0 0 var(--dd-box-shadow-size) var(--dd-border-color);\n\tpadding: var(--dd-padding-tops) var(--dd-padding-left) var(--dd-padding-tops)\n\t\tvar(--dd-padding-right) !important;\n\ttransition: all var(--motion-water-duration) var(--motion-water) 0s;\n}\n\n.DropDown-module_face__6gyF3 {\n\tflex: 1;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: 1;\n\t-webkit-box-orient: vertical;\n\ttext-overflow: ellipsis;\n\tword-break: break-all;\n\tcolor: var(--dd-color);\n}\n\n.DropDown-module_small__5R9bM {\n}\n\n.DropDown-module_medium__MnvHF {\n}\n\n.DropDown-module_large__jMjDO {\n}\n\n.DropDown-module_chevron__LkYsE {\n\tmin-height: var(--dd-icon-size);\n\tmax-height: var(--dd-icon-size);\n\tmin-width: var(--dd-icon-size);\n\tmax-width: var(--dd-icon-size);\n}\n\n.DropDown-module_select__mzNnv {\n\tposition: absolute;\n\topacity: 0;\n\twidth: 100%;\n\theight: 100%;\n\tfont-size: 14px;\n\tbackground-color: #1f99cd;\n\tbackground-position: right 10px center;\n\tbackground-repeat: no-repeat;\n\tbackground-size: auto 50%;\n\tborder: none;\n\toutline: none;\n\t-moz-appearance: none;\n\t-webkit-appearance: none;\n\tappearance: none;\n\t&::-ms-expand {\n\t\tdisplay: none;\n\t}\n}\n");
|
|
28
28
|
|
|
29
29
|
const DropDown = React.memo(props => {
|
|
30
30
|
const theme = useTheme(), {name: name = "Select", width: width = "100%", height: height = "auto", selectedIndex: selectedIndex = 0, selectedValue: selectedValue = "", options: options = [], placeholder: placeholder = !0, validate: validate = !0, borderRadius: borderRadius = 4, bgColor: bgColor = "transparent", iconColor: iconColor = theme.current.colors["core-icon-primary"], paddingLeft: paddingLeft = "8px", paddingRight: paddingRight = "12px", paddingTops: paddingTops = "8px", iconSize: iconSize = 20, disabled: disabled = !1, unframed: unframed = !1, focused: focused = !1, gap: gap = 0, size: size = "medium", onChange: onChange = () => null, onValidate: onValidate = () => null, onFocus: onFocus = () => null, onBlur: onBlur = () => null} = props, divAttributes = __rest(props, [ "name", "width", "height", "selectedIndex", "selectedValue", "options", "placeholder", "validate", "borderRadius", "bgColor", "iconColor", "paddingLeft", "paddingRight", "paddingTops", "iconSize", "disabled", "unframed", "focused", "gap", "size", "onChange", "onValidate", "onFocus", "onBlur" ]), {id: divId, className: className, style: style} = divAttributes, rest = __rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", [index, setIndex] = useState(selectedIndex), [selectedText, setSelectedText] = useState("Select an option"), [initiated, setInitiated] = useState(!1), [color, setColor] = useState(iconColor), ref = useRef(null);
|
|
@@ -8,9 +8,9 @@ import React, { useMemo } from "react";
|
|
|
8
8
|
|
|
9
9
|
import { s as styleInject } from "./style-inject.es-D0BjEaN8.mjs";
|
|
10
10
|
|
|
11
|
-
var css_errorBox = "ErrorSummary-
|
|
11
|
+
var css_errorBox = "ErrorSummary-module_errorBox__hjY50 flexBox-module_columnStart__C7P44 type-module_body-m-regular__LuQBA", css_error = "ErrorSummary-module_error__QX1mr flexBox-module_columnStart__C7P44", css_p = "ErrorSummary-module_p__N-2Po type-module_body-m-regular__LuQBA", css_strong = "ErrorSummary-module_strong__UznWz type-module_body-m-bold__UBcvQ", css_ul = "ErrorSummary-module_ul__Xv0K7", css_li = "ErrorSummary-module_li__0ciEx type-module_body-m-regular__LuQBA";
|
|
12
12
|
|
|
13
|
-
styleInject(".flexBox-
|
|
13
|
+
styleInject(".flexBox-module_row__z24tF {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__5FEvi {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__4tcxS {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__rVdVm {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__ezvMq {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__C7P44 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__PKcrG {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__ERfp7 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__lLJuc {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.type-module_body-xs-regular__ZAFft {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__s3KvF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__Lhqqq {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__vRHSP {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__tjdFc {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__Iy-VX {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__LuQBA {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__uW1on {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__UBcvQ {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__lOYbg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__BqRC7 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__Fh2dt {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-xl-regular__pF2kC {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-medium__BeyrH {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-bold__Ruknj {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-medium__z8L3G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-bold__0O3g6 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__KXxEB {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__cJeEA {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__eRe05 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Xmwtf {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-medium__5q1m3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-bold__k9VFV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.ErrorSummary-module_errorBox__hjY50 {\n\twidth: 100%;\n\tbackground: var(--core-surface-secondary);\n\tcolor: var(--feedback-warning);\n\tborder: 1px solid var(--feedback-warning);\n\tborder-radius: 4px;\n\tpadding: 0 16px 16px 16px !important;\n\toverflow: hidden;\n\tmargin-bottom: 44px !important;\n}\n\n.ErrorSummary-module_error__QX1mr {\n\twidth: 100%;\n}\n\n.ErrorSummary-module_p__N-2Po {\n\tmargin: 0;\n\tpadding: 16px 0 0 0;\n}\n\n.ErrorSummary-module_strong__UznWz {\n}\n\n.ErrorSummary-module_ul__Xv0K7 {\n\tlist-style-type: none;\n\tlist-style-position: outside;\n\tmargin: 0;\n\tpadding: 0;\n}\n\n.ErrorSummary-module_li__0ciEx {\n\tmargin: 3px 0 3px 0;\n\tline-height: 1.2em;\n\tpadding: 0;\n}\n");
|
|
14
14
|
|
|
15
15
|
const ErrorSummary = React.memo(props => {
|
|
16
16
|
const {entries: entries, errors: errors = []} = props, divAttributes = __rest(props, [ "entries", "errors" ]), {id: divId, className: className, style: style} = divAttributes, rest = __rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", variants = useMemo(() => ({
|
|
@@ -4,30 +4,30 @@ import { jsx, jsxs } from "react/jsx-runtime";
|
|
|
4
4
|
|
|
5
5
|
import React, { useCallback, useMemo } from "react";
|
|
6
6
|
|
|
7
|
-
import { s as setStyle, a as accessibleKeyDown } from "./
|
|
7
|
+
import { s as setStyle, a as accessibleKeyDown } from "./misc-cg9I7drO.mjs";
|
|
8
8
|
|
|
9
|
-
import { F as FileIcon } from "./FileIcon-
|
|
9
|
+
import { F as FileIcon } from "./FileIcon-CC_k5dUW.mjs";
|
|
10
10
|
|
|
11
|
-
import { I as Icon } from "./_types-
|
|
11
|
+
import { I as Icon } from "./_types-CTmvSEX0.mjs";
|
|
12
12
|
|
|
13
|
-
import { P as ProgressIndicator } from "./ProgressIndicator-
|
|
13
|
+
import { P as ProgressIndicator } from "./ProgressIndicator-h11R3FG1.mjs";
|
|
14
14
|
|
|
15
15
|
import { s as styleInject } from "./style-inject.es-D0BjEaN8.mjs";
|
|
16
16
|
|
|
17
17
|
var css = {
|
|
18
|
-
wrapper: "FileList-
|
|
19
|
-
file: "FileList-
|
|
20
|
-
fileName: "FileList-
|
|
21
|
-
meta: "FileList-
|
|
22
|
-
status: "FileList-
|
|
23
|
-
error: "FileList-
|
|
24
|
-
fileIcon: "FileList-
|
|
25
|
-
icon: "FileList-
|
|
26
|
-
xs: "FileList-
|
|
27
|
-
s: "FileList-
|
|
28
|
-
m: "FileList-
|
|
29
|
-
l: "FileList-
|
|
30
|
-
xl: "FileList-
|
|
18
|
+
wrapper: "FileList-module_wrapper__9-rrl flexBox-module_rowStart__4tcxS",
|
|
19
|
+
file: "FileList-module_file__61dkh flexBox-module_rowStart__4tcxS",
|
|
20
|
+
fileName: "FileList-module_fileName__amame flexBox-module_row__z24tF",
|
|
21
|
+
meta: "FileList-module_meta__unbpG flexBox-module_columnStart__C7P44",
|
|
22
|
+
status: "FileList-module_status__H1s6f type-module_body-xs-regular__ZAFft",
|
|
23
|
+
error: "FileList-module_error__UZ4-T",
|
|
24
|
+
fileIcon: "FileList-module_fileIcon__xDWW8 flexBox-module_row__z24tF",
|
|
25
|
+
icon: "FileList-module_icon__JR0HE flexBox-module_row__z24tF",
|
|
26
|
+
xs: "FileList-module_xs__i2S-5 type-module_body-xs-regular__ZAFft",
|
|
27
|
+
s: "FileList-module_s__4q0ae type-module_body-s-regular__vRHSP",
|
|
28
|
+
m: "FileList-module_m__hWqBx type-module_body-m-regular__LuQBA",
|
|
29
|
+
l: "FileList-module_l__tHDNp type-module_body-l-regular__lOYbg",
|
|
30
|
+
xl: "FileList-module_xl__fxW11 type-module_body-xl-regular__pF2kC"
|
|
31
31
|
};
|
|
32
32
|
|
|
33
33
|
/**
|
|
@@ -41,7 +41,7 @@ function displayClose(uploading) {
|
|
|
41
41
|
};
|
|
42
42
|
}
|
|
43
43
|
|
|
44
|
-
styleInject('.flexBox-
|
|
44
|
+
styleInject('.flexBox-module_row__z24tF {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__5FEvi {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__4tcxS {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__rVdVm {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__ezvMq {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__C7P44 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__PKcrG {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__ERfp7 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__lLJuc {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.type-module_body-xs-regular__ZAFft {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__s3KvF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__Lhqqq {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__vRHSP {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__tjdFc {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__Iy-VX {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__LuQBA {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__uW1on {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__UBcvQ {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__lOYbg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__BqRC7 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__Fh2dt {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-xl-regular__pF2kC {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-medium__BeyrH {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-bold__Ruknj {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-medium__z8L3G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-bold__0O3g6 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__KXxEB {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__cJeEA {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__eRe05 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Xmwtf {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-medium__5q1m3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-bold__k9VFV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.FileList-module_wrapper__9-rrl {\n\twidth: 100%;\n\toverflow: hidden;\n\tflex-wrap: var(--file-wrap);\n\tflex-direction: var(--file-direction) !important;\n\talign-items: flex-start !important;\n\tgap: var(--file-gap);\n\tuser-select: none;\n\t-webkit-user-select: none;\n}\n\n.FileList-module_file__61dkh {\n\tposition: relative;\n\tpadding: var(--file-padding) !important;\n\tborder: 1px solid var(--file-border-color);\n\tborder-radius: 4px;\n\toverflow: hidden;\n\tmin-height: max-content;\n\tmax-width: var(--file-max-width);\n\tmin-width: var(--file-min-width);\n\tcolor: var(--core-text-primary);\n\tbackground: transparent;\n\tgap: 4px;\n}\n\n/* file progress bar */\n.FileList-module_file__61dkh::before {\n\tcontent: "";\n\tposition: absolute;\n\tbackground: var(--file-bg-color);\n\ttop: 0;\n\tbottom: 0;\n\tleft: 0;\n\twidth: var(--file-progress);\n\ttransition: width var(--motion-water-duration) var(--motion-water) 0s;\n\tz-index: 1;\n}\n\n.FileList-module_fileName__amame {\n\twidth: 100%;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\twhite-space: nowrap;\n\tword-break: break-all;\n\tdisplay: -webkit-box !important;\n\t-webkit-line-clamp: 1;\n\t-webkit-box-orient: vertical;\n\tz-index: 2;\n}\n\n.FileList-module_meta__unbpG {\n\tflex: 1;\n\tmin-width: 0;\n\tgap: 2px;\n\tz-index: 2;\n}\n\n.FileList-module_status__H1s6f {\n\tcolor: var(--core-text-secondary);\n\tline-height: 1.2;\n}\n\n.FileList-module_error__UZ4-T {\n\tcolor: var(--feedback-warning);\n}\n\n.FileList-module_fileIcon__xDWW8 {\n\tmin-width: var(--file-icon-size);\n\tmin-height: var(--file-icon-size);\n\tmax-width: var(--file-icon-size);\n\tmax-height: var(--file-icon-size);\n\tz-index: 2;\n}\n\n.FileList-module_icon__JR0HE {\n\tmargin-left: 4px !important;\n\tmin-width: 20px;\n\tmin-height: 20px;\n\tmax-width: 20px;\n\tmax-height: 20px;\n\tcursor: pointer;\n\tz-index: 2;\n}\n\n.FileList-module_xs__i2S-5 {\n}\n\n.FileList-module_s__4q0ae {\n}\n\n.FileList-module_m__hWqBx {\n}\n\n.FileList-module_l__tHDNp {\n}\n\n.FileList-module_xl__fxW11 {\n}\n');
|
|
45
45
|
|
|
46
46
|
const FileList = React.memo(props => {
|
|
47
47
|
const {files: files = [], onChange: onChange, onToolTip: onToolTip, maxWidth: maxWidth, minWidth: minWidth, direction: direction = "row", padding: padding, gap: gap = 10, size: size = "s", iconSize: iconSize = 24, bgColor: bgColor, canRemove: canRemove = !0} = props, divAttributes = __rest(props, [ "files", "onChange", "onToolTip", "maxWidth", "minWidth", "direction", "padding", "gap", "size", "iconSize", "bgColor", "canRemove" ]), {id: divId, className: className, style: style} = divAttributes, rest = __rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", fileNameToFileItem = useCallback(fileName => {
|
|
@@ -8,7 +8,7 @@ import React, { useMemo } from "react";
|
|
|
8
8
|
|
|
9
9
|
import { s as styleInject } from "./style-inject.es-D0BjEaN8.mjs";
|
|
10
10
|
|
|
11
|
-
var css_flexDiv = "FlexDiv-
|
|
11
|
+
var css_flexDiv = "FlexDiv-module_flexDiv__EY5A- type-module_body-m-regular__LuQBA";
|
|
12
12
|
|
|
13
13
|
function setSize(style, isHeight) {
|
|
14
14
|
return "number" == typeof style ? `${style}px` : "grow" === style ? "unset" : "fill" === style ? "100%" : "fit" === style ? "auto" : "viewport" === style ? isHeight ? "100vh" : "100vw" : style;
|
|
@@ -22,7 +22,7 @@ function setFlex(style) {
|
|
|
22
22
|
return "start" === style || "top" === style ? "flex-start" : "end" === style || "bottom" === style ? "flex-end" : "between" === style ? "space-between" : style;
|
|
23
23
|
}
|
|
24
24
|
|
|
25
|
-
styleInject(".type-module_body-xs-
|
|
25
|
+
styleInject(".type-module_body-xs-regular__ZAFft {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__s3KvF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__Lhqqq {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__vRHSP {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__tjdFc {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__Iy-VX {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__LuQBA {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__uW1on {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__UBcvQ {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__lOYbg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__BqRC7 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__Fh2dt {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-xl-regular__pF2kC {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-medium__BeyrH {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-bold__Ruknj {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-medium__z8L3G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-bold__0O3g6 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__KXxEB {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__cJeEA {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__eRe05 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Xmwtf {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-medium__5q1m3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-bold__k9VFV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.FlexDiv-module_flexDiv__EY5A- {\n\t&::-webkit-scrollbar {\n\t\tbackground-color: var(--flex-div-bg);\n\t\twidth: 14px;\n\t}\n\n\t&::-webkit-scrollbar-track {\n\t\tbackground-color: var(--flex-div-scroll-border);\n\t}\n\n\t&::-webkit-scrollbar-thumb {\n\t\tbackground-color: var(--flex-div-scroll-handle);\n\t\tborder-radius: 20px;\n\t\tborder: 4px solid var(--flex-div-scroll-border);\n\t}\n\n\t&::-webkit-scrollbar-thumb:hover {\n\t\tbackground-color: var(--flex-div-scroll-handle-hover);\n\t\tborder-radius: 20px;\n\t\tborder: 4px solid var(--flex-div-scroll-border);\n\t\tcursor: default;\n\t}\n}\n");
|
|
26
26
|
|
|
27
27
|
const FlexDiv = React.memo(React.forwardRef((props, ref) => {
|
|
28
28
|
const {children: children, scrollY: scrollY = !1, scrollX: scrollX = !1, background: background = "var(--core-surface-primary)", direction: direction = "column", alignItems: alignItems = "start", justify: justify = "start", height: height = "fit", width: width = "fill", maxWidth: maxWidth, centerSelf: centerSelf, wrap: wrap = !1, reverse: reverse = !1, padding: padding = 0, margin: margin = 0, absolute: absolute = !1, flex: flex, gap: gap, variants: variants, transition: transition, animate: animate, enter: enter, exit: exit, border: border, borderRadius: borderRadius, className: className, scrollHandle: scrollHandle, scrollHandleHover: scrollHandleHover} = props, divAttributes = __rest(props, [ "children", "scrollY", "scrollX", "background", "direction", "alignItems", "justify", "height", "width", "maxWidth", "centerSelf", "wrap", "reverse", "padding", "margin", "absolute", "flex", "gap", "variants", "transition", "animate", "enter", "exit", "border", "borderRadius", "className", "scrollHandle", "scrollHandleHover" ]), {id: divId, style: userStyle} = divAttributes, rest = __rest(divAttributes, [ "id", "style" ]), wrapperStyle = null != userStyle ? userStyle : {}, style = useMemo(() => ({
|
|
@@ -12,15 +12,15 @@ import "../theme/colors.mjs";
|
|
|
12
12
|
|
|
13
13
|
import "../hooks/useWindow.mjs";
|
|
14
14
|
|
|
15
|
-
import { B as Badge } from "./Badge-
|
|
15
|
+
import { B as Badge } from "./Badge-DyICxZP2.mjs";
|
|
16
16
|
|
|
17
|
-
import { I as Icon } from "./_types-
|
|
17
|
+
import { I as Icon } from "./_types-CTmvSEX0.mjs";
|
|
18
18
|
|
|
19
19
|
import { s as styleInject } from "./style-inject.es-D0BjEaN8.mjs";
|
|
20
20
|
|
|
21
|
-
var css_header = "Grouper-
|
|
21
|
+
var css_header = "Grouper-module_header__D5fV0 flexBox-module_rowBetween__5FEvi", css_title = "Grouper-module_title__ZKqTP flexBox-module_rowBetween__5FEvi type-module_body-m-regular__LuQBA", css_content = "Grouper-module_content__Mof50 flexBox-module_rowBetween__5FEvi", css_icon = "Grouper-module_icon__14Jis flexBox-module_row__z24tF";
|
|
22
22
|
|
|
23
|
-
styleInject(".flexBox-
|
|
23
|
+
styleInject(".flexBox-module_row__z24tF {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__5FEvi {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__4tcxS {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__rVdVm {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__ezvMq {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__C7P44 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__PKcrG {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__ERfp7 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__lLJuc {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.type-module_body-xs-regular__ZAFft {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__s3KvF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__Lhqqq {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__vRHSP {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__tjdFc {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__Iy-VX {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__LuQBA {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__uW1on {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__UBcvQ {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__lOYbg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__BqRC7 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__Fh2dt {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-xl-regular__pF2kC {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-medium__BeyrH {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-bold__Ruknj {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-medium__z8L3G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-bold__0O3g6 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__KXxEB {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__cJeEA {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__eRe05 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Xmwtf {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-medium__5q1m3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-bold__k9VFV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.Grouper-module_header__D5fV0 {\n\twidth: 100%;\n\tcursor: pointer;\n}\n\n.Grouper-module_title__ZKqTP {\n\tcolor: var(--core-text-primary);\n\tflex: 1;\n}\n\n.Grouper-module_content__Mof50 {\n\tuser-select: none;\n\t-webkit-user-select: none;\n\tpadding: 0 24px !important;\n\twidth: 100%;\n\tgap: 6px;\n\theight: var(--grouper-height);\n\tborder-top: var(--grouper-border) solid var(--core-outline-primary);\n}\n\n.Grouper-module_icon__14Jis {\n\tmin-height: var(--grouper-icon-size);\n\theight: var(--grouper-icon-size);\n\tmin-width: var(--grouper-icon-size);\n\twidth: var(--grouper-icon-size);\n}\n");
|
|
24
24
|
|
|
25
25
|
const Grouper = React.memo(props => {
|
|
26
26
|
const {title: title = "Group Title", toggle: toggle = !0, open: open = !0, hasIcon: hasIcon = !0, iconName: iconName = "chevron down", iconSize: iconSize = 18, frameSize: frameSize = 64, border: border = 0, count: count = 0, unframed: unframed = !1, hideNull: hideNull = !0, showFilterBadge: showFilterBadge = !1, onChange: onChange = () => null, onClick: onClick = () => null} = props, divAttributes = __rest(props, [ "title", "toggle", "open", "hasIcon", "iconName", "iconSize", "frameSize", "border", "count", "unframed", "hideNull", "showFilterBadge", "onChange", "onClick" ]), {id: divId, className: className, style: style} = divAttributes, rest = __rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", theme = useTheme(), [state, setState] = useState(open), [icon, animateIcon] = useAnimate();
|
|
@@ -6,19 +6,19 @@ import { motion } from "motion/react";
|
|
|
6
6
|
|
|
7
7
|
import React, { useState, useRef, useEffect, useCallback, useMemo } from "react";
|
|
8
8
|
|
|
9
|
-
import { B as Badge } from "./Badge-
|
|
9
|
+
import { B as Badge } from "./Badge-DyICxZP2.mjs";
|
|
10
10
|
|
|
11
|
-
import { D as Dot } from "./Dot-
|
|
11
|
+
import { D as Dot } from "./Dot-CLGwQu-i.mjs";
|
|
12
12
|
|
|
13
|
-
import { I as Icon } from "./_types-
|
|
13
|
+
import { I as Icon } from "./_types-CTmvSEX0.mjs";
|
|
14
14
|
|
|
15
15
|
import { T as ToolTipType } from "./sharedTypes-tn9-uJvb.mjs";
|
|
16
16
|
|
|
17
17
|
import { s as styleInject } from "./style-inject.es-D0BjEaN8.mjs";
|
|
18
18
|
|
|
19
|
-
var css_button = "IconButton-
|
|
19
|
+
var css_button = "IconButton-module_button__rziqa flexBox-module_row__z24tF", css_label = "IconButton-module_label__qWGFD flexBox-module_row__z24tF type-module_body-l-regular__lOYbg", css_icon = "IconButton-module_icon__2DDWy flexBox-module_row__z24tF", css_count = "IconButton-module_count__6r373 flexBox-module_row__z24tF";
|
|
20
20
|
|
|
21
|
-
styleInject(".flexBox-
|
|
21
|
+
styleInject(".flexBox-module_row__z24tF {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__5FEvi {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__4tcxS {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__rVdVm {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__ezvMq {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__C7P44 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__PKcrG {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__ERfp7 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__lLJuc {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.type-module_body-xs-regular__ZAFft {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__s3KvF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__Lhqqq {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__vRHSP {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__tjdFc {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__Iy-VX {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__LuQBA {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__uW1on {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__UBcvQ {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__lOYbg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__BqRC7 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__Fh2dt {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-xl-regular__pF2kC {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-medium__BeyrH {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-bold__Ruknj {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-medium__z8L3G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-bold__0O3g6 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__KXxEB {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__cJeEA {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__eRe05 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Xmwtf {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-medium__5q1m3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-bold__k9VFV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.IconButton-module_button__rziqa {\n\tposition: relative;\n\tbackground: var(--ib-bg);\n\tborder-radius: var(--ib-border-radius);\n\tborder: var(--ib-border) solid var(--core-outline-primary);\n\tgap: 6px;\n\tcursor: pointer;\n\t&:hover {\n\t\tbackground: var(--ib-bg-hover);\n\t}\n}\n\n.IconButton-module_label__qWGFD {\n\tcolor: var(--ib-color);\n\ttext-overflow: ellipsis;\n\toverflow: hidden;\n\tword-break: break-all;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: 1;\n\t-webkit-box-orient: vertical;\n}\n\n.IconButton-module_icon__2DDWy {\n\tmin-height: var(--ib-icon-size);\n\theight: var(--ib-icon-size);\n\tmin-width: var(--ib-icon-size);\n\twidth: var(--ib-icon-size);\n}\n\n.IconButton-module_count__6r373 {\n\tposition: absolute;\n\ttop: 0;\n\tright: 0;\n\ttransform: translateX(5px) translateY(-2px);\n}\n");
|
|
22
22
|
|
|
23
23
|
const IconButton = React.memo(props => {
|
|
24
24
|
const {frameSize: frameSize = 36, iconSize: iconSize = 20, icon: icon = "more", borderRadius: borderRadius = 4, tooltip: tooltip, color: color, colorOn: colorOn, bgColor: bgColor = "var(--core-surface-secondary)", bgColorHover: bgColorHover = "var(--core-outline-primary)", bgColorOn: bgColorOn = "var(--core-outline-primary)", transition: transition, variants: variants, initial: initial, animate: animate, exit: exit, fillColor: fillColor, label: label, hover: hover, count: count = 0, toggle: toggle = !0, toggleIcon: toggleIcon = !1, isToggled: isToggled = !1, disabled: disabled = !1, showDot: showDot = !1, border: border = !1, onClick: onClick = () => null, onToolTip: onToolTip = () => null} = props, divAttributes = __rest(props, [ "frameSize", "iconSize", "icon", "borderRadius", "tooltip", "color", "colorOn", "bgColor", "bgColorHover", "bgColorOn", "transition", "variants", "initial", "animate", "exit", "fillColor", "label", "hover", "count", "toggle", "toggleIcon", "isToggled", "disabled", "showDot", "border", "onClick", "onToolTip" ]), {id: divId, className: className, style: style} = divAttributes, rest = __rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", [on, setOn] = useState(isToggled), ref = useRef(null);
|
|
@@ -10,28 +10,28 @@ import "../theme/colors.mjs";
|
|
|
10
10
|
|
|
11
11
|
import "../hooks/useWindow.mjs";
|
|
12
12
|
|
|
13
|
-
import { s as setStyle } from "./
|
|
13
|
+
import { s as setStyle } from "./misc-cg9I7drO.mjs";
|
|
14
14
|
|
|
15
15
|
import { s as styleInject } from "./style-inject.es-D0BjEaN8.mjs";
|
|
16
16
|
|
|
17
17
|
var css = {
|
|
18
|
-
label: "Label-
|
|
19
|
-
button: "Label-
|
|
20
|
-
s: "Label-
|
|
21
|
-
m: "Label-
|
|
22
|
-
l: "Label-
|
|
23
|
-
red: "Label-
|
|
24
|
-
green: "Label-
|
|
25
|
-
yellow: "Label-
|
|
26
|
-
grey: "Label-
|
|
27
|
-
lightgrey: "Label-
|
|
28
|
-
white: "Label-
|
|
29
|
-
blue: "Label-
|
|
18
|
+
label: "Label-module_label__RaRvM flexBox-module_row__z24tF",
|
|
19
|
+
button: "Label-module_button__N8bcQ type-module_body-m-regular__LuQBA",
|
|
20
|
+
s: "Label-module_s__Zh8Gp type-module_body-s-regular__vRHSP",
|
|
21
|
+
m: "Label-module_m__BJtGL type-module_body-m-regular__LuQBA",
|
|
22
|
+
l: "Label-module_l__t70tt type-module_body-l-regular__lOYbg",
|
|
23
|
+
red: "Label-module_red__yqrNW",
|
|
24
|
+
green: "Label-module_green__R6cDO",
|
|
25
|
+
yellow: "Label-module_yellow__IoDDg",
|
|
26
|
+
grey: "Label-module_grey__qIkSh",
|
|
27
|
+
lightgrey: "Label-module_lightgrey__nZC6N",
|
|
28
|
+
white: "Label-module_white__OFwCs",
|
|
29
|
+
blue: "Label-module_blue__lqM0T"
|
|
30
30
|
};
|
|
31
31
|
|
|
32
32
|
function Label(props) {
|
|
33
|
-
const theme = useTheme(), {children: children, state: state, noFill: noFill = !1, button: button = !1, round: round = !1, border: border = 1, padding: padding, color: color, inline: inline = !0, size: size = "m", onClick: onClick
|
|
34
|
-
button && onClick(e);
|
|
33
|
+
const theme = useTheme(), {children: children, state: state, noFill: noFill = !1, button: button = !1, round: round = !1, border: border = 1, padding: padding, color: color, inline: inline = !0, size: size = "m", onClick: onClick} = props, divAttributes = __rest(props, [ "children", "state", "noFill", "button", "round", "border", "padding", "color", "inline", "size", "onClick" ]), {id: divId, className: className, style: style} = divAttributes, rest = __rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", handleClick = useCallback(e => {
|
|
34
|
+
button && (null == onClick || onClick(e));
|
|
35
35
|
}, [ button, onClick ]), backgroundColor = useMemo(() => {
|
|
36
36
|
if (noFill) return "var(--core-surface-primary)";
|
|
37
37
|
switch (state) {
|
|
@@ -108,17 +108,19 @@ function Label(props) {
|
|
|
108
108
|
"--label-border-color-blue": borderColors.blue,
|
|
109
109
|
"--label-inline": inline ? "inline-flex" : "flex"
|
|
110
110
|
}), [ button, border, round, backgroundColor, borderColors, setPadding, color, inline ]), classNames = [ css.label, button ? css.button : css.regular, state ? css[state] : "" ].filter(Boolean).join(" ");
|
|
111
|
-
return jsx("
|
|
111
|
+
return jsx("span", Object.assign({
|
|
112
112
|
id: divId,
|
|
113
113
|
className: `${classNames} ${css[size]}${divClass}`,
|
|
114
|
-
onKeyDown: () => null,
|
|
115
114
|
style: Object.assign(Object.assign({}, divStyle), cssVars),
|
|
116
|
-
onClick:
|
|
115
|
+
role: onClick ? "button" : void 0,
|
|
116
|
+
"aria-label": onClick ? "Label button" : void 0,
|
|
117
|
+
onClick: handleClick,
|
|
118
|
+
onKeyDown: () => null
|
|
117
119
|
}, rest, {
|
|
118
120
|
children: children
|
|
119
121
|
}));
|
|
120
122
|
}
|
|
121
123
|
|
|
122
|
-
styleInject(".flexBox-
|
|
124
|
+
styleInject(".flexBox-module_row__z24tF {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__5FEvi {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__4tcxS {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__rVdVm {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__ezvMq {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__C7P44 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__PKcrG {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__ERfp7 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__lLJuc {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.type-module_body-xs-regular__ZAFft {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__s3KvF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__Lhqqq {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__vRHSP {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__tjdFc {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__Iy-VX {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__LuQBA {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__uW1on {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__UBcvQ {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__lOYbg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__BqRC7 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__Fh2dt {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-xl-regular__pF2kC {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-medium__BeyrH {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-bold__Ruknj {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-medium__z8L3G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-bold__0O3g6 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__KXxEB {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__cJeEA {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__eRe05 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Xmwtf {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-medium__5q1m3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-bold__k9VFV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.Label-module_label__RaRvM {\n\tdisplay: var(--label-inline) !important;\n\tline-height: 1em;\n\twhite-space: nowrap;\n\tpadding: var(--label-padding) !important;\n\twidth: min-content;\n\tcolor: var(--label-color);\n\tborder-radius: var(--label-border-radius);\n\tborder: var(--label-border-size) solid var(--core-outline-primary);\n\tcursor: var(--label-cursor);\n}\n\n.Label-module_button__N8bcQ {\n}\n\n.Label-module_s__Zh8Gp {\n}\n\n.Label-module_m__BJtGL {\n}\n\n.Label-module_l__t70tt {\n}\n\n.Label-module_red__yqrNW {\n\tbackground: var(--label-background);\n\tcolor: var(--core-text-light);\n\tborder-color: var(--label-border-color-red);\n}\n\n.Label-module_green__R6cDO {\n\tbackground: var(--label-background);\n\tcolor: var(--core-text-light);\n\tborder-color: var(--label-border-color-green);\n}\n\n.Label-module_yellow__IoDDg {\n\tbackground: var(--label-background);\n\tcolor: var(--core-text-primary);\n\tborder-color: var(--label-border-color-yellow);\n}\n\n.Label-module_grey__qIkSh {\n\tbackground: var(--label-background);\n\tcolor: var(--core-text-secondary);\n\tborder-color: var(--label-border-color-grey);\n}\n\n.Label-module_lightgrey__nZC6N {\n\tbackground: var(--label-background);\n\tcolor: var(--core-text-disabled);\n\tborder-color: var(--label-border-color-lightgrey);\n}\n\n.Label-module_white__OFwCs {\n\tbackground: var(--label-background);\n\tcolor: var(--core-text-primary);\n\tborder-color: var(--label-border-color-white);\n}\n\n.Label-module_blue__lqM0T {\n\tbackground: var(--label-background);\n\tcolor: var(--core-text-light);\n\tborder-color: var(--label-border-color-blue);\n}\n");
|
|
123
125
|
|
|
124
126
|
export { Label as L };
|
|
@@ -8,9 +8,9 @@ import React, { useMemo, useCallback } from "react";
|
|
|
8
8
|
|
|
9
9
|
import { s as styleInject } from "./style-inject.es-D0BjEaN8.mjs";
|
|
10
10
|
|
|
11
|
-
var css_overlay = "Overlay-
|
|
11
|
+
var css_overlay = "Overlay-module_overlay__EkbfA";
|
|
12
12
|
|
|
13
|
-
styleInject(".Overlay-
|
|
13
|
+
styleInject(".Overlay-module_overlay__EkbfA {\n\tposition: fixed;\n\ttop: 0;\n\tleft: 0;\n\tright: 0;\n\tbottom: 0;\n\tbackground-color: var(--overlay-color);\n\tz-index: var(--elevation-overlay);\n}\n");
|
|
14
14
|
|
|
15
15
|
const Overlay = React.memo(props => {
|
|
16
16
|
const {onClick: onClick = () => null, toggleOverlay: toggleOverlay = () => null, opacity: opacity = 0, color: color = "rgb(0,0,0)", type: type = "clear", global: global = !1, overlay: overlay} = props, divAttributes = __rest(props, [ "onClick", "toggleOverlay", "opacity", "color", "type", "global", "overlay" ]), {id: divId, className: className, style: style} = divAttributes, rest = __rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", show = !global || global && overlay, computedOpacity = useMemo(() => "clear" === type ? 0 : void 0 !== opacity ? opacity : "dark" === type ? .8 : 0, [ type, opacity ]), handleClick = useCallback(() => {
|