@hopper-ui/components 1.3.14 → 1.3.16

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 (271) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/dist/Avatar/src/AnonymousAvatar.css +37 -37
  3. package/dist/Avatar/src/AnonymousAvatar.js +2 -2
  4. package/dist/Avatar/src/Avatar.css +55 -55
  5. package/dist/Avatar/src/Avatar.d.ts +2 -2
  6. package/dist/Avatar/src/Avatar.js +3 -3
  7. package/dist/Avatar/src/DeletedAvatar.css +37 -37
  8. package/dist/Avatar/src/DeletedAvatar.js +2 -2
  9. package/dist/Avatar/src/RichIconAvatarImage.css +37 -37
  10. package/dist/Avatar/src/RichIconAvatarImage.js +1 -1
  11. package/dist/Avatar/src/index.css +55 -55
  12. package/dist/Avatar/src/index.js +5 -5
  13. package/dist/Badge/src/Badge.css +42 -42
  14. package/dist/Badge/src/Badge.d.ts +3 -2
  15. package/dist/Badge/src/Badge.js +2 -2
  16. package/dist/Badge/src/FloatingBadge.css +37 -37
  17. package/dist/Badge/src/FloatingBadge.js +1 -1
  18. package/dist/Badge/src/index.css +52 -52
  19. package/dist/Badge/src/index.d.ts +1 -1
  20. package/dist/Badge/src/index.js +3 -3
  21. package/dist/ClearButton-DTR1qTbm.d.ts +84 -0
  22. package/dist/ComboBox/src/ComboBox.css +731 -726
  23. package/dist/ComboBox/src/ComboBox.d.ts +5 -6
  24. package/dist/ComboBox/src/ComboBox.js +45 -45
  25. package/dist/ComboBox/src/index.css +731 -726
  26. package/dist/ComboBox/src/index.d.ts +1 -1
  27. package/dist/ComboBox/src/index.js +45 -45
  28. package/dist/Divider/src/Divider.css +29 -29
  29. package/dist/Divider/src/Divider.js +1 -1
  30. package/dist/Divider/src/index.css +29 -29
  31. package/dist/Divider/src/index.js +1 -1
  32. package/dist/ErrorMessage/src/ErrorMessage.css +29 -29
  33. package/dist/ErrorMessage/src/ErrorMessage.js +2 -2
  34. package/dist/ErrorMessage/src/index.css +29 -29
  35. package/dist/ErrorMessage/src/index.js +2 -2
  36. package/dist/Form/src/Form.css +731 -726
  37. package/dist/Form/src/Form.d.ts +4 -2
  38. package/dist/Form/src/Form.js +45 -45
  39. package/dist/Form/src/FormContext.d.ts +2 -0
  40. package/dist/Form/src/index.css +731 -726
  41. package/dist/Form/src/index.d.ts +2 -0
  42. package/dist/Form/src/index.js +45 -45
  43. package/dist/HelperMessage/src/HelperMessage.css +29 -29
  44. package/dist/HelperMessage/src/HelperMessage.js +2 -2
  45. package/dist/HelperMessage/src/index.css +29 -29
  46. package/dist/HelperMessage/src/index.js +2 -2
  47. package/dist/IconList/src/IconList.css +28 -28
  48. package/dist/IconList/src/IconList.d.ts +2 -1
  49. package/dist/IconList/src/IconList.js +1 -1
  50. package/dist/IconList/src/IconListContext.d.ts +1 -0
  51. package/dist/IconList/src/index.css +28 -28
  52. package/dist/IconList/src/index.d.ts +1 -0
  53. package/dist/IconList/src/index.js +1 -1
  54. package/dist/Link/src/Link.css +49 -49
  55. package/dist/Link/src/Link.d.ts +5 -3
  56. package/dist/Link/src/Link.js +6 -6
  57. package/dist/Link/src/index.css +49 -49
  58. package/dist/Link/src/index.d.ts +1 -1
  59. package/dist/Link/src/index.js +6 -6
  60. package/dist/ListBox/src/ListBox.css +274 -274
  61. package/dist/ListBox/src/ListBox.d.ts +2 -2
  62. package/dist/ListBox/src/ListBox.js +10 -10
  63. package/dist/ListBox/src/ListBoxItem.css +262 -262
  64. package/dist/ListBox/src/ListBoxItem.d.ts +3 -2
  65. package/dist/ListBox/src/ListBoxItem.js +9 -9
  66. package/dist/ListBox/src/ListBoxItemSkeleton.css +34 -34
  67. package/dist/ListBox/src/ListBoxItemSkeleton.d.ts +7 -2
  68. package/dist/ListBox/src/ListBoxItemSkeleton.js +1 -1
  69. package/dist/ListBox/src/ListBoxItemSkeletonContext.d.ts +6 -0
  70. package/dist/ListBox/src/index.css +274 -274
  71. package/dist/ListBox/src/index.d.ts +1 -1
  72. package/dist/ListBox/src/index.js +10 -10
  73. package/dist/Select/src/Select.css +731 -726
  74. package/dist/Select/src/Select.d.ts +5 -6
  75. package/dist/Select/src/Select.js +45 -45
  76. package/dist/Select/src/SelectValue.css +61 -61
  77. package/dist/Select/src/SelectValue.d.ts +2 -12
  78. package/dist/Select/src/SelectValue.js +5 -5
  79. package/dist/Select/src/index.css +731 -726
  80. package/dist/Select/src/index.d.ts +1 -1
  81. package/dist/Select/src/index.js +45 -45
  82. package/dist/Spinner/src/Spinner.css +37 -37
  83. package/dist/Spinner/src/Spinner.d.ts +3 -2
  84. package/dist/Spinner/src/Spinner.js +2 -2
  85. package/dist/Spinner/src/index.css +37 -37
  86. package/dist/Spinner/src/index.d.ts +1 -1
  87. package/dist/Spinner/src/index.js +2 -2
  88. package/dist/buttons/src/Button.css +128 -123
  89. package/dist/buttons/src/Button.d.ts +5 -3
  90. package/dist/buttons/src/Button.js +7 -7
  91. package/dist/buttons/src/ButtonGroup.css +40 -40
  92. package/dist/buttons/src/ButtonGroup.d.ts +7 -2
  93. package/dist/buttons/src/ButtonGroup.js +1 -1
  94. package/dist/buttons/src/ButtonGroupContext.d.ts +4 -0
  95. package/dist/buttons/src/ClearButton.css +98 -98
  96. package/dist/buttons/src/ClearButton.d.ts +5 -14
  97. package/dist/buttons/src/ClearButton.js +2 -2
  98. package/dist/buttons/src/ClearButtonContext.d.ts +4 -2
  99. package/dist/buttons/src/EmbeddedButton.css +98 -98
  100. package/dist/buttons/src/EmbeddedButton.d.ts +7 -33
  101. package/dist/buttons/src/EmbeddedButton.js +1 -1
  102. package/dist/buttons/src/EmbeddedButtonContext.d.ts +4 -1
  103. package/dist/buttons/src/index.css +212 -207
  104. package/dist/buttons/src/index.d.ts +2 -3
  105. package/dist/buttons/src/index.js +10 -10
  106. package/dist/checkbox/src/Checkbox.css +46 -46
  107. package/dist/checkbox/src/Checkbox.d.ts +3 -1
  108. package/dist/checkbox/src/Checkbox.js +6 -6
  109. package/dist/checkbox/src/CheckboxContext.d.ts +2 -0
  110. package/dist/checkbox/src/CheckboxField.css +33 -33
  111. package/dist/checkbox/src/CheckboxField.d.ts +2 -2
  112. package/dist/checkbox/src/CheckboxField.js +1 -1
  113. package/dist/checkbox/src/CheckboxGroup.css +98 -98
  114. package/dist/checkbox/src/CheckboxGroup.d.ts +7 -4
  115. package/dist/checkbox/src/CheckboxGroup.js +1 -1
  116. package/dist/checkbox/src/CheckboxGroupContext.d.ts +3 -0
  117. package/dist/checkbox/src/DecorativeCheckbox.css +54 -54
  118. package/dist/checkbox/src/DecorativeCheckbox.js +6 -6
  119. package/dist/checkbox/src/index.css +98 -98
  120. package/dist/checkbox/src/index.d.ts +1 -0
  121. package/dist/checkbox/src/index.js +9 -9
  122. package/dist/{chunk-RUZ3J43X.js → chunk-2HFFANGL.js} +7 -7
  123. package/dist/{chunk-CUPCOAXZ.js → chunk-2PPQY3B2.js} +1 -1
  124. package/dist/{chunk-YYFZDZXJ.js → chunk-3HPUMEF6.js} +1 -1
  125. package/dist/{chunk-ZPLEEUPC.js → chunk-3RRF33G3.js} +5 -5
  126. package/dist/{chunk-R2EN2OFJ.js → chunk-43D3MCMN.js} +2 -2
  127. package/dist/{chunk-A4UHNZBX.js → chunk-4YPVPNN3.js} +1 -1
  128. package/dist/{chunk-6DYXXDY4.js → chunk-532EGRYD.js} +3 -3
  129. package/dist/{chunk-F6P4WIKS.js → chunk-5TLUX4FA.js} +2 -2
  130. package/dist/{chunk-A265GCLA.js → chunk-7A6CYDDX.js} +2 -2
  131. package/dist/{chunk-LFFRDNDM.js → chunk-7C76VW2S.js} +2 -2
  132. package/dist/{chunk-BWMRLYXD.js → chunk-AAMYSAT4.js} +3 -3
  133. package/dist/{chunk-DN63JAPT.js → chunk-ARZVBUNR.js} +1 -1
  134. package/dist/{chunk-JZAWRJFA.js → chunk-AUEHFPNX.js} +1 -1
  135. package/dist/{chunk-JB3N2PYV.js → chunk-BK4B5TOE.js} +1 -1
  136. package/dist/{chunk-VVVDQWQ3.js → chunk-BMNXD345.js} +3 -3
  137. package/dist/{chunk-PCOOOVLE.js → chunk-BOFZY7AG.js} +2 -2
  138. package/dist/{chunk-SG2POHLX.js → chunk-BWBS4H3T.js} +5 -5
  139. package/dist/{chunk-USP2ITRL.js → chunk-BZZ3R77M.js} +1 -1
  140. package/dist/{chunk-PWJCO32L.js → chunk-CKPFSDF5.js} +1 -1
  141. package/dist/{chunk-26L2JI5Z.js → chunk-CQQWAC7P.js} +2 -2
  142. package/dist/{chunk-DFKPVOQ4.js → chunk-D3ATZADP.js} +1 -1
  143. package/dist/{chunk-2D2QW2TN.js → chunk-E3ZVVZI2.js} +3 -3
  144. package/dist/{chunk-BA265NQT.js → chunk-GFAHOC2Y.js} +4 -4
  145. package/dist/{chunk-FXHZXIPR.js → chunk-GLAJGJ5L.js} +2 -2
  146. package/dist/{chunk-XGS34BBU.js → chunk-HG4WPVDQ.js} +3 -3
  147. package/dist/{chunk-K2DSUPKO.js → chunk-JMBLHNVE.js} +1 -1
  148. package/dist/{chunk-5TL2U37O.js → chunk-KBDTTZPD.js} +2 -2
  149. package/dist/{chunk-MLLUZ55T.js → chunk-KGMX2K4Z.js} +1 -1
  150. package/dist/{chunk-4DLUFECD.js → chunk-LNMXRJGJ.js} +1 -1
  151. package/dist/{chunk-X57PKGPX.js → chunk-LZNVIB4Q.js} +2 -2
  152. package/dist/{chunk-DWVXSSVC.js → chunk-MGHBK4XX.js} +2 -2
  153. package/dist/{chunk-I3B3G6N4.js → chunk-NCOVEXXO.js} +1 -1
  154. package/dist/{chunk-PQR2DVBK.js → chunk-PBFGUMTY.js} +1 -1
  155. package/dist/{chunk-JHP7LA2B.js → chunk-PXMJ2JSP.js} +1 -1
  156. package/dist/{chunk-4W7GPP6I.js → chunk-RERNNMNX.js} +1 -1
  157. package/dist/{chunk-FRVE3N27.js → chunk-RLNCYCEL.js} +1 -1
  158. package/dist/{chunk-KFXDFFLE.js → chunk-SOS2KEKX.js} +2 -2
  159. package/dist/{chunk-MDIVABWE.js → chunk-T2DMBK3U.js} +1 -1
  160. package/dist/{chunk-GUHMGBDJ.js → chunk-TIT2RZMI.js} +1 -1
  161. package/dist/{chunk-P2OSN32C.js → chunk-TU4QEQE4.js} +1 -1
  162. package/dist/{chunk-5C2HFY65.js → chunk-V2Z4BWEP.js} +8 -8
  163. package/dist/{chunk-AA6XHAZJ.js → chunk-XH5AZHD6.js} +3 -3
  164. package/dist/{chunk-TH46DMKQ.js → chunk-YGEQT76S.js} +2 -2
  165. package/dist/{chunk-6XBPJOFU.js → chunk-ZCP2AXPD.js} +1 -1
  166. package/dist/{chunk-RXMCGKWB.js → chunk-ZJND7BQD.js} +3 -3
  167. package/dist/index.css +731 -726
  168. package/dist/index.d.ts +15 -17
  169. package/dist/index.js +45 -45
  170. package/dist/inputs/src/InputGroup.css +227 -222
  171. package/dist/inputs/src/InputGroup.d.ts +6 -3
  172. package/dist/inputs/src/InputGroup.js +1 -1
  173. package/dist/inputs/src/InputGroupContext.d.ts +2 -0
  174. package/dist/inputs/src/NumberField.css +249 -244
  175. package/dist/inputs/src/NumberField.d.ts +4 -2
  176. package/dist/inputs/src/NumberField.js +7 -7
  177. package/dist/inputs/src/NumberFieldContext.d.ts +2 -0
  178. package/dist/inputs/src/PasswordField.css +237 -232
  179. package/dist/inputs/src/PasswordField.d.ts +6 -3
  180. package/dist/inputs/src/PasswordField.js +7 -7
  181. package/dist/inputs/src/PasswordFieldContext.d.ts +4 -1
  182. package/dist/inputs/src/RemainingCharacterCount.css +30 -30
  183. package/dist/inputs/src/RemainingCharacterCount.js +5 -5
  184. package/dist/inputs/src/SearchField.css +243 -238
  185. package/dist/inputs/src/SearchField.d.ts +6 -4
  186. package/dist/inputs/src/SearchField.js +8 -8
  187. package/dist/inputs/src/SearchFieldContext.d.ts +4 -2
  188. package/dist/inputs/src/TextArea.css +244 -239
  189. package/dist/inputs/src/TextArea.d.ts +3 -3
  190. package/dist/inputs/src/TextArea.js +7 -7
  191. package/dist/inputs/src/TextAreaContext.d.ts +2 -2
  192. package/dist/inputs/src/TextField.css +241 -236
  193. package/dist/inputs/src/TextField.d.ts +3 -3
  194. package/dist/inputs/src/TextField.js +10 -10
  195. package/dist/inputs/src/TextFieldContext.d.ts +2 -2
  196. package/dist/inputs/src/index.css +287 -282
  197. package/dist/inputs/src/index.d.ts +3 -3
  198. package/dist/inputs/src/index.js +14 -14
  199. package/dist/overlays/Popover/src/Popover.css +731 -726
  200. package/dist/overlays/Popover/src/Popover.d.ts +3 -5
  201. package/dist/overlays/Popover/src/Popover.js +45 -45
  202. package/dist/overlays/Popover/src/index.css +731 -726
  203. package/dist/overlays/Popover/src/index.d.ts +1 -1
  204. package/dist/overlays/Popover/src/index.js +45 -45
  205. package/dist/radio/src/DecorativeRadio.css +54 -54
  206. package/dist/radio/src/DecorativeRadio.js +6 -6
  207. package/dist/radio/src/Radio.css +46 -46
  208. package/dist/radio/src/Radio.d.ts +3 -1
  209. package/dist/radio/src/Radio.js +6 -6
  210. package/dist/radio/src/RadioContext.d.ts +2 -0
  211. package/dist/radio/src/RadioField.css +33 -33
  212. package/dist/radio/src/RadioField.d.ts +2 -2
  213. package/dist/radio/src/RadioField.js +1 -1
  214. package/dist/radio/src/RadioGroup.css +98 -98
  215. package/dist/radio/src/RadioGroup.d.ts +7 -4
  216. package/dist/radio/src/RadioGroup.js +1 -1
  217. package/dist/radio/src/RadioGroupContext.d.ts +3 -0
  218. package/dist/radio/src/index.css +98 -98
  219. package/dist/radio/src/index.d.ts +1 -0
  220. package/dist/radio/src/index.js +9 -9
  221. package/dist/switch/src/Switch.css +43 -43
  222. package/dist/switch/src/Switch.d.ts +3 -1
  223. package/dist/switch/src/Switch.js +6 -6
  224. package/dist/switch/src/SwitchContext.d.ts +2 -0
  225. package/dist/switch/src/SwitchField.css +33 -33
  226. package/dist/switch/src/SwitchField.d.ts +2 -2
  227. package/dist/switch/src/SwitchField.js +1 -1
  228. package/dist/switch/src/index.css +49 -49
  229. package/dist/switch/src/index.js +7 -7
  230. package/dist/tag/src/Tag.css +353 -348
  231. package/dist/tag/src/Tag.d.ts +5 -44
  232. package/dist/tag/src/Tag.js +9 -9
  233. package/dist/tag/src/TagContext.d.ts +1 -3
  234. package/dist/tag/src/TagGroup.css +37 -37
  235. package/dist/tag/src/TagGroup.d.ts +7 -3
  236. package/dist/tag/src/TagGroup.js +1 -1
  237. package/dist/tag/src/TagGroupContext.d.ts +4 -0
  238. package/dist/tag/src/TagList.css +27 -27
  239. package/dist/tag/src/index.css +363 -358
  240. package/dist/tag/src/index.d.ts +1 -3
  241. package/dist/tag/src/index.js +10 -10
  242. package/dist/typography/Heading/src/Heading.css +27 -27
  243. package/dist/typography/Heading/src/Heading.d.ts +3 -2
  244. package/dist/typography/Heading/src/Heading.js +1 -1
  245. package/dist/typography/Heading/src/index.css +27 -27
  246. package/dist/typography/Heading/src/index.d.ts +1 -1
  247. package/dist/typography/Heading/src/index.js +1 -1
  248. package/dist/typography/Label/src/Label.css +27 -27
  249. package/dist/typography/Label/src/Label.d.ts +3 -1
  250. package/dist/typography/Label/src/Label.js +1 -1
  251. package/dist/typography/Label/src/LabelContext.d.ts +2 -0
  252. package/dist/typography/Label/src/index.css +27 -27
  253. package/dist/typography/Label/src/index.d.ts +2 -0
  254. package/dist/typography/Label/src/index.js +1 -1
  255. package/dist/typography/OverlineText/src/OverlineText.css +27 -27
  256. package/dist/typography/OverlineText/src/OverlineText.js +1 -1
  257. package/dist/typography/OverlineText/src/index.css +27 -27
  258. package/dist/typography/OverlineText/src/index.js +1 -1
  259. package/dist/typography/Text/src/Text.css +27 -27
  260. package/dist/typography/Text/src/Text.d.ts +3 -2
  261. package/dist/typography/Text/src/Text.js +1 -1
  262. package/dist/typography/Text/src/index.css +27 -27
  263. package/dist/typography/Text/src/index.d.ts +1 -1
  264. package/dist/typography/Text/src/index.js +1 -1
  265. package/dist/utils/src/EnsureTextWrapper.css +27 -27
  266. package/dist/utils/src/EnsureTextWrapper.js +5 -5
  267. package/dist/utils/src/index.css +27 -27
  268. package/dist/utils/src/index.d.ts +1 -1
  269. package/dist/utils/src/index.js +5 -5
  270. package/dist/utils/src/types.d.ts +5 -1
  271. package/package.json +4 -3
@@ -1,5 +1,5 @@
1
1
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Heading/src/Heading.module.css/#css-module-data */
2
- .Heading-module__hop-Heading___iSo-j {
2
+ .Heading-module__hop-Heading___xZw9W {
3
3
  --hop-Heading-xs-font-size: var(--hop-heading-xs-font-size);
4
4
  --hop-Heading-xs-font-family: var(--hop-heading-xs-font-family);
5
5
  --hop-Heading-xs-font-weight: var(--hop-heading-xs-font-weight);
@@ -33,50 +33,50 @@
33
33
  --hop-Heading-inherit-size-font-weight: inherit;
34
34
  --hop-Heading-inherit-size-line-height: inherit;
35
35
  }
36
- :where(.Heading-module__hop-Heading___iSo-j) {
36
+ :where(.Heading-module__hop-Heading___xZw9W) {
37
37
  margin: 0;
38
38
  font-family: var(--font-family);
39
39
  font-size: var(--font-size);
40
40
  font-weight: var(--font-weight);
41
41
  line-height: var(--line-height);
42
42
  }
43
- :where(.Heading-module__hop-Heading--xs___r0VNm) {
43
+ :where(.Heading-module__hop-Heading--xs___0mH4P) {
44
44
  --font-size: var(--hop-Heading-xs-font-size);
45
45
  --font-family: var(--hop-Heading-xs-font-family);
46
46
  --font-weight: var(--hop-Heading-xs-font-weight);
47
47
  --line-height: var(--hop-Heading-xs-line-height);
48
48
  }
49
- :where(.Heading-module__hop-Heading--sm___BCYRe) {
49
+ :where(.Heading-module__hop-Heading--sm___zuPx1) {
50
50
  --font-size: var(--hop-Heading-sm-font-size);
51
51
  --font-family: var(--hop-Heading-sm-font-family);
52
52
  --font-weight: var(--hop-Heading-sm-font-weight);
53
53
  --line-height: var(--hop-Heading-sm-line-height);
54
54
  }
55
- :where(.Heading-module__hop-Heading--md___6mXux) {
55
+ :where(.Heading-module__hop-Heading--md___dMnqg) {
56
56
  --font-size: var(--hop-Heading-md-font-size);
57
57
  --font-family: var(--hop-Heading-md-font-family);
58
58
  --font-weight: var(--hop-Heading-md-font-weight);
59
59
  --line-height: var(--hop-Heading-md-line-height);
60
60
  }
61
- :where(.Heading-module__hop-Heading--lg___NXe4q) {
61
+ :where(.Heading-module__hop-Heading--lg___VBwKM) {
62
62
  --font-size: var(--hop-Heading-lg-font-size);
63
63
  --font-family: var(--hop-Heading-lg-font-family);
64
64
  --font-weight: var(--hop-Heading-lg-font-weight);
65
65
  --line-height: var(--hop-Heading-lg-line-height);
66
66
  }
67
- :where(.Heading-module__hop-Heading--xl___GzsDF) {
67
+ :where(.Heading-module__hop-Heading--xl___rNXkV) {
68
68
  --font-size: var(--hop-Heading-xl-font-size);
69
69
  --font-family: var(--hop-Heading-xl-font-family);
70
70
  --font-weight: var(--hop-Heading-xl-font-weight);
71
71
  --line-height: var(--hop-Heading-xl-line-height);
72
72
  }
73
- :where(.Heading-module__hop-Heading--2xl___t6dqU) {
73
+ :where(.Heading-module__hop-Heading--2xl___R1-Y8) {
74
74
  --font-size: var(--hop-Heading-2xl-font-size);
75
75
  --font-family: var(--hop-Heading-2xl-font-family);
76
76
  --font-weight: var(--hop-Heading-2xl-font-weight);
77
77
  --line-height: var(--hop-Heading-2xl-line-height);
78
78
  }
79
- :where(.Heading-module__hop-Heading--3xl___fPAPT) {
79
+ :where(.Heading-module__hop-Heading--3xl___gmnf3) {
80
80
  --font-size: var(--hop-Heading-3xl-font-size);
81
81
  --font-family: var(--hop-Heading-3xl-font-family);
82
82
  --font-weight: var(--hop-Heading-3xl-font-weight);
@@ -84,7 +84,7 @@
84
84
  }
85
85
 
86
86
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/OverlineText/src/OverlineText.module.css/#css-module-data */
87
- :where(.OverlineText-module__hop-OverlineText___PKcfo) {
87
+ :where(.OverlineText-module__hop-OverlineText___9vlkQ) {
88
88
  --hop-OverlineText-font-family: var(--hop-overline-font-family);
89
89
  --hop-OverlineText-font-size: var(--hop-overline-font-size);
90
90
  --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
@@ -108,45 +108,45 @@
108
108
  text-transform: uppercase;
109
109
  letter-spacing: var(--letter-spacing);
110
110
  }
111
- .OverlineText-module__hop-OverlineText__text___gzZg6 {
111
+ .OverlineText-module__hop-OverlineText__text___NRM2V {
112
112
  box-sizing: border-box;
113
113
  }
114
- .OverlineText-module__hop-OverlineText__text___gzZg6::before,
115
- .OverlineText-module__hop-OverlineText__text___gzZg6::after {
114
+ .OverlineText-module__hop-OverlineText__text___NRM2V::before,
115
+ .OverlineText-module__hop-OverlineText__text___NRM2V::after {
116
116
  content: "";
117
117
  display: block;
118
118
  box-sizing: border-box;
119
119
  inline-size: 0;
120
120
  block-size: 0;
121
121
  }
122
- .OverlineText-module__hop-OverlineText__text___gzZg6::before {
122
+ .OverlineText-module__hop-OverlineText__text___NRM2V::before {
123
123
  margin-block-end: var(--bottom-offset);
124
124
  }
125
- .OverlineText-module__hop-OverlineText__text___gzZg6::after {
125
+ .OverlineText-module__hop-OverlineText__text___NRM2V::after {
126
126
  margin-block-start: var(--top-offset);
127
127
  }
128
128
 
129
129
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Label/src/Label.module.css/#css-module-data */
130
- .Label-module__hop-Label___-0l1I {
130
+ .Label-module__hop-Label___55NlZ {
131
131
  --hop-Label-font-size: var(--hop-heading-xs-font-size);
132
132
  --hop-Label-font-family: var(--hop-heading-xs-font-family);
133
133
  --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
134
134
  --hop-Label-line-height: var(--hop-heading-xs-line-height);
135
135
  --hop-Label-color: var(--hop-neutral-text-weak);
136
136
  }
137
- :where(.Label-module__hop-Label___-0l1I) {
137
+ :where(.Label-module__hop-Label___55NlZ) {
138
138
  font-family: var(--hop-Label-font-family);
139
139
  font-size: var(--hop-Label-font-size);
140
140
  font-weight: var(--hop-Label-font-weight);
141
141
  line-height: var(--hop-Label-line-height);
142
142
  color: var(--hop-Label-color);
143
143
  }
144
- :where(.Label-module__hop-Label__indicator___Qu17i) {
144
+ :where(.Label-module__hop-Label__indicator___daGkb) {
145
145
  padding-inline-start: var(--hop-space-20);
146
146
  }
147
147
 
148
148
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Text/src/Text.module.css/#css-module-data */
149
- .Text-module__hop-Text___YWQie {
149
+ .Text-module__hop-Text___7-tYM {
150
150
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
151
151
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
152
152
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -176,49 +176,49 @@
176
176
  --hop-Text-inherit-size-font-weight: inherit;
177
177
  --hop-Text-inherit-size-line-height: inherit;
178
178
  }
179
- :where(.Text-module__hop-Text___YWQie) {
179
+ :where(.Text-module__hop-Text___7-tYM) {
180
180
  font-family: var(--font-family);
181
181
  font-size: var(--font-size);
182
182
  font-weight: var(--font-weight);
183
183
  line-height: var(--line-height);
184
184
  }
185
- :where(.Text-module__hop-Text--xs___pfyH6) {
185
+ :where(.Text-module__hop-Text--xs___HbFAZ) {
186
186
  --font-size: var(--hop-Text-xs-font-size);
187
187
  --font-family: var(--hop-Text-xs-font-family);
188
188
  --font-weight: var(--hop-Text-xs-font-weight);
189
189
  --line-height: var(--hop-Text-xs-line-height);
190
190
  }
191
- :where(.Text-module__hop-Text--sm___oH8pv) {
191
+ :where(.Text-module__hop-Text--sm___tYwpG) {
192
192
  --font-size: var(--hop-Text-sm-font-size);
193
193
  --font-family: var(--hop-Text-sm-font-family);
194
194
  --font-weight: var(--hop-Text-sm-font-weight);
195
195
  --line-height: var(--hop-Text-sm-line-height);
196
196
  }
197
- :where(.Text-module__hop-Text--md___6SESF) {
197
+ :where(.Text-module__hop-Text--md___kRzjz) {
198
198
  --font-size: var(--hop-Text-md-font-size);
199
199
  --font-family: var(--hop-Text-md-font-family);
200
200
  --font-weight: var(--hop-Text-md-font-weight);
201
201
  --line-height: var(--hop-Text-md-line-height);
202
202
  }
203
- :where(.Text-module__hop-Text--lg___KUuZc) {
203
+ :where(.Text-module__hop-Text--lg___-9lHi) {
204
204
  --font-size: var(--hop-Text-lg-font-size);
205
205
  --font-family: var(--hop-Text-lg-font-family);
206
206
  --font-weight: var(--hop-Text-lg-font-weight);
207
207
  --line-height: var(--hop-Text-lg-line-height);
208
208
  }
209
- :where(.Text-module__hop-Text--xl___Yhkcp) {
209
+ :where(.Text-module__hop-Text--xl___7-Sot) {
210
210
  --font-size: var(--hop-Text-xl-font-size);
211
211
  --font-family: var(--hop-Text-xl-font-family);
212
212
  --font-weight: var(--hop-Text-xl-font-weight);
213
213
  --line-height: var(--hop-Text-xl-line-height);
214
214
  }
215
- :where(.Text-module__hop-Text--2xl___fCHd1) {
215
+ :where(.Text-module__hop-Text--2xl___9rIz6) {
216
216
  --font-size: var(--hop-Text-2xl-font-size);
217
217
  --font-family: var(--hop-Text-2xl-font-family);
218
218
  --font-weight: var(--hop-Text-2xl-font-weight);
219
219
  --line-height: var(--hop-Text-2xl-line-height);
220
220
  }
221
- :where(.Text-module__hop-Text--inherit___pumuo) {
221
+ :where(.Text-module__hop-Text--inherit___MTfwM) {
222
222
  --font-size: var(--hop-Text-inherit-size-font-size);
223
223
  --font-family: var(--hop-Text-inherit-size-font-family);
224
224
  --font-weight: var(--hop-Text-inherit-size-font-weight);
@@ -226,7 +226,7 @@
226
226
  }
227
227
 
228
228
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/RichIconAvatarImage.module.css/#css-module-data */
229
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___vA3Vg {
229
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___nPb1Q {
230
230
  --hop-RichIconAvatarImage-background-color: var(--hop-decorative-option7-surface);
231
231
  --hop-RichIconAvatarImage-border-radius: var(--hop-shape-circle);
232
232
  --hop-RichIconAvatarImage-icon-color: var(--hop-decorative-option7-icon);
@@ -257,46 +257,46 @@
257
257
  background-color: var(--background-color);
258
258
  border-radius: var(--hop-RichIconAvatarImage-border-radius);
259
259
  }
260
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___WLlcB {
260
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___ZB9DG {
261
261
  --size: var(--hop-RichIconAvatarImage-xs-size);
262
262
  --icon-size: var(--hop-RichIconAvatarImage-icon-xs-size);
263
263
  }
264
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___VpKAX {
264
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___t6-2l {
265
265
  --size: var(--hop-RichIconAvatarImage-sm-size);
266
266
  --icon-size: var(--hop-RichIconAvatarImage-icon-sm-size);
267
267
  }
268
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___-NY6t {
268
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___8mBJg {
269
269
  --size: var(--hop-RichIconAvatarImage-md-size);
270
270
  --icon-size: var(--hop-RichIconAvatarImage-icon-md-size);
271
271
  }
272
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___I-ePb {
272
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___6XQMR {
273
273
  --size: var(--hop-RichIconAvatarImage-lg-size);
274
274
  --icon-size: var(--hop-RichIconAvatarImage-icon-lg-size);
275
275
  }
276
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___WCoHY {
276
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___CW0J6 {
277
277
  --size: var(--hop-RichIconAvatarImage-xl-size);
278
278
  --icon-size: var(--hop-RichIconAvatarImage-icon-xl-size);
279
279
  }
280
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___adUlB {
280
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___nVDWQ {
281
281
  --size: var(--hop-RichIconAvatarImage-2xl-size);
282
282
  --icon-size: var(--hop-RichIconAvatarImage-icon-2xl-size);
283
283
  }
284
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___vA3Vg[data-disabled] {
284
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___nPb1Q[data-disabled] {
285
285
  --background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
286
286
  }
287
- .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___K8rIa {
287
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___VZmU5 {
288
288
  position: relative;
289
289
  display: block;
290
290
  inline-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
291
291
  block-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
292
292
  }
293
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___vA3Vg[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___K8rIa {
293
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___nPb1Q[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___VZmU5 {
294
294
  --hop-RichIcon-placeholder-background: var(--hop-RichIconAvatarImage-background-color-disabled);
295
295
  --hop-RichIcon-placeholder-shadow: var(--hop-RichIconAvatarImage-icon-color-disabled);
296
296
  }
297
297
 
298
298
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/Avatar.module.css/#css-module-data */
299
- .Avatar-module__hop-Avatar___wpAuv {
299
+ .Avatar-module__hop-Avatar___3RhY8 {
300
300
  --hop-Avatar-border-radius: var(--hop-shape-circle);
301
301
  --hop-Avatar-mix-blend-mode: normal;
302
302
  --hop-Avatar-decorative-1-background-color: var(--hop-decorative-option1-surface-strong);
@@ -341,67 +341,67 @@
341
341
  background-color: var(--background-color, transparent);
342
342
  border-radius: var(--hop-Avatar-border-radius);
343
343
  }
344
- .Avatar-module__hop-Avatar--xs___clJqT {
344
+ .Avatar-module__hop-Avatar--xs___-k-Cv {
345
345
  --size: var(--hop-Avatar-xs-size);
346
346
  }
347
- .Avatar-module__hop-Avatar--sm___VwTfw {
347
+ .Avatar-module__hop-Avatar--sm___erV1W {
348
348
  --size: var(--hop-Avatar-sm-size);
349
349
  }
350
- .Avatar-module__hop-Avatar--md___GF4mZ {
350
+ .Avatar-module__hop-Avatar--md___mr3v3 {
351
351
  --size: var(--hop-Avatar-md-size);
352
352
  }
353
- .Avatar-module__hop-Avatar--lg___-0jQ0 {
353
+ .Avatar-module__hop-Avatar--lg___-EZy- {
354
354
  --size: var(--hop-Avatar-lg-size);
355
355
  }
356
- .Avatar-module__hop-Avatar--xl___nf4fI {
356
+ .Avatar-module__hop-Avatar--xl___j7VB6 {
357
357
  --size: var(--hop-Avatar-xl-size);
358
358
  }
359
- .Avatar-module__hop-Avatar--2xl___iaxQ- {
359
+ .Avatar-module__hop-Avatar--2xl___P6BDO {
360
360
  --size: var(--hop-Avatar-2xl-size);
361
361
  }
362
- .Avatar-module__hop-Avatar--decorative-option1___Tm0WE {
362
+ .Avatar-module__hop-Avatar--decorative-option1___g3S-J {
363
363
  --background-color: var(--hop-Avatar-decorative-1-background-color);
364
364
  --text-color: var(--hop-Avatar-decorative-1-text-color);
365
365
  }
366
- .Avatar-module__hop-Avatar--decorative-option2___8JEYv {
366
+ .Avatar-module__hop-Avatar--decorative-option2___XhYOS {
367
367
  --background-color: var(--hop-Avatar-decorative-2-background-color);
368
368
  --text-color: var(--hop-Avatar-decorative-2-text-color);
369
369
  }
370
- .Avatar-module__hop-Avatar--decorative-option3___1oYom {
370
+ .Avatar-module__hop-Avatar--decorative-option3___SlVUq {
371
371
  --background-color: var(--hop-Avatar-decorative-3-background-color);
372
372
  --text-color: var(--hop-Avatar-decorative-3-text-color);
373
373
  }
374
- .Avatar-module__hop-Avatar--decorative-option4___dX7mt {
374
+ .Avatar-module__hop-Avatar--decorative-option4___oBoZa {
375
375
  --background-color: var(--hop-Avatar-decorative-4-background-color);
376
376
  --text-color: var(--hop-Avatar-decorative-4-text-color);
377
377
  }
378
- .Avatar-module__hop-Avatar--decorative-option5___ww9OR {
378
+ .Avatar-module__hop-Avatar--decorative-option5___CrJ71 {
379
379
  --background-color: var(--hop-Avatar-decorative-5-background-color);
380
380
  --text-color: var(--hop-Avatar-decorative-5-text-color);
381
381
  }
382
- .Avatar-module__hop-Avatar--decorative-option6___BDC7Y {
382
+ .Avatar-module__hop-Avatar--decorative-option6___9-o2B {
383
383
  --background-color: var(--hop-Avatar-decorative-6-background-color);
384
384
  --text-color: var(--hop-Avatar-decorative-6-text-color);
385
385
  }
386
- .Avatar-module__hop-Avatar--decorative-option7___92LEC {
386
+ .Avatar-module__hop-Avatar--decorative-option7___j-pwp {
387
387
  --background-color: var(--hop-Avatar-decorative-7-background-color);
388
388
  --text-color: var(--hop-Avatar-decorative-7-text-color);
389
389
  }
390
- .Avatar-module__hop-Avatar--decorative-option8___x8En7 {
390
+ .Avatar-module__hop-Avatar--decorative-option8___RnJsT {
391
391
  --background-color: var(--hop-Avatar-decorative-8-background-color);
392
392
  --text-color: var(--hop-Avatar-decorative-8-text-color);
393
393
  }
394
- .Avatar-module__hop-Avatar--decorative-option9___ikdtq {
394
+ .Avatar-module__hop-Avatar--decorative-option9___8TF89 {
395
395
  --background-color: var(--hop-Avatar-decorative-9-background-color);
396
396
  --text-color: var(--hop-Avatar-decorative-9-text-color);
397
397
  }
398
- .Avatar-module__hop-Avatar___wpAuv[data-disabled] {
398
+ .Avatar-module__hop-Avatar___3RhY8[data-disabled] {
399
399
  --background-color: var(--hop-Avatar-background-color-disabled);
400
400
  --text-color: var(--hop-Avatar-text-color-disabled);
401
401
  --mix-blend-mode: var(--hop-Avatar-mix-blend-mode-disabled);
402
402
  isolation: isolate;
403
403
  }
404
- .Avatar-module__hop-Avatar__image___FOaQe {
404
+ .Avatar-module__hop-Avatar__image___f2uWo {
405
405
  position: relative;
406
406
  display: block;
407
407
  box-sizing: border-box;
@@ -412,7 +412,7 @@
412
412
  }
413
413
 
414
414
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Badge/src/Badge.module.css/#css-module-data */
415
- .Badge-module__hop-Badge___jegv1 {
415
+ .Badge-module__hop-Badge___WmQnH {
416
416
  --hop-Badge-height: 1.5rem;
417
417
  --hop-Badge-width: max-content;
418
418
  --hop-Badge-padding-inline: var(--hop-space-inset-sm);
@@ -462,67 +462,67 @@
462
462
  background-color: var(--background-color, var(--hop-Badge-primary-background-color));
463
463
  border-radius: var(--border-radius);
464
464
  }
465
- .Badge-module__hop-Badge___jegv1[data-variant=primary] {
465
+ .Badge-module__hop-Badge___WmQnH[data-variant=primary] {
466
466
  --background-color: var(--hop-Badge-primary-background-color);
467
467
  --text-color: var(--hop-Badge-primary-text-color);
468
468
  }
469
- .Badge-module__hop-Badge___jegv1[data-hovered][data-variant=primary] {
469
+ .Badge-module__hop-Badge___WmQnH[data-hovered][data-variant=primary] {
470
470
  --background-color: var(--hop-Badge-primary-background-color-hovered);
471
471
  --text-color: var(--hop-Badge-primary-text-color-hovered);
472
472
  }
473
- .Badge-module__hop-Badge___jegv1[data-pressed][data-variant=primary] {
473
+ .Badge-module__hop-Badge___WmQnH[data-pressed][data-variant=primary] {
474
474
  --background-color: var(--hop-Badge-primary-background-color-pressed);
475
475
  --text-color: var(--hop-Badge-primary-text-color-pressed);
476
476
  }
477
- .Badge-module__hop-Badge___jegv1[data-selected][data-variant=primary] {
477
+ .Badge-module__hop-Badge___WmQnH[data-selected][data-variant=primary] {
478
478
  --background-color: var(--hop-Badge-primary-background-color-selected);
479
479
  --text-color: var(--hop-Badge-primary-text-color-selected);
480
480
  }
481
- .Badge-module__hop-Badge___jegv1[data-variant=secondary] {
481
+ .Badge-module__hop-Badge___WmQnH[data-variant=secondary] {
482
482
  --background-color: var(--hop-Badge-secondary-background-color);
483
483
  --text-color: var(--hop-Badge-secondary-text-color);
484
484
  }
485
- .Badge-module__hop-Badge___jegv1[data-hovered][data-variant=secondary] {
485
+ .Badge-module__hop-Badge___WmQnH[data-hovered][data-variant=secondary] {
486
486
  --background-color: var(--hop-Badge-secondary-background-color-hovered);
487
487
  --text-color: var(--hop-Badge-secondary-text-color-hovered);
488
488
  }
489
- .Badge-module__hop-Badge___jegv1[data-pressed][data-variant=secondary] {
489
+ .Badge-module__hop-Badge___WmQnH[data-pressed][data-variant=secondary] {
490
490
  --background-color: var(--hop-Badge-secondary-background-color-pressed);
491
491
  --text-color: var(--hop-Badge-secondary-text-color-pressed);
492
492
  }
493
- .Badge-module__hop-Badge___jegv1[data-selected][data-variant=secondary] {
493
+ .Badge-module__hop-Badge___WmQnH[data-selected][data-variant=secondary] {
494
494
  --background-color: var(--hop-Badge-secondary-background-color-selected);
495
495
  --text-color: var(--hop-Badge-secondary-text-color-selected);
496
496
  }
497
- .Badge-module__hop-Badge___jegv1[data-variant=subdued] {
497
+ .Badge-module__hop-Badge___WmQnH[data-variant=subdued] {
498
498
  --background-color: var(--hop-Badge-subdued-background-color);
499
499
  --text-color: var(--hop-Badge-subdued-text-color);
500
500
  }
501
- .Badge-module__hop-Badge___jegv1[data-hovered][data-variant=subdued] {
501
+ .Badge-module__hop-Badge___WmQnH[data-hovered][data-variant=subdued] {
502
502
  --background-color: var(--hop-Badge-subdued-background-color-hovered);
503
503
  --text-color: var(--hop-Badge-subdued-text-color-hovered);
504
504
  }
505
- .Badge-module__hop-Badge___jegv1[data-pressed][data-variant=subdued] {
505
+ .Badge-module__hop-Badge___WmQnH[data-pressed][data-variant=subdued] {
506
506
  --background-color: var(--hop-Badge-subdued-background-color-pressed);
507
507
  --text-color: var(--hop-Badge-subdued-text-color-pressed);
508
508
  }
509
- .Badge-module__hop-Badge___jegv1[data-selected][data-variant=subdued] {
509
+ .Badge-module__hop-Badge___WmQnH[data-selected][data-variant=subdued] {
510
510
  --background-color: var(--hop-Badge-subdued-background-color-selected);
511
511
  --text-color: var(--hop-Badge-subdued-text-color-selected);
512
512
  }
513
- .Badge-module__hop-Badge___jegv1[data-indeterminate] {
513
+ .Badge-module__hop-Badge___WmQnH[data-indeterminate] {
514
514
  --border-radius: var(--hop-Badge-indeterminate-border-radius);
515
515
  --height: var(--hop-Badge-indeterminate-height);
516
516
  --width: var(--hop-Badge-indeterminate-width);
517
517
  --padding-inline: var(--hop-Badge-indeterminate-padding-inline);
518
518
  }
519
- .Badge-module__hop-Badge___jegv1[data-disabled] {
519
+ .Badge-module__hop-Badge___WmQnH[data-disabled] {
520
520
  --background-color: var(--hop-Badge-background-color-disabled);
521
521
  --text-color: var(--hop-Badge-text-color-disabled);
522
522
  }
523
523
 
524
524
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Badge/src/FloatingBadge.module.css/#css-module-data */
525
- .FloatingBadge-module__hop-FloatingBadge___J7RCP {
525
+ .FloatingBadge-module__hop-FloatingBadge___xxOf2 {
526
526
  --hop-FloatingBadge-badge-x: calc(0% + var(--hop-FloatingBadge-offset-x));
527
527
  --hop-FloatingBadge-badge-circular-x: calc(10% + var(--hop-FloatingBadge-offset-x));
528
528
  --hop-FloatingBadge-badge-y: calc(0% + var(--hop-FloatingBadge-offset-y));
@@ -563,7 +563,7 @@
563
563
  box-sizing: border-box;
564
564
  inline-size: max-content;
565
565
  }
566
- .FloatingBadge-module__hop-FloatingBadge___J7RCP[data-placement="top right"] {
566
+ .FloatingBadge-module__hop-FloatingBadge___xxOf2[data-placement="top right"] {
567
567
  --badge-top: var(--hop-FloatingBadge-badge-topright-top);
568
568
  --badge-right: var(--hop-FloatingBadge-badge-topright-right);
569
569
  --badge-bottom: var(--hop-FloatingBadge-badge-topright-bottom);
@@ -571,11 +571,11 @@
571
571
  --badge-transform: var(--hop-FloatingBadge-badge-topright-transform);
572
572
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topright-transform-origin);
573
573
  }
574
- .FloatingBadge-module__hop-FloatingBadge___J7RCP[data-placement="top right"][data-overlap=circular] {
574
+ .FloatingBadge-module__hop-FloatingBadge___xxOf2[data-placement="top right"][data-overlap=circular] {
575
575
  --badge-top: var(--hop-FloatingBadge-badge-topright-circular-top);
576
576
  --badge-right: var(--hop-FloatingBadge-badge-topright-circular-right);
577
577
  }
578
- .FloatingBadge-module__hop-FloatingBadge___J7RCP[data-placement="top left"] {
578
+ .FloatingBadge-module__hop-FloatingBadge___xxOf2[data-placement="top left"] {
579
579
  --badge-top: var(--hop-FloatingBadge-badge-topleft-top);
580
580
  --badge-right: var(--hop-FloatingBadge-badge-topleft-right);
581
581
  --badge-bottom: var(--hop-FloatingBadge-badge-topleft-bottom);
@@ -583,11 +583,11 @@
583
583
  --badge-transform: var(--hop-FloatingBadge-badge-topleft-transform);
584
584
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topleft-transform-origin);
585
585
  }
586
- .FloatingBadge-module__hop-FloatingBadge___J7RCP[data-placement="top left"][data-overlap=circular] {
586
+ .FloatingBadge-module__hop-FloatingBadge___xxOf2[data-placement="top left"][data-overlap=circular] {
587
587
  --badge-top: var(--hop-FloatingBadge-badge-topleft-circular-top);
588
588
  --badge-left: var(--hop-FloatingBadge-badge-topleft-circular-left);
589
589
  }
590
- .FloatingBadge-module__hop-FloatingBadge___J7RCP[data-placement="bottom right"] {
590
+ .FloatingBadge-module__hop-FloatingBadge___xxOf2[data-placement="bottom right"] {
591
591
  --badge-top: var(--hop-FloatingBadge-badge-bottomright-top);
592
592
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-right);
593
593
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-bottom);
@@ -595,11 +595,11 @@
595
595
  --badge-transform: var(--hop-FloatingBadge-badge-bottomright-transform);
596
596
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomright-transform-origin);
597
597
  }
598
- .FloatingBadge-module__hop-FloatingBadge___J7RCP[data-placement="bottom right"][data-overlap=circular] {
598
+ .FloatingBadge-module__hop-FloatingBadge___xxOf2[data-placement="bottom right"][data-overlap=circular] {
599
599
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-circular-right);
600
600
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-circular-bottom);
601
601
  }
602
- .FloatingBadge-module__hop-FloatingBadge___J7RCP[data-placement="bottom left"] {
602
+ .FloatingBadge-module__hop-FloatingBadge___xxOf2[data-placement="bottom left"] {
603
603
  --badge-top: var(--hop-FloatingBadge-badge-bottomleft-top);
604
604
  --badge-right: var(--hop-FloatingBadge-badge-bottomleft-right);
605
605
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-bottom);
@@ -607,11 +607,11 @@
607
607
  --badge-transform: var(--hop-FloatingBadge-badge-bottomleft-transform);
608
608
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomleft-transform-origin);
609
609
  }
610
- .FloatingBadge-module__hop-FloatingBadge___J7RCP[data-placement="bottom left"][data-overlap=circular] {
610
+ .FloatingBadge-module__hop-FloatingBadge___xxOf2[data-placement="bottom left"][data-overlap=circular] {
611
611
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-circular-bottom);
612
612
  --badge-left: var(--hop-FloatingBadge-badge-bottomleft-circular-left);
613
613
  }
614
- .FloatingBadge-module__hop-FloatingBadge__badge___zFoJJ {
614
+ .FloatingBadge-module__hop-FloatingBadge__badge___BaGuU {
615
615
  position: absolute;
616
616
  inset: var(--badge-top) var(--badge-right) var(--badge-bottom) var(--badge-left);
617
617
  transform-origin: var(--badge-transform-origin);
@@ -619,7 +619,7 @@
619
619
  }
620
620
 
621
621
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/IconList/src/IconList.module.css/#css-module-data */
622
- .IconList-module__hop-IconList___Vdc-e {
622
+ .IconList-module__hop-IconList___3Dx-4 {
623
623
  --hop-IconList-gap: var(--hop-space-inline-xs);
624
624
  display: flex;
625
625
  flex-wrap: wrap;
@@ -628,7 +628,7 @@
628
628
  }
629
629
 
630
630
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Spinner/src/Spinner.module.css/#css-module-data */
631
- @keyframes Spinner-module__spin___VldM7 {
631
+ @keyframes Spinner-module__spin___4HbM- {
632
632
  0% {
633
633
  transform: rotate(0deg);
634
634
  }
@@ -636,7 +636,7 @@
636
636
  transform: rotate(360deg);
637
637
  }
638
638
  }
639
- .Spinner-module__hop-Spinner___yvH65 {
639
+ .Spinner-module__hop-Spinner___2NlOx {
640
640
  --hop-Spinner-border-radius: var(--hop-shape-circle);
641
641
  --hop-Spinner-sm-wheel-size: 1rem;
642
642
  --hop-Spinner-md-wheel-size: 1.25rem;
@@ -644,7 +644,7 @@
644
644
  --hop-Spinner-track-width: 0.125rem;
645
645
  --hop-Spinner-track-opacity: 0.2;
646
646
  --hop-Spinner-track-border: var(--hop-Spinner-track-width) solid currentcolor;
647
- --hop-Spinner-fill-animation: Spinner-module__spin___VldM7 .8s infinite linear;
647
+ --hop-Spinner-fill-animation: Spinner-module__spin___4HbM- .8s infinite linear;
648
648
  --hop-Spinner-fill-animation-reduced-motion-duration: 2s;
649
649
  --hop-Spinner-fill-border: var(--hop-Spinner-track-width) solid transparent;
650
650
  --hop-Spinner-fill-border-inline-start: var(--hop-Spinner-track-width) solid currentcolor;
@@ -655,19 +655,19 @@
655
655
  align-items: center;
656
656
  box-sizing: border-box;
657
657
  }
658
- .Spinner-module__hop-Spinner--sm___CoKhT {
658
+ .Spinner-module__hop-Spinner--sm___xjySS {
659
659
  --width: var(--hop-Spinner-sm-wheel-size);
660
660
  --height: var(--hop-Spinner-sm-wheel-size);
661
661
  }
662
- .Spinner-module__hop-Spinner--md___mSE4C {
662
+ .Spinner-module__hop-Spinner--md___qBPj1 {
663
663
  --width: var(--hop-Spinner-md-wheel-size);
664
664
  --height: var(--hop-Spinner-md-wheel-size);
665
665
  }
666
- .Spinner-module__hop-Spinner--lg___XpNq0 {
666
+ .Spinner-module__hop-Spinner--lg___5WONG {
667
667
  --width: var(--hop-Spinner-lg-wheel-size);
668
668
  --height: var(--hop-Spinner-lg-wheel-size);
669
669
  }
670
- .Spinner-module__hop-Spinner__track___oxcw- {
670
+ .Spinner-module__hop-Spinner__track___Edpen {
671
671
  grid-area: spinner;
672
672
  box-sizing: border-box;
673
673
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -676,7 +676,7 @@
676
676
  border: var(--hop-Spinner-track-border);
677
677
  border-radius: var(--hop-Spinner-border-radius);
678
678
  }
679
- .Spinner-module__hop-Spinner__fill___T4J87 {
679
+ .Spinner-module__hop-Spinner__fill___usJxU {
680
680
  grid-area: spinner;
681
681
  box-sizing: border-box;
682
682
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -687,19 +687,22 @@
687
687
  animation: var(--hop-Spinner-fill-animation);
688
688
  }
689
689
  @media (prefers-reduced-motion: reduce) {
690
- .Spinner-module__hop-Spinner__fill___T4J87 {
690
+ .Spinner-module__hop-Spinner__fill___usJxU {
691
691
  animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
692
692
  }
693
693
  }
694
- .Spinner-module__hop-Spinner__label___rFqvf {
694
+ .Spinner-module__hop-Spinner__label___HtduX {
695
695
  grid-area: label;
696
696
  margin-inline-start: var(--hop-Spinner-label-margin-inline-start);
697
697
  }
698
698
 
699
699
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/Button.module.css/#css-module-data */
700
- .Button-module__hop-Button___-Rm3G {
700
+ .Button-module__hop-Button___HSybc {
701
701
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
702
702
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
703
+ --hop-Button-column-gap: var(--hop-space-inline-xs);
704
+ --hop-Button-icon-only-column-gap: 0;
705
+ --hop-Button-outline-size: var(--hop-space-20);
703
706
  --hop-Button-icon-only-padding: 0;
704
707
  --hop-Button-sm-height: 2rem;
705
708
  --hop-Button-md-height: 2.5rem;
@@ -826,6 +829,7 @@
826
829
  --block-size: var(--hop-Button-md-height);
827
830
  --background-color: var(--hop-primary-surface-strong);
828
831
  --color: var(--hop-primary-text-strong);
832
+ --column-gap: var(--hop-Button-column-gap);
829
833
  --spinner: var(--hop-primary-icon-strong);
830
834
  --border: 0;
831
835
  --padding-inline: 0;
@@ -833,11 +837,10 @@
833
837
  cursor: pointer;
834
838
  position: relative;
835
839
  overflow: hidden;
836
- display: grid;
837
- grid-template-areas: "start-icon content end-icon";
838
- grid-template-columns: auto min-content auto;
839
- column-gap: var(--hop-space-inline-xs);
840
+ display: flex;
841
+ column-gap: var(--column-gap);
840
842
  align-items: center;
843
+ justify-content: center;
841
844
  box-sizing: border-box;
842
845
  inline-size: var(--inline-size);
843
846
  block-size: var(--block-size);
@@ -850,323 +853,325 @@
850
853
  border: var(--border);
851
854
  border-radius: var(--hop-Button-border-radius);
852
855
  outline: none;
853
- outline-offset: 0.125rem;
856
+ outline-offset: var(--hop-Button-outline-size);
854
857
  transition:
855
858
  color var(--hop-easing-duration-2) var(--hop-easing-productive),
856
859
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
857
860
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
858
861
  }
859
- .Button-module__hop-Button___-Rm3G[data-focus-visible] {
860
- outline: 0.125rem solid var(--hop-Button-focus-ring-color);
862
+ .Button-module__hop-Button___HSybc[data-focus-visible] {
863
+ outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
861
864
  }
862
- .Button-module__hop-Button--icon-only___l-Haj {
865
+ .Button-module__hop-Button--icon-only___Y66sd {
863
866
  --padding-block: var(--hop-Button-icon-only-padding);
864
867
  --padding-inline: var(--hop-Button-icon-only-padding);
865
- column-gap: 0;
868
+ --column-gap: var(--hop-Button-icon-only-column-gap);
866
869
  aspect-ratio: 1;
867
870
  }
868
- .Button-module__hop-Button___-Rm3G[data-disabled],
869
- .Button-module__hop-Button___-Rm3G[data-loading] {
871
+ .Button-module__hop-Button___HSybc[data-disabled],
872
+ .Button-module__hop-Button___HSybc[data-loading] {
870
873
  cursor: not-allowed;
871
874
  }
872
- .Button-module__hop-Button--fluid___jlRQS {
875
+ .Button-module__hop-Button--fluid___7Yky- {
873
876
  --inline-size: 100%;
874
877
  }
875
- .Button-module__hop-Button--sm___74-Mx {
878
+ .Button-module__hop-Button--sm___ryHEG {
876
879
  --block-size: var(--hop-Button-sm-height);
877
880
  }
878
- .Button-module__hop-Button--primary___XUljl.Button-module__hop-Button--sm___74-Mx:not(.Button-module__hop-Button--icon-only___l-Haj) {
881
+ .Button-module__hop-Button--primary___fche0.Button-module__hop-Button--sm___ryHEG:not(.Button-module__hop-Button--icon-only___Y66sd) {
879
882
  --padding-inline: var(--hop-Button-primary-sm-padding-x);
880
883
  --padding-block: var(--hop-Button-primary-sm-padding-y);
881
884
  }
882
- .Button-module__hop-Button--primary___XUljl.Button-module__hop-Button--md___izdgU:not(.Button-module__hop-Button--icon-only___l-Haj) {
885
+ .Button-module__hop-Button--primary___fche0.Button-module__hop-Button--md___OqsDs:not(.Button-module__hop-Button--icon-only___Y66sd) {
883
886
  --padding-inline: var(--hop-Button-primary-md-padding-x);
884
887
  --padding-block: var(--hop-Button-primary-md-padding-y);
885
888
  }
886
- .Button-module__hop-Button--secondary___OWMwI.Button-module__hop-Button--md___izdgU:not(.Button-module__hop-Button--icon-only___l-Haj) {
889
+ .Button-module__hop-Button--secondary___CL1o0.Button-module__hop-Button--md___OqsDs:not(.Button-module__hop-Button--icon-only___Y66sd) {
887
890
  --padding-inline: var(--hop-Button-secondary-md-padding-x);
888
891
  --padding-block: var(--hop-Button-secondary-md-padding-y);
889
892
  }
890
- .Button-module__hop-Button--secondary___OWMwI.Button-module__hop-Button--sm___74-Mx:not(.Button-module__hop-Button--icon-only___l-Haj) {
893
+ .Button-module__hop-Button--secondary___CL1o0.Button-module__hop-Button--sm___ryHEG:not(.Button-module__hop-Button--icon-only___Y66sd) {
891
894
  --padding-inline: var(--hop-Button-secondary-sm-padding-x);
892
895
  --padding-block: var(--hop-Button-secondary-sm-padding-y);
893
896
  }
894
- .Button-module__hop-Button--upsell___x-O-W.Button-module__hop-Button--md___izdgU:not(.Button-module__hop-Button--icon-only___l-Haj) {
897
+ .Button-module__hop-Button--upsell___KIRTw.Button-module__hop-Button--md___OqsDs:not(.Button-module__hop-Button--icon-only___Y66sd) {
895
898
  --padding-inline: var(--hop-Button-upsell-md-padding-x);
896
899
  --padding-block: var(--hop-Button-upsell-md-padding-y);
897
900
  }
898
- .Button-module__hop-Button--upsell___x-O-W.Button-module__hop-Button--sm___74-Mx:not(.Button-module__hop-Button--icon-only___l-Haj) {
901
+ .Button-module__hop-Button--upsell___KIRTw.Button-module__hop-Button--sm___ryHEG:not(.Button-module__hop-Button--icon-only___Y66sd) {
899
902
  --padding-inline: var(--hop-Button-upsell-sm-padding-x);
900
903
  --padding-block: var(--hop-Button-upsell-sm-padding-y);
901
904
  }
902
- .Button-module__hop-Button--danger___-lSHt.Button-module__hop-Button--md___izdgU:not(.Button-module__hop-Button--icon-only___l-Haj) {
905
+ .Button-module__hop-Button--danger___pXoGT.Button-module__hop-Button--md___OqsDs:not(.Button-module__hop-Button--icon-only___Y66sd) {
903
906
  --padding-inline: var(--hop-Button-danger-md-padding-x);
904
907
  --padding-block: var(--hop-Button-danger-md-padding-y);
905
908
  }
906
- .Button-module__hop-Button--danger___-lSHt.Button-module__hop-Button--sm___74-Mx:not(.Button-module__hop-Button--icon-only___l-Haj) {
909
+ .Button-module__hop-Button--danger___pXoGT.Button-module__hop-Button--sm___ryHEG:not(.Button-module__hop-Button--icon-only___Y66sd) {
907
910
  --padding-inline: var(--hop-Button-danger-sm-padding-x);
908
911
  --padding-block: var(--hop-Button-danger-sm-padding-y);
909
912
  }
910
- .Button-module__hop-Button--ghost-danger___xQuqA.Button-module__hop-Button--md___izdgU:not(.Button-module__hop-Button--icon-only___l-Haj) {
913
+ .Button-module__hop-Button--ghost-danger___fZ-c8.Button-module__hop-Button--md___OqsDs:not(.Button-module__hop-Button--icon-only___Y66sd) {
911
914
  --padding-inline: var(--hop-Button-ghost-danger-md-padding-x);
912
915
  --padding-block: var(--hop-Button-ghost-danger-md-padding-y);
913
916
  }
914
- .Button-module__hop-Button--ghost-danger___xQuqA.Button-module__hop-Button--sm___74-Mx:not(.Button-module__hop-Button--icon-only___l-Haj) {
917
+ .Button-module__hop-Button--ghost-danger___fZ-c8.Button-module__hop-Button--sm___ryHEG:not(.Button-module__hop-Button--icon-only___Y66sd) {
915
918
  --padding-inline: var(--hop-Button-ghost-danger-sm-padding-x);
916
919
  --padding-block: var(--hop-Button-ghost-danger-sm-padding-y);
917
920
  }
918
- .Button-module__hop-Button--ghost-secondary___7v-pT.Button-module__hop-Button--md___izdgU:not(.Button-module__hop-Button--icon-only___l-Haj) {
921
+ .Button-module__hop-Button--ghost-secondary___Y3xYk.Button-module__hop-Button--md___OqsDs:not(.Button-module__hop-Button--icon-only___Y66sd) {
919
922
  --padding-inline: var(--hop-Button-ghost-secondary-md-padding-x);
920
923
  --padding-block: var(--hop-Button-ghost-secondary-md-padding-y);
921
924
  }
922
- .Button-module__hop-Button--ghost-secondary___7v-pT.Button-module__hop-Button--sm___74-Mx:not(.Button-module__hop-Button--icon-only___l-Haj) {
925
+ .Button-module__hop-Button--ghost-secondary___Y3xYk.Button-module__hop-Button--sm___ryHEG:not(.Button-module__hop-Button--icon-only___Y66sd) {
923
926
  --padding-inline: var(--hop-Button-ghost-secondary-sm-padding-x);
924
927
  --padding-block: var(--hop-Button-ghost-secondary-sm-padding-y);
925
928
  }
926
- .Button-module__hop-Button--ghost-primary___zLOwK.Button-module__hop-Button--md___izdgU:not(.Button-module__hop-Button--icon-only___l-Haj) {
929
+ .Button-module__hop-Button--ghost-primary___5D4eE.Button-module__hop-Button--md___OqsDs:not(.Button-module__hop-Button--icon-only___Y66sd) {
927
930
  --padding-inline: var(--hop-Button-ghost-primary-md-padding-x);
928
931
  --padding-block: var(--hop-Button-ghost-primary-md-padding-y);
929
932
  }
930
- .Button-module__hop-Button--ghost-primary___zLOwK.Button-module__hop-Button--sm___74-Mx:not(.Button-module__hop-Button--icon-only___l-Haj) {
933
+ .Button-module__hop-Button--ghost-primary___5D4eE.Button-module__hop-Button--sm___ryHEG:not(.Button-module__hop-Button--icon-only___Y66sd) {
931
934
  --padding-inline: var(--hop-Button-ghost-primary-sm-padding-x);
932
935
  --padding-block: var(--hop-Button-ghost-primary-sm-padding-y);
933
936
  }
934
- .Button-module__hop-Button--primary___XUljl {
937
+ .Button-module__hop-Button--primary___fche0 {
935
938
  --background-color: var(--hop-Button-primary-background-color);
936
939
  --color: var(--hop-Button-primary-color);
937
940
  --border: var(--hop-Button-primary-border);
938
941
  --spinner-color: var(--hop-Button-primary-spinner-color);
939
942
  }
940
- .Button-module__hop-Button--primary___XUljl[data-disabled]:not([data-loading]) {
943
+ .Button-module__hop-Button--primary___fche0[data-disabled]:not([data-loading]) {
941
944
  --background-color: var(--hop-Button-primary-background-color-disabled);
942
945
  --color: var(--hop-Button-primary-color-disabled);
943
946
  --border: var(--hop-Button-primary-border-disabled);
944
947
  }
945
- .Button-module__hop-Button--primary___XUljl[data-hovered]:not([data-disabled], [data-loading]),
946
- .Button-module__hop-Button--primary___XUljl[data-focus-visible]:not([data-disabled], [data-loading]) {
948
+ .Button-module__hop-Button--primary___fche0[data-hovered]:not([data-disabled], [data-loading]),
949
+ .Button-module__hop-Button--primary___fche0[data-focus-visible]:not([data-disabled], [data-loading]) {
947
950
  --background-color: var(--hop-Button-primary-background-color-hover);
948
951
  --color: var(--hop-Button-primary-color-hover);
949
952
  --border: var(--hop-Button-primary-border-hover);
950
953
  }
951
- .Button-module__hop-Button--primary___XUljl[data-pressed]:not([data-loading]) {
954
+ .Button-module__hop-Button--primary___fche0[data-pressed]:not([data-loading]) {
952
955
  --background-color: var(--hop-Button-primary-background-color-pressed);
953
956
  --color: var(--hop-Button-primary-color-pressed);
954
957
  --border: var(--hop-Button-primary-border-pressed);
955
958
  }
956
- .Button-module__hop-Button--secondary___OWMwI {
959
+ .Button-module__hop-Button--secondary___CL1o0 {
957
960
  --background-color: var(--hop-Button-secondary-background-color);
958
961
  --color: var(--hop-Button-secondary-color);
959
962
  --border: var(--hop-Button-secondary-border);
960
963
  --spinner-color: var(--hop-Button-secondary-spinner-color);
961
964
  }
962
- .Button-module__hop-Button--secondary___OWMwI[data-disabled]:not([data-loading]) {
965
+ .Button-module__hop-Button--secondary___CL1o0[data-disabled]:not([data-loading]) {
963
966
  --background-color: var(--hop-Button-secondary-background-color-disabled);
964
967
  --color: var(--hop-Button-secondary-color-disabled);
965
968
  --border: var(--hop-Button-secondary-border-disabled);
966
969
  }
967
- .Button-module__hop-Button--secondary___OWMwI[data-hovered]:not([data-disabled], [data-loading]),
968
- .Button-module__hop-Button--secondary___OWMwI[data-focus-visible]:not([data-disabled], [data-loading]) {
970
+ .Button-module__hop-Button--secondary___CL1o0[data-hovered]:not([data-disabled], [data-loading]),
971
+ .Button-module__hop-Button--secondary___CL1o0[data-focus-visible]:not([data-disabled], [data-loading]) {
969
972
  --background-color: var(--hop-Button-secondary-background-color-hover);
970
973
  --color: var(--hop-Button-secondary-color-hover);
971
974
  --border: var(--hop-Button-secondary-border-hover);
972
975
  }
973
- .Button-module__hop-Button--secondary___OWMwI[data-pressed]:not([data-loading]) {
976
+ .Button-module__hop-Button--secondary___CL1o0[data-pressed]:not([data-loading]) {
974
977
  --background-color: var(--hop-Button-secondary-background-color-pressed);
975
978
  --color: var(--hop-Button-secondary-color-pressed);
976
979
  --border: var(--hop-Button-secondary-border-pressed);
977
980
  }
978
- .Button-module__hop-Button--upsell___x-O-W {
981
+ .Button-module__hop-Button--upsell___KIRTw {
979
982
  --background-color: var(--hop-Button-upsell-background-color);
980
983
  --color: var(--hop-Button-upsell-color);
981
984
  --border: var(--hop-Button-upsell-border);
982
985
  --spinner-color: var(--hop-Button-upsell-spinner-color);
983
986
  }
984
- .Button-module__hop-Button--upsell___x-O-W[data-disabled]:not([data-loading]) {
987
+ .Button-module__hop-Button--upsell___KIRTw[data-disabled]:not([data-loading]) {
985
988
  --background-color: var(--hop-Button-upsell-background-color-disabled);
986
989
  --color: var(--hop-Button-upsell-color-disabled);
987
990
  --border: var(--hop-Button-upsell-border-disabled);
988
991
  }
989
- .Button-module__hop-Button--upsell___x-O-W[data-hovered]:not([data-disabled], [data-loading]),
990
- .Button-module__hop-Button--upsell___x-O-W[data-focus-visible]:not([data-disabled], [data-loading]) {
992
+ .Button-module__hop-Button--upsell___KIRTw[data-hovered]:not([data-disabled], [data-loading]),
993
+ .Button-module__hop-Button--upsell___KIRTw[data-focus-visible]:not([data-disabled], [data-loading]) {
991
994
  --background-color: var(--hop-Button-upsell-background-color-hover);
992
995
  --color: var(--hop-Button-upsell-color-hover);
993
996
  --border: var(--hop-Button-upsell-border-hover);
994
997
  }
995
- .Button-module__hop-Button--upsell___x-O-W[data-pressed]:not([data-loading]) {
998
+ .Button-module__hop-Button--upsell___KIRTw[data-pressed]:not([data-loading]) {
996
999
  --background-color: var(--hop-Button-upsell-background-color-pressed);
997
1000
  --color: var(--hop-Button-upsell-color-pressed);
998
1001
  --border: var(--hop-Button-upsell-border-pressed);
999
1002
  }
1000
- .Button-module__hop-Button--danger___-lSHt {
1003
+ .Button-module__hop-Button--danger___pXoGT {
1001
1004
  --background-color: var(--hop-Button-danger-background-color);
1002
1005
  --color: var(--hop-Button-danger-color);
1003
1006
  --border: var(--hop-Button-danger-border);
1004
1007
  --spinner-color: var(--hop-Button-danger-spinner-color);
1005
1008
  }
1006
- .Button-module__hop-Button--danger___-lSHt[data-disabled]:not([data-loading]) {
1009
+ .Button-module__hop-Button--danger___pXoGT[data-disabled]:not([data-loading]) {
1007
1010
  --background-color: var(--hop-Button-danger-background-color-disabled);
1008
1011
  --color: var(--hop-Button-danger-color-disabled);
1009
1012
  --border: var(--hop-Button-danger-border-disabled);
1010
1013
  }
1011
- .Button-module__hop-Button--danger___-lSHt[data-hovered]:not([data-disabled], [data-loading]),
1012
- .Button-module__hop-Button--danger___-lSHt[data-focus-visible]:not([data-disabled], [data-loading]) {
1014
+ .Button-module__hop-Button--danger___pXoGT[data-hovered]:not([data-disabled], [data-loading]),
1015
+ .Button-module__hop-Button--danger___pXoGT[data-focus-visible]:not([data-disabled], [data-loading]) {
1013
1016
  --background-color: var(--hop-Button-danger-background-color-hover);
1014
1017
  --color: var(--hop-Button-danger-color-hover);
1015
1018
  --border: var(--hop-Button-danger-border-hover);
1016
1019
  }
1017
- .Button-module__hop-Button--danger___-lSHt[data-pressed]:not([data-loading]) {
1020
+ .Button-module__hop-Button--danger___pXoGT[data-pressed]:not([data-loading]) {
1018
1021
  --background-color: var(--hop-Button-danger-background-color-pressed);
1019
1022
  --color: var(--hop-Button-danger-color-pressed);
1020
1023
  --border: var(--hop-Button-danger-border-pressed);
1021
1024
  }
1022
- .Button-module__hop-Button--ghost-primary___zLOwK {
1025
+ .Button-module__hop-Button--ghost-primary___5D4eE {
1023
1026
  --background-color: var(--hop-Button-ghost-primary-background-color);
1024
1027
  --color: var(--hop-Button-ghost-primary-color);
1025
1028
  --border: var(--hop-Button-ghost-primary-border);
1026
1029
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
1027
1030
  }
1028
- .Button-module__hop-Button--ghost-primary___zLOwK[data-disabled]:not([data-loading]) {
1031
+ .Button-module__hop-Button--ghost-primary___5D4eE[data-disabled]:not([data-loading]) {
1029
1032
  --background-color: var(--hop-Button-ghost-primary-background-color-disabled);
1030
1033
  --color: var(--hop-Button-ghost-primary-color-disabled);
1031
1034
  --border: var(--hop-Button-ghost-primary-border-disabled);
1032
1035
  }
1033
- .Button-module__hop-Button--ghost-primary___zLOwK[data-hovered]:not([data-disabled], [data-loading]),
1034
- .Button-module__hop-Button--ghost-primary___zLOwK[data-focus-visible]:not([data-disabled], [data-loading]) {
1036
+ .Button-module__hop-Button--ghost-primary___5D4eE[data-hovered]:not([data-disabled], [data-loading]),
1037
+ .Button-module__hop-Button--ghost-primary___5D4eE[data-focus-visible]:not([data-disabled], [data-loading]) {
1035
1038
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
1036
1039
  --color: var(--hop-Button-ghost-primary-color-hover);
1037
1040
  --border: var(--hop-Button-ghost-primary-border-hover);
1038
1041
  }
1039
- .Button-module__hop-Button--ghost-primary___zLOwK[data-pressed]:not([data-loading]) {
1042
+ .Button-module__hop-Button--ghost-primary___5D4eE[data-pressed]:not([data-loading]) {
1040
1043
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
1041
1044
  --color: var(--hop-Button-ghost-primary-color-pressed);
1042
1045
  --border: var(--hop-Button-ghost-primary-border-pressed);
1043
1046
  }
1044
- .Button-module__hop-Button--ghost-secondary___7v-pT {
1047
+ .Button-module__hop-Button--ghost-secondary___Y3xYk {
1045
1048
  --background-color: var(--hop-Button-ghost-secondary-background-color);
1046
1049
  --color: var(--hop-Button-ghost-secondary-color);
1047
1050
  --border: var(--hop-Button-ghost-secondary-border);
1048
1051
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
1049
1052
  }
1050
- .Button-module__hop-Button--ghost-secondary___7v-pT[data-disabled]:not([data-loading]) {
1053
+ .Button-module__hop-Button--ghost-secondary___Y3xYk[data-disabled]:not([data-loading]) {
1051
1054
  --background-color: var(--hop-Button-ghost-secondary-background-color-disabled);
1052
1055
  --color: var(--hop-Button-ghost-secondary-color-disabled);
1053
1056
  --border: var(--hop-Button-ghost-secondary-border-disabled);
1054
1057
  }
1055
- .Button-module__hop-Button--ghost-secondary___7v-pT[data-hovered]:not([data-disabled], [data-loading]),
1056
- .Button-module__hop-Button--ghost-secondary___7v-pT[data-focus-visible]:not([data-disabled], [data-loading]) {
1058
+ .Button-module__hop-Button--ghost-secondary___Y3xYk[data-hovered]:not([data-disabled], [data-loading]),
1059
+ .Button-module__hop-Button--ghost-secondary___Y3xYk[data-focus-visible]:not([data-disabled], [data-loading]) {
1057
1060
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
1058
1061
  --color: var(--hop-Button-ghost-secondary-color-hover);
1059
1062
  --border: var(--hop-Button-ghost-secondary-border-hover);
1060
1063
  }
1061
- .Button-module__hop-Button--ghost-secondary___7v-pT[data-pressed]:not([data-loading]) {
1064
+ .Button-module__hop-Button--ghost-secondary___Y3xYk[data-pressed]:not([data-loading]) {
1062
1065
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
1063
1066
  --color: var(--hop-Button-ghost-secondary-color-pressed);
1064
1067
  --border: var(--hop-Button-ghost-secondary-border-pressed);
1065
1068
  }
1066
- .Button-module__hop-Button--ghost-danger___xQuqA {
1069
+ .Button-module__hop-Button--ghost-danger___fZ-c8 {
1067
1070
  --background-color: var(--hop-Button-ghost-danger-background-color);
1068
1071
  --color: var(--hop-Button-ghost-danger-color);
1069
1072
  --border: var(--hop-Button-ghost-danger-border);
1070
1073
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
1071
1074
  }
1072
- .Button-module__hop-Button--ghost-danger___xQuqA[data-disabled]:not([data-loading]) {
1075
+ .Button-module__hop-Button--ghost-danger___fZ-c8[data-disabled]:not([data-loading]) {
1073
1076
  --background-color: var(--hop-Button-ghost-danger-background-color-disabled);
1074
1077
  --color: var(--hop-Button-ghost-danger-color-disabled);
1075
1078
  --border: var(--hop-Button-ghost-danger-border-disabled);
1076
1079
  }
1077
- .Button-module__hop-Button--ghost-danger___xQuqA[data-hovered]:not([data-disabled], [data-loading]),
1078
- .Button-module__hop-Button--ghost-danger___xQuqA[data-focus-visible]:not([data-disabled], [data-loading]) {
1080
+ .Button-module__hop-Button--ghost-danger___fZ-c8[data-hovered]:not([data-disabled], [data-loading]),
1081
+ .Button-module__hop-Button--ghost-danger___fZ-c8[data-focus-visible]:not([data-disabled], [data-loading]) {
1079
1082
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
1080
1083
  --color: var(--hop-Button-ghost-danger-color-hover);
1081
1084
  --border: var(--hop-Button-ghost-danger-border-hover);
1082
1085
  }
1083
- .Button-module__hop-Button--ghost-danger___xQuqA[data-pressed]:not([data-loading]) {
1086
+ .Button-module__hop-Button--ghost-danger___fZ-c8[data-pressed]:not([data-loading]) {
1084
1087
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
1085
1088
  --color: var(--hop-Button-ghost-danger-color-pressed);
1086
1089
  --border: var(--hop-Button-ghost-danger-border-pressed);
1087
1090
  }
1088
- .Button-module__hop-Button__Spinner___dsODg {
1091
+ .Button-module__hop-Button__Spinner___anLI6 {
1089
1092
  position: absolute;
1090
- justify-self: center;
1091
1093
  color: var(--spinner-color);
1092
1094
  }
1093
- .Button-module__hop-Button__icon___7y0vR,
1094
- .Button-module__hop-Button__icon-list___FI-zR {
1095
- grid-area: start-icon;
1095
+ .Button-module__hop-Button__icon___dRhm4,
1096
+ .Button-module__hop-Button__icon-list___TgPQh {
1097
+ flex: 0 0 auto;
1096
1098
  justify-self: end;
1099
+ order: 1;
1097
1100
  }
1098
- .Button-module__hop-Button__text___oueOv {
1101
+ .Button-module__hop-Button__text___uOXAN {
1099
1102
  user-select: none;
1100
1103
  overflow: visible;
1101
- grid-area: content;
1104
+ flex: 0 1 auto;
1105
+ order: 2;
1102
1106
  font-weight: var(--hop-font-weight-505);
1103
1107
  text-wrap: nowrap;
1104
1108
  }
1105
- .Button-module__hop-Button--ghost-primary___zLOwK[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___oueOv,
1106
- .Button-module__hop-Button--ghost-secondary___7v-pT[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___oueOv,
1107
- .Button-module__hop-Button--ghost-danger___xQuqA[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___oueOv,
1108
- .Button-module__hop-Button--ghost-primary___zLOwK[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___oueOv,
1109
- .Button-module__hop-Button--ghost-secondary___7v-pT[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___oueOv,
1110
- .Button-module__hop-Button--ghost-danger___xQuqA[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___oueOv,
1111
- .Button-module__hop-Button--ghost-primary___zLOwK[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___oueOv,
1112
- .Button-module__hop-Button--ghost-secondary___7v-pT[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___oueOv,
1113
- .Button-module__hop-Button--ghost-danger___xQuqA[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___oueOv {
1109
+ .Button-module__hop-Button--ghost-primary___5D4eE[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___uOXAN,
1110
+ .Button-module__hop-Button--ghost-secondary___Y3xYk[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___uOXAN,
1111
+ .Button-module__hop-Button--ghost-danger___fZ-c8[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___uOXAN,
1112
+ .Button-module__hop-Button--ghost-primary___5D4eE[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___uOXAN,
1113
+ .Button-module__hop-Button--ghost-secondary___Y3xYk[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___uOXAN,
1114
+ .Button-module__hop-Button--ghost-danger___fZ-c8[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___uOXAN,
1115
+ .Button-module__hop-Button--ghost-primary___5D4eE[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___uOXAN,
1116
+ .Button-module__hop-Button--ghost-secondary___Y3xYk[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___uOXAN,
1117
+ .Button-module__hop-Button--ghost-danger___fZ-c8[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___uOXAN {
1114
1118
  text-decoration: underline;
1115
1119
  text-underline-offset: 0.125rem;
1116
1120
  }
1117
- .Button-module__hop-Button__end-icon___5dsV8,
1118
- .Button-module__hop-Button__end-icon-list___r-ZQD {
1119
- grid-area: end-icon;
1121
+ .Button-module__hop-Button__end-icon___cgUgn,
1122
+ .Button-module__hop-Button__end-icon-list___6ZOKg {
1123
+ flex: 0 0 auto;
1124
+ order: 3;
1120
1125
  }
1121
- .Button-module__hop-Button___-Rm3G .Button-module__hop-Button__icon-list___FI-zR,
1122
- .Button-module__hop-Button___-Rm3G .Button-module__hop-Button__end-icon-list___r-ZQD {
1126
+ .Button-module__hop-Button___HSybc .Button-module__hop-Button__icon-list___TgPQh,
1127
+ .Button-module__hop-Button___HSybc .Button-module__hop-Button__end-icon-list___6ZOKg {
1123
1128
  flex-wrap: nowrap;
1124
1129
  }
1125
- .Button-module__hop-Button___-Rm3G[data-loading] > *:not(.Button-module__hop-Button__Spinner___dsODg) {
1130
+ .Button-module__hop-Button___HSybc[data-loading] > *:not(.Button-module__hop-Button__Spinner___anLI6) {
1126
1131
  opacity: 0;
1127
1132
  }
1128
1133
 
1129
1134
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ButtonGroup.module.css/#css-module-data */
1130
- .ButtonGroup-module__hop-ButtonGroup___GbwhW {
1135
+ .ButtonGroup-module__hop-ButtonGroup___t5qpa {
1131
1136
  display: inline-flex;
1132
1137
  flex-wrap: nowrap;
1133
1138
  gap: var(--hop-space-inline-md);
1134
1139
  }
1135
- .ButtonGroup-module__hop-ButtonGroup--horizontal___SxiWc {
1136
- justify-content: center;
1140
+ .ButtonGroup-module__hop-ButtonGroup--horizontal___6Vg3i {
1141
+ align-items: center;
1137
1142
  }
1138
- .ButtonGroup-module__hop-ButtonGroup--vertical___D2s4m {
1143
+ .ButtonGroup-module__hop-ButtonGroup--vertical___B18j0 {
1139
1144
  flex-direction: column;
1140
1145
  gap: var(--hop-space-stack-md);
1141
- align-items: center;
1146
+ justify-content: center;
1142
1147
  }
1143
- .ButtonGroup-module__hop-ButtonGroup--start___0sFu1.ButtonGroup-module__hop-ButtonGroup--vertical___D2s4m {
1148
+ .ButtonGroup-module__hop-ButtonGroup--start___dTygn.ButtonGroup-module__hop-ButtonGroup--vertical___B18j0 {
1144
1149
  align-items: flex-start;
1145
1150
  }
1146
- .ButtonGroup-module__hop-ButtonGroup--center___uIRfN.ButtonGroup-module__hop-ButtonGroup--vertical___D2s4m {
1151
+ .ButtonGroup-module__hop-ButtonGroup--center___-KnB4.ButtonGroup-module__hop-ButtonGroup--vertical___B18j0 {
1147
1152
  align-items: center;
1148
1153
  }
1149
- .ButtonGroup-module__hop-ButtonGroup--end___ZvYya.ButtonGroup-module__hop-ButtonGroup--vertical___D2s4m {
1154
+ .ButtonGroup-module__hop-ButtonGroup--end___09mLc.ButtonGroup-module__hop-ButtonGroup--vertical___B18j0 {
1150
1155
  align-items: flex-end;
1151
1156
  }
1152
- .ButtonGroup-module__hop-ButtonGroup--start___0sFu1.ButtonGroup-module__hop-ButtonGroup--horizontal___SxiWc {
1157
+ .ButtonGroup-module__hop-ButtonGroup--start___dTygn.ButtonGroup-module__hop-ButtonGroup--horizontal___6Vg3i {
1153
1158
  justify-content: flex-start;
1154
1159
  }
1155
- .ButtonGroup-module__hop-ButtonGroup--center___uIRfN.ButtonGroup-module__hop-ButtonGroup--horizontal___SxiWc {
1160
+ .ButtonGroup-module__hop-ButtonGroup--center___-KnB4.ButtonGroup-module__hop-ButtonGroup--horizontal___6Vg3i {
1156
1161
  justify-content: center;
1157
1162
  }
1158
- .ButtonGroup-module__hop-ButtonGroup--end___ZvYya.ButtonGroup-module__hop-ButtonGroup--horizontal___SxiWc {
1163
+ .ButtonGroup-module__hop-ButtonGroup--end___09mLc.ButtonGroup-module__hop-ButtonGroup--horizontal___6Vg3i {
1159
1164
  justify-content: flex-end;
1160
1165
  }
1161
- .ButtonGroup-module__hop-ButtonGroup--wrap___KBa-5 {
1166
+ .ButtonGroup-module__hop-ButtonGroup--wrap___mTPyO {
1162
1167
  flex-wrap: wrap;
1163
1168
  }
1164
- .ButtonGroup-module__hop-ButtonGroup--fluid___Pemuq {
1169
+ .ButtonGroup-module__hop-ButtonGroup--fluid___3rDTv {
1165
1170
  inline-size: 100%;
1166
1171
  }
1167
1172
 
1168
1173
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/EmbeddedButton.module.css/#css-module-data */
1169
- .EmbeddedButton-module__hop-EmbeddedButton___rZktt {
1174
+ .EmbeddedButton-module__hop-EmbeddedButton___cVU7f {
1170
1175
  --hop-EmbeddedButton-border-radius: var(--hop-shape-rounded-md);
1171
1176
  --hop-EmbeddedButton-focus-ring-color: var(--hop-primary-border-focus);
1172
1177
  --hop-EmbeddedButton-effect-border-radius: var(--hop-shape-circle);
@@ -1330,7 +1335,7 @@
1330
1335
  outline: none;
1331
1336
  transition: color var(--transition);
1332
1337
  }
1333
- .EmbeddedButton-module__hop-EmbeddedButton___rZktt::before {
1338
+ .EmbeddedButton-module__hop-EmbeddedButton___cVU7f::before {
1334
1339
  content: "";
1335
1340
  position: absolute;
1336
1341
  inset-block-start: 50%;
@@ -1343,284 +1348,284 @@
1343
1348
  border-radius: var(--effect-border-radius);
1344
1349
  transition: background-color var(--transition);
1345
1350
  }
1346
- .EmbeddedButton-module__hop-EmbeddedButton___rZktt[data-square] {
1351
+ .EmbeddedButton-module__hop-EmbeddedButton___cVU7f[data-square] {
1347
1352
  --effect-border-radius: var(--hop-EmbeddedButton-effect-square-border-radius);
1348
1353
  }
1349
- .EmbeddedButton-module__hop-EmbeddedButton--md___6sJJ- {
1354
+ .EmbeddedButton-module__hop-EmbeddedButton--md___W6mfA {
1350
1355
  --inline-size: var(--hop-EmbeddedButton-md-width);
1351
1356
  --block-size: var(--hop-EmbeddedButton-md-height);
1352
1357
  --focus-ring-offset: calc(-1 * var(--focus-ring-size));
1353
1358
  }
1354
- .EmbeddedButton-module__hop-EmbeddedButton--lg___gLoE7 {
1359
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___K8iSg {
1355
1360
  --inline-size: var(--hop-EmbeddedButton-lg-width);
1356
1361
  --block-size: var(--hop-EmbeddedButton-lg-height);
1357
1362
  --focus-ring-offset: 0;
1358
1363
  }
1359
- .EmbeddedButton-module__hop-EmbeddedButton--md___6sJJ-::before {
1364
+ .EmbeddedButton-module__hop-EmbeddedButton--md___W6mfA::before {
1360
1365
  --effect-inline-size: var(--hop-EmbeddedButton-md-effect-width);
1361
1366
  --effect-block-size: var(--hop-EmbeddedButton-md-effect-height);
1362
1367
  }
1363
- .EmbeddedButton-module__hop-EmbeddedButton--lg___gLoE7::before {
1368
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___K8iSg::before {
1364
1369
  --effect-inline-size: var(--hop-EmbeddedButton-lg-effect-width);
1365
1370
  --effect-block-size: var(--hop-EmbeddedButton-lg-effect-height);
1366
1371
  }
1367
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___1Vru8 {
1372
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___1B70z {
1368
1373
  --color: var(--hop-EmbeddedButton-neutral-color);
1369
1374
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color);
1370
1375
  }
1371
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___G-mI8 {
1376
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___mQ4nT {
1372
1377
  --color: var(--hop-EmbeddedButton-subdued-color);
1373
1378
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color);
1374
1379
  }
1375
- .EmbeddedButton-module__hop-EmbeddedButton--progress___aeJ18 {
1380
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___L1j0y {
1376
1381
  --color: var(--hop-EmbeddedButton-progress-color);
1377
1382
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color);
1378
1383
  }
1379
- .EmbeddedButton-module__hop-EmbeddedButton--positive___pGdKu {
1384
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___pQnno {
1380
1385
  --color: var(--hop-EmbeddedButton-positive-color);
1381
1386
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color);
1382
1387
  }
1383
- .EmbeddedButton-module__hop-EmbeddedButton--caution___pECii {
1388
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___IKvLq {
1384
1389
  --color: var(--hop-EmbeddedButton-caution-color);
1385
1390
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color);
1386
1391
  }
1387
- .EmbeddedButton-module__hop-EmbeddedButton--negative___GP62L {
1392
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___sY27A {
1388
1393
  --color: var(--hop-EmbeddedButton-negative-color);
1389
1394
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color);
1390
1395
  }
1391
- .EmbeddedButton-module__hop-EmbeddedButton--option1___4rb44 {
1396
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___ei-UB {
1392
1397
  --color: var(--hop-EmbeddedButton-option1-color);
1393
1398
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color);
1394
1399
  }
1395
- .EmbeddedButton-module__hop-EmbeddedButton--option2___M8iTo {
1400
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___1G9qo {
1396
1401
  --color: var(--hop-EmbeddedButton-option2-color);
1397
1402
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color);
1398
1403
  }
1399
- .EmbeddedButton-module__hop-EmbeddedButton--option3___X6EXA {
1404
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___ZWekq {
1400
1405
  --color: var(--hop-EmbeddedButton-option3-color);
1401
1406
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color);
1402
1407
  }
1403
- .EmbeddedButton-module__hop-EmbeddedButton--option4___OxtUZ {
1408
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___k-3Sy {
1404
1409
  --color: var(--hop-EmbeddedButton-option4-color);
1405
1410
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color);
1406
1411
  }
1407
- .EmbeddedButton-module__hop-EmbeddedButton--option5___BAv-j {
1412
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___CGigF {
1408
1413
  --color: var(--hop-EmbeddedButton-option5-color);
1409
1414
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color);
1410
1415
  }
1411
- .EmbeddedButton-module__hop-EmbeddedButton--option6___awDFw {
1416
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___tHEjz {
1412
1417
  --color: var(--hop-EmbeddedButton-option6-color);
1413
1418
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color);
1414
1419
  }
1415
- .EmbeddedButton-module__hop-EmbeddedButton___rZktt[data-selected] {
1420
+ .EmbeddedButton-module__hop-EmbeddedButton___cVU7f[data-selected] {
1416
1421
  --color: var(--hop-EmbeddedButton-selected-color);
1417
1422
  --effect-background-color: var(--hop-EmbeddedButton-selected-effect-background-color);
1418
1423
  }
1419
- .EmbeddedButton-module__hop-EmbeddedButton___rZktt[data-focus-visible] {
1424
+ .EmbeddedButton-module__hop-EmbeddedButton___cVU7f[data-focus-visible] {
1420
1425
  outline: var(--focus-ring-size) solid var(--hop-EmbeddedButton-focus-ring-color);
1421
1426
  outline-offset: var(--focus-ring-offset);
1422
1427
  }
1423
- .EmbeddedButton-module__hop-EmbeddedButton___rZktt[data-disabled] {
1428
+ .EmbeddedButton-module__hop-EmbeddedButton___cVU7f[data-disabled] {
1424
1429
  cursor: not-allowed;
1425
1430
  }
1426
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___1Vru8[data-hovered] {
1431
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___1B70z[data-hovered] {
1427
1432
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-hovered);
1428
1433
  --color: var(--hop-EmbeddedButton-neutral-color-hovered);
1429
1434
  }
1430
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___1Vru8[data-focus-visible] {
1435
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___1B70z[data-focus-visible] {
1431
1436
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-focused);
1432
1437
  --color: var(--hop-EmbeddedButton-neutral-color-focused);
1433
1438
  }
1434
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___1Vru8[data-pressed] {
1439
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___1B70z[data-pressed] {
1435
1440
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-pressed);
1436
1441
  --color: var(--hop-EmbeddedButton-neutral-color-pressed);
1437
1442
  }
1438
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___1Vru8[data-disabled] {
1443
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___1B70z[data-disabled] {
1439
1444
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-disabled);
1440
1445
  --color: var(--hop-EmbeddedButton-neutral-color-disabled);
1441
1446
  }
1442
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___G-mI8[data-hovered] {
1447
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___mQ4nT[data-hovered] {
1443
1448
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-hovered);
1444
1449
  --color: var(--hop-EmbeddedButton-subdued-color-hovered);
1445
1450
  }
1446
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___G-mI8[data-focus-visible] {
1451
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___mQ4nT[data-focus-visible] {
1447
1452
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-focused);
1448
1453
  --color: var(--hop-EmbeddedButton-subdued-color-focused);
1449
1454
  }
1450
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___G-mI8[data-pressed] {
1455
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___mQ4nT[data-pressed] {
1451
1456
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-pressed);
1452
1457
  --color: var(--hop-EmbeddedButton-subdued-color-pressed);
1453
1458
  }
1454
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___G-mI8[data-disabled] {
1459
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___mQ4nT[data-disabled] {
1455
1460
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-disabled);
1456
1461
  --color: var(--hop-EmbeddedButton-subdued-color-disabled);
1457
1462
  }
1458
- .EmbeddedButton-module__hop-EmbeddedButton--progress___aeJ18[data-hovered] {
1463
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___L1j0y[data-hovered] {
1459
1464
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-hovered);
1460
1465
  --color: var(--hop-EmbeddedButton-progress-color-hovered);
1461
1466
  }
1462
- .EmbeddedButton-module__hop-EmbeddedButton--progress___aeJ18[data-focus-visible] {
1467
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___L1j0y[data-focus-visible] {
1463
1468
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-focused);
1464
1469
  --color: var(--hop-EmbeddedButton-progress-color-focused);
1465
1470
  }
1466
- .EmbeddedButton-module__hop-EmbeddedButton--progress___aeJ18[data-pressed] {
1471
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___L1j0y[data-pressed] {
1467
1472
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-pressed);
1468
1473
  --color: var(--hop-EmbeddedButton-progress-color-pressed);
1469
1474
  }
1470
- .EmbeddedButton-module__hop-EmbeddedButton--progress___aeJ18[data-disabled] {
1475
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___L1j0y[data-disabled] {
1471
1476
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-disabled);
1472
1477
  --color: var(--hop-EmbeddedButton-progress-color-disabled);
1473
1478
  }
1474
- .EmbeddedButton-module__hop-EmbeddedButton--positive___pGdKu[data-hovered] {
1479
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___pQnno[data-hovered] {
1475
1480
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-hovered);
1476
1481
  --color: var(--hop-EmbeddedButton-positive-color-hovered);
1477
1482
  }
1478
- .EmbeddedButton-module__hop-EmbeddedButton--positive___pGdKu[data-focus-visible] {
1483
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___pQnno[data-focus-visible] {
1479
1484
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-focused);
1480
1485
  --color: var(--hop-EmbeddedButton-positive-color-focused);
1481
1486
  }
1482
- .EmbeddedButton-module__hop-EmbeddedButton--positive___pGdKu[data-pressed] {
1487
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___pQnno[data-pressed] {
1483
1488
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-pressed);
1484
1489
  --color: var(--hop-EmbeddedButton-positive-color-pressed);
1485
1490
  }
1486
- .EmbeddedButton-module__hop-EmbeddedButton--positive___pGdKu[data-disabled] {
1491
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___pQnno[data-disabled] {
1487
1492
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-disabled);
1488
1493
  --color: var(--hop-EmbeddedButton-positive-color-disabled);
1489
1494
  }
1490
- .EmbeddedButton-module__hop-EmbeddedButton--caution___pECii[data-hovered] {
1495
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___IKvLq[data-hovered] {
1491
1496
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-hovered);
1492
1497
  --color: var(--hop-EmbeddedButton-caution-color-hovered);
1493
1498
  }
1494
- .EmbeddedButton-module__hop-EmbeddedButton--caution___pECii[data-focus-visible] {
1499
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___IKvLq[data-focus-visible] {
1495
1500
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-focused);
1496
1501
  --color: var(--hop-EmbeddedButton-caution-color-focused);
1497
1502
  }
1498
- .EmbeddedButton-module__hop-EmbeddedButton--caution___pECii[data-pressed] {
1503
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___IKvLq[data-pressed] {
1499
1504
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-pressed);
1500
1505
  --color: var(--hop-EmbeddedButton-caution-color-pressed);
1501
1506
  }
1502
- .EmbeddedButton-module__hop-EmbeddedButton--caution___pECii[data-disabled] {
1507
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___IKvLq[data-disabled] {
1503
1508
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-disabled);
1504
1509
  --color: var(--hop-EmbeddedButton-caution-color-disabled);
1505
1510
  }
1506
- .EmbeddedButton-module__hop-EmbeddedButton--negative___GP62L[data-hovered] {
1511
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___sY27A[data-hovered] {
1507
1512
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-hovered);
1508
1513
  --color: var(--hop-EmbeddedButton-negative-color-hovered);
1509
1514
  }
1510
- .EmbeddedButton-module__hop-EmbeddedButton--negative___GP62L[data-focus-visible] {
1515
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___sY27A[data-focus-visible] {
1511
1516
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-focused);
1512
1517
  --color: var(--hop-EmbeddedButton-negative-color-focused);
1513
1518
  }
1514
- .EmbeddedButton-module__hop-EmbeddedButton--negative___GP62L[data-pressed] {
1519
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___sY27A[data-pressed] {
1515
1520
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-pressed);
1516
1521
  --color: var(--hop-EmbeddedButton-negative-color-pressed);
1517
1522
  }
1518
- .EmbeddedButton-module__hop-EmbeddedButton--negative___GP62L[data-disabled] {
1523
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___sY27A[data-disabled] {
1519
1524
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-disabled);
1520
1525
  --color: var(--hop-EmbeddedButton-negative-color-disabled);
1521
1526
  }
1522
- .EmbeddedButton-module__hop-EmbeddedButton--option1___4rb44[data-hovered] {
1527
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___ei-UB[data-hovered] {
1523
1528
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-hovered);
1524
1529
  --color: var(--hop-EmbeddedButton-option1-color-hovered);
1525
1530
  }
1526
- .EmbeddedButton-module__hop-EmbeddedButton--option1___4rb44[data-focus-visible] {
1531
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___ei-UB[data-focus-visible] {
1527
1532
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-focused);
1528
1533
  --color: var(--hop-EmbeddedButton-option1-color-focused);
1529
1534
  }
1530
- .EmbeddedButton-module__hop-EmbeddedButton--option1___4rb44[data-pressed] {
1535
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___ei-UB[data-pressed] {
1531
1536
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-pressed);
1532
1537
  --color: var(--hop-EmbeddedButton-option1-color-pressed);
1533
1538
  }
1534
- .EmbeddedButton-module__hop-EmbeddedButton--option1___4rb44[data-disabled] {
1539
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___ei-UB[data-disabled] {
1535
1540
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-disabled);
1536
1541
  --color: var(--hop-EmbeddedButton-option1-color-disabled);
1537
1542
  }
1538
- .EmbeddedButton-module__hop-EmbeddedButton--option2___M8iTo[data-hovered] {
1543
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___1G9qo[data-hovered] {
1539
1544
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-hovered);
1540
1545
  --color: var(--hop-EmbeddedButton-option2-color-hovered);
1541
1546
  }
1542
- .EmbeddedButton-module__hop-EmbeddedButton--option2___M8iTo[data-focus-visible] {
1547
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___1G9qo[data-focus-visible] {
1543
1548
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-focused);
1544
1549
  --color: var(--hop-EmbeddedButton-option2-color-focused);
1545
1550
  }
1546
- .EmbeddedButton-module__hop-EmbeddedButton--option2___M8iTo[data-pressed] {
1551
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___1G9qo[data-pressed] {
1547
1552
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-pressed);
1548
1553
  --color: var(--hop-EmbeddedButton-option2-color-pressed);
1549
1554
  }
1550
- .EmbeddedButton-module__hop-EmbeddedButton--option2___M8iTo[data-disabled] {
1555
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___1G9qo[data-disabled] {
1551
1556
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-disabled);
1552
1557
  --color: var(--hop-EmbeddedButton-option2-color-disabled);
1553
1558
  }
1554
- .EmbeddedButton-module__hop-EmbeddedButton--option3___X6EXA[data-hovered] {
1559
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___ZWekq[data-hovered] {
1555
1560
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-hovered);
1556
1561
  --color: var(--hop-EmbeddedButton-option3-color-hovered);
1557
1562
  }
1558
- .EmbeddedButton-module__hop-EmbeddedButton--option3___X6EXA[data-focus-visible] {
1563
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___ZWekq[data-focus-visible] {
1559
1564
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-focused);
1560
1565
  --color: var(--hop-EmbeddedButton-option3-color-focused);
1561
1566
  }
1562
- .EmbeddedButton-module__hop-EmbeddedButton--option3___X6EXA[data-pressed] {
1567
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___ZWekq[data-pressed] {
1563
1568
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-pressed);
1564
1569
  --color: var(--hop-EmbeddedButton-option3-color-pressed);
1565
1570
  }
1566
- .EmbeddedButton-module__hop-EmbeddedButton--option3___X6EXA[data-disabled] {
1571
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___ZWekq[data-disabled] {
1567
1572
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-disabled);
1568
1573
  --color: var(--hop-EmbeddedButton-option3-color-disabled);
1569
1574
  }
1570
- .EmbeddedButton-module__hop-EmbeddedButton--option4___OxtUZ[data-hovered] {
1575
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___k-3Sy[data-hovered] {
1571
1576
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-hovered);
1572
1577
  --color: var(--hop-EmbeddedButton-option4-color-hovered);
1573
1578
  }
1574
- .EmbeddedButton-module__hop-EmbeddedButton--option4___OxtUZ[data-focus-visible] {
1579
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___k-3Sy[data-focus-visible] {
1575
1580
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-focused);
1576
1581
  --color: var(--hop-EmbeddedButton-option4-color-focused);
1577
1582
  }
1578
- .EmbeddedButton-module__hop-EmbeddedButton--option4___OxtUZ[data-pressed] {
1583
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___k-3Sy[data-pressed] {
1579
1584
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-pressed);
1580
1585
  --color: var(--hop-EmbeddedButton-option4-color-pressed);
1581
1586
  }
1582
- .EmbeddedButton-module__hop-EmbeddedButton--option4___OxtUZ[data-disabled] {
1587
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___k-3Sy[data-disabled] {
1583
1588
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-disabled);
1584
1589
  --color: var(--hop-EmbeddedButton-option4-color-disabled);
1585
1590
  }
1586
- .EmbeddedButton-module__hop-EmbeddedButton--option5___BAv-j[data-hovered] {
1591
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___CGigF[data-hovered] {
1587
1592
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-hovered);
1588
1593
  --color: var(--hop-EmbeddedButton-option5-color-hovered);
1589
1594
  }
1590
- .EmbeddedButton-module__hop-EmbeddedButton--option5___BAv-j[data-focus-visible] {
1595
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___CGigF[data-focus-visible] {
1591
1596
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-focused);
1592
1597
  --color: var(--hop-EmbeddedButton-option5-color-focused);
1593
1598
  }
1594
- .EmbeddedButton-module__hop-EmbeddedButton--option5___BAv-j[data-pressed] {
1599
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___CGigF[data-pressed] {
1595
1600
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-pressed);
1596
1601
  --color: var(--hop-EmbeddedButton-option5-color-pressed);
1597
1602
  }
1598
- .EmbeddedButton-module__hop-EmbeddedButton--option5___BAv-j[data-disabled] {
1603
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___CGigF[data-disabled] {
1599
1604
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-disabled);
1600
1605
  --color: var(--hop-EmbeddedButton-option5-color-disabled);
1601
1606
  }
1602
- .EmbeddedButton-module__hop-EmbeddedButton--option6___awDFw[data-hovered] {
1607
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___tHEjz[data-hovered] {
1603
1608
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-hovered);
1604
1609
  --color: var(--hop-EmbeddedButton-option6-color-hovered);
1605
1610
  }
1606
- .EmbeddedButton-module__hop-EmbeddedButton--option6___awDFw[data-focus-visible] {
1611
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___tHEjz[data-focus-visible] {
1607
1612
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-focused);
1608
1613
  --color: var(--hop-EmbeddedButton-option6-color-focused);
1609
1614
  }
1610
- .EmbeddedButton-module__hop-EmbeddedButton--option6___awDFw[data-pressed] {
1615
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___tHEjz[data-pressed] {
1611
1616
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-pressed);
1612
1617
  --color: var(--hop-EmbeddedButton-option6-color-pressed);
1613
1618
  }
1614
- .EmbeddedButton-module__hop-EmbeddedButton--option6___awDFw[data-disabled] {
1619
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___tHEjz[data-disabled] {
1615
1620
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-disabled);
1616
1621
  --color: var(--hop-EmbeddedButton-option6-color-disabled);
1617
1622
  }
1618
- .EmbeddedButton-module__hop-EmbeddedButton__icon___QHfa9 {
1623
+ .EmbeddedButton-module__hop-EmbeddedButton__icon___YcRHk {
1619
1624
  position: relative;
1620
1625
  }
1621
1626
 
1622
1627
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tag/src/Tag.module.css/#css-module-data */
1623
- .Tag-module__hop-Tag___-rCVm {
1628
+ .Tag-module__hop-Tag___fjatu {
1624
1629
  --hop-Tag-border-size: 0.0625rem;
1625
1630
  --hop-Tag-border-radius: var(--hop-shape-pill);
1626
1631
  --hop-Tag-sm-block-size: 1.25rem;
@@ -1859,7 +1864,7 @@
1859
1864
  outline: none;
1860
1865
  outline-offset: 0.125rem;
1861
1866
  }
1862
- .Tag-module__hop-Tag--sm___fr1jO {
1867
+ .Tag-module__hop-Tag--sm___i8I3T {
1863
1868
  --block-size: var(--hop-Tag-sm-block-size);
1864
1869
  --padding-inline: var(--hop-Tag-sm-padding-inline);
1865
1870
  --column-gap: var(--hop-Tag-sm-column-gap);
@@ -1867,13 +1872,13 @@
1867
1872
  --avatar-margin-inline-start: var(--hop-Tag-sm-avatar-margin-inline-start);
1868
1873
  --spinner-margin-inline-end: var(--hop-Tag-sm-spinner-margin-inline-end);
1869
1874
  }
1870
- .Tag-module__hop-Tag--sm___fr1jO:not(:has(.Tag-module__hop-Tag__remove-btn___5FrpC, .Tag-module__hop-Tag__Spinner___afafg)) {
1875
+ .Tag-module__hop-Tag--sm___i8I3T:not(:has(.Tag-module__hop-Tag__remove-btn___s4OpY, .Tag-module__hop-Tag__Spinner___AOVk1)) {
1871
1876
  --badge-margin-inline-end: var(--hop-Tag-sm-badge-margin-inline-end);
1872
1877
  }
1873
- .Tag-module__hop-Tag--sm___fr1jO:not(:has(.Tag-module__hop-Tag__avatar___WasdR)) {
1878
+ .Tag-module__hop-Tag--sm___i8I3T:not(:has(.Tag-module__hop-Tag__avatar___Ksr2-)) {
1874
1879
  --icon-margin-inline-start: var(--hop-Tag-sm-icon-margin-inline-start);
1875
1880
  }
1876
- .Tag-module__hop-Tag--md___6UWsk {
1881
+ .Tag-module__hop-Tag--md___wEXe9 {
1877
1882
  --block-size: var(--hop-Tag-md-block-size);
1878
1883
  --padding-inline: var(--hop-Tag-md-padding-inline);
1879
1884
  --column-gap: var(--hop-Tag-md-column-gap);
@@ -1881,13 +1886,13 @@
1881
1886
  --avatar-margin-inline-start: var(--hop-Tag-md-avatar-margin-inline-start);
1882
1887
  --spinner-margin-inline-end: var(--hop-Tag-md-spinner-margin-inline-end);
1883
1888
  }
1884
- .Tag-module__hop-Tag--md___6UWsk:not(:has(.Tag-module__hop-Tag__remove-btn___5FrpC, .Tag-module__hop-Tag__Spinner___afafg)) {
1889
+ .Tag-module__hop-Tag--md___wEXe9:not(:has(.Tag-module__hop-Tag__remove-btn___s4OpY, .Tag-module__hop-Tag__Spinner___AOVk1)) {
1885
1890
  --badge-margin-inline-end: var(--hop-Tag-md-badge-margin-inline-end);
1886
1891
  }
1887
- .Tag-module__hop-Tag--md___6UWsk:not(:has(.Tag-module__hop-Tag__avatar___WasdR)) {
1892
+ .Tag-module__hop-Tag--md___wEXe9:not(:has(.Tag-module__hop-Tag__avatar___Ksr2-)) {
1888
1893
  --icon-margin-inline-start: var(--hop-Tag-md-icon-margin-inline-start);
1889
1894
  }
1890
- .Tag-module__hop-Tag--lg___ldXx1 {
1895
+ .Tag-module__hop-Tag--lg___60lY- {
1891
1896
  --block-size: var(--hop-Tag-lg-block-size);
1892
1897
  --padding-inline: var(--hop-Tag-lg-padding-inline);
1893
1898
  --column-gap: var(--hop-Tag-lg-column-gap);
@@ -1895,348 +1900,348 @@
1895
1900
  --avatar-margin-inline-start: var(--hop-Tag-lg-avatar-margin-inline-start);
1896
1901
  --spinner-margin-inline-end: var(--hop-Tag-lg-spinner-margin-inline-end);
1897
1902
  }
1898
- .Tag-module__hop-Tag--lg___ldXx1:not(:has(.Tag-module__hop-Tag__remove-btn___5FrpC, .Tag-module__hop-Tag__Spinner___afafg)) {
1903
+ .Tag-module__hop-Tag--lg___60lY-:not(:has(.Tag-module__hop-Tag__remove-btn___s4OpY, .Tag-module__hop-Tag__Spinner___AOVk1)) {
1899
1904
  --badge-margin-inline-end: var(--hop-Tag-lg-badge-margin-inline-end);
1900
1905
  }
1901
- .Tag-module__hop-Tag--lg___ldXx1:not(:has(.Tag-module__hop-Tag__avatar___WasdR)) {
1906
+ .Tag-module__hop-Tag--lg___60lY-:not(:has(.Tag-module__hop-Tag__avatar___Ksr2-)) {
1902
1907
  --icon-margin-inline-start: var(--hop-Tag-lg-icon-margin-inline-start);
1903
1908
  }
1904
- .Tag-module__hop-Tag--neutral___J4w93 {
1909
+ .Tag-module__hop-Tag--neutral___s9QZY {
1905
1910
  --border-color: var(--hop-Tag-neutral-border-color);
1906
1911
  --background-color: var(--hop-Tag-neutral-background-color);
1907
1912
  --text-color: var(--hop-Tag-neutral-text-color);
1908
1913
  }
1909
- .Tag-module__hop-Tag--subdued___F4PzZ {
1914
+ .Tag-module__hop-Tag--subdued___-Ff9Z {
1910
1915
  --border-color: var(--hop-Tag-subdued-border-color);
1911
1916
  --background-color: var(--hop-Tag-subdued-background-color);
1912
1917
  --text-color: var(--hop-Tag-subdued-text-color);
1913
1918
  }
1914
- .Tag-module__hop-Tag--progress___-lfc3 {
1919
+ .Tag-module__hop-Tag--progress___JmfJF {
1915
1920
  --border-color: var(--hop-Tag-progress-border-color);
1916
1921
  --background-color: var(--hop-Tag-progress-background-color);
1917
1922
  --text-color: var(--hop-Tag-progress-text-color);
1918
1923
  }
1919
- .Tag-module__hop-Tag--positive___5dsGv {
1924
+ .Tag-module__hop-Tag--positive___rzeP7 {
1920
1925
  --border-color: var(--hop-Tag-positive-border-color);
1921
1926
  --background-color: var(--hop-Tag-positive-background-color);
1922
1927
  --text-color: var(--hop-Tag-positive-text-color);
1923
1928
  }
1924
- .Tag-module__hop-Tag--caution___YrHxA {
1929
+ .Tag-module__hop-Tag--caution___691j9 {
1925
1930
  --border-color: var(--hop-Tag-caution-border-color);
1926
1931
  --background-color: var(--hop-Tag-caution-background-color);
1927
1932
  --text-color: var(--hop-Tag-caution-text-color);
1928
1933
  }
1929
- .Tag-module__hop-Tag--negative___Cov73 {
1934
+ .Tag-module__hop-Tag--negative___55JT5 {
1930
1935
  --border-color: var(--hop-Tag-negative-border-color);
1931
1936
  --background-color: var(--hop-Tag-negative-background-color);
1932
1937
  --text-color: var(--hop-Tag-negative-text-color);
1933
1938
  }
1934
- .Tag-module__hop-Tag--option1___I2iXh {
1939
+ .Tag-module__hop-Tag--option1___wjO34 {
1935
1940
  --border-color: var(--hop-Tag-option1-border-color);
1936
1941
  --background-color: var(--hop-Tag-option1-background-color);
1937
1942
  --text-color: var(--hop-Tag-option1-text-color);
1938
1943
  }
1939
- .Tag-module__hop-Tag--option2___u8Mw- {
1944
+ .Tag-module__hop-Tag--option2___ho6cn {
1940
1945
  --border-color: var(--hop-Tag-option2-border-color);
1941
1946
  --background-color: var(--hop-Tag-option2-background-color);
1942
1947
  --text-color: var(--hop-Tag-option2-text-color);
1943
1948
  }
1944
- .Tag-module__hop-Tag--option3___t4ILa {
1949
+ .Tag-module__hop-Tag--option3___aAGSk {
1945
1950
  --border-color: var(--hop-Tag-option3-border-color);
1946
1951
  --background-color: var(--hop-Tag-option3-background-color);
1947
1952
  --text-color: var(--hop-Tag-option3-text-color);
1948
1953
  }
1949
- .Tag-module__hop-Tag--option4___Zec2L {
1954
+ .Tag-module__hop-Tag--option4___dJadh {
1950
1955
  --border-color: var(--hop-Tag-option4-border-color);
1951
1956
  --background-color: var(--hop-Tag-option4-background-color);
1952
1957
  --text-color: var(--hop-Tag-option4-text-color);
1953
1958
  }
1954
- .Tag-module__hop-Tag--option5___39tDN {
1959
+ .Tag-module__hop-Tag--option5___oMF-C {
1955
1960
  --border-color: var(--hop-Tag-option5-border-color);
1956
1961
  --background-color: var(--hop-Tag-option5-background-color);
1957
1962
  --text-color: var(--hop-Tag-option5-text-color);
1958
1963
  }
1959
- .Tag-module__hop-Tag--option6___9-KlZ {
1964
+ .Tag-module__hop-Tag--option6___IMpkI {
1960
1965
  --border-color: var(--hop-Tag-option6-border-color);
1961
1966
  --background-color: var(--hop-Tag-option6-background-color);
1962
1967
  --text-color: var(--hop-Tag-option6-text-color);
1963
1968
  }
1964
- .Tag-module__hop-Tag___-rCVm[data-href] {
1969
+ .Tag-module__hop-Tag___fjatu[data-href] {
1965
1970
  cursor: pointer;
1966
1971
  }
1967
- .Tag-module__hop-Tag--neutral___J4w93[data-focus-visible] {
1972
+ .Tag-module__hop-Tag--neutral___s9QZY[data-focus-visible] {
1968
1973
  --border-color: var(--hop-Tag-neutral-border-color-focus);
1969
1974
  --background-color: var(--hop-Tag-neutral-background-color-focus);
1970
1975
  --text-color: var(--hop-Tag-neutral-text-color-focus);
1971
1976
  }
1972
- .Tag-module__hop-Tag--neutral___J4w93[data-hovered] {
1977
+ .Tag-module__hop-Tag--neutral___s9QZY[data-hovered] {
1973
1978
  --border-color: var(--hop-Tag-neutral-border-color-hover);
1974
1979
  --background-color: var(--hop-Tag-neutral-background-color-hover);
1975
1980
  --text-color: var(--hop-Tag-neutral-text-color-hover);
1976
1981
  }
1977
- .Tag-module__hop-Tag--neutral___J4w93[data-pressed] {
1982
+ .Tag-module__hop-Tag--neutral___s9QZY[data-pressed] {
1978
1983
  --border-color: var(--hop-Tag-neutral-border-color-press);
1979
1984
  --background-color: var(--hop-Tag-neutral-background-color-press);
1980
1985
  --text-color: var(--hop-Tag-neutral-text-color-press);
1981
1986
  }
1982
- .Tag-module__hop-Tag--neutral___J4w93[data-disabled] {
1987
+ .Tag-module__hop-Tag--neutral___s9QZY[data-disabled] {
1983
1988
  --border-color: var(--hop-Tag-neutral-border-color-disabled);
1984
1989
  --background-color: var(--hop-Tag-neutral-background-color-disabled);
1985
1990
  --text-color: var(--hop-Tag-neutral-text-color-disabled);
1986
1991
  }
1987
- .Tag-module__hop-Tag--subdued___F4PzZ[data-focus-visible] {
1992
+ .Tag-module__hop-Tag--subdued___-Ff9Z[data-focus-visible] {
1988
1993
  --border-color: var(--hop-Tag-subdued-border-color-focus);
1989
1994
  --background-color: var(--hop-Tag-subdued-background-color-focus);
1990
1995
  --text-color: var(--hop-Tag-subdued-text-color-focus);
1991
1996
  }
1992
- .Tag-module__hop-Tag--subdued___F4PzZ[data-hovered] {
1997
+ .Tag-module__hop-Tag--subdued___-Ff9Z[data-hovered] {
1993
1998
  --border-color: var(--hop-Tag-subdued-border-color-hover);
1994
1999
  --background-color: var(--hop-Tag-subdued-background-color-hover);
1995
2000
  --text-color: var(--hop-Tag-subdued-text-color-hover);
1996
2001
  }
1997
- .Tag-module__hop-Tag--subdued___F4PzZ[data-pressed] {
2002
+ .Tag-module__hop-Tag--subdued___-Ff9Z[data-pressed] {
1998
2003
  --border-color: var(--hop-Tag-subdued-border-color-press);
1999
2004
  --background-color: var(--hop-Tag-subdued-background-color-press);
2000
2005
  --text-color: var(--hop-Tag-subdued-text-color-press);
2001
2006
  }
2002
- .Tag-module__hop-Tag--subdued___F4PzZ[data-disabled] {
2007
+ .Tag-module__hop-Tag--subdued___-Ff9Z[data-disabled] {
2003
2008
  --border-color: var(--hop-Tag-subdued-border-color-disabled);
2004
2009
  --background-color: var(--hop-Tag-subdued-background-color-disabled);
2005
2010
  --text-color: var(--hop-Tag-subdued-text-color-disabled);
2006
2011
  }
2007
- .Tag-module__hop-Tag--progress___-lfc3[data-focus-visible] {
2012
+ .Tag-module__hop-Tag--progress___JmfJF[data-focus-visible] {
2008
2013
  --border-color: var(--hop-Tag-progress-border-color-focus);
2009
2014
  --background-color: var(--hop-Tag-progress-background-color-focus);
2010
2015
  --text-color: var(--hop-Tag-progress-text-color-focus);
2011
2016
  }
2012
- .Tag-module__hop-Tag--progress___-lfc3[data-hovered] {
2017
+ .Tag-module__hop-Tag--progress___JmfJF[data-hovered] {
2013
2018
  --border-color: var(--hop-Tag-progress-border-color-hover);
2014
2019
  --background-color: var(--hop-Tag-progress-background-color-hover);
2015
2020
  --text-color: var(--hop-Tag-progress-text-color-hover);
2016
2021
  }
2017
- .Tag-module__hop-Tag--progress___-lfc3[data-pressed] {
2022
+ .Tag-module__hop-Tag--progress___JmfJF[data-pressed] {
2018
2023
  --border-color: var(--hop-Tag-progress-border-color-press);
2019
2024
  --background-color: var(--hop-Tag-progress-background-color-press);
2020
2025
  --text-color: var(--hop-Tag-progress-text-color-press);
2021
2026
  }
2022
- .Tag-module__hop-Tag--progress___-lfc3[data-disabled] {
2027
+ .Tag-module__hop-Tag--progress___JmfJF[data-disabled] {
2023
2028
  --border-color: var(--hop-Tag-progress-border-color-disabled);
2024
2029
  --background-color: var(--hop-Tag-progress-background-color-disabled);
2025
2030
  --text-color: var(--hop-Tag-progress-text-color-disabled);
2026
2031
  }
2027
- .Tag-module__hop-Tag--positive___5dsGv[data-focus-visible] {
2032
+ .Tag-module__hop-Tag--positive___rzeP7[data-focus-visible] {
2028
2033
  --border-color: var(--hop-Tag-positive-border-color-focus);
2029
2034
  --background-color: var(--hop-Tag-positive-background-color-focus);
2030
2035
  --text-color: var(--hop-Tag-positive-text-color-focus);
2031
2036
  }
2032
- .Tag-module__hop-Tag--positive___5dsGv[data-hovered] {
2037
+ .Tag-module__hop-Tag--positive___rzeP7[data-hovered] {
2033
2038
  --border-color: var(--hop-Tag-positive-border-color-hover);
2034
2039
  --background-color: var(--hop-Tag-positive-background-color-hover);
2035
2040
  --text-color: var(--hop-Tag-positive-text-color-hover);
2036
2041
  }
2037
- .Tag-module__hop-Tag--positive___5dsGv[data-pressed] {
2042
+ .Tag-module__hop-Tag--positive___rzeP7[data-pressed] {
2038
2043
  --border-color: var(--hop-Tag-positive-border-color-press);
2039
2044
  --background-color: var(--hop-Tag-positive-background-color-press);
2040
2045
  --text-color: var(--hop-Tag-positive-text-color-press);
2041
2046
  }
2042
- .Tag-module__hop-Tag--positive___5dsGv[data-disabled] {
2047
+ .Tag-module__hop-Tag--positive___rzeP7[data-disabled] {
2043
2048
  --border-color: var(--hop-Tag-positive-border-color-disabled);
2044
2049
  --background-color: var(--hop-Tag-positive-background-color-disabled);
2045
2050
  --text-color: var(--hop-Tag-positive-text-color-disabled);
2046
2051
  }
2047
- .Tag-module__hop-Tag--caution___YrHxA[data-focus-visible] {
2052
+ .Tag-module__hop-Tag--caution___691j9[data-focus-visible] {
2048
2053
  --border-color: var(--hop-Tag-caution-border-color-focus);
2049
2054
  --background-color: var(--hop-Tag-caution-background-color-focus);
2050
2055
  --text-color: var(--hop-Tag-caution-text-color-focus);
2051
2056
  }
2052
- .Tag-module__hop-Tag--caution___YrHxA[data-hovered] {
2057
+ .Tag-module__hop-Tag--caution___691j9[data-hovered] {
2053
2058
  --border-color: var(--hop-Tag-caution-border-color-hover);
2054
2059
  --background-color: var(--hop-Tag-caution-background-color-hover);
2055
2060
  --text-color: var(--hop-Tag-caution-text-color-hover);
2056
2061
  }
2057
- .Tag-module__hop-Tag--caution___YrHxA[data-pressed] {
2062
+ .Tag-module__hop-Tag--caution___691j9[data-pressed] {
2058
2063
  --border-color: var(--hop-Tag-caution-border-color-press);
2059
2064
  --background-color: var(--hop-Tag-caution-background-color-press);
2060
2065
  --text-color: var(--hop-Tag-caution-text-color-press);
2061
2066
  }
2062
- .Tag-module__hop-Tag--caution___YrHxA[data-disabled] {
2067
+ .Tag-module__hop-Tag--caution___691j9[data-disabled] {
2063
2068
  --border-color: var(--hop-Tag-caution-border-color-disabled);
2064
2069
  --background-color: var(--hop-Tag-caution-background-color-disabled);
2065
2070
  --text-color: var(--hop-Tag-caution-text-color-disabled);
2066
2071
  }
2067
- .Tag-module__hop-Tag--negative___Cov73[data-focus-visible] {
2072
+ .Tag-module__hop-Tag--negative___55JT5[data-focus-visible] {
2068
2073
  --border-color: var(--hop-Tag-negative-border-color-focus);
2069
2074
  --background-color: var(--hop-Tag-negative-background-color-focus);
2070
2075
  --text-color: var(--hop-Tag-negative-text-color-focus);
2071
2076
  }
2072
- .Tag-module__hop-Tag--negative___Cov73[data-hovered] {
2077
+ .Tag-module__hop-Tag--negative___55JT5[data-hovered] {
2073
2078
  --border-color: var(--hop-Tag-negative-border-color-hover);
2074
2079
  --background-color: var(--hop-Tag-negative-background-color-hover);
2075
2080
  --text-color: var(--hop-Tag-negative-text-color-hover);
2076
2081
  }
2077
- .Tag-module__hop-Tag--negative___Cov73[data-pressed] {
2082
+ .Tag-module__hop-Tag--negative___55JT5[data-pressed] {
2078
2083
  --border-color: var(--hop-Tag-negative-border-color-press);
2079
2084
  --background-color: var(--hop-Tag-negative-background-color-press);
2080
2085
  --text-color: var(--hop-Tag-negative-text-color-press);
2081
2086
  }
2082
- .Tag-module__hop-Tag--negative___Cov73[data-disabled] {
2087
+ .Tag-module__hop-Tag--negative___55JT5[data-disabled] {
2083
2088
  --border-color: var(--hop-Tag-negative-border-color-disabled);
2084
2089
  --background-color: var(--hop-Tag-negative-background-color-disabled);
2085
2090
  --text-color: var(--hop-Tag-negative-text-color-disabled);
2086
2091
  }
2087
- .Tag-module__hop-Tag--option1___I2iXh[data-focus-visible] {
2092
+ .Tag-module__hop-Tag--option1___wjO34[data-focus-visible] {
2088
2093
  --border-color: var(--hop-Tag-option1-border-color-focus);
2089
2094
  --background-color: var(--hop-Tag-option1-background-color-focus);
2090
2095
  --text-color: var(--hop-Tag-option1-text-color-focus);
2091
2096
  }
2092
- .Tag-module__hop-Tag--option1___I2iXh[data-hovered] {
2097
+ .Tag-module__hop-Tag--option1___wjO34[data-hovered] {
2093
2098
  --border-color: var(--hop-Tag-option1-border-color-hover);
2094
2099
  --background-color: var(--hop-Tag-option1-background-color-hover);
2095
2100
  --text-color: var(--hop-Tag-option1-text-color-hover);
2096
2101
  }
2097
- .Tag-module__hop-Tag--option1___I2iXh[data-pressed] {
2102
+ .Tag-module__hop-Tag--option1___wjO34[data-pressed] {
2098
2103
  --border-color: var(--hop-Tag-option1-border-color-press);
2099
2104
  --background-color: var(--hop-Tag-option1-background-color-press);
2100
2105
  --text-color: var(--hop-Tag-option1-text-color-press);
2101
2106
  }
2102
- .Tag-module__hop-Tag--option1___I2iXh[data-disabled] {
2107
+ .Tag-module__hop-Tag--option1___wjO34[data-disabled] {
2103
2108
  --border-color: var(--hop-Tag-option1-border-color-disabled);
2104
2109
  --background-color: var(--hop-Tag-option1-background-color-disabled);
2105
2110
  --text-color: var(--hop-Tag-option1-text-color-disabled);
2106
2111
  }
2107
- .Tag-module__hop-Tag--option2___u8Mw-[data-focus-visible] {
2112
+ .Tag-module__hop-Tag--option2___ho6cn[data-focus-visible] {
2108
2113
  --border-color: var(--hop-Tag-option2-border-color-focus);
2109
2114
  --background-color: var(--hop-Tag-option2-background-color-focus);
2110
2115
  --text-color: var(--hop-Tag-option2-text-color-focus);
2111
2116
  }
2112
- .Tag-module__hop-Tag--option2___u8Mw-[data-hovered] {
2117
+ .Tag-module__hop-Tag--option2___ho6cn[data-hovered] {
2113
2118
  --border-color: var(--hop-Tag-option2-border-color-hover);
2114
2119
  --background-color: var(--hop-Tag-option2-background-color-hover);
2115
2120
  --text-color: var(--hop-Tag-option2-text-color-hover);
2116
2121
  }
2117
- .Tag-module__hop-Tag--option2___u8Mw-[data-pressed] {
2122
+ .Tag-module__hop-Tag--option2___ho6cn[data-pressed] {
2118
2123
  --border-color: var(--hop-Tag-option2-border-color-press);
2119
2124
  --background-color: var(--hop-Tag-option2-background-color-press);
2120
2125
  --text-color: var(--hop-Tag-option2-text-color-press);
2121
2126
  }
2122
- .Tag-module__hop-Tag--option2___u8Mw-[data-disabled] {
2127
+ .Tag-module__hop-Tag--option2___ho6cn[data-disabled] {
2123
2128
  --border-color: var(--hop-Tag-option2-border-color-disabled);
2124
2129
  --background-color: var(--hop-Tag-option2-background-color-disabled);
2125
2130
  --text-color: var(--hop-Tag-option2-text-color-disabled);
2126
2131
  }
2127
- .Tag-module__hop-Tag--option3___t4ILa[data-focus-visible] {
2132
+ .Tag-module__hop-Tag--option3___aAGSk[data-focus-visible] {
2128
2133
  --border-color: var(--hop-Tag-option3-border-color-focus);
2129
2134
  --background-color: var(--hop-Tag-option3-background-color-focus);
2130
2135
  --text-color: var(--hop-Tag-option3-text-color-focus);
2131
2136
  }
2132
- .Tag-module__hop-Tag--option3___t4ILa[data-hovered] {
2137
+ .Tag-module__hop-Tag--option3___aAGSk[data-hovered] {
2133
2138
  --border-color: var(--hop-Tag-option3-border-color-hover);
2134
2139
  --background-color: var(--hop-Tag-option3-background-color-hover);
2135
2140
  --text-color: var(--hop-Tag-option3-text-color-hover);
2136
2141
  }
2137
- .Tag-module__hop-Tag--option3___t4ILa[data-pressed] {
2142
+ .Tag-module__hop-Tag--option3___aAGSk[data-pressed] {
2138
2143
  --border-color: var(--hop-Tag-option3-border-color-press);
2139
2144
  --background-color: var(--hop-Tag-option3-background-color-press);
2140
2145
  --text-color: var(--hop-Tag-option3-text-color-press);
2141
2146
  }
2142
- .Tag-module__hop-Tag--option3___t4ILa[data-disabled] {
2147
+ .Tag-module__hop-Tag--option3___aAGSk[data-disabled] {
2143
2148
  --border-color: var(--hop-Tag-option3-border-color-disabled);
2144
2149
  --background-color: var(--hop-Tag-option3-background-color-disabled);
2145
2150
  --text-color: var(--hop-Tag-option3-text-color-disabled);
2146
2151
  }
2147
- .Tag-module__hop-Tag--option4___Zec2L[data-focus-visible] {
2152
+ .Tag-module__hop-Tag--option4___dJadh[data-focus-visible] {
2148
2153
  --border-color: var(--hop-Tag-option4-border-color-focus);
2149
2154
  --background-color: var(--hop-Tag-option4-background-color-focus);
2150
2155
  --text-color: var(--hop-Tag-option4-text-color-focus);
2151
2156
  }
2152
- .Tag-module__hop-Tag--option4___Zec2L[data-hovered] {
2157
+ .Tag-module__hop-Tag--option4___dJadh[data-hovered] {
2153
2158
  --border-color: var(--hop-Tag-option4-border-color-hover);
2154
2159
  --background-color: var(--hop-Tag-option4-background-color-hover);
2155
2160
  --text-color: var(--hop-Tag-option4-text-color-hover);
2156
2161
  }
2157
- .Tag-module__hop-Tag--option4___Zec2L[data-pressed] {
2162
+ .Tag-module__hop-Tag--option4___dJadh[data-pressed] {
2158
2163
  --border-color: var(--hop-Tag-option4-border-color-press);
2159
2164
  --background-color: var(--hop-Tag-option4-background-color-press);
2160
2165
  --text-color: var(--hop-Tag-option4-text-color-press);
2161
2166
  }
2162
- .Tag-module__hop-Tag--option4___Zec2L[data-disabled] {
2167
+ .Tag-module__hop-Tag--option4___dJadh[data-disabled] {
2163
2168
  --border-color: var(--hop-Tag-option4-border-color-disabled);
2164
2169
  --background-color: var(--hop-Tag-option4-background-color-disabled);
2165
2170
  --text-color: var(--hop-Tag-option4-text-color-disabled);
2166
2171
  }
2167
- .Tag-module__hop-Tag--option5___39tDN[data-focus-visible] {
2172
+ .Tag-module__hop-Tag--option5___oMF-C[data-focus-visible] {
2168
2173
  --border-color: var(--hop-Tag-option5-border-color-focus);
2169
2174
  --background-color: var(--hop-Tag-option5-background-color-focus);
2170
2175
  --text-color: var(--hop-Tag-option5-text-color-focus);
2171
2176
  }
2172
- .Tag-module__hop-Tag--option5___39tDN[data-hovered] {
2177
+ .Tag-module__hop-Tag--option5___oMF-C[data-hovered] {
2173
2178
  --border-color: var(--hop-Tag-option5-border-color-hover);
2174
2179
  --background-color: var(--hop-Tag-option5-background-color-hover);
2175
2180
  --text-color: var(--hop-Tag-option5-text-color-hover);
2176
2181
  }
2177
- .Tag-module__hop-Tag--option5___39tDN[data-pressed] {
2182
+ .Tag-module__hop-Tag--option5___oMF-C[data-pressed] {
2178
2183
  --border-color: var(--hop-Tag-option5-border-color-press);
2179
2184
  --background-color: var(--hop-Tag-option5-background-color-press);
2180
2185
  --text-color: var(--hop-Tag-option5-text-color-press);
2181
2186
  }
2182
- .Tag-module__hop-Tag--option5___39tDN[data-disabled] {
2187
+ .Tag-module__hop-Tag--option5___oMF-C[data-disabled] {
2183
2188
  --border-color: var(--hop-Tag-option5-border-color-disabled);
2184
2189
  --background-color: var(--hop-Tag-option5-background-color-disabled);
2185
2190
  --text-color: var(--hop-Tag-option5-text-color-disabled);
2186
2191
  }
2187
- .Tag-module__hop-Tag--option6___9-KlZ[data-focus-visible] {
2192
+ .Tag-module__hop-Tag--option6___IMpkI[data-focus-visible] {
2188
2193
  --border-color: var(--hop-Tag-option6-border-color-focus);
2189
2194
  --background-color: var(--hop-Tag-option6-background-color-focus);
2190
2195
  --text-color: var(--hop-Tag-option6-text-color-focus);
2191
2196
  }
2192
- .Tag-module__hop-Tag--option6___9-KlZ[data-hovered] {
2197
+ .Tag-module__hop-Tag--option6___IMpkI[data-hovered] {
2193
2198
  --border-color: var(--hop-Tag-option6-border-color-hover);
2194
2199
  --background-color: var(--hop-Tag-option6-background-color-hover);
2195
2200
  --text-color: var(--hop-Tag-option6-text-color-hover);
2196
2201
  }
2197
- .Tag-module__hop-Tag--option6___9-KlZ[data-pressed] {
2202
+ .Tag-module__hop-Tag--option6___IMpkI[data-pressed] {
2198
2203
  --border-color: var(--hop-Tag-option6-border-color-press);
2199
2204
  --background-color: var(--hop-Tag-option6-background-color-press);
2200
2205
  --text-color: var(--hop-Tag-option6-text-color-press);
2201
2206
  }
2202
- .Tag-module__hop-Tag--option6___9-KlZ[data-disabled] {
2207
+ .Tag-module__hop-Tag--option6___IMpkI[data-disabled] {
2203
2208
  --border-color: var(--hop-Tag-option6-border-color-disabled);
2204
2209
  --background-color: var(--hop-Tag-option6-background-color-disabled);
2205
2210
  --text-color: var(--hop-Tag-option6-text-color-disabled);
2206
2211
  }
2207
- .Tag-module__hop-Tag___-rCVm[data-focus-visible] {
2212
+ .Tag-module__hop-Tag___fjatu[data-focus-visible] {
2208
2213
  outline: 0.125rem solid var(--focus-ring-color);
2209
2214
  }
2210
- .Tag-module__hop-Tag___-rCVm[data-hovered] {
2215
+ .Tag-module__hop-Tag___fjatu[data-hovered] {
2211
2216
  cursor: pointer;
2212
2217
  }
2213
- .Tag-module__hop-Tag___-rCVm[data-selected] {
2218
+ .Tag-module__hop-Tag___fjatu[data-selected] {
2214
2219
  --background-color: var(--hop-Tag-background-color-selected);
2215
2220
  --border-color: var(--hop-Tag-border-color-selected);
2216
2221
  --text-color: var(--hop-Tag-text-color-selected);
2217
2222
  }
2218
- .Tag-module__hop-Tag___-rCVm[data-pressed] {
2223
+ .Tag-module__hop-Tag___fjatu[data-pressed] {
2219
2224
  cursor: pointer;
2220
2225
  }
2221
- .Tag-module__hop-Tag___-rCVm[data-invalid] {
2226
+ .Tag-module__hop-Tag___fjatu[data-invalid] {
2222
2227
  --border-color: var(--hop-Tag-border-color-invalid);
2223
2228
  }
2224
- .Tag-module__hop-Tag___-rCVm[data-disabled] {
2229
+ .Tag-module__hop-Tag___fjatu[data-disabled] {
2225
2230
  cursor: not-allowed;
2226
2231
  }
2227
- .Tag-module__hop-Tag__avatar___WasdR {
2232
+ .Tag-module__hop-Tag__avatar___Ksr2- {
2228
2233
  flex: 0 0 auto;
2229
2234
  order: 1;
2230
2235
  margin-inline-start: var(--avatar-margin-inline-start);
2231
2236
  }
2232
- .Tag-module__hop-Tag__icon___TvuVB,
2233
- .Tag-module__hop-Tag__icon-list___FH3aW {
2237
+ .Tag-module__hop-Tag__icon___oMQjd,
2238
+ .Tag-module__hop-Tag__icon-list___Wwo9s {
2234
2239
  flex: 0 0 auto;
2235
2240
  flex-wrap: nowrap;
2236
2241
  order: 2;
2237
2242
  margin-inline-start: var(--icon-margin-inline-start, 0);
2238
2243
  }
2239
- .Tag-module__hop-Tag__text___C9IvT {
2244
+ .Tag-module__hop-Tag__text___h4vYO {
2240
2245
  overflow: hidden;
2241
2246
  flex: 1 1 auto;
2242
2247
  order: 3;
@@ -2244,27 +2249,27 @@
2244
2249
  text-align: center;
2245
2250
  text-overflow: ellipsis;
2246
2251
  }
2247
- .Tag-module__hop-Tag__badge___yWNmg {
2252
+ .Tag-module__hop-Tag__badge___gRnUx {
2248
2253
  flex: 0 0 auto;
2249
2254
  order: 4;
2250
2255
  margin-inline-end: var(--badge-margin-inline-end);
2251
2256
  }
2252
- .Tag-module__hop-Tag___-rCVm .Tag-module__hop-Tag__badge___yWNmg[data-variant=subdued] {
2257
+ .Tag-module__hop-Tag___fjatu .Tag-module__hop-Tag__badge___gRnUx[data-variant=subdued] {
2253
2258
  margin-inline-start: var(--badge-secondary-margin-inline-start);
2254
2259
  color: inherit;
2255
2260
  background: none;
2256
2261
  }
2257
- .Tag-module__hop-Tag--sm___fr1jO .Tag-module__hop-Tag__badge___yWNmg {
2262
+ .Tag-module__hop-Tag--sm___i8I3T .Tag-module__hop-Tag__badge___gRnUx {
2258
2263
  block-size: 100%;
2259
2264
  }
2260
- .Tag-module__hop-Tag__remove-btn___5FrpC,
2261
- .Tag-module__hop-Tag__Spinner___afafg {
2265
+ .Tag-module__hop-Tag__remove-btn___s4OpY,
2266
+ .Tag-module__hop-Tag__Spinner___AOVk1 {
2262
2267
  flex: 0 0 auto;
2263
2268
  order: 5;
2264
2269
  }
2265
- .Tag-module__hop-Tag__Spinner___afafg {
2270
+ .Tag-module__hop-Tag__Spinner___AOVk1 {
2266
2271
  margin-inline-end: var(--spinner-margin-inline-end);
2267
2272
  }
2268
- .Tag-module__hop-Tag__remove-btn___5FrpC {
2273
+ .Tag-module__hop-Tag__remove-btn___s4OpY {
2269
2274
  margin-inline: var(--clear-btn-margin-inline);
2270
2275
  }