@hopper-ui/components 1.7.0 → 1.8.1
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 +12 -0
- package/dist/accordion/src/Accordion.css +78 -78
- package/dist/accordion/src/Accordion.js +2 -2
- package/dist/accordion/src/index.css +78 -78
- package/dist/accordion/src/index.js +2 -2
- package/dist/alert/src/Alert.css +685 -313
- package/dist/alert/src/Alert.js +11 -10
- package/dist/alert/src/index.css +685 -313
- package/dist/alert/src/index.js +11 -10
- package/dist/avatar/src/AnonymousAvatar.css +48 -48
- package/dist/avatar/src/AnonymousAvatar.js +2 -2
- package/dist/avatar/src/Avatar.css +66 -66
- package/dist/avatar/src/Avatar.js +4 -4
- package/dist/avatar/src/AvatarGroup.css +65 -65
- package/dist/avatar/src/AvatarGroup.js +6 -6
- package/dist/avatar/src/BrokenAvatar.css +48 -48
- package/dist/avatar/src/BrokenAvatar.js +2 -2
- package/dist/avatar/src/DeletedAvatar.css +48 -48
- package/dist/avatar/src/DeletedAvatar.js +2 -2
- package/dist/avatar/src/RichIconAvatarImage.css +48 -48
- package/dist/avatar/src/RichIconAvatarImage.js +1 -1
- package/dist/avatar/src/index.css +93 -93
- package/dist/avatar/src/index.js +11 -11
- package/dist/badge/src/Badge.css +53 -53
- package/dist/badge/src/Badge.js +2 -2
- package/dist/badge/src/FloatingBadge.css +48 -48
- package/dist/badge/src/FloatingBadge.js +1 -1
- package/dist/badge/src/index.css +63 -63
- package/dist/badge/src/index.js +3 -3
- package/dist/buttons/src/Button.css +104 -104
- package/dist/buttons/src/Button.js +7 -6
- package/dist/buttons/src/ButtonContext.d.ts +1 -1
- package/dist/buttons/src/ButtonGroup.css +49 -49
- package/dist/buttons/src/ButtonGroup.js +1 -1
- package/dist/buttons/src/ClearButton.css +109 -109
- package/dist/buttons/src/ClearButton.js +2 -2
- package/dist/buttons/src/CloseButton.css +105 -105
- package/dist/buttons/src/CloseButton.js +8 -7
- package/dist/buttons/src/EmbeddedButton.css +109 -109
- package/dist/buttons/src/EmbeddedButton.js +1 -1
- package/dist/buttons/src/LinkButton.css +113 -113
- package/dist/buttons/src/LinkButton.js +5 -5
- package/dist/buttons/src/ToggleButton.css +729 -0
- package/dist/buttons/src/ToggleButton.d.ts +50 -0
- package/dist/buttons/src/ToggleButton.js +17 -0
- package/dist/buttons/src/ToggleButtonContext.d.ts +22 -0
- package/dist/buttons/src/ToggleButtonContext.js +2 -0
- package/dist/buttons/src/index.css +633 -261
- package/dist/buttons/src/index.d.ts +2 -0
- package/dist/buttons/src/index.js +14 -11
- package/dist/callout/src/Callout.css +645 -273
- package/dist/callout/src/Callout.js +9 -8
- package/dist/callout/src/CompactCallout.css +682 -310
- package/dist/callout/src/CompactCallout.js +9 -8
- package/dist/callout/src/index.css +694 -322
- package/dist/callout/src/index.js +11 -10
- package/dist/card/src/Card.css +41 -41
- package/dist/card/src/Card.js +1 -1
- package/dist/card/src/index.css +41 -41
- package/dist/card/src/index.js +1 -1
- package/dist/checkbox/src/Checkbox.css +57 -57
- package/dist/checkbox/src/Checkbox.js +5 -5
- package/dist/checkbox/src/CheckboxField.css +44 -44
- package/dist/checkbox/src/CheckboxField.js +3 -3
- package/dist/checkbox/src/CheckboxGroup.css +109 -109
- package/dist/checkbox/src/CheckboxGroup.js +8 -8
- package/dist/checkbox/src/DecorativeCheckbox.css +65 -65
- package/dist/checkbox/src/DecorativeCheckbox.js +3 -3
- package/dist/checkbox/src/index.css +109 -109
- package/dist/checkbox/src/index.js +13 -13
- package/dist/{chunk-2KFOOJ34.js → chunk-222IE227.js} +8 -8
- package/dist/{chunk-NC7G3EHF.js → chunk-2JM4DHKX.js} +2 -2
- package/dist/{chunk-VBJVG2YA.js → chunk-4GZR3IQU.js} +5 -5
- package/dist/{chunk-OS6JDQKO.js → chunk-4U6NS4RG.js} +2 -2
- package/dist/{chunk-57RTMTQ7.js → chunk-4UYEDXKD.js} +2 -2
- package/dist/{chunk-J5FY5YAZ.js → chunk-4VJFEBFF.js} +1 -1
- package/dist/{chunk-67EK2P5M.js → chunk-4VXXQDUF.js} +2 -2
- package/dist/{chunk-CT3S2ZJP.js → chunk-55HC57WP.js} +2 -2
- package/dist/{chunk-YFQIN27E.js → chunk-5VFGSK3Q.js} +1 -1
- package/dist/{chunk-AX3SYX3G.js → chunk-66NSPKER.js} +1 -1
- package/dist/{chunk-UFR36PXP.js → chunk-6B5X5DW6.js} +2 -2
- package/dist/{chunk-WJE3JIRZ.js → chunk-6ZRODOHF.js} +2 -2
- package/dist/{chunk-OYPIU6JL.js → chunk-7AMXCGZH.js} +2 -2
- package/dist/{chunk-J6FKM7WM.js → chunk-7N7LPSW5.js} +1 -1
- package/dist/{chunk-EDDYY4KO.js → chunk-7WXGQYRX.js} +1 -1
- package/dist/{chunk-NFETZ57D.js → chunk-7YQXR4GT.js} +1 -1
- package/dist/{chunk-QARGGDML.js → chunk-A6HV7P3V.js} +3 -3
- package/dist/{chunk-23WYVBUK.js → chunk-AAQNTM4W.js} +2 -2
- package/dist/{chunk-LMH2XI5J.js → chunk-AWFT7OG6.js} +1 -1
- package/dist/{chunk-VSCRFXJ2.js → chunk-AWY43QYS.js} +5 -5
- package/dist/{chunk-JNJFX2LE.js → chunk-BB3DOJQO.js} +1 -1
- package/dist/{chunk-V7VDYDIQ.js → chunk-BDEB6QME.js} +3 -3
- package/dist/{chunk-QSCBTSIF.js → chunk-BJ25X6R6.js} +1 -1
- package/dist/{chunk-PJ2RHMZ3.js → chunk-BRTA3B4K.js} +2 -2
- package/dist/{chunk-UBBZ4LV5.js → chunk-BWG5FBCH.js} +7 -7
- package/dist/chunk-BYERWFG4.js +7 -0
- package/dist/{chunk-3VZPTUVR.js → chunk-CCRSUEFE.js} +2 -2
- package/dist/{chunk-HQJZSCV7.js → chunk-CKAFP2EL.js} +1 -1
- package/dist/{chunk-LBXB3JFD.js → chunk-CPFQCM5O.js} +5 -5
- package/dist/{chunk-PQVBUEXC.js → chunk-CPXJMPIC.js} +2 -2
- package/dist/{chunk-YDNBMCQD.js → chunk-D3NPXS4Z.js} +1 -1
- package/dist/{chunk-N7A4SDQA.js → chunk-DIKA2MGL.js} +12 -12
- package/dist/{chunk-LUCUQMMD.js → chunk-E7J5N2N7.js} +2 -2
- package/dist/{chunk-V5PLUMR5.js → chunk-EF4Y6YRP.js} +3 -3
- package/dist/{chunk-UBILZ2MS.js → chunk-ENXNOBTC.js} +1 -1
- package/dist/{chunk-JBTFYM4B.js → chunk-EWVJCV2O.js} +2 -2
- package/dist/{chunk-RIFW5PYW.js → chunk-EYG6UDBQ.js} +2 -2
- package/dist/{chunk-LOFWD2GD.js → chunk-F74KDYAO.js} +2 -2
- package/dist/{chunk-PDWWX5JI.js → chunk-FECFPOFS.js} +3 -3
- package/dist/{chunk-OINTMN5W.js → chunk-FSZMFYXI.js} +2 -2
- package/dist/{chunk-5H2DG3VF.js → chunk-GV3YGT5G.js} +2 -2
- package/dist/{chunk-DP4FHVJR.js → chunk-GVWP54YT.js} +10 -10
- package/dist/{chunk-OABMTS4J.js → chunk-H2UR6TXA.js} +1 -1
- package/dist/{chunk-JVLK5INM.js → chunk-HASWWRCS.js} +3 -3
- package/dist/{chunk-KKUSWUZC.js → chunk-HD336FXH.js} +1 -1
- package/dist/{chunk-ACG3BFJQ.js → chunk-HP32TIDG.js} +1 -1
- package/dist/{chunk-TQQMWXRK.js → chunk-HPBLIFKY.js} +3 -3
- package/dist/{chunk-2WU7UWOH.js → chunk-HPIRNUWV.js} +2 -2
- package/dist/chunk-HZTYQ5FQ.js +22 -0
- package/dist/{chunk-ZLL3VV5V.js → chunk-I4NQWVW5.js} +3 -3
- package/dist/{chunk-XEMYAR47.js → chunk-IIRKMSLU.js} +1 -1
- package/dist/{chunk-CIQZIY5N.js → chunk-JFWEF5FL.js} +1 -1
- package/dist/{chunk-5ZP2KUGN.js → chunk-JVRADRCT.js} +11 -11
- package/dist/{chunk-OCK54JWW.js → chunk-KLUMJ3FU.js} +2 -2
- package/dist/{chunk-G5GYOSK7.js → chunk-KRFKGNR4.js} +6 -6
- package/dist/{chunk-X4IV4VLD.js → chunk-KZRFHAPE.js} +3 -3
- package/dist/{chunk-ZRYHXQDJ.js → chunk-LWSLO6LC.js} +1 -1
- package/dist/{chunk-QDN24QKG.js → chunk-N2GJBO4E.js} +1 -1
- package/dist/{chunk-EBXH6HHZ.js → chunk-NFAXS4BL.js} +8 -8
- package/dist/{chunk-GR5QWFCA.js → chunk-NNIP76QL.js} +3 -3
- package/dist/{chunk-LACYHXY5.js → chunk-O3AU77GY.js} +2 -2
- package/dist/{chunk-G2IQWVGX.js → chunk-ONKHE4YU.js} +1 -1
- package/dist/{chunk-IIBLQ2CB.js → chunk-P2ECLWD4.js} +1 -1
- package/dist/{chunk-2C4RHHUL.js → chunk-P7LUS57W.js} +1 -1
- package/dist/{chunk-AC5FLJJL.js → chunk-P7SFQQMN.js} +1 -1
- package/dist/{chunk-S5AHDRSE.js → chunk-PD5XOYBD.js} +1 -1
- package/dist/{chunk-I25B6DME.js → chunk-PIXXMNYW.js} +2 -2
- package/dist/{chunk-FIY4TUYL.js → chunk-PV4ANCRB.js} +1 -1
- package/dist/{chunk-3FHJOMUC.js → chunk-Q6Q4ZVT7.js} +1 -1
- package/dist/{chunk-YZBOR2D4.js → chunk-QDAFJ2K6.js} +6 -6
- package/dist/{chunk-5FXGGEA5.js → chunk-QVUYB367.js} +10 -19
- package/dist/{chunk-NAK42XEC.js → chunk-QWBWJNKA.js} +4 -4
- package/dist/{chunk-DE74UTDH.js → chunk-SB56OC2P.js} +2 -2
- package/dist/chunk-THGVQPJY.js +137 -0
- package/dist/{chunk-6Q6Q4HUH.js → chunk-TIAFFX5V.js} +5 -5
- package/dist/{chunk-AV7XDPXN.js → chunk-TXNBDTVF.js} +1 -1
- package/dist/{chunk-DEFXMEBJ.js → chunk-UFSLUNXN.js} +2 -2
- package/dist/{chunk-V7OAPBQT.js → chunk-UUJTFPH2.js} +1 -1
- package/dist/{chunk-HERQEWF5.js → chunk-VNBJ2SRA.js} +2 -2
- package/dist/{chunk-L7DSMPLQ.js → chunk-VRSRYMAQ.js} +1 -1
- package/dist/{chunk-CC5SXS5R.js → chunk-VZEK74BZ.js} +1 -1
- package/dist/{chunk-Z5WDAIAE.js → chunk-W5HNUDUI.js} +2 -2
- package/dist/{chunk-6G56A3XH.js → chunk-WQ6N5BII.js} +8 -8
- package/dist/{chunk-CNG2EXC7.js → chunk-YHTI4WGJ.js} +2 -2
- package/dist/{chunk-53QBBZR4.js → chunk-YSVFXCC7.js} +2 -2
- package/dist/{chunk-W2EX7F7K.js → chunk-ZDGQR7RE.js} +1 -1
- package/dist/{chunk-ULY62A7P.js → chunk-ZLE5WF3R.js} +3 -3
- package/dist/{chunk-6T7TUF6N.js → chunk-ZTPR4526.js} +3 -3
- package/dist/combobox/src/ComboBox.css +1053 -681
- package/dist/combobox/src/ComboBox.js +20 -20
- package/dist/combobox/src/index.css +1053 -681
- package/dist/combobox/src/index.js +20 -20
- package/dist/contextual-help/src/ContextualHelp.css +976 -604
- package/dist/contextual-help/src/ContextualHelp.js +4 -4
- package/dist/contextual-help/src/index.css +976 -604
- package/dist/contextual-help/src/index.js +4 -4
- package/dist/disclosure/src/Disclosure.css +48 -48
- package/dist/disclosure/src/Disclosure.js +2 -2
- package/dist/disclosure/src/DisclosureHeader.css +55 -55
- package/dist/disclosure/src/DisclosureHeader.js +3 -3
- package/dist/disclosure/src/DisclosurePanel.css +48 -48
- package/dist/disclosure/src/DisclosurePanel.js +3 -3
- package/dist/disclosure/src/index.css +73 -73
- package/dist/disclosure/src/index.js +8 -8
- package/dist/divider/src/Divider.css +40 -40
- package/dist/divider/src/Divider.js +1 -1
- package/dist/divider/src/index.css +40 -40
- package/dist/divider/src/index.js +1 -1
- package/dist/error-message/src/ErrorMessage.css +40 -40
- package/dist/error-message/src/ErrorMessage.js +2 -2
- package/dist/error-message/src/index.css +40 -40
- package/dist/error-message/src/index.js +2 -2
- package/dist/form/src/Form.css +38 -38
- package/dist/form/src/Form.js +1 -1
- package/dist/form/src/index.css +38 -38
- package/dist/form/src/index.js +1 -1
- package/dist/header/src/Header.css +38 -38
- package/dist/header/src/index.css +38 -38
- package/dist/helper-message/src/HelperMessage.css +40 -40
- package/dist/helper-message/src/HelperMessage.js +2 -2
- package/dist/helper-message/src/index.css +40 -40
- package/dist/helper-message/src/index.js +2 -2
- package/dist/hopper-provider/src/HopperProvider.css +39 -39
- package/dist/hopper-provider/src/HopperProvider.js +1 -1
- package/dist/hopper-provider/src/index.css +39 -39
- package/dist/hopper-provider/src/index.js +1 -1
- package/dist/icon-list/src/IconList.css +39 -39
- package/dist/icon-list/src/IconList.js +1 -1
- package/dist/icon-list/src/index.css +39 -39
- package/dist/icon-list/src/index.js +1 -1
- package/dist/illustrated-message/src/IllustratedMessage.css +652 -280
- package/dist/illustrated-message/src/IllustratedMessage.js +1 -1
- package/dist/illustrated-message/src/index.css +652 -280
- package/dist/illustrated-message/src/index.js +1 -1
- package/dist/image/src/Image.css +41 -41
- package/dist/image/src/Image.js +1 -1
- package/dist/image/src/SvgImage.css +39 -39
- package/dist/image/src/SvgImage.js +1 -1
- package/dist/image/src/index.css +42 -42
- package/dist/image/src/index.js +2 -2
- package/dist/index.css +1403 -1031
- package/dist/index.d.ts +3 -0
- package/dist/index.js +104 -101
- package/dist/inputs/src/Input.css +42 -42
- package/dist/inputs/src/Input.js +1 -1
- package/dist/inputs/src/InputGroup.css +44 -44
- package/dist/inputs/src/InputGroup.js +1 -1
- package/dist/inputs/src/NumberField.css +68 -68
- package/dist/inputs/src/NumberField.js +10 -10
- package/dist/inputs/src/PasswordField.css +653 -281
- package/dist/inputs/src/PasswordField.js +10 -10
- package/dist/inputs/src/RemainingCharacterCount.css +41 -41
- package/dist/inputs/src/RemainingCharacterCount.js +2 -2
- package/dist/inputs/src/SearchField.css +659 -287
- package/dist/inputs/src/SearchField.js +11 -11
- package/dist/inputs/src/TextArea.css +65 -65
- package/dist/inputs/src/TextArea.js +9 -9
- package/dist/inputs/src/TextField.css +657 -285
- package/dist/inputs/src/TextField.js +13 -13
- package/dist/inputs/src/index.css +705 -333
- package/dist/inputs/src/index.js +17 -17
- package/dist/layout/src/Content.css +38 -38
- package/dist/layout/src/Footer.css +38 -38
- package/dist/link/src/Link.css +77 -77
- package/dist/link/src/Link.js +3 -3
- package/dist/link/src/index.css +77 -77
- package/dist/link/src/index.js +3 -3
- package/dist/list-box/src/ListBox.css +312 -312
- package/dist/list-box/src/ListBox.js +7 -7
- package/dist/list-box/src/ListBoxItem.css +300 -300
- package/dist/list-box/src/ListBoxItem.js +6 -6
- package/dist/list-box/src/ListBoxItemSkeleton.css +45 -45
- package/dist/list-box/src/ListBoxItemSkeleton.js +1 -1
- package/dist/list-box/src/index.css +312 -312
- package/dist/list-box/src/index.js +7 -7
- package/dist/menu/src/Menu.css +978 -606
- package/dist/menu/src/Menu.js +3 -3
- package/dist/menu/src/MenuItem.css +117 -117
- package/dist/menu/src/MenuItem.js +2 -2
- package/dist/menu/src/MenuSection.css +40 -40
- package/dist/menu/src/MenuSection.js +1 -1
- package/dist/menu/src/index.css +1003 -631
- package/dist/menu/src/index.js +6 -6
- package/dist/modal/src/BaseModal.css +53 -53
- package/dist/modal/src/BaseModal.js +1 -1
- package/dist/modal/src/CustomModal.css +54 -54
- package/dist/modal/src/CustomModal.js +2 -2
- package/dist/modal/src/Modal.css +675 -303
- package/dist/modal/src/Modal.js +10 -9
- package/dist/modal/src/index.css +676 -304
- package/dist/modal/src/index.js +12 -11
- package/dist/overlays/popover/src/Popover.css +970 -598
- package/dist/overlays/popover/src/Popover.js +2 -2
- package/dist/overlays/popover/src/PopoverBase.css +41 -41
- package/dist/overlays/popover/src/PopoverBase.js +1 -1
- package/dist/overlays/popover/src/index.css +973 -601
- package/dist/overlays/popover/src/index.js +3 -3
- package/dist/radio/src/DecorativeRadio.css +65 -65
- package/dist/radio/src/DecorativeRadio.js +3 -3
- package/dist/radio/src/Radio.css +57 -57
- package/dist/radio/src/Radio.js +3 -3
- package/dist/radio/src/RadioField.css +44 -44
- package/dist/radio/src/RadioField.js +2 -2
- package/dist/radio/src/RadioGroup.css +109 -109
- package/dist/radio/src/RadioGroup.js +7 -7
- package/dist/radio/src/index.css +109 -109
- package/dist/radio/src/index.js +12 -12
- package/dist/segmented-control/src/SegmentedControl.css +39 -39
- package/dist/segmented-control/src/SegmentedControl.js +2 -2
- package/dist/segmented-control/src/SegmentedControlItem.css +53 -53
- package/dist/segmented-control/src/SegmentedControlItem.js +3 -3
- package/dist/segmented-control/src/index.css +54 -54
- package/dist/segmented-control/src/index.js +4 -4
- package/dist/select/src/Select.css +997 -625
- package/dist/select/src/Select.js +18 -18
- package/dist/select/src/SelectValue.css +99 -99
- package/dist/select/src/SelectValue.js +2 -2
- package/dist/select/src/index.css +997 -625
- package/dist/select/src/index.js +18 -18
- package/dist/spinner/src/Spinner.css +48 -48
- package/dist/spinner/src/Spinner.js +2 -2
- package/dist/spinner/src/index.css +48 -48
- package/dist/spinner/src/index.js +2 -2
- package/dist/switch/src/Switch.css +54 -54
- package/dist/switch/src/Switch.js +3 -3
- package/dist/switch/src/SwitchField.css +44 -44
- package/dist/switch/src/SwitchField.js +2 -2
- package/dist/switch/src/index.css +60 -60
- package/dist/switch/src/index.js +4 -4
- package/dist/tabs/src/Tab.css +823 -451
- package/dist/tabs/src/Tab.js +2 -2
- package/dist/tabs/src/TabLine.css +40 -40
- package/dist/tabs/src/TabLine.js +1 -1
- package/dist/tabs/src/TabList.css +47 -47
- package/dist/tabs/src/TabList.js +2 -2
- package/dist/tabs/src/TabPanel.css +40 -40
- package/dist/tabs/src/TabPanel.js +1 -1
- package/dist/tabs/src/index.css +834 -462
- package/dist/tabs/src/index.js +5 -5
- package/dist/tag/src/Tag.css +801 -429
- package/dist/tag/src/Tag.js +8 -8
- package/dist/tag/src/TagGroup.css +48 -48
- package/dist/tag/src/TagGroup.js +7 -7
- package/dist/tag/src/index.css +811 -439
- package/dist/tag/src/index.js +13 -13
- package/dist/tile/src/Tile.css +47 -47
- package/dist/tile/src/Tile.js +2 -2
- package/dist/tile/src/TileGroup.css +39 -39
- package/dist/tile/src/TileGroup.js +1 -1
- package/dist/tile/src/index.css +48 -48
- package/dist/tile/src/index.js +3 -3
- package/dist/toggle-arrow/src/ToggleArrow.css +40 -40
- package/dist/toggle-arrow/src/ToggleArrow.js +1 -1
- package/dist/toggle-arrow/src/index.css +40 -40
- package/dist/toggle-arrow/src/index.js +1 -1
- package/dist/tooltip/src/Tooltip.css +48 -48
- package/dist/tooltip/src/Tooltip.js +3 -3
- package/dist/tooltip/src/TooltipTrigger.css +38 -38
- package/dist/tooltip/src/TooltipTrigger.js +2 -2
- package/dist/tooltip/src/index.css +48 -48
- package/dist/tooltip/src/index.js +5 -5
- package/dist/typography/heading/src/Heading.css +38 -38
- package/dist/typography/heading/src/Heading.js +1 -1
- package/dist/typography/heading/src/index.css +38 -38
- package/dist/typography/heading/src/index.js +1 -1
- package/dist/typography/label/src/FieldLabel.css +38 -38
- package/dist/typography/label/src/FieldLabel.js +3 -3
- package/dist/typography/label/src/Label.css +38 -38
- package/dist/typography/label/src/Label.js +1 -1
- package/dist/typography/label/src/index.css +38 -38
- package/dist/typography/label/src/index.js +3 -3
- package/dist/typography/overline-text/src/OverlineText.css +38 -38
- package/dist/typography/overline-text/src/OverlineText.js +1 -1
- package/dist/typography/overline-text/src/index.css +38 -38
- package/dist/typography/overline-text/src/index.js +1 -1
- package/dist/typography/paragraph/src/Paragraph.css +38 -38
- package/dist/typography/paragraph/src/Paragraph.js +2 -2
- package/dist/typography/paragraph/src/index.css +38 -38
- package/dist/typography/paragraph/src/index.js +2 -2
- package/dist/typography/text/src/Text.css +38 -38
- package/dist/typography/text/src/Text.js +1 -1
- package/dist/typography/text/src/index.css +38 -38
- package/dist/typography/text/src/index.js +1 -1
- package/dist/utils/src/ClearSlots.css +38 -38
- package/dist/utils/src/EnsureTextWrapper.css +38 -38
- package/dist/utils/src/EnsureTextWrapper.js +2 -2
- package/dist/utils/src/index.css +38 -38
- package/dist/utils/src/index.d.ts +1 -0
- package/dist/utils/src/index.js +4 -3
- package/dist/utils/src/useProgressVisibility.d.ts +3 -0
- package/dist/utils/src/useProgressVisibility.js +2 -0
- package/package.json +2 -2
- package/dist/{chunk-DCO4XGBI.js → chunk-DAF2CRGN.js} +1 -1
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { PasswordFieldContext } from './chunk-QW45G6K4.js';
|
|
2
|
-
import { Input } from './chunk-
|
|
3
|
-
import { _InputGroup } from './chunk-
|
|
4
|
-
import { FieldLabel } from './chunk-
|
|
5
|
-
import { _HelperMessage } from './chunk-
|
|
6
|
-
import { _ErrorMessage } from './chunk-
|
|
7
|
-
import { _EmbeddedButton } from './chunk-
|
|
8
|
-
import { useFormProps } from './chunk-
|
|
2
|
+
import { Input } from './chunk-PD5XOYBD.js';
|
|
3
|
+
import { _InputGroup } from './chunk-ENXNOBTC.js';
|
|
4
|
+
import { FieldLabel } from './chunk-FECFPOFS.js';
|
|
5
|
+
import { _HelperMessage } from './chunk-UFSLUNXN.js';
|
|
6
|
+
import { _ErrorMessage } from './chunk-AAQNTM4W.js';
|
|
7
|
+
import { _EmbeddedButton } from './chunk-HD336FXH.js';
|
|
8
|
+
import { useFormProps } from './chunk-CKAFP2EL.js';
|
|
9
9
|
import { useLocalizedString } from './chunk-NNLLQWDS.js';
|
|
10
10
|
import { ClearContainerSlots } from './chunk-PQSMCDAM.js';
|
|
11
11
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
@@ -20,7 +20,7 @@ import { useContextProps, composeRenderProps, TextField } from 'react-aria-compo
|
|
|
20
20
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
21
21
|
|
|
22
22
|
// css-module:./PasswordField.module.css#css-module
|
|
23
|
-
var PasswordField_module_default = { "hop-PasswordField": "PasswordField-module__hop-
|
|
23
|
+
var PasswordField_module_default = { "hop-PasswordField": "PasswordField-module__hop-PasswordField___5qF8N", "hop-PasswordField--fluid": "PasswordField-module__hop-PasswordField--fluid___xI0-j", "hop-PasswordField__Label": "PasswordField-module__hop-PasswordField__Label___sUXHM", "hop-PasswordField__InputGroup": "PasswordField-module__hop-PasswordField__InputGroup___iF-WH", "hop-PasswordField__ErrorMessage": "PasswordField-module__hop-PasswordField__ErrorMessage___idLo7", "hop-PasswordField__HelperMessage": "PasswordField-module__hop-PasswordField__HelperMessage___xfrrH" };
|
|
24
24
|
var GlobalPasswordFieldCssSelector = "hop-PasswordField";
|
|
25
25
|
function PasswordField(props, ref) {
|
|
26
26
|
var _a;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { CheckboxContext } from './chunk-2EAZPH3M.js';
|
|
2
|
+
import { useFormProps } from './chunk-CKAFP2EL.js';
|
|
2
3
|
import { IconListContext } from './chunk-GBWXEK6N.js';
|
|
3
|
-
import {
|
|
4
|
-
import { ensureTextWrapper } from './chunk-CIQZIY5N.js';
|
|
4
|
+
import { ensureTextWrapper } from './chunk-JFWEF5FL.js';
|
|
5
5
|
import { ClearContainerSlots } from './chunk-PQSMCDAM.js';
|
|
6
6
|
import { TextContext } from './chunk-ZNOU2CGM.js';
|
|
7
7
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
@@ -14,7 +14,7 @@ import { useContextProps, composeRenderProps, Checkbox as Checkbox$1 } from 'rea
|
|
|
14
14
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
15
15
|
|
|
16
16
|
// css-module:./Checkbox.module.css#css-module
|
|
17
|
-
var Checkbox_module_default = { "hop-Checkbox": "Checkbox-module__hop-
|
|
17
|
+
var Checkbox_module_default = { "hop-Checkbox": "Checkbox-module__hop-Checkbox___jz6pB", "hop-Checkbox--sm": "Checkbox-module__hop-Checkbox--sm___tpJ2T", "hop-Checkbox--md": "Checkbox-module__hop-Checkbox--md___Unlka", "hop-Checkbox__icon": "Checkbox-module__hop-Checkbox__icon___x5wUq", "hop-Checkbox__icon-list": "Checkbox-module__hop-Checkbox__icon-list___nWIG8", "hop-Checkbox__box": "Checkbox-module__hop-Checkbox__box___C-acZ", "hop-Checkbox__check": "Checkbox-module__hop-Checkbox__check___XgRUY", "hop-Checkbox__text": "Checkbox-module__hop-Checkbox__text___L0Jf3" };
|
|
18
18
|
var GlobalCheckboxCssSelector = "hop-Checkbox";
|
|
19
19
|
function Checkbox(props, ref) {
|
|
20
20
|
var _a;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { _Text } from './chunk-
|
|
1
|
+
import { _Text } from './chunk-VRSRYMAQ.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___5zVew", "hop-Paragraph--xs": "Paragraph-module__hop-Paragraph--xs___Shxr-", "hop-Paragraph--sm": "Paragraph-module__hop-Paragraph--sm___f7Ckx", "hop-Paragraph--md": "Paragraph-module__hop-Paragraph--md___ZOruG", "hop-Paragraph--lg": "Paragraph-module__hop-Paragraph--lg___Qa9SP", "hop-Paragraph--xl": "Paragraph-module__hop-Paragraph--xl___FCRP5", "hop-Paragraph--2xl": "Paragraph-module__hop-Paragraph--2xl___E-vUz", "hop-Paragraph--inherit": "Paragraph-module__hop-Paragraph--inherit___MJOlg" };
|
|
10
10
|
var GlobalParagraphCssSelector = "hop-Paragraph";
|
|
11
11
|
function Paragraph(props, ref) {
|
|
12
12
|
const { size: sizeProp, className, children, ...otherProps } = props;
|
|
@@ -8,7 +8,7 @@ import { useContextProps } from 'react-aria-components';
|
|
|
8
8
|
import { jsx } from 'react/jsx-runtime';
|
|
9
9
|
|
|
10
10
|
// css-module:./IconList.module.css#css-module
|
|
11
|
-
var IconList_module_default = { "hop-IconList": "IconList-module__hop-
|
|
11
|
+
var IconList_module_default = { "hop-IconList": "IconList-module__hop-IconList___GGE7v" };
|
|
12
12
|
var GlobalIconListCssSelector = "hop-IconList";
|
|
13
13
|
function IconList(props, ref) {
|
|
14
14
|
[props, ref] = useContextProps(props, ref, IconListContext);
|
|
@@ -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___eSS--", "hop-Divider--vertical": "Divider-module__hop-Divider--vertical___oep6i" };
|
|
11
11
|
var GlobalDividerCssSelector = "hop-Divider";
|
|
12
12
|
function Divider(props, ref) {
|
|
13
13
|
[props, ref] = useContextProps(props, ref, DividerContext);
|
|
@@ -14,7 +14,7 @@ import { useContextProps } from 'react-aria-components';
|
|
|
14
14
|
import { jsx } from 'react/jsx-runtime';
|
|
15
15
|
|
|
16
16
|
// css-module:./IllustratedMessage.module.css#css-module
|
|
17
|
-
var IllustratedMessage_module_default = { "hop-IllustratedMessage": "IllustratedMessage-module__hop-
|
|
17
|
+
var IllustratedMessage_module_default = { "hop-IllustratedMessage": "IllustratedMessage-module__hop-IllustratedMessage___Y5YjO", "hop-IllustratedMessage--sm": "IllustratedMessage-module__hop-IllustratedMessage--sm___abupy", "hop-IllustratedMessage--md": "IllustratedMessage-module__hop-IllustratedMessage--md___-1Xog", "hop-IllustratedMessage--lg": "IllustratedMessage-module__hop-IllustratedMessage--lg___0PUyO", "hop-IllustratedMessage__image": "IllustratedMessage-module__hop-IllustratedMessage__image___fG1wx", "hop-IllustratedMessage__heading": "IllustratedMessage-module__hop-IllustratedMessage__heading___tynRP", "hop-IllustratedMessage-md": "IllustratedMessage-module__hop-IllustratedMessage-md___CwdD0", "hop-IllustratedMessage__content": "IllustratedMessage-module__hop-IllustratedMessage__content___X1GuI", "hop-IllustratedMessage__buttonGroup": "IllustratedMessage-module__hop-IllustratedMessage__buttonGroup___H5OFW", "hop-IllustratedMessage__button": "IllustratedMessage-module__hop-IllustratedMessage__button___FIHd9" };
|
|
18
18
|
var GlobalIllustratedMessageCssSelector = "hop-IllustratedMessage";
|
|
19
19
|
function IllustratedMessage(props, ref) {
|
|
20
20
|
[props, ref] = useContextProps(props, ref, IllustratedMessageContext);
|
|
@@ -10,7 +10,7 @@ import { useContextProps } from 'react-aria-components';
|
|
|
10
10
|
import { jsx } from 'react/jsx-runtime';
|
|
11
11
|
|
|
12
12
|
// css-module:./FloatingBadge.module.css#css-module
|
|
13
|
-
var FloatingBadge_module_default = { "hop-FloatingBadge": "FloatingBadge-module__hop-
|
|
13
|
+
var FloatingBadge_module_default = { "hop-FloatingBadge": "FloatingBadge-module__hop-FloatingBadge___u6UN0", "hop-FloatingBadge__badge": "FloatingBadge-module__hop-FloatingBadge__badge___nFxX-" };
|
|
14
14
|
var GlobalFloatingBadgeCssSelector = "hop-FloatingBadge";
|
|
15
15
|
function FloatingBadge(props, ref) {
|
|
16
16
|
[props, ref] = useContextProps(props, ref, FloatingBadgeContext);
|
|
@@ -6,7 +6,7 @@ import { useContextProps, Input as Input$1 } from 'react-aria-components';
|
|
|
6
6
|
import { jsx } from 'react/jsx-runtime';
|
|
7
7
|
|
|
8
8
|
// css-module:./Input.module.css#css-module
|
|
9
|
-
var Input_module_default = { "hop-Input": "Input-module__hop-
|
|
9
|
+
var Input_module_default = { "hop-Input": "Input-module__hop-Input___WGS2g", "hop-Input--sm": "Input-module__hop-Input--sm___CIdII" };
|
|
10
10
|
var InputContext = createContext({});
|
|
11
11
|
var Input = forwardRef(function Input2(props, ref) {
|
|
12
12
|
var _a;
|
|
@@ -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-JFWEF5FL.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___FV5rG", "hop-Link--xs": "Link-module__hop-Link--xs___u0hBD", "hop-Link--sm": "Link-module__hop-Link--sm___gnUwM", "hop-Link--md": "Link-module__hop-Link--md___59y2t", "hop-Link--lg": "Link-module__hop-Link--lg___BPor-", "hop-Link--xl": "Link-module__hop-Link--xl___rF4pW", "hop-Link--2xl": "Link-module__hop-Link--2xl___K-VR3", "hop-Link--inherit": "Link-module__hop-Link--inherit___40F4a", "hop-Link--standalone": "Link-module__hop-Link--standalone___4O8r3", "hop-Link__text": "Link-module__hop-Link__text___11HIV", "hop-Link--quiet": "Link-module__hop-Link--quiet___0hX-l", "hop-Link--primary": "Link-module__hop-Link--primary___Gtd9h", "hop-Link--secondary": "Link-module__hop-Link--secondary___txt5k", "hop-Link__icon": "Link-module__hop-Link__icon___ZBIMb", "hop-Link__icon-list": "Link-module__hop-Link__icon-list___W15lz", "hop-Link__start-icon": "Link-module__hop-Link__start-icon___W4fuo", "hop-Link__start-icon-list": "Link-module__hop-Link__start-icon-list___oVUGp" };
|
|
16
16
|
var GlobalLinkCssSelector = "hop-Link";
|
|
17
17
|
var LinkToIconSizeAdapter = {
|
|
18
18
|
inherit: void 0,
|
|
@@ -8,7 +8,7 @@ import { useContextProps, Label as Label$1 } from 'react-aria-components';
|
|
|
8
8
|
import { jsx } from 'react/jsx-runtime';
|
|
9
9
|
|
|
10
10
|
// css-module:./Label.module.css#css-module
|
|
11
|
-
var Label_module_default = { "hop-Label": "Label-module__hop-
|
|
11
|
+
var Label_module_default = { "hop-Label": "Label-module__hop-Label___jtOw5" };
|
|
12
12
|
var GlobalLabelCssSelector = "hop-Label";
|
|
13
13
|
function Label(props, ref) {
|
|
14
14
|
[props, ref] = useContextProps(props, ref, LabelContext);
|
|
@@ -7,7 +7,7 @@ import { useContextProps, ModalOverlay, Modal } from 'react-aria-components';
|
|
|
7
7
|
import { jsx } from 'react/jsx-runtime';
|
|
8
8
|
|
|
9
9
|
// css-module:./BaseModal.module.css#css-module
|
|
10
|
-
var BaseModal_module_default = { "hop-BaseModal": "BaseModal-module__hop-
|
|
10
|
+
var BaseModal_module_default = { "hop-BaseModal": "BaseModal-module__hop-BaseModal___HHg77", "hop-BaseModal__modal": "BaseModal-module__hop-BaseModal__modal___ULJOx", "hop-BaseModal--image": "BaseModal-module__hop-BaseModal--image___OYdSP", "hop-BaseModal--sm": "BaseModal-module__hop-BaseModal--sm___6iAwW", "hop-BaseModal--md": "BaseModal-module__hop-BaseModal--md___TDaGT", "hop-BaseModal--lg": "BaseModal-module__hop-BaseModal--lg___Y1E18", "hop-BaseModal--xl": "BaseModal-module__hop-BaseModal--xl___US9rV", "hop-BaseModal--fullscreen": "BaseModal-module__hop-BaseModal--fullscreen___U5LgP", "hop-BaseModal--fullscreentakeover": "BaseModal-module__hop-BaseModal--fullscreentakeover___-E0v6" };
|
|
11
11
|
var GlobalBaseModalCssSelector = "hop-BaseModal";
|
|
12
12
|
var BaseModal = (props, ref) => {
|
|
13
13
|
var _a;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { CheckboxGroupContext } from './chunk-N7YDPVZL.js';
|
|
2
|
-
import { FieldLabel } from './chunk-PDWWX5JI.js';
|
|
3
|
-
import { _HelperMessage } from './chunk-DEFXMEBJ.js';
|
|
4
|
-
import { _ErrorMessage } from './chunk-23WYVBUK.js';
|
|
5
1
|
import { CheckboxFieldContext } from './chunk-ZGNK4GWA.js';
|
|
2
|
+
import { CheckboxGroupContext } from './chunk-N7YDPVZL.js';
|
|
3
|
+
import { FieldLabel } from './chunk-FECFPOFS.js';
|
|
4
|
+
import { _HelperMessage } from './chunk-UFSLUNXN.js';
|
|
5
|
+
import { _ErrorMessage } from './chunk-AAQNTM4W.js';
|
|
6
6
|
import { CheckboxContext } from './chunk-2EAZPH3M.js';
|
|
7
|
-
import { useFormProps } from './chunk-
|
|
7
|
+
import { useFormProps } from './chunk-CKAFP2EL.js';
|
|
8
8
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
9
9
|
import { SlotProvider } from './chunk-M36KANKC.js';
|
|
10
10
|
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
@@ -15,7 +15,7 @@ import { useContextProps, composeRenderProps, CheckboxGroup as CheckboxGroup$1 }
|
|
|
15
15
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
16
16
|
|
|
17
17
|
// css-module:./CheckboxGroup.module.css#css-module
|
|
18
|
-
var CheckboxGroup_module_default = { "hop-CheckboxGroup": "CheckboxGroup-module__hop-
|
|
18
|
+
var CheckboxGroup_module_default = { "hop-CheckboxGroup": "CheckboxGroup-module__hop-CheckboxGroup___bg-Zj", "hop-CheckboxGroup--bordered": "CheckboxGroup-module__hop-CheckboxGroup--bordered___KuAD3", "hop-CheckboxGroup--sm": "CheckboxGroup-module__hop-CheckboxGroup--sm___3u0ez", "hop-CheckboxGroup--md": "CheckboxGroup-module__hop-CheckboxGroup--md___81ubS", "hop-CheckboxGroup__label": "CheckboxGroup-module__hop-CheckboxGroup__label___Z4YUb", "hop-CheckboxGroup__list": "CheckboxGroup-module__hop-CheckboxGroup__list___7UJYS", "hop-CheckboxGroup__checkbox": "CheckboxGroup-module__hop-CheckboxGroup__checkbox___axdH5", "hop-CheckboxGroup__error-message": "CheckboxGroup-module__hop-CheckboxGroup__error-message___O-W-Y", "hop-CheckboxGroup__helper-message": "CheckboxGroup-module__hop-CheckboxGroup__helper-message___ZQ4GM" };
|
|
19
19
|
var GlobalCheckboxGroupCssSelector = "hop-CheckboxGroup";
|
|
20
20
|
function CheckboxGroup(props, ref) {
|
|
21
21
|
var _a, _b, _c;
|
|
@@ -1,10 +1,11 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { useFormProps } from './chunk-CKAFP2EL.js';
|
|
2
|
+
import { useProgressVisibility } from './chunk-HZTYQ5FQ.js';
|
|
3
|
+
import { _Spinner } from './chunk-YSVFXCC7.js';
|
|
2
4
|
import { IconListContext } from './chunk-GBWXEK6N.js';
|
|
3
|
-
import { useFormProps } from './chunk-HQJZSCV7.js';
|
|
4
5
|
import { ButtonContext } from './chunk-WMTWFKKP.js';
|
|
5
6
|
import { useLocalizedString } from './chunk-NNLLQWDS.js';
|
|
6
7
|
import { useSlot } from './chunk-H5YTU3U7.js';
|
|
7
|
-
import { ensureTextWrapper } from './chunk-
|
|
8
|
+
import { ensureTextWrapper } from './chunk-JFWEF5FL.js';
|
|
8
9
|
import { ClearProviders } from './chunk-PQSMCDAM.js';
|
|
9
10
|
import { TextContext } from './chunk-ZNOU2CGM.js';
|
|
10
11
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
@@ -13,18 +14,17 @@ import { cssModule } from './chunk-KVDXQMWI.js';
|
|
|
13
14
|
import { IconContext } from '@hopper-ui/icons';
|
|
14
15
|
import { slot, useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
|
|
15
16
|
import clsx from 'clsx';
|
|
16
|
-
import { forwardRef
|
|
17
|
+
import { forwardRef } from 'react';
|
|
17
18
|
import { useContextProps, composeRenderProps, Button as Button$1, DEFAULT_SLOT } from 'react-aria-components';
|
|
18
19
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
19
20
|
|
|
20
21
|
// css-module:./Button.module.css#css-module
|
|
21
|
-
var Button_module_default = { "hop-Button": "Button-module__hop-
|
|
22
|
+
var Button_module_default = { "hop-Button": "Button-module__hop-Button___Wx1Zn", "hop-Button--fluid": "Button-module__hop-Button--fluid___-gqsM", "hop-Button--sm": "Button-module__hop-Button--sm___V1DL4", "hop-Button--md": "Button-module__hop-Button--md___nHPE0", "hop-Button--icon-only": "Button-module__hop-Button--icon-only___3UEdV", "hop-Button--primary": "Button-module__hop-Button--primary___3EavW", "hop-Button--secondary": "Button-module__hop-Button--secondary___vcOcq", "hop-Button--upsell": "Button-module__hop-Button--upsell___2A2kN", "hop-Button--danger": "Button-module__hop-Button--danger___5DdXE", "hop-Button--ghost-primary": "Button-module__hop-Button--ghost-primary___pVC8I", "hop-Button--ghost-secondary": "Button-module__hop-Button--ghost-secondary___unj0t", "hop-Button--ghost-danger": "Button-module__hop-Button--ghost-danger___5hyt5", "hop-Button--loading": "Button-module__hop-Button--loading___2lmgM", "hop-Button__Spinner": "Button-module__hop-Button__Spinner___hILkZ", "hop-Button__icon": "Button-module__hop-Button__icon___lRWc4", "hop-Button__icon-list": "Button-module__hop-Button__icon-list___xoDBK", "hop-Button__text": "Button-module__hop-Button__text___fEHr6", "hop-Button__end-icon": "Button-module__hop-Button__end-icon___EE6f-", "hop-Button__end-icon-list": "Button-module__hop-Button__end-icon-list___mPjUM" };
|
|
22
23
|
var GlobalButtonCssSelector = "hop-Button";
|
|
23
24
|
function Button(props, ref) {
|
|
24
25
|
var _a, _b;
|
|
25
26
|
[props, ref] = useContextProps(props, ref, ButtonContext);
|
|
26
27
|
props = useFormProps(props);
|
|
27
|
-
const [isProgressVisible, setIsProgressVisible] = useState(false);
|
|
28
28
|
const { stylingProps, ...ownProps } = useStyledSystem(props);
|
|
29
29
|
const stringFormatter = useLocalizedString();
|
|
30
30
|
const {
|
|
@@ -40,22 +40,10 @@ function Button(props, ref) {
|
|
|
40
40
|
clearContexts,
|
|
41
41
|
...otherProps
|
|
42
42
|
} = ownProps;
|
|
43
|
+
const isProgressVisible = useProgressVisibility(isLoading);
|
|
43
44
|
const [textRef, hasText] = useSlot();
|
|
44
45
|
const size = (_a = useResponsiveValue(sizeProp)) != null ? _a : "md";
|
|
45
46
|
const isFluid = (_b = useResponsiveValue(isFluidProp)) != null ? _b : false;
|
|
46
|
-
useEffect(() => {
|
|
47
|
-
let timeout;
|
|
48
|
-
if (isLoading) {
|
|
49
|
-
timeout = setTimeout(() => {
|
|
50
|
-
setIsProgressVisible(true);
|
|
51
|
-
}, 1e3);
|
|
52
|
-
} else {
|
|
53
|
-
setIsProgressVisible(false);
|
|
54
|
-
}
|
|
55
|
-
return () => {
|
|
56
|
-
clearTimeout(timeout);
|
|
57
|
-
};
|
|
58
|
-
}, [isLoading, setIsProgressVisible]);
|
|
59
47
|
if (isHidden) {
|
|
60
48
|
return null;
|
|
61
49
|
}
|
|
@@ -84,6 +72,9 @@ function Button(props, ref) {
|
|
|
84
72
|
});
|
|
85
73
|
const { className: spinnerClassName, ...otherSpinnerProps } = spinnerProps != null ? spinnerProps : {};
|
|
86
74
|
const spinnerClassNames = clsx(Button_module_default["hop-Button__Spinner"], spinnerClassName);
|
|
75
|
+
if (!hasText && (!props["aria-label"] && !props["aria-labelledby"])) {
|
|
76
|
+
console.warn("An aria-label or aria-labelledby prop is required for accessibility.");
|
|
77
|
+
}
|
|
87
78
|
return /* @__PURE__ */ jsx(ClearProviders, { values: clearContexts, children: /* @__PURE__ */ jsx(
|
|
88
79
|
SlotProvider,
|
|
89
80
|
{
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { _Tooltip } from './chunk-
|
|
2
|
-
import { TooltipTrigger } from './chunk-
|
|
1
|
+
import { _Tooltip } from './chunk-7AMXCGZH.js';
|
|
2
|
+
import { TooltipTrigger } from './chunk-DAF2CRGN.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-VRSRYMAQ.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___14vi2", "hop-AvatarGroup--wrap": "AvatarGroup-module__hop-AvatarGroup--wrap___sRw9X", "hop-AvatarGroup--xs": "AvatarGroup-module__hop-AvatarGroup--xs___1IhWE", "hop-AvatarGroup--sm": "AvatarGroup-module__hop-AvatarGroup--sm___IYM9d", "hop-AvatarGroup--md": "AvatarGroup-module__hop-AvatarGroup--md___Ss6sS", "hop-AvatarGroup--lg": "AvatarGroup-module__hop-AvatarGroup--lg___6g8T-", "hop-AvatarGroup--xl": "AvatarGroup-module__hop-AvatarGroup--xl___l8V-g", "hop-AvatarGroup--2xl": "AvatarGroup-module__hop-AvatarGroup--2xl___S3BrM", "hop-AvatarGroup__avatar": "AvatarGroup-module__hop-AvatarGroup__avatar___hDcXv", "hop-AvatarGroup__label": "AvatarGroup-module__hop-AvatarGroup__label___9hg5q", "hop-AvatarGroup__hiddenAvatar": "AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___Iohmc", "hop-AvatarGroup--start": "AvatarGroup-module__hop-AvatarGroup--start___jRIlc", "hop-AvatarGroup--end": "AvatarGroup-module__hop-AvatarGroup--end___2V4XG", "hop-AvatarGroup--center": "AvatarGroup-module__hop-AvatarGroup--center___vqfSf" };
|
|
15
15
|
var GlobalAvatarGroupCssSelector = "hop-AvatarGroup";
|
|
16
16
|
function AvatarGroup(props, ref) {
|
|
17
17
|
var _a, _b, _c, _d;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ToggleArrowContext } from './chunk-LWPDIKEX.js';
|
|
2
|
-
import { DisclosureHeaderContext } from './chunk-CPAFY34U.js';
|
|
3
2
|
import { DisclosurePanelContext } from './chunk-5XY5L6ZN.js';
|
|
3
|
+
import { DisclosureHeaderContext } from './chunk-CPAFY34U.js';
|
|
4
4
|
import { DisclosureContext } from './chunk-U4HRZ6DN.js';
|
|
5
5
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
6
6
|
import { SlotProvider } from './chunk-M36KANKC.js';
|
|
@@ -12,7 +12,7 @@ import { useContextProps, useSlottedContext, composeRenderProps, Disclosure as D
|
|
|
12
12
|
import { jsx } from 'react/jsx-runtime';
|
|
13
13
|
|
|
14
14
|
// css-module:./Disclosure.module.css#css-module
|
|
15
|
-
var Disclosure_module_default = { "hop-Disclosure": "Disclosure-module__hop-
|
|
15
|
+
var Disclosure_module_default = { "hop-Disclosure": "Disclosure-module__hop-Disclosure___PodtT", "hop-Disclosure__header": "Disclosure-module__hop-Disclosure__header___RjcMZ", "hop-Disclosure--inline": "Disclosure-module__hop-Disclosure--inline___Z0W-o", "hop-Disclosure__panel": "Disclosure-module__hop-Disclosure__panel___-RScR" };
|
|
16
16
|
var GlobalDisclosureCssSelector = "hop-Disclosure";
|
|
17
17
|
function Disclosure(props, ref) {
|
|
18
18
|
[props, ref] = useContextProps(props, ref, DisclosureContext);
|
|
@@ -0,0 +1,137 @@
|
|
|
1
|
+
import { ToggleButtonContext } from './chunk-BYERWFG4.js';
|
|
2
|
+
import { useProgressVisibility } from './chunk-HZTYQ5FQ.js';
|
|
3
|
+
import { _Spinner } from './chunk-YSVFXCC7.js';
|
|
4
|
+
import { IconListContext } from './chunk-GBWXEK6N.js';
|
|
5
|
+
import { useLocalizedString } from './chunk-NNLLQWDS.js';
|
|
6
|
+
import { useSlot } from './chunk-H5YTU3U7.js';
|
|
7
|
+
import { ensureTextWrapper } from './chunk-JFWEF5FL.js';
|
|
8
|
+
import { ClearProviders } from './chunk-PQSMCDAM.js';
|
|
9
|
+
import { TextContext } from './chunk-ZNOU2CGM.js';
|
|
10
|
+
import { SlotProvider } from './chunk-M36KANKC.js';
|
|
11
|
+
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
12
|
+
import { IconContext } from '@hopper-ui/icons';
|
|
13
|
+
import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
|
|
14
|
+
import clsx from 'clsx';
|
|
15
|
+
import { forwardRef } from 'react';
|
|
16
|
+
import { useContextProps, composeRenderProps, ToggleButton as ToggleButton$1, DEFAULT_SLOT } from 'react-aria-components';
|
|
17
|
+
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
18
|
+
|
|
19
|
+
// css-module:./ToggleButton.module.css#css-module
|
|
20
|
+
var ToggleButton_module_default = { "hop-ToggleButton": "ToggleButton-module__hop-ToggleButton___-uAM1", "hop-ToggleButton--fluid": "ToggleButton-module__hop-ToggleButton--fluid___jzJPC", "hop-ToggleButton--sm": "ToggleButton-module__hop-ToggleButton--sm___F7pTZ", "hop-ToggleButton--icon-only": "ToggleButton-module__hop-ToggleButton--icon-only___4nWx3", "hop-ToggleButton--primary": "ToggleButton-module__hop-ToggleButton--primary___MNgCB", "hop-ToggleButton--secondary": "ToggleButton-module__hop-ToggleButton--secondary___gKOPS", "hop-ToggleButton--upsell": "ToggleButton-module__hop-ToggleButton--upsell___-oM8x", "hop-ToggleButton--danger": "ToggleButton-module__hop-ToggleButton--danger___pVuCd", "hop-ToggleButton--ghost-primary": "ToggleButton-module__hop-ToggleButton--ghost-primary___t2fOv", "hop-ToggleButton--ghost-secondary": "ToggleButton-module__hop-ToggleButton--ghost-secondary___ou7jP", "hop-ToggleButton--ghost-danger": "ToggleButton-module__hop-ToggleButton--ghost-danger___Hbw8S", "hop-ToggleButton--loading": "ToggleButton-module__hop-ToggleButton--loading___9fADi", "hop-ToggleButton__Spinner": "ToggleButton-module__hop-ToggleButton__Spinner___EJdHt", "hop-ToggleButton__icon": "ToggleButton-module__hop-ToggleButton__icon___Qjwhj", "hop-ToggleButton__icon-list": "ToggleButton-module__hop-ToggleButton__icon-list___Waqi5", "hop-ToggleButton__text": "ToggleButton-module__hop-ToggleButton__text___hqhyX", "hop-ToggleButton__end-icon": "ToggleButton-module__hop-ToggleButton__end-icon___MJ4Db", "hop-ToggleButton__end-icon-list": "ToggleButton-module__hop-ToggleButton__end-icon-list___spRxI" };
|
|
21
|
+
var GlobalToggleButtonCssSelector = "hop-ToggleButton";
|
|
22
|
+
function ToggleButton(props, ref) {
|
|
23
|
+
[props, ref] = useContextProps(props, ref, ToggleButtonContext);
|
|
24
|
+
const stringFormatter = useLocalizedString();
|
|
25
|
+
const { stylingProps, ...ownProps } = useStyledSystem(props);
|
|
26
|
+
const [textRef, hasText] = useSlot();
|
|
27
|
+
const {
|
|
28
|
+
className,
|
|
29
|
+
children: childrenProp,
|
|
30
|
+
size: sizeProp,
|
|
31
|
+
style,
|
|
32
|
+
slot,
|
|
33
|
+
clearContexts,
|
|
34
|
+
isFluid,
|
|
35
|
+
isHidden,
|
|
36
|
+
isLoading,
|
|
37
|
+
spinnerProps,
|
|
38
|
+
variant = "primary",
|
|
39
|
+
...otherProps
|
|
40
|
+
} = ownProps;
|
|
41
|
+
const isProgressVisible = useProgressVisibility(isLoading);
|
|
42
|
+
const size = useResponsiveValue(sizeProp) || "md";
|
|
43
|
+
if (isHidden) {
|
|
44
|
+
return null;
|
|
45
|
+
}
|
|
46
|
+
const classNames = clsx(
|
|
47
|
+
GlobalToggleButtonCssSelector,
|
|
48
|
+
cssModule(
|
|
49
|
+
ToggleButton_module_default,
|
|
50
|
+
GlobalToggleButtonCssSelector,
|
|
51
|
+
variant,
|
|
52
|
+
size,
|
|
53
|
+
isFluid && "fluid",
|
|
54
|
+
isProgressVisible && "loading",
|
|
55
|
+
!hasText && "icon-only"
|
|
56
|
+
),
|
|
57
|
+
stylingProps.className,
|
|
58
|
+
className
|
|
59
|
+
);
|
|
60
|
+
const mergedStyles = {
|
|
61
|
+
...style,
|
|
62
|
+
...stylingProps.style
|
|
63
|
+
};
|
|
64
|
+
if (!hasText && (!props["aria-label"] && !props["aria-labelledby"])) {
|
|
65
|
+
console.warn("An aria-label or aria-labelledby prop is required for accessibility.");
|
|
66
|
+
}
|
|
67
|
+
const children = composeRenderProps(childrenProp, (prev) => {
|
|
68
|
+
return ensureTextWrapper(prev);
|
|
69
|
+
});
|
|
70
|
+
const { className: spinnerClassName, ...otherSpinnerProps } = spinnerProps != null ? spinnerProps : {};
|
|
71
|
+
const spinnerClassNames = clsx(ToggleButton_module_default["hop-ToggleButton__Spinner"], spinnerClassName);
|
|
72
|
+
return /* @__PURE__ */ jsx(ClearProviders, { values: clearContexts, children: /* @__PURE__ */ jsx(
|
|
73
|
+
SlotProvider,
|
|
74
|
+
{
|
|
75
|
+
values: [
|
|
76
|
+
[IconListContext, {
|
|
77
|
+
slots: {
|
|
78
|
+
[DEFAULT_SLOT]: {
|
|
79
|
+
size,
|
|
80
|
+
className: ToggleButton_module_default["hop-ToggleButton__icon-list"]
|
|
81
|
+
},
|
|
82
|
+
"end-icon": {
|
|
83
|
+
size,
|
|
84
|
+
className: ToggleButton_module_default["hop-ToggleButton__end-icon-list"]
|
|
85
|
+
}
|
|
86
|
+
}
|
|
87
|
+
}],
|
|
88
|
+
[IconContext, {
|
|
89
|
+
slots: {
|
|
90
|
+
[DEFAULT_SLOT]: {
|
|
91
|
+
size,
|
|
92
|
+
className: ToggleButton_module_default["hop-ToggleButton__icon"]
|
|
93
|
+
},
|
|
94
|
+
"end-icon": {
|
|
95
|
+
size,
|
|
96
|
+
className: ToggleButton_module_default["hop-ToggleButton__end-icon"]
|
|
97
|
+
}
|
|
98
|
+
}
|
|
99
|
+
}],
|
|
100
|
+
[TextContext, {
|
|
101
|
+
className: ToggleButton_module_default["hop-ToggleButton__text"],
|
|
102
|
+
size,
|
|
103
|
+
ref: textRef
|
|
104
|
+
}]
|
|
105
|
+
],
|
|
106
|
+
children: /* @__PURE__ */ jsx(
|
|
107
|
+
ToggleButton$1,
|
|
108
|
+
{
|
|
109
|
+
ref,
|
|
110
|
+
className: classNames,
|
|
111
|
+
style: mergedStyles,
|
|
112
|
+
slot: slot != null ? slot : void 0,
|
|
113
|
+
isDisabled: isLoading,
|
|
114
|
+
...otherProps,
|
|
115
|
+
children: (buttonRenderProps) => {
|
|
116
|
+
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
117
|
+
children(buttonRenderProps),
|
|
118
|
+
isProgressVisible && /* @__PURE__ */ jsx(
|
|
119
|
+
_Spinner,
|
|
120
|
+
{
|
|
121
|
+
"aria-label": stringFormatter.format("Button.spinnerAriaLabel"),
|
|
122
|
+
size,
|
|
123
|
+
className: spinnerClassNames,
|
|
124
|
+
...otherSpinnerProps
|
|
125
|
+
}
|
|
126
|
+
)
|
|
127
|
+
] });
|
|
128
|
+
}
|
|
129
|
+
}
|
|
130
|
+
)
|
|
131
|
+
}
|
|
132
|
+
) });
|
|
133
|
+
}
|
|
134
|
+
var _ToggleButton = forwardRef(ToggleButton);
|
|
135
|
+
_ToggleButton.displayName = "ToggleButton";
|
|
136
|
+
|
|
137
|
+
export { GlobalToggleButtonCssSelector, _ToggleButton };
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { RadioFieldContext } from './chunk-DGLAGYBD.js';
|
|
2
2
|
import { RadioGroupContext } from './chunk-5MBJWRZD.js';
|
|
3
3
|
import { RadioContext } from './chunk-FU5CCPLP.js';
|
|
4
|
-
import { FieldLabel } from './chunk-
|
|
5
|
-
import { _HelperMessage } from './chunk-
|
|
6
|
-
import { _ErrorMessage } from './chunk-
|
|
7
|
-
import { useFormProps } from './chunk-
|
|
4
|
+
import { FieldLabel } from './chunk-FECFPOFS.js';
|
|
5
|
+
import { _HelperMessage } from './chunk-UFSLUNXN.js';
|
|
6
|
+
import { _ErrorMessage } from './chunk-AAQNTM4W.js';
|
|
7
|
+
import { useFormProps } from './chunk-CKAFP2EL.js';
|
|
8
8
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
9
9
|
import { SlotProvider } from './chunk-M36KANKC.js';
|
|
10
10
|
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
@@ -15,7 +15,7 @@ import { useContextProps, composeRenderProps, RadioGroup as RadioGroup$1 } from
|
|
|
15
15
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
16
16
|
|
|
17
17
|
// css-module:./RadioGroup.module.css#css-module
|
|
18
|
-
var RadioGroup_module_default = { "hop-RadioGroup": "RadioGroup-module__hop-
|
|
18
|
+
var RadioGroup_module_default = { "hop-RadioGroup": "RadioGroup-module__hop-RadioGroup___fXCR5", "hop-RadioGroup--bordered": "RadioGroup-module__hop-RadioGroup--bordered___-7aDO", "hop-RadioGroup--sm": "RadioGroup-module__hop-RadioGroup--sm___5mBvL", "hop-RadioGroup--md": "RadioGroup-module__hop-RadioGroup--md___h8pAP", "hop-RadioGroup__label": "RadioGroup-module__hop-RadioGroup__label___wCflU", "hop-RadioGroup__list": "RadioGroup-module__hop-RadioGroup__list___TR88q", "hop-RadioGroup__radio": "RadioGroup-module__hop-RadioGroup__radio___kabHu", "hop-RadioGroup__error-message": "RadioGroup-module__hop-RadioGroup__error-message___utJyD", "hop-RadioGroup__helper-message": "RadioGroup-module__hop-RadioGroup__helper-message___ZouxR" };
|
|
19
19
|
var GlobalRadioGroupCssSelector = "hop-RadioGroup";
|
|
20
20
|
function RadioGroup(props, ref) {
|
|
21
21
|
var _a, _b, _c;
|
|
@@ -11,7 +11,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
|
|
|
11
11
|
import { jsx } from 'react/jsx-runtime';
|
|
12
12
|
|
|
13
13
|
// css-module:./RichIconAvatarImage.module.css#css-module
|
|
14
|
-
var RichIconAvatarImage_module_default = { "hop-RichIconAvatarImage": "RichIconAvatarImage-module__hop-
|
|
14
|
+
var RichIconAvatarImage_module_default = { "hop-RichIconAvatarImage": "RichIconAvatarImage-module__hop-RichIconAvatarImage___8tvit", "hop-RichIconAvatarImage--xs": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___LSNvv", "hop-RichIconAvatarImage--sm": "RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___jnV5S", "hop-RichIconAvatarImage--md": "RichIconAvatarImage-module__hop-RichIconAvatarImage--md___M8O9a", "hop-RichIconAvatarImage--lg": "RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___WQF8T", "hop-RichIconAvatarImage--xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___3Aq66", "hop-RichIconAvatarImage--2xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___T1NI4", "hop-RichIconAvatarImage__icon": "RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___ToEf2" };
|
|
15
15
|
var GlobalRichIconAvatarImageCssSelector = "hop-RichIconAvatarImage";
|
|
16
16
|
var AvatarToIconSizeAdapter = {
|
|
17
17
|
xs: "md",
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { HelperMessageContext } from './chunk-PNEJ6JDM.js';
|
|
2
|
-
import { _Text } from './chunk-
|
|
2
|
+
import { _Text } from './chunk-VRSRYMAQ.js';
|
|
3
3
|
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
4
4
|
import { InfoIcon } from '@hopper-ui/icons';
|
|
5
5
|
import { useStyledSystem } from '@hopper-ui/styled-system';
|
|
@@ -9,7 +9,7 @@ import { useContextProps, FieldErrorContext } from 'react-aria-components';
|
|
|
9
9
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
10
10
|
|
|
11
11
|
// css-module:./HelperMessage.module.css#css-module
|
|
12
|
-
var HelperMessage_module_default = { "hop-HelperMessage": "HelperMessage-module__hop-
|
|
12
|
+
var HelperMessage_module_default = { "hop-HelperMessage": "HelperMessage-module__hop-HelperMessage___-xbon", "hop-HelperMessage__icon": "HelperMessage-module__hop-HelperMessage__icon___ABiUW" };
|
|
13
13
|
var GlobalHelperMessageCssSelector = "hop-HelperMessage";
|
|
14
14
|
function HelperMessage(props, ref) {
|
|
15
15
|
const validation = useContext(FieldErrorContext);
|
|
@@ -8,7 +8,7 @@ import { useContextProps } from 'react-aria-components';
|
|
|
8
8
|
import { jsx } from 'react/jsx-runtime';
|
|
9
9
|
|
|
10
10
|
// css-module:./ToggleArrow.module.css#css-module
|
|
11
|
-
var ToggleArrow_module_default = { "hop-ToggleArrow": "ToggleArrow-module__hop-
|
|
11
|
+
var ToggleArrow_module_default = { "hop-ToggleArrow": "ToggleArrow-module__hop-ToggleArrow___qFH2J" };
|
|
12
12
|
var GlobalToggleArrowCssSelector = "hop-ToggleArrow";
|
|
13
13
|
function ToggleArrow(props, ref) {
|
|
14
14
|
[props, ref] = useContextProps(props, ref, ToggleArrowContext);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { _OverlineText } from './chunk-
|
|
1
|
+
import { _OverlineText } from './chunk-4VJFEBFF.js';
|
|
2
2
|
import { BadgeContext } from './chunk-ZSFJVMJN.js';
|
|
3
3
|
import { useRenderProps } from './chunk-2NSUMKNH.js';
|
|
4
4
|
import { ClearContainerSlots } from './chunk-PQSMCDAM.js';
|
|
@@ -23,7 +23,7 @@ function mapOrbiterToHopperVariants(variant) {
|
|
|
23
23
|
}
|
|
24
24
|
|
|
25
25
|
// css-module:./Badge.module.css#css-module
|
|
26
|
-
var Badge_module_default = { "hop-Badge": "Badge-module__hop-
|
|
26
|
+
var Badge_module_default = { "hop-Badge": "Badge-module__hop-Badge___AOkrP", "hop-Badge--primary": "Badge-module__hop-Badge--primary___q8EQr", "hop-Badge--secondary": "Badge-module__hop-Badge--secondary___cFi7D", "hop-Badge--subdued": "Badge-module__hop-Badge--subdued___NxemM" };
|
|
27
27
|
var GlobalBadgeCssSelector = "hop-Badge";
|
|
28
28
|
function Badge(props, ref) {
|
|
29
29
|
[props, ref] = useContextProps(props, ref, BadgeContext);
|
|
@@ -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___f6AGu", "hop-Text--xs": "Text-module__hop-Text--xs___RsCQP", "hop-Text--sm": "Text-module__hop-Text--sm___TkqFN", "hop-Text--md": "Text-module__hop-Text--md___1c9p-", "hop-Text--lg": "Text-module__hop-Text--lg___UwNGw", "hop-Text--xl": "Text-module__hop-Text--xl___H530M", "hop-Text--2xl": "Text-module__hop-Text--2xl___q0Pqd", "hop-Text--inherit": "Text-module__hop-Text--inherit___dgpTW" };
|
|
13
13
|
var GlobalTextCssSelector = "hop-Text";
|
|
14
14
|
function Text(props, ref) {
|
|
15
15
|
[props, ref] = useContextProps(props, ref, TextContext);
|
|
@@ -7,7 +7,7 @@ import { useContextProps } from 'react-aria-components';
|
|
|
7
7
|
import { jsx } from 'react/jsx-runtime';
|
|
8
8
|
|
|
9
9
|
// css-module:./Card.module.css#css-module
|
|
10
|
-
var Card_module_default = { "hop-Card": "Card-module__hop-
|
|
10
|
+
var Card_module_default = { "hop-Card": "Card-module__hop-Card___B-a8Y", "hop-Card--main": "Card-module__hop-Card--main___ckp6I", "hop-Card--second-level": "Card-module__hop-Card--second-level___ZpS06" };
|
|
11
11
|
var GlobalCardCssSelector = "hop-Card";
|
|
12
12
|
var Card = (props, ref) => {
|
|
13
13
|
[props, ref] = useContextProps(props, ref, CardContext);
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { SegmentedControlItemContext } from './chunk-VS3PE4S6.js';
|
|
2
1
|
import { SegmentedControlContext, InternalSegmentedControlContext } from './chunk-6BJLSAMM.js';
|
|
2
|
+
import { SegmentedControlItemContext } from './chunk-VS3PE4S6.js';
|
|
3
3
|
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
4
4
|
import { useStyledSystem } from '@hopper-ui/styled-system';
|
|
5
5
|
import clsx from 'clsx';
|
|
@@ -8,7 +8,7 @@ import { useContextProps, ToggleGroupStateContext, ToggleButtonGroup, Provider }
|
|
|
8
8
|
import { jsx } from 'react/jsx-runtime';
|
|
9
9
|
|
|
10
10
|
// css-module:./SegmentedControl.module.css#css-module
|
|
11
|
-
var SegmentedControl_module_default = { "hop-SegmentedControl": "SegmentedControl-module__hop-
|
|
11
|
+
var SegmentedControl_module_default = { "hop-SegmentedControl": "SegmentedControl-module__hop-SegmentedControl___HPUqJ" };
|
|
12
12
|
var GlobalSegmentedControlCssSelector = "hop-SegmentedControl";
|
|
13
13
|
var SegmentedControl = (props, ref) => {
|
|
14
14
|
[props, ref] = useContextProps(props, ref, SegmentedControlContext);
|