@hopper-ui/components 1.5.7 → 1.5.8

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.
Files changed (300) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/Accordion/src/Accordion.css +110 -72
  3. package/dist/Accordion/src/Accordion.js +1 -1
  4. package/dist/Accordion/src/index.css +110 -72
  5. package/dist/Accordion/src/index.js +1 -1
  6. package/dist/Avatar/src/AnonymousAvatar.css +80 -42
  7. package/dist/Avatar/src/AnonymousAvatar.js +4 -4
  8. package/dist/Avatar/src/Avatar.css +98 -60
  9. package/dist/Avatar/src/Avatar.js +8 -8
  10. package/dist/Avatar/src/BrokenAvatar.css +80 -42
  11. package/dist/Avatar/src/BrokenAvatar.js +4 -4
  12. package/dist/Avatar/src/DeletedAvatar.css +80 -42
  13. package/dist/Avatar/src/DeletedAvatar.js +4 -4
  14. package/dist/Avatar/src/RichIconAvatarImage.css +80 -42
  15. package/dist/Avatar/src/RichIconAvatarImage.js +2 -2
  16. package/dist/Avatar/src/index.css +98 -60
  17. package/dist/Avatar/src/index.js +10 -10
  18. package/dist/Badge/src/Badge.css +85 -47
  19. package/dist/Badge/src/Badge.js +5 -5
  20. package/dist/Badge/src/FloatingBadge.css +80 -42
  21. package/dist/Badge/src/FloatingBadge.js +4 -4
  22. package/dist/Badge/src/index.css +95 -57
  23. package/dist/Badge/src/index.js +7 -7
  24. package/dist/Callout/src/Callout.css +306 -268
  25. package/dist/Callout/src/Callout.js +12 -12
  26. package/dist/Callout/src/CompactCallout.css +342 -304
  27. package/dist/Callout/src/CompactCallout.js +13 -13
  28. package/dist/Callout/src/index.css +355 -317
  29. package/dist/Callout/src/index.js +14 -14
  30. package/dist/Card/src/Card.css +73 -35
  31. package/dist/Card/src/Card.js +1 -1
  32. package/dist/Card/src/index.css +73 -35
  33. package/dist/Card/src/index.js +1 -1
  34. package/dist/ComboBox/src/ComboBox.css +687 -649
  35. package/dist/ComboBox/src/ComboBox.js +22 -22
  36. package/dist/ComboBox/src/index.css +687 -649
  37. package/dist/ComboBox/src/index.js +22 -22
  38. package/dist/Disclosure/src/Disclosure.css +80 -42
  39. package/dist/Disclosure/src/Disclosure.js +1 -1
  40. package/dist/Disclosure/src/DisclosureHeader.css +87 -49
  41. package/dist/Disclosure/src/DisclosureHeader.js +10 -10
  42. package/dist/Disclosure/src/DisclosurePanel.css +80 -42
  43. package/dist/Disclosure/src/DisclosurePanel.js +10 -10
  44. package/dist/Disclosure/src/index.css +105 -67
  45. package/dist/Disclosure/src/index.js +13 -13
  46. package/dist/Divider/src/Divider.css +72 -34
  47. package/dist/Divider/src/Divider.js +1 -1
  48. package/dist/Divider/src/index.css +72 -34
  49. package/dist/Divider/src/index.js +1 -1
  50. package/dist/ErrorMessage/src/ErrorMessage.css +72 -34
  51. package/dist/ErrorMessage/src/ErrorMessage.js +4 -4
  52. package/dist/ErrorMessage/src/index.css +72 -34
  53. package/dist/ErrorMessage/src/index.js +4 -4
  54. package/dist/Form/src/Form.css +70 -32
  55. package/dist/Form/src/Form.js +1 -1
  56. package/dist/Form/src/index.css +70 -32
  57. package/dist/Form/src/index.js +1 -1
  58. package/dist/HelperMessage/src/HelperMessage.css +72 -34
  59. package/dist/HelperMessage/src/HelperMessage.js +3 -3
  60. package/dist/HelperMessage/src/index.css +72 -34
  61. package/dist/HelperMessage/src/index.js +3 -3
  62. package/dist/IconList/src/IconList.css +71 -33
  63. package/dist/IconList/src/IconList.js +1 -1
  64. package/dist/IconList/src/index.css +71 -33
  65. package/dist/IconList/src/index.js +1 -1
  66. package/dist/IllustratedMessage/src/IllustratedMessage.css +313 -275
  67. package/dist/IllustratedMessage/src/IllustratedMessage.js +1 -1
  68. package/dist/IllustratedMessage/src/index.css +313 -275
  69. package/dist/IllustratedMessage/src/index.js +1 -1
  70. package/dist/Image/src/Image.css +73 -35
  71. package/dist/Image/src/Image.js +1 -1
  72. package/dist/Image/src/SvgImage.css +71 -33
  73. package/dist/Image/src/SvgImage.js +1 -1
  74. package/dist/Image/src/index.css +74 -36
  75. package/dist/Image/src/index.js +2 -2
  76. package/dist/Link/src/Link.css +109 -71
  77. package/dist/Link/src/Link.js +9 -9
  78. package/dist/Link/src/index.css +109 -71
  79. package/dist/Link/src/index.js +9 -9
  80. package/dist/ListBox/src/ListBox.css +317 -279
  81. package/dist/ListBox/src/ListBox.js +15 -15
  82. package/dist/ListBox/src/ListBoxItem.css +305 -267
  83. package/dist/ListBox/src/ListBoxItem.js +14 -14
  84. package/dist/ListBox/src/ListBoxItemSkeleton.css +77 -39
  85. package/dist/ListBox/src/ListBoxItemSkeleton.js +1 -1
  86. package/dist/ListBox/src/index.css +317 -279
  87. package/dist/ListBox/src/index.js +15 -15
  88. package/dist/Modal/src/BaseModal.css +85 -47
  89. package/dist/Modal/src/BaseModal.js +1 -1
  90. package/dist/Modal/src/CustomModal.css +86 -48
  91. package/dist/Modal/src/CustomModal.js +2 -2
  92. package/dist/Modal/src/Modal.css +333 -295
  93. package/dist/Modal/src/Modal.js +13 -13
  94. package/dist/Modal/src/index.css +334 -296
  95. package/dist/Modal/src/index.js +14 -14
  96. package/dist/SegmentedControl/src/SegmentedControl.css +71 -33
  97. package/dist/SegmentedControl/src/SegmentedControl.js +1 -1
  98. package/dist/SegmentedControl/src/SegmentedControlItem.css +85 -47
  99. package/dist/SegmentedControl/src/SegmentedControlItem.js +7 -7
  100. package/dist/SegmentedControl/src/index.css +86 -48
  101. package/dist/SegmentedControl/src/index.js +8 -8
  102. package/dist/Select/src/Select.css +631 -593
  103. package/dist/Select/src/Select.js +21 -21
  104. package/dist/Select/src/SelectValue.css +104 -66
  105. package/dist/Select/src/SelectValue.js +9 -9
  106. package/dist/Select/src/index.css +631 -593
  107. package/dist/Select/src/index.js +21 -21
  108. package/dist/Spinner/src/Spinner.css +80 -42
  109. package/dist/Spinner/src/Spinner.js +4 -4
  110. package/dist/Spinner/src/index.css +80 -42
  111. package/dist/Spinner/src/index.js +4 -4
  112. package/dist/Tabs/src/Tab.css +456 -418
  113. package/dist/Tabs/src/Tab.js +4 -4
  114. package/dist/Tabs/src/TabLine.css +72 -34
  115. package/dist/Tabs/src/TabLine.js +1 -1
  116. package/dist/Tabs/src/TabList.css +79 -41
  117. package/dist/Tabs/src/TabList.js +2 -2
  118. package/dist/Tabs/src/TabPanel.css +72 -34
  119. package/dist/Tabs/src/TabPanel.js +1 -1
  120. package/dist/Tabs/src/index.css +467 -429
  121. package/dist/Tabs/src/index.js +7 -7
  122. package/dist/Tile/src/Tile.css +79 -41
  123. package/dist/Tile/src/Tile.js +8 -8
  124. package/dist/Tile/src/TileGroup.css +71 -33
  125. package/dist/Tile/src/TileGroup.js +1 -1
  126. package/dist/Tile/src/index.css +80 -42
  127. package/dist/Tile/src/index.js +9 -9
  128. package/dist/ToggleArrow/src/ToggleArrow.css +72 -34
  129. package/dist/ToggleArrow/src/ToggleArrow.js +1 -1
  130. package/dist/ToggleArrow/src/index.css +72 -34
  131. package/dist/ToggleArrow/src/index.js +1 -1
  132. package/dist/buttons/src/Button.css +136 -98
  133. package/dist/buttons/src/Button.js +10 -10
  134. package/dist/buttons/src/ButtonGroup.css +81 -43
  135. package/dist/buttons/src/ButtonGroup.js +1 -1
  136. package/dist/buttons/src/ClearButton.css +141 -103
  137. package/dist/buttons/src/ClearButton.js +2 -2
  138. package/dist/buttons/src/CloseButton.css +137 -99
  139. package/dist/buttons/src/CloseButton.js +11 -11
  140. package/dist/buttons/src/EmbeddedButton.css +141 -103
  141. package/dist/buttons/src/EmbeddedButton.js +1 -1
  142. package/dist/buttons/src/LinkButton.css +145 -107
  143. package/dist/buttons/src/LinkButton.js +9 -9
  144. package/dist/buttons/src/index.css +293 -255
  145. package/dist/buttons/src/index.js +15 -15
  146. package/dist/checkbox/src/Checkbox.css +89 -51
  147. package/dist/checkbox/src/Checkbox.js +9 -9
  148. package/dist/checkbox/src/CheckboxField.css +76 -38
  149. package/dist/checkbox/src/CheckboxField.js +5 -5
  150. package/dist/checkbox/src/CheckboxGroup.css +141 -103
  151. package/dist/checkbox/src/CheckboxGroup.js +8 -8
  152. package/dist/checkbox/src/DecorativeCheckbox.css +97 -59
  153. package/dist/checkbox/src/DecorativeCheckbox.js +9 -9
  154. package/dist/checkbox/src/index.css +141 -103
  155. package/dist/checkbox/src/index.js +14 -14
  156. package/dist/{chunk-OMAH2JND.js → chunk-2F75EFZU.js} +1 -1
  157. package/dist/{chunk-KRPRDZOT.js → chunk-2MFQA2EU.js} +5 -5
  158. package/dist/{chunk-HS3QKWW7.js → chunk-3QAAVSD5.js} +3 -3
  159. package/dist/{chunk-Y5HNYHXP.js → chunk-3U5FI5A2.js} +5 -5
  160. package/dist/{chunk-5MP4DOYS.js → chunk-3Y26KXNH.js} +1 -1
  161. package/dist/{chunk-P7RWZX2M.js → chunk-4C2RFTAH.js} +1 -1
  162. package/dist/{chunk-E2VZSZOY.js → chunk-4IE24H7G.js} +8 -8
  163. package/dist/{chunk-IF44PZZP.js → chunk-4KOZSCEO.js} +4 -4
  164. package/dist/{chunk-63L6D5UM.js → chunk-4NP4OAXQ.js} +1 -1
  165. package/dist/{chunk-4SVXBPXC.js → chunk-4VWK3B7S.js} +3 -3
  166. package/dist/{chunk-H7R4BTMU.js → chunk-5MYBVZ7A.js} +3 -3
  167. package/dist/{chunk-4LBIE5SC.js → chunk-64CHPRZN.js} +2 -2
  168. package/dist/{chunk-E4AW5HJM.js → chunk-6IOXP65D.js} +4 -4
  169. package/dist/{chunk-KTKND4NT.js → chunk-6OQETHFE.js} +2 -2
  170. package/dist/{chunk-SG6QJ7O2.js → chunk-6VY7Q7UM.js} +4 -4
  171. package/dist/{chunk-MHQL4ITH.js → chunk-7G5PGVLI.js} +1 -1
  172. package/dist/{chunk-R7KHBCGM.js → chunk-7XKQWNDW.js} +1 -1
  173. package/dist/{chunk-3ASVVRCA.js → chunk-AH7QHTSG.js} +5 -5
  174. package/dist/{chunk-6PCBYFMH.js → chunk-AUDD3BII.js} +5 -5
  175. package/dist/{chunk-S57OO3BK.js → chunk-B7CNUKHE.js} +10 -10
  176. package/dist/{chunk-VM3JRVU6.js → chunk-BKGXUZF6.js} +15 -15
  177. package/dist/{chunk-NTSJO4WO.js → chunk-BOEKDGIG.js} +1 -1
  178. package/dist/{chunk-XEGXFQT5.js → chunk-CCC4PE3E.js} +2 -2
  179. package/dist/{chunk-2SB3QWIW.js → chunk-CY3NQS5G.js} +1 -1
  180. package/dist/{chunk-BPRTWO34.js → chunk-DSHNTCCG.js} +2 -2
  181. package/dist/{chunk-IH73HOJM.js → chunk-E7543KMS.js} +2 -2
  182. package/dist/{chunk-JZ3R5OQS.js → chunk-FCJBEUUD.js} +1 -1
  183. package/dist/{chunk-3MFFEUWK.js → chunk-FMACFZVM.js} +3 -3
  184. package/dist/{chunk-VR3T4WB2.js → chunk-G7FGAV44.js} +2 -2
  185. package/dist/{chunk-DNI6ECVG.js → chunk-GAYT3QXG.js} +5 -5
  186. package/dist/{chunk-JW72ZHDU.js → chunk-GHWTSUQQ.js} +4 -4
  187. package/dist/{chunk-BPMSUPKF.js → chunk-H33GYFXI.js} +4 -4
  188. package/dist/{chunk-U4IOD6HI.js → chunk-HNUVBOSY.js} +1 -1
  189. package/dist/{chunk-G3DWN7U7.js → chunk-HXUYRHS5.js} +5 -5
  190. package/dist/{chunk-GD62QQQM.js → chunk-IIUGCQWW.js} +8 -8
  191. package/dist/{chunk-BYAY3UHK.js → chunk-IZK3WBT5.js} +2 -2
  192. package/dist/{chunk-3UKTVVXR.js → chunk-JZBFIZNX.js} +2 -2
  193. package/dist/{chunk-DSHXJCKR.js → chunk-JZDIHG23.js} +9 -9
  194. package/dist/{chunk-65QLPZS3.js → chunk-KJNEM3SA.js} +1 -1
  195. package/dist/{chunk-QAUFBA7C.js → chunk-MGSR6KG7.js} +1 -1
  196. package/dist/{chunk-5SYUGIRG.js → chunk-MWOYTG5R.js} +1 -1
  197. package/dist/{chunk-ZKJMIS75.js → chunk-N64QLW23.js} +2 -2
  198. package/dist/{chunk-2EQ5ZDRA.js → chunk-NP2SOF4U.js} +1 -1
  199. package/dist/{chunk-JAXZJD33.js → chunk-O5LHBC7Q.js} +9 -9
  200. package/dist/{chunk-CJN4KKQM.js → chunk-OAIQMHLG.js} +3 -3
  201. package/dist/{chunk-FAB5XSXM.js → chunk-OLNYFKUC.js} +2 -2
  202. package/dist/{chunk-XBWNCVRK.js → chunk-OXX2Q4UK.js} +1 -1
  203. package/dist/{chunk-JWHS7D3I.js → chunk-PA5EHN7O.js} +1 -1
  204. package/dist/{chunk-2NOOQRTE.js → chunk-PETBANFF.js} +1 -1
  205. package/dist/{chunk-KXSEKNZ7.js → chunk-Q2EQP2RU.js} +2 -2
  206. package/dist/{chunk-UVX4CZWO.js → chunk-QDAESUMP.js} +1 -1
  207. package/dist/{chunk-N6VCQ632.js → chunk-R545UYFM.js} +1 -1
  208. package/dist/{chunk-3M3M4BQG.js → chunk-RSNYZJBA.js} +1 -1
  209. package/dist/{chunk-STWEUNIY.js → chunk-SLP3QVJN.js} +1 -1
  210. package/dist/{chunk-HH4KU2RL.js → chunk-T3JQ5FGZ.js} +2 -2
  211. package/dist/{chunk-MGVYGZD7.js → chunk-TPK6NH6T.js} +10 -10
  212. package/dist/{chunk-QODLCER2.js → chunk-TTL4G2TY.js} +2 -2
  213. package/dist/{chunk-DKOJD5J5.js → chunk-TXMTWWQS.js} +4 -4
  214. package/dist/{chunk-M2WKOIHJ.js → chunk-UFEEPQPN.js} +5 -5
  215. package/dist/{chunk-VHTPBGAH.js → chunk-UXXEQ6GN.js} +4 -4
  216. package/dist/{chunk-4WFZK7DY.js → chunk-V3GM5HJS.js} +1 -1
  217. package/dist/{chunk-26X5EBGP.js → chunk-VDXWDKOM.js} +1 -1
  218. package/dist/{chunk-CILOWBN6.js → chunk-VGAKY5R3.js} +2 -2
  219. package/dist/{chunk-HCYNQVIG.js → chunk-VHHOCRJ6.js} +12 -12
  220. package/dist/{chunk-HAVIEM2D.js → chunk-VTPBW5IC.js} +3 -3
  221. package/dist/{chunk-HP7T2HWU.js → chunk-VUFCC6BQ.js} +1 -1
  222. package/dist/{chunk-JA3B67UE.js → chunk-WD3ZL2OG.js} +4 -4
  223. package/dist/{chunk-MT2RVQDZ.js → chunk-WQG7DMLR.js} +3 -3
  224. package/dist/{chunk-XXFM3YKI.js → chunk-X2SACCY2.js} +4 -4
  225. package/dist/{chunk-IZAWEDX6.js → chunk-XJDZUQRN.js} +2 -2
  226. package/dist/{chunk-ZKL5F3OF.js → chunk-XTPBPGOE.js} +4 -4
  227. package/dist/{chunk-WTZ5SJEK.js → chunk-YRPLWZ7P.js} +1 -1
  228. package/dist/{chunk-FFBWW2UY.js → chunk-YTLEDJYH.js} +2 -2
  229. package/dist/{chunk-YLDI6PLK.js → chunk-YYBHF4YY.js} +1 -1
  230. package/dist/{chunk-3WYNM4YY.js → chunk-ZF6AUUH2.js} +14 -14
  231. package/dist/index.css +987 -949
  232. package/dist/index.js +83 -83
  233. package/dist/inputs/src/Input.css +74 -36
  234. package/dist/inputs/src/Input.js +1 -1
  235. package/dist/inputs/src/InputGroup.css +76 -38
  236. package/dist/inputs/src/InputGroup.js +1 -1
  237. package/dist/inputs/src/NumberField.css +100 -62
  238. package/dist/inputs/src/NumberField.js +13 -13
  239. package/dist/inputs/src/PasswordField.css +313 -275
  240. package/dist/inputs/src/PasswordField.js +13 -13
  241. package/dist/inputs/src/RemainingCharacterCount.css +73 -35
  242. package/dist/inputs/src/RemainingCharacterCount.js +8 -8
  243. package/dist/inputs/src/SearchField.css +319 -281
  244. package/dist/inputs/src/SearchField.js +14 -14
  245. package/dist/inputs/src/TextArea.css +97 -59
  246. package/dist/inputs/src/TextArea.js +12 -12
  247. package/dist/inputs/src/TextField.css +317 -279
  248. package/dist/inputs/src/TextField.js +16 -16
  249. package/dist/inputs/src/index.css +365 -327
  250. package/dist/inputs/src/index.js +20 -20
  251. package/dist/overlays/Popover/src/Popover.css +603 -565
  252. package/dist/overlays/Popover/src/Popover.js +8 -8
  253. package/dist/overlays/Popover/src/PopoverBase.css +74 -36
  254. package/dist/overlays/Popover/src/PopoverBase.js +1 -1
  255. package/dist/overlays/Popover/src/index.css +607 -569
  256. package/dist/overlays/Popover/src/index.js +9 -9
  257. package/dist/radio/src/DecorativeRadio.css +97 -59
  258. package/dist/radio/src/DecorativeRadio.js +9 -9
  259. package/dist/radio/src/Radio.css +89 -51
  260. package/dist/radio/src/Radio.js +9 -9
  261. package/dist/radio/src/RadioField.css +76 -38
  262. package/dist/radio/src/RadioField.js +4 -4
  263. package/dist/radio/src/RadioGroup.css +141 -103
  264. package/dist/radio/src/RadioGroup.js +8 -8
  265. package/dist/radio/src/index.css +141 -103
  266. package/dist/radio/src/index.js +14 -14
  267. package/dist/switch/src/Switch.css +86 -48
  268. package/dist/switch/src/Switch.js +9 -9
  269. package/dist/switch/src/SwitchField.css +76 -38
  270. package/dist/switch/src/SwitchField.js +4 -4
  271. package/dist/switch/src/index.css +92 -54
  272. package/dist/switch/src/index.js +10 -10
  273. package/dist/tag/src/Tag.css +434 -396
  274. package/dist/tag/src/Tag.js +14 -14
  275. package/dist/tag/src/TagGroup.css +80 -42
  276. package/dist/tag/src/TagGroup.js +8 -8
  277. package/dist/tag/src/index.css +444 -406
  278. package/dist/tag/src/index.js +17 -17
  279. package/dist/typography/Heading/src/Heading.css +70 -32
  280. package/dist/typography/Heading/src/Heading.js +1 -1
  281. package/dist/typography/Heading/src/index.css +70 -32
  282. package/dist/typography/Heading/src/index.js +1 -1
  283. package/dist/typography/Label/src/Label.css +70 -32
  284. package/dist/typography/Label/src/Label.js +2 -2
  285. package/dist/typography/Label/src/index.css +70 -32
  286. package/dist/typography/Label/src/index.js +2 -2
  287. package/dist/typography/OverlineText/src/OverlineText.css +70 -32
  288. package/dist/typography/OverlineText/src/OverlineText.js +1 -1
  289. package/dist/typography/OverlineText/src/index.css +70 -32
  290. package/dist/typography/OverlineText/src/index.js +1 -1
  291. package/dist/typography/Text/src/Text.css +70 -32
  292. package/dist/typography/Text/src/Text.js +2 -2
  293. package/dist/typography/Text/src/index.css +70 -32
  294. package/dist/typography/Text/src/index.js +2 -2
  295. package/dist/utils/src/ClearSlots.css +70 -32
  296. package/dist/utils/src/EnsureTextWrapper.css +70 -32
  297. package/dist/utils/src/EnsureTextWrapper.js +7 -7
  298. package/dist/utils/src/index.css +70 -32
  299. package/dist/utils/src/index.js +8 -8
  300. package/package.json +1 -1
package/dist/buttons/src/ClearButton.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Text/src/Text.module.css/#css-module-data */
2
- .Text-module__hop-Text___GwHVO {
2
+ .Text-module__hop-Text___A6WPK {
3
3
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
4
4
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
5
5
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -29,49 +29,49 @@
29
29
  --hop-Text-inherit-size-font-weight: inherit;
30
30
  --hop-Text-inherit-size-line-height: inherit;
31
31
  }
32
- :where(.Text-module__hop-Text___GwHVO) {
32
+ :where(.Text-module__hop-Text___A6WPK) {
33
33
  font-family: var(--font-family);
34
34
  font-size: var(--font-size);
35
35
  font-weight: var(--font-weight);
36
36
  line-height: var(--line-height);
37
37
  }
38
- :where(.Text-module__hop-Text--xs___Hy6wA) {
38
+ :where(.Text-module__hop-Text--xs___OT9i0) {
39
39
  --font-size: var(--hop-Text-xs-font-size);
40
40
  --font-family: var(--hop-Text-xs-font-family);
41
41
  --font-weight: var(--hop-Text-xs-font-weight);
42
42
  --line-height: var(--hop-Text-xs-line-height);
43
43
  }
44
- :where(.Text-module__hop-Text--sm___r6n11) {
44
+ :where(.Text-module__hop-Text--sm___bKtyz) {
45
45
  --font-size: var(--hop-Text-sm-font-size);
46
46
  --font-family: var(--hop-Text-sm-font-family);
47
47
  --font-weight: var(--hop-Text-sm-font-weight);
48
48
  --line-height: var(--hop-Text-sm-line-height);
49
49
  }
50
- :where(.Text-module__hop-Text--md___77-k9) {
50
+ :where(.Text-module__hop-Text--md___EWK9I) {
51
51
  --font-size: var(--hop-Text-md-font-size);
52
52
  --font-family: var(--hop-Text-md-font-family);
53
53
  --font-weight: var(--hop-Text-md-font-weight);
54
54
  --line-height: var(--hop-Text-md-line-height);
55
55
  }
56
- :where(.Text-module__hop-Text--lg___3QHga) {
56
+ :where(.Text-module__hop-Text--lg___xKf2K) {
57
57
  --font-size: var(--hop-Text-lg-font-size);
58
58
  --font-family: var(--hop-Text-lg-font-family);
59
59
  --font-weight: var(--hop-Text-lg-font-weight);
60
60
  --line-height: var(--hop-Text-lg-line-height);
61
61
  }
62
- :where(.Text-module__hop-Text--xl___UhMR-) {
62
+ :where(.Text-module__hop-Text--xl___X-I7p) {
63
63
  --font-size: var(--hop-Text-xl-font-size);
64
64
  --font-family: var(--hop-Text-xl-font-family);
65
65
  --font-weight: var(--hop-Text-xl-font-weight);
66
66
  --line-height: var(--hop-Text-xl-line-height);
67
67
  }
68
- :where(.Text-module__hop-Text--2xl___E9rXG) {
68
+ :where(.Text-module__hop-Text--2xl___qBAxp) {
69
69
  --font-size: var(--hop-Text-2xl-font-size);
70
70
  --font-family: var(--hop-Text-2xl-font-family);
71
71
  --font-weight: var(--hop-Text-2xl-font-weight);
72
72
  --line-height: var(--hop-Text-2xl-line-height);
73
73
  }
74
- :where(.Text-module__hop-Text--inherit___rK-x9) {
74
+ :where(.Text-module__hop-Text--inherit___aWINc) {
75
75
  --font-size: var(--hop-Text-inherit-size-font-size);
76
76
  --font-family: var(--hop-Text-inherit-size-font-family);
77
77
  --font-weight: var(--hop-Text-inherit-size-font-weight);
@@ -79,41 +79,51 @@
79
79
  }
80
80
 
81
81
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Heading/src/Heading.module.css/#css-module-data */
82
- .Heading-module__hop-Heading___vOuhR {
82
+ .Heading-module__hop-Heading___qZGl6 {
83
83
  --hop-Heading-xs-font-size: var(--hop-heading-xs-font-size);
84
84
  --hop-Heading-xs-font-family: var(--hop-heading-xs-font-family);
85
85
  --hop-Heading-xs-font-weight: var(--hop-heading-xs-font-weight);
86
86
  --hop-Heading-xs-line-height: var(--hop-heading-xs-line-height);
87
+ --hop-Heading-xs-top-offset: var(--hop-heading-xs-top-offset);
88
+ --hop-Heading-xs-bottom-offset: var(--hop-heading-xs-bottom-offset);
87
89
  --hop-Heading-sm-font-size: var(--hop-heading-sm-font-size);
88
90
  --hop-Heading-sm-font-family: var(--hop-heading-sm-font-family);
89
91
  --hop-Heading-sm-font-weight: var(--hop-heading-sm-font-weight);
90
92
  --hop-Heading-sm-line-height: var(--hop-heading-sm-line-height);
93
+ --hop-Heading-sm-top-offset: var(--hop-heading-sm-top-offset);
94
+ --hop-Heading-sm-bottom-offset: var(--hop-heading-sm-bottom-offset);
91
95
  --hop-Heading-md-font-size: var(--hop-heading-md-font-size);
92
96
  --hop-Heading-md-font-family: var(--hop-heading-md-font-family);
93
97
  --hop-Heading-md-font-weight: var(--hop-heading-md-font-weight);
94
98
  --hop-Heading-md-line-height: var(--hop-heading-md-line-height);
99
+ --hop-Heading-md-top-offset: var(--hop-heading-md-top-offset);
100
+ --hop-Heading-md-bottom-offset: var(--hop-heading-md-bottom-offset);
95
101
  --hop-Heading-lg-font-size: var(--hop-heading-lg-font-size);
96
102
  --hop-Heading-lg-font-family: var(--hop-heading-lg-font-family);
97
103
  --hop-Heading-lg-font-weight: var(--hop-heading-lg-font-weight);
98
104
  --hop-Heading-lg-line-height: var(--hop-heading-lg-line-height);
105
+ --hop-Heading-lg-top-offset: var(--hop-heading-lg-top-offset);
106
+ --hop-Heading-lg-bottom-offset: var(--hop-heading-lg-bottom-offset);
99
107
  --hop-Heading-xl-font-size: var(--hop-heading-xl-font-size);
100
108
  --hop-Heading-xl-font-family: var(--hop-heading-xl-font-family);
101
109
  --hop-Heading-xl-font-weight: var(--hop-heading-xl-font-weight);
102
110
  --hop-Heading-xl-line-height: var(--hop-heading-xl-line-height);
111
+ --hop-Heading-xl-top-offset: var(--hop-heading-xl-top-offset);
112
+ --hop-Heading-xl-bottom-offset: var(--hop-heading-xl-bottom-offset);
103
113
  --hop-Heading-2xl-font-size: var(--hop-heading-2xl-font-size);
104
114
  --hop-Heading-2xl-font-family: var(--hop-heading-2xl-font-family);
105
115
  --hop-Heading-2xl-font-weight: var(--hop-heading-2xl-font-weight);
106
116
  --hop-Heading-2xl-line-height: var(--hop-heading-2xl-line-height);
117
+ --hop-Heading-2xl-top-offset: var(--hop-heading-2xl-top-offset);
118
+ --hop-Heading-2xl-bottom-offset: var(--hop-heading-2xl-bottom-offset);
107
119
  --hop-Heading-3xl-font-size: var(--hop-heading-3xl-font-size);
108
120
  --hop-Heading-3xl-font-family: var(--hop-heading-3xl-font-family);
109
121
  --hop-Heading-3xl-font-weight: var(--hop-heading-3xl-font-weight);
110
122
  --hop-Heading-3xl-line-height: var(--hop-heading-3xl-line-height);
111
- --hop-Heading-inherit-size-font-size: inherit;
112
- --hop-Heading-inherit-size-font-family: inherit;
113
- --hop-Heading-inherit-size-font-weight: inherit;
114
- --hop-Heading-inherit-size-line-height: inherit;
123
+ --hop-Heading-3xl-top-offset: var(--hop-heading-3xl-top-offset);
124
+ --hop-Heading-3xl-bottom-offset: var(--hop-heading-3xl-bottom-offset);
115
125
  }
116
- :where(.Heading-module__hop-Heading___vOuhR) {
126
+ :where(.Heading-module__hop-Heading___qZGl6) {
117
127
  margin: 0;
118
128
  font-family: var(--font-family);
119
129
  font-size: var(--font-size);
@@ -121,51 +131,79 @@
121
131
  line-height: var(--line-height);
122
132
  color: var(--hop-neutral-text);
123
133
  }
124
- :where(.Heading-module__hop-Heading--xs___TljxC) {
134
+ :where(.Heading-module__hop-Heading___qZGl6)::before,
135
+ :where(.Heading-module__hop-Heading___qZGl6)::after {
136
+ content: "";
137
+ display: block;
138
+ box-sizing: border-box;
139
+ inline-size: 0;
140
+ block-size: 0;
141
+ }
142
+ :where(.Heading-module__hop-Heading___qZGl6)::before {
143
+ margin-block-end: var(--bottom-offset);
144
+ }
145
+ :where(.Heading-module__hop-Heading___qZGl6)::after {
146
+ margin-block-start: var(--top-offset);
147
+ }
148
+ :where(.Heading-module__hop-Heading--xs___9vIUc) {
125
149
  --font-size: var(--hop-Heading-xs-font-size);
126
150
  --font-family: var(--hop-Heading-xs-font-family);
127
151
  --font-weight: var(--hop-Heading-xs-font-weight);
128
152
  --line-height: var(--hop-Heading-xs-line-height);
153
+ --top-offset: var(--hop-Heading-xs-top-offset);
154
+ --bottom-offset: var(--hop-Heading-xs-bottom-offset);
129
155
  }
130
- :where(.Heading-module__hop-Heading--sm___Dd4aA) {
156
+ :where(.Heading-module__hop-Heading--sm___2cnPF) {
131
157
  --font-size: var(--hop-Heading-sm-font-size);
132
158
  --font-family: var(--hop-Heading-sm-font-family);
133
159
  --font-weight: var(--hop-Heading-sm-font-weight);
134
160
  --line-height: var(--hop-Heading-sm-line-height);
161
+ --top-offset: var(--hop-Heading-sm-top-offset);
162
+ --bottom-offset: var(--hop-Heading-sm-bottom-offset);
135
163
  }
136
- :where(.Heading-module__hop-Heading--md___4QZ22) {
164
+ :where(.Heading-module__hop-Heading--md___COxEc) {
137
165
  --font-size: var(--hop-Heading-md-font-size);
138
166
  --font-family: var(--hop-Heading-md-font-family);
139
167
  --font-weight: var(--hop-Heading-md-font-weight);
140
168
  --line-height: var(--hop-Heading-md-line-height);
169
+ --top-offset: var(--hop-Heading-md-top-offset);
170
+ --bottom-offset: var(--hop-Heading-md-bottom-offset);
141
171
  }
142
- :where(.Heading-module__hop-Heading--lg___gCcT1) {
172
+ :where(.Heading-module__hop-Heading--lg___uFN-j) {
143
173
  --font-size: var(--hop-Heading-lg-font-size);
144
174
  --font-family: var(--hop-Heading-lg-font-family);
145
175
  --font-weight: var(--hop-Heading-lg-font-weight);
146
176
  --line-height: var(--hop-Heading-lg-line-height);
177
+ --top-offset: var(--hop-Heading-lg-top-offset);
178
+ --bottom-offset: var(--hop-Heading-lg-bottom-offset);
147
179
  }
148
- :where(.Heading-module__hop-Heading--xl___bgGSZ) {
180
+ :where(.Heading-module__hop-Heading--xl___TI2o5) {
149
181
  --font-size: var(--hop-Heading-xl-font-size);
150
182
  --font-family: var(--hop-Heading-xl-font-family);
151
183
  --font-weight: var(--hop-Heading-xl-font-weight);
152
184
  --line-height: var(--hop-Heading-xl-line-height);
185
+ --top-offset: var(--hop-Heading-xl-top-offset);
186
+ --bottom-offset: var(--hop-Heading-xl-bottom-offset);
153
187
  }
154
- :where(.Heading-module__hop-Heading--2xl___-BDq2) {
188
+ :where(.Heading-module__hop-Heading--2xl___tSVfV) {
155
189
  --font-size: var(--hop-Heading-2xl-font-size);
156
190
  --font-family: var(--hop-Heading-2xl-font-family);
157
191
  --font-weight: var(--hop-Heading-2xl-font-weight);
158
192
  --line-height: var(--hop-Heading-2xl-line-height);
193
+ --top-offset: var(--hop-Heading-2xl-top-offset);
194
+ --bottom-offset: var(--hop-Heading-2xl-bottom-offset);
159
195
  }
160
- :where(.Heading-module__hop-Heading--3xl___uuF3d) {
196
+ :where(.Heading-module__hop-Heading--3xl___yBW4k) {
161
197
  --font-size: var(--hop-Heading-3xl-font-size);
162
198
  --font-family: var(--hop-Heading-3xl-font-family);
163
199
  --font-weight: var(--hop-Heading-3xl-font-weight);
164
200
  --line-height: var(--hop-Heading-3xl-line-height);
201
+ --top-offset: var(--hop-Heading-3xl-top-offset);
202
+ --bottom-offset: var(--hop-Heading-3xl-bottom-offset);
165
203
  }
166
204
 
167
205
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/OverlineText/src/OverlineText.module.css/#css-module-data */
168
- :where(.OverlineText-module__hop-OverlineText___zl-GZ) {
206
+ :where(.OverlineText-module__hop-OverlineText___l87dr) {
169
207
  --hop-OverlineText-font-family: var(--hop-overline-font-family);
170
208
  --hop-OverlineText-font-size: var(--hop-overline-font-size);
171
209
  --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
@@ -189,52 +227,52 @@
189
227
  text-transform: uppercase;
190
228
  letter-spacing: var(--letter-spacing);
191
229
  }
192
- .OverlineText-module__hop-OverlineText__text___74bSv {
230
+ .OverlineText-module__hop-OverlineText__text___dDkQB {
193
231
  box-sizing: border-box;
194
232
  }
195
- .OverlineText-module__hop-OverlineText__text___74bSv::before,
196
- .OverlineText-module__hop-OverlineText__text___74bSv::after {
233
+ .OverlineText-module__hop-OverlineText__text___dDkQB::before,
234
+ .OverlineText-module__hop-OverlineText__text___dDkQB::after {
197
235
  content: "";
198
236
  display: block;
199
237
  box-sizing: border-box;
200
238
  inline-size: 0;
201
239
  block-size: 0;
202
240
  }
203
- .OverlineText-module__hop-OverlineText__text___74bSv::before {
241
+ .OverlineText-module__hop-OverlineText__text___dDkQB::before {
204
242
  margin-block-end: var(--bottom-offset);
205
243
  }
206
- .OverlineText-module__hop-OverlineText__text___74bSv::after {
244
+ .OverlineText-module__hop-OverlineText__text___dDkQB::after {
207
245
  margin-block-start: var(--top-offset);
208
246
  }
209
247
 
210
248
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Form/src/Form.module.css/#css-module-data */
211
- .Form-module__hop-Form___NGqig {
249
+ .Form-module__hop-Form___s5RQU {
212
250
  display: flex;
213
251
  flex-direction: column;
214
252
  gap: var(--hop-space-stack-lg);
215
253
  }
216
254
 
217
255
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Label/src/Label.module.css/#css-module-data */
218
- .Label-module__hop-Label___1lP-g {
256
+ .Label-module__hop-Label___TPaRo {
219
257
  --hop-Label-font-size: var(--hop-heading-xs-font-size);
220
258
  --hop-Label-font-family: var(--hop-heading-xs-font-family);
221
259
  --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
222
260
  --hop-Label-line-height: var(--hop-heading-xs-line-height);
223
261
  --hop-Label-color: var(--hop-neutral-text-weak);
224
262
  }
225
- :where(.Label-module__hop-Label___1lP-g) {
263
+ :where(.Label-module__hop-Label___TPaRo) {
226
264
  font-family: var(--hop-Label-font-family);
227
265
  font-size: var(--hop-Label-font-size);
228
266
  font-weight: var(--hop-Label-font-weight);
229
267
  line-height: var(--hop-Label-line-height);
230
268
  color: var(--hop-Label-color);
231
269
  }
232
- :where(.Label-module__hop-Label__indicator___pBlO9) {
270
+ :where(.Label-module__hop-Label__indicator___hKKpy) {
233
271
  padding-inline-start: var(--hop-space-20);
234
272
  }
235
273
 
236
274
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/EmbeddedButton.module.css/#css-module-data */
237
- .EmbeddedButton-module__hop-EmbeddedButton___UEQ2k {
275
+ .EmbeddedButton-module__hop-EmbeddedButton___T9mKF {
238
276
  --hop-EmbeddedButton-border-radius: var(--hop-shape-rounded-md);
239
277
  --hop-EmbeddedButton-focus-ring-color: var(--hop-primary-border-focus);
240
278
  --hop-EmbeddedButton-effect-border-radius: var(--hop-shape-circle);
@@ -398,7 +436,7 @@
398
436
  outline: none;
399
437
  transition: color var(--transition);
400
438
  }
401
- .EmbeddedButton-module__hop-EmbeddedButton___UEQ2k::before {
439
+ .EmbeddedButton-module__hop-EmbeddedButton___T9mKF::before {
402
440
  content: "";
403
441
  position: absolute;
404
442
  inset-block-start: 50%;
@@ -411,278 +449,278 @@
411
449
  border-radius: var(--effect-border-radius);
412
450
  transition: background-color var(--transition);
413
451
  }
414
- .EmbeddedButton-module__hop-EmbeddedButton___UEQ2k[data-square] {
452
+ .EmbeddedButton-module__hop-EmbeddedButton___T9mKF[data-square] {
415
453
  --effect-border-radius: var(--hop-EmbeddedButton-effect-square-border-radius);
416
454
  }
417
- .EmbeddedButton-module__hop-EmbeddedButton--md___OVmni {
455
+ .EmbeddedButton-module__hop-EmbeddedButton--md___ywFYy {
418
456
  --inline-size: var(--hop-EmbeddedButton-md-width);
419
457
  --block-size: var(--hop-EmbeddedButton-md-height);
420
458
  --focus-ring-offset: calc(-1 * var(--focus-ring-size));
421
459
  }
422
- .EmbeddedButton-module__hop-EmbeddedButton--lg___aMwCD {
460
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___6o3Tm {
423
461
  --inline-size: var(--hop-EmbeddedButton-lg-width);
424
462
  --block-size: var(--hop-EmbeddedButton-lg-height);
425
463
  --focus-ring-offset: 0;
426
464
  }
427
- .EmbeddedButton-module__hop-EmbeddedButton--md___OVmni::before {
465
+ .EmbeddedButton-module__hop-EmbeddedButton--md___ywFYy::before {
428
466
  --effect-inline-size: var(--hop-EmbeddedButton-md-effect-width);
429
467
  --effect-block-size: var(--hop-EmbeddedButton-md-effect-height);
430
468
  }
431
- .EmbeddedButton-module__hop-EmbeddedButton--lg___aMwCD::before {
469
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___6o3Tm::before {
432
470
  --effect-inline-size: var(--hop-EmbeddedButton-lg-effect-width);
433
471
  --effect-block-size: var(--hop-EmbeddedButton-lg-effect-height);
434
472
  }
435
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___o-xMz {
473
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___Buvp- {
436
474
  --color: var(--hop-EmbeddedButton-neutral-color);
437
475
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color);
438
476
  }
439
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___tbiXW {
477
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___MQGmh {
440
478
  --color: var(--hop-EmbeddedButton-subdued-color);
441
479
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color);
442
480
  }
443
- .EmbeddedButton-module__hop-EmbeddedButton--progress___m-cv5 {
481
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___KZynz {
444
482
  --color: var(--hop-EmbeddedButton-progress-color);
445
483
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color);
446
484
  }
447
- .EmbeddedButton-module__hop-EmbeddedButton--positive___FuokD {
485
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___2g1fU {
448
486
  --color: var(--hop-EmbeddedButton-positive-color);
449
487
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color);
450
488
  }
451
- .EmbeddedButton-module__hop-EmbeddedButton--caution___--IEy {
489
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___6pHqy {
452
490
  --color: var(--hop-EmbeddedButton-caution-color);
453
491
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color);
454
492
  }
455
- .EmbeddedButton-module__hop-EmbeddedButton--negative___bk2cR {
493
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___j0lXf {
456
494
  --color: var(--hop-EmbeddedButton-negative-color);
457
495
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color);
458
496
  }
459
- .EmbeddedButton-module__hop-EmbeddedButton--option1___39JX9 {
497
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___j7dfm {
460
498
  --color: var(--hop-EmbeddedButton-option1-color);
461
499
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color);
462
500
  }
463
- .EmbeddedButton-module__hop-EmbeddedButton--option2___hw4Q2 {
501
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___9-HU6 {
464
502
  --color: var(--hop-EmbeddedButton-option2-color);
465
503
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color);
466
504
  }
467
- .EmbeddedButton-module__hop-EmbeddedButton--option3___mhCA3 {
505
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___KuXQT {
468
506
  --color: var(--hop-EmbeddedButton-option3-color);
469
507
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color);
470
508
  }
471
- .EmbeddedButton-module__hop-EmbeddedButton--option4___xMlGO {
509
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___N-Z-c {
472
510
  --color: var(--hop-EmbeddedButton-option4-color);
473
511
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color);
474
512
  }
475
- .EmbeddedButton-module__hop-EmbeddedButton--option5___wS2XV {
513
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___mz9I1 {
476
514
  --color: var(--hop-EmbeddedButton-option5-color);
477
515
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color);
478
516
  }
479
- .EmbeddedButton-module__hop-EmbeddedButton--option6___fy-aW {
517
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___medsy {
480
518
  --color: var(--hop-EmbeddedButton-option6-color);
481
519
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color);
482
520
  }
483
- .EmbeddedButton-module__hop-EmbeddedButton___UEQ2k[data-selected] {
521
+ .EmbeddedButton-module__hop-EmbeddedButton___T9mKF[data-selected] {
484
522
  --color: var(--hop-EmbeddedButton-selected-color);
485
523
  --effect-background-color: var(--hop-EmbeddedButton-selected-effect-background-color);
486
524
  }
487
- .EmbeddedButton-module__hop-EmbeddedButton___UEQ2k[data-focus-visible] {
525
+ .EmbeddedButton-module__hop-EmbeddedButton___T9mKF[data-focus-visible] {
488
526
  outline: var(--focus-ring-size) solid var(--hop-EmbeddedButton-focus-ring-color);
489
527
  outline-offset: var(--focus-ring-offset);
490
528
  }
491
- .EmbeddedButton-module__hop-EmbeddedButton___UEQ2k[data-disabled] {
529
+ .EmbeddedButton-module__hop-EmbeddedButton___T9mKF[data-disabled] {
492
530
  cursor: not-allowed;
493
531
  }
494
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___o-xMz[data-hovered] {
532
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___Buvp-[data-hovered] {
495
533
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-hovered);
496
534
  --color: var(--hop-EmbeddedButton-neutral-color-hovered);
497
535
  }
498
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___o-xMz[data-focus-visible] {
536
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___Buvp-[data-focus-visible] {
499
537
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-focused);
500
538
  --color: var(--hop-EmbeddedButton-neutral-color-focused);
501
539
  }
502
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___o-xMz[data-pressed] {
540
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___Buvp-[data-pressed] {
503
541
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-pressed);
504
542
  --color: var(--hop-EmbeddedButton-neutral-color-pressed);
505
543
  }
506
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___o-xMz[data-disabled] {
544
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___Buvp-[data-disabled] {
507
545
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-disabled);
508
546
  --color: var(--hop-EmbeddedButton-neutral-color-disabled);
509
547
  }
510
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___tbiXW[data-hovered] {
548
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___MQGmh[data-hovered] {
511
549
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-hovered);
512
550
  --color: var(--hop-EmbeddedButton-subdued-color-hovered);
513
551
  }
514
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___tbiXW[data-focus-visible] {
552
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___MQGmh[data-focus-visible] {
515
553
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-focused);
516
554
  --color: var(--hop-EmbeddedButton-subdued-color-focused);
517
555
  }
518
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___tbiXW[data-pressed] {
556
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___MQGmh[data-pressed] {
519
557
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-pressed);
520
558
  --color: var(--hop-EmbeddedButton-subdued-color-pressed);
521
559
  }
522
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___tbiXW[data-disabled] {
560
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___MQGmh[data-disabled] {
523
561
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-disabled);
524
562
  --color: var(--hop-EmbeddedButton-subdued-color-disabled);
525
563
  }
526
- .EmbeddedButton-module__hop-EmbeddedButton--progress___m-cv5[data-hovered] {
564
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___KZynz[data-hovered] {
527
565
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-hovered);
528
566
  --color: var(--hop-EmbeddedButton-progress-color-hovered);
529
567
  }
530
- .EmbeddedButton-module__hop-EmbeddedButton--progress___m-cv5[data-focus-visible] {
568
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___KZynz[data-focus-visible] {
531
569
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-focused);
532
570
  --color: var(--hop-EmbeddedButton-progress-color-focused);
533
571
  }
534
- .EmbeddedButton-module__hop-EmbeddedButton--progress___m-cv5[data-pressed] {
572
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___KZynz[data-pressed] {
535
573
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-pressed);
536
574
  --color: var(--hop-EmbeddedButton-progress-color-pressed);
537
575
  }
538
- .EmbeddedButton-module__hop-EmbeddedButton--progress___m-cv5[data-disabled] {
576
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___KZynz[data-disabled] {
539
577
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-disabled);
540
578
  --color: var(--hop-EmbeddedButton-progress-color-disabled);
541
579
  }
542
- .EmbeddedButton-module__hop-EmbeddedButton--positive___FuokD[data-hovered] {
580
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___2g1fU[data-hovered] {
543
581
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-hovered);
544
582
  --color: var(--hop-EmbeddedButton-positive-color-hovered);
545
583
  }
546
- .EmbeddedButton-module__hop-EmbeddedButton--positive___FuokD[data-focus-visible] {
584
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___2g1fU[data-focus-visible] {
547
585
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-focused);
548
586
  --color: var(--hop-EmbeddedButton-positive-color-focused);
549
587
  }
550
- .EmbeddedButton-module__hop-EmbeddedButton--positive___FuokD[data-pressed] {
588
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___2g1fU[data-pressed] {
551
589
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-pressed);
552
590
  --color: var(--hop-EmbeddedButton-positive-color-pressed);
553
591
  }
554
- .EmbeddedButton-module__hop-EmbeddedButton--positive___FuokD[data-disabled] {
592
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___2g1fU[data-disabled] {
555
593
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-disabled);
556
594
  --color: var(--hop-EmbeddedButton-positive-color-disabled);
557
595
  }
558
- .EmbeddedButton-module__hop-EmbeddedButton--caution___--IEy[data-hovered] {
596
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___6pHqy[data-hovered] {
559
597
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-hovered);
560
598
  --color: var(--hop-EmbeddedButton-caution-color-hovered);
561
599
  }
562
- .EmbeddedButton-module__hop-EmbeddedButton--caution___--IEy[data-focus-visible] {
600
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___6pHqy[data-focus-visible] {
563
601
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-focused);
564
602
  --color: var(--hop-EmbeddedButton-caution-color-focused);
565
603
  }
566
- .EmbeddedButton-module__hop-EmbeddedButton--caution___--IEy[data-pressed] {
604
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___6pHqy[data-pressed] {
567
605
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-pressed);
568
606
  --color: var(--hop-EmbeddedButton-caution-color-pressed);
569
607
  }
570
- .EmbeddedButton-module__hop-EmbeddedButton--caution___--IEy[data-disabled] {
608
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___6pHqy[data-disabled] {
571
609
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-disabled);
572
610
  --color: var(--hop-EmbeddedButton-caution-color-disabled);
573
611
  }
574
- .EmbeddedButton-module__hop-EmbeddedButton--negative___bk2cR[data-hovered] {
612
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___j0lXf[data-hovered] {
575
613
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-hovered);
576
614
  --color: var(--hop-EmbeddedButton-negative-color-hovered);
577
615
  }
578
- .EmbeddedButton-module__hop-EmbeddedButton--negative___bk2cR[data-focus-visible] {
616
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___j0lXf[data-focus-visible] {
579
617
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-focused);
580
618
  --color: var(--hop-EmbeddedButton-negative-color-focused);
581
619
  }
582
- .EmbeddedButton-module__hop-EmbeddedButton--negative___bk2cR[data-pressed] {
620
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___j0lXf[data-pressed] {
583
621
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-pressed);
584
622
  --color: var(--hop-EmbeddedButton-negative-color-pressed);
585
623
  }
586
- .EmbeddedButton-module__hop-EmbeddedButton--negative___bk2cR[data-disabled] {
624
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___j0lXf[data-disabled] {
587
625
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-disabled);
588
626
  --color: var(--hop-EmbeddedButton-negative-color-disabled);
589
627
  }
590
- .EmbeddedButton-module__hop-EmbeddedButton--option1___39JX9[data-hovered] {
628
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___j7dfm[data-hovered] {
591
629
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-hovered);
592
630
  --color: var(--hop-EmbeddedButton-option1-color-hovered);
593
631
  }
594
- .EmbeddedButton-module__hop-EmbeddedButton--option1___39JX9[data-focus-visible] {
632
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___j7dfm[data-focus-visible] {
595
633
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-focused);
596
634
  --color: var(--hop-EmbeddedButton-option1-color-focused);
597
635
  }
598
- .EmbeddedButton-module__hop-EmbeddedButton--option1___39JX9[data-pressed] {
636
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___j7dfm[data-pressed] {
599
637
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-pressed);
600
638
  --color: var(--hop-EmbeddedButton-option1-color-pressed);
601
639
  }
602
- .EmbeddedButton-module__hop-EmbeddedButton--option1___39JX9[data-disabled] {
640
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___j7dfm[data-disabled] {
603
641
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-disabled);
604
642
  --color: var(--hop-EmbeddedButton-option1-color-disabled);
605
643
  }
606
- .EmbeddedButton-module__hop-EmbeddedButton--option2___hw4Q2[data-hovered] {
644
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___9-HU6[data-hovered] {
607
645
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-hovered);
608
646
  --color: var(--hop-EmbeddedButton-option2-color-hovered);
609
647
  }
610
- .EmbeddedButton-module__hop-EmbeddedButton--option2___hw4Q2[data-focus-visible] {
648
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___9-HU6[data-focus-visible] {
611
649
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-focused);
612
650
  --color: var(--hop-EmbeddedButton-option2-color-focused);
613
651
  }
614
- .EmbeddedButton-module__hop-EmbeddedButton--option2___hw4Q2[data-pressed] {
652
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___9-HU6[data-pressed] {
615
653
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-pressed);
616
654
  --color: var(--hop-EmbeddedButton-option2-color-pressed);
617
655
  }
618
- .EmbeddedButton-module__hop-EmbeddedButton--option2___hw4Q2[data-disabled] {
656
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___9-HU6[data-disabled] {
619
657
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-disabled);
620
658
  --color: var(--hop-EmbeddedButton-option2-color-disabled);
621
659
  }
622
- .EmbeddedButton-module__hop-EmbeddedButton--option3___mhCA3[data-hovered] {
660
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___KuXQT[data-hovered] {
623
661
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-hovered);
624
662
  --color: var(--hop-EmbeddedButton-option3-color-hovered);
625
663
  }
626
- .EmbeddedButton-module__hop-EmbeddedButton--option3___mhCA3[data-focus-visible] {
664
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___KuXQT[data-focus-visible] {
627
665
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-focused);
628
666
  --color: var(--hop-EmbeddedButton-option3-color-focused);
629
667
  }
630
- .EmbeddedButton-module__hop-EmbeddedButton--option3___mhCA3[data-pressed] {
668
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___KuXQT[data-pressed] {
631
669
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-pressed);
632
670
  --color: var(--hop-EmbeddedButton-option3-color-pressed);
633
671
  }
634
- .EmbeddedButton-module__hop-EmbeddedButton--option3___mhCA3[data-disabled] {
672
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___KuXQT[data-disabled] {
635
673
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-disabled);
636
674
  --color: var(--hop-EmbeddedButton-option3-color-disabled);
637
675
  }
638
- .EmbeddedButton-module__hop-EmbeddedButton--option4___xMlGO[data-hovered] {
676
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___N-Z-c[data-hovered] {
639
677
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-hovered);
640
678
  --color: var(--hop-EmbeddedButton-option4-color-hovered);
641
679
  }
642
- .EmbeddedButton-module__hop-EmbeddedButton--option4___xMlGO[data-focus-visible] {
680
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___N-Z-c[data-focus-visible] {
643
681
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-focused);
644
682
  --color: var(--hop-EmbeddedButton-option4-color-focused);
645
683
  }
646
- .EmbeddedButton-module__hop-EmbeddedButton--option4___xMlGO[data-pressed] {
684
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___N-Z-c[data-pressed] {
647
685
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-pressed);
648
686
  --color: var(--hop-EmbeddedButton-option4-color-pressed);
649
687
  }
650
- .EmbeddedButton-module__hop-EmbeddedButton--option4___xMlGO[data-disabled] {
688
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___N-Z-c[data-disabled] {
651
689
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-disabled);
652
690
  --color: var(--hop-EmbeddedButton-option4-color-disabled);
653
691
  }
654
- .EmbeddedButton-module__hop-EmbeddedButton--option5___wS2XV[data-hovered] {
692
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___mz9I1[data-hovered] {
655
693
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-hovered);
656
694
  --color: var(--hop-EmbeddedButton-option5-color-hovered);
657
695
  }
658
- .EmbeddedButton-module__hop-EmbeddedButton--option5___wS2XV[data-focus-visible] {
696
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___mz9I1[data-focus-visible] {
659
697
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-focused);
660
698
  --color: var(--hop-EmbeddedButton-option5-color-focused);
661
699
  }
662
- .EmbeddedButton-module__hop-EmbeddedButton--option5___wS2XV[data-pressed] {
700
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___mz9I1[data-pressed] {
663
701
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-pressed);
664
702
  --color: var(--hop-EmbeddedButton-option5-color-pressed);
665
703
  }
666
- .EmbeddedButton-module__hop-EmbeddedButton--option5___wS2XV[data-disabled] {
704
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___mz9I1[data-disabled] {
667
705
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-disabled);
668
706
  --color: var(--hop-EmbeddedButton-option5-color-disabled);
669
707
  }
670
- .EmbeddedButton-module__hop-EmbeddedButton--option6___fy-aW[data-hovered] {
708
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___medsy[data-hovered] {
671
709
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-hovered);
672
710
  --color: var(--hop-EmbeddedButton-option6-color-hovered);
673
711
  }
674
- .EmbeddedButton-module__hop-EmbeddedButton--option6___fy-aW[data-focus-visible] {
712
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___medsy[data-focus-visible] {
675
713
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-focused);
676
714
  --color: var(--hop-EmbeddedButton-option6-color-focused);
677
715
  }
678
- .EmbeddedButton-module__hop-EmbeddedButton--option6___fy-aW[data-pressed] {
716
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___medsy[data-pressed] {
679
717
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-pressed);
680
718
  --color: var(--hop-EmbeddedButton-option6-color-pressed);
681
719
  }
682
- .EmbeddedButton-module__hop-EmbeddedButton--option6___fy-aW[data-disabled] {
720
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___medsy[data-disabled] {
683
721
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-disabled);
684
722
  --color: var(--hop-EmbeddedButton-option6-color-disabled);
685
723
  }
686
- .EmbeddedButton-module__hop-EmbeddedButton__icon___7PyRn {
724
+ .EmbeddedButton-module__hop-EmbeddedButton__icon___t0c10 {
687
725
  position: relative;
688
726
  }
package/dist/buttons/src/ClearButton.js CHANGED
@@ -1,5 +1,5 @@
1
- export { _ClearButton as ClearButton, GlobalClearButtonCssSelector } from '../../chunk-U4IOD6HI.js';
2
- import '../../chunk-MHQL4ITH.js';
1
+ export { _ClearButton as ClearButton, GlobalClearButtonCssSelector } from '../../chunk-HNUVBOSY.js';
2
+ import '../../chunk-7G5PGVLI.js';
3
3
  import '../../chunk-O7IJYNVQ.js';
4
4
  import '../../chunk-DXVKHP4V.js';
5
5
  import '../../chunk-75DHKNW2.js';