@apple-pie/slice 0.1.1 → 0.1.2
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 +17 -4
- 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-TfMwGVI5.js} +9 -9
- package/dist/cjs/chunks/{ButtonBar-CcL0wFXX.js → ButtonBar-BqGC6sad.js} +2 -2
- package/dist/cjs/chunks/Camera-om1AA2D0.js +347 -0
- package/dist/cjs/chunks/{Card-pxbzaSWm.js → Card-Ctwbhu26.js} +2 -2
- package/dist/cjs/chunks/{CheckBox-tcFDVDGG.js → CheckBox-CeDIiSvi.js} +2 -2
- package/dist/cjs/chunks/{Chip-DfMVpYjg.js → Chip-DdTtB57x.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-CC90XfyD.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-ClTfGKIL.js} +21 -21
- package/dist/cjs/chunks/{FlexDiv-CW5gSa4V.js → FlexDiv-B3q6j3W9.js} +2 -2
- package/dist/cjs/chunks/{Grouper-B16IH2YM.js → Grouper-jiYhVC82.js} +2 -2
- package/dist/cjs/chunks/{IconButton-BDKARPkc.js → IconButton-BiUfqoPb.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-B3-OxGYF.js} +4 -4
- package/dist/cjs/chunks/{PromptInput-7rftpDc1.js → PromptInput-Dsziepzs.js} +13 -13
- package/dist/cjs/chunks/{RadioButton-D5EJdMlL.js → RadioButton-i5n_nNV5.js} +3 -3
- package/dist/cjs/chunks/{RadioButtonList-DqsaDvEr.js → RadioButtonList-BCdk-5aD.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-BF5CvZ-v.js} +2 -2
- package/dist/cjs/chunks/{TextArea-D0i83Jjq.js → TextArea-BmOomEKp.js} +2 -2
- package/dist/cjs/chunks/{TextField-DRhQUqYA.js → TextField-CXMyCClp.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-CQ0-yuzl.js} +11 -11
- package/dist/cjs/chunks/{UploadArea-DBsMosuN.js → UploadArea-B5Xvp0H4.js} +15 -15
- package/dist/cjs/chunks/{_types-BMRxxH7h.js → _types-Cxk9tRiB.js} +94 -33
- package/dist/cjs/chunks/{utils-BsBHecUI.js → misc-C-M6KKsH.js} +27 -9
- 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/components/UploadArea/index.js +15 -0
- package/dist/cjs/hooks/useTrackRenders.js +3 -3
- package/dist/cjs/index.js +6 -6
- package/dist/cjs/utils/index.js +29 -0
- package/dist/esm/chunks/{Avatar-D5mMmaIi.mjs → Avatar-BQT1r-Ge.mjs} +30 -15
- package/dist/esm/chunks/{AvatarGroup-B3_zWk_-.mjs → AvatarGroup-B787aNtD.mjs} +3 -3
- package/dist/esm/chunks/{Badge-BISGWj5-.mjs → Badge-DyICxZP2.mjs} +2 -2
- package/dist/esm/chunks/{Button-qeCEnTFJ.mjs → Button-1MgE-kl9.mjs} +12 -12
- package/dist/esm/chunks/{ButtonBar-jMNpQysA.mjs → ButtonBar-Eahfd-40.mjs} +3 -3
- package/dist/esm/chunks/Camera-Bvoug1KF.mjs +363 -0
- package/dist/esm/chunks/{Card-4u4hpBAM.mjs → Card-RSZhXncV.mjs} +3 -3
- package/dist/esm/chunks/{CheckBox-D2jWAviD.mjs → CheckBox-CfLedK0e.mjs} +3 -3
- package/dist/esm/chunks/{Chip-DnsTVVmp.mjs → Chip-Db4N0WVH.mjs} +7 -7
- package/dist/esm/chunks/{DivInput-B4ohgnLJ.mjs → DivInput-BEpjdfu4.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-DJm1Mx5u.mjs} +3 -3
- package/dist/esm/chunks/{DropDown-CCePGFHd.mjs → DropDown-ryz3GK81.mjs} +9 -9
- package/dist/esm/chunks/{ErrorSummary-CZw06dSh.mjs → ErrorSummary-S0shes-m.mjs} +2 -2
- package/dist/esm/chunks/{FileIcon-BcIJzIwA.mjs → FileIcon-_mK2EcB2.mjs} +1 -1
- package/dist/esm/chunks/{FileList-db86wx1X.mjs → FileList-hCMTALyN.mjs} +18 -18
- package/dist/esm/chunks/{FlexDiv-BLYDgWu2.mjs → FlexDiv-LGEGGrT0.mjs} +2 -2
- package/dist/esm/chunks/{Grouper-D8mQt9_Q.mjs → Grouper-B1gjd3Sx.mjs} +4 -4
- package/dist/esm/chunks/{IconButton-DlgZO9hb.mjs → IconButton-SyRu990z.mjs} +5 -5
- package/dist/esm/chunks/{Label-Cj_LkQLx.mjs → Label-DGOkB_Px.mjs} +21 -19
- package/dist/esm/chunks/{Overlay-Bh0enFIe.mjs → Overlay-Cw9o1fHb.mjs} +2 -2
- package/dist/esm/chunks/{Pager-6mBRDV3D.mjs → Pager-BA0lD9mI.mjs} +3 -3
- package/dist/esm/chunks/{ProgressIndicator-DsN3c0J5.mjs → ProgressIndicator-BayyosKr.mjs} +7 -7
- package/dist/esm/chunks/{PromptInput-BGt0FgwF.mjs → PromptInput-CUXCuYVA.mjs} +15 -15
- package/dist/esm/chunks/{RadioButton-D9qz4XDZ.mjs → RadioButton-BRFSVtmm.mjs} +4 -4
- package/dist/esm/chunks/{RadioButtonList-DCaC7MnI.mjs → RadioButtonList-D6a_EcB6.mjs} +3 -3
- package/dist/esm/chunks/{Slider-C3A8GCfH.mjs → Slider-D2XVyi2g.mjs} +3 -3
- package/dist/esm/chunks/{Switch-Dt4ynf5r.mjs → Switch-nWg2Ykea.mjs} +2 -2
- package/dist/esm/chunks/{TabBar-CYGdcsab.mjs → TabBar-BqajqueL.mjs} +5 -5
- package/dist/esm/chunks/{TextArea-BWnMMBN0.mjs → TextArea-C5EbLAN1.mjs} +3 -3
- package/dist/esm/chunks/{TextField-D8j5hLhv.mjs → TextField-DnQxDxus.mjs} +12 -12
- package/dist/esm/chunks/{Tip-CHQh-Yq0.mjs → Tip-B64Pa9eq.mjs} +6 -6
- package/dist/esm/chunks/{Toast-MzHPO4x3.mjs → Toast-B3GgzcTW.mjs} +8 -8
- package/dist/esm/chunks/{UploadArea-DwGsYUhY.mjs → UploadArea-DpWT-5DA.mjs} +15 -15
- package/dist/esm/chunks/{_types-B0zIFpYY.mjs → _types-DGDKmYIh.mjs} +93 -32
- package/dist/esm/chunks/{utils-BQ1v7VE4.mjs → misc-Osk7tIah.mjs} +21 -2
- 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 +4 -4
- 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 +8 -8
- package/dist/esm/hooks/useTrackRenders.mjs +1 -1
- package/dist/esm/index.mjs +39 -37
- package/dist/esm/utils/index.mjs +33 -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 +77 -0
- package/dist/types/components/Camera/index.d.ts +2 -0
- package/dist/types/{uikit → components}/Icon/_types.d.ts +4 -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/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 +2 -0
- package/package.json +10 -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/cjs/uikit/UploadArea/index.js +0 -16
- 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
|
@@ -4,25 +4,25 @@ var tslib_es6 = require("./tslib.es6-C8dZW5nY.js"), jsxRuntime = require("react/
|
|
|
4
4
|
|
|
5
5
|
require("../theme/colors.js"), require("../hooks/useWindow.js");
|
|
6
6
|
|
|
7
|
-
var
|
|
8
|
-
label: "Label-
|
|
9
|
-
button: "Label-
|
|
10
|
-
s: "Label-
|
|
11
|
-
m: "Label-
|
|
12
|
-
l: "Label-
|
|
13
|
-
red: "Label-
|
|
14
|
-
green: "Label-
|
|
15
|
-
yellow: "Label-
|
|
16
|
-
grey: "Label-
|
|
17
|
-
lightgrey: "Label-
|
|
18
|
-
white: "Label-
|
|
19
|
-
blue: "Label-
|
|
7
|
+
var misc = require("./misc-C-M6KKsH.js"), styleInject_es = require("./style-inject.es-CMuL-BfJ.js"), css = {
|
|
8
|
+
label: "Label-module_label__RaRvM flexBox-module_row__z24tF",
|
|
9
|
+
button: "Label-module_button__N8bcQ type-module_body-m-regular__LuQBA",
|
|
10
|
+
s: "Label-module_s__Zh8Gp type-module_body-s-regular__vRHSP",
|
|
11
|
+
m: "Label-module_m__BJtGL type-module_body-m-regular__LuQBA",
|
|
12
|
+
l: "Label-module_l__t70tt type-module_body-l-regular__lOYbg",
|
|
13
|
+
red: "Label-module_red__yqrNW",
|
|
14
|
+
green: "Label-module_green__R6cDO",
|
|
15
|
+
yellow: "Label-module_yellow__IoDDg",
|
|
16
|
+
grey: "Label-module_grey__qIkSh",
|
|
17
|
+
lightgrey: "Label-module_lightgrey__nZC6N",
|
|
18
|
+
white: "Label-module_white__OFwCs",
|
|
19
|
+
blue: "Label-module_blue__lqM0T"
|
|
20
20
|
};
|
|
21
21
|
|
|
22
|
-
styleInject_es.styleInject(".flexBox-
|
|
22
|
+
styleInject_es.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"),
|
|
23
23
|
exports.Label = function(props) {
|
|
24
|
-
const theme = hooks_useTheme.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
|
|
25
|
-
button && onClick(e);
|
|
24
|
+
const theme = hooks_useTheme.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 = tslib_es6.__rest(props, [ "children", "state", "noFill", "button", "round", "border", "padding", "color", "inline", "size", "onClick" ]), {id: divId, className: className, style: style} = divAttributes, rest = tslib_es6.__rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", handleClick = React.useCallback(e => {
|
|
25
|
+
button && (null == onClick || onClick(e));
|
|
26
26
|
}, [ button, onClick ]), backgroundColor = React.useMemo(() => {
|
|
27
27
|
if (noFill) return "var(--core-surface-primary)";
|
|
28
28
|
switch (state) {
|
|
@@ -83,7 +83,7 @@ exports.Label = function(props) {
|
|
|
83
83
|
white: getBorderColor("white"),
|
|
84
84
|
blue: getBorderColor("blue")
|
|
85
85
|
};
|
|
86
|
-
}, [ noFill, theme ]), setPadding = React.useMemo(() => padding ?
|
|
86
|
+
}, [ noFill, theme ]), setPadding = React.useMemo(() => padding ? misc.setStyle(padding) : button ? "6px 12px" : "4px 6px", [ padding, button ]), cssVars = React.useMemo(() => ({
|
|
87
87
|
"--label-padding": setPadding,
|
|
88
88
|
"--label-border-radius": round ? "100px" : "4px",
|
|
89
89
|
"--label-cursor": button ? "pointer" : "default",
|
|
@@ -99,12 +99,14 @@ exports.Label = function(props) {
|
|
|
99
99
|
"--label-border-color-blue": borderColors.blue,
|
|
100
100
|
"--label-inline": inline ? "inline-flex" : "flex"
|
|
101
101
|
}), [ button, border, round, backgroundColor, borderColors, setPadding, color, inline ]), classNames = [ css.label, button ? css.button : css.regular, state ? css[state] : "" ].filter(Boolean).join(" ");
|
|
102
|
-
return jsxRuntime.jsx("
|
|
102
|
+
return jsxRuntime.jsx("span", Object.assign({
|
|
103
103
|
id: divId,
|
|
104
104
|
className: `${classNames} ${css[size]}${divClass}`,
|
|
105
|
-
onKeyDown: () => null,
|
|
106
105
|
style: Object.assign(Object.assign({}, divStyle), cssVars),
|
|
107
|
-
onClick:
|
|
106
|
+
role: onClick ? "button" : void 0,
|
|
107
|
+
"aria-label": onClick ? "Label button" : void 0,
|
|
108
|
+
onClick: handleClick,
|
|
109
|
+
onKeyDown: () => null
|
|
108
110
|
}, rest, {
|
|
109
111
|
children: children
|
|
110
112
|
}));
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var tslib_es6 = require("./tslib.es6-C8dZW5nY.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), styleInject_es = require("./style-inject.es-CMuL-BfJ.js"), css_overlay = "Overlay-
|
|
3
|
+
var tslib_es6 = require("./tslib.es6-C8dZW5nY.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), styleInject_es = require("./style-inject.es-CMuL-BfJ.js"), css_overlay = "Overlay-module_overlay__EkbfA";
|
|
4
4
|
|
|
5
|
-
styleInject_es.styleInject(".Overlay-
|
|
5
|
+
styleInject_es.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");
|
|
6
6
|
|
|
7
7
|
const Overlay = React.memo(props => {
|
|
8
8
|
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 = tslib_es6.__rest(props, [ "onClick", "toggleOverlay", "opacity", "color", "type", "global", "overlay" ]), {id: divId, className: className, style: style} = divAttributes, rest = tslib_es6.__rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", show = !global || global && overlay, computedOpacity = React.useMemo(() => "clear" === type ? 0 : void 0 !== opacity ? opacity : "dark" === type ? .8 : 0, [ type, opacity ]), handleClick = React.useCallback(() => {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var tslib_es6 = require("./tslib.es6-C8dZW5nY.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"),
|
|
3
|
+
var tslib_es6 = require("./tslib.es6-C8dZW5nY.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-C-M6KKsH.js"), styleInject_es = require("./style-inject.es-CMuL-BfJ.js"), css_wrapper = "Pager-module_wrapper__eutVg flexBox-module_row__z24tF", css_bullet = "Pager-module_bullet__TxyR5 flexBox-module_row__z24tF", css_selected = "Pager-module_selected__C6xbR";
|
|
4
4
|
|
|
5
|
-
styleInject_es.styleInject(".flexBox-
|
|
5
|
+
styleInject_es.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.Pager-module_wrapper__eutVg {\n\tgap: var(--pager-gap);\n\twidth: 100%;\n\tz-index: var(--elevation-status);\n}\n\n.Pager-module_bullet__TxyR5 {\n\twidth: var(--pager-size);\n\theight: var(--pager-size);\n\tmax-width: var(--pager-size);\n\tmax-height: var(--pager-size);\n\tbackground: var(--pager-color);\n\tborder-radius: 100%;\n\tborder: 0;\n\tcursor: pointer;\n\ttransition: background var(--motion-water-duration) var(--motion-water) 0s;\n\t&:hover {\n\t\tbackground: var(--pager-colorHover);\n\t}\n}\n\n.Pager-module_selected__C6xbR {\n\tbackground: var(--pager-colorOn);\n\t&:hover {\n\t\tbackground: var(--pager-colorOn);\n\t}\n}\n");
|
|
6
6
|
|
|
7
7
|
const Pager = React.memo(props => {
|
|
8
8
|
const {size: size = 8, index: index = 0, color: color, colorHover: colorHover, colorOn: colorOn, pages: pages = 2, gap: gap = 4, onChange: onChange = () => null} = props, divAttributes = tslib_es6.__rest(props, [ "size", "index", "color", "colorHover", "colorOn", "pages", "gap", "onChange" ]), {id: divId, className: className, style: style} = divAttributes, rest = tslib_es6.__rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", [selected, setSelected] = React.useState(index), bullets = React.useMemo(() => Array.from({
|
|
@@ -27,7 +27,7 @@ const Pager = React.memo(props => {
|
|
|
27
27
|
className: `${css_bullet} ${selected === bulletId ? css_selected : ""}`,
|
|
28
28
|
type: "button",
|
|
29
29
|
onClick: () => handleClick(bulletId),
|
|
30
|
-
onKeyDown: e =>
|
|
30
|
+
onKeyDown: e => misc.accessibleKeyDown(e, () => handleClick(bulletId)),
|
|
31
31
|
onTouchStart: () => handleClick(bulletId),
|
|
32
32
|
tabIndex: bulletId
|
|
33
33
|
}, `paging_bullet_${bulletId}`))
|
|
@@ -4,9 +4,9 @@ var jsxRuntime = require("react/jsx-runtime"), React = require("react"), hooks_u
|
|
|
4
4
|
|
|
5
5
|
require("../theme/colors.js"), require("../hooks/useWindow.js");
|
|
6
6
|
|
|
7
|
-
var
|
|
7
|
+
var _types = require("./_types-Cxk9tRiB.js"), styleInject_es = require("./style-inject.es-CMuL-BfJ.js"), tslib_es6 = require("./tslib.es6-C8dZW5nY.js"), react = require("motion/react"), css$1_wrapper = "DoneCheck-module_wrapper__AlISD flexBox-module_row__z24tF", css$1_icon = "DoneCheck-module_icon__bKaFp flexBox-module_row__z24tF";
|
|
8
8
|
|
|
9
|
-
styleInject_es.styleInject(".flexBox-
|
|
9
|
+
styleInject_es.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.DoneCheck-module_wrapper__AlISD {\n\theight: var(--icon-height);\n\tmax-height: var(--icon-height);\n\twidth: var(--icon-width);\n\tmax-width: var(--icon-width);\n\toverflow: visible;\n}\n\n.DoneCheck-module_icon__bKaFp {\n\theight: var(--icon-height);\n\tmax-height: var(--icon-height);\n\twidth: var(--icon-width);\n\tmax-width: var(--icon-width);\n\tscale: var(--icon-scale);\n\ttransition: var(--icon-transition);\n}\n");
|
|
10
10
|
|
|
11
11
|
const DoneCheck = React.memo(props => {
|
|
12
12
|
const theme = hooks_useTheme.useTheme(), {size: size = 88, stroke: stroke = 1.5, color: color = theme.current.colors["feedback-positive"], play: play = !0, delay: delay = 0, duration: duration = 1, didStart: didStart, didEnd: didEnd} = props, [playing, setPlaying] = React.useState(!1);
|
|
@@ -36,9 +36,9 @@ const DoneCheck = React.memo(props => {
|
|
|
36
36
|
});
|
|
37
37
|
});
|
|
38
38
|
|
|
39
|
-
var css_container = "ProgressIndicator-
|
|
39
|
+
var css_container = "ProgressIndicator-module_container__pW2gW flexBox-module_column__ezvMq";
|
|
40
40
|
|
|
41
|
-
styleInject_es.styleInject(".flexBox-
|
|
41
|
+
styleInject_es.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.ProgressIndicator-module_container__pW2gW {\n\tposition: var(--pi-position);\n\ttop: var(--pi-inset);\n\tbottom: var(--pi-inset);\n\tleft: var(--pi-inset);\n\tright: var(--pi-inset);\n\tcolor: var(--core-text-disabled);\n\tz-index: var(--elevation-status);\n}\n\n.ProgressIndicator-module_iconWrapper__puIt4 {\n\tmin-width: var(--pi-icon-size);\n\tmax-width: var(--pi-icon-size);\n\tmax-height: var(--pi-icon-size);\n\tmin-height: var(--pi-icon-size);\n\theight: var(--pi-icon-size);\n\twidth: var(--pi-icon-size);\n\tpadding: 0;\n\tbackground: none;\n\tborder-radius: 100%;\n}\n");
|
|
42
42
|
|
|
43
43
|
const OpenCircle = (size, secondsPerSpin, color, stroke = 1.5, playing = !1) => jsxRuntime.jsxs(react.motion.svg, {
|
|
44
44
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -4,21 +4,21 @@ var jsxRuntime = require("react/jsx-runtime"), React = require("react"), hooks_u
|
|
|
4
4
|
|
|
5
5
|
require("../theme/colors.js"), require("../hooks/useWindow.js");
|
|
6
6
|
|
|
7
|
-
var Button = require("./Button-
|
|
8
|
-
wrapperBg: "PromptInput-
|
|
9
|
-
bgRotate: "PromptInput-
|
|
10
|
-
textareaWrapper: "PromptInput-
|
|
11
|
-
attachments: "PromptInput-
|
|
12
|
-
clear: "PromptInput-
|
|
13
|
-
buttonBar: "PromptInput-
|
|
14
|
-
toolBar: "PromptInput-
|
|
15
|
-
textarea: "PromptInput-
|
|
16
|
-
s: "PromptInput-
|
|
17
|
-
m: "PromptInput-
|
|
18
|
-
l: "PromptInput-
|
|
7
|
+
var Button = require("./Button-TfMwGVI5.js"), styleInject_es = require("./style-inject.es-CMuL-BfJ.js"), FileList = require("./FileList-ClTfGKIL.js"), css = {
|
|
8
|
+
wrapperBg: "PromptInput-module_wrapperBg__zabZq flexBox-module_columnStart__C7P44",
|
|
9
|
+
bgRotate: "PromptInput-module_bgRotate__Um720",
|
|
10
|
+
textareaWrapper: "PromptInput-module_textareaWrapper__KusiV flexBox-module_columnStart__C7P44",
|
|
11
|
+
attachments: "PromptInput-module_attachments__rqgY1 flexBox-module_rowStart__4tcxS",
|
|
12
|
+
clear: "PromptInput-module_clear__MFroM flexBox-module_row__z24tF",
|
|
13
|
+
buttonBar: "PromptInput-module_buttonBar__X8LDe flexBox-module_rowBetween__5FEvi",
|
|
14
|
+
toolBar: "PromptInput-module_toolBar__GBvPT flexBox-module_rowStart__4tcxS",
|
|
15
|
+
textarea: "PromptInput-module_textarea__e4Kxn",
|
|
16
|
+
s: "PromptInput-module_s__ivyC9 type-module_body-s-regular__vRHSP",
|
|
17
|
+
m: "PromptInput-module_m__LFHvW type-module_body-m-regular__LuQBA",
|
|
18
|
+
l: "PromptInput-module_l__TlceW type-module_body-l-regular__lOYbg"
|
|
19
19
|
};
|
|
20
20
|
|
|
21
|
-
styleInject_es.styleInject('.flexBox-
|
|
21
|
+
styleInject_es.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.PromptInput-module_wrapperBg__zabZq {\n\tposition: relative;\n\t--border-angle: 0turn;\n\t--conic-gradient-dark: conic-gradient(\n\t\tfrom var(--border-angle),\n\t\tvar(--core-text-special) 0deg,\n\t\tvar(--core-text-special) 45deg,\n\t\tvar(--core-text-special) 90deg,\n\t\tvar(--array-magenta-label) 135deg,\n\t\tvar(--array-magenta-label) 180deg,\n\t\tvar(--array-magenta-label) 225deg,\n\t\tvar(--array-land) 270deg,\n\t\tvar(--array-land) 315deg,\n\t\tvar(--array-land) 360deg\n\t);\n\t--conic-gradient-light: conic-gradient(\n\t\tfrom var(--border-angle),\n\t\tvar(--core-text-special) 0deg,\n\t\tvar(--core-text-special) 45deg,\n\t\tvar(--core-text-special) 90deg,\n\t\tvar(--array-magenta-label) 135deg,\n\t\tvar(--array-magenta-label) 180deg,\n\t\tvar(--array-magenta-label) 225deg,\n\t\tvar(--array-land-label) 270deg,\n\t\tvar(--array-land-label) 315deg,\n\t\tvar(--array-land-label) 360deg\n\t);\n\tz-index: 0;\n\theight: auto;\n\tmax-height: var(--prompt-max-height);\n\twidth: 100%;\n\tborder-radius: var(--prompt-border-radius);\n\toverflow: hidden;\n\tpadding: var(--prompt-border-width) !important;\n\tbackground: var(--prompt-border-color);\n\tanimation: PromptInput-module_bgRotate__Um720 3s linear infinite;\n\tanimation-play-state: var(--prompt-state);\n\ttransition: background var(--motion-water-duration) var(--motion-water) 0s;\n}\n\n@property --border-angle {\n\tsyntax: "<angle>";\n\tinherits: false;\n\tinitial-value: 0turn;\n}\n\n@keyframes PromptInput-module_bgRotate__Um720 {\n\t100% {\n\t\t--border-angle: 1turn;\n\t}\n}\n\n.PromptInput-module_textareaWrapper__KusiV {\n\talign-items: flex-start;\n\twidth: 100%;\n\theight: min-content;\n\tmax-height: 400px;\n\toverflow: hidden;\n\toverflow-y: auto;\n\tborder-radius: var(--prompt-inner-border-radius);\n\tbackground: var(--core-surface-secondary);\n}\n\n.PromptInput-module_attachments__rqgY1 {\n\tpadding: 16px 16px 0 16px !important;\n\twidth: 100%;\n}\n\n.PromptInput-module_clear__MFroM {\n\tpadding: 12px 8px 0 0 !important;\n\tdisplay: var(--prompt-clear) !important;\n}\n\n.PromptInput-module_buttonBar__X8LDe {\n\tpadding: 8px 16px 16px 16px !important;\n\twidth: 100%;\n\tcursor: text;\n}\n\n.PromptInput-module_toolBar__GBvPT {\n\tflex: 1;\n\tgap: 8px;\n}\n\n.PromptInput-module_textarea__e4Kxn {\n\tpadding: 16px !important;\n\tbox-sizing: border-box;\n\tfield-sizing: content;\n\twidth: 100%;\n\tresize: none;\n\tborder: 0;\n\toutline: none;\n\tcolor: var(--core-text-primary);\n\tbackground: transparent;\n\tborder-radius: var(--prompt-border-radius);\n\t&::placeholder {\n\t\tcolor: var(--core-text-disabled);\n\t}\n}\n\n.PromptInput-module_s__ivyC9 {\n}\n\n.PromptInput-module_m__LFHvW {\n}\n\n.PromptInput-module_l__TlceW {\n}\n');
|
|
22
22
|
|
|
23
23
|
const PromptInputBase = React.forwardRef((props, ref) => {
|
|
24
24
|
const {children: children, attachments: attachments = [], value: value = "", working: working = !1, maxHeight: maxHeight, borderStyle: borderStyle = "gradient", borderColor: borderColor, borderColorOn: borderColorOn, borderAnimate: borderAnimate = !0, borderWidth: borderWidth = 1, borderRadius: borderRadius = 8, focused: focused = !1, placeholder: placeholder = "Ask me anything ...", placeholderWorking: placeholderWorking = "Working ...", submitClears: submitClears = !0, submitEnablesStop: submitEnablesStop = !0, enterSubmits: enterSubmits = !0, attachButton: attachButton = !0, sendButton: sendButton = !0, stopEnabled: stopEnabled = !1, textSize: textSize = "m", maxLength: maxLength, toolbarGap: toolbarGap = 8, onChange: onChange, onBlur: onBlur, onFocus: onFocus, onSubmit: onSubmit, onStop: onStop, onAttachmentsChange: onAttachmentsChange} = props, {isDark: isDark} = hooks_useTheme.useTheme(), [isFocused, setIsFocused] = React.useState(null != focused && focused), [isWorking, setIsWorking] = React.useState(null != working && working), [isStopEnabled, setIsStopEnabled] = React.useState(stopEnabled), [textValue, setTextValue] = React.useState(value), textAreaRef = React.useRef(null), handleFocus = React.useCallback(() => {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var tslib_es6 = require("./tslib.es6-C8dZW5nY.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"),
|
|
3
|
+
var tslib_es6 = require("./tslib.es6-C8dZW5nY.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-C-M6KKsH.js"), _types = require("./_types-Cxk9tRiB.js"), styleInject_es = require("./style-inject.es-CMuL-BfJ.js"), css_wrapper = "RadioButton-module_wrapper__-pWRe flexBox-module_row__z24tF", css_radioIcon = "RadioButton-module_radioIcon__I27Xv flexBox-module_column__ezvMq", css_radioTitle = "RadioButton-module_radioTitle__zCQII flexBox-module_rowStart__4tcxS type-module_body-m-regular__LuQBA", css_radioSummary = "RadioButton-module_radioSummary__PNr0Z flexBox-module_rowStart__4tcxS type-module_body-s-regular__vRHSP", css_radioContent = "RadioButton-module_radioContent__38xVx flexBox-module_columnStart__C7P44";
|
|
4
4
|
|
|
5
|
-
styleInject_es.styleInject(".flexBox-
|
|
5
|
+
styleInject_es.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.RadioButton-module_wrapper__-pWRe {\n\tpadding: var(--rb-padding) !important;\n\tmax-width: var(--rb-max-width);\n\tflex: var(--rb-flex);\n\tborder: var(--rb-border);\n\tbackground: var(--rb-bg);\n\tgap: var(--rb-gap);\n\tborder-radius: 8px;\n\tcursor: pointer;\n\ttransition: all var(--motion-water-duration) var(--motion-water) 0s;\n\tuser-select: none;\n\t-webkit-user-select: none;\n\toutline: none;\n}\n\n.RadioButton-module_radioIcon__I27Xv {\n\twidth: 20px;\n\theight: 20px;\n\tmax-width: 20px;\n\tmax-height: 20px;\n\tmin-height: 20px;\n\tmin-width: 20px;\n}\n\n.RadioButton-module_radioTitle__zCQII {\n\tcolor: var(--core-text-primary);\n\twhite-space: nowrap;\n\tflex: 1;\n}\n\n.RadioButton-module_radioSummary__PNr0Z {\n\tcolor: var(--core-text-primary);\n\tflex: 1;\n}\n\n.RadioButton-module_radioContent__38xVx {\n\twidth: 100%;\n}\n");
|
|
6
6
|
|
|
7
7
|
const RadioButton = React.memo(props => {
|
|
8
8
|
const {option: option, selected: selected = !1, deselect: deselect = !0, tabIndex: tabIndex = 1, wrap: wrap = !1, list: list = !1, hideRadio: hideRadio = !1, toggleIcon: toggleIcon = !0, noFrame: noFrame = !0, checkedIcon: checkedIcon = "check circle", iconColor: iconColor, gap: gap = 6, onChange: onChange = () => null} = props, divAttributes = tslib_es6.__rest(props, [ "option", "selected", "deselect", "tabIndex", "wrap", "list", "hideRadio", "toggleIcon", "noFrame", "checkedIcon", "iconColor", "gap", "onChange" ]), {id: divId, className: className, style: style} = divAttributes, rest = tslib_es6.__rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", [isSelected, setIsSelected] = React.useState(selected);
|
|
@@ -17,7 +17,7 @@ const RadioButton = React.memo(props => {
|
|
|
17
17
|
"--rb-padding": noFrame ? "0" : "8px 16px 8px 10px",
|
|
18
18
|
"--rb-bg": !noFrame && isSelected ? "var(--core-surface-secondary)" : "transparent",
|
|
19
19
|
"--rb-border": noFrame ? "none" : "1px solid var(--core-outline-primary)",
|
|
20
|
-
"--rb-gap":
|
|
20
|
+
"--rb-gap": misc.setStyle(gap)
|
|
21
21
|
}), [ setFlex, isSelected, wrap, noFrame, gap ]);
|
|
22
22
|
return jsxRuntime.jsxs("div", Object.assign({
|
|
23
23
|
id: divId,
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var tslib_es6 = require("./tslib.es6-C8dZW5nY.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), RadioButton = require("./RadioButton-
|
|
3
|
+
var tslib_es6 = require("./tslib.es6-C8dZW5nY.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), RadioButton = require("./RadioButton-i5n_nNV5.js"), styleInject_es = require("./style-inject.es-CMuL-BfJ.js"), css_wrapper = "RadioButtonList-module_wrapper__wnq1-", css_column = "RadioButtonList-module_column__Bq16e flexBox-module_columnStart__C7P44", css_row = "RadioButtonList-module_row__D3szq flexBox-module_rowStart__4tcxS";
|
|
4
4
|
|
|
5
|
-
styleInject_es.styleInject(".flexBox-
|
|
5
|
+
styleInject_es.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.RadioButtonList-module_wrapper__wnq1- {\n\talign-items: flex-start;\n\twidth: 100%;\n\tflex-wrap: var(--rb-list-flex-wrap);\n\tmargin-bottom: var(--rb-list-margin-bottom);\n\tgap: var(--rb-gap);\n}\n\n.RadioButtonList-module_column__Bq16e {\n}\n\n.RadioButtonList-module_row__D3szq {\n}\n");
|
|
6
6
|
|
|
7
7
|
const RadioButtonList = React.memo(props => {
|
|
8
8
|
const {options: options = [], selectedIndexes: selectedIndexes = null, selectedOptions: selectedOptions = null, label: label = null, deselect: deselect = !1, multiSelect: multiSelect = !1, wrap: wrap = !1, tabIndexSeed: tabIndexSeed = 0, spacer: spacer = "none", custom: custom = 0, gap: gap = 16, hideRadio: hideRadio = !1, noFrame: noFrame = !0, toggleIcon: toggleIcon = !0, iconColor: iconColor, checkedIcon: checkedIcon = "check circle", iconSelectedColor: iconSelectedColor, onChange: onChange = () => null} = props, divAttributes = tslib_es6.__rest(props, [ "options", "selectedIndexes", "selectedOptions", "label", "deselect", "multiSelect", "wrap", "tabIndexSeed", "spacer", "custom", "gap", "hideRadio", "noFrame", "toggleIcon", "iconColor", "checkedIcon", "iconSelectedColor", "onChange" ]), {id: divId, className: className, style: style} = divAttributes, rest = tslib_es6.__rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", [selected, setSelected] = React.useState(selectedIndexes);
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var tslib_es6 = require("./tslib.es6-C8dZW5nY.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), hooks_useObserveResize = require("../hooks/useObserveResize.js"),
|
|
3
|
+
var tslib_es6 = require("./tslib.es6-C8dZW5nY.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), hooks_useObserveResize = require("../hooks/useObserveResize.js"), misc = require("./misc-C-M6KKsH.js"), styleInject_es = require("./style-inject.es-CMuL-BfJ.js");
|
|
4
4
|
|
|
5
|
-
var css_wrapper = "Slider-
|
|
5
|
+
var css_wrapper = "Slider-module_wrapper__KCCs1", css_track = "Slider-module_track__kaJkL flexBox-module_rowStart__4tcxS", css_trackHead = "Slider-module_trackHead__W-UdG", css_trackBg = "Slider-module_trackBg__7zfqm flexBox-module_rowStart__4tcxS";
|
|
6
6
|
|
|
7
|
-
styleInject_es.styleInject(".flexBox-
|
|
7
|
+
styleInject_es.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.Slider-module_wrapper__KCCs1 {\n\tposition: relative;\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: var(--slider-padding);\n\tmargin: 0;\n\twidth: var(--slider-width);\n\theight: var(--slider-height);\n\tmin-height: var(--slider-touch-height);\n\tcursor: var(--slider-cursor);\n}\n\n.Slider-module_track__kaJkL {\n\tposition: relative;\n\twidth: 0;\n\theight: 100%;\n\tbackground-color: var(--slider-progress-color);\n\toverflow: visible;\n\tpointer-events: none;\n\tborder-radius: 100px;\n}\n\n.Slider-module_trackHead__W-UdG {\n\tposition: absolute;\n\tdisplay: var(--slider-head-display);\n\tbackground-color: var(--slider-head-color);\n\tpointer-events: none;\n\tborder-radius: var(--slider-head-radius);\n\tmax-width: var(--slider-head-width);\n\tmax-height: var(--slider-head-size);\n\tmin-width: var(--slider-head-width);\n\tmin-height: var(--slider-head-size);\n\ttop: 50%;\n\ttransform: translateY(-50%) translateX(-50%);\n}\n\n.Slider-module_trackBg__7zfqm {\n\twidth: 100%;\n\theight: var(--slider-height);\n\tbackground-color: var(--slider-track-color);\n\tpointer-events: none;\n\tborder-radius: 100px;\n}\n");
|
|
8
8
|
|
|
9
9
|
const Slider = React.memo(props => {
|
|
10
10
|
const {value: value = 25, scaleMin: scaleMin = 0, scaleMax: scaleMax = 100, width: width, height: height = 2, touchHeight: touchHeight = 24, trackHeadSize: trackHeadSize = 7, headType: headType = "round", trackHeadWidth: trackHeadWidth = 4, cursor: cursor = "default", headColor: headColor = "var(--core-text-primary)", trackColor: trackColor = "var(--core-surface-secondary)", progressColor: progressColor = "var(--core-text-primary)", onChange: onChange = () => null, onDragChange: onDragChange = () => null} = props, divAttributes = tslib_es6.__rest(props, [ "value", "scaleMin", "scaleMax", "width", "height", "touchHeight", "trackHeadSize", "headType", "trackHeadWidth", "cursor", "headColor", "trackColor", "progressColor", "onChange", "onDragChange" ]), {id: divId, className: className, style: style} = divAttributes, rest = tslib_es6.__rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", ref = React.useRef(null), track = React.useRef(null), head = React.useRef(null), absProgressRef = React.useRef(value), relativeProgressRef = React.useRef(value / scaleMax), didMount = React.useRef(!1), size = hooks_useObserveResize.useObserveResize(ref, {
|
|
@@ -53,7 +53,7 @@ const Slider = React.memo(props => {
|
|
|
53
53
|
const sliderWidth = el.getBoundingClientRect().width;
|
|
54
54
|
relativeProgressRef.current = posX / sliderWidth, absProgressRef.current = scaleMin + relativeProgressRef.current * (scaleMax - scaleMin);
|
|
55
55
|
}, [ scaleMax, scaleMin ]), updateSlider = React.useCallback(e => {
|
|
56
|
-
const newPos =
|
|
56
|
+
const newPos = misc.pointerPosition(e), el = null == ref ? void 0 : ref.current;
|
|
57
57
|
if (!el) return 0;
|
|
58
58
|
const rect = el.getBoundingClientRect(), sliderWidth = rect.width;
|
|
59
59
|
let pos = newPos - rect.x;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var tslib_es6 = require("./tslib.es6-C8dZW5nY.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), styleInject_es = require("./style-inject.es-CMuL-BfJ.js"), css_wrapper = "Switch-
|
|
3
|
+
var tslib_es6 = require("./tslib.es6-C8dZW5nY.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), styleInject_es = require("./style-inject.es-CMuL-BfJ.js"), css_wrapper = "Switch-module_wrapper__kudO9 flexBox-module_row__z24tF", css_knob = "Switch-module_knob__vKNOc flexBox-module_row__z24tF";
|
|
4
4
|
|
|
5
|
-
styleInject_es.styleInject(".flexBox-
|
|
5
|
+
styleInject_es.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.Switch-module_wrapper__kudO9 {\n\tpadding: var(--switch-padding) !important;\n\twidth: var(--switch-width);\n\theight: var(--switch-height);\n\tborder-radius: 100px;\n\tcursor: pointer;\n\tbackground: var(--switch-bg-color);\n\ttransition: background var(--motion-water-duration) var(--motion-water) 0s;\n}\n\n.Switch-module_knob__vKNOc {\n\twidth: var(--switch-knob-size);\n\theight: var(--switch-knob-size);\n\tbackground: var(--switch-knob-color);\n\tborder-radius: 100%;\n}\n");
|
|
6
6
|
|
|
7
7
|
const Switch = React.memo(props => {
|
|
8
8
|
const {state: state = !1, height: height = 22, width: width = 44, padding: padding = 3, bgColorOn: bgColorOn = "var(--feedback-positive)", bgColorOff: bgColorOff = "var(--core-text-disabled)", knobColor: knobColor = "var(--core-surface-primary)", onChange: onChange = () => null} = props, divAttributes = tslib_es6.__rest(props, [ "state", "height", "width", "padding", "bgColorOn", "bgColorOff", "knobColor", "onChange" ]), {id: divId, className: className, style: style} = divAttributes, rest = tslib_es6.__rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", [on, setOn] = React.useState(state);
|
|
@@ -4,9 +4,9 @@ var tslib_es6 = require("./tslib.es6-C8dZW5nY.js"), jsxRuntime = require("react/
|
|
|
4
4
|
|
|
5
5
|
require("../theme/colors.js"), require("../hooks/useWindow.js");
|
|
6
6
|
|
|
7
|
-
var Badge = require("./Badge-
|
|
7
|
+
var Badge = require("./Badge-CY_DG6cD.js"), _types = require("./_types-Cxk9tRiB.js"), IconButton = require("./IconButton-BiUfqoPb.js"), sharedTypes = require("./sharedTypes-gCECyn2N.js"), styleInject_es = require("./style-inject.es-CMuL-BfJ.js"), css_wrapper = "TabBar-module_wrapper__cyOR1 flexBox-module_rowStart__4tcxS", css_option = "TabBar-module_option__gYjDf flexBox-module_row__z24tF type-module_body-m-regular__LuQBA", css_icon = "TabBar-module_icon__JDgG3 flexBox-module_row__z24tF", css_close = "TabBar-module_close__bvSBh flexBox-module_row__z24tF";
|
|
8
8
|
|
|
9
|
-
styleInject_es.styleInject(".flexBox-
|
|
9
|
+
styleInject_es.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.TabBar-module_wrapper__cyOR1 {\n\tgap: var(--tab-bar-gap);\n\tborder-bottom: var(--tab-bar-border-bottom) solid var(--core-outline-primary);\n\theight: var(--tab-bar-height);\n\twidth: var(--tab-bar-width);\n\tcursor: pointer;\n}\n\n.TabBar-module_option__gYjDf {\n\tgap: var(--tab-bar-option-gap);\n\tcolor: var(--tab-bar-option-color);\n\tpadding: var(--tab-bar-option-padding) !important;\n\theight: 100%;\n\twidth: var(--tab-bar-option-width);\n\tflex: var(--tab-bar-option-flex);\n\twhite-space: nowrap;\n\tbox-shadow: 0 var(--tab-bar-option-border) 0 0 var(--core-text-special);\n\tcursor: var(--tab-bar-option-cursor);\n\t-webkit-user-select: none;\n\tuser-select: none;\n}\n\n.TabBar-module_icon__JDgG3 {\n\tmax-height: var(--tab-bar-icon-size);\n\tmin-height: var(--tab-bar-icon-size);\n\tmax-width: var(--tab-bar-icon-size);\n\tmin-width: var(--tab-bar-icon-size);\n}\n\n.TabBar-module_close__bvSBh {\n\theight: 100%;\n\tpadding: var(--tab-bar-close-padding) !important;\n\tborder-left: 1px solid var(--core-outline-primary);\n\twidth: min-content;\n}\n");
|
|
10
10
|
|
|
11
11
|
const placeholderOptions = [ {
|
|
12
12
|
name: "Option 1",
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var tslib_es6 = require("./tslib.es6-C8dZW5nY.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), Button = require("./Button-
|
|
3
|
+
var tslib_es6 = require("./tslib.es6-C8dZW5nY.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), Button = require("./Button-TfMwGVI5.js"), styleInject_es = require("./style-inject.es-CMuL-BfJ.js"), css_wrapper = "TextArea-module_wrapper__O0sWP flexBox-module_columnStart__C7P44", css_textarea = "TextArea-module_textarea__-R2n0", css_send = "TextArea-module_send__Cub13", css_s = "TextArea-module_s__Ac-fq type-module_body-s-regular__vRHSP", css_m = "TextArea-module_m__dod4R type-module_body-m-regular__LuQBA", css_l = "TextArea-module_l__-uLCG type-module_body-l-regular__lOYbg";
|
|
4
4
|
|
|
5
|
-
styleInject_es.styleInject(".flexBox-
|
|
5
|
+
styleInject_es.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.TextArea-module_wrapper__O0sWP {\n\tposition: relative;\n\tpadding: var(--ta-padding) !important;\n\twidth: var(--ta-width);\n\theight: auto;\n\tborder-radius: var(--ta-border-radius);\n\tbackground-color: var(--ta-bg-color);\n\tbox-shadow: 0 0 0 1px var(--ta-border-color);\n\ttransition: all var(--motion-water-duration) var(--motion-water) 0s;\n}\n\n.TextArea-module_textarea__-R2n0 {\n\tborder: 0;\n\toutline: 0;\n\tpadding: 0 16px 0 0;\n\twidth: 100%;\n\theight: 100%;\n\tcolor: var(--core-text-primary);\n\tbackground-color: transparent;\n\tbox-sizing: border-box;\n\tresize: var(--ta-resize);\n\n\t&:disabled {\n\t\tcolor: var(--core-text-disabled);\n\t}\n\n\t&::placeholder {\n\t\tcolor: var(--core-text-disabled);\n\t}\n\n\toverflow-y: auto;\n\n\t&::-webkit-scrollbar {\n\t\tbackground-color: transparent;\n\t\twidth: 14px;\n\t}\n\n\t&::-webkit-scrollbar-track {\n\t\tbackground-color: transparent;\n\t}\n\n\t&::-webkit-scrollbar-thumb {\n\t\tbackground-color: var(--scroll-bar);\n\t\tborder-radius: 20px;\n\t\tborder: 4px solid var(--core-surface-primary);\n\t}\n\n\t&::-webkit-scrollbar-thumb:hover {\n\t\tbackground-color: var(--scroll-bar);\n\t\tborder-radius: 20px;\n\t\tborder: 4px solid var(--core-surface-primary);\n\t\tcursor: default;\n\t}\n}\n\n.TextArea-module_actions__yunQx {\n\twidth: 100%;\n\tmin-height: 30px;\n\tcolor: var(--core-text-disabled);\n\tgap: 16px;\n}\n\n.TextArea-module_option__2SFx5 {\n\tgap: 4px;\n\twhite-space: nowrap;\n\tuser-select: none;\n\t-webkit-user-select: none;\n\tcursor: default;\n}\n\n.TextArea-module_send__Cub13 {\n\tposition: absolute;\n\tbottom: var(--ta-send-icon-offset-bottom);\n\tright: var(--ta-send-icon-offset-right);\n}\n\n.TextArea-module_s__Ac-fq {\n}\n\n.TextArea-module_m__dod4R {\n}\n\n.TextArea-module_l__-uLCG {\n}\n");
|
|
6
6
|
|
|
7
7
|
const TextArea = React.memo(props => {
|
|
8
8
|
const {value: value = "", name: name = "text_area", width: width = "100%", focused: focused = !1, placeholder: placeholder = "Enter text here...", rows: rows = 6, border: border = !1, borderRadius: borderRadius = 4, padding: padding = "16px 4px 16px 16px", validate: validate = !1, resizable: resizable = !0, hasSend: hasSend = !1, sendOffset: sendOffset = {
|