@hopper-ui/components 1.12.4 → 1.12.6
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 +14 -0
- package/dist/accordion/src/Accordion.css +79 -79
- package/dist/accordion/src/Accordion.js +3 -3
- package/dist/accordion/src/index.css +79 -79
- package/dist/accordion/src/index.js +3 -3
- package/dist/alert/src/Alert.css +412 -412
- package/dist/alert/src/Alert.js +12 -12
- package/dist/alert/src/index.css +412 -412
- package/dist/alert/src/index.js +12 -12
- package/dist/avatar/src/AnonymousAvatar.css +51 -51
- package/dist/avatar/src/AnonymousAvatar.js +2 -2
- package/dist/avatar/src/Avatar.css +71 -71
- package/dist/avatar/src/Avatar.js +5 -4
- package/dist/avatar/src/AvatarGroup.css +66 -66
- package/dist/avatar/src/AvatarGroup.js +4 -4
- package/dist/avatar/src/BrokenAvatar.css +51 -51
- package/dist/avatar/src/BrokenAvatar.js +2 -2
- package/dist/avatar/src/DeletedAvatar.css +51 -51
- package/dist/avatar/src/DeletedAvatar.js +2 -2
- package/dist/avatar/src/RichIconAvatarImage.css +51 -51
- package/dist/avatar/src/RichIconAvatarImage.js +1 -1
- package/dist/avatar/src/index.css +98 -98
- package/dist/avatar/src/index.js +10 -9
- package/dist/badge/src/Badge.css +54 -54
- package/dist/badge/src/Badge.js +2 -2
- package/dist/badge/src/FloatingBadge.css +49 -49
- package/dist/badge/src/FloatingBadge.js +1 -1
- package/dist/badge/src/index.css +64 -64
- package/dist/badge/src/index.js +3 -3
- package/dist/buttons/src/Button.css +107 -107
- package/dist/buttons/src/Button.js +6 -6
- package/dist/buttons/src/ButtonGroup.css +50 -50
- package/dist/buttons/src/ButtonGroup.js +2 -2
- package/dist/buttons/src/ClearButton.css +110 -110
- package/dist/buttons/src/ClearButton.js +3 -3
- package/dist/buttons/src/CloseButton.css +108 -108
- package/dist/buttons/src/CloseButton.js +7 -7
- package/dist/buttons/src/EmbeddedButton.css +110 -110
- package/dist/buttons/src/EmbeddedButton.js +1 -1
- package/dist/buttons/src/LinkButton.css +117 -117
- package/dist/buttons/src/LinkButton.js +6 -6
- package/dist/buttons/src/ToggleButton.css +143 -143
- package/dist/buttons/src/ToggleButton.js +4 -4
- package/dist/buttons/src/index.css +360 -360
- package/dist/buttons/src/index.js +15 -15
- package/dist/callout/src/Callout.css +373 -373
- package/dist/callout/src/Callout.js +9 -9
- package/dist/callout/src/CompactCallout.css +409 -409
- package/dist/callout/src/CompactCallout.js +9 -9
- package/dist/callout/src/index.css +422 -422
- package/dist/callout/src/index.js +10 -10
- package/dist/card/src/Card.css +42 -42
- package/dist/card/src/Card.js +1 -1
- package/dist/card/src/index.css +42 -42
- package/dist/card/src/index.js +1 -1
- package/dist/checkbox/src/Checkbox.css +58 -58
- package/dist/checkbox/src/Checkbox.js +4 -4
- package/dist/checkbox/src/CheckboxField.css +45 -45
- package/dist/checkbox/src/CheckboxField.js +3 -3
- package/dist/checkbox/src/CheckboxGroup.css +110 -110
- package/dist/checkbox/src/CheckboxGroup.js +7 -7
- package/dist/checkbox/src/DecorativeCheckbox.css +66 -66
- package/dist/checkbox/src/DecorativeCheckbox.js +3 -3
- package/dist/checkbox/src/index.css +110 -110
- package/dist/checkbox/src/index.js +11 -11
- package/dist/{chunk-GACSHFQP.js → chunk-2A4XCEDM.js} +1 -1
- package/dist/{chunk-QZR7GR5H.js → chunk-2IDCWX7B.js} +5 -5
- package/dist/{chunk-IWH4LLVF.js → chunk-2VH675UA.js} +2 -2
- package/dist/{chunk-37AG5LJK.js → chunk-2W4Z2TI4.js} +3 -3
- package/dist/{chunk-PHMTMSKH.js → chunk-3BTSOBHK.js} +2 -2
- package/dist/{chunk-WSU3KA5L.js → chunk-3MLW3QYK.js} +8 -8
- package/dist/{chunk-6SMO6Q4D.js → chunk-4GUJ5ZHD.js} +1 -1
- package/dist/{chunk-IZONP3C7.js → chunk-4INYYFDV.js} +2 -2
- package/dist/{chunk-EZBXDNAZ.js → chunk-4OZRZ35G.js} +2 -2
- package/dist/{chunk-FPRMNUID.js → chunk-5VP3IXJ2.js} +1 -1
- package/dist/{chunk-UK6GP5YT.js → chunk-6BL5ZJNL.js} +2 -2
- package/dist/{chunk-C7POE77G.js → chunk-6TMI4FWM.js} +10 -10
- package/dist/{chunk-QDUG7MCI.js → chunk-6ZYJYMGD.js} +2 -2
- package/dist/{chunk-DX42MBAS.js → chunk-742DCAEO.js} +8 -8
- package/dist/{chunk-YGBY7QIN.js → chunk-7CYQP6ES.js} +1 -1
- package/dist/{chunk-GUNQK76E.js → chunk-7FKJLFZA.js} +11 -11
- package/dist/{chunk-P6VYR5M6.js → chunk-A4GMRX3V.js} +3 -3
- package/dist/{chunk-KTLGP2RW.js → chunk-ADP5R42I.js} +3 -3
- package/dist/{chunk-FAHDS6HA.js → chunk-AHG7XI33.js} +1 -1
- package/dist/{chunk-DZPGZMB6.js → chunk-BCG3TR6S.js} +2 -2
- package/dist/{chunk-XHJIOXP5.js → chunk-BMV65JLW.js} +1 -1
- package/dist/{chunk-XX5GTMJP.js → chunk-BRPY56T5.js} +5 -5
- package/dist/{chunk-ZXN77GCW.js → chunk-BSSK4IAU.js} +1 -1
- package/dist/{chunk-KE5TWRGS.js → chunk-CANALO5P.js} +1 -1
- package/dist/{chunk-ATTSRUD3.js → chunk-D5X3B4O6.js} +1 -1
- package/dist/{chunk-I63ACRNL.js → chunk-DGBW2NSJ.js} +4 -4
- package/dist/{chunk-QSLUMJMS.js → chunk-DKYD5OD5.js} +2 -2
- package/dist/{chunk-KTLF55T3.js → chunk-ENYFFFJ5.js} +4 -4
- package/dist/{chunk-NY3U3TPO.js → chunk-EPH3ANXD.js} +2 -2
- package/dist/{chunk-M7P5JT3W.js → chunk-FMIRW734.js} +2 -2
- package/dist/{chunk-QP2S72OH.js → chunk-FMMI75ET.js} +5 -5
- package/dist/{chunk-ZS4RPBCO.js → chunk-FWEY6FQ7.js} +3 -3
- package/dist/{chunk-CQU7GYBV.js → chunk-FWIIDKY6.js} +1 -1
- package/dist/{chunk-4DWL4DOO.js → chunk-FWX7C3HE.js} +2 -2
- package/dist/{chunk-EQN45CFY.js → chunk-GGEX6V2G.js} +1 -1
- package/dist/chunk-GOTN4IS7.js +16 -0
- package/dist/{chunk-3L3INRRP.js → chunk-H6CUILR2.js} +2 -2
- package/dist/{chunk-ZFJGHYOL.js → chunk-HJUJRE7W.js} +2 -2
- package/dist/{chunk-5AWOQLRV.js → chunk-HOGAJVPA.js} +4 -4
- package/dist/{chunk-HWJEAJSK.js → chunk-HXX5P365.js} +6 -6
- package/dist/{chunk-7SBWJO3H.js → chunk-I22Q2Q3H.js} +1 -1
- package/dist/{chunk-SCKXSBL6.js → chunk-IFCZ47HZ.js} +5 -17
- package/dist/{chunk-4VBUFMEO.js → chunk-IWVQYPVN.js} +3 -2
- package/dist/{chunk-OXEBV63E.js → chunk-JNKLFVUJ.js} +1 -1
- package/dist/{chunk-D6RGWI4J.js → chunk-KGK7JLWH.js} +1 -1
- package/dist/{chunk-RBMKMDGC.js → chunk-KHVQB4I3.js} +2 -2
- package/dist/{chunk-K4Q62HJO.js → chunk-KT52RT2L.js} +2 -2
- package/dist/{chunk-TZVL3BKO.js → chunk-KZH44MVT.js} +2 -2
- package/dist/{chunk-FLQRUM7R.js → chunk-L7ZMXG7L.js} +1 -1
- package/dist/{chunk-HW6EGA6A.js → chunk-LJPANOUE.js} +1 -1
- package/dist/{chunk-JPZPKD3Q.js → chunk-LOMSK3UD.js} +2 -2
- package/dist/{chunk-5VMTAOBM.js → chunk-LYEVXQTI.js} +1 -1
- package/dist/{chunk-EYTKLOUN.js → chunk-MU3R4FYN.js} +2 -2
- package/dist/{chunk-LVXHRJIZ.js → chunk-MYM3I4IO.js} +4 -4
- package/dist/{chunk-XSUB4XBV.js → chunk-NFXCZAZR.js} +1 -1
- package/dist/{chunk-7URGKKRL.js → chunk-NKTWQEI3.js} +1 -1
- package/dist/{chunk-ECDHPCKH.js → chunk-NWZNNDFE.js} +1 -1
- package/dist/{chunk-RIQLKHZW.js → chunk-OTPJUJCD.js} +1 -1
- package/dist/{chunk-2WMYRF3X.js → chunk-PNDPSKIG.js} +2 -2
- package/dist/{chunk-34FR33FN.js → chunk-PPJDFMTC.js} +2 -2
- package/dist/{chunk-VKABR42A.js → chunk-Q36NYYIA.js} +8 -8
- package/dist/{chunk-YFYXSH3G.js → chunk-Q6G65JPJ.js} +3 -3
- package/dist/{chunk-GOPFQRRT.js → chunk-QCTQKHCH.js} +2 -2
- package/dist/{chunk-4YBCCHWX.js → chunk-RMLGFB7O.js} +2 -2
- package/dist/{chunk-PDRJIHDM.js → chunk-ROBOIRZT.js} +5 -5
- package/dist/{chunk-Z2G34XMX.js → chunk-ROHPA4ZY.js} +5 -5
- package/dist/{chunk-QI3WR4L6.js → chunk-RQXIGOUS.js} +1 -1
- package/dist/{chunk-E6EWLOFZ.js → chunk-RUK2ESKY.js} +1 -1
- package/dist/{chunk-LY5IFY2Z.js → chunk-S56U4MDY.js} +1 -1
- package/dist/{chunk-WAFRHD2L.js → chunk-S6KNYL5M.js} +6 -4
- package/dist/{chunk-7C3LA3QA.js → chunk-SFO7FAZD.js} +3 -3
- package/dist/{chunk-RAI2UBP2.js → chunk-SMX4NYLW.js} +1 -1
- package/dist/{chunk-PM25HYSW.js → chunk-U5PVHQRC.js} +1 -1
- package/dist/{chunk-QSUHOX35.js → chunk-UBGVF545.js} +3 -3
- package/dist/{chunk-XJVNQ2LG.js → chunk-UGLBP76N.js} +12 -12
- package/dist/{chunk-HN2P4K2Z.js → chunk-UIHBRLQM.js} +2 -2
- package/dist/{chunk-P4C7DD47.js → chunk-UL25ONEU.js} +1 -1
- package/dist/{chunk-I7BTLMYW.js → chunk-UXIZU4SB.js} +5 -5
- package/dist/{chunk-FIV3QSZ3.js → chunk-VHZKTG2I.js} +11 -10
- package/dist/{chunk-GTTDUETC.js → chunk-VX4GQ77M.js} +3 -3
- package/dist/{chunk-2Z37B7A5.js → chunk-WAI6CWH3.js} +2 -2
- package/dist/{chunk-DTH52K6S.js → chunk-WMNC6HQ5.js} +1 -1
- package/dist/{chunk-46OQ5CMG.js → chunk-X7G76SLR.js} +2 -2
- package/dist/{chunk-SRBCCJJ5.js → chunk-XW7P7QOV.js} +3 -3
- package/dist/{chunk-6MDXAREK.js → chunk-YG2EIUC5.js} +2 -2
- package/dist/{chunk-Z757KFST.js → chunk-YSNVVUKN.js} +1 -1
- package/dist/{chunk-M7OEMFFD.js → chunk-YTWUXSY4.js} +2 -2
- package/dist/{chunk-ICI6QUW6.js → chunk-Z5RQIJJX.js} +3 -3
- package/dist/combobox/src/ComboBox.css +785 -785
- package/dist/combobox/src/ComboBox.js +19 -19
- package/dist/combobox/src/index.css +785 -785
- package/dist/combobox/src/index.js +19 -19
- package/dist/contextual-help/src/ContextualHelp.css +706 -706
- package/dist/contextual-help/src/ContextualHelp.js +4 -4
- package/dist/contextual-help/src/index.css +706 -706
- package/dist/contextual-help/src/index.js +4 -4
- package/dist/disclosure/src/Disclosure.css +49 -49
- package/dist/disclosure/src/Disclosure.js +3 -3
- package/dist/disclosure/src/DisclosureHeader.css +56 -56
- package/dist/disclosure/src/DisclosureHeader.js +4 -4
- package/dist/disclosure/src/DisclosurePanel.css +49 -49
- package/dist/disclosure/src/DisclosurePanel.js +4 -4
- package/dist/disclosure/src/index.css +74 -74
- package/dist/disclosure/src/index.js +9 -9
- package/dist/divider/src/Divider.css +41 -41
- package/dist/divider/src/Divider.js +1 -1
- package/dist/divider/src/index.css +41 -41
- package/dist/divider/src/index.js +1 -1
- package/dist/error-message/src/ErrorMessage.css +41 -41
- package/dist/error-message/src/ErrorMessage.js +2 -2
- package/dist/error-message/src/index.css +41 -41
- package/dist/error-message/src/index.js +2 -2
- package/dist/form/src/Form.css +39 -39
- package/dist/form/src/Form.js +1 -1
- package/dist/form/src/index.css +39 -39
- package/dist/form/src/index.js +1 -1
- package/dist/header/src/Header.css +39 -39
- package/dist/header/src/index.css +39 -39
- package/dist/helper-message/src/HelperMessage.css +41 -41
- package/dist/helper-message/src/HelperMessage.js +2 -2
- package/dist/helper-message/src/index.css +41 -41
- package/dist/helper-message/src/index.js +2 -2
- package/dist/icon-list/src/IconList.css +40 -40
- package/dist/icon-list/src/IconList.js +1 -1
- package/dist/icon-list/src/index.css +40 -40
- package/dist/icon-list/src/index.js +1 -1
- package/dist/illustrated-message/src/IllustratedMessage.css +382 -382
- package/dist/illustrated-message/src/IllustratedMessage.js +2 -2
- package/dist/illustrated-message/src/index.css +382 -382
- package/dist/illustrated-message/src/index.js +2 -2
- package/dist/illustration/src/Illustration.css +48 -48
- package/dist/illustration/src/Illustration.js +1 -1
- package/dist/illustration/src/index.css +48 -48
- package/dist/illustration/src/index.js +1 -1
- package/dist/image/src/Image.css +42 -42
- package/dist/image/src/Image.js +1 -1
- package/dist/image/src/SvgImage.css +40 -40
- package/dist/image/src/SvgImage.js +1 -1
- package/dist/image/src/index.css +43 -43
- package/dist/image/src/index.js +2 -2
- package/dist/index.css +1149 -1145
- package/dist/index.d.ts +1 -0
- package/dist/index.js +98 -97
- package/dist/inputs/src/Input.css +43 -43
- package/dist/inputs/src/Input.js +1 -1
- package/dist/inputs/src/InputGroup.css +45 -45
- package/dist/inputs/src/InputGroup.js +1 -1
- package/dist/inputs/src/NumberField.css +69 -69
- package/dist/inputs/src/NumberField.js +10 -10
- package/dist/inputs/src/PasswordField.css +380 -380
- package/dist/inputs/src/PasswordField.js +10 -10
- package/dist/inputs/src/RemainingCharacterCount.css +42 -42
- package/dist/inputs/src/RemainingCharacterCount.js +2 -2
- package/dist/inputs/src/SearchField.css +386 -386
- package/dist/inputs/src/SearchField.js +12 -12
- package/dist/inputs/src/TextArea.css +68 -68
- package/dist/inputs/src/TextArea.d.ts +5 -0
- package/dist/inputs/src/TextArea.js +9 -9
- package/dist/inputs/src/TextField.css +384 -384
- package/dist/inputs/src/TextField.js +14 -14
- package/dist/inputs/src/index.css +434 -434
- package/dist/inputs/src/index.js +18 -18
- package/dist/layout/src/Content.css +39 -39
- package/dist/layout/src/Footer.css +39 -39
- package/dist/link/src/Link.css +78 -78
- package/dist/link/src/Link.js +3 -3
- package/dist/link/src/index.css +78 -78
- package/dist/link/src/index.js +3 -3
- package/dist/list-box/src/ListBox.css +317 -317
- package/dist/list-box/src/ListBox.js +7 -7
- package/dist/list-box/src/ListBoxItem.css +305 -305
- package/dist/list-box/src/ListBoxItem.js +6 -6
- package/dist/list-box/src/ListBoxItemSkeleton.css +46 -46
- package/dist/list-box/src/ListBoxItemSkeleton.js +1 -1
- package/dist/list-box/src/index.css +317 -317
- package/dist/list-box/src/index.js +7 -7
- package/dist/menu/src/Menu.css +708 -708
- package/dist/menu/src/Menu.js +3 -3
- package/dist/menu/src/MenuItem.css +122 -122
- package/dist/menu/src/MenuItem.js +2 -2
- package/dist/menu/src/MenuSection.css +41 -41
- package/dist/menu/src/MenuSection.js +1 -1
- package/dist/menu/src/index.css +733 -733
- package/dist/menu/src/index.js +6 -6
- package/dist/modal/src/BaseModal.css +54 -54
- package/dist/modal/src/BaseModal.js +1 -1
- package/dist/modal/src/CustomModal.css +55 -55
- package/dist/modal/src/CustomModal.js +2 -2
- package/dist/modal/src/Modal.css +402 -402
- package/dist/modal/src/Modal.js +10 -10
- package/dist/modal/src/index.css +403 -403
- package/dist/modal/src/index.js +11 -11
- package/dist/overlays/popover/src/Popover.css +700 -700
- package/dist/overlays/popover/src/Popover.js +2 -2
- package/dist/overlays/popover/src/PopoverBase.css +42 -42
- package/dist/overlays/popover/src/PopoverBase.js +1 -1
- package/dist/overlays/popover/src/index.css +703 -703
- package/dist/overlays/popover/src/index.js +3 -3
- package/dist/radio/src/DecorativeRadio.css +66 -66
- package/dist/radio/src/DecorativeRadio.js +3 -3
- package/dist/radio/src/Radio.css +58 -58
- package/dist/radio/src/Radio.js +3 -3
- package/dist/radio/src/RadioField.css +45 -45
- package/dist/radio/src/RadioField.js +2 -2
- package/dist/radio/src/RadioGroup.css +110 -110
- package/dist/radio/src/RadioGroup.js +7 -7
- package/dist/radio/src/index.css +110 -110
- package/dist/radio/src/index.js +11 -11
- package/dist/segmented-control/src/SegmentedControl.css +40 -40
- package/dist/segmented-control/src/SegmentedControl.js +1 -1
- package/dist/segmented-control/src/SegmentedControlItem.css +54 -54
- package/dist/segmented-control/src/SegmentedControlItem.js +2 -2
- package/dist/segmented-control/src/index.css +55 -55
- package/dist/segmented-control/src/index.js +3 -3
- package/dist/select/src/Select.css +727 -727
- package/dist/select/src/Select.js +18 -18
- package/dist/select/src/SelectValue.css +104 -104
- package/dist/select/src/SelectValue.js +2 -2
- package/dist/select/src/index.css +727 -727
- package/dist/select/src/index.js +18 -18
- package/dist/spinner/src/Spinner.css +49 -49
- package/dist/spinner/src/Spinner.js +2 -2
- package/dist/spinner/src/index.css +49 -49
- package/dist/spinner/src/index.js +2 -2
- package/dist/switch/src/Switch.css +55 -55
- package/dist/switch/src/Switch.js +3 -3
- package/dist/switch/src/SwitchField.css +45 -45
- package/dist/switch/src/SwitchField.js +2 -2
- package/dist/switch/src/index.css +61 -61
- package/dist/switch/src/index.js +4 -4
- package/dist/tabs/src/Tab.css +554 -554
- package/dist/tabs/src/Tab.js +2 -2
- package/dist/tabs/src/TabLine.css +41 -41
- package/dist/tabs/src/TabLine.js +1 -1
- package/dist/tabs/src/TabList.css +46 -46
- package/dist/tabs/src/TabList.js +2 -2
- package/dist/tabs/src/TabPanel.css +41 -41
- package/dist/tabs/src/TabPanel.js +1 -1
- package/dist/tabs/src/index.css +563 -563
- package/dist/tabs/src/index.js +5 -5
- package/dist/tag/src/Tag.css +532 -532
- package/dist/tag/src/Tag.js +8 -8
- package/dist/tag/src/TagGroup.css +49 -49
- package/dist/tag/src/TagGroup.js +7 -7
- package/dist/tag/src/index.css +542 -542
- package/dist/tag/src/index.js +13 -13
- package/dist/tile/src/Tile.css +69 -65
- package/dist/tile/src/Tile.d.ts +4 -0
- package/dist/tile/src/Tile.js +1 -1
- package/dist/tile/src/TileGroup.css +40 -40
- package/dist/tile/src/TileGroup.d.ts +4 -0
- package/dist/tile/src/TileGroup.js +1 -1
- package/dist/tile/src/index.css +70 -66
- package/dist/tile/src/index.js +2 -2
- package/dist/toggle-arrow/src/ToggleArrow.css +41 -41
- package/dist/toggle-arrow/src/ToggleArrow.js +1 -1
- package/dist/toggle-arrow/src/index.css +41 -41
- package/dist/toggle-arrow/src/index.js +1 -1
- package/dist/tooltip/src/Tooltip.css +49 -49
- package/dist/tooltip/src/Tooltip.js +3 -3
- package/dist/tooltip/src/TooltipTrigger.css +39 -39
- package/dist/tooltip/src/index.css +49 -49
- package/dist/tooltip/src/index.js +3 -3
- package/dist/typography/heading/src/Heading.css +39 -39
- package/dist/typography/heading/src/Heading.js +1 -1
- package/dist/typography/heading/src/index.css +39 -39
- package/dist/typography/heading/src/index.js +1 -1
- package/dist/typography/label/src/FieldLabel.css +39 -39
- package/dist/typography/label/src/FieldLabel.js +3 -3
- package/dist/typography/label/src/Label.css +39 -39
- package/dist/typography/label/src/Label.js +1 -1
- package/dist/typography/label/src/index.css +39 -39
- package/dist/typography/label/src/index.js +3 -3
- package/dist/typography/overline-text/src/OverlineText.css +39 -39
- package/dist/typography/overline-text/src/OverlineText.js +1 -1
- package/dist/typography/overline-text/src/index.css +39 -39
- package/dist/typography/overline-text/src/index.js +1 -1
- package/dist/typography/paragraph/src/Paragraph.css +39 -39
- package/dist/typography/paragraph/src/Paragraph.js +2 -2
- package/dist/typography/paragraph/src/index.css +39 -39
- package/dist/typography/paragraph/src/index.js +2 -2
- package/dist/typography/text/src/Text.css +39 -39
- package/dist/typography/text/src/Text.js +1 -1
- package/dist/typography/text/src/index.css +39 -39
- package/dist/typography/text/src/index.js +1 -1
- package/dist/utils/src/ClearSlots.css +39 -39
- package/dist/utils/src/EnsureTextWrapper.css +39 -39
- package/dist/utils/src/EnsureTextWrapper.js +2 -2
- package/dist/utils/src/colors.d.ts +30 -0
- package/dist/utils/src/colors.js +2 -0
- package/dist/utils/src/index.css +39 -39
- package/dist/utils/src/index.d.ts +1 -0
- package/dist/utils/src/index.js +3 -2
- package/package.json +1 -1
|
@@ -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-NKTWQEI3.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___4EVen" };
|
|
14
14
|
var GlobalRemainingCharacterCountCssSelector = "hop-RemainingCharacterCount";
|
|
15
15
|
function RemainingCharacterCount(props, ref) {
|
|
16
16
|
const { stylingProps, ...ownProps } = useStyledSystem(props);
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { _Heading } from './chunk-
|
|
2
|
-
import { _ToggleArrow } from './chunk-
|
|
3
|
-
import { DisclosureHeaderContext } from './chunk-CPAFY34U.js';
|
|
1
|
+
import { _Heading } from './chunk-YSNVVUKN.js';
|
|
2
|
+
import { _ToggleArrow } from './chunk-4GUJ5ZHD.js';
|
|
4
3
|
import { DisclosureContext } from './chunk-U4HRZ6DN.js';
|
|
4
|
+
import { DisclosureHeaderContext } from './chunk-CPAFY34U.js';
|
|
5
5
|
import { TextContext } from './chunk-ZNOU2CGM.js';
|
|
6
6
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
7
7
|
import { SlotProvider } from './chunk-M36KANKC.js';
|
|
@@ -14,7 +14,7 @@ import { useContextProps, DisclosureStateContext, useSlottedContext, composeRend
|
|
|
14
14
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
15
15
|
|
|
16
16
|
// css-module:./DisclosureHeader.module.css#css-module
|
|
17
|
-
var DisclosureHeader_module_default = { "hop-DisclosureHeader": "DisclosureHeader-module__hop-
|
|
17
|
+
var DisclosureHeader_module_default = { "hop-DisclosureHeader": "DisclosureHeader-module__hop-DisclosureHeader___hBCMC", "hop-DisclosureHeader__button": "DisclosureHeader-module__hop-DisclosureHeader__button___Zk9gJ", "hop-DisclosureHeader__button--inline": "DisclosureHeader-module__hop-DisclosureHeader__button--inline___a5zE6", "hop-DisclosureHeader__icon": "DisclosureHeader-module__hop-DisclosureHeader__icon___KkqoF", "hop-DisclosureHeader__title": "DisclosureHeader-module__hop-DisclosureHeader__title___lcBfw", "hop-DisclosureHeader__toggle-arrow": "DisclosureHeader-module__hop-DisclosureHeader__toggle-arrow___9-lKQ" };
|
|
18
18
|
var GlobalDisclosureHeaderCssSelector = "hop-DisclosureHeader";
|
|
19
19
|
function DisclosureHeader(props, ref) {
|
|
20
20
|
[props, ref] = useContextProps(props, ref, DisclosureHeaderContext);
|
|
@@ -2,7 +2,7 @@ import { useIsOverflow } from './chunk-EHXOXTDN.js';
|
|
|
2
2
|
import { AvatarContext } from './chunk-FA26RZSE.js';
|
|
3
3
|
import { useRenderProps } from './chunk-2NSUMKNH.js';
|
|
4
4
|
import { useLocalizedString } from './chunk-NNLLQWDS.js';
|
|
5
|
-
import { _Text } from './chunk-
|
|
5
|
+
import { _Text } from './chunk-NKTWQEI3.js';
|
|
6
6
|
import { ClearContainerSlots } from './chunk-PQSMCDAM.js';
|
|
7
7
|
import { TextContext } from './chunk-ZNOU2CGM.js';
|
|
8
8
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
@@ -16,7 +16,7 @@ import { useContextProps, SelectValueContext, SelectStateContext, useSlottedCont
|
|
|
16
16
|
import { jsx } from 'react/jsx-runtime';
|
|
17
17
|
|
|
18
18
|
// css-module:./SelectValue.module.css#css-module
|
|
19
|
-
var SelectValue_module_default = { "hop-SelectValue": "SelectValue-module__hop-
|
|
19
|
+
var SelectValue_module_default = { "hop-SelectValue": "SelectValue-module__hop-SelectValue___CAAzB", "hop-SelectValue__text": "SelectValue-module__hop-SelectValue__text___wrO5I", "hop-SelectValue__avatar": "SelectValue-module__hop-SelectValue__avatar___JiDjZ", "hop-SelectValue__icon": "SelectValue-module__hop-SelectValue__icon___eD-JQ", "hop-SelectValue__end-icon": "SelectValue-module__hop-SelectValue__end-icon___wDOPi" };
|
|
20
20
|
var GlobalSelectValueCssSelector = "hop-SelectValue";
|
|
21
21
|
var SelectValueToAvatarSizeAdapter = {
|
|
22
22
|
sm: "xs",
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { HelperMessageContext } from './chunk-PNEJ6JDM.js';
|
|
2
|
-
import { _Text } from './chunk-
|
|
2
|
+
import { _Text } from './chunk-NKTWQEI3.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___ydkID", "hop-HelperMessage__icon": "HelperMessage-module__hop-HelperMessage__icon___c9VVD" };
|
|
13
13
|
var GlobalHelperMessageCssSelector = "hop-HelperMessage";
|
|
14
14
|
function HelperMessage(props, ref) {
|
|
15
15
|
const validation = useContext(FieldErrorContext);
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { TagGroupContext, InternalTagGroupContext } from './chunk-4BWTFR22.js';
|
|
2
2
|
import { TagContext } from './chunk-EWMWQ2MC.js';
|
|
3
|
-
import { FieldLabel } from './chunk-
|
|
4
|
-
import { _HelperMessage } from './chunk-
|
|
5
|
-
import { _ErrorMessage } from './chunk-
|
|
6
|
-
import { useFormProps } from './chunk-
|
|
3
|
+
import { FieldLabel } from './chunk-Q6G65JPJ.js';
|
|
4
|
+
import { _HelperMessage } from './chunk-FMIRW734.js';
|
|
5
|
+
import { _ErrorMessage } from './chunk-LOMSK3UD.js';
|
|
6
|
+
import { useFormProps } from './chunk-SMX4NYLW.js';
|
|
7
7
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
8
8
|
import { SlotProvider } from './chunk-M36KANKC.js';
|
|
9
9
|
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
@@ -14,7 +14,7 @@ import { useContextProps, composeRenderProps, FieldErrorContext, TagGroup as Tag
|
|
|
14
14
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
15
15
|
|
|
16
16
|
// css-module:./TagGroup.module.css#css-module
|
|
17
|
-
var TagGroup_module_default = { "hop-TagGroup": "TagGroup-module__hop-
|
|
17
|
+
var TagGroup_module_default = { "hop-TagGroup": "TagGroup-module__hop-TagGroup___M9lic", "hop-TagGroup__label": "TagGroup-module__hop-TagGroup__label___qcYX0", "hop-TagGroup__list": "TagGroup-module__hop-TagGroup__list___8ayxB", "hop-TagGroup__error-message": "TagGroup-module__hop-TagGroup__error-message___oMPBt", "hop-TagGroup__helper-message": "TagGroup-module__hop-TagGroup__helper-message___rOJvA" };
|
|
18
18
|
var GlobalTagGroupCssSelector = "hop-TagGroup";
|
|
19
19
|
function TagGroup(props, ref) {
|
|
20
20
|
var _a;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { DisclosureHeaderContext } from './chunk-CPAFY34U.js';
|
|
2
|
-
import { DisclosureContext } from './chunk-U4HRZ6DN.js';
|
|
3
1
|
import { DisclosurePanelContext } from './chunk-5XY5L6ZN.js';
|
|
2
|
+
import { DisclosureContext } from './chunk-U4HRZ6DN.js';
|
|
3
|
+
import { DisclosureHeaderContext } from './chunk-CPAFY34U.js';
|
|
4
4
|
import { AccordionContext } from './chunk-NF64YIEZ.js';
|
|
5
5
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
6
6
|
import { SlotProvider } from './chunk-M36KANKC.js';
|
|
@@ -11,7 +11,7 @@ import { useContextProps, composeRenderProps, DisclosureGroup } from 'react-aria
|
|
|
11
11
|
import { jsx } from 'react/jsx-runtime';
|
|
12
12
|
|
|
13
13
|
// css-module:./Accordion.module.css#css-module
|
|
14
|
-
var Accordion_module_default = { "hop-Accordion": "Accordion-module__hop-
|
|
14
|
+
var Accordion_module_default = { "hop-Accordion": "Accordion-module__hop-Accordion___vi5D4", "hop-Accordion--inline": "Accordion-module__hop-Accordion--inline___TTaS0", "hop-Accordion__disclosure": "Accordion-module__hop-Accordion__disclosure___S0xk3", "hop-Accordion__disclosure-header": "Accordion-module__hop-Accordion__disclosure-header___Eeg-r", "hop-Accordion__disclosure-panel": "Accordion-module__hop-Accordion__disclosure-panel___yvSaR" };
|
|
15
15
|
var GlobalAccordionCssSelector = "hop-Accordion";
|
|
16
16
|
function Accordion(props, ref) {
|
|
17
17
|
[props, ref] = useContextProps(props, ref, AccordionContext);
|
|
@@ -8,7 +8,7 @@ import { useContextProps, ModalOverlay, Modal } from 'react-aria-components';
|
|
|
8
8
|
import { jsx } from 'react/jsx-runtime';
|
|
9
9
|
|
|
10
10
|
// css-module:./BaseModal.module.css#css-module
|
|
11
|
-
var BaseModal_module_default = { "hop-BaseModal": "BaseModal-module__hop-
|
|
11
|
+
var BaseModal_module_default = { "hop-BaseModal": "BaseModal-module__hop-BaseModal___wwwjt", "hop-BaseModal__modal": "BaseModal-module__hop-BaseModal__modal___giYDG", "hop-BaseModal--image": "BaseModal-module__hop-BaseModal--image___pmC14", "hop-BaseModal--sm": "BaseModal-module__hop-BaseModal--sm___sLXEY", "hop-BaseModal--md": "BaseModal-module__hop-BaseModal--md___ZS58r", "hop-BaseModal--lg": "BaseModal-module__hop-BaseModal--lg___1Ie08", "hop-BaseModal--xl": "BaseModal-module__hop-BaseModal--xl___8HNa9", "hop-BaseModal--fullscreen": "BaseModal-module__hop-BaseModal--fullscreen___1loSA", "hop-BaseModal--fullscreentakeover": "BaseModal-module__hop-BaseModal--fullscreentakeover___KNplQ" };
|
|
12
12
|
var GlobalBaseModalCssSelector = "hop-BaseModal";
|
|
13
13
|
var BaseModal = (props, ref) => {
|
|
14
14
|
var _a;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { InternalSegmentedControlContext } from './chunk-6BJLSAMM.js';
|
|
2
2
|
import { SegmentedControlItemContext } from './chunk-VS3PE4S6.js';
|
|
3
|
-
import { _Text } from './chunk-
|
|
3
|
+
import { _Text } from './chunk-NKTWQEI3.js';
|
|
4
4
|
import { TextContext } from './chunk-ZNOU2CGM.js';
|
|
5
5
|
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
6
6
|
import { IconContext } from '@hopper-ui/icons';
|
|
@@ -11,7 +11,7 @@ import { useContextProps, ToggleGroupStateContext, ToggleButton, Provider, DEFAU
|
|
|
11
11
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
12
12
|
|
|
13
13
|
// css-module:./SegmentedControlItem.module.css#css-module
|
|
14
|
-
var SegmentedControlItem_module_default = { "hop-SegmentedControlItem": "SegmentedControlItem-module__hop-
|
|
14
|
+
var SegmentedControlItem_module_default = { "hop-SegmentedControlItem": "SegmentedControlItem-module__hop-SegmentedControlItem___YwKH8", "hop-SegmentedControlItem__slider": "SegmentedControlItem-module__hop-SegmentedControlItem__slider___Ute-Z", "hop-SegmentedControlItem__wrapper": "SegmentedControlItem-module__hop-SegmentedControlItem__wrapper___sr-nd", "hop-SegmentedControlItem--md": "SegmentedControlItem-module__hop-SegmentedControlItem--md___3oo9Z", "hop-SegmentedControlItem__icon": "SegmentedControlItem-module__hop-SegmentedControlItem__icon___UeXvb", "hop-SegmentedControlItem__text": "SegmentedControlItem-module__hop-SegmentedControlItem__text___Kxtl3", "hop-SegmentedControlItem__start-icon": "SegmentedControlItem-module__hop-SegmentedControlItem__start-icon___1rfE1", "hop-SegmentedControlItem--justified": "SegmentedControlItem-module__hop-SegmentedControlItem--justified___cWcPx" };
|
|
15
15
|
var GlobalSegmentedControlItemCssSelector = "hop-SegmentedControlItem";
|
|
16
16
|
var SegmentedControlItem = (props, ref) => {
|
|
17
17
|
var _a;
|
|
@@ -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___xlPw7" };
|
|
11
11
|
var GlobalTabPanelCssSelector = "hop-TabPanel";
|
|
12
12
|
function TabPanel(props, ref) {
|
|
13
13
|
[props, ref] = useContextProps(props, ref, TabPanelContext);
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
// src/utils/src/colors.ts
|
|
2
|
+
function hashStringToColorIndex(name, maxNumberOfColor) {
|
|
3
|
+
let hashCode = 0;
|
|
4
|
+
for (let i = name.length - 1; i >= 0; i--) {
|
|
5
|
+
const character = name.charCodeAt(i);
|
|
6
|
+
const shift = i % 8;
|
|
7
|
+
hashCode ^= (character << shift) + (character >> 8 - shift);
|
|
8
|
+
}
|
|
9
|
+
return hashCode % maxNumberOfColor;
|
|
10
|
+
}
|
|
11
|
+
function generateDecorativeColorByName(name, maxNumberOfColor = 8) {
|
|
12
|
+
const variantToUse = `option${hashStringToColorIndex(name, maxNumberOfColor) + 1}`;
|
|
13
|
+
return `decorative-${variantToUse}`;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
export { generateDecorativeColorByName, hashStringToColorIndex };
|
|
@@ -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-UL25ONEU.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___x7ckS", "hop-Link--xs": "Link-module__hop-Link--xs___RCt-1", "hop-Link--sm": "Link-module__hop-Link--sm___mWBLQ", "hop-Link--md": "Link-module__hop-Link--md___j55vU", "hop-Link--lg": "Link-module__hop-Link--lg___G-Hkr", "hop-Link--xl": "Link-module__hop-Link--xl___3ww8y", "hop-Link--2xl": "Link-module__hop-Link--2xl___7wGGF", "hop-Link--inherit": "Link-module__hop-Link--inherit___8cSV-", "hop-Link--standalone": "Link-module__hop-Link--standalone___RVe5h", "hop-Link__text": "Link-module__hop-Link__text___bH2iP", "hop-Link--quiet": "Link-module__hop-Link--quiet___KVoNF", "hop-Link--primary": "Link-module__hop-Link--primary___U5JBl", "hop-Link--secondary": "Link-module__hop-Link--secondary___GCn5n", "hop-Link__icon": "Link-module__hop-Link__icon___mx77k", "hop-Link__icon-list": "Link-module__hop-Link__icon-list___TpVU7", "hop-Link__start-icon": "Link-module__hop-Link__start-icon___lfuaO", "hop-Link__start-icon-list": "Link-module__hop-Link__start-icon-list___KMZM2" };
|
|
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-S56U4MDY.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___ivebW", "hop-Badge--primary": "Badge-module__hop-Badge--primary___PH5hX", "hop-Badge--secondary": "Badge-module__hop-Badge--secondary___yr6zz", "hop-Badge--subdued": "Badge-module__hop-Badge--subdued___TdO-S" };
|
|
28
28
|
var GlobalBadgeCssSelector = "hop-Badge";
|
|
29
29
|
function Badge(props, ref) {
|
|
30
30
|
[props, ref] = useContextProps(props, ref, BadgeContext);
|
|
@@ -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-6ZYJYMGD.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-UL25ONEU.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,7 +17,7 @@ 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___Qk4t1 Button-module__hop-Button___NhOr7", "hop-ToggleButton--fluid": "ToggleButton-module__hop-ToggleButton--fluid___V-zdi Button-module__hop-Button--fluid___dq6yw", "hop-ToggleButton--xs": "ToggleButton-module__hop-ToggleButton--xs___NX9Sj Button-module__hop-Button--xs___SSSMZ", "hop-ToggleButton--sm": "ToggleButton-module__hop-ToggleButton--sm___DOjI3 Button-module__hop-Button--sm___qH6YH", "hop-ToggleButton--md": "ToggleButton-module__hop-ToggleButton--md___g9NTf Button-module__hop-Button--md___7oAlI", "hop-ToggleButton--icon-only": "ToggleButton-module__hop-ToggleButton--icon-only___BvRoS Button-module__hop-Button--icon-only___iXhS7", "hop-ToggleButton--primary": "ToggleButton-module__hop-ToggleButton--primary___J83nw Button-module__hop-Button--primary___zHhPB", "hop-ToggleButton--secondary": "ToggleButton-module__hop-ToggleButton--secondary___hH6tc Button-module__hop-Button--secondary___E-pfs", "hop-ToggleButton--upsell": "ToggleButton-module__hop-ToggleButton--upsell___ZzaH5 Button-module__hop-Button--upsell___iLdxA", "hop-ToggleButton--danger": "ToggleButton-module__hop-ToggleButton--danger___mwU8L Button-module__hop-Button--danger___-n3Mm", "hop-ToggleButton--ghost-primary": "ToggleButton-module__hop-ToggleButton--ghost-primary___DsXUj Button-module__hop-Button--ghost-primary___F02I9", "hop-ToggleButton--ghost-secondary": "ToggleButton-module__hop-ToggleButton--ghost-secondary___BLeHL Button-module__hop-Button--ghost-secondary___SRCeP", "hop-ToggleButton--ghost-danger": "ToggleButton-module__hop-ToggleButton--ghost-danger___Yf6bI Button-module__hop-Button--ghost-danger___vSQEN", "hop-ToggleButton--loading": "ToggleButton-module__hop-ToggleButton--loading___I5Jrx", "hop-ToggleButton__Spinner": "ToggleButton-module__hop-ToggleButton__Spinner___mNdMI Button-module__hop-Button__Spinner___Qp6QX", "hop-ToggleButton__icon": "ToggleButton-module__hop-ToggleButton__icon___ixDxl Button-module__hop-Button__icon___cqaOI", "hop-ToggleButton__icon-list": "ToggleButton-module__hop-ToggleButton__icon-list___l-Meb Button-module__hop-Button__icon___cqaOI Button-module__hop-Button__icon-list___xjm-b", "hop-ToggleButton__text": "ToggleButton-module__hop-ToggleButton__text___hhc9I Button-module__hop-Button__text___Ecy0Y", "hop-ToggleButton__end-icon": "ToggleButton-module__hop-ToggleButton__end-icon___6rdkM Button-module__hop-Button__end-icon___gO5Nu", "hop-ToggleButton__end-icon-list": "ToggleButton-module__hop-ToggleButton__end-icon-list___4Cn7g Button-module__hop-Button__end-icon___gO5Nu Button-module__hop-Button__icon-list___xjm-b" };
|
|
21
21
|
var GlobalToggleButtonCssSelector = "hop-ToggleButton";
|
|
22
22
|
var ToggleButtonToIconSizeAdapter = {
|
|
23
23
|
xs: "sm",
|
|
@@ -67,7 +67,7 @@ function ToggleButton(props, ref) {
|
|
|
67
67
|
...stylingProps.style
|
|
68
68
|
};
|
|
69
69
|
if (!hasText && (!props["aria-label"] && !props["aria-labelledby"])) {
|
|
70
|
-
console.warn("An aria-label or aria-labelledby prop is required for accessibility.");
|
|
70
|
+
console.warn("An aria-label or aria-labelledby prop is required on ToggleButton for accessibility.");
|
|
71
71
|
}
|
|
72
72
|
const children = composeRenderProps(childrenProp, (prev) => {
|
|
73
73
|
return ensureTextWrapper(prev);
|
|
@@ -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-LJPANOUE.js';
|
|
4
|
+
import { mapOrbiterToHopperVariants } from './chunk-JNKLFVUJ.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-SMX4NYLW.js';
|
|
9
|
+
import { _Spinner } from './chunk-6ZYJYMGD.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-UL25ONEU.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___Kxyu-", "hop-Tag--sm": "Tag-module__hop-Tag--sm___GajDS", "hop-Tag__remove-btn": "Tag-module__hop-Tag__remove-btn___c0Lhi", "hop-Tag__Spinner": "Tag-module__hop-Tag__Spinner___GulPL", "hop-Tag__avatar": "Tag-module__hop-Tag__avatar___SJ1E6", "hop-Tag--md": "Tag-module__hop-Tag--md___rviZJ", "hop-Tag--lg": "Tag-module__hop-Tag--lg___AL6BR", "hop-Tag--neutral": "Tag-module__hop-Tag--neutral___L-YuP", "hop-Tag--subdued": "Tag-module__hop-Tag--subdued___rW286", "hop-Tag--progress": "Tag-module__hop-Tag--progress___hic1n", "hop-Tag--positive": "Tag-module__hop-Tag--positive___ZsGXf", "hop-Tag--caution": "Tag-module__hop-Tag--caution___PtzMp", "hop-Tag--negative": "Tag-module__hop-Tag--negative___FTKsf", "hop-Tag--option1": "Tag-module__hop-Tag--option1___z-6nx", "hop-Tag--option2": "Tag-module__hop-Tag--option2___j-wxo", "hop-Tag--option3": "Tag-module__hop-Tag--option3___eFsMr", "hop-Tag--option4": "Tag-module__hop-Tag--option4___oRVEk", "hop-Tag--option5": "Tag-module__hop-Tag--option5___K4yuG", "hop-Tag--option6": "Tag-module__hop-Tag--option6___YLwQn", "hop-Tag__icon": "Tag-module__hop-Tag__icon___W0lfB", "hop-Tag__icon-list": "Tag-module__hop-Tag__icon-list___w1g1q", "hop-Tag__text": "Tag-module__hop-Tag__text___J4gHs", "hop-Tag__badge": "Tag-module__hop-Tag__badge___hr09n", "hop-Tag__badge--subdued": "Tag-module__hop-Tag__badge--subdued___bJRB4" };
|
|
29
29
|
var GlobalTagCssSelector = "hop-Tag";
|
|
30
30
|
var TagToTextSizeAdapter = {
|
|
31
31
|
sm: "xs",
|
|
@@ -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___sk5DK" };
|
|
12
12
|
var GlobalSegmentedControlCssSelector = "hop-SegmentedControl";
|
|
13
13
|
var SegmentedControl = (props, ref) => {
|
|
14
14
|
[props, ref] = useContextProps(props, ref, SegmentedControlContext);
|
|
@@ -1,8 +1,9 @@
|
|
|
1
|
+
import { generateDecorativeColorByName } from './chunk-GOTN4IS7.js';
|
|
1
2
|
import { useImageFallback } from './chunk-QJ5FQN3N.js';
|
|
2
|
-
import { _BrokenAvatar } from './chunk-
|
|
3
|
+
import { _BrokenAvatar } from './chunk-AHG7XI33.js';
|
|
3
4
|
import { AvatarContext } from './chunk-FA26RZSE.js';
|
|
4
5
|
import { useRenderProps } from './chunk-2NSUMKNH.js';
|
|
5
|
-
import { _Text } from './chunk-
|
|
6
|
+
import { _Text } from './chunk-NKTWQEI3.js';
|
|
6
7
|
import { ClearContainerSlots } from './chunk-PQSMCDAM.js';
|
|
7
8
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
8
9
|
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
@@ -14,7 +15,7 @@ import { useContextProps, composeRenderProps, Pressable } from 'react-aria-compo
|
|
|
14
15
|
import { jsx } from 'react/jsx-runtime';
|
|
15
16
|
|
|
16
17
|
// css-module:./Avatar.module.css#css-module
|
|
17
|
-
var Avatar_module_default = { "hop-Avatar": "Avatar-module__hop-
|
|
18
|
+
var Avatar_module_default = { "hop-Avatar": "Avatar-module__hop-Avatar___YdJ-Y", "hop-Avatar--xs": "Avatar-module__hop-Avatar--xs___zdZ4e", "hop-Avatar--sm": "Avatar-module__hop-Avatar--sm___tZ3bo", "hop-Avatar--md": "Avatar-module__hop-Avatar--md___DxcL1", "hop-Avatar--lg": "Avatar-module__hop-Avatar--lg___NTsCC", "hop-Avatar--xl": "Avatar-module__hop-Avatar--xl___oIL5u", "hop-Avatar--2xl": "Avatar-module__hop-Avatar--2xl___-I3Z5", "hop-Avatar--clickable": "Avatar-module__hop-Avatar--clickable___P2XfJ", "hop-Avatar--focus-visible": "Avatar-module__hop-Avatar--focus-visible___r-5xa", "hop-Avatar--decorative-option1": "Avatar-module__hop-Avatar--decorative-option1___Szx-N", "hop-Avatar--decorative-option2": "Avatar-module__hop-Avatar--decorative-option2___w-oNb", "hop-Avatar--decorative-option3": "Avatar-module__hop-Avatar--decorative-option3___-ffVp", "hop-Avatar--decorative-option4": "Avatar-module__hop-Avatar--decorative-option4___TxHTe", "hop-Avatar--decorative-option5": "Avatar-module__hop-Avatar--decorative-option5___PJo4P", "hop-Avatar--decorative-option6": "Avatar-module__hop-Avatar--decorative-option6___-d1ko", "hop-Avatar--decorative-option7": "Avatar-module__hop-Avatar--decorative-option7___91NYD", "hop-Avatar--decorative-option8": "Avatar-module__hop-Avatar--decorative-option8___ntG8v", "hop-Avatar--decorative-option9": "Avatar-module__hop-Avatar--decorative-option9___cDGnS", "hop-Avatar__image": "Avatar-module__hop-Avatar__image___jo7y2" };
|
|
18
19
|
var GlobalAvatarCssSelector = "hop-Avatar";
|
|
19
20
|
var AvatarToTextSizeAdapter = {
|
|
20
21
|
xs: "xs",
|
|
@@ -24,19 +25,6 @@ var AvatarToTextSizeAdapter = {
|
|
|
24
25
|
xl: "xl",
|
|
25
26
|
"2xl": "xl"
|
|
26
27
|
};
|
|
27
|
-
function getColorIndex(name, maxNumberOfColor) {
|
|
28
|
-
let hashCode = 0;
|
|
29
|
-
for (let i = name.length - 1; i >= 0; i--) {
|
|
30
|
-
const character = name.charCodeAt(i);
|
|
31
|
-
const shift = i % 8;
|
|
32
|
-
hashCode ^= (character << shift) + (character >> 8 - shift);
|
|
33
|
-
}
|
|
34
|
-
return hashCode % maxNumberOfColor;
|
|
35
|
-
}
|
|
36
|
-
function getColorName(name) {
|
|
37
|
-
const variantToUse = `option${getColorIndex(name, 8) + 1}`;
|
|
38
|
-
return `decorative-${variantToUse}`;
|
|
39
|
-
}
|
|
40
28
|
function AvatarInitials(props) {
|
|
41
29
|
var _a;
|
|
42
30
|
const {
|
|
@@ -97,7 +85,7 @@ function Avatar(props, ref) {
|
|
|
97
85
|
size,
|
|
98
86
|
isBrokenImage && "broken-image",
|
|
99
87
|
isImage && "image",
|
|
100
|
-
isInitials &&
|
|
88
|
+
isInitials && generateDecorativeColorByName(name),
|
|
101
89
|
isClickable && "clickable",
|
|
102
90
|
isFocusVisible && "focus-visible"
|
|
103
91
|
),
|
|
@@ -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___q5DFw" };
|
|
12
12
|
var GlobalTileGroupCssSelector = "hop-TileGroup";
|
|
13
13
|
var TileGroup = (props, ref) => {
|
|
14
14
|
[props, ref] = useContextProps(props, ref, TileGroupContext);
|
|
@@ -19,6 +19,7 @@ var TileGroup = (props, ref) => {
|
|
|
19
19
|
style,
|
|
20
20
|
slot,
|
|
21
21
|
isDisabled,
|
|
22
|
+
isReadonly,
|
|
22
23
|
selectionMode = "single",
|
|
23
24
|
disallowEmptySelection = true,
|
|
24
25
|
numberOfColumns = 3,
|
|
@@ -61,7 +62,7 @@ var TileGroup = (props, ref) => {
|
|
|
61
62
|
Provider,
|
|
62
63
|
{
|
|
63
64
|
values: [
|
|
64
|
-
[InternalTileContext, { isDisabled }]
|
|
65
|
+
[InternalTileContext, { isDisabled, isReadonly }]
|
|
65
66
|
],
|
|
66
67
|
children: children(renderProps)
|
|
67
68
|
}
|
|
@@ -20,7 +20,7 @@ function mapOrbiterToHopperVariants(variant) {
|
|
|
20
20
|
}
|
|
21
21
|
|
|
22
22
|
// css-module:./EmbeddedButton.module.css#css-module
|
|
23
|
-
var EmbeddedButton_module_default = { "hop-EmbeddedButton": "EmbeddedButton-module__hop-
|
|
23
|
+
var EmbeddedButton_module_default = { "hop-EmbeddedButton": "EmbeddedButton-module__hop-EmbeddedButton___bESQa", "hop-EmbeddedButton--md": "EmbeddedButton-module__hop-EmbeddedButton--md___OlJqQ", "hop-EmbeddedButton--lg": "EmbeddedButton-module__hop-EmbeddedButton--lg___fRqq9", "hop-EmbeddedButton--neutral": "EmbeddedButton-module__hop-EmbeddedButton--neutral___qeFgH", "hop-EmbeddedButton--subdued": "EmbeddedButton-module__hop-EmbeddedButton--subdued___r93ga", "hop-EmbeddedButton--progress": "EmbeddedButton-module__hop-EmbeddedButton--progress___8aqpz", "hop-EmbeddedButton--positive": "EmbeddedButton-module__hop-EmbeddedButton--positive___J1wAT", "hop-EmbeddedButton--caution": "EmbeddedButton-module__hop-EmbeddedButton--caution___fWh4A", "hop-EmbeddedButton--negative": "EmbeddedButton-module__hop-EmbeddedButton--negative___5ugWU", "hop-EmbeddedButton--option1": "EmbeddedButton-module__hop-EmbeddedButton--option1___IGJK8", "hop-EmbeddedButton--option2": "EmbeddedButton-module__hop-EmbeddedButton--option2___Q8DJk", "hop-EmbeddedButton--option3": "EmbeddedButton-module__hop-EmbeddedButton--option3___RZRO-", "hop-EmbeddedButton--option4": "EmbeddedButton-module__hop-EmbeddedButton--option4___OARmB", "hop-EmbeddedButton--option5": "EmbeddedButton-module__hop-EmbeddedButton--option5___brm1F", "hop-EmbeddedButton--option6": "EmbeddedButton-module__hop-EmbeddedButton--option6___Gj1vM", "hop-EmbeddedButton__icon": "EmbeddedButton-module__hop-EmbeddedButton__icon___vVRwC" };
|
|
24
24
|
var GlobalEmbeddedButtonCssSelector = "hop-EmbeddedButton";
|
|
25
25
|
function EmbeddedButton(props, ref) {
|
|
26
26
|
var _a;
|
|
@@ -8,7 +8,7 @@ import { useContextProps } from 'react-aria-components';
|
|
|
8
8
|
import { jsx } from 'react/jsx-runtime';
|
|
9
9
|
|
|
10
10
|
// css-module:./Image.module.css#css-module
|
|
11
|
-
var Image_module_default = { "hop-Image": "Image-module__hop-
|
|
11
|
+
var Image_module_default = { "hop-Image": "Image-module__hop-Image___PjSoy", "hop-Image--rounded": "Image-module__hop-Image--rounded___9xBNp", "hop-Image--circular": "Image-module__hop-Image--circular___i0lzL" };
|
|
12
12
|
var GlobalImageCssSelector = "hop-Image";
|
|
13
13
|
function Image(props, ref) {
|
|
14
14
|
[props, ref] = useContextProps(props, ref, ImageContext);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { SwitchContext } from './chunk-YHBJAXUY.js';
|
|
2
2
|
import { IconListContext } from './chunk-GBWXEK6N.js';
|
|
3
|
-
import { ensureTextWrapper } from './chunk-
|
|
3
|
+
import { ensureTextWrapper } from './chunk-UL25ONEU.js';
|
|
4
4
|
import { ClearContainerSlots } from './chunk-PQSMCDAM.js';
|
|
5
5
|
import { TextContext } from './chunk-ZNOU2CGM.js';
|
|
6
6
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
@@ -13,7 +13,7 @@ import { useContextProps, composeRenderProps, Switch as Switch$1 } from 'react-a
|
|
|
13
13
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
14
14
|
|
|
15
15
|
// css-module:./Switch.module.css#css-module
|
|
16
|
-
var Switch_module_default = { "hop-Switch": "Switch-module__hop-
|
|
16
|
+
var Switch_module_default = { "hop-Switch": "Switch-module__hop-Switch___Zz3H9", "hop-Switch--sm": "Switch-module__hop-Switch--sm___aQBs7", "hop-Switch--md": "Switch-module__hop-Switch--md___yENs2", "hop-Switch__indicator": "Switch-module__hop-Switch__indicator___ClHJV", "hop-Switch__text": "Switch-module__hop-Switch__text___J-KtE", "hop-Switch__icon-list": "Switch-module__hop-Switch__icon-list___cmgN2", "hop-Switch__icon": "Switch-module__hop-Switch__icon___YIhqs" };
|
|
17
17
|
var GlobalSwitchCssSelector = "hop-Switch";
|
|
18
18
|
function Switch(props, ref) {
|
|
19
19
|
var _a;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { CloseButtonContext } from './chunk-RBWFFWIG.js';
|
|
2
|
-
import { _Button } from './chunk-
|
|
2
|
+
import { _Button } from './chunk-UXIZU4SB.js';
|
|
3
3
|
import { useLocalizedString } from './chunk-NNLLQWDS.js';
|
|
4
4
|
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
5
5
|
import { DismissIcon } from '@hopper-ui/icons';
|
|
@@ -10,7 +10,7 @@ import { useContextProps } from 'react-aria-components';
|
|
|
10
10
|
import { jsx } from 'react/jsx-runtime';
|
|
11
11
|
|
|
12
12
|
// css-module:./CloseButton.module.css#css-module
|
|
13
|
-
var CloseButton_module_default = { "hop-CloseButton": "CloseButton-module__hop-
|
|
13
|
+
var CloseButton_module_default = { "hop-CloseButton": "CloseButton-module__hop-CloseButton___JePA1" };
|
|
14
14
|
var GlobalCloseButtonCssSelector = "hop-CloseButton";
|
|
15
15
|
function CloseButton(props, ref) {
|
|
16
16
|
[props, ref] = useContextProps(props, ref, CloseButtonContext);
|
|
@@ -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___Shxmj", "hop-RichIconAvatarImage--xs": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___M6kqi", "hop-RichIconAvatarImage--sm": "RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___TgDSN", "hop-RichIconAvatarImage--md": "RichIconAvatarImage-module__hop-RichIconAvatarImage--md___dalLL", "hop-RichIconAvatarImage--lg": "RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___6uZoz", "hop-RichIconAvatarImage--xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___ottcr", "hop-RichIconAvatarImage--2xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___qap2j", "hop-RichIconAvatarImage--clickable": "RichIconAvatarImage-module__hop-RichIconAvatarImage--clickable___mURqI", "hop-RichIconAvatarImage--focus-visible": "RichIconAvatarImage-module__hop-RichIconAvatarImage--focus-visible___sUf0Y", "hop-RichIconAvatarImage__icon": "RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___-b5w4" };
|
|
15
15
|
var GlobalRichIconAvatarImageCssSelector = "hop-RichIconAvatarImage";
|
|
16
16
|
var AvatarToIconSizeAdapter = {
|
|
17
17
|
xs: "md",
|
|
@@ -65,7 +65,7 @@ function RichIconAvatarImage(props, ref) {
|
|
|
65
65
|
}
|
|
66
66
|
});
|
|
67
67
|
if (!props["aria-label"] && !props["aria-labelledby"]) {
|
|
68
|
-
console.warn("An aria-label or aria-labelledby prop is required for accessibility.");
|
|
68
|
+
console.warn("An aria-label or aria-labelledby prop is required on RichIconAvatarImage for accessibility.");
|
|
69
69
|
}
|
|
70
70
|
const avatarImage = (extraProps) => /* @__PURE__ */ jsx(
|
|
71
71
|
"div",
|
|
@@ -7,7 +7,7 @@ import { useContextProps } from 'react-aria-components';
|
|
|
7
7
|
import { jsx } from 'react/jsx-runtime';
|
|
8
8
|
|
|
9
9
|
// css-module:./SvgImage.module.css#css-module
|
|
10
|
-
var SvgImage_module_default = { "hop-SvgImage": "SvgImage-module__hop-
|
|
10
|
+
var SvgImage_module_default = { "hop-SvgImage": "SvgImage-module__hop-SvgImage___UZ5Nf" };
|
|
11
11
|
var GlobalSvgImageCssSelector = "hop-SvgImage";
|
|
12
12
|
function SvgImage(props, ref) {
|
|
13
13
|
[props, ref] = useContextProps(props, ref, SvgImageContext);
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
+
import { _EmbeddedButton } from './chunk-JNKLFVUJ.js';
|
|
1
2
|
import { ClearButtonContext } from './chunk-DXVKHP4V.js';
|
|
2
|
-
import { _EmbeddedButton } from './chunk-OXEBV63E.js';
|
|
3
3
|
import { useLocalizedString } from './chunk-NNLLQWDS.js';
|
|
4
4
|
import { DismissIcon } from '@hopper-ui/icons';
|
|
5
5
|
import { forwardRef } from 'react';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ErrorMessageContext } from './chunk-FV74YT2D.js';
|
|
2
2
|
import { useRenderProps } from './chunk-2NSUMKNH.js';
|
|
3
|
-
import { _Text } from './chunk-
|
|
3
|
+
import { _Text } from './chunk-NKTWQEI3.js';
|
|
4
4
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
5
5
|
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
6
6
|
import { WarningIcon } from '@hopper-ui/icons';
|
|
@@ -10,7 +10,7 @@ import { FieldErrorContext, useContextProps, composeRenderProps } from 'react-ar
|
|
|
10
10
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
11
11
|
|
|
12
12
|
// css-module:./ErrorMessage.module.css#css-module
|
|
13
|
-
var ErrorMessage_module_default = { "hop-ErrorMessage": "ErrorMessage-module__hop-
|
|
13
|
+
var ErrorMessage_module_default = { "hop-ErrorMessage": "ErrorMessage-module__hop-ErrorMessage___4VHyd", "hop-ErrorMessage__icon": "ErrorMessage-module__hop-ErrorMessage__icon___SkCgR" };
|
|
14
14
|
var GlobalErrorMessageCssSelector = "hop-ErrorMessage";
|
|
15
15
|
function ErrorMessage(props, ref) {
|
|
16
16
|
const validation = useContext(FieldErrorContext);
|
|
@@ -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___mTwAF", "hop-FloatingBadge__badge": "FloatingBadge-module__hop-FloatingBadge__badge___aP9fC" };
|
|
14
14
|
var GlobalFloatingBadgeCssSelector = "hop-FloatingBadge";
|
|
15
15
|
function FloatingBadge(props, ref) {
|
|
16
16
|
[props, ref] = useContextProps(props, ref, FloatingBadgeContext);
|
|
@@ -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-UL25ONEU.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___QRm8d", "hop-Tooltip--top": "Tooltip-module__hop-Tooltip--top___lZ0cC", "hop-Tooltip--right": "Tooltip-module__hop-Tooltip--right___2XzA0", "hop-Tooltip--bottom": "Tooltip-module__hop-Tooltip--bottom___fLJ7S", "hop-Tooltip--left": "Tooltip-module__hop-Tooltip--left___wiZi7", "slide": "Tooltip-module__slide___Ox-7T" };
|
|
14
14
|
var GlobalTooltipCssSelector = "hop-Tooltip";
|
|
15
15
|
function Tooltip(props, ref) {
|
|
16
16
|
[props, ref] = useContextProps(props, ref, TooltipContext);
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { ImageContext } from './chunk-JAR7CXVS.js';
|
|
2
2
|
import { FooterContext } from './chunk-I67NHYK4.js';
|
|
3
3
|
import { HeaderContext } from './chunk-FOQ7KN4V.js';
|
|
4
|
-
import { _BaseModal } from './chunk-
|
|
4
|
+
import { _BaseModal } from './chunk-FWIIDKY6.js';
|
|
5
5
|
import { ModalContext } from './chunk-OO3XBOMF.js';
|
|
6
|
-
import { ButtonGroupContext } from './chunk-VJQ7M2BK.js';
|
|
7
6
|
import { HeadingContext } from './chunk-WJRMD4JP.js';
|
|
8
7
|
import { ContentContext } from './chunk-IXB2WK56.js';
|
|
9
|
-
import { _CloseButton } from './chunk-
|
|
8
|
+
import { _CloseButton } from './chunk-KT52RT2L.js';
|
|
10
9
|
import { ButtonContext } from './chunk-WMTWFKKP.js';
|
|
10
|
+
import { ButtonGroupContext } from './chunk-VJQ7M2BK.js';
|
|
11
11
|
import { useSlot } from './chunk-H5YTU3U7.js';
|
|
12
12
|
import { cssModule } from './chunk-KVDXQMWI.js';
|
|
13
13
|
import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
|
|
@@ -17,7 +17,7 @@ import { useContextProps, composeRenderProps, Dialog, OverlayTriggerStateContext
|
|
|
17
17
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
18
18
|
|
|
19
19
|
// css-module:./Modal.module.css#css-module
|
|
20
|
-
var Modal_module_default = { "hop-Modal": "Modal-module__hop-
|
|
20
|
+
var Modal_module_default = { "hop-Modal": "Modal-module__hop-Modal___rFwq9", "hop-Modal__top-container": "Modal-module__hop-Modal__top-container___AGY4w", "hop-Modal__bottom-container": "Modal-module__hop-Modal__bottom-container___0UCi7", "hop-Modal--has-image": "Modal-module__hop-Modal--has-image___5zt2e", "hop-Modal--fullscreen": "Modal-module__hop-Modal--fullscreen___qZ9Xm", "hop-Modal--fullscreenTakeover": "Modal-module__hop-Modal--fullscreenTakeover___drjFd", "hop-Modal__close": "Modal-module__hop-Modal__close___Rojp6", "hop-Modal__image": "Modal-module__hop-Modal__image___yWQNI", "hop-Modal__heading": "Modal-module__hop-Modal__heading___WxmMf", "hop-Modal__header": "Modal-module__hop-Modal__header___2sTnL", "hop-Modal__content": "Modal-module__hop-Modal__content___aKZfU", "hop-Modal__footer": "Modal-module__hop-Modal__footer___6eORB", "hop-Modal__button": "Modal-module__hop-Modal__button___dYhkh", "hop-Modal__button-group": "Modal-module__hop-Modal__button-group___hAjVT" };
|
|
21
21
|
var GlobalModalCssSelector = "hop-Modal";
|
|
22
22
|
var ClearContexts = [ImageContext, HeadingContext, HeaderContext, ContentContext, FooterContext, ButtonContext, ButtonGroupContext];
|
|
23
23
|
var Modal = (props, ref) => {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { AvatarContext } from './chunk-FA26RZSE.js';
|
|
2
|
-
import { _RichIconAvatarImage } from './chunk-
|
|
2
|
+
import { _RichIconAvatarImage } from './chunk-KZH44MVT.js';
|
|
3
3
|
import { useRenderProps } from './chunk-2NSUMKNH.js';
|
|
4
4
|
import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
|
|
5
5
|
import { AnonymousRichIcon } from '@hopper-ui/icons';
|