@hopper-ui/components 1.6.0 → 1.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +16 -0
- package/dist/accordion/src/Accordion.css +84 -77
- package/dist/accordion/src/Accordion.js +2 -2
- package/dist/accordion/src/index.css +84 -77
- package/dist/accordion/src/index.js +2 -2
- package/dist/alert/src/Alert.css +344 -325
- package/dist/alert/src/Alert.js +11 -11
- package/dist/alert/src/index.css +344 -325
- package/dist/alert/src/index.js +11 -11
- package/dist/avatar/src/AnonymousAvatar.css +54 -47
- package/dist/avatar/src/AnonymousAvatar.js +2 -2
- package/dist/avatar/src/Avatar.css +72 -65
- package/dist/avatar/src/Avatar.js +5 -5
- package/dist/avatar/src/AvatarGroup.css +71 -64
- package/dist/avatar/src/AvatarGroup.js +6 -6
- package/dist/avatar/src/BrokenAvatar.css +54 -47
- package/dist/avatar/src/BrokenAvatar.js +2 -2
- package/dist/avatar/src/DeletedAvatar.css +54 -47
- package/dist/avatar/src/DeletedAvatar.js +2 -2
- package/dist/avatar/src/RichIconAvatarImage.css +54 -47
- package/dist/avatar/src/RichIconAvatarImage.js +1 -1
- package/dist/avatar/src/index.css +99 -92
- package/dist/avatar/src/index.js +11 -11
- package/dist/badge/src/Badge.css +59 -52
- package/dist/badge/src/Badge.js +3 -3
- package/dist/badge/src/FloatingBadge.css +54 -47
- package/dist/badge/src/FloatingBadge.js +2 -2
- package/dist/badge/src/index.css +69 -62
- package/dist/badge/src/index.js +4 -4
- package/dist/buttons/src/Button.css +110 -103
- package/dist/buttons/src/Button.js +7 -7
- package/dist/buttons/src/ButtonContext.d.ts +13 -3
- package/dist/buttons/src/ButtonGroup.css +55 -48
- package/dist/buttons/src/ButtonGroup.js +3 -1
- package/dist/buttons/src/ButtonGroupContext.d.ts +13 -3
- package/dist/buttons/src/ClearButton.css +115 -108
- package/dist/buttons/src/ClearButton.js +3 -3
- package/dist/buttons/src/CloseButton.css +111 -104
- package/dist/buttons/src/CloseButton.js +8 -8
- package/dist/buttons/src/EmbeddedButton.css +115 -108
- package/dist/buttons/src/EmbeddedButton.js +1 -1
- package/dist/buttons/src/LinkButton.css +119 -112
- package/dist/buttons/src/LinkButton.js +5 -5
- package/dist/buttons/src/index.css +267 -260
- package/dist/buttons/src/index.d.ts +2 -2
- package/dist/buttons/src/index.js +12 -12
- package/dist/callout/src/Callout.css +279 -272
- package/dist/callout/src/Callout.js +9 -9
- package/dist/callout/src/CompactCallout.css +316 -309
- package/dist/callout/src/CompactCallout.js +9 -9
- package/dist/callout/src/index.css +328 -321
- package/dist/callout/src/index.js +10 -10
- package/dist/card/src/Card.css +47 -40
- package/dist/card/src/Card.js +1 -1
- package/dist/card/src/index.css +47 -40
- package/dist/card/src/index.js +1 -1
- package/dist/checkbox/src/Checkbox.css +63 -56
- package/dist/checkbox/src/Checkbox.js +5 -5
- package/dist/checkbox/src/CheckboxField.css +50 -43
- package/dist/checkbox/src/CheckboxField.js +4 -4
- package/dist/checkbox/src/CheckboxGroup.css +115 -108
- package/dist/checkbox/src/CheckboxGroup.js +9 -8
- package/dist/checkbox/src/DecorativeCheckbox.css +71 -64
- package/dist/checkbox/src/DecorativeCheckbox.js +4 -4
- package/dist/checkbox/src/index.css +115 -108
- package/dist/checkbox/src/index.js +13 -12
- package/dist/{chunk-HCFKAC4T.js → chunk-23WYVBUK.js} +2 -2
- package/dist/{chunk-QYEV2QUA.js → chunk-2C4RHHUL.js} +2 -2
- package/dist/{chunk-MCUPCFYQ.js → chunk-2KFOOJ34.js} +20 -10
- package/dist/{chunk-H7K7KLU4.js → chunk-2WU7UWOH.js} +3 -3
- package/dist/{chunk-HEHMZWBC.js → chunk-3FHJOMUC.js} +1 -1
- package/dist/{chunk-AXBVBNPN.js → chunk-3VZPTUVR.js} +3 -3
- package/dist/{chunk-C76BH4QR.js → chunk-53QBBZR4.js} +2 -2
- package/dist/{chunk-SKHYIVXR.js → chunk-57RTMTQ7.js} +3 -3
- package/dist/{chunk-SW4UF2MM.js → chunk-5FXGGEA5.js} +26 -20
- package/dist/{chunk-36S3E6PJ.js → chunk-5H2DG3VF.js} +2 -2
- package/dist/{chunk-ZJKGATZR.js → chunk-5I6PDORP.js} +8 -2
- package/dist/{chunk-STU7DFF5.js → chunk-5ZP2KUGN.js} +17 -15
- package/dist/{chunk-2USDHEIV.js → chunk-67EK2P5M.js} +3 -3
- package/dist/{chunk-GEMZ5EDW.js → chunk-6G56A3XH.js} +20 -10
- package/dist/{chunk-TU5MAMGV.js → chunk-6Q6Q4HUH.js} +10 -8
- package/dist/chunk-6T7TUF6N.js +178 -0
- package/dist/{chunk-ONCR64LB.js → chunk-AC5FLJJL.js} +2 -2
- package/dist/{chunk-H6CZ6DKP.js → chunk-ACG3BFJQ.js} +1 -1
- package/dist/{chunk-XKREPRGK.js → chunk-AV7XDPXN.js} +1 -1
- package/dist/{chunk-LAN2LJO2.js → chunk-AX3SYX3G.js} +1 -1
- package/dist/{chunk-H637L477.js → chunk-CC5SXS5R.js} +1 -1
- package/dist/{chunk-KUGVMCIB.js → chunk-CIQZIY5N.js} +1 -1
- package/dist/{chunk-AYAKR4MK.js → chunk-CNG2EXC7.js} +3 -3
- package/dist/{chunk-REXPSB5P.js → chunk-CT3S2ZJP.js} +2 -2
- package/dist/{chunk-B2PCJYJW.js → chunk-DE74UTDH.js} +2 -2
- package/dist/{chunk-W53AAAUA.js → chunk-DEFXMEBJ.js} +2 -2
- package/dist/{chunk-HGSA2Y3P.js → chunk-DP4FHVJR.js} +25 -13
- package/dist/{chunk-62EZGVKH.js → chunk-EBXH6HHZ.js} +21 -11
- package/dist/{chunk-R5CEXZPL.js → chunk-EDDYY4KO.js} +1 -1
- package/dist/{chunk-SINPHU2Z.js → chunk-FIY4TUYL.js} +4 -28
- package/dist/{chunk-V2AGZ5A5.js → chunk-G2IQWVGX.js} +1 -1
- package/dist/{chunk-K73FGFB2.js → chunk-G5GYOSK7.js} +8 -8
- package/dist/{chunk-TZZQP76M.js → chunk-GR5QWFCA.js} +4 -4
- package/dist/{chunk-BI3MQKBI.js → chunk-HERQEWF5.js} +3 -3
- package/dist/{chunk-R4ICRVDS.js → chunk-HQJZSCV7.js} +1 -1
- package/dist/{chunk-DLYK3JRB.js → chunk-I25B6DME.js} +2 -2
- package/dist/{chunk-W2C47VCH.js → chunk-IIBLQ2CB.js} +1 -1
- package/dist/{chunk-SLFA36JO.js → chunk-J5FY5YAZ.js} +1 -1
- package/dist/{chunk-V7HFSPRY.js → chunk-J6FKM7WM.js} +1 -1
- package/dist/{chunk-R3PAHNRL.js → chunk-JBTFYM4B.js} +3 -3
- package/dist/{chunk-L4D32IWU.js → chunk-JNJFX2LE.js} +2 -2
- package/dist/{chunk-A2BFPCVC.js → chunk-JVLK5INM.js} +3 -3
- package/dist/{chunk-5WUSHVW7.js → chunk-KKUSWUZC.js} +1 -1
- package/dist/{chunk-CQHB3HRC.js → chunk-L7DSMPLQ.js} +2 -2
- package/dist/{chunk-RMAIQQFV.js → chunk-LACYHXY5.js} +2 -2
- package/dist/{chunk-EELIGZUD.js → chunk-LBXB3JFD.js} +5 -5
- package/dist/{chunk-6LKFNPEM.js → chunk-LMH2XI5J.js} +10 -4
- package/dist/{chunk-J62I6GH3.js → chunk-LOFWD2GD.js} +2 -2
- package/dist/{chunk-JNFQC65H.js → chunk-LUCUQMMD.js} +3 -3
- package/dist/chunk-MR5BPD6R.js +7 -0
- package/dist/{chunk-NVOQLDA5.js → chunk-N7A4SDQA.js} +18 -16
- package/dist/{chunk-GKN3BY36.js → chunk-NAK42XEC.js} +3 -3
- package/dist/{chunk-M3L2VYKL.js → chunk-NC7G3EHF.js} +2 -2
- package/dist/{chunk-GKUY4QWP.js → chunk-NFETZ57D.js} +2 -2
- package/dist/{chunk-75DHKNW2.js → chunk-NNLLQWDS.js} +4 -4
- package/dist/{chunk-YWNBO3UY.js → chunk-OABMTS4J.js} +1 -1
- package/dist/{chunk-KWXJDQ4M.js → chunk-OCK54JWW.js} +2 -2
- package/dist/{chunk-MYZE5GJA.js → chunk-OINTMN5W.js} +2 -2
- package/dist/{chunk-D7IJXSDN.js → chunk-OS6JDQKO.js} +2 -2
- package/dist/{chunk-K7PQOHUQ.js → chunk-OYPIU6JL.js} +2 -2
- package/dist/chunk-PDWWX5JI.js +70 -0
- package/dist/{chunk-XUO7HGRK.js → chunk-PJ2RHMZ3.js} +2 -2
- package/dist/{chunk-WJ55ZV54.js → chunk-PQSMCDAM.js} +3 -0
- package/dist/{chunk-ARCWWXRR.js → chunk-PQVBUEXC.js} +3 -3
- package/dist/{chunk-SEQN7G35.js → chunk-QARGGDML.js} +4 -4
- package/dist/{chunk-IJZK5LYV.js → chunk-QDN24QKG.js} +1 -1
- package/dist/{chunk-QVHMDEWO.js → chunk-QSCBTSIF.js} +9 -3
- package/dist/{chunk-RNVPPIZQ.js → chunk-RIFW5PYW.js} +3 -3
- package/dist/{chunk-VOZN65OL.js → chunk-RN3FLBX4.js} +8 -2
- package/dist/{chunk-U35DID2L.js → chunk-S5AHDRSE.js} +1 -1
- package/dist/chunk-TQQMWXRK.js +190 -0
- package/dist/{chunk-PPV6OKAK.js → chunk-UBBZ4LV5.js} +19 -9
- package/dist/{chunk-MYPNAEEC.js → chunk-UBILZ2MS.js} +1 -1
- package/dist/{chunk-VLGOJ5DY.js → chunk-UFR36PXP.js} +4 -4
- package/dist/{chunk-KEDXRQG2.js → chunk-ULY62A7P.js} +6 -6
- package/dist/{chunk-FOD6Q7UN.js → chunk-V5PLUMR5.js} +3 -3
- package/dist/{chunk-UIOWILYW.js → chunk-V7OAPBQT.js} +1 -1
- package/dist/{chunk-ZSOUOAD4.js → chunk-V7VDYDIQ.js} +3 -4
- package/dist/{chunk-MP4UER4S.js → chunk-VBJVG2YA.js} +15 -6
- package/dist/{chunk-RKZRG2QV.js → chunk-VSCRFXJ2.js} +5 -5
- package/dist/{chunk-WDZO4L7Z.js → chunk-W2EX7F7K.js} +1 -1
- package/dist/{chunk-TLAJAVGL.js → chunk-WJE3JIRZ.js} +3 -3
- package/dist/{chunk-LERLQFPC.js → chunk-X4IV4VLD.js} +4 -4
- package/dist/{chunk-FJJG6PMV.js → chunk-XEMYAR47.js} +1 -1
- package/dist/{chunk-JOCKBZYP.js → chunk-XLJODMSX.js} +8 -2
- package/dist/{chunk-TN5C3AE3.js → chunk-YDNBMCQD.js} +8 -4
- package/dist/{chunk-2EAZ5H42.js → chunk-YFQIN27E.js} +1 -1
- package/dist/{chunk-FJ6AAK5Z.js → chunk-YZBOR2D4.js} +9 -7
- package/dist/{chunk-VMGVHR42.js → chunk-Z5WDAIAE.js} +2 -2
- package/dist/{chunk-CICKS5HQ.js → chunk-ZLL3VV5V.js} +3 -3
- package/dist/{chunk-WY3JOP43.js → chunk-ZRYHXQDJ.js} +1 -1
- package/dist/combobox/src/ComboBox.css +687 -684
- package/dist/combobox/src/ComboBox.js +24 -23
- package/dist/combobox/src/index.css +687 -684
- package/dist/combobox/src/index.js +24 -23
- package/dist/contextual-help/src/ContextualHelp.css +4165 -0
- package/dist/contextual-help/src/ContextualHelp.d.ts +40 -0
- package/dist/contextual-help/src/ContextualHelp.js +14 -0
- package/dist/contextual-help/src/ContextualHelpContext.d.ts +13 -0
- package/dist/contextual-help/src/ContextualHelpContext.js +2 -0
- package/dist/contextual-help/src/index.css +4165 -0
- package/dist/contextual-help/src/index.d.ts +10 -0
- package/dist/contextual-help/src/index.js +14 -0
- package/dist/disclosure/src/Disclosure.css +54 -47
- package/dist/disclosure/src/Disclosure.js +2 -2
- package/dist/disclosure/src/DisclosureHeader.css +61 -54
- package/dist/disclosure/src/DisclosureHeader.js +4 -3
- package/dist/disclosure/src/DisclosurePanel.css +54 -47
- package/dist/disclosure/src/DisclosurePanel.js +5 -5
- package/dist/disclosure/src/index.css +79 -72
- package/dist/disclosure/src/index.js +9 -9
- package/dist/divider/src/Divider.css +46 -39
- package/dist/divider/src/Divider.js +1 -1
- package/dist/divider/src/index.css +46 -39
- package/dist/divider/src/index.js +1 -1
- package/dist/error-message/src/ErrorMessage.css +46 -39
- package/dist/error-message/src/ErrorMessage.js +3 -3
- package/dist/error-message/src/index.css +46 -39
- package/dist/error-message/src/index.js +3 -3
- package/dist/form/src/Form.css +44 -37
- package/dist/form/src/Form.js +1 -1
- package/dist/form/src/index.css +44 -37
- package/dist/form/src/index.js +1 -1
- package/dist/header/src/Header.css +279 -0
- package/dist/header/src/Header.js +3 -1
- package/dist/header/src/HeaderContext.d.ts +13 -3
- package/dist/header/src/index.css +279 -0
- package/dist/header/src/index.d.ts +1 -1
- package/dist/header/src/index.js +3 -1
- package/dist/helper-message/src/HelperMessage.css +46 -39
- package/dist/helper-message/src/HelperMessage.js +3 -3
- package/dist/helper-message/src/index.css +46 -39
- package/dist/helper-message/src/index.js +3 -3
- package/dist/hopper-provider/src/HopperProvider.css +45 -38
- package/dist/hopper-provider/src/HopperProvider.js +1 -1
- package/dist/hopper-provider/src/index.css +45 -38
- package/dist/hopper-provider/src/index.js +1 -1
- package/dist/i18n/src/index.js +1 -1
- package/dist/i18n/src/useLocalizedString.js +1 -1
- package/dist/icon-list/src/IconList.css +45 -38
- package/dist/icon-list/src/IconList.js +1 -1
- package/dist/icon-list/src/index.css +45 -38
- package/dist/icon-list/src/index.js +1 -1
- package/dist/illustrated-message/src/IllustratedMessage.css +286 -279
- package/dist/illustrated-message/src/IllustratedMessage.js +2 -2
- package/dist/illustrated-message/src/index.css +286 -279
- package/dist/illustrated-message/src/index.js +2 -2
- package/dist/image/src/Image.css +47 -40
- package/dist/image/src/Image.js +3 -1
- package/dist/image/src/ImageContext.d.ts +13 -3
- package/dist/image/src/SvgImage.css +45 -38
- package/dist/image/src/SvgImage.js +1 -1
- package/dist/image/src/index.css +48 -41
- package/dist/image/src/index.d.ts +1 -1
- package/dist/image/src/index.js +4 -2
- package/dist/index.css +1135 -1064
- package/dist/index.d.ts +10 -7
- package/dist/index.js +116 -113
- package/dist/inputs/src/Input.css +48 -41
- package/dist/inputs/src/Input.js +1 -1
- package/dist/inputs/src/InputGroup.css +50 -43
- package/dist/inputs/src/InputGroup.js +1 -1
- package/dist/inputs/src/NumberField.css +74 -67
- package/dist/inputs/src/NumberField.js +12 -11
- package/dist/inputs/src/PasswordField.css +287 -280
- package/dist/inputs/src/PasswordField.js +12 -11
- package/dist/inputs/src/RemainingCharacterCount.css +47 -40
- package/dist/inputs/src/RemainingCharacterCount.js +4 -4
- package/dist/inputs/src/SearchField.css +293 -286
- package/dist/inputs/src/SearchField.js +13 -12
- package/dist/inputs/src/TextArea.css +71 -64
- package/dist/inputs/src/TextArea.js +11 -10
- package/dist/inputs/src/TextField.css +291 -284
- package/dist/inputs/src/TextField.js +16 -15
- package/dist/inputs/src/index.css +339 -332
- package/dist/inputs/src/index.js +22 -21
- package/dist/layout/src/Content.css +279 -0
- package/dist/layout/src/Content.js +3 -1
- package/dist/layout/src/ContentContext.d.ts +13 -3
- package/dist/layout/src/Footer.css +279 -0
- package/dist/layout/src/Footer.js +3 -1
- package/dist/layout/src/FooterContext.d.ts +13 -3
- package/dist/link/src/Link.css +83 -76
- package/dist/link/src/Link.js +4 -4
- package/dist/link/src/index.css +83 -76
- package/dist/link/src/index.js +4 -4
- package/dist/list-box/src/ListBox.css +318 -311
- package/dist/list-box/src/ListBox.js +10 -10
- package/dist/list-box/src/ListBoxItem.css +306 -299
- package/dist/list-box/src/ListBoxItem.js +7 -7
- package/dist/list-box/src/ListBoxItemSkeleton.css +51 -44
- package/dist/list-box/src/ListBoxItemSkeleton.js +1 -1
- package/dist/list-box/src/index.css +318 -311
- package/dist/list-box/src/index.js +11 -11
- package/dist/menu/src/Menu.css +621 -627
- package/dist/menu/src/Menu.js +4 -4
- package/dist/menu/src/MenuItem.css +125 -118
- package/dist/menu/src/MenuItem.js +3 -3
- package/dist/menu/src/MenuSection.css +46 -39
- package/dist/menu/src/MenuSection.js +1 -1
- package/dist/menu/src/index.css +648 -654
- package/dist/menu/src/index.js +9 -9
- package/dist/modal/src/BaseModal.css +59 -52
- package/dist/modal/src/BaseModal.js +1 -1
- package/dist/modal/src/CustomModal.css +60 -53
- package/dist/modal/src/CustomModal.js +2 -2
- package/dist/modal/src/Modal.css +334 -315
- package/dist/modal/src/Modal.js +10 -10
- package/dist/modal/src/index.css +335 -316
- package/dist/modal/src/index.js +12 -12
- package/dist/overlays/popover/src/Popover.css +604 -597
- package/dist/overlays/popover/src/Popover.js +2 -2
- package/dist/overlays/popover/src/PopoverBase.css +47 -44
- package/dist/overlays/popover/src/PopoverBase.js +1 -1
- package/dist/overlays/popover/src/index.css +607 -604
- package/dist/overlays/popover/src/index.js +3 -3
- package/dist/radio/src/DecorativeRadio.css +71 -64
- package/dist/radio/src/DecorativeRadio.js +4 -4
- package/dist/radio/src/Radio.css +63 -56
- package/dist/radio/src/Radio.js +4 -4
- package/dist/radio/src/RadioField.css +50 -43
- package/dist/radio/src/RadioField.js +3 -3
- package/dist/radio/src/RadioGroup.css +115 -108
- package/dist/radio/src/RadioGroup.js +10 -9
- package/dist/radio/src/index.css +115 -108
- package/dist/radio/src/index.js +14 -13
- package/dist/segmented-control/src/SegmentedControl.css +45 -38
- package/dist/segmented-control/src/SegmentedControl.js +2 -2
- package/dist/segmented-control/src/SegmentedControlItem.css +59 -52
- package/dist/segmented-control/src/SegmentedControlItem.js +4 -4
- package/dist/segmented-control/src/index.css +60 -53
- package/dist/segmented-control/src/index.js +5 -5
- package/dist/select/src/Select.css +631 -628
- package/dist/select/src/Select.js +23 -22
- package/dist/select/src/SelectValue.css +105 -98
- package/dist/select/src/SelectValue.js +4 -4
- package/dist/select/src/index.css +631 -628
- package/dist/select/src/index.js +23 -22
- package/dist/spinner/src/Spinner.css +54 -47
- package/dist/spinner/src/Spinner.js +3 -3
- package/dist/spinner/src/index.css +54 -47
- package/dist/spinner/src/index.js +3 -3
- package/dist/switch/src/Switch.css +60 -53
- package/dist/switch/src/Switch.js +4 -4
- package/dist/switch/src/SwitchField.css +50 -43
- package/dist/switch/src/SwitchField.js +4 -4
- package/dist/switch/src/index.css +66 -59
- package/dist/switch/src/index.js +6 -6
- package/dist/tabs/src/Tab.css +457 -450
- package/dist/tabs/src/Tab.js +4 -4
- package/dist/tabs/src/TabLine.css +46 -39
- package/dist/tabs/src/TabLine.js +1 -1
- package/dist/tabs/src/TabList.css +53 -46
- package/dist/tabs/src/TabList.js +2 -2
- package/dist/tabs/src/TabPanel.css +46 -39
- package/dist/tabs/src/TabPanel.js +1 -1
- package/dist/tabs/src/index.css +468 -461
- package/dist/tabs/src/index.js +7 -7
- package/dist/tag/src/Tag.css +435 -428
- package/dist/tag/src/Tag.js +9 -9
- package/dist/tag/src/TagGroup.css +54 -47
- package/dist/tag/src/TagGroup.js +9 -8
- package/dist/tag/src/index.css +445 -438
- package/dist/tag/src/index.js +14 -13
- package/dist/tile/src/Tile.css +53 -46
- package/dist/tile/src/Tile.js +3 -3
- package/dist/tile/src/TileGroup.css +45 -38
- package/dist/tile/src/TileGroup.js +2 -2
- package/dist/tile/src/index.css +54 -47
- package/dist/tile/src/index.js +5 -5
- package/dist/toggle-arrow/src/ToggleArrow.css +46 -39
- package/dist/toggle-arrow/src/ToggleArrow.js +1 -1
- package/dist/toggle-arrow/src/index.css +46 -39
- package/dist/toggle-arrow/src/index.js +1 -1
- package/dist/tooltip/src/Tooltip.css +54 -47
- package/dist/tooltip/src/Tooltip.js +4 -4
- package/dist/tooltip/src/TooltipTrigger.css +44 -37
- package/dist/tooltip/src/index.css +54 -47
- package/dist/tooltip/src/index.js +5 -5
- package/dist/typography/heading/src/Heading.css +44 -37
- package/dist/typography/heading/src/Heading.js +3 -1
- package/dist/typography/heading/src/HeadingContext.d.ts +13 -3
- package/dist/typography/heading/src/index.css +44 -37
- package/dist/typography/heading/src/index.d.ts +1 -1
- package/dist/typography/heading/src/index.js +3 -1
- package/dist/typography/label/src/FieldLabel.css +279 -0
- package/dist/typography/label/src/FieldLabel.d.ts +30 -0
- package/dist/typography/label/src/FieldLabel.js +8 -0
- package/dist/typography/label/src/Label.css +52 -45
- package/dist/typography/label/src/Label.d.ts +0 -10
- package/dist/typography/label/src/Label.js +1 -4
- package/dist/typography/label/src/LabelContext.d.ts +1 -3
- package/dist/typography/label/src/index.css +44 -37
- package/dist/typography/label/src/index.d.ts +4 -2
- package/dist/typography/label/src/index.js +4 -3
- package/dist/typography/overline-text/src/OverlineText.css +44 -37
- package/dist/typography/overline-text/src/OverlineText.js +1 -1
- package/dist/typography/overline-text/src/index.css +44 -37
- package/dist/typography/overline-text/src/index.js +1 -1
- package/dist/typography/paragraph/src/Paragraph.css +44 -37
- package/dist/typography/paragraph/src/Paragraph.js +3 -3
- package/dist/typography/paragraph/src/index.css +44 -37
- package/dist/typography/paragraph/src/index.js +3 -3
- package/dist/typography/text/src/Text.css +44 -37
- package/dist/typography/text/src/Text.js +2 -2
- package/dist/typography/text/src/index.css +44 -37
- package/dist/typography/text/src/index.js +2 -2
- package/dist/utils/src/ClearSlots.css +44 -37
- package/dist/utils/src/ClearSlots.d.ts +1 -2
- package/dist/utils/src/ClearSlots.js +1 -1
- package/dist/utils/src/EnsureTextWrapper.css +44 -37
- package/dist/utils/src/EnsureTextWrapper.js +3 -3
- package/dist/utils/src/index.css +44 -37
- package/dist/utils/src/index.d.ts +1 -1
- package/dist/utils/src/index.js +3 -3
- package/dist/utils/src/types.d.ts +4 -0
- package/package.json +1 -1
- package/dist/chunk-67EKVQAF.js +0 -121
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { LinkContext } from './chunk-MTULE7GI.js';
|
|
2
2
|
import { IconListContext } from './chunk-GBWXEK6N.js';
|
|
3
|
-
import { ensureTextWrapper } from './chunk-
|
|
3
|
+
import { ensureTextWrapper } from './chunk-CIQZIY5N.js';
|
|
4
4
|
import { TextContext } from './chunk-ZNOU2CGM.js';
|
|
5
5
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
6
6
|
import { SlotProvider } from './chunk-M36KANKC.js';
|
|
@@ -12,7 +12,7 @@ import { useContextProps, composeRenderProps, Link as Link$1, DEFAULT_SLOT } fro
|
|
|
12
12
|
import { jsx } from 'react/jsx-runtime';
|
|
13
13
|
|
|
14
14
|
// css-module:./Link.module.css#css-module
|
|
15
|
-
var Link_module_default = { "hop-Link": "Link-module__hop-
|
|
15
|
+
var Link_module_default = { "hop-Link": "Link-module__hop-Link___n4WL9", "hop-Link--xs": "Link-module__hop-Link--xs___kEypx", "hop-Link--sm": "Link-module__hop-Link--sm___oCoo0", "hop-Link--md": "Link-module__hop-Link--md___4u0Jm", "hop-Link--lg": "Link-module__hop-Link--lg___nFVvq", "hop-Link--xl": "Link-module__hop-Link--xl___yqMaS", "hop-Link--2xl": "Link-module__hop-Link--2xl___EgZxg", "hop-Link--inherit": "Link-module__hop-Link--inherit___Xpj78", "hop-Link--standalone": "Link-module__hop-Link--standalone___wSlf4", "hop-Link__text": "Link-module__hop-Link__text___1mmQh", "hop-Link--quiet": "Link-module__hop-Link--quiet___9GBMr", "hop-Link--primary": "Link-module__hop-Link--primary___YeNRh", "hop-Link--secondary": "Link-module__hop-Link--secondary___0pBbc", "hop-Link__icon": "Link-module__hop-Link__icon___QFMUA", "hop-Link__icon-list": "Link-module__hop-Link__icon-list___eQlWg", "hop-Link__start-icon": "Link-module__hop-Link__start-icon___Tury5", "hop-Link__start-icon-list": "Link-module__hop-Link__start-icon-list___lkoEc" };
|
|
16
16
|
var GlobalLinkCssSelector = "hop-Link";
|
|
17
17
|
var LinkToIconSizeAdapter = {
|
|
18
18
|
inherit: void 0,
|
|
@@ -7,7 +7,7 @@ import { useContextProps, Separator } from 'react-aria-components';
|
|
|
7
7
|
import { jsx } from 'react/jsx-runtime';
|
|
8
8
|
|
|
9
9
|
// css-module:./Divider.module.css#css-module
|
|
10
|
-
var Divider_module_default = { "hop-Divider": "Divider-module__hop-
|
|
10
|
+
var Divider_module_default = { "hop-Divider": "Divider-module__hop-Divider___o7B0I", "hop-Divider--vertical": "Divider-module__hop-Divider--vertical___RsiXZ" };
|
|
11
11
|
var GlobalDividerCssSelector = "hop-Divider";
|
|
12
12
|
function Divider(props, ref) {
|
|
13
13
|
[props, ref] = useContextProps(props, ref, DividerContext);
|
|
@@ -7,7 +7,7 @@ import { useContextProps, Text } from 'react-aria-components';
|
|
|
7
7
|
import { jsx } from 'react/jsx-runtime';
|
|
8
8
|
|
|
9
9
|
// css-module:./OverlineText.module.css#css-module
|
|
10
|
-
var OverlineText_module_default = { "hop-OverlineText": "OverlineText-module__hop-
|
|
10
|
+
var OverlineText_module_default = { "hop-OverlineText": "OverlineText-module__hop-OverlineText___LSVJ2", "hop-OverlineText__text": "OverlineText-module__hop-OverlineText__text___-Cgyx" };
|
|
11
11
|
var GlobalOverlineTextCssSelector = "hop-OverlineText";
|
|
12
12
|
function OverlineText(props, ref) {
|
|
13
13
|
[props, ref] = useContextProps(props, ref, OverlineTextContext);
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { AvatarContext } from './chunk-FA26RZSE.js';
|
|
2
|
-
import { _RichIconAvatarImage } from './chunk-
|
|
2
|
+
import { _RichIconAvatarImage } from './chunk-AV7XDPXN.js';
|
|
3
3
|
import { useRenderProps } from './chunk-2NSUMKNH.js';
|
|
4
4
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
5
5
|
import { AnonymousRichIcon } from '@hopper-ui/icons';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { RadioContext } from './chunk-FU5CCPLP.js';
|
|
2
2
|
import { IconListContext } from './chunk-GBWXEK6N.js';
|
|
3
|
-
import { ensureTextWrapper } from './chunk-
|
|
4
|
-
import { ClearContainerSlots } from './chunk-
|
|
3
|
+
import { ensureTextWrapper } from './chunk-CIQZIY5N.js';
|
|
4
|
+
import { ClearContainerSlots } from './chunk-PQSMCDAM.js';
|
|
5
5
|
import { TextContext } from './chunk-ZNOU2CGM.js';
|
|
6
6
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
7
7
|
import { SlotProvider } from './chunk-M36KANKC.js';
|
|
@@ -13,7 +13,7 @@ import { useContextProps, composeRenderProps, Radio as Radio$1 } from 'react-ari
|
|
|
13
13
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
14
14
|
|
|
15
15
|
// css-module:./Radio.module.css#css-module
|
|
16
|
-
var Radio_module_default = { "hop-Radio": "Radio-module__hop-
|
|
16
|
+
var Radio_module_default = { "hop-Radio": "Radio-module__hop-Radio___oBKRQ", "hop-Radio--sm": "Radio-module__hop-Radio--sm___C-Q1U", "hop-Radio--md": "Radio-module__hop-Radio--md___8cI7H", "hop-Radio__icon": "Radio-module__hop-Radio__icon___Ai4EA", "hop-Radio__icon-list": "Radio-module__hop-Radio__icon-list___Ml4fa", "hop-Radio__box": "Radio-module__hop-Radio__box___gF3Ys", "hop-Radio__bullet": "Radio-module__hop-Radio__bullet___DLVyb", "hop-Radio__text": "Radio-module__hop-Radio__text___md8fJ" };
|
|
17
17
|
var GlobalRadioCssSelector = "hop-Radio";
|
|
18
18
|
function Radio(props, ref) {
|
|
19
19
|
var _a;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { _EmbeddedButton } from './chunk-
|
|
1
|
+
import { _EmbeddedButton } from './chunk-KKUSWUZC.js';
|
|
2
2
|
import { ClearButtonContext } from './chunk-DXVKHP4V.js';
|
|
3
|
-
import { useLocalizedString } from './chunk-
|
|
3
|
+
import { useLocalizedString } from './chunk-NNLLQWDS.js';
|
|
4
4
|
import { DismissIcon } from '@hopper-ui/icons';
|
|
5
5
|
import { forwardRef } from 'react';
|
|
6
6
|
import { useContextProps } from 'react-aria-components';
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { LinkButtonContext } from './chunk-3UQFC2NQ.js';
|
|
2
2
|
import { IconListContext } from './chunk-GBWXEK6N.js';
|
|
3
|
-
import { useFormProps } from './chunk-
|
|
3
|
+
import { useFormProps } from './chunk-HQJZSCV7.js';
|
|
4
4
|
import { useSlot } from './chunk-H5YTU3U7.js';
|
|
5
|
-
import { ensureTextWrapper } from './chunk-
|
|
5
|
+
import { ensureTextWrapper } from './chunk-CIQZIY5N.js';
|
|
6
6
|
import { TextContext } from './chunk-ZNOU2CGM.js';
|
|
7
7
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
8
8
|
import { SlotProvider } from './chunk-M36KANKC.js';
|
|
@@ -14,7 +14,7 @@ import { useContextProps, composeRenderProps, Link, DEFAULT_SLOT } from 'react-a
|
|
|
14
14
|
import { jsx } from 'react/jsx-runtime';
|
|
15
15
|
|
|
16
16
|
// css-module:./LinkButton.module.css#css-module
|
|
17
|
-
var LinkButton_module_default = { "hop-LinkButton": "LinkButton-module__hop-
|
|
17
|
+
var LinkButton_module_default = { "hop-LinkButton": "LinkButton-module__hop-LinkButton___hlYkA Button-module__hop-Button___drz4z", "hop-LinkButton--fluid": "LinkButton-module__hop-LinkButton--fluid___iCMfM Button-module__hop-Button--fluid___jF2LE", "hop-LinkButton--sm": "LinkButton-module__hop-LinkButton--sm___yzSw4 Button-module__hop-Button--sm___yWI1w", "hop-LinkButton--icon-only": "LinkButton-module__hop-LinkButton--icon-only___DGxSD Button-module__hop-Button--icon-only___ZVI03", "hop-LinkButton--primary": "LinkButton-module__hop-LinkButton--primary___l-P07 Button-module__hop-Button--primary___gQcR4", "hop-LinkButton--secondary": "LinkButton-module__hop-LinkButton--secondary___37NV- Button-module__hop-Button--secondary___iPATA", "hop-LinkButton--upsell": "LinkButton-module__hop-LinkButton--upsell___cIPT- Button-module__hop-Button--upsell___1odMt", "hop-LinkButton--danger": "LinkButton-module__hop-LinkButton--danger___6bQIM Button-module__hop-Button--danger___nvNVv", "hop-LinkButton--ghost-primary": "LinkButton-module__hop-LinkButton--ghost-primary___yKI9C Button-module__hop-Button--ghost-primary___XUMG1", "hop-LinkButton--ghost-secondary": "LinkButton-module__hop-LinkButton--ghost-secondary___L3AXZ Button-module__hop-Button--ghost-secondary___YirRd", "hop-LinkButton--ghost-danger": "LinkButton-module__hop-LinkButton--ghost-danger___mT1c- Button-module__hop-Button--ghost-danger___J37kT", "hop-LinkButton__Spinner": "LinkButton-module__hop-LinkButton__Spinner___wDyVO Button-module__hop-Button__Spinner___qFcTX", "hop-LinkButton__icon": "LinkButton-module__hop-LinkButton__icon___CjXqw Button-module__hop-Button__icon___i0bX0", "hop-LinkButton__icon-list": "LinkButton-module__hop-LinkButton__icon-list___fJZQG Button-module__hop-Button__icon___i0bX0", "hop-LinkButton__text": "LinkButton-module__hop-LinkButton__text___PNN59 Button-module__hop-Button__text___gW1zi", "hop-LinkButton__end-icon": "LinkButton-module__hop-LinkButton__end-icon___bC5qj Button-module__hop-Button__end-icon___H4Qu5", "hop-LinkButton__end-icon-list": "LinkButton-module__hop-LinkButton__end-icon-list___5IdE7 Button-module__hop-Button__end-icon___H4Qu5" };
|
|
18
18
|
var GlobalLinkButtonCssSelector = "hop-LinkButton";
|
|
19
19
|
function LinkButton(props, ref) {
|
|
20
20
|
var _a, _b;
|
|
@@ -20,7 +20,7 @@ function mapOrbiterToHopperVariants(variant) {
|
|
|
20
20
|
}
|
|
21
21
|
|
|
22
22
|
// css-module:./EmbeddedButton.module.css#css-module
|
|
23
|
-
var EmbeddedButton_module_default = { "hop-EmbeddedButton": "EmbeddedButton-module__hop-
|
|
23
|
+
var EmbeddedButton_module_default = { "hop-EmbeddedButton": "EmbeddedButton-module__hop-EmbeddedButton___SrrcP", "hop-EmbeddedButton--md": "EmbeddedButton-module__hop-EmbeddedButton--md___M-G5L", "hop-EmbeddedButton--lg": "EmbeddedButton-module__hop-EmbeddedButton--lg___WgM6T", "hop-EmbeddedButton--neutral": "EmbeddedButton-module__hop-EmbeddedButton--neutral___dqSB7", "hop-EmbeddedButton--subdued": "EmbeddedButton-module__hop-EmbeddedButton--subdued___XAbGu", "hop-EmbeddedButton--progress": "EmbeddedButton-module__hop-EmbeddedButton--progress___j2QOS", "hop-EmbeddedButton--positive": "EmbeddedButton-module__hop-EmbeddedButton--positive___DTxsT", "hop-EmbeddedButton--caution": "EmbeddedButton-module__hop-EmbeddedButton--caution___KpwA0", "hop-EmbeddedButton--negative": "EmbeddedButton-module__hop-EmbeddedButton--negative___ik7EE", "hop-EmbeddedButton--option1": "EmbeddedButton-module__hop-EmbeddedButton--option1___5uZL3", "hop-EmbeddedButton--option2": "EmbeddedButton-module__hop-EmbeddedButton--option2___JM5dT", "hop-EmbeddedButton--option3": "EmbeddedButton-module__hop-EmbeddedButton--option3___RWK1H", "hop-EmbeddedButton--option4": "EmbeddedButton-module__hop-EmbeddedButton--option4___saiRd", "hop-EmbeddedButton--option5": "EmbeddedButton-module__hop-EmbeddedButton--option5___f45MX", "hop-EmbeddedButton--option6": "EmbeddedButton-module__hop-EmbeddedButton--option6___K9AOA", "hop-EmbeddedButton__icon": "EmbeddedButton-module__hop-EmbeddedButton__icon___cOcXK" };
|
|
24
24
|
var GlobalEmbeddedButtonCssSelector = "hop-EmbeddedButton";
|
|
25
25
|
function EmbeddedButton(props, ref) {
|
|
26
26
|
var _a;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ClearContainerSlots } from './chunk-
|
|
1
|
+
import { ClearContainerSlots } from './chunk-PQSMCDAM.js';
|
|
2
2
|
import { TextContext } from './chunk-ZNOU2CGM.js';
|
|
3
3
|
import { SlotProvider } from './chunk-M36KANKC.js';
|
|
4
4
|
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
@@ -9,7 +9,7 @@ import { useContextProps, Text as Text$1 } from 'react-aria-components';
|
|
|
9
9
|
import { jsx } from 'react/jsx-runtime';
|
|
10
10
|
|
|
11
11
|
// css-module:./Text.module.css#css-module
|
|
12
|
-
var Text_module_default = { "hop-Text": "Text-module__hop-
|
|
12
|
+
var Text_module_default = { "hop-Text": "Text-module__hop-Text___NFTCi", "hop-Text--xs": "Text-module__hop-Text--xs___I0d0v", "hop-Text--sm": "Text-module__hop-Text--sm___33NDY", "hop-Text--md": "Text-module__hop-Text--md___12lqb", "hop-Text--lg": "Text-module__hop-Text--lg___EIx-l", "hop-Text--xl": "Text-module__hop-Text--xl___Hgsci", "hop-Text--2xl": "Text-module__hop-Text--2xl___bZva7", "hop-Text--inherit": "Text-module__hop-Text--inherit___D42Q3" };
|
|
13
13
|
var GlobalTextCssSelector = "hop-Text";
|
|
14
14
|
function Text(props, ref) {
|
|
15
15
|
[props, ref] = useContextProps(props, ref, TextContext);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { _Text } from './chunk-
|
|
1
|
+
import { _Text } from './chunk-L7DSMPLQ.js';
|
|
2
2
|
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
3
3
|
import { useResponsiveValue } from '@hopper-ui/styled-system';
|
|
4
4
|
import clsx from 'clsx';
|
|
@@ -6,7 +6,7 @@ import { forwardRef } from 'react';
|
|
|
6
6
|
import { jsx } from 'react/jsx-runtime';
|
|
7
7
|
|
|
8
8
|
// css-module:./Paragraph.module.css#css-module
|
|
9
|
-
var Paragraph_module_default = { "hop-Paragraph": "Paragraph-module__hop-
|
|
9
|
+
var Paragraph_module_default = { "hop-Paragraph": "Paragraph-module__hop-Paragraph___pDtiI", "hop-Paragraph--xs": "Paragraph-module__hop-Paragraph--xs___yzl-N", "hop-Paragraph--sm": "Paragraph-module__hop-Paragraph--sm___mssXe", "hop-Paragraph--md": "Paragraph-module__hop-Paragraph--md___Ujb4e", "hop-Paragraph--lg": "Paragraph-module__hop-Paragraph--lg___fzVC0", "hop-Paragraph--xl": "Paragraph-module__hop-Paragraph--xl___bF-Yd", "hop-Paragraph--2xl": "Paragraph-module__hop-Paragraph--2xl___UuYkH", "hop-Paragraph--inherit": "Paragraph-module__hop-Paragraph--inherit___jW721" };
|
|
10
10
|
var GlobalParagraphCssSelector = "hop-Paragraph";
|
|
11
11
|
function Paragraph(props, ref) {
|
|
12
12
|
const { size: sizeProp, className, children, ...otherProps } = props;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { _BaseModal } from './chunk-
|
|
1
|
+
import { _BaseModal } from './chunk-3FHJOMUC.js';
|
|
2
2
|
import { HeadingContext } from './chunk-WJRMD4JP.js';
|
|
3
3
|
import { ContentContext } from './chunk-IXB2WK56.js';
|
|
4
|
-
import { _ButtonGroup } from './chunk-
|
|
5
|
-
import { _CloseButton } from './chunk-
|
|
6
|
-
import { _Button } from './chunk-
|
|
4
|
+
import { _ButtonGroup } from './chunk-QSCBTSIF.js';
|
|
5
|
+
import { _CloseButton } from './chunk-CNG2EXC7.js';
|
|
6
|
+
import { _Button } from './chunk-5FXGGEA5.js';
|
|
7
7
|
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
8
8
|
import { AlertContext } from './chunk-5DT3S5YY.js';
|
|
9
9
|
import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
|
|
@@ -14,7 +14,7 @@ import { useContextProps, composeRenderProps, Dialog, Provider } from 'react-ari
|
|
|
14
14
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
15
15
|
|
|
16
16
|
// css-module:./Alert.module.css#css-module
|
|
17
|
-
var Alert_module_default = { "hop-Alert": "Alert-module__hop-
|
|
17
|
+
var Alert_module_default = { "hop-Alert": "Alert-module__hop-Alert___3oFDr", "hop-Alert__button-group": "Alert-module__hop-Alert__button-group___vOXLt", "hop-Alert__heading": "Alert-module__hop-Alert__heading___Sdnnh", "hop-Alert__close": "Alert-module__hop-Alert__close___h77zN", "hop-Alert__content": "Alert-module__hop-Alert__content___8pula" };
|
|
18
18
|
var GlobalAlertCssSelector = "hop-Alert";
|
|
19
19
|
function Alert(props, ref) {
|
|
20
20
|
var _a;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { ImageContext } from './chunk-JAR7CXVS.js';
|
|
2
|
+
import { ClearProviders } from './chunk-PQSMCDAM.js';
|
|
2
3
|
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
3
4
|
import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
|
|
4
5
|
import clsx from 'clsx';
|
|
@@ -7,7 +8,7 @@ import { useContextProps } from 'react-aria-components';
|
|
|
7
8
|
import { jsx } from 'react/jsx-runtime';
|
|
8
9
|
|
|
9
10
|
// css-module:./Image.module.css#css-module
|
|
10
|
-
var Image_module_default = { "hop-Image": "Image-module__hop-
|
|
11
|
+
var Image_module_default = { "hop-Image": "Image-module__hop-Image___X5QV3", "hop-Image--rounded": "Image-module__hop-Image--rounded___TCBGO", "hop-Image--circular": "Image-module__hop-Image--circular___s6514" };
|
|
11
12
|
var GlobalImageCssSelector = "hop-Image";
|
|
12
13
|
function Image(props, ref) {
|
|
13
14
|
[props, ref] = useContextProps(props, ref, ImageContext);
|
|
@@ -19,8 +20,14 @@ function Image(props, ref) {
|
|
|
19
20
|
src,
|
|
20
21
|
slot,
|
|
21
22
|
alt,
|
|
23
|
+
isHidden,
|
|
24
|
+
clearContexts,
|
|
22
25
|
...otherProps
|
|
23
26
|
} = ownProps;
|
|
27
|
+
const srcValue = useResponsiveValue(src);
|
|
28
|
+
if (isHidden) {
|
|
29
|
+
return null;
|
|
30
|
+
}
|
|
24
31
|
if (alt === void 0) {
|
|
25
32
|
console.warn(
|
|
26
33
|
'The `alt` prop was not provided to an image. Add `alt` text for screen readers, or set `alt=""` prop to indicate that the image is decorative or redundant with displayed text and should not be announced by screen readers.'
|
|
@@ -40,8 +47,7 @@ function Image(props, ref) {
|
|
|
40
47
|
...stylingProps.style,
|
|
41
48
|
...style
|
|
42
49
|
};
|
|
43
|
-
|
|
44
|
-
return /* @__PURE__ */ jsx(
|
|
50
|
+
return /* @__PURE__ */ jsx(ClearProviders, { values: clearContexts, children: /* @__PURE__ */ jsx(
|
|
45
51
|
"img",
|
|
46
52
|
{
|
|
47
53
|
...otherProps,
|
|
@@ -52,7 +58,7 @@ function Image(props, ref) {
|
|
|
52
58
|
ref,
|
|
53
59
|
src: srcValue
|
|
54
60
|
}
|
|
55
|
-
);
|
|
61
|
+
) });
|
|
56
62
|
}
|
|
57
63
|
var _Image = forwardRef(Image);
|
|
58
64
|
_Image.displayName = "Image";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { MenuItemContext } from './chunk-OGC6BUEX.js';
|
|
2
2
|
import { AvatarContext } from './chunk-FA26RZSE.js';
|
|
3
3
|
import { IconListContext } from './chunk-GBWXEK6N.js';
|
|
4
|
-
import { _Text } from './chunk-
|
|
4
|
+
import { _Text } from './chunk-L7DSMPLQ.js';
|
|
5
5
|
import { TextContext } from './chunk-ZNOU2CGM.js';
|
|
6
6
|
import { SlotProvider } from './chunk-M36KANKC.js';
|
|
7
7
|
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
@@ -13,7 +13,7 @@ import { useContextProps, MenuItem as MenuItem$1, DEFAULT_SLOT } from 'react-ari
|
|
|
13
13
|
import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
|
|
14
14
|
|
|
15
15
|
// css-module:./MenuItem.module.css#css-module
|
|
16
|
-
var MenuItem_module_default = { "hop-MenuItem": "MenuItem-module__hop-
|
|
16
|
+
var MenuItem_module_default = { "hop-MenuItem": "MenuItem-module__hop-MenuItem___RwFEH", "hop-MenuItem__text": "MenuItem-module__hop-MenuItem__text___YxJ0O", "hop-MenuItem--invalid": "MenuItem-module__hop-MenuItem--invalid___7z1vm", "hop-MenuItem__avatar": "MenuItem-module__hop-MenuItem__avatar___IKJAx", "hop-MenuItem__icon": "MenuItem-module__hop-MenuItem__icon___kR-aF", "hop-MenuItem__checkmark": "MenuItem-module__hop-MenuItem__checkmark___FQvO-", "hop-MenuItem__description": "MenuItem-module__hop-MenuItem__description___roOkP", "hop-MenuItem__end-icon": "MenuItem-module__hop-MenuItem__end-icon___6NFVf", "hop-MenuItem__arrow": "MenuItem-module__hop-MenuItem__arrow___gGIbr", "hop-MenuItem--xs": "MenuItem-module__hop-MenuItem--xs___Xpxyp", "hop-MenuItem--sm": "MenuItem-module__hop-MenuItem--sm___LZXeC", "hop-MenuItem--md": "MenuItem-module__hop-MenuItem--md___dUjLR", "hop-MenuItem--lg": "MenuItem-module__hop-MenuItem--lg___sXyp6" };
|
|
17
17
|
var GlobalMenuItemCssSelector = "hop-MenuItem";
|
|
18
18
|
var MenuItem = (props, ref) => {
|
|
19
19
|
[props, ref] = useContextProps(props, ref, MenuItemContext);
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { SwitchFieldContext } from './chunk-H7VJS4MX.js';
|
|
2
1
|
import { SwitchContext } from './chunk-YHBJAXUY.js';
|
|
2
|
+
import { SwitchFieldContext } from './chunk-H7VJS4MX.js';
|
|
3
3
|
import { useRenderProps } from './chunk-2NSUMKNH.js';
|
|
4
|
-
import { _Text } from './chunk-
|
|
4
|
+
import { _Text } from './chunk-L7DSMPLQ.js';
|
|
5
5
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
6
6
|
import { SlotProvider } from './chunk-M36KANKC.js';
|
|
7
7
|
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
@@ -13,7 +13,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
|
|
|
13
13
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
14
14
|
|
|
15
15
|
// css-module:./SwitchField.module.css#css-module
|
|
16
|
-
var SwitchField_module_default = { "hop-SwitchField": "SwitchField-module__hop-
|
|
16
|
+
var SwitchField_module_default = { "hop-SwitchField": "SwitchField-module__hop-SwitchField___VD5M8", "hop-SwitchField--sm": "SwitchField-module__hop-SwitchField--sm___g3j6Z", "hop-SwitchField--md": "SwitchField-module__hop-SwitchField--md___qX7jK", "hop-SwitchField__description": "SwitchField-module__hop-SwitchField__description___yD2Mr", "hop-SwitchField__switch": "SwitchField-module__hop-SwitchField__switch___nRoEA" };
|
|
17
17
|
var GlobalSwitchFieldCssSelector = "hop-SwitchField";
|
|
18
18
|
var SwitchToDescriptionSizeAdapter = {
|
|
19
19
|
sm: "xs",
|
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
import { _Popover } from './chunk-
|
|
2
|
-
import { _ListBox } from './chunk-KEDXRQG2.js';
|
|
3
|
-
import { _ListBoxItem } from './chunk-RKZRG2QV.js';
|
|
1
|
+
import { _Popover } from './chunk-OS6JDQKO.js';
|
|
4
2
|
import { _ListBoxSection } from './chunk-PN5BRTOO.js';
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
3
|
+
import { _ListBox } from './chunk-ULY62A7P.js';
|
|
4
|
+
import { _ListBoxItem } from './chunk-VSCRFXJ2.js';
|
|
5
|
+
import { _Footer } from './chunk-RN3FLBX4.js';
|
|
6
|
+
import { InputContext, Input } from './chunk-S5AHDRSE.js';
|
|
7
|
+
import { _InputGroup } from './chunk-UBILZ2MS.js';
|
|
8
|
+
import { _ToggleArrow } from './chunk-V7OAPBQT.js';
|
|
9
|
+
import { FieldLabel } from './chunk-PDWWX5JI.js';
|
|
10
|
+
import { _HelperMessage } from './chunk-DEFXMEBJ.js';
|
|
11
|
+
import { _ErrorMessage } from './chunk-23WYVBUK.js';
|
|
12
12
|
import { ComboBoxContext } from './chunk-RFZC5CHX.js';
|
|
13
13
|
import { BadgeContext } from './chunk-ZSFJVMJN.js';
|
|
14
|
-
import { useFormProps } from './chunk-
|
|
15
|
-
import { ensureTextWrapper } from './chunk-
|
|
16
|
-
import { ClearProviders, ClearContainerSlots } from './chunk-
|
|
14
|
+
import { useFormProps } from './chunk-HQJZSCV7.js';
|
|
15
|
+
import { ensureTextWrapper } from './chunk-CIQZIY5N.js';
|
|
16
|
+
import { ClearProviders, ClearContainerSlots } from './chunk-PQSMCDAM.js';
|
|
17
17
|
import { TextContext as TextContext$1 } from './chunk-ZNOU2CGM.js';
|
|
18
18
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
19
19
|
import { SlotProvider } from './chunk-M36KANKC.js';
|
|
@@ -26,7 +26,7 @@ import { useContextProps, useSlottedContext, composeRenderProps, TextContext, Bu
|
|
|
26
26
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
27
27
|
|
|
28
28
|
// css-module:./ComboBox.module.css#css-module
|
|
29
|
-
var ComboBox_module_default = { "hop-ComboBox": "ComboBox-module__hop-
|
|
29
|
+
var ComboBox_module_default = { "hop-ComboBox": "ComboBox-module__hop-ComboBox___Lb1mQ", "hop-ComboBox--fluid": "ComboBox-module__hop-ComboBox--fluid___Ptot1", "hop-ComboBox__label": "ComboBox-module__hop-ComboBox__label___0Pla6", "hop-ComboBox__trigger": "ComboBox-module__hop-ComboBox__trigger___9TwXq", "hop-ComboBox__button": "ComboBox-module__hop-ComboBox__button___e5o3k", "hop-ComboBox__prefix": "ComboBox-module__hop-ComboBox__prefix___fFHWF", "hop-ComboBox__helper-message": "ComboBox-module__hop-ComboBox__helper-message___OGSw0", "hop-ComboBox__error-message": "ComboBox-module__hop-ComboBox__error-message___3pCHC" };
|
|
30
30
|
var GlobalComboBoxCssSelector = "hop-ComboBox";
|
|
31
31
|
function ComboBox(props, ref) {
|
|
32
32
|
var _a, _b, _c, _d, _e;
|
|
@@ -41,6 +41,7 @@ function ComboBox(props, ref) {
|
|
|
41
41
|
align: alignProp,
|
|
42
42
|
className,
|
|
43
43
|
children,
|
|
44
|
+
contextualHelp,
|
|
44
45
|
description,
|
|
45
46
|
direction: directionProp,
|
|
46
47
|
errorMessage,
|
|
@@ -169,10 +170,11 @@ function ComboBox(props, ref) {
|
|
|
169
170
|
...otherProps,
|
|
170
171
|
children: ({ isOpen }) => {
|
|
171
172
|
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
172
|
-
|
|
173
|
-
|
|
173
|
+
/* @__PURE__ */ jsx(
|
|
174
|
+
FieldLabel,
|
|
174
175
|
{
|
|
175
176
|
className: ComboBox_module_default["hop-ComboBox__label"],
|
|
177
|
+
contextualHelp,
|
|
176
178
|
isRequired,
|
|
177
179
|
necessityIndicator,
|
|
178
180
|
children: label
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
+
import { _Tooltip } from './chunk-OYPIU6JL.js';
|
|
1
2
|
import { TooltipTrigger } from './chunk-DCO4XGBI.js';
|
|
2
|
-
import { _Tooltip } from './chunk-K7PQOHUQ.js';
|
|
3
3
|
import { AvatarGroupContext } from './chunk-G7F2YUBR.js';
|
|
4
4
|
import { AvatarContext } from './chunk-FA26RZSE.js';
|
|
5
|
-
import { _Text } from './chunk-
|
|
5
|
+
import { _Text } from './chunk-L7DSMPLQ.js';
|
|
6
6
|
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
7
7
|
import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
|
|
8
8
|
import clsx from 'clsx';
|
|
@@ -11,7 +11,7 @@ import { useContextProps } from 'react-aria-components';
|
|
|
11
11
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
12
12
|
|
|
13
13
|
// css-module:./AvatarGroup.module.css#css-module
|
|
14
|
-
var AvatarGroup_module_default = { "hop-AvatarGroup": "AvatarGroup-module__hop-
|
|
14
|
+
var AvatarGroup_module_default = { "hop-AvatarGroup": "AvatarGroup-module__hop-AvatarGroup___2Ak-A", "hop-AvatarGroup--wrap": "AvatarGroup-module__hop-AvatarGroup--wrap___1DU6Z", "hop-AvatarGroup--xs": "AvatarGroup-module__hop-AvatarGroup--xs___zbilM", "hop-AvatarGroup--sm": "AvatarGroup-module__hop-AvatarGroup--sm___9fEko", "hop-AvatarGroup--md": "AvatarGroup-module__hop-AvatarGroup--md___kEMKx", "hop-AvatarGroup--lg": "AvatarGroup-module__hop-AvatarGroup--lg___jXOOK", "hop-AvatarGroup--xl": "AvatarGroup-module__hop-AvatarGroup--xl___FxILA", "hop-AvatarGroup--2xl": "AvatarGroup-module__hop-AvatarGroup--2xl___cMa1B", "hop-AvatarGroup__avatar": "AvatarGroup-module__hop-AvatarGroup__avatar___T5Tfl", "hop-AvatarGroup__label": "AvatarGroup-module__hop-AvatarGroup__label___f4h8d", "hop-AvatarGroup__hiddenAvatar": "AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___GDwNB", "hop-AvatarGroup--start": "AvatarGroup-module__hop-AvatarGroup--start___zDpr-", "hop-AvatarGroup--end": "AvatarGroup-module__hop-AvatarGroup--end___mNOnu", "hop-AvatarGroup--center": "AvatarGroup-module__hop-AvatarGroup--center___jDYuI" };
|
|
15
15
|
var GlobalAvatarGroupCssSelector = "hop-AvatarGroup";
|
|
16
16
|
function AvatarGroup(props, ref) {
|
|
17
17
|
var _a, _b, _c, _d;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { TileContext } from './chunk-S7KMOXY2.js';
|
|
2
|
-
import { _Text } from './chunk-
|
|
2
|
+
import { _Text } from './chunk-L7DSMPLQ.js';
|
|
3
3
|
import { TextContext } from './chunk-ZNOU2CGM.js';
|
|
4
4
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
5
5
|
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
@@ -10,7 +10,7 @@ import { useContextProps, composeRenderProps, ToggleButton, Provider } from 'rea
|
|
|
10
10
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
11
11
|
|
|
12
12
|
// css-module:./Tile.module.css#css-module
|
|
13
|
-
var Tile_module_default = { "hop-Tile": "Tile-module__hop-
|
|
13
|
+
var Tile_module_default = { "hop-Tile": "Tile-module__hop-Tile___2ApGk", "hop-Tile__icon": "Tile-module__hop-Tile__icon___xtLLW" };
|
|
14
14
|
var GlobalTileCssSelector = "hop-Tile";
|
|
15
15
|
var Tile = (props, ref) => {
|
|
16
16
|
[props, ref] = useContextProps(props, ref, TileContext);
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { TileGroupContext } from './chunk-RZFNJMEH.js';
|
|
2
1
|
import { InternalTileContext } from './chunk-S7KMOXY2.js';
|
|
2
|
+
import { TileGroupContext } from './chunk-RZFNJMEH.js';
|
|
3
3
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
4
4
|
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
5
5
|
import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
|
|
@@ -8,7 +8,7 @@ import { useContextProps, composeRenderProps, ToggleButtonGroup, Provider } from
|
|
|
8
8
|
import { jsx } from 'react/jsx-runtime';
|
|
9
9
|
|
|
10
10
|
// css-module:./TileGroup.module.css#css-module
|
|
11
|
-
var TileGroup_module_default = { "hop-TileGroup": "TileGroup-module__hop-
|
|
11
|
+
var TileGroup_module_default = { "hop-TileGroup": "TileGroup-module__hop-TileGroup___JeFdq" };
|
|
12
12
|
var GlobalTileGroupCssSelector = "hop-TileGroup";
|
|
13
13
|
var TileGroup = (props, ref) => {
|
|
14
14
|
[props, ref] = useContextProps(props, ref, TileGroupContext);
|
|
@@ -14,8 +14,8 @@ var require_en_US = __commonJS({
|
|
|
14
14
|
"Tag.removeAriaLabel": `Remove`,
|
|
15
15
|
"ListBoxItem.loadingTextValue": `Loading Item`,
|
|
16
16
|
"ListBoxItem.indicatorAriaLabel": `List Item Selection Indicator`,
|
|
17
|
-
"
|
|
18
|
-
"
|
|
17
|
+
"FieldLabel.necessityLabel.required": `Required`,
|
|
18
|
+
"FieldLabel.necessityLabel.optional": `Optional`,
|
|
19
19
|
"Select.placeholder": `Select an item`
|
|
20
20
|
};
|
|
21
21
|
}
|
|
@@ -34,8 +34,8 @@ var require_fr_CA = __commonJS({
|
|
|
34
34
|
"Tag.removeAriaLabel": `Supprimer`,
|
|
35
35
|
"ListBoxItem.loadingTextValue": `\xC9l\xE9ment en cours de chargement`,
|
|
36
36
|
"ListBoxItem.indicatorAriaLabel": `Indicateur de s\xE9lection d'\xE9l\xE9ment de liste`,
|
|
37
|
-
"
|
|
38
|
-
"
|
|
37
|
+
"FieldLabel.necessityLabel.required": `Obligatoire`,
|
|
38
|
+
"FieldLabel.necessityLabel.optional": `Facultatif`,
|
|
39
39
|
"Select.placeholder": `S\xE9lectionner un \xE9l\xE9ment`
|
|
40
40
|
};
|
|
41
41
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { AvatarContext } from './chunk-FA26RZSE.js';
|
|
2
|
-
import { _RichIconAvatarImage } from './chunk-
|
|
2
|
+
import { _RichIconAvatarImage } from './chunk-AV7XDPXN.js';
|
|
3
3
|
import { useRenderProps } from './chunk-2NSUMKNH.js';
|
|
4
4
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
5
5
|
import { BrokenImageRichIcon } from '@hopper-ui/icons';
|
|
@@ -2,7 +2,7 @@ import { CalloutContext } from './chunk-5CURYPE7.js';
|
|
|
2
2
|
import { HeadingContext } from './chunk-WJRMD4JP.js';
|
|
3
3
|
import { ContentContext } from './chunk-IXB2WK56.js';
|
|
4
4
|
import { LinkButtonContext } from './chunk-3UQFC2NQ.js';
|
|
5
|
-
import { _CloseButton } from './chunk-
|
|
5
|
+
import { _CloseButton } from './chunk-CNG2EXC7.js';
|
|
6
6
|
import { ButtonContext } from './chunk-WMTWFKKP.js';
|
|
7
7
|
import { useSlot } from './chunk-H5YTU3U7.js';
|
|
8
8
|
import { SlotProvider } from './chunk-M36KANKC.js';
|
|
@@ -15,7 +15,7 @@ import { useContextProps } from 'react-aria-components';
|
|
|
15
15
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
16
16
|
|
|
17
17
|
// css-module:./Callout.module.css#css-module
|
|
18
|
-
var Callout_module_default = { "hop-Callout": "Callout-module__hop-
|
|
18
|
+
var Callout_module_default = { "hop-Callout": "Callout-module__hop-Callout___0mYM3", "hop-Callout__icon": "Callout-module__hop-Callout__icon___h4-Nj", "hop-Callout__heading": "Callout-module__hop-Callout__heading___nSfqI", "hop-Callout__content": "Callout-module__hop-Callout__content___03-1Z", "hop-Callout__button": "Callout-module__hop-Callout__button___tUBzq", "hop-Callout__dismiss": "Callout-module__hop-Callout__dismiss___k2J4u", "hop-Callout--information": "Callout-module__hop-Callout--information___P1sm9", "hop-Callout--success": "Callout-module__hop-Callout--success___yVnay", "hop-Callout--warning": "Callout-module__hop-Callout--warning___7TQo-", "hop-Callout--upsell": "Callout-module__hop-Callout--upsell___6djQK", "hop-Callout--subtle-fill": "Callout-module__hop-Callout--subtle-fill___qbeLV" };
|
|
19
19
|
var GlobalCalloutCssSelector = "hop-Callout";
|
|
20
20
|
var Callout = (props, ref) => {
|
|
21
21
|
[props, ref] = useContextProps(props, ref, CalloutContext);
|
|
@@ -2,7 +2,7 @@ import { LinkContext } from './chunk-MTULE7GI.js';
|
|
|
2
2
|
import { CompactCalloutContext } from './chunk-NX7YNFUX.js';
|
|
3
3
|
import { ContentContext } from './chunk-IXB2WK56.js';
|
|
4
4
|
import { LinkButtonContext } from './chunk-3UQFC2NQ.js';
|
|
5
|
-
import { _CloseButton } from './chunk-
|
|
5
|
+
import { _CloseButton } from './chunk-CNG2EXC7.js';
|
|
6
6
|
import { ButtonContext } from './chunk-WMTWFKKP.js';
|
|
7
7
|
import { SlotProvider } from './chunk-M36KANKC.js';
|
|
8
8
|
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
@@ -13,7 +13,7 @@ import { useContextProps, DEFAULT_SLOT } from 'react-aria-components';
|
|
|
13
13
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
14
14
|
|
|
15
15
|
// css-module:./CompactCallout.module.css#css-module
|
|
16
|
-
var CompactCallout_module_default = { "hop-CompactCallout": "CompactCallout-module__hop-
|
|
16
|
+
var CompactCallout_module_default = { "hop-CompactCallout": "CompactCallout-module__hop-CompactCallout___Wcojn", "hop-CompactCallout--dismissable": "CompactCallout-module__hop-CompactCallout--dismissable___FgshT", "hop-CompactCallout__content": "CompactCallout-module__hop-CompactCallout__content___KT-ye", "hop-CompactCallout__button": "CompactCallout-module__hop-CompactCallout__button___ADdHQ", "hop-CompactCallout__link": "CompactCallout-module__hop-CompactCallout__link___snOSa", "hop-CompactCallout__dismiss": "CompactCallout-module__hop-CompactCallout__dismiss___FPkmH", "hop-CompactCallout--information": "CompactCallout-module__hop-CompactCallout--information___ndpxW", "hop-CompactCallout--success": "CompactCallout-module__hop-CompactCallout--success___a-6IX", "hop-CompactCallout--warning": "CompactCallout-module__hop-CompactCallout--warning___t2RVq", "hop-CompactCallout--upsell": "CompactCallout-module__hop-CompactCallout--upsell___-HGXR", "hop-CompactCallout--subtle-fill": "CompactCallout-module__hop-CompactCallout--subtle-fill___i0gZU" };
|
|
17
17
|
var GlobalCompactCalloutCssSelector = "hop-CompactCallout";
|
|
18
18
|
var CompactCallout = (props, ref) => {
|
|
19
19
|
[props, ref] = useContextProps(props, ref, CompactCalloutContext);
|
|
@@ -2,7 +2,7 @@ import { PopoverContext } from './chunk-RNGNPV6Q.js';
|
|
|
2
2
|
import { isFunction, isNil } from './chunk-TIPN4VYD.js';
|
|
3
3
|
import { ListBoxContext } from './chunk-4HEOTMP7.js';
|
|
4
4
|
import { FooterContext } from './chunk-I67NHYK4.js';
|
|
5
|
-
import { useForwardedHopperContext, _HopperProvider } from './chunk-
|
|
5
|
+
import { useForwardedHopperContext, _HopperProvider } from './chunk-YFQIN27E.js';
|
|
6
6
|
import { LinkContext } from './chunk-MTULE7GI.js';
|
|
7
7
|
import { HeadingContext } from './chunk-WJRMD4JP.js';
|
|
8
8
|
import { ContentContext } from './chunk-IXB2WK56.js';
|
|
@@ -19,7 +19,7 @@ import { useContextProps, composeRenderProps, Popover as Popover$1, Dialog } fro
|
|
|
19
19
|
import { jsx } from 'react/jsx-runtime';
|
|
20
20
|
|
|
21
21
|
// css-module:./Popover.module.css#css-module
|
|
22
|
-
var Popover_module_default = { "hop-Popover": "Popover-module__hop-
|
|
22
|
+
var Popover_module_default = { "hop-Popover": "Popover-module__hop-Popover___26umq", "fade": "Popover-module__fade___Rb7-0", "hop-Popover__wrapper": "Popover-module__hop-Popover__wrapper___uZgAA", "hop-Popover__dialog": "Popover-module__hop-Popover__dialog___GGJWK", "hop-Popover__dropdown": "Popover-module__hop-Popover__dropdown___jeauL", "hop-Popover__title": "Popover-module__hop-Popover__title___Rlj3j", "hop-Popover__content": "Popover-module__hop-Popover__content___xnLU-", "hop-Popover__list-box": "Popover-module__hop-Popover__list-box___zuSW3", "hop-Popover__footer": "Popover-module__hop-Popover__footer___0FFAg", "hop-Popover__actions": "Popover-module__hop-Popover__actions___22QyU", "hop-Popover__action": "Popover-module__hop-Popover__action___1YRad" };
|
|
23
23
|
var GlobalPopoverCssSelector = "hop-Popover";
|
|
24
24
|
function Popover(props, ref) {
|
|
25
25
|
var _a;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { TooltipContext } from './chunk-77PD5K3M.js';
|
|
2
2
|
import { TooltipTriggerContext } from './chunk-XXEXHHC6.js';
|
|
3
|
-
import { ensureTextWrapper } from './chunk-
|
|
3
|
+
import { ensureTextWrapper } from './chunk-CIQZIY5N.js';
|
|
4
4
|
import { TextContext } from './chunk-ZNOU2CGM.js';
|
|
5
5
|
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
6
6
|
import { useStyledSystem, useColorSchemeContext, getRootCSSClasses } from '@hopper-ui/styled-system';
|
|
@@ -10,7 +10,7 @@ import { useContextProps, Provider, Tooltip as Tooltip$1 } from 'react-aria-comp
|
|
|
10
10
|
import { jsx } from 'react/jsx-runtime';
|
|
11
11
|
|
|
12
12
|
// css-module:./Tooltip.module.css#css-module
|
|
13
|
-
var Tooltip_module_default = { "hop-Tooltip": "Tooltip-module__hop-
|
|
13
|
+
var Tooltip_module_default = { "hop-Tooltip": "Tooltip-module__hop-Tooltip___RIZp2", "hop-Tooltip--top": "Tooltip-module__hop-Tooltip--top___LYimQ", "hop-Tooltip--right": "Tooltip-module__hop-Tooltip--right___U7MIG", "hop-Tooltip--bottom": "Tooltip-module__hop-Tooltip--bottom___dawQ8", "hop-Tooltip--left": "Tooltip-module__hop-Tooltip--left___qVC3o", "slide": "Tooltip-module__slide___-wv3b" };
|
|
14
14
|
var GlobalTooltipCssSelector = "hop-Tooltip";
|
|
15
15
|
function Tooltip(props, ref) {
|
|
16
16
|
[props, ref] = useContextProps(props, ref, TooltipContext);
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
import { _Label } from './chunk-FIY4TUYL.js';
|
|
2
|
+
import { useFormProps } from './chunk-HQJZSCV7.js';
|
|
3
|
+
import { useLocalizedString } from './chunk-NNLLQWDS.js';
|
|
4
|
+
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
5
|
+
import { useStyledSystem, Div } from '@hopper-ui/styled-system';
|
|
6
|
+
import clsx from 'clsx';
|
|
7
|
+
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
8
|
+
|
|
9
|
+
// css-module:./FieldLabel.module.css#css-module
|
|
10
|
+
var FieldLabel_module_default = { "hop-FieldLabel__wrapper": "FieldLabel-module__hop-FieldLabel__wrapper___HNiwu", "hop-FieldLabel__indicator": "FieldLabel-module__hop-FieldLabel__indicator___X3yqm" };
|
|
11
|
+
var GlobalFieldLabelCssSelector = "hop-FieldLabel";
|
|
12
|
+
function FieldLabel(props) {
|
|
13
|
+
props = useFormProps(props);
|
|
14
|
+
const { stylingProps, ...ownProps } = useStyledSystem(props);
|
|
15
|
+
const stringFormatter = useLocalizedString();
|
|
16
|
+
const {
|
|
17
|
+
className,
|
|
18
|
+
children,
|
|
19
|
+
style,
|
|
20
|
+
contextualHelp,
|
|
21
|
+
isRequired,
|
|
22
|
+
necessityIndicator,
|
|
23
|
+
wrapperProps,
|
|
24
|
+
...otherProps
|
|
25
|
+
} = ownProps;
|
|
26
|
+
const classNames = clsx(
|
|
27
|
+
className,
|
|
28
|
+
GlobalFieldLabelCssSelector,
|
|
29
|
+
cssModule(
|
|
30
|
+
FieldLabel_module_default,
|
|
31
|
+
GlobalFieldLabelCssSelector
|
|
32
|
+
),
|
|
33
|
+
stylingProps.className
|
|
34
|
+
);
|
|
35
|
+
const mergedStyles = {
|
|
36
|
+
...stylingProps.style,
|
|
37
|
+
...style
|
|
38
|
+
};
|
|
39
|
+
if (!children) {
|
|
40
|
+
return null;
|
|
41
|
+
}
|
|
42
|
+
const necessityLabel = isRequired ? stringFormatter.format("FieldLabel.necessityLabel.required") : stringFormatter.format("FieldLabel.necessityLabel.optional");
|
|
43
|
+
const requiredIndicator = /* @__PURE__ */ jsx("span", { "aria-hidden": "true", "aria-label": necessityLabel, className: FieldLabel_module_default["hop-FieldLabel__indicator"], children: "*" });
|
|
44
|
+
const label = /* @__PURE__ */ jsxs(
|
|
45
|
+
_Label,
|
|
46
|
+
{
|
|
47
|
+
...otherProps,
|
|
48
|
+
className: classNames,
|
|
49
|
+
style: mergedStyles,
|
|
50
|
+
children: [
|
|
51
|
+
children,
|
|
52
|
+
necessityIndicator === "label" && !isRequired && /* @__PURE__ */ jsxs("span", { children: [
|
|
53
|
+
" (",
|
|
54
|
+
necessityLabel,
|
|
55
|
+
")"
|
|
56
|
+
] }),
|
|
57
|
+
necessityIndicator === "asterisk" && isRequired && requiredIndicator
|
|
58
|
+
]
|
|
59
|
+
}
|
|
60
|
+
);
|
|
61
|
+
if (!contextualHelp) {
|
|
62
|
+
return label;
|
|
63
|
+
}
|
|
64
|
+
return /* @__PURE__ */ jsxs(Div, { className: clsx(wrapperProps == null ? void 0 : wrapperProps.className, FieldLabel_module_default["hop-FieldLabel__wrapper"]), children: [
|
|
65
|
+
label,
|
|
66
|
+
contextualHelp
|
|
67
|
+
] });
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
export { FieldLabel, GlobalFieldLabelCssSelector };
|