@hopper-ui/components 1.8.2 → 1.9.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 +8 -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 +770 -593
- package/dist/alert/src/Alert.js +10 -9
- package/dist/alert/src/index.css +770 -593
- package/dist/alert/src/index.js +10 -9
- 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 +4 -4
- 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 +9 -9
- 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 +120 -110
- package/dist/buttons/src/Button.d.ts +5 -2
- package/dist/buttons/src/Button.js +6 -5
- package/dist/buttons/src/ButtonContext.d.ts +3 -1
- package/dist/buttons/src/ButtonGroup.css +49 -49
- package/dist/buttons/src/ButtonGroup.d.ts +1 -1
- package/dist/buttons/src/ButtonGroup.js +1 -1
- package/dist/buttons/src/ButtonGroupContext.d.ts +1 -1
- package/dist/buttons/src/ClearButton.css +109 -109
- package/dist/buttons/src/ClearButton.js +2 -2
- package/dist/buttons/src/CloseButton.css +115 -105
- package/dist/buttons/src/CloseButton.d.ts +3 -1
- package/dist/buttons/src/CloseButton.js +7 -6
- package/dist/buttons/src/CloseButtonContext.d.ts +3 -1
- package/dist/buttons/src/EmbeddedButton.css +109 -109
- package/dist/buttons/src/EmbeddedButton.js +1 -1
- package/dist/buttons/src/LinkButton.css +131 -119
- package/dist/buttons/src/LinkButton.d.ts +5 -2
- package/dist/buttons/src/LinkButton.js +5 -4
- package/dist/buttons/src/LinkButtonContext.d.ts +3 -1
- package/dist/buttons/src/ToggleButton.css +485 -330
- package/dist/buttons/src/ToggleButton.d.ts +6 -3
- package/dist/buttons/src/ToggleButton.js +4 -4
- package/dist/buttons/src/ToggleButtonContext.d.ts +3 -1
- package/dist/buttons/src/index.css +718 -541
- package/dist/buttons/src/index.d.ts +6 -4
- package/dist/buttons/src/index.js +12 -11
- package/dist/callout/src/Callout.css +730 -553
- package/dist/callout/src/Callout.js +8 -7
- package/dist/callout/src/CompactCallout.css +767 -590
- package/dist/callout/src/CompactCallout.js +8 -7
- package/dist/callout/src/index.css +779 -602
- package/dist/callout/src/index.js +10 -9
- 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 +4 -4
- 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 +7 -7
- 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 +11 -11
- package/dist/{chunk-3MYOCKT2.js → chunk-22DZZ7PK.js} +8 -8
- package/dist/{chunk-VNFZDWVB.js → chunk-23OKJK5E.js} +1 -1
- package/dist/{chunk-WTBYPRRW.js → chunk-2CMRIMTT.js} +3 -3
- package/dist/{chunk-CHJUYY53.js → chunk-2VMV4LDJ.js} +1 -1
- package/dist/{chunk-WTDBPVO2.js → chunk-335ZARPI.js} +3 -3
- package/dist/{chunk-OPG3YAOS.js → chunk-3GNODKFW.js} +1 -1
- package/dist/{chunk-WSW2WVYZ.js → chunk-3UBW7B5Y.js} +1 -1
- package/dist/{chunk-OM4XR33Z.js → chunk-4B7TDPQB.js} +2 -2
- package/dist/{chunk-R3F4R2GR.js → chunk-4JKPMEEJ.js} +5 -5
- package/dist/{chunk-O4U6DKHU.js → chunk-4UVLGO3D.js} +2 -2
- package/dist/{chunk-VSAMAS7P.js → chunk-5OSLSGCY.js} +5 -5
- package/dist/{chunk-XIWBIDKX.js → chunk-5Q5LAGLQ.js} +16 -10
- package/dist/{chunk-V4FVG6RD.js → chunk-63B43NAY.js} +3 -3
- package/dist/{chunk-YT6KAZ7W.js → chunk-63P5XXBL.js} +2 -2
- package/dist/{chunk-TSXCJZLH.js → chunk-6AKHGSHL.js} +2 -2
- package/dist/{chunk-CMNPB35A.js → chunk-6KXXNGHQ.js} +12 -12
- package/dist/{chunk-TQFW3GV6.js → chunk-77JGVGS3.js} +2 -2
- package/dist/{chunk-VDPXCFLQ.js → chunk-7EZL7ZEN.js} +5 -5
- package/dist/{chunk-C2JYCOJJ.js → chunk-7FIL5U4Z.js} +2 -2
- package/dist/{chunk-YG4VQFHZ.js → chunk-7KGCL6NF.js} +2 -2
- package/dist/{chunk-AJ4JHO3L.js → chunk-7SQ3B5CN.js} +3 -3
- package/dist/{chunk-VQ6HKO7S.js → chunk-7WNRLXYV.js} +2 -2
- package/dist/{chunk-SLJKAEOC.js → chunk-AH4RWVYD.js} +5 -5
- package/dist/{chunk-3BP4XOAL.js → chunk-AIWBAHIZ.js} +1 -1
- package/dist/{chunk-BHFIGTK6.js → chunk-AQBGEAPW.js} +1 -1
- package/dist/{chunk-2EOZLJ3U.js → chunk-AUWXH6DB.js} +6 -6
- package/dist/{chunk-2QPUHBJ6.js → chunk-BZPOJXHY.js} +3 -3
- package/dist/{chunk-KG3UXYPM.js → chunk-CCANXYSA.js} +3 -3
- package/dist/{chunk-ZBVXOGE7.js → chunk-CFFDABWV.js} +8 -8
- package/dist/{chunk-C4F7EZIQ.js → chunk-CJ6K4SGD.js} +1 -1
- package/dist/{chunk-XFWOCVQF.js → chunk-CPCR7FGP.js} +15 -9
- package/dist/{chunk-PVIZJ22K.js → chunk-CUGWVLKK.js} +1 -1
- package/dist/{chunk-GTGTEHOA.js → chunk-CZQ7Y25A.js} +2 -2
- package/dist/{chunk-VK4C7IPE.js → chunk-DIP3SE2A.js} +7 -7
- package/dist/{chunk-GUPD7SCD.js → chunk-E5HFUKHL.js} +1 -1
- package/dist/{chunk-N2INWSSP.js → chunk-EABN7BCJ.js} +1 -1
- package/dist/{chunk-2UBRJW2J.js → chunk-EQU2MUZ2.js} +1 -1
- package/dist/{chunk-JSK57VIX.js → chunk-ETHCY5HV.js} +2 -2
- package/dist/{chunk-RXNIOPGX.js → chunk-EVXAOPUQ.js} +2 -2
- package/dist/{chunk-JG7DCSZ7.js → chunk-FGZNIAIF.js} +1 -1
- package/dist/{chunk-P4YL7PZX.js → chunk-FL33X6NS.js} +2 -2
- package/dist/{chunk-YJZJ6EGK.js → chunk-FNI3HSJI.js} +3 -3
- package/dist/{chunk-J6QWUF6I.js → chunk-FPPUBMBE.js} +18 -12
- package/dist/{chunk-KHPSEX4H.js → chunk-FRH64YKY.js} +2 -2
- package/dist/{chunk-UH3RWAZV.js → chunk-G73VEN7N.js} +2 -2
- package/dist/{chunk-B62S77SN.js → chunk-HQEYCFR2.js} +3 -3
- package/dist/chunk-HXL5DWXT.js +23 -0
- package/dist/{chunk-IKQ2EV2Y.js → chunk-I3RM4ZNZ.js} +1 -1
- package/dist/{chunk-E3KVQKBW.js → chunk-IVZ3EL66.js} +3 -3
- package/dist/{chunk-CDC6G4DW.js → chunk-IXC3UTLF.js} +1 -1
- package/dist/{chunk-YLUR4I4O.js → chunk-IXYSG3YF.js} +1 -1
- package/dist/{chunk-QXX3VYMF.js → chunk-IYPDPLMO.js} +1 -1
- package/dist/{chunk-AN3RU3NY.js → chunk-JD3QSJOH.js} +3 -3
- package/dist/{chunk-Y5RKQQHZ.js → chunk-JOBH3GNG.js} +2 -2
- package/dist/{chunk-BCBQINY3.js → chunk-JOL2XETU.js} +2 -2
- package/dist/{chunk-VQN3EOEE.js → chunk-JZ6W76HH.js} +2 -2
- package/dist/{chunk-SUNGEQNN.js → chunk-KL6G435R.js} +2 -2
- package/dist/{chunk-W57EDX3L.js → chunk-KTYJODZV.js} +1 -1
- package/dist/{chunk-T52WHF7R.js → chunk-KVXE46FV.js} +1 -1
- package/dist/{chunk-GNG2NV76.js → chunk-L6KDA3QR.js} +1 -1
- package/dist/{chunk-TRMO7MV5.js → chunk-LSFVWR6F.js} +11 -11
- package/dist/{chunk-THRSW2TA.js → chunk-MRQEFQZB.js} +1 -1
- package/dist/{chunk-Q7NZNQEE.js → chunk-NBPERDDF.js} +2 -2
- package/dist/{chunk-BV3ROFY6.js → chunk-NOGAOMSP.js} +1 -1
- package/dist/{chunk-MRHZL6GL.js → chunk-NUN7AV55.js} +2 -2
- package/dist/{chunk-MVXDSVBA.js → chunk-OQPQ5Q54.js} +1 -1
- package/dist/{chunk-A5X5HCFF.js → chunk-OZ3W7ATD.js} +1 -1
- package/dist/{chunk-EOXIVZJH.js → chunk-PN2K4YPV.js} +1 -1
- package/dist/{chunk-6Y4WK3RQ.js → chunk-QABLDHTY.js} +1 -1
- package/dist/{chunk-FC6G5MQ3.js → chunk-QWK3WHKB.js} +2 -2
- package/dist/{chunk-XYQU45MO.js → chunk-QZG7DH76.js} +3 -3
- package/dist/{chunk-LDWHZCH4.js → chunk-RWYVNDEG.js} +1 -1
- package/dist/{chunk-C7CNYQRP.js → chunk-S2FS5CRY.js} +2 -2
- package/dist/{chunk-O6RCJ73Y.js → chunk-SH7QX4ON.js} +2 -2
- package/dist/{chunk-2ZNBGFYO.js → chunk-SQFL7HVZ.js} +1 -1
- package/dist/{chunk-OZ7NZPDM.js → chunk-SR2OVG77.js} +1 -1
- package/dist/{chunk-QIGTPOAF.js → chunk-T2C6FGAY.js} +10 -10
- package/dist/{chunk-FQHEXVEO.js → chunk-T6TEL2CE.js} +2 -2
- package/dist/{chunk-4O27LL2N.js → chunk-TLWX2TD4.js} +2 -2
- package/dist/{chunk-UEJAUKJY.js → chunk-UENGYKQS.js} +8 -8
- package/dist/{chunk-XSUYZDYB.js → chunk-UH3BTZIK.js} +1 -1
- package/dist/{chunk-GDX6X4AK.js → chunk-V2AOVTCU.js} +2 -2
- package/dist/{chunk-PT5SYITB.js → chunk-V3GYJE64.js} +5 -5
- package/dist/{chunk-5ZMGVSCQ.js → chunk-VOPB3IFM.js} +1 -1
- package/dist/{chunk-TBOTEIRR.js → chunk-WGY5JT6V.js} +1 -1
- package/dist/{chunk-I62K2ZHG.js → chunk-XOYIBFOK.js} +1 -1
- package/dist/{chunk-CU3QGP2L.js → chunk-ZBKTSDZW.js} +2 -2
- package/dist/combobox/src/ComboBox.css +1132 -955
- package/dist/combobox/src/ComboBox.js +18 -18
- package/dist/combobox/src/index.css +1132 -955
- package/dist/combobox/src/index.js +18 -18
- package/dist/contextual-help/src/ContextualHelp.css +1061 -884
- package/dist/contextual-help/src/ContextualHelp.js +4 -4
- package/dist/contextual-help/src/index.css +1061 -884
- 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 +4 -4
- 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.d.ts +1 -1
- 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 +737 -560
- package/dist/illustrated-message/src/IllustratedMessage.js +1 -1
- package/dist/illustrated-message/src/index.css +737 -560
- 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 +1482 -1305
- package/dist/index.d.ts +25 -7
- package/dist/index.js +90 -89
- 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 +738 -561
- 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 +744 -567
- 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 +742 -565
- package/dist/inputs/src/TextField.js +13 -13
- package/dist/inputs/src/index.css +784 -607
- 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 +1057 -880
- package/dist/menu/src/Menu.js +2 -2
- 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 +1082 -905
- package/dist/menu/src/index.js +5 -5
- 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 +760 -583
- package/dist/modal/src/Modal.js +9 -8
- package/dist/modal/src/index.css +755 -578
- package/dist/modal/src/index.js +10 -9
- package/dist/overlays/popover/src/Popover.css +1055 -878
- 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 +1058 -881
- 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 +11 -11
- package/dist/segmented-control/src/SegmentedControl.css +39 -39
- package/dist/segmented-control/src/SegmentedControl.js +1 -1
- package/dist/segmented-control/src/SegmentedControlItem.css +53 -53
- package/dist/segmented-control/src/SegmentedControlItem.js +2 -2
- package/dist/segmented-control/src/index.css +54 -54
- package/dist/segmented-control/src/index.js +3 -3
- package/dist/select/src/Select.css +1076 -899
- package/dist/select/src/Select.js +17 -17
- package/dist/select/src/SelectValue.css +99 -99
- package/dist/select/src/SelectValue.js +2 -2
- package/dist/select/src/index.css +1076 -899
- package/dist/select/src/index.js +17 -17
- 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 +902 -725
- 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 +913 -736
- package/dist/tabs/src/index.js +5 -5
- package/dist/tag/src/Tag.css +880 -703
- package/dist/tag/src/Tag.js +7 -7
- package/dist/tag/src/TagGroup.css +48 -48
- package/dist/tag/src/TagGroup.js +7 -7
- package/dist/tag/src/index.css +890 -713
- package/dist/tag/src/index.js +12 -12
- 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/index.css +48 -48
- package/dist/tooltip/src/index.js +3 -3
- package/dist/{types-CVCUJ7un.d.ts → types-BqmVPR6K.d.ts} +2 -2
- 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.js +2 -2
- package/package.json +1 -1
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { _BaseModal } from './chunk-
|
|
1
|
+
import { _BaseModal } from './chunk-MRQEFQZB.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-KTYJODZV.js';
|
|
5
|
+
import { _CloseButton } from './chunk-SH7QX4ON.js';
|
|
6
|
+
import { _Button } from './chunk-FPPUBMBE.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___6PA3P", "hop-Alert__button-group": "Alert-module__hop-Alert__button-group___CYGc8", "hop-Alert__heading": "Alert-module__hop-Alert__heading___fMy7l", "hop-Alert__close": "Alert-module__hop-Alert__close___XTcLS", "hop-Alert__content": "Alert-module__hop-Alert__content___eZkAn" };
|
|
18
18
|
var GlobalAlertCssSelector = "hop-Alert";
|
|
19
19
|
function Alert(props, ref) {
|
|
20
20
|
var _a;
|
|
@@ -7,7 +7,7 @@ import { useContextProps, FieldErrorContext, composeRenderProps, Group } from 'r
|
|
|
7
7
|
import { jsx } from 'react/jsx-runtime';
|
|
8
8
|
|
|
9
9
|
// css-module:./InputGroup.module.css#css-module
|
|
10
|
-
var InputGroup_module_default = { "hop-InputGroup": "InputGroup-module__hop-
|
|
10
|
+
var InputGroup_module_default = { "hop-InputGroup": "InputGroup-module__hop-InputGroup___HBv7Q", "hop-InputGroup--fluid": "InputGroup-module__hop-InputGroup--fluid___1XS2G" };
|
|
11
11
|
var GlobalInputGroupCssSelector = "hop-InputGroup";
|
|
12
12
|
function InputGroup(props, ref) {
|
|
13
13
|
var _a;
|
|
@@ -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___SJfV5", "hop-OverlineText__text": "OverlineText-module__hop-OverlineText__text___tJHFh" };
|
|
11
11
|
var GlobalOverlineTextCssSelector = "hop-OverlineText";
|
|
12
12
|
function OverlineText(props, ref) {
|
|
13
13
|
[props, ref] = useContextProps(props, ref, OverlineTextContext);
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import { InternalTagGroupContext } from './chunk-4BWTFR22.js';
|
|
2
2
|
import { TagContext } from './chunk-EWMWQ2MC.js';
|
|
3
|
-
import { _ClearButton } from './chunk-
|
|
4
|
-
import { mapOrbiterToHopperVariants } from './chunk-
|
|
3
|
+
import { _ClearButton } from './chunk-FGZNIAIF.js';
|
|
4
|
+
import { mapOrbiterToHopperVariants } from './chunk-I3RM4ZNZ.js';
|
|
5
5
|
import { BadgeContext } from './chunk-ZSFJVMJN.js';
|
|
6
6
|
import { AvatarContext } from './chunk-FA26RZSE.js';
|
|
7
7
|
import { useRenderProps } from './chunk-2NSUMKNH.js';
|
|
8
|
-
import { useFormProps } from './chunk-
|
|
9
|
-
import { _Spinner } from './chunk-
|
|
8
|
+
import { useFormProps } from './chunk-EABN7BCJ.js';
|
|
9
|
+
import { _Spinner } from './chunk-FL33X6NS.js';
|
|
10
10
|
import { IconListContext } from './chunk-GBWXEK6N.js';
|
|
11
11
|
import { useLocalizedString } from './chunk-NNLLQWDS.js';
|
|
12
|
-
import { ensureTextWrapper } from './chunk-
|
|
12
|
+
import { ensureTextWrapper } from './chunk-WGY5JT6V.js';
|
|
13
13
|
import { ClearContainerSlots } from './chunk-PQSMCDAM.js';
|
|
14
14
|
import { TextContext } from './chunk-ZNOU2CGM.js';
|
|
15
15
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
@@ -25,7 +25,7 @@ import { useContextProps, composeRenderProps, Tag as Tag$1 } from 'react-aria-co
|
|
|
25
25
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
26
26
|
|
|
27
27
|
// css-module:./Tag.module.css#css-module
|
|
28
|
-
var Tag_module_default = { "hop-Tag": "Tag-module__hop-
|
|
28
|
+
var Tag_module_default = { "hop-Tag": "Tag-module__hop-Tag___vEZjf", "hop-Tag--sm": "Tag-module__hop-Tag--sm___0vPmb", "hop-Tag__remove-btn": "Tag-module__hop-Tag__remove-btn___1noDF", "hop-Tag__Spinner": "Tag-module__hop-Tag__Spinner___7QgAW", "hop-Tag__avatar": "Tag-module__hop-Tag__avatar___F9cwC", "hop-Tag--md": "Tag-module__hop-Tag--md___ix-4p", "hop-Tag--lg": "Tag-module__hop-Tag--lg___TSomM", "hop-Tag--neutral": "Tag-module__hop-Tag--neutral___3jaxw", "hop-Tag--subdued": "Tag-module__hop-Tag--subdued___jVy-d", "hop-Tag--progress": "Tag-module__hop-Tag--progress___O61iw", "hop-Tag--positive": "Tag-module__hop-Tag--positive___5Tm33", "hop-Tag--caution": "Tag-module__hop-Tag--caution___bxDmC", "hop-Tag--negative": "Tag-module__hop-Tag--negative___i4Z2s", "hop-Tag--option1": "Tag-module__hop-Tag--option1___LNly-", "hop-Tag--option2": "Tag-module__hop-Tag--option2___8cYAS", "hop-Tag--option3": "Tag-module__hop-Tag--option3___IDGr4", "hop-Tag--option4": "Tag-module__hop-Tag--option4___BpDez", "hop-Tag--option5": "Tag-module__hop-Tag--option5___Fhwo5", "hop-Tag--option6": "Tag-module__hop-Tag--option6___lEY2Q", "hop-Tag__icon": "Tag-module__hop-Tag__icon___6oeSt", "hop-Tag__icon-list": "Tag-module__hop-Tag__icon-list___u0WeD", "hop-Tag__text": "Tag-module__hop-Tag__text___7g7w9", "hop-Tag__badge": "Tag-module__hop-Tag__badge___Qp5a2", "hop-Tag__badge--subdued": "Tag-module__hop-Tag__badge--subdued___TDNNH" };
|
|
29
29
|
var GlobalTagCssSelector = "hop-Tag";
|
|
30
30
|
var TagToTextSizeAdapter = {
|
|
31
31
|
sm: "xs",
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { useImageFallback } from './chunk-QJ5FQN3N.js';
|
|
2
|
-
import { _BrokenAvatar } from './chunk-
|
|
2
|
+
import { _BrokenAvatar } from './chunk-NOGAOMSP.js';
|
|
3
3
|
import { AvatarContext } from './chunk-FA26RZSE.js';
|
|
4
4
|
import { useRenderProps } from './chunk-2NSUMKNH.js';
|
|
5
|
-
import { _Text } from './chunk-
|
|
5
|
+
import { _Text } from './chunk-CJ6K4SGD.js';
|
|
6
6
|
import { ClearContainerSlots } from './chunk-PQSMCDAM.js';
|
|
7
7
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
8
8
|
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
@@ -13,7 +13,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
|
|
|
13
13
|
import { jsx } from 'react/jsx-runtime';
|
|
14
14
|
|
|
15
15
|
// css-module:./Avatar.module.css#css-module
|
|
16
|
-
var Avatar_module_default = { "hop-Avatar": "Avatar-module__hop-
|
|
16
|
+
var Avatar_module_default = { "hop-Avatar": "Avatar-module__hop-Avatar___lJTBp", "hop-Avatar--xs": "Avatar-module__hop-Avatar--xs___Yhdop", "hop-Avatar--sm": "Avatar-module__hop-Avatar--sm___BDJm1", "hop-Avatar--md": "Avatar-module__hop-Avatar--md___5kYdx", "hop-Avatar--lg": "Avatar-module__hop-Avatar--lg___HErnt", "hop-Avatar--xl": "Avatar-module__hop-Avatar--xl___Ob5SO", "hop-Avatar--2xl": "Avatar-module__hop-Avatar--2xl___BF-dY", "hop-Avatar--decorative-option1": "Avatar-module__hop-Avatar--decorative-option1___QV2kU", "hop-Avatar--decorative-option2": "Avatar-module__hop-Avatar--decorative-option2___QiaKO", "hop-Avatar--decorative-option3": "Avatar-module__hop-Avatar--decorative-option3___6sTz3", "hop-Avatar--decorative-option4": "Avatar-module__hop-Avatar--decorative-option4___M6PEj", "hop-Avatar--decorative-option5": "Avatar-module__hop-Avatar--decorative-option5___8f-YL", "hop-Avatar--decorative-option6": "Avatar-module__hop-Avatar--decorative-option6___5y8Pc", "hop-Avatar--decorative-option7": "Avatar-module__hop-Avatar--decorative-option7___EDyNe", "hop-Avatar--decorative-option8": "Avatar-module__hop-Avatar--decorative-option8___zh5MS", "hop-Avatar--decorative-option9": "Avatar-module__hop-Avatar--decorative-option9___fv4ql", "hop-Avatar__image": "Avatar-module__hop-Avatar__image___K0TKo" };
|
|
17
17
|
var GlobalAvatarCssSelector = "hop-Avatar";
|
|
18
18
|
var AvatarToTextSizeAdapter = {
|
|
19
19
|
xs: "xs",
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { CheckboxFieldContext } from './chunk-ZGNK4GWA.js';
|
|
2
2
|
import { CheckboxContext } from './chunk-2EAZPH3M.js';
|
|
3
3
|
import { useRenderProps } from './chunk-2NSUMKNH.js';
|
|
4
|
-
import { useFormProps } from './chunk-
|
|
5
|
-
import { _Text } from './chunk-
|
|
4
|
+
import { useFormProps } from './chunk-EABN7BCJ.js';
|
|
5
|
+
import { _Text } from './chunk-CJ6K4SGD.js';
|
|
6
6
|
import { ClearContainerSlots } from './chunk-PQSMCDAM.js';
|
|
7
7
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
8
8
|
import { SlotProvider } from './chunk-M36KANKC.js';
|
|
@@ -15,7 +15,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
|
|
|
15
15
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
16
16
|
|
|
17
17
|
// css-module:./CheckboxField.module.css#css-module
|
|
18
|
-
var CheckboxField_module_default = { "hop-CheckboxField": "CheckboxField-module__hop-
|
|
18
|
+
var CheckboxField_module_default = { "hop-CheckboxField": "CheckboxField-module__hop-CheckboxField___GIm-h", "hop-CheckboxField--sm": "CheckboxField-module__hop-CheckboxField--sm___rqJ1A", "hop-CheckboxField--md": "CheckboxField-module__hop-CheckboxField--md___jY1ZV", "hop-CheckboxField__description": "CheckboxField-module__hop-CheckboxField__description___47Azy", "hop-CheckboxField__checkbox": "CheckboxField-module__hop-CheckboxField__checkbox___G4-LG" };
|
|
19
19
|
var GlobalCheckboxFieldCssSelector = "hop-CheckboxField";
|
|
20
20
|
var CheckboxToDescriptionSizeAdapter = {
|
|
21
21
|
sm: "xs",
|
|
@@ -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-23OKJK5E.js';
|
|
3
|
+
import { _InputGroup } from './chunk-AIWBAHIZ.js';
|
|
4
|
+
import { FieldLabel } from './chunk-IVZ3EL66.js';
|
|
5
|
+
import { _HelperMessage } from './chunk-QWK3WHKB.js';
|
|
6
|
+
import { _ErrorMessage } from './chunk-6AKHGSHL.js';
|
|
7
|
+
import { _EmbeddedButton } from './chunk-I3RM4ZNZ.js';
|
|
8
|
+
import { useFormProps } from './chunk-EABN7BCJ.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___abxXS", "hop-PasswordField--fluid": "PasswordField-module__hop-PasswordField--fluid___MU8bt", "hop-PasswordField__Label": "PasswordField-module__hop-PasswordField__Label___pYQXy", "hop-PasswordField__InputGroup": "PasswordField-module__hop-PasswordField__InputGroup___2s5Xc", "hop-PasswordField__ErrorMessage": "PasswordField-module__hop-PasswordField__ErrorMessage___oteGi", "hop-PasswordField__HelperMessage": "PasswordField-module__hop-PasswordField__HelperMessage___zMBt1" };
|
|
24
24
|
var GlobalPasswordFieldCssSelector = "hop-PasswordField";
|
|
25
25
|
function PasswordField(props, ref) {
|
|
26
26
|
var _a;
|
|
@@ -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___yveew", "hop-Text--xs": "Text-module__hop-Text--xs___xgUXf", "hop-Text--sm": "Text-module__hop-Text--sm___lH9j4", "hop-Text--md": "Text-module__hop-Text--md___d08VF", "hop-Text--lg": "Text-module__hop-Text--lg___b8Y3o", "hop-Text--xl": "Text-module__hop-Text--xl___XLdFv", "hop-Text--2xl": "Text-module__hop-Text--2xl___1bdXc", "hop-Text--inherit": "Text-module__hop-Text--inherit___kWQXK" };
|
|
13
13
|
var GlobalTextCssSelector = "hop-Text";
|
|
14
14
|
function Text(props, ref) {
|
|
15
15
|
[props, ref] = useContextProps(props, ref, TextContext);
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { ToggleButtonContext } from './chunk-BYERWFG4.js';
|
|
2
2
|
import { useProgressVisibility } from './chunk-HZTYQ5FQ.js';
|
|
3
|
-
import { _Spinner } from './chunk-
|
|
3
|
+
import { _Spinner } from './chunk-FL33X6NS.js';
|
|
4
4
|
import { IconListContext } from './chunk-GBWXEK6N.js';
|
|
5
5
|
import { useLocalizedString } from './chunk-NNLLQWDS.js';
|
|
6
6
|
import { useSlot } from './chunk-H5YTU3U7.js';
|
|
7
|
-
import { ensureTextWrapper } from './chunk-
|
|
7
|
+
import { ensureTextWrapper } from './chunk-WGY5JT6V.js';
|
|
8
8
|
import { ClearProviders } from './chunk-PQSMCDAM.js';
|
|
9
9
|
import { TextContext } from './chunk-ZNOU2CGM.js';
|
|
10
10
|
import { SlotProvider } from './chunk-M36KANKC.js';
|
|
@@ -17,8 +17,13 @@ import { useContextProps, composeRenderProps, ToggleButton as ToggleButton$1, DE
|
|
|
17
17
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
18
18
|
|
|
19
19
|
// css-module:./ToggleButton.module.css#css-module
|
|
20
|
-
var ToggleButton_module_default = { "hop-ToggleButton": "ToggleButton-module__hop-
|
|
20
|
+
var ToggleButton_module_default = { "hop-ToggleButton": "ToggleButton-module__hop-ToggleButton___zbugX Button-module__hop-Button___pFvZM", "hop-ToggleButton--fluid": "ToggleButton-module__hop-ToggleButton--fluid___WdZV7 Button-module__hop-Button--fluid___-QhTX", "hop-ToggleButton--xs": "ToggleButton-module__hop-ToggleButton--xs___Lsp2L Button-module__hop-Button--xs___8Z6Fg", "hop-ToggleButton--sm": "ToggleButton-module__hop-ToggleButton--sm___3Nmsz Button-module__hop-Button--sm___jcXzi", "hop-ToggleButton--md": "ToggleButton-module__hop-ToggleButton--md___EP9fl Button-module__hop-Button--md___-Hyel", "hop-ToggleButton--icon-only": "ToggleButton-module__hop-ToggleButton--icon-only___sygl8 Button-module__hop-Button--icon-only___ZHooM", "hop-ToggleButton--primary": "ToggleButton-module__hop-ToggleButton--primary___LPJIl Button-module__hop-Button--primary___52x1K", "hop-ToggleButton--secondary": "ToggleButton-module__hop-ToggleButton--secondary___snZJc Button-module__hop-Button--secondary___uDkfy", "hop-ToggleButton--upsell": "ToggleButton-module__hop-ToggleButton--upsell___lZhaF Button-module__hop-Button--upsell___3jmtI", "hop-ToggleButton--danger": "ToggleButton-module__hop-ToggleButton--danger___bgpu6 Button-module__hop-Button--danger___tMXyo", "hop-ToggleButton--ghost-primary": "ToggleButton-module__hop-ToggleButton--ghost-primary___27qzh Button-module__hop-Button--ghost-primary___K1XFC", "hop-ToggleButton--ghost-secondary": "ToggleButton-module__hop-ToggleButton--ghost-secondary___hgB-O Button-module__hop-Button--ghost-secondary___w7DWH", "hop-ToggleButton--ghost-danger": "ToggleButton-module__hop-ToggleButton--ghost-danger___at8lh Button-module__hop-Button--ghost-danger___6yaCm", "hop-ToggleButton--loading": "ToggleButton-module__hop-ToggleButton--loading___cIm3l", "hop-ToggleButton__Spinner": "ToggleButton-module__hop-ToggleButton__Spinner___h-RL5 Button-module__hop-Button__Spinner___IeL-j", "hop-ToggleButton__icon": "ToggleButton-module__hop-ToggleButton__icon___fNyh0 Button-module__hop-Button__icon___S-Zrr", "hop-ToggleButton__icon-list": "ToggleButton-module__hop-ToggleButton__icon-list___2SWhn Button-module__hop-Button__icon___S-Zrr Button-module__hop-Button__icon-list___3RaqV", "hop-ToggleButton__text": "ToggleButton-module__hop-ToggleButton__text___GdM0S Button-module__hop-Button__text___IuHAg", "hop-ToggleButton__end-icon": "ToggleButton-module__hop-ToggleButton__end-icon___k76xK Button-module__hop-Button__end-icon___4bLjb", "hop-ToggleButton__end-icon-list": "ToggleButton-module__hop-ToggleButton__end-icon-list___qUqZ8 Button-module__hop-Button__end-icon___4bLjb Button-module__hop-Button__icon-list___3RaqV" };
|
|
21
21
|
var GlobalToggleButtonCssSelector = "hop-ToggleButton";
|
|
22
|
+
var ToggleButtonToIconSizeAdapter = {
|
|
23
|
+
xs: "sm",
|
|
24
|
+
sm: "md",
|
|
25
|
+
md: "md"
|
|
26
|
+
};
|
|
22
27
|
function ToggleButton(props, ref) {
|
|
23
28
|
[props, ref] = useContextProps(props, ref, ToggleButtonContext);
|
|
24
29
|
const stringFormatter = useLocalizedString();
|
|
@@ -69,6 +74,7 @@ function ToggleButton(props, ref) {
|
|
|
69
74
|
});
|
|
70
75
|
const { className: spinnerClassName, ...otherSpinnerProps } = spinnerProps != null ? spinnerProps : {};
|
|
71
76
|
const spinnerClassNames = clsx(ToggleButton_module_default["hop-ToggleButton__Spinner"], spinnerClassName);
|
|
77
|
+
const iconSize = ToggleButtonToIconSizeAdapter[size];
|
|
72
78
|
return /* @__PURE__ */ jsx(ClearProviders, { values: clearContexts, children: /* @__PURE__ */ jsx(
|
|
73
79
|
SlotProvider,
|
|
74
80
|
{
|
|
@@ -76,11 +82,11 @@ function ToggleButton(props, ref) {
|
|
|
76
82
|
[IconListContext, {
|
|
77
83
|
slots: {
|
|
78
84
|
[DEFAULT_SLOT]: {
|
|
79
|
-
size,
|
|
85
|
+
size: iconSize,
|
|
80
86
|
className: ToggleButton_module_default["hop-ToggleButton__icon-list"]
|
|
81
87
|
},
|
|
82
88
|
"end-icon": {
|
|
83
|
-
size,
|
|
89
|
+
size: iconSize,
|
|
84
90
|
className: ToggleButton_module_default["hop-ToggleButton__end-icon-list"]
|
|
85
91
|
}
|
|
86
92
|
}
|
|
@@ -88,11 +94,11 @@ function ToggleButton(props, ref) {
|
|
|
88
94
|
[IconContext, {
|
|
89
95
|
slots: {
|
|
90
96
|
[DEFAULT_SLOT]: {
|
|
91
|
-
size,
|
|
97
|
+
size: iconSize,
|
|
92
98
|
className: ToggleButton_module_default["hop-ToggleButton__icon"]
|
|
93
99
|
},
|
|
94
100
|
"end-icon": {
|
|
95
|
-
size,
|
|
101
|
+
size: iconSize,
|
|
96
102
|
className: ToggleButton_module_default["hop-ToggleButton__end-icon"]
|
|
97
103
|
}
|
|
98
104
|
}
|
|
@@ -119,7 +125,7 @@ function ToggleButton(props, ref) {
|
|
|
119
125
|
_Spinner,
|
|
120
126
|
{
|
|
121
127
|
"aria-label": stringFormatter.format("Button.spinnerAriaLabel"),
|
|
122
|
-
size,
|
|
128
|
+
size: iconSize,
|
|
123
129
|
className: spinnerClassNames,
|
|
124
130
|
...otherSpinnerProps
|
|
125
131
|
}
|
|
@@ -134,4 +140,4 @@ function ToggleButton(props, ref) {
|
|
|
134
140
|
var _ToggleButton = forwardRef(ToggleButton);
|
|
135
141
|
_ToggleButton.displayName = "ToggleButton";
|
|
136
142
|
|
|
137
|
-
export { GlobalToggleButtonCssSelector, _ToggleButton };
|
|
143
|
+
export { GlobalToggleButtonCssSelector, ToggleButtonToIconSizeAdapter, _ToggleButton };
|
|
@@ -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___7eFUh", "hop-Card--main": "Card-module__hop-Card--main___9vDtQ", "hop-Card--second-level": "Card-module__hop-Card--second-level___FZKA8" };
|
|
11
11
|
var GlobalCardCssSelector = "hop-Card";
|
|
12
12
|
var Card = (props, ref) => {
|
|
13
13
|
[props, ref] = useContextProps(props, ref, CardContext);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { useRenderProps } from './chunk-2NSUMKNH.js';
|
|
2
2
|
import { useLocalizedString } from './chunk-NNLLQWDS.js';
|
|
3
|
-
import { _Text } from './chunk-
|
|
3
|
+
import { _Text } from './chunk-CJ6K4SGD.js';
|
|
4
4
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
5
5
|
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
6
6
|
import { useStyledSystem } from '@hopper-ui/styled-system';
|
|
@@ -10,7 +10,7 @@ import { composeRenderProps } from 'react-aria-components';
|
|
|
10
10
|
import { jsx } from 'react/jsx-runtime';
|
|
11
11
|
|
|
12
12
|
// css-module:./RemainingCharacterCount.module.css#css-module
|
|
13
|
-
var RemainingCharacterCount_module_default = { "hop-RemainingCharacterCount": "RemainingCharacterCount-module__hop-
|
|
13
|
+
var RemainingCharacterCount_module_default = { "hop-RemainingCharacterCount": "RemainingCharacterCount-module__hop-RemainingCharacterCount___FgSK4" };
|
|
14
14
|
var GlobalRemainingCharacterCountCssSelector = "hop-RemainingCharacterCount";
|
|
15
15
|
function RemainingCharacterCount(props, ref) {
|
|
16
16
|
const { stylingProps, ...ownProps } = useStyledSystem(props);
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { useFontFaceReady } from './chunk-IU6XMS2X.js';
|
|
2
2
|
import { TextAreaContext } from './chunk-MHQZXLKW.js';
|
|
3
3
|
import { useTruncatedText } from './chunk-Z57VHYOF.js';
|
|
4
|
-
import { _RemainingCharacterCount } from './chunk-
|
|
5
|
-
import { _InputGroup } from './chunk-
|
|
6
|
-
import { FieldLabel } from './chunk-
|
|
7
|
-
import { _HelperMessage } from './chunk-
|
|
8
|
-
import { _ErrorMessage } from './chunk-
|
|
9
|
-
import { useFormProps } from './chunk-
|
|
4
|
+
import { _RemainingCharacterCount } from './chunk-CZQ7Y25A.js';
|
|
5
|
+
import { _InputGroup } from './chunk-AIWBAHIZ.js';
|
|
6
|
+
import { FieldLabel } from './chunk-IVZ3EL66.js';
|
|
7
|
+
import { _HelperMessage } from './chunk-QWK3WHKB.js';
|
|
8
|
+
import { _ErrorMessage } from './chunk-6AKHGSHL.js';
|
|
9
|
+
import { useFormProps } from './chunk-EABN7BCJ.js';
|
|
10
10
|
import { ClearContainerSlots } from './chunk-PQSMCDAM.js';
|
|
11
11
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
12
12
|
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
@@ -79,7 +79,7 @@ function $b5e257d569688ac6$export$535bd6ca7f90a273() {
|
|
|
79
79
|
}
|
|
80
80
|
|
|
81
81
|
// css-module:./TextArea.module.css#css-module
|
|
82
|
-
var TextArea_module_default = { "hop-TextArea": "TextArea-module__hop-
|
|
82
|
+
var TextArea_module_default = { "hop-TextArea": "TextArea-module__hop-TextArea___627Uo", "hop-TextArea--fluid": "TextArea-module__hop-TextArea--fluid___W5EB3", "hop-TextArea__Label": "TextArea-module__hop-TextArea__Label___tGYwU", "hop-TextArea__prefix": "TextArea-module__hop-TextArea__prefix___2Zwoy", "hop-TextArea__RemainingCharacterCount": "TextArea-module__hop-TextArea__RemainingCharacterCount___QlkNc", "hop-TextArea__InputGroup": "TextArea-module__hop-TextArea__InputGroup___K546t", "hop-TextArea__ErrorMessage": "TextArea-module__hop-TextArea__ErrorMessage___pyzeX", "hop-TextArea__HelperMessage": "TextArea-module__hop-TextArea__HelperMessage___3-CSC", "hop-TextArea__textarea": "TextArea-module__hop-TextArea__textarea___MjT9z", "hop-TextArea__textarea--with-character-count": "TextArea-module__hop-TextArea__textarea--with-character-count___vTwKv", "hop-TextArea__textarea--sm": "TextArea-module__hop-TextArea__textarea--sm___hEr4p" };
|
|
83
83
|
var GlobalTextAreaCssSelector = "hop-TextArea";
|
|
84
84
|
var DefaultMinimumTextAreaRows = 3;
|
|
85
85
|
var pxToInt = (value) => {
|
|
@@ -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___kgX3n" };
|
|
12
12
|
var GlobalTileGroupCssSelector = "hop-TileGroup";
|
|
13
13
|
var TileGroup = (props, ref) => {
|
|
14
14
|
[props, ref] = useContextProps(props, ref, TileGroupContext);
|
|
@@ -7,7 +7,7 @@ import { Form as Form$1 } from 'react-aria-components';
|
|
|
7
7
|
import { jsx } from 'react/jsx-runtime';
|
|
8
8
|
|
|
9
9
|
// css-module:./Form.module.css#css-module
|
|
10
|
-
var Form_module_default = { "hop-Form": "Form-module__hop-
|
|
10
|
+
var Form_module_default = { "hop-Form": "Form-module__hop-Form___t4rQR" };
|
|
11
11
|
var GlobalFormCssSelector = "hop-Form";
|
|
12
12
|
function useFormProps(props) {
|
|
13
13
|
const ctx = useContext(FormContext);
|
|
@@ -7,7 +7,7 @@ import { useContextProps, TabPanel as TabPanel$1 } from 'react-aria-components';
|
|
|
7
7
|
import { jsx } from 'react/jsx-runtime';
|
|
8
8
|
|
|
9
9
|
// css-module:./TabPanel.module.css#css-module
|
|
10
|
-
var TabPanel_module_default = { "hop-TabPanel": "TabPanel-module__hop-
|
|
10
|
+
var TabPanel_module_default = { "hop-TabPanel": "TabPanel-module__hop-TabPanel___lvoP4" };
|
|
11
11
|
var GlobalTabPanelCssSelector = "hop-TabPanel";
|
|
12
12
|
function TabPanel(props, ref) {
|
|
13
13
|
[props, ref] = useContextProps(props, ref, TabPanelContext);
|
|
@@ -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-WGY5JT6V.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___DnE6s", "hop-Link--xs": "Link-module__hop-Link--xs___LQkM8", "hop-Link--sm": "Link-module__hop-Link--sm___-8sxS", "hop-Link--md": "Link-module__hop-Link--md___VyOBi", "hop-Link--lg": "Link-module__hop-Link--lg___9Jdg9", "hop-Link--xl": "Link-module__hop-Link--xl___g-URQ", "hop-Link--2xl": "Link-module__hop-Link--2xl___zOlu9", "hop-Link--inherit": "Link-module__hop-Link--inherit___2nb-I", "hop-Link--standalone": "Link-module__hop-Link--standalone___R8-1r", "hop-Link__text": "Link-module__hop-Link__text___x4wlB", "hop-Link--quiet": "Link-module__hop-Link--quiet___KQB8j", "hop-Link--primary": "Link-module__hop-Link--primary___puQwX", "hop-Link--secondary": "Link-module__hop-Link--secondary___Gtkiu", "hop-Link__icon": "Link-module__hop-Link__icon___baZ4j", "hop-Link__icon-list": "Link-module__hop-Link__icon-list___UO7F-", "hop-Link__start-icon": "Link-module__hop-Link__start-icon___ZP9fu", "hop-Link__start-icon-list": "Link-module__hop-Link__start-icon-list___JmEYw" };
|
|
16
16
|
var GlobalLinkCssSelector = "hop-Link";
|
|
17
17
|
var LinkToIconSizeAdapter = {
|
|
18
18
|
inherit: void 0,
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { _OverlineText } from './chunk-
|
|
1
|
+
import { _OverlineText } from './chunk-AQBGEAPW.js';
|
|
2
2
|
import { isNil } from './chunk-TIPN4VYD.js';
|
|
3
3
|
import { BadgeContext } from './chunk-ZSFJVMJN.js';
|
|
4
4
|
import { useRenderProps } from './chunk-2NSUMKNH.js';
|
|
@@ -24,7 +24,7 @@ function mapOrbiterToHopperVariants(variant) {
|
|
|
24
24
|
}
|
|
25
25
|
|
|
26
26
|
// css-module:./Badge.module.css#css-module
|
|
27
|
-
var Badge_module_default = { "hop-Badge": "Badge-module__hop-
|
|
27
|
+
var Badge_module_default = { "hop-Badge": "Badge-module__hop-Badge___gHyXD", "hop-Badge--primary": "Badge-module__hop-Badge--primary___HeEmW", "hop-Badge--secondary": "Badge-module__hop-Badge--secondary___mh4L4", "hop-Badge--subdued": "Badge-module__hop-Badge--subdued___oZHiV" };
|
|
28
28
|
var GlobalBadgeCssSelector = "hop-Badge";
|
|
29
29
|
function Badge(props, ref) {
|
|
30
30
|
[props, ref] = useContextProps(props, ref, BadgeContext);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { _EmbeddedButton } from './chunk-
|
|
1
|
+
import { _EmbeddedButton } from './chunk-I3RM4ZNZ.js';
|
|
2
2
|
import { ClearButtonContext } from './chunk-DXVKHP4V.js';
|
|
3
3
|
import { useLocalizedString } from './chunk-NNLLQWDS.js';
|
|
4
4
|
import { DismissIcon } from '@hopper-ui/icons';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { SpinnerContext } from './chunk-5K3V5PGZ.js';
|
|
2
|
-
import { _Text } from './chunk-
|
|
2
|
+
import { _Text } from './chunk-CJ6K4SGD.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';
|
|
@@ -9,7 +9,7 @@ import { useContextProps, ProgressBar } from 'react-aria-components';
|
|
|
9
9
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
10
10
|
|
|
11
11
|
// css-module:./Spinner.module.css#css-module
|
|
12
|
-
var Spinner_module_default = { "hop-Spinner": "Spinner-module__hop-
|
|
12
|
+
var Spinner_module_default = { "hop-Spinner": "Spinner-module__hop-Spinner___BpFRY", "spin": "Spinner-module__spin___EqTZ5", "hop-Spinner--sm": "Spinner-module__hop-Spinner--sm___mDnx9", "hop-Spinner--md": "Spinner-module__hop-Spinner--md___CACp9", "hop-Spinner--lg": "Spinner-module__hop-Spinner--lg___jns7u", "hop-Spinner__track": "Spinner-module__hop-Spinner__track___l5dZk", "hop-Spinner__fill": "Spinner-module__hop-Spinner__fill___F-mR8", "hop-Spinner__label": "Spinner-module__hop-Spinner__label___dAnZw" };
|
|
13
13
|
var GlobalSpinnerCssSelector = "hop-Spinner";
|
|
14
14
|
var SpinnerToTextSizeAdapter = {
|
|
15
15
|
sm: "xs",
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { CheckboxContext } from './chunk-2EAZPH3M.js';
|
|
2
|
-
import { useFormProps } from './chunk-
|
|
2
|
+
import { useFormProps } from './chunk-EABN7BCJ.js';
|
|
3
3
|
import { IconListContext } from './chunk-GBWXEK6N.js';
|
|
4
|
-
import { ensureTextWrapper } from './chunk-
|
|
4
|
+
import { ensureTextWrapper } from './chunk-WGY5JT6V.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___aRctC", "hop-Checkbox--sm": "Checkbox-module__hop-Checkbox--sm___TxL1q", "hop-Checkbox--md": "Checkbox-module__hop-Checkbox--md___l-dj7", "hop-Checkbox__icon": "Checkbox-module__hop-Checkbox__icon___mt1qq", "hop-Checkbox__icon-list": "Checkbox-module__hop-Checkbox__icon-list___QuphA", "hop-Checkbox__box": "Checkbox-module__hop-Checkbox__box___24O-E", "hop-Checkbox__check": "Checkbox-module__hop-Checkbox__check___--7-6", "hop-Checkbox__text": "Checkbox-module__hop-Checkbox__text___5IN7f" };
|
|
18
18
|
var GlobalCheckboxCssSelector = "hop-Checkbox";
|
|
19
19
|
function Checkbox(props, ref) {
|
|
20
20
|
var _a;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { useButtonProps } from './chunk-HXL5DWXT.js';
|
|
2
2
|
import { useProgressVisibility } from './chunk-HZTYQ5FQ.js';
|
|
3
|
-
import { _Spinner } from './chunk-
|
|
3
|
+
import { _Spinner } from './chunk-FL33X6NS.js';
|
|
4
4
|
import { IconListContext } from './chunk-GBWXEK6N.js';
|
|
5
5
|
import { ButtonContext } from './chunk-WMTWFKKP.js';
|
|
6
6
|
import { useLocalizedString } from './chunk-NNLLQWDS.js';
|
|
7
7
|
import { useSlot } from './chunk-H5YTU3U7.js';
|
|
8
|
-
import { ensureTextWrapper } from './chunk-
|
|
8
|
+
import { ensureTextWrapper } from './chunk-WGY5JT6V.js';
|
|
9
9
|
import { ClearProviders } from './chunk-PQSMCDAM.js';
|
|
10
10
|
import { TextContext } from './chunk-ZNOU2CGM.js';
|
|
11
11
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
@@ -19,21 +19,26 @@ import { useContextProps, composeRenderProps, Button as Button$1, DEFAULT_SLOT }
|
|
|
19
19
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
20
20
|
|
|
21
21
|
// css-module:./Button.module.css#css-module
|
|
22
|
-
var Button_module_default = { "hop-Button": "Button-module__hop-
|
|
22
|
+
var Button_module_default = { "hop-Button": "Button-module__hop-Button___pFvZM", "hop-Button--fluid": "Button-module__hop-Button--fluid___-QhTX", "hop-Button--xs": "Button-module__hop-Button--xs___8Z6Fg", "hop-Button--sm": "Button-module__hop-Button--sm___jcXzi", "hop-Button--md": "Button-module__hop-Button--md___-Hyel", "hop-Button--icon-only": "Button-module__hop-Button--icon-only___ZHooM", "hop-Button--primary": "Button-module__hop-Button--primary___52x1K", "hop-Button--secondary": "Button-module__hop-Button--secondary___uDkfy", "hop-Button--upsell": "Button-module__hop-Button--upsell___3jmtI", "hop-Button--danger": "Button-module__hop-Button--danger___tMXyo", "hop-Button--ghost-primary": "Button-module__hop-Button--ghost-primary___K1XFC", "hop-Button--ghost-secondary": "Button-module__hop-Button--ghost-secondary___w7DWH", "hop-Button--ghost-danger": "Button-module__hop-Button--ghost-danger___6yaCm", "hop-Button--loading": "Button-module__hop-Button--loading___5FI2m", "hop-Button__Spinner": "Button-module__hop-Button__Spinner___IeL-j", "hop-Button__icon": "Button-module__hop-Button__icon___S-Zrr", "hop-Button__icon-list": "Button-module__hop-Button__icon-list___3RaqV", "hop-Button__text": "Button-module__hop-Button__text___IuHAg", "hop-Button__end-icon": "Button-module__hop-Button__end-icon___4bLjb", "hop-Button__end-icon-list": "Button-module__hop-Button__end-icon-list___jhqpr" };
|
|
23
23
|
var GlobalButtonCssSelector = "hop-Button";
|
|
24
|
+
var ButtonToIconSizeAdapter = {
|
|
25
|
+
xs: "sm",
|
|
26
|
+
sm: "md",
|
|
27
|
+
md: "md"
|
|
28
|
+
};
|
|
24
29
|
function Button(props, ref) {
|
|
25
30
|
var _a, _b;
|
|
26
31
|
[props, ref] = useContextProps(props, ref, ButtonContext);
|
|
27
|
-
props =
|
|
32
|
+
props = useButtonProps(props);
|
|
28
33
|
const { stylingProps, ...ownProps } = useStyledSystem(props);
|
|
29
34
|
const stringFormatter = useLocalizedString();
|
|
30
35
|
const {
|
|
31
36
|
className,
|
|
32
37
|
children: childrenProp,
|
|
33
|
-
size: sizeProp,
|
|
34
38
|
isFluid: isFluidProp,
|
|
35
39
|
variant = "primary",
|
|
36
40
|
isLoading,
|
|
41
|
+
size: sizeProp,
|
|
37
42
|
style: styleProp,
|
|
38
43
|
spinnerProps,
|
|
39
44
|
isHidden,
|
|
@@ -75,6 +80,7 @@ function Button(props, ref) {
|
|
|
75
80
|
if (!hasText && (!props["aria-label"] && !props["aria-labelledby"])) {
|
|
76
81
|
console.warn("An aria-label or aria-labelledby prop is required for accessibility.");
|
|
77
82
|
}
|
|
83
|
+
const iconSize = ButtonToIconSizeAdapter[size];
|
|
78
84
|
return /* @__PURE__ */ jsx(ClearProviders, { values: clearContexts, children: /* @__PURE__ */ jsx(
|
|
79
85
|
SlotProvider,
|
|
80
86
|
{
|
|
@@ -82,11 +88,11 @@ function Button(props, ref) {
|
|
|
82
88
|
[IconListContext, {
|
|
83
89
|
slots: {
|
|
84
90
|
[DEFAULT_SLOT]: {
|
|
85
|
-
size,
|
|
91
|
+
size: iconSize,
|
|
86
92
|
className: Button_module_default["hop-Button__icon-list"]
|
|
87
93
|
},
|
|
88
94
|
"end-icon": {
|
|
89
|
-
size,
|
|
95
|
+
size: iconSize,
|
|
90
96
|
className: Button_module_default["hop-Button__end-icon-list"]
|
|
91
97
|
}
|
|
92
98
|
}
|
|
@@ -94,11 +100,11 @@ function Button(props, ref) {
|
|
|
94
100
|
[IconContext, {
|
|
95
101
|
slots: {
|
|
96
102
|
[DEFAULT_SLOT]: {
|
|
97
|
-
size,
|
|
103
|
+
size: iconSize,
|
|
98
104
|
className: Button_module_default["hop-Button__icon"]
|
|
99
105
|
},
|
|
100
106
|
"end-icon": {
|
|
101
|
-
size,
|
|
107
|
+
size: iconSize,
|
|
102
108
|
className: Button_module_default["hop-Button__end-icon"]
|
|
103
109
|
}
|
|
104
110
|
}
|
|
@@ -125,7 +131,7 @@ function Button(props, ref) {
|
|
|
125
131
|
_Spinner,
|
|
126
132
|
{
|
|
127
133
|
"aria-label": stringFormatter.format("Button.spinnerAriaLabel"),
|
|
128
|
-
size,
|
|
134
|
+
size: iconSize,
|
|
129
135
|
className: spinnerClassNames,
|
|
130
136
|
...otherSpinnerProps
|
|
131
137
|
}
|
|
@@ -140,4 +146,4 @@ function Button(props, ref) {
|
|
|
140
146
|
var _Button = slot("button", forwardRef(Button));
|
|
141
147
|
_Button.displayName = "Button";
|
|
142
148
|
|
|
143
|
-
export { GlobalButtonCssSelector, _Button };
|
|
149
|
+
export { ButtonToIconSizeAdapter, GlobalButtonCssSelector, _Button };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ToggleArrowContext } from './chunk-LWPDIKEX.js';
|
|
2
|
-
import { DisclosurePanelContext } from './chunk-5XY5L6ZN.js';
|
|
3
2
|
import { DisclosureHeaderContext } from './chunk-CPAFY34U.js';
|
|
4
3
|
import { DisclosureContext } from './chunk-U4HRZ6DN.js';
|
|
4
|
+
import { DisclosurePanelContext } from './chunk-5XY5L6ZN.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';
|
|
@@ -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___D2KQg", "hop-Disclosure__header": "Disclosure-module__hop-Disclosure__header___gmGWd", "hop-Disclosure--inline": "Disclosure-module__hop-Disclosure--inline___Ieyn4", "hop-Disclosure__panel": "Disclosure-module__hop-Disclosure__panel___9Ucm8" };
|
|
16
16
|
var GlobalDisclosureCssSelector = "hop-Disclosure";
|
|
17
17
|
function Disclosure(props, ref) {
|
|
18
18
|
[props, ref] = useContextProps(props, ref, DisclosureContext);
|
|
@@ -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-WGY5JT6V.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___lOx1P", "hop-Tooltip--top": "Tooltip-module__hop-Tooltip--top___0zcQZ", "hop-Tooltip--right": "Tooltip-module__hop-Tooltip--right___yAP6X", "hop-Tooltip--bottom": "Tooltip-module__hop-Tooltip--bottom___D9jCn", "hop-Tooltip--left": "Tooltip-module__hop-Tooltip--left___90Z3e", "slide": "Tooltip-module__slide___70Yhh" };
|
|
14
14
|
var GlobalTooltipCssSelector = "hop-Tooltip";
|
|
15
15
|
function Tooltip(props, ref) {
|
|
16
16
|
[props, ref] = useContextProps(props, ref, TooltipContext);
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { PopoverTrigger } from './chunk-KHDRGFVV.js';
|
|
2
|
-
import { _PopoverBase } from './chunk-
|
|
2
|
+
import { _PopoverBase } from './chunk-3GNODKFW.js';
|
|
3
3
|
import { ContextualHelpContext } from './chunk-MR5BPD6R.js';
|
|
4
|
-
import { ensureTextWrapper } from './chunk-
|
|
4
|
+
import { ensureTextWrapper } from './chunk-WGY5JT6V.js';
|
|
5
5
|
import { ClearProviders, ClearContainerSlots } from './chunk-PQSMCDAM.js';
|
|
6
6
|
import { TextContext } from './chunk-ZNOU2CGM.js';
|
|
7
7
|
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
@@ -14,7 +14,7 @@ import { useContextProps, ButtonContext, Button, Provider } from 'react-aria-com
|
|
|
14
14
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
15
15
|
|
|
16
16
|
// css-module:./ContextualHelp.module.css#css-module
|
|
17
|
-
var ContextualHelp_module_default = { "hop-ContextualHelp": "ContextualHelp-module__hop-
|
|
17
|
+
var ContextualHelp_module_default = { "hop-ContextualHelp": "ContextualHelp-module__hop-ContextualHelp___iP5UO", "hop-ContextualHelp__popover": "ContextualHelp-module__hop-ContextualHelp__popover___3SCsM" };
|
|
18
18
|
var GlobalContextualHelpCssSelector = "hop-ContextualHelp";
|
|
19
19
|
function ContextualHelp(props, ref) {
|
|
20
20
|
var _a;
|