welcome-ui 1.0.0-beta.3 → 1.0.0-beta.4
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/dist/AXB53BZF-BxNazDnS.mjs +25 -0
- package/dist/AXB53BZF-KWM2jKTz.js +1 -0
- package/dist/Accordion.js +16 -30
- package/dist/Accordion.mjs +27 -515
- package/dist/Alert.js +37 -1
- package/dist/Alert.mjs +118 -5
- package/dist/AspectRatio.mjs +7 -7
- package/dist/Avatar.js +3 -3
- package/dist/Avatar.mjs +16 -15
- package/dist/BYC7LY2E-BAjGN7k_.mjs +1074 -0
- package/dist/BYC7LY2E-BkAEL2VD.js +1 -0
- package/dist/Badge.js +3 -3
- package/dist/Badge.mjs +10 -10
- package/dist/Breadcrumb.js +1 -54
- package/dist/Breadcrumb.mjs +7 -437
- package/dist/Button.js +78 -0
- package/dist/Button.mjs +136 -0
- package/dist/ButtonGroup.js +32 -0
- package/dist/ButtonGroup.mjs +51 -0
- package/dist/Card.js +17 -0
- package/dist/Card.mjs +29 -0
- package/dist/Checkbox.js +1 -0
- package/dist/Checkbox.mjs +6 -0
- package/dist/ClearButton.js +14 -0
- package/dist/ClearButton.mjs +26 -0
- package/dist/CloseButton.js +6 -0
- package/dist/CloseButton.mjs +15 -0
- package/dist/CustomInput-9aCUiD6o.js +1070 -0
- package/dist/CustomInput-CenfXh_H.mjs +7825 -0
- package/dist/DatePicker.js +1 -0
- package/dist/DatePicker.mjs +108 -0
- package/dist/DateTimePicker.js +38 -0
- package/dist/DateTimePicker.mjs +109 -0
- package/dist/DateTimePickerCommon.js +1 -0
- package/dist/DateTimePickerCommon.mjs +14 -0
- package/dist/Drawer.js +64 -0
- package/dist/Drawer.mjs +267 -0
- package/dist/DropdownMenu.js +45 -0
- package/dist/DropdownMenu.mjs +776 -0
- package/dist/Field.js +72 -0
- package/dist/Field.mjs +177 -0
- package/dist/FieldGroup.js +13 -0
- package/dist/FieldGroup.mjs +26 -0
- package/dist/FileDrop.js +46 -0
- package/dist/FileDrop.mjs +2325 -0
- package/dist/FileUpload.js +3 -0
- package/dist/FileUpload.mjs +88 -0
- package/dist/Grid.js +1 -0
- package/dist/Grid.mjs +57 -0
- package/dist/Hint.js +8 -0
- package/dist/Hint.mjs +22 -0
- package/dist/ITI7HKP4-BPa8qpnl.js +1 -0
- package/dist/ITI7HKP4-Couz1Z73.mjs +473 -0
- package/dist/Icon.js +17 -0
- package/dist/Icon.mjs +51 -0
- package/dist/IconFont.js +17 -0
- package/dist/IconFont.mjs +348 -0
- package/dist/InputText.js +8 -0
- package/dist/InputText.mjs +81 -0
- package/dist/JC64G2H7-CQsqXPS_.mjs +965 -0
- package/dist/JC64G2H7-YkBMNrtl.js +1 -0
- package/dist/KUU7WJ55-DN8gk6_R.js +1 -0
- package/dist/KUU7WJ55-bC4FU_j7.mjs +61 -0
- package/dist/LVA2YJMS-B2HZjIhJ.js +14 -0
- package/dist/LVA2YJMS-Dm5ieEMw.mjs +1479 -0
- package/dist/Label.js +35 -0
- package/dist/Label.mjs +78 -0
- package/dist/Link.js +43 -0
- package/dist/Link.mjs +77 -0
- package/dist/Loader.js +30 -0
- package/dist/Loader.mjs +48 -0
- package/dist/Logo.js +1 -0
- package/dist/Logo.mjs +8 -0
- package/dist/MTZPJQMC-5Xg78Uyy.js +1 -0
- package/dist/MTZPJQMC-DZ3zg4be.mjs +13 -0
- package/dist/Modal.js +181 -0
- package/dist/Modal.mjs +365 -0
- package/dist/NLEBE274-DvH3XTTw.js +1 -0
- package/dist/NLEBE274-FThuwZH_.mjs +84 -0
- package/dist/P2CTZE2T-5jxBu6ix.mjs +297 -0
- package/dist/P2CTZE2T-q8vyaGc0.js +1 -0
- package/dist/P4IRICAX-DF0_vmod.mjs +37 -0
- package/dist/P4IRICAX-nhgZ26A1.js +1 -0
- package/dist/Pagination.js +46 -0
- package/dist/Pagination.mjs +158 -0
- package/dist/PasswordInput.js +1 -0
- package/dist/PasswordInput.mjs +54 -0
- package/dist/Picker.js +8 -0
- package/dist/Picker.mjs +50 -0
- package/dist/Popover.js +1 -0
- package/dist/Popover.mjs +8 -0
- package/dist/QYJ6MIDR-CRK3satR.js +1 -0
- package/dist/QYJ6MIDR-Cy39pEs2.mjs +97 -0
- package/dist/Radio.js +60 -0
- package/dist/Radio.mjs +118 -0
- package/dist/RadioGroup.js +8 -0
- package/dist/RadioGroup.mjs +68 -0
- package/dist/RadioTab.js +61 -0
- package/dist/RadioTab.mjs +104 -0
- package/dist/SYRFVSLH-BpAfr7UE.js +1 -0
- package/dist/SYRFVSLH-DyepaZf7.mjs +48 -0
- package/dist/Search.js +70 -0
- package/dist/Search.mjs +225 -0
- package/dist/Select.js +122 -0
- package/dist/Select.mjs +1071 -0
- package/dist/Shape.js +23 -0
- package/dist/Shape.mjs +37 -0
- package/dist/Slider.js +190 -0
- package/dist/Slider.mjs +531 -0
- package/dist/Stack.js +1 -0
- package/dist/Stack.mjs +32 -0
- package/dist/Swiper.js +141 -0
- package/dist/Swiper.mjs +448 -0
- package/dist/System.js +1 -1
- package/dist/System.mjs +5 -5
- package/dist/Table.js +55 -0
- package/dist/Table.mjs +75 -0
- package/dist/Tabs.js +82 -0
- package/dist/Tabs.mjs +539 -0
- package/dist/Tag.js +78 -0
- package/dist/Tag.mjs +135 -0
- package/dist/Text.js +46 -0
- package/dist/Text.mjs +97 -0
- package/dist/Textarea.js +6 -0
- package/dist/Textarea.mjs +55 -0
- package/dist/TimePicker.js +4 -0
- package/dist/TimePicker.mjs +88 -0
- package/dist/Toast.js +42 -0
- package/dist/Toast.mjs +264 -0
- package/dist/Toggle.js +75 -0
- package/dist/Toggle.mjs +93 -0
- package/dist/Tooltip.js +68 -0
- package/dist/Tooltip.mjs +303 -0
- package/dist/UniversalLink.js +4 -0
- package/dist/UniversalLink.mjs +25 -0
- package/dist/VEVQD5MH-De4r89YE.mjs +20 -0
- package/dist/VEVQD5MH-mN1wMozH.js +1 -0
- package/dist/VGCJ63VH-BNLwLOaC.js +1 -0
- package/dist/VGCJ63VH-fv0YLRh8.mjs +186 -0
- package/dist/VariantIcon.js +8 -0
- package/dist/VariantIcon.mjs +32 -0
- package/dist/Welcome-BNr4uu5n.mjs +48 -0
- package/dist/Welcome-Dw9OaREs.js +3 -0
- package/dist/WelcomeLoader.js +11 -0
- package/dist/WelcomeLoader.mjs +9453 -0
- package/dist/X5NMLKT6-BzhcQu_I.js +1 -0
- package/dist/X5NMLKT6-DGZEtYXj.mjs +25 -0
- package/dist/YV4JVR4I-1ezWeCCz.mjs +341 -0
- package/dist/YV4JVR4I-DIthYWMj.js +15 -0
- package/dist/_commonjsHelpers-CXJ7dpIk.mjs +9 -0
- package/dist/_commonjsHelpers-DvH0V_XJ.js +1 -0
- package/dist/create-event-YSlay9Ef.js +1 -0
- package/dist/create-event-rXDe5aCQ.mjs +8 -0
- package/dist/downshift.esm-DAo-GJwH.js +1 -0
- package/dist/downshift.esm-K4YLLQXl.mjs +1085 -0
- package/dist/field-styles-CeV7pnOp.mjs +86 -0
- package/dist/field-styles-D_gf6ypV.js +63 -0
- package/dist/get-max-width-height-CDLBnp_J.js +1 -0
- package/dist/get-max-width-height-DoUro2T7.mjs +8 -0
- package/dist/hide-focus-rings-root-BNyva1yb.mjs +14 -0
- package/dist/hide-focus-rings-root-DGU4Klq5.js +5 -0
- package/dist/index-1C9Z0d5Q.mjs +446 -0
- package/dist/index-BHi0wohR.js +142 -0
- package/dist/index-BLom3M2B.js +2 -0
- package/dist/{index-WmqrMIzg.mjs → index-BYdkhqH4.mjs} +6344 -6386
- package/dist/index-C_r0bVmL.js +56 -0
- package/dist/index-CgT8GWHS.js +1 -0
- package/dist/index-ColyClKR.mjs +239 -0
- package/dist/index-CrhKWaM2.js +54 -0
- package/dist/index-Cs1IZBks.js +17 -0
- package/dist/index-DCOLdphy.mjs +184 -0
- package/dist/index-DHOW43M6.mjs +132 -0
- package/dist/index-SbQUT2mU.mjs +639 -0
- package/dist/index.js +5 -147
- package/dist/index.mjs +1448 -537
- package/dist/overflow-ellipsis-C2ESrF8C.js +5 -0
- package/dist/overflow-ellipsis-DGV5Kgt-.mjs +10 -0
- package/dist/radio-group-29lMl-2M.mjs +51 -0
- package/dist/radio-group-BpImAAmy.js +1 -0
- package/dist/throttle-BB1Y3bfD.js +1 -0
- package/dist/throttle-BDBzFeFj.mjs +13 -0
- package/dist/types/components/Alert/Title.d.ts +1 -1
- package/dist/types/components/Alert/index.d.ts +3 -3
- package/dist/types/components/Alert/styles.d.ts +2 -2
- package/dist/types/components/Avatar/index.d.ts +1 -1
- package/dist/types/components/Avatar/styles.d.ts +2 -2
- package/dist/types/components/Badge/styles.d.ts +2 -2
- package/dist/types/components/Card/Cover.d.ts +1 -1
- package/dist/types/components/Card/Cover.styles.d.ts +1 -1
- package/dist/types/components/Checkbox/index.d.ts +13 -0
- package/dist/types/components/Checkbox/styles.d.ts +3 -0
- package/dist/types/components/Checkbox/theme.d.ts +8 -0
- package/dist/types/components/ClearButton/styles.d.ts +1 -1
- package/dist/types/components/CloseButton/styles.d.ts +1 -1
- package/dist/types/components/DatePicker/index.d.ts +15 -0
- package/dist/types/components/DateTimePicker/index.d.ts +5 -0
- package/dist/types/components/DateTimePicker/styles.d.ts +1 -0
- package/dist/types/components/DateTimePickerCommon/CustomHeader.d.ts +18 -0
- package/dist/types/components/DateTimePickerCommon/CustomInput.d.ts +17 -0
- package/dist/types/components/DateTimePickerCommon/CustomPopper.d.ts +4 -0
- package/dist/types/components/DateTimePickerCommon/datePickerStyles.d.ts +1 -0
- package/dist/types/components/DateTimePickerCommon/index.d.ts +5 -0
- package/dist/types/components/DateTimePickerCommon/styles.d.ts +9 -0
- package/dist/types/components/DateTimePickerCommon/theme.d.ts +9 -0
- package/dist/types/components/DateTimePickerCommon/utils.d.ts +6 -0
- package/dist/types/components/Drawer/AssetDrawer/Header.d.ts +31 -0
- package/dist/types/components/Drawer/AssetDrawer/index.d.ts +4 -0
- package/dist/types/components/Drawer/AssetDrawer/styles.d.ts +3 -0
- package/dist/types/components/Drawer/Close.d.ts +5 -0
- package/dist/types/components/Drawer/Content.d.ts +4 -0
- package/dist/types/components/Drawer/Footer.d.ts +4 -0
- package/dist/types/components/Drawer/Title.d.ts +3 -0
- package/dist/types/components/Drawer/index.d.ts +52 -0
- package/dist/types/components/Drawer/styles.d.ts +10 -0
- package/dist/types/components/Drawer/theme.d.ts +17 -0
- package/dist/types/components/DropdownMenu/Arrow.d.ts +4 -0
- package/dist/types/components/DropdownMenu/Arrow.styled.d.ts +4 -0
- package/dist/types/components/DropdownMenu/Item.d.ts +4 -0
- package/dist/types/components/DropdownMenu/Item.styled.d.ts +1 -0
- package/dist/types/components/DropdownMenu/Separator.d.ts +4 -0
- package/dist/types/components/DropdownMenu/Separator.styled.d.ts +1 -0
- package/dist/types/components/DropdownMenu/index.d.ts +25 -0
- package/dist/types/components/DropdownMenu/styles.d.ts +1 -0
- package/dist/types/components/DropdownMenu/theme.d.ts +8 -0
- package/dist/types/components/Field/index.d.ts +26 -0
- package/dist/types/components/Field/styles.d.ts +21 -0
- package/dist/types/components/Field/utils.d.ts +5 -0
- package/dist/types/components/FieldGroup/index.d.ts +11 -0
- package/dist/types/components/FieldGroup/styles.d.ts +1 -0
- package/dist/types/components/FileDrop/FilePreview.d.ts +9 -0
- package/dist/types/components/FileDrop/Message.d.ts +7 -0
- package/dist/types/components/FileDrop/Preview.d.ts +3 -0
- package/dist/types/components/FileDrop/index.d.ts +52 -0
- package/dist/types/components/FileDrop/styles.d.ts +9 -0
- package/dist/types/components/FileDrop/theme.d.ts +9 -0
- package/dist/types/components/FileDrop/utils.d.ts +3 -0
- package/dist/types/components/FileUpload/index.d.ts +35 -0
- package/dist/types/components/FileUpload/styles.d.ts +1 -0
- package/dist/types/components/Files/index.d.ts +8 -0
- package/dist/types/components/Files/types.d.ts +72 -0
- package/dist/types/components/Grid/Item.d.ts +14 -0
- package/dist/types/components/Grid/index.d.ts +31 -0
- package/dist/types/components/Hint/index.d.ts +10 -0
- package/dist/types/components/Hint/styles.d.ts +4 -0
- package/dist/types/components/Hint/theme.d.ts +9 -0
- package/dist/types/components/Icon/index.d.ts +26 -0
- package/dist/types/components/Icon/styles.d.ts +9 -0
- package/dist/types/components/Icon/theme.d.ts +10 -0
- package/dist/types/components/IconFont/index.d.ts +311 -0
- package/dist/types/components/IconFont/styles.d.ts +7 -0
- package/dist/types/components/IconFont/unicode.json.d.ts +303 -0
- package/dist/types/components/InputText/index.d.ts +21 -0
- package/dist/types/components/InputText/styles.d.ts +3 -0
- package/dist/types/components/Label/index.d.ts +16 -0
- package/dist/types/components/Label/styles.d.ts +5 -0
- package/dist/types/components/Label/theme.d.ts +4 -0
- package/dist/types/components/Link/index.d.ts +15 -0
- package/dist/types/components/Link/styles.d.ts +2 -0
- package/dist/types/components/Link/theme.d.ts +16 -0
- package/dist/types/components/Link/utils.d.ts +1 -0
- package/dist/types/components/Loader/index.d.ts +11 -0
- package/dist/types/components/Loader/styles.d.ts +6 -0
- package/dist/types/components/Loader/theme.d.ts +8 -0
- package/dist/types/components/Logo/Solutions.d.ts +3 -0
- package/dist/types/components/Logo/Symbol.d.ts +3 -0
- package/dist/types/components/Logo/Welcome.d.ts +3 -0
- package/dist/types/components/Logo/Wui.d.ts +3 -0
- package/dist/types/components/Logo/index.d.ts +7 -0
- package/dist/types/components/Logo/styles.d.ts +1 -0
- package/dist/types/components/Modal/Assets/AssetWithTitle.d.ts +9 -0
- package/dist/types/components/Modal/Assets/Backdrop.d.ts +4 -0
- package/dist/types/components/Modal/Assets/Iframe.d.ts +5 -0
- package/dist/types/components/Modal/Assets/index.d.ts +17 -0
- package/dist/types/components/Modal/Assets/styles.d.ts +7 -0
- package/dist/types/components/Modal/Close.d.ts +6 -0
- package/dist/types/components/Modal/Content.d.ts +16 -0
- package/dist/types/components/Modal/Footer.d.ts +12 -0
- package/dist/types/components/Modal/Header.d.ts +12 -0
- package/dist/types/components/Modal/index.d.ts +53 -0
- package/dist/types/components/Modal/styles.d.ts +11 -0
- package/dist/types/components/Modal/theme.d.ts +17 -0
- package/dist/types/components/Pagination/index.d.ts +14 -0
- package/dist/types/components/Pagination/styles.d.ts +7 -0
- package/dist/types/components/Pagination/theme.d.ts +9 -0
- package/dist/types/components/Pagination/utils.d.ts +7 -0
- package/dist/types/components/PasswordInput/ToggleButton.d.ts +9 -0
- package/dist/types/components/PasswordInput/index.d.ts +5 -0
- package/dist/types/components/Picker/index.d.ts +17 -0
- package/dist/types/components/Picker/styles.d.ts +2 -0
- package/dist/types/components/Popover/Arrow.d.ts +6 -0
- package/dist/types/components/Popover/Content.d.ts +9 -0
- package/dist/types/components/Popover/Popover.d.ts +14 -0
- package/dist/types/components/Popover/PopoverHover.d.ts +14 -0
- package/dist/types/components/Popover/Trigger.d.ts +10 -0
- package/dist/types/components/Popover/index.d.ts +3 -0
- package/dist/types/components/Popover/styles.d.ts +12 -0
- package/dist/types/components/Popover/theme.d.ts +8 -0
- package/dist/types/components/Popover/usePopover.d.ts +15 -0
- package/dist/types/components/Radio/index.d.ts +12 -0
- package/dist/types/components/Radio/styles.d.ts +7 -0
- package/dist/types/components/Radio/theme.d.ts +11 -0
- package/dist/types/components/RadioGroup/index.d.ts +17 -0
- package/dist/types/components/RadioGroup/styles.d.ts +4 -0
- package/dist/types/components/RadioTab/index.d.ts +14 -0
- package/dist/types/components/RadioTab/styles.d.ts +18 -0
- package/dist/types/components/RadioTab/theme.d.ts +7 -0
- package/dist/types/components/Search/index.d.ts +29 -0
- package/dist/types/components/Search/styles.d.ts +15 -0
- package/dist/types/components/Select/index.d.ts +54 -0
- package/dist/types/components/Select/multipleSelections.d.ts +3 -0
- package/dist/types/components/Select/styles.d.ts +32 -0
- package/dist/types/components/Select/utils.d.ts +18 -0
- package/dist/types/components/Shape/index.d.ts +6 -0
- package/dist/types/components/Shape/styles.d.ts +2 -0
- package/dist/types/components/Slider/Range.d.ts +17 -0
- package/dist/types/components/Slider/index.d.ts +27 -0
- package/dist/types/components/Slider/styles.d.ts +19 -0
- package/dist/types/components/Slider/theme.d.ts +11 -0
- package/dist/types/components/Stack/index.d.ts +7 -0
- package/dist/types/components/Swiper/index.d.ts +80 -0
- package/dist/types/components/Swiper/styles.d.ts +138 -0
- package/dist/types/components/Swiper/theme.d.ts +11 -0
- package/dist/types/components/Swiper/use-interval.d.ts +1 -0
- package/dist/types/components/Table/index.d.ts +18 -0
- package/dist/types/components/Table/styles.d.ts +13 -0
- package/dist/types/components/Table/theme.d.ts +15 -0
- package/dist/types/components/Tabs/ActiveBar.d.ts +13 -0
- package/dist/types/components/Tabs/TabList.d.ts +13 -0
- package/dist/types/components/Tabs/TabPanel.d.ts +11 -0
- package/dist/types/components/Tabs/index.d.ts +18 -0
- package/dist/types/components/Tabs/styles.d.ts +9 -0
- package/dist/types/components/Tabs/theme.d.ts +28 -0
- package/dist/types/components/Tabs/utils.d.ts +1 -0
- package/dist/types/components/Tag/index.d.ts +17 -0
- package/dist/types/components/Tag/styles.d.ts +15 -0
- package/dist/types/components/Tag/theme.d.ts +14 -0
- package/dist/types/components/Text/index.d.ts +25 -0
- package/dist/types/components/Text/styles.d.ts +2 -0
- package/dist/types/components/Textarea/index.d.ts +18 -0
- package/dist/types/components/Textarea/styles.d.ts +2 -0
- package/dist/types/components/Textarea/theme.d.ts +4 -0
- package/dist/types/components/TimePicker/index.d.ts +13 -0
- package/dist/types/components/TimePicker/styles.d.ts +1 -0
- package/dist/types/components/Toast/Growl.d.ts +12 -0
- package/dist/types/components/Toast/Snackbar.d.ts +18 -0
- package/dist/types/components/Toast/ToastWrapper.d.ts +16 -0
- package/dist/types/components/Toast/index.d.ts +27 -0
- package/dist/types/components/Toast/styles.d.ts +19 -0
- package/dist/types/components/Toast/theme.d.ts +22 -0
- package/dist/types/components/Toast/utils.d.ts +26 -0
- package/dist/types/components/Toggle/index.d.ts +11 -0
- package/dist/types/components/Toggle/styles.d.ts +12 -0
- package/dist/types/components/Toggle/theme.d.ts +10 -0
- package/dist/types/components/Tooltip/index.d.ts +11 -0
- package/dist/types/components/Tooltip/styles.d.ts +10 -0
- package/dist/types/components/Tooltip/theme.d.ts +4 -0
- package/dist/types/components/UniversalLink/index.d.ts +7 -0
- package/dist/types/components/UniversalLink/styles.d.ts +1 -0
- package/dist/types/components/VariantIcon/index.d.ts +11 -0
- package/dist/types/components/VariantIcon/styles.d.ts +4 -0
- package/dist/types/components/VariantIcon/theme.d.ts +10 -0
- package/dist/types/components/WelcomeLoader/index.d.ts +2 -0
- package/dist/types/components/WelcomeLoader/loader.json.d.ts +3 -0
- package/dist/types/components/index.d.ts +43 -1
- package/dist/types/index.d.ts +2 -1
- package/dist/types/theme/defaultFields.d.ts +39 -0
- package/dist/types/theme/index.d.ts +52 -2
- package/dist/types/theme/typography.d.ts +2 -2
- package/dist/types/utils/clamp.d.ts +1 -0
- package/dist/types/utils/create-event.d.ts +8 -0
- package/dist/types/utils/field-styles.d.ts +21 -0
- package/dist/types/utils/format-bytes.d.ts +1 -0
- package/dist/types/utils/get-max-width-height.d.ts +1 -0
- package/dist/types/utils/hex-to-rgb.d.ts +1 -0
- package/dist/types/utils/hex-to-rgba.d.ts +1 -0
- package/dist/types/utils/hide-focus-rings-root.d.ts +8 -0
- package/dist/types/utils/index.d.ts +1 -0
- package/dist/types/utils/overflow-ellipsis.d.ts +1 -0
- package/dist/types/utils/throttle.d.ts +5 -0
- package/dist/types/utils/use-copy-text.d.ts +5 -0
- package/dist/types/utils/use-create-portal.d.ts +4 -0
- package/dist/types/utils/use-fork-ref.d.ts +3 -0
- package/dist/types/utils/use-isomorphic-layout-effect.d.ts +2 -0
- package/dist/types/utils/use-viewport.d.ts +6 -0
- package/dist/types/utils/wrap-children.d.ts +1 -0
- package/dist/use-isomorphic-layout-effect-C1_Gy5Nu.js +1 -0
- package/dist/use-isomorphic-layout-effect-Izr-e2pi.mjs +6 -0
- package/dist/use-viewport-BDDjd1nl.js +1 -0
- package/dist/use-viewport-m3glsbna.mjs +16 -0
- package/dist/usePopover-CZsYHcTW.js +31 -0
- package/dist/usePopover-CcsC9Y-s.mjs +143 -0
- package/dist/wrap-children-BLDjJiiy.js +1 -0
- package/dist/wrap-children-aq69jtFP.mjs +12 -0
- package/package.json +56 -4
- package/dist/X5NMLKT6-BC1Q56kB.mjs +0 -1258
- package/dist/X5NMLKT6-vrNG8i_R.js +0 -14
- package/dist/index-0MPAX4B5.mjs +0 -320
- package/dist/index-BNA_A0oa.js +0 -155
- package/dist/index-BXJQXgy9.js +0 -13
- package/dist/index-Bwrtxit1.mjs +0 -84
- package/dist/index-Ct2FOeyM.js +0 -17
- package/dist/index-DRNn5iIc.js +0 -142
- package/dist/index-Du8Nrf16.mjs +0 -128
- package/dist/index-MifIgNHW.mjs +0 -47
- package/dist/index-V28zHt_Z.js +0 -68
package/dist/Label.js
ADDED
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),y=require("./index-Cs1IZBks.js"),f=require("./VariantIcon.js"),s=require("./System.js"),b=require("./wrap-children-BLDjJiiy.js"),e=require("@xstyled/styled-components"),o=e("label").withConfig({shouldForwardProp:s.shouldForwardProp})(({required:r})=>e.css`
|
|
2
|
+
position: relative;
|
|
3
|
+
display: flex;
|
|
4
|
+
flex-shrink: 0;
|
|
5
|
+
max-width: 100%;
|
|
6
|
+
align-items: center;
|
|
7
|
+
line-height: lg;
|
|
8
|
+
${e.th("labels")};
|
|
9
|
+
${e.system};
|
|
10
|
+
user-select: none;
|
|
11
|
+
|
|
12
|
+
> * {
|
|
13
|
+
&:not(:last-child) {
|
|
14
|
+
margin-right: sm;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
:last-child {
|
|
18
|
+
${r&&w};
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
`),w=e.css`
|
|
22
|
+
&::after {
|
|
23
|
+
content: '*';
|
|
24
|
+
margin-left: xs;
|
|
25
|
+
/* It prevents the element to shift the layout and it allows us to put it properly on top with super */
|
|
26
|
+
line-height: 0;
|
|
27
|
+
vertical-align: super;
|
|
28
|
+
font-size: subtitle-sm;
|
|
29
|
+
font-weight: bold;
|
|
30
|
+
color: primary-40;
|
|
31
|
+
}
|
|
32
|
+
`,q=e.div`
|
|
33
|
+
display: inline-flex;
|
|
34
|
+
margin-right: xs;
|
|
35
|
+
`,a=s.forwardRef(({checkableField:r,children:c,dataTestId:u,disabled:l,disabledIcon:i,icon:d,variant:n,withDisabledIcon:h=!0,...m},p)=>{const g=b.wrapChildren(c);return t.createElement(o,{"data-testid":u,disabled:l,disabledIcon:i,ref:p,variant:n,...m},!r&&t.createElement(f.VariantIcon,{icon:d,size:"sm",variant:n}),l&&h&&t.createElement(q,null,i||t.createElement(y.LockIcon,{size:"sm"})),g)});a.displayName="Label";const x=o;exports.Label=a;exports.StyledLabel=x;
|
package/dist/Label.mjs
ADDED
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import e from "react";
|
|
3
|
+
import { L as u } from "./index-ColyClKR.mjs";
|
|
4
|
+
import { VariantIcon as g } from "./VariantIcon.mjs";
|
|
5
|
+
import { shouldForwardProp as y, forwardRef as w } from "./System.mjs";
|
|
6
|
+
import { w as b } from "./wrap-children-aq69jtFP.mjs";
|
|
7
|
+
import o, { css as s, th as x, system as L } from "@xstyled/styled-components";
|
|
8
|
+
const n = o("label").withConfig({ shouldForwardProp: y })(
|
|
9
|
+
({ required: t }) => s`
|
|
10
|
+
position: relative;
|
|
11
|
+
display: flex;
|
|
12
|
+
flex-shrink: 0;
|
|
13
|
+
max-width: 100%;
|
|
14
|
+
align-items: center;
|
|
15
|
+
line-height: lg;
|
|
16
|
+
${x("labels")};
|
|
17
|
+
${L};
|
|
18
|
+
user-select: none;
|
|
19
|
+
|
|
20
|
+
> * {
|
|
21
|
+
&:not(:last-child) {
|
|
22
|
+
margin-right: sm;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
:last-child {
|
|
26
|
+
${t && E};
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
`
|
|
30
|
+
), E = s`
|
|
31
|
+
&::after {
|
|
32
|
+
content: '*';
|
|
33
|
+
margin-left: xs;
|
|
34
|
+
/* It prevents the element to shift the layout and it allows us to put it properly on top with super */
|
|
35
|
+
line-height: 0;
|
|
36
|
+
vertical-align: super;
|
|
37
|
+
font-size: subtitle-sm;
|
|
38
|
+
font-weight: bold;
|
|
39
|
+
color: primary-40;
|
|
40
|
+
}
|
|
41
|
+
`, _ = o.div`
|
|
42
|
+
display: inline-flex;
|
|
43
|
+
margin-right: xs;
|
|
44
|
+
`, $ = w(
|
|
45
|
+
({
|
|
46
|
+
checkableField: t,
|
|
47
|
+
children: a,
|
|
48
|
+
dataTestId: m,
|
|
49
|
+
disabled: l,
|
|
50
|
+
disabledIcon: r,
|
|
51
|
+
icon: c,
|
|
52
|
+
variant: i,
|
|
53
|
+
withDisabledIcon: p = !0,
|
|
54
|
+
...f
|
|
55
|
+
}, h) => {
|
|
56
|
+
const d = b(a);
|
|
57
|
+
return /* @__PURE__ */ e.createElement(
|
|
58
|
+
n,
|
|
59
|
+
{
|
|
60
|
+
"data-testid": m,
|
|
61
|
+
disabled: l,
|
|
62
|
+
disabledIcon: r,
|
|
63
|
+
ref: h,
|
|
64
|
+
variant: i,
|
|
65
|
+
...f
|
|
66
|
+
},
|
|
67
|
+
!t && /* @__PURE__ */ e.createElement(g, { icon: c, size: "sm", variant: i }),
|
|
68
|
+
l && p && /* @__PURE__ */ e.createElement(_, null, r || /* @__PURE__ */ e.createElement(u, { size: "sm" })),
|
|
69
|
+
d
|
|
70
|
+
);
|
|
71
|
+
}
|
|
72
|
+
);
|
|
73
|
+
$.displayName = "Label";
|
|
74
|
+
const S = n;
|
|
75
|
+
export {
|
|
76
|
+
$ as Label,
|
|
77
|
+
S as StyledLabel
|
|
78
|
+
};
|
package/dist/Link.js
ADDED
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react"),y=require("./index-Cs1IZBks.js"),c=require("./System.js"),e=require("@xstyled/styled-components"),f=require("./UniversalLink.js"),k=e(f.UniversalLink).withConfig({shouldForwardProp:c.shouldForwardProp})(({isExternal:t,variant:n="primary"})=>e.css`
|
|
2
|
+
display: inline-flex;
|
|
3
|
+
flex-direction: row;
|
|
4
|
+
align-items: center;
|
|
5
|
+
opacity: 1;
|
|
6
|
+
line-height: 1.5;
|
|
7
|
+
text-decoration: none;
|
|
8
|
+
cursor: pointer;
|
|
9
|
+
|
|
10
|
+
> .wui-text {
|
|
11
|
+
margin-right: -2px;
|
|
12
|
+
margin-left: -2px;
|
|
13
|
+
padding-left: 2px;
|
|
14
|
+
padding-right: 2px;
|
|
15
|
+
${e.th("underline.default")};
|
|
16
|
+
${e.th("links.default")};
|
|
17
|
+
${e.th(`links.${n}.default`)};
|
|
18
|
+
${t&&e.th("links.withExternalLink")};
|
|
19
|
+
${e.typography};
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
&:hover,
|
|
23
|
+
&:focus {
|
|
24
|
+
> .wui-text {
|
|
25
|
+
${e.th("underline.hover")};
|
|
26
|
+
${e.th(`links.${n}.hover`)};
|
|
27
|
+
outline: none !important;
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
&[disabled] {
|
|
32
|
+
> .wui-text {
|
|
33
|
+
${e.th("links.disabled")};
|
|
34
|
+
}
|
|
35
|
+
pointer-events: none;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
${e.system};
|
|
39
|
+
|
|
40
|
+
& > *:not(:only-child):not(:last-child) {
|
|
41
|
+
margin-right: xs;
|
|
42
|
+
}
|
|
43
|
+
`),$=t=>{var n,r,s;return(t==null?void 0:t.type)==="span"||((n=t==null?void 0:t.props)==null?void 0:n.as)==="span"||((r=t==null?void 0:t.props)==null?void 0:r.tagName)==="span"||((s=t==null?void 0:t.props)==null?void 0:s["data-wui-link"])===!0},p=t=>typeof t=="object"?$(t):typeof t=="string",a=({children:t,isExternal:n})=>i.createElement("span",{className:"wui-text"},t,n&&i.createElement(y.ExternalLinkIcon,{mb:"-2px",ml:"sm",size:"sm"})),l=c.forwardRef((t,n)=>{const{children:r,dataTestId:s,disabled:h,isExternal:o,variant:m="primary",...x}=t,g=p(r)?i.createElement(a,{isExternal:o},r):i.Children.map(r,d=>p(d)?i.createElement(a,{isExternal:o},d):d);return i.createElement(k,{"data-testid":s,disabled:h,isExternal:o,ref:n,variant:m,...x},g)});l.displayName="Link";exports.Link=l;
|
package/dist/Link.mjs
ADDED
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import i from "react";
|
|
3
|
+
import { E as h } from "./index-ColyClKR.mjs";
|
|
4
|
+
import { shouldForwardProp as x, forwardRef as g } from "./System.mjs";
|
|
5
|
+
import y, { css as k, th as e, typography as $, system as w } from "@xstyled/styled-components";
|
|
6
|
+
import { UniversalLink as E } from "./UniversalLink.mjs";
|
|
7
|
+
const L = y(E).withConfig({ shouldForwardProp: x })(
|
|
8
|
+
({ isExternal: t, variant: n = "primary" }) => k`
|
|
9
|
+
display: inline-flex;
|
|
10
|
+
flex-direction: row;
|
|
11
|
+
align-items: center;
|
|
12
|
+
opacity: 1;
|
|
13
|
+
line-height: 1.5;
|
|
14
|
+
text-decoration: none;
|
|
15
|
+
cursor: pointer;
|
|
16
|
+
|
|
17
|
+
> .wui-text {
|
|
18
|
+
margin-right: -2px;
|
|
19
|
+
margin-left: -2px;
|
|
20
|
+
padding-left: 2px;
|
|
21
|
+
padding-right: 2px;
|
|
22
|
+
${e("underline.default")};
|
|
23
|
+
${e("links.default")};
|
|
24
|
+
${e(`links.${n}.default`)};
|
|
25
|
+
${t && e("links.withExternalLink")};
|
|
26
|
+
${$};
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
&:hover,
|
|
30
|
+
&:focus {
|
|
31
|
+
> .wui-text {
|
|
32
|
+
${e("underline.hover")};
|
|
33
|
+
${e(`links.${n}.hover`)};
|
|
34
|
+
outline: none !important;
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
&[disabled] {
|
|
39
|
+
> .wui-text {
|
|
40
|
+
${e("links.disabled")};
|
|
41
|
+
}
|
|
42
|
+
pointer-events: none;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
${w};
|
|
46
|
+
|
|
47
|
+
& > *:not(:only-child):not(:last-child) {
|
|
48
|
+
margin-right: xs;
|
|
49
|
+
}
|
|
50
|
+
`
|
|
51
|
+
), W = (t) => {
|
|
52
|
+
var n, r, o;
|
|
53
|
+
return (
|
|
54
|
+
// <span />
|
|
55
|
+
(t == null ? void 0 : t.type) === "span" || // <Box as="span" />
|
|
56
|
+
((n = t == null ? void 0 : t.props) == null ? void 0 : n.as) === "span" || // <FormattedMessage />
|
|
57
|
+
((r = t == null ? void 0 : t.props) == null ? void 0 : r.tagName) === "span" || ((o = t == null ? void 0 : t.props) == null ? void 0 : o["data-wui-link"]) === !0
|
|
58
|
+
);
|
|
59
|
+
}, a = (t) => typeof t == "object" ? W(t) : typeof t == "string", d = ({ children: t, isExternal: n }) => /* @__PURE__ */ i.createElement("span", { className: "wui-text" }, t, n && /* @__PURE__ */ i.createElement(h, { mb: "-2px", ml: "sm", size: "sm" })), b = g((t, n) => {
|
|
60
|
+
const { children: r, dataTestId: o, disabled: m, isExternal: s, variant: c = "primary", ...l } = t, f = a(r) ? /* @__PURE__ */ i.createElement(d, { isExternal: s }, r) : i.Children.map(r, (p) => a(p) ? /* @__PURE__ */ i.createElement(d, { isExternal: s }, p) : p);
|
|
61
|
+
return /* @__PURE__ */ i.createElement(
|
|
62
|
+
L,
|
|
63
|
+
{
|
|
64
|
+
"data-testid": o,
|
|
65
|
+
disabled: m,
|
|
66
|
+
isExternal: s,
|
|
67
|
+
ref: n,
|
|
68
|
+
variant: c,
|
|
69
|
+
...l
|
|
70
|
+
},
|
|
71
|
+
f
|
|
72
|
+
);
|
|
73
|
+
});
|
|
74
|
+
b.displayName = "Link";
|
|
75
|
+
export {
|
|
76
|
+
b as Link
|
|
77
|
+
};
|
package/dist/Loader.js
ADDED
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react"),d=require("./Box.js"),s=require("./System.js"),a=require("@xstyled/styled-components"),m=require("./Shape.js"),u=a.keyframes`
|
|
2
|
+
0%, 100% {
|
|
3
|
+
opacity: .5;
|
|
4
|
+
transform: scale3d(.8, .8, 1);
|
|
5
|
+
}
|
|
6
|
+
30%, 60% {
|
|
7
|
+
opacity: 1;
|
|
8
|
+
transform: scale3d(1, 1, 1);
|
|
9
|
+
}
|
|
10
|
+
`,h=a.css`
|
|
11
|
+
animation: ${u} 1.5s cubic-bezier(0.86, 0, 0.07, 1) infinite;
|
|
12
|
+
`,c=a(m.Shape).withConfig({shouldForwardProp:s.shouldForwardProp})(({size:o,theme:r})=>{var n;const e=((n=r.loaders)==null?void 0:n[o])||o,t=typeof e=="number"?r.toRem(e):e;return a.css`
|
|
13
|
+
width: ${t};
|
|
14
|
+
height: ${t};
|
|
15
|
+
background-color: currentColor;
|
|
16
|
+
${a.system}
|
|
17
|
+
${h};
|
|
18
|
+
&:not(:first-child) {
|
|
19
|
+
margin-left: calc(${t} / 2);
|
|
20
|
+
}
|
|
21
|
+
&:nth-child(1) {
|
|
22
|
+
animation-delay: 0s;
|
|
23
|
+
}
|
|
24
|
+
&:nth-child(2) {
|
|
25
|
+
animation-delay: 0.125s;
|
|
26
|
+
}
|
|
27
|
+
&:nth-child(3) {
|
|
28
|
+
animation-delay: 0.25s;
|
|
29
|
+
}
|
|
30
|
+
`}),l=s.forwardRef(({color:o,dataTestId:r,size:e="sm",...t},n)=>i.createElement(d.Box,{color:o,"data-testid":r,display:"flex",ref:n,...t},i.createElement(c,{shape:"circle",size:e}),i.createElement(c,{shape:"circle",size:e}),i.createElement(c,{shape:"circle",size:e})));l.displayName="Loader";exports.Loader=l;
|
package/dist/Loader.mjs
ADDED
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import i from "react";
|
|
3
|
+
import { Box as l } from "./Box.mjs";
|
|
4
|
+
import { shouldForwardProp as m, forwardRef as s } from "./System.mjs";
|
|
5
|
+
import d, { keyframes as f, css as c, system as p } from "@xstyled/styled-components";
|
|
6
|
+
import { Shape as h } from "./Shape.mjs";
|
|
7
|
+
const u = f`
|
|
8
|
+
0%, 100% {
|
|
9
|
+
opacity: .5;
|
|
10
|
+
transform: scale3d(.8, .8, 1);
|
|
11
|
+
}
|
|
12
|
+
30%, 60% {
|
|
13
|
+
opacity: 1;
|
|
14
|
+
transform: scale3d(1, 1, 1);
|
|
15
|
+
}
|
|
16
|
+
`, y = c`
|
|
17
|
+
animation: ${u} 1.5s cubic-bezier(0.86, 0, 0.07, 1) infinite;
|
|
18
|
+
`, n = d(h).withConfig({ shouldForwardProp: m })(
|
|
19
|
+
({ size: a, theme: o }) => {
|
|
20
|
+
var r;
|
|
21
|
+
const e = ((r = o.loaders) == null ? void 0 : r[a]) || a, t = typeof e == "number" ? o.toRem(e) : e;
|
|
22
|
+
return c`
|
|
23
|
+
width: ${t};
|
|
24
|
+
height: ${t};
|
|
25
|
+
background-color: currentColor;
|
|
26
|
+
${p}
|
|
27
|
+
${y};
|
|
28
|
+
&:not(:first-child) {
|
|
29
|
+
margin-left: calc(${t} / 2);
|
|
30
|
+
}
|
|
31
|
+
&:nth-child(1) {
|
|
32
|
+
animation-delay: 0s;
|
|
33
|
+
}
|
|
34
|
+
&:nth-child(2) {
|
|
35
|
+
animation-delay: 0.125s;
|
|
36
|
+
}
|
|
37
|
+
&:nth-child(3) {
|
|
38
|
+
animation-delay: 0.25s;
|
|
39
|
+
}
|
|
40
|
+
`;
|
|
41
|
+
}
|
|
42
|
+
), $ = s(
|
|
43
|
+
({ color: a, dataTestId: o, size: e = "sm", ...t }, r) => /* @__PURE__ */ i.createElement(l, { color: a, "data-testid": o, display: "flex", ref: r, ...t }, /* @__PURE__ */ i.createElement(n, { shape: "circle", size: e }), /* @__PURE__ */ i.createElement(n, { shape: "circle", size: e }), /* @__PURE__ */ i.createElement(n, { shape: "circle", size: e }))
|
|
44
|
+
);
|
|
45
|
+
$.displayName = "Loader";
|
|
46
|
+
export {
|
|
47
|
+
$ as Loader
|
|
48
|
+
};
|
package/dist/Logo.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./Welcome-Dw9OaREs.js");exports.Logo=o.Welcome;exports.SolutionsSymbol=o.SolutionsSymbol;exports.Symbol=o.Symbol;exports.WelcomeUILogo=o.WelcomeUI;
|
package/dist/Logo.mjs
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use client";"use strict";const o=require("./VGCJ63VH-BNLwLOaC.js"),r=require("./LVA2YJMS-B2HZjIhJ.js");var e=r.createStoreContext([o.DialogContextProvider],[o.DialogScopedContextProvider]),t=e.useContext,v=e.useProviderContext,P=e.ContextProvider,n=e.ScopedContextProvider;exports.PopoverContextProvider=P;exports.PopoverScopedContextProvider=n;exports.usePopoverContext=t;exports.usePopoverProviderContext=v;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { D as e, c as r } from "./VGCJ63VH-fv0YLRh8.mjs";
|
|
3
|
+
import { n as t } from "./LVA2YJMS-Dm5ieEMw.mjs";
|
|
4
|
+
var o = t(
|
|
5
|
+
[r],
|
|
6
|
+
[e]
|
|
7
|
+
), i = o.useContext, n = o.useProviderContext, x = o.ContextProvider, P = o.ScopedContextProvider;
|
|
8
|
+
export {
|
|
9
|
+
P,
|
|
10
|
+
x as a,
|
|
11
|
+
i as b,
|
|
12
|
+
n as u
|
|
13
|
+
};
|
package/dist/Modal.js
ADDED
|
@@ -0,0 +1,181 @@
|
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),o=require("@xstyled/styled-components"),O=require("./Shape.js"),c=require("./System.js"),u=require("./Text.js"),w=require("./Box.js"),P=require("./CloseButton.js"),v=require("./SYRFVSLH-BpAfr7UE.js"),V=require("./Swiper.js"),_=require("./IconFont.js"),G=require("./Button.js"),k=require("./JC64G2H7-YkBMNrtl.js"),J=require("./AXB53BZF-KWM2jKTz.js"),C=o.divBox.withConfig({shouldForwardProp:e=>!["hideOnInteractOutside"].includes(e)})(({hideOnInteractOutside:e})=>o.css`
|
|
2
|
+
${o.th("modals.backdrop")};
|
|
3
|
+
position: fixed;
|
|
4
|
+
top: 0;
|
|
5
|
+
right: 0;
|
|
6
|
+
left: 0;
|
|
7
|
+
bottom: 0;
|
|
8
|
+
opacity: 0;
|
|
9
|
+
transition: opacity 150ms ease-in-out;
|
|
10
|
+
${o.system};
|
|
11
|
+
|
|
12
|
+
${e&&o.css`
|
|
13
|
+
cursor: pointer;
|
|
14
|
+
`}
|
|
15
|
+
|
|
16
|
+
&[data-enter] {
|
|
17
|
+
opacity: 1;
|
|
18
|
+
}
|
|
19
|
+
`),L=o.divBox(({size:e})=>o.css`
|
|
20
|
+
${o.th("cards.default")};
|
|
21
|
+
${o.th("modals.default")};
|
|
22
|
+
position: fixed;
|
|
23
|
+
inset: 0;
|
|
24
|
+
margin: auto;
|
|
25
|
+
margin-top: xl;
|
|
26
|
+
top: 50%;
|
|
27
|
+
transform: translate3d(0, -50%, 0);
|
|
28
|
+
display: flex;
|
|
29
|
+
flex-direction: column;
|
|
30
|
+
align-self: center;
|
|
31
|
+
height: 100%;
|
|
32
|
+
max-height: 100%;
|
|
33
|
+
max-width: 100%;
|
|
34
|
+
overflow: auto;
|
|
35
|
+
opacity: 0;
|
|
36
|
+
transition:
|
|
37
|
+
opacity 250ms ease-in-out,
|
|
38
|
+
margin-top 250ms ease-in-out;
|
|
39
|
+
|
|
40
|
+
&[data-enter] {
|
|
41
|
+
opacity: 1;
|
|
42
|
+
margin-top: 0;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
${o.up("md",o.css`
|
|
46
|
+
height: fit-content;
|
|
47
|
+
max-height: calc(100vh - ${o.th("space.xl")} * 2);
|
|
48
|
+
${o.th(`modals.sizes.${e}`)};
|
|
49
|
+
`)}
|
|
50
|
+
`),X=o.divBox``,Y=o.sectionBox`
|
|
51
|
+
${o.th("modals.body")};
|
|
52
|
+
`,Z=o.headerBox`
|
|
53
|
+
position: sticky;
|
|
54
|
+
top: 0;
|
|
55
|
+
flex-shrink: 0;
|
|
56
|
+
z-index: 1;
|
|
57
|
+
${o.th("modals.header")};
|
|
58
|
+
`,K=o(u.Text)`
|
|
59
|
+
${o.th(".modals.header.subtitle")};
|
|
60
|
+
margin-bottom: 0;
|
|
61
|
+
`,Q=o.footerBox`
|
|
62
|
+
position: sticky;
|
|
63
|
+
bottom: 0;
|
|
64
|
+
flex-shrink: 0;
|
|
65
|
+
z-index: 1;
|
|
66
|
+
${o.th("modals.footer")};
|
|
67
|
+
`,U=o(w.Box)`
|
|
68
|
+
${o.th("modals.footer.children")};
|
|
69
|
+
`,ee=o.divBox`
|
|
70
|
+
${o.th("modals.footer.information")};
|
|
71
|
+
`,S=({isOnHeader:e,...n})=>{const r=o.useTheme();return t.createElement(v.DialogDismiss,{render:t.createElement(P.CloseButton,{left:e?void 0:`calc(100% - ${r.space.lg} - ${r.buttons.sizes.sm.height})`,position:e?"absolute":"sticky",right:e?"lg":void 0,top:"lg",zIndex:"1",...n})})},T=c.forwardRef(({icon:e,subtitle:n,title:r,...a},s)=>t.createElement(Z,{ref:s,textAlign:e?"center":null,w:"100%",...a},t.createElement(S,{isOnHeader:!0}),e,t.createElement(u.Text,{mb:n?"lg":0,mt:e?"xl":0,variant:"h4"},r),n&&t.createElement(K,null,n)));T.displayName="Header";const F=c.forwardRef(({children:e,information:n,...r},a)=>t.createElement(Q,{ref:a,w:"100%",...r},e&&t.createElement(U,null,e),n&&t.createElement(ee,null,t.createElement(u.Text,{color:"neutral-90",fontWeight:"bold",variant:"subtitle-sm"},n.title),t.createElement(u.Text,{color:"neutral-90",mb:"0",mt:"md",variant:"sm"},n.subtitle))));F.displayName="Footer";const q=c.forwardRef(({children:e,store:n,withClosingButton:r=!0,...a},s)=>{const{borderWidths:m,space:d}=o.useTheme(),[x,h]=t.useState(!1),p=n.useState("contentElement"),E=n.useState("open"),l=t.useMemo(()=>t.Children.map(e,i=>{if(t.isValidElement(i)){const f=i.type;return f.displayName??f.name??""}return""}),[e]),I=!l.includes("Header")&&r,j=i=>i==="Header"?{pb:l.includes("Body")&&!l.includes("Footer")||l.includes("Footer")&&!l.includes("Body")?d.lg:d.xxl}:i==="Body"?{pb:l.includes("Footer")?d.lg:null,pr:l.includes("Header")?d.xxl:null}:i==="Footer"?{pt:l.includes("Header")||l.includes("Body")?null:d.lg,borderWidth:x?m.sm:"0"}:{};return t.useEffect(()=>{E?p&&h(p.scrollHeight>p.offsetHeight):h(!1)},[n,E,p]),t.createElement(X,{ref:s,...a},I?t.createElement(S,null):null,t.Children.map(e,i=>{var B,b;if(!i)return null;const f=((B=i==null?void 0:i.type)==null?void 0:B.displayName)||((b=i==null?void 0:i.type)==null?void 0:b.name);return t.cloneElement(i,{...j(f),...i.props})}))});q.displayName="Content";const D="calc(100vw - 2 * 2rem);",H="calc(100vw - 2 * 1rem);",R="calc(100vh - 2 * 5rem);",M=o.css`
|
|
72
|
+
width: ${H};
|
|
73
|
+
max-height: ${R};
|
|
74
|
+
|
|
75
|
+
@media (min-width: md) {
|
|
76
|
+
width: ${D};
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
/* for big screens */
|
|
80
|
+
@media (min-width: 1700px) {
|
|
81
|
+
max-width: 1600;
|
|
82
|
+
}
|
|
83
|
+
`,W=o.div`
|
|
84
|
+
${M};
|
|
85
|
+
flex: 1;
|
|
86
|
+
|
|
87
|
+
@media (min-width: md) {
|
|
88
|
+
aspect-ratio: 16 / 9;
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
iframe {
|
|
92
|
+
width: 100%;
|
|
93
|
+
height: 100%;
|
|
94
|
+
}
|
|
95
|
+
`,g=o.divBox`
|
|
96
|
+
transition: margin-top 250ms ease-in-out;
|
|
97
|
+
|
|
98
|
+
> img,
|
|
99
|
+
> div {
|
|
100
|
+
max-width: ${H};
|
|
101
|
+
max-height: ${R};
|
|
102
|
+
|
|
103
|
+
@media (min-width: md) {
|
|
104
|
+
max-width: ${D};
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
/* for big screens */
|
|
108
|
+
@media (min-width: 1700px) {
|
|
109
|
+
max-width: 1600;
|
|
110
|
+
}
|
|
111
|
+
}
|
|
112
|
+
`,te=o.div`
|
|
113
|
+
${o.th("modals.default")};
|
|
114
|
+
position: fixed;
|
|
115
|
+
inset: 0;
|
|
116
|
+
margin: auto;
|
|
117
|
+
display: flex;
|
|
118
|
+
height: fit-content;
|
|
119
|
+
width: fit-content;
|
|
120
|
+
flex-direction: column;
|
|
121
|
+
opacity: 0;
|
|
122
|
+
transition: opacity 250ms ease-in-out;
|
|
123
|
+
|
|
124
|
+
&:has(${V.StyledSwiper}) {
|
|
125
|
+
${M};
|
|
126
|
+
}
|
|
127
|
+
|
|
128
|
+
${g} {
|
|
129
|
+
margin-top: xl;
|
|
130
|
+
}
|
|
131
|
+
|
|
132
|
+
&[data-enter] {
|
|
133
|
+
opacity: 1;
|
|
134
|
+
|
|
135
|
+
${g} {
|
|
136
|
+
margin-top: 0;
|
|
137
|
+
}
|
|
138
|
+
}
|
|
139
|
+
`,N=o(u.Text).attrs({lines:2,variant:"h4"})`
|
|
140
|
+
margin: 0;
|
|
141
|
+
`,y="4rem",$="6rem",oe=o.divBox`
|
|
142
|
+
display: flex;
|
|
143
|
+
flex-direction: column;
|
|
144
|
+
border-radius: xxl;
|
|
145
|
+
overflow: hidden;
|
|
146
|
+
|
|
147
|
+
> img {
|
|
148
|
+
width: auto;
|
|
149
|
+
max-width: fit-content;
|
|
150
|
+
max-height: calc(100vh - 2 * 5rem - ${y});
|
|
151
|
+
flex-shrink: 0;
|
|
152
|
+
|
|
153
|
+
@media (min-width: md) {
|
|
154
|
+
max-height: calc(100vh - 2 * 5rem - ${$});
|
|
155
|
+
}
|
|
156
|
+
}
|
|
157
|
+
|
|
158
|
+
${W} {
|
|
159
|
+
background-color: neutral-90;
|
|
160
|
+
max-height: calc(100vh - 2 * 5rem - ${y});
|
|
161
|
+
|
|
162
|
+
@media (min-width: md) {
|
|
163
|
+
max-height: calc(100vh - 2 * 5rem - ${$});
|
|
164
|
+
}
|
|
165
|
+
}
|
|
166
|
+
`,ne=c.forwardRef(({children:e,customContent:n,subtitle:r,title:a},s)=>t.createElement(oe,{ref:s},e,t.createElement(w.Box,{backgroundColor:"neutral-10",display:"flex",flexDirection:"column",flexShrink:0,gap:"xxs",h:{_:y,md:$},justifyContent:"center",px:{_:"md",md:"xl"},w:"100%"},n,!n&&r&&t.createElement(u.Text,{variant:"subtitle-sm"},r),!n&&a&&t.createElement(N,null,a)))),re=o(G.Button)`
|
|
167
|
+
position: absolute;
|
|
168
|
+
right: xl;
|
|
169
|
+
top: xl;
|
|
170
|
+
|
|
171
|
+
/* Hack for secondary variant on dark mode */
|
|
172
|
+
color: neutral-90;
|
|
173
|
+
border-color: neutral-10;
|
|
174
|
+
background-color: neutral-10;
|
|
175
|
+
|
|
176
|
+
&:hover {
|
|
177
|
+
background-color: neutral-40;
|
|
178
|
+
}
|
|
179
|
+
|
|
180
|
+
${o.system}
|
|
181
|
+
`,z=c.forwardRef(({hideOnInteractOutside:e,...n},r)=>t.createElement(C,{backgroundColor:"rgba(0, 0, 0, 0.9)",hideOnInteractOutside:e,...n,ref:r},t.createElement(v.DialogDismiss,{render:t.createElement(re,{shape:"circle",variant:"secondary"},t.createElement(_.Icons.Cross,null))})));z.displayName="Backdrop";const ae=({children:e})=>t.createElement(W,null,t.createElement(w.Box,{h:"100%",margin:"0 auto",style:{aspectRatio:16/9}},e)),ie=Object.assign(te,{AssetWithTitle:ne,Backdrop:z,Content:g,Iframe:ae,Title:N});function se(e){const{onClose:n,setOpen:r,...a}=e||{};return k.useDialogStore({animated:!0,setOpen:m=>{!m&&n&&n(),r==null||r(m)},...a})}const le=c.forwardRef(({backdrop:e,hideOnInteractOutside:n,...r},a)=>e===!0?t.createElement(C,{hideOnInteractOutside:n,ref:a,...r}):t.cloneElement(e,{hideOnInteractOutside:n,ref:a,...r})),ce=c.forwardRef(({ariaLabel:e,as:n=L,backdrop:r=!0,children:a,hideOnInteractOutside:s=!0,size:m="lg",store:d,...x},h)=>t.createElement(k.Dialog,{"aria-label":e,backdrop:r&&t.createElement(le,{backdrop:r,hideOnInteractOutside:s}),hideOnInteractOutside:s,ref:h,render:t.createElement(n,{size:m}),store:d,...x},a)),A=c.forwardRef((e,n)=>t.createElement(Y,{ref:n,...e}));A.displayName="Body";const de=e=>{const{modals:n}=o.useTheme();return t.createElement("div",null,t.createElement(O.Shape,{...n.cover,...e}))},me=c.forwardRef(({as:e,store:n,...r},a)=>t.createElement(J.DialogDisclosure,{ref:a,render:e?s=>t.createElement(e,{...s}):void 0,store:n,...r})),ue=Object.assign(ce,{Trigger:me,Content:q,Header:T,Body:A,Footer:F,Cover:de}),he=ie;exports.AssetModal=he;exports.Modal=ue;exports.useModal=se;
|