@hopper-ui/components 1.3.19 → 1.3.21

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 (234) hide show
  1. package/CHANGELOG.md +19 -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.js +3 -3
  6. package/dist/Avatar/src/DeletedAvatar.css +37 -37
  7. package/dist/Avatar/src/DeletedAvatar.js +2 -2
  8. package/dist/Avatar/src/RichIconAvatarImage.css +37 -37
  9. package/dist/Avatar/src/RichIconAvatarImage.js +1 -1
  10. package/dist/Avatar/src/index.css +55 -55
  11. package/dist/Avatar/src/index.js +5 -5
  12. package/dist/Badge/src/Badge.css +42 -42
  13. package/dist/Badge/src/Badge.js +2 -2
  14. package/dist/Badge/src/FloatingBadge.css +37 -37
  15. package/dist/Badge/src/FloatingBadge.js +1 -1
  16. package/dist/Badge/src/index.css +52 -52
  17. package/dist/Badge/src/index.js +3 -3
  18. package/dist/{ClearButton-_NnHqYE1.d.ts → ClearButton-DTR1qTbm.d.ts} +1 -3
  19. package/dist/ComboBox/src/ComboBox.css +1179 -866
  20. package/dist/ComboBox/src/ComboBox.js +6 -6
  21. package/dist/ComboBox/src/ComboBoxOptions.css +1179 -866
  22. package/dist/ComboBox/src/ComboBoxOptions.js +58 -56
  23. package/dist/ComboBox/src/index.css +1179 -866
  24. package/dist/ComboBox/src/index.js +58 -56
  25. package/dist/Divider/src/Divider.css +29 -29
  26. package/dist/Divider/src/Divider.js +1 -1
  27. package/dist/Divider/src/index.css +29 -29
  28. package/dist/Divider/src/index.js +1 -1
  29. package/dist/ErrorMessage/src/ErrorMessage.css +29 -29
  30. package/dist/ErrorMessage/src/ErrorMessage.js +2 -2
  31. package/dist/ErrorMessage/src/index.css +29 -29
  32. package/dist/ErrorMessage/src/index.js +2 -2
  33. package/dist/Form/src/Form.css +1179 -866
  34. package/dist/Form/src/Form.js +58 -56
  35. package/dist/Form/src/index.css +1179 -866
  36. package/dist/Form/src/index.js +58 -56
  37. package/dist/HelperMessage/src/HelperMessage.css +29 -29
  38. package/dist/HelperMessage/src/HelperMessage.js +2 -2
  39. package/dist/HelperMessage/src/index.css +29 -29
  40. package/dist/HelperMessage/src/index.js +2 -2
  41. package/dist/IconList/src/IconList.css +28 -28
  42. package/dist/IconList/src/IconList.js +1 -1
  43. package/dist/IconList/src/index.css +28 -28
  44. package/dist/IconList/src/index.js +1 -1
  45. package/dist/Link/src/Link.css +49 -49
  46. package/dist/Link/src/Link.js +6 -6
  47. package/dist/Link/src/index.css +49 -49
  48. package/dist/Link/src/index.js +6 -6
  49. package/dist/ListBox/src/ListBox.css +274 -274
  50. package/dist/ListBox/src/ListBox.js +10 -10
  51. package/dist/ListBox/src/ListBoxItem.css +262 -262
  52. package/dist/ListBox/src/ListBoxItem.d.ts +2 -6
  53. package/dist/ListBox/src/ListBoxItem.js +9 -9
  54. package/dist/ListBox/src/ListBoxItemContext.d.ts +1 -2
  55. package/dist/ListBox/src/ListBoxItemSkeleton.css +34 -34
  56. package/dist/ListBox/src/ListBoxItemSkeleton.d.ts +0 -1
  57. package/dist/ListBox/src/ListBoxItemSkeleton.js +1 -1
  58. package/dist/ListBox/src/ListBoxItemSkeletonContext.d.ts +0 -1
  59. package/dist/ListBox/src/index.css +274 -274
  60. package/dist/ListBox/src/index.js +10 -10
  61. package/dist/Select/src/Select.css +296 -296
  62. package/dist/Select/src/Select.js +7 -7
  63. package/dist/Select/src/SelectOptions.css +1179 -866
  64. package/dist/Select/src/SelectOptions.js +58 -56
  65. package/dist/Select/src/SelectValue.css +61 -61
  66. package/dist/Select/src/SelectValue.js +5 -5
  67. package/dist/Select/src/index.css +1179 -866
  68. package/dist/Select/src/index.js +58 -56
  69. package/dist/Spinner/src/Spinner.css +37 -37
  70. package/dist/Spinner/src/Spinner.js +2 -2
  71. package/dist/Spinner/src/index.css +37 -37
  72. package/dist/Spinner/src/index.js +2 -2
  73. package/dist/buttons/src/Button.css +186 -265
  74. package/dist/buttons/src/Button.d.ts +5 -14
  75. package/dist/buttons/src/Button.js +7 -8
  76. package/dist/buttons/src/ButtonContext.d.ts +4 -6
  77. package/dist/buttons/src/ButtonGroup.css +38 -38
  78. package/dist/buttons/src/ButtonGroup.d.ts +1 -2
  79. package/dist/buttons/src/ButtonGroup.js +2 -1
  80. package/dist/buttons/src/ButtonGroupContext.d.ts +1 -2
  81. package/dist/buttons/src/ClearButton.css +98 -98
  82. package/dist/buttons/src/ClearButton.d.ts +1 -1
  83. package/dist/buttons/src/ClearButton.js +2 -2
  84. package/dist/buttons/src/ClearButtonContext.d.ts +1 -1
  85. package/dist/buttons/src/EmbeddedButton.css +98 -98
  86. package/dist/buttons/src/EmbeddedButton.d.ts +1 -1
  87. package/dist/buttons/src/EmbeddedButton.js +1 -1
  88. package/dist/buttons/src/EmbeddedButtonContext.d.ts +1 -1
  89. package/dist/buttons/src/LinkButton.css +627 -0
  90. package/dist/buttons/src/LinkButton.d.ts +30 -0
  91. package/dist/buttons/src/LinkButton.js +21 -0
  92. package/dist/buttons/src/LinkButtonContext.d.ts +9 -0
  93. package/dist/buttons/src/LinkButtonContext.js +2 -0
  94. package/dist/buttons/src/index.css +660 -347
  95. package/dist/buttons/src/index.d.ts +7 -4
  96. package/dist/buttons/src/index.js +12 -11
  97. package/dist/checkbox/src/Checkbox.css +46 -46
  98. package/dist/checkbox/src/Checkbox.js +6 -6
  99. package/dist/checkbox/src/CheckboxField.css +33 -33
  100. package/dist/checkbox/src/CheckboxField.js +1 -1
  101. package/dist/checkbox/src/CheckboxGroup.css +98 -98
  102. package/dist/checkbox/src/CheckboxGroup.js +1 -1
  103. package/dist/checkbox/src/DecorativeCheckbox.css +54 -54
  104. package/dist/checkbox/src/DecorativeCheckbox.js +6 -6
  105. package/dist/checkbox/src/index.css +98 -98
  106. package/dist/checkbox/src/index.js +9 -9
  107. package/dist/{chunk-PRRWXAH6.js → chunk-2FXHD5EF.js} +2 -2
  108. package/dist/{chunk-AZZPA2LW.js → chunk-3PONZZJH.js} +1 -1
  109. package/dist/{chunk-SP77UBAZ.js → chunk-3TN23WXI.js} +2 -2
  110. package/dist/chunk-3UQFC2NQ.js +7 -0
  111. package/dist/{chunk-LSNF44NV.js → chunk-4MJUV4Y4.js} +1 -1
  112. package/dist/{chunk-2REEY4WL.js → chunk-7XRGRMKN.js} +5 -3
  113. package/dist/{chunk-ZC6L6YVM.js → chunk-AJAXFPMZ.js} +1 -1
  114. package/dist/{chunk-WNSRRKT4.js → chunk-BZDYEIAN.js} +14 -3
  115. package/dist/{chunk-ZSX65Q2Z.js → chunk-CRBWHSR5.js} +1 -1
  116. package/dist/{chunk-MU3JYORH.js → chunk-D3ES4N5I.js} +3 -3
  117. package/dist/{chunk-UBFL654S.js → chunk-DQ3RMWYV.js} +5 -5
  118. package/dist/{chunk-FGW443T2.js → chunk-DSDDTQSP.js} +3 -3
  119. package/dist/{chunk-Q6BAJIO5.js → chunk-E6KLDSL7.js} +2 -2
  120. package/dist/{chunk-3UDYVVZU.js → chunk-EI3IUNUO.js} +2 -2
  121. package/dist/{chunk-IS2BGYLY.js → chunk-F6SXVFV7.js} +2 -2
  122. package/dist/{chunk-M5W6ERG2.js → chunk-H5SFGSQY.js} +2 -2
  123. package/dist/{chunk-SFCKVMYU.js → chunk-HCDZVQF5.js} +2 -2
  124. package/dist/{chunk-RX6A4PRX.js → chunk-HEAER6AM.js} +1 -1
  125. package/dist/{chunk-PBYJNOG2.js → chunk-HIDFOPDG.js} +2 -2
  126. package/dist/{chunk-64KJ34CI.js → chunk-I7RO3Y4Y.js} +1 -1
  127. package/dist/{chunk-PPLVWRK2.js → chunk-ID7CLQIZ.js} +1 -1
  128. package/dist/{chunk-PS7WUB3A.js → chunk-IRP5O2PB.js} +1 -1
  129. package/dist/{chunk-IRCC3UPO.js → chunk-IVVBR4PT.js} +1 -1
  130. package/dist/{chunk-DZKGGMUX.js → chunk-J3D3EFH7.js} +2 -2
  131. package/dist/{chunk-CH737ZX3.js → chunk-KGVQXCKY.js} +6 -6
  132. package/dist/{chunk-Z3FPJEJF.js → chunk-KWYYG3UT.js} +1 -1
  133. package/dist/{chunk-O3ZEY7CW.js → chunk-LTIKJWVL.js} +1 -1
  134. package/dist/{chunk-GL7VLPBW.js → chunk-MCGBD7B2.js} +3 -3
  135. package/dist/{chunk-GPEHOZZZ.js → chunk-MHDM4YO4.js} +1 -1
  136. package/dist/{chunk-YJI422TC.js → chunk-N4TMRRF4.js} +2 -2
  137. package/dist/{chunk-2GICZNLE.js → chunk-NH4G3E35.js} +1 -1
  138. package/dist/{chunk-HAANV3KV.js → chunk-NZUOHL5V.js} +1 -1
  139. package/dist/{chunk-C2NLOFTM.js → chunk-OD7U6X4F.js} +2 -2
  140. package/dist/{chunk-TOGZZNBR.js → chunk-QFWFNJTE.js} +5 -5
  141. package/dist/{chunk-GNRP6XEK.js → chunk-QTVWIRCB.js} +3 -3
  142. package/dist/{chunk-XZHYEQHC.js → chunk-RJW3T3TL.js} +12 -6
  143. package/dist/{chunk-TWW7CCA5.js → chunk-SH2PCVCP.js} +1 -1
  144. package/dist/{chunk-RG6K6GEC.js → chunk-SM3RKPS2.js} +3 -3
  145. package/dist/{chunk-32NTVJGG.js → chunk-SUMAGCIA.js} +2 -2
  146. package/dist/chunk-T54ITIHK.js +107 -0
  147. package/dist/{chunk-JCIL76AS.js → chunk-UHT3G5QZ.js} +1 -1
  148. package/dist/chunk-UKR2P5OV.js +130 -0
  149. package/dist/{chunk-W3BZV5E6.js → chunk-WMRLDPFX.js} +2 -2
  150. package/dist/{chunk-ESN3V5U5.js → chunk-X5N7I2HV.js} +3 -3
  151. package/dist/{chunk-S2ZLZ5GK.js → chunk-XSAC6GZB.js} +3 -3
  152. package/dist/{chunk-I3L55E7N.js → chunk-Y76Z32VB.js} +1 -1
  153. package/dist/{chunk-PG6KV5GW.js → chunk-YGZQBJTZ.js} +11 -6
  154. package/dist/{chunk-O5LG53HF.js → chunk-YIIWGRHM.js} +2 -2
  155. package/dist/{chunk-VJKLOE2J.js → chunk-ZWUASBUA.js} +1 -1
  156. package/dist/index.css +1179 -866
  157. package/dist/index.d.ts +7 -4
  158. package/dist/index.js +58 -56
  159. package/dist/inputs/src/InputGroup.css +675 -362
  160. package/dist/inputs/src/InputGroup.js +1 -1
  161. package/dist/inputs/src/NumberField.css +697 -384
  162. package/dist/inputs/src/NumberField.js +8 -8
  163. package/dist/inputs/src/PasswordField.css +685 -372
  164. package/dist/inputs/src/PasswordField.d.ts +1 -1
  165. package/dist/inputs/src/PasswordField.js +8 -8
  166. package/dist/inputs/src/PasswordFieldContext.d.ts +1 -1
  167. package/dist/inputs/src/RemainingCharacterCount.css +30 -30
  168. package/dist/inputs/src/RemainingCharacterCount.js +5 -5
  169. package/dist/inputs/src/SearchField.css +691 -378
  170. package/dist/inputs/src/SearchField.d.ts +1 -1
  171. package/dist/inputs/src/SearchField.js +8 -8
  172. package/dist/inputs/src/SearchFieldContext.d.ts +1 -1
  173. package/dist/inputs/src/TextArea.css +692 -379
  174. package/dist/inputs/src/TextArea.js +7 -7
  175. package/dist/inputs/src/TextField.css +689 -376
  176. package/dist/inputs/src/TextField.js +11 -11
  177. package/dist/inputs/src/index.css +735 -422
  178. package/dist/inputs/src/index.d.ts +1 -1
  179. package/dist/inputs/src/index.js +17 -17
  180. package/dist/overlays/Popover/src/Popover.css +1179 -866
  181. package/dist/overlays/Popover/src/Popover.js +58 -56
  182. package/dist/overlays/Popover/src/index.css +1179 -866
  183. package/dist/overlays/Popover/src/index.js +58 -56
  184. package/dist/radio/src/DecorativeRadio.css +54 -54
  185. package/dist/radio/src/DecorativeRadio.js +6 -6
  186. package/dist/radio/src/Radio.css +46 -46
  187. package/dist/radio/src/Radio.js +6 -6
  188. package/dist/radio/src/RadioField.css +33 -33
  189. package/dist/radio/src/RadioField.js +1 -1
  190. package/dist/radio/src/RadioGroup.css +98 -98
  191. package/dist/radio/src/RadioGroup.js +2 -2
  192. package/dist/radio/src/index.css +98 -98
  193. package/dist/radio/src/index.js +10 -10
  194. package/dist/switch/src/Switch.css +43 -43
  195. package/dist/switch/src/Switch.js +6 -6
  196. package/dist/switch/src/SwitchField.css +33 -33
  197. package/dist/switch/src/SwitchField.js +2 -2
  198. package/dist/switch/src/index.css +49 -49
  199. package/dist/switch/src/index.js +8 -8
  200. package/dist/tag/src/Tag.css +801 -488
  201. package/dist/tag/src/Tag.d.ts +1 -1
  202. package/dist/tag/src/Tag.js +9 -9
  203. package/dist/tag/src/TagContext.d.ts +1 -1
  204. package/dist/tag/src/TagGroup.css +37 -37
  205. package/dist/tag/src/TagGroup.d.ts +1 -1
  206. package/dist/tag/src/TagGroup.js +1 -1
  207. package/dist/tag/src/TagGroupContext.d.ts +1 -1
  208. package/dist/tag/src/TagList.css +27 -27
  209. package/dist/tag/src/index.css +811 -498
  210. package/dist/tag/src/index.d.ts +1 -1
  211. package/dist/tag/src/index.js +10 -10
  212. package/dist/types-CVCUJ7un.d.ts +4 -0
  213. package/dist/typography/Heading/src/Heading.css +27 -27
  214. package/dist/typography/Heading/src/Heading.js +1 -1
  215. package/dist/typography/Heading/src/index.css +27 -27
  216. package/dist/typography/Heading/src/index.js +1 -1
  217. package/dist/typography/Label/src/Label.css +27 -27
  218. package/dist/typography/Label/src/Label.js +1 -1
  219. package/dist/typography/Label/src/index.css +27 -27
  220. package/dist/typography/Label/src/index.js +1 -1
  221. package/dist/typography/OverlineText/src/OverlineText.css +27 -27
  222. package/dist/typography/OverlineText/src/OverlineText.js +1 -1
  223. package/dist/typography/OverlineText/src/index.css +27 -27
  224. package/dist/typography/OverlineText/src/index.js +1 -1
  225. package/dist/typography/Text/src/Text.css +27 -27
  226. package/dist/typography/Text/src/Text.js +1 -1
  227. package/dist/typography/Text/src/index.css +27 -27
  228. package/dist/typography/Text/src/index.js +1 -1
  229. package/dist/utils/src/EnsureTextWrapper.css +27 -27
  230. package/dist/utils/src/EnsureTextWrapper.js +5 -5
  231. package/dist/utils/src/index.css +27 -27
  232. package/dist/utils/src/index.js +6 -6
  233. package/package.json +10 -10
  234. package/dist/chunk-2GJNPGAM.js +0 -187
package/dist/tag/src/index.css CHANGED
@@ -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___u8eMc {
2
+ .Heading-module__hop-Heading___JWvs8 {
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___u8eMc) {
36
+ :where(.Heading-module__hop-Heading___JWvs8) {
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___MeRHO) {
43
+ :where(.Heading-module__hop-Heading--xs___Cfweo) {
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___yN0zg) {
49
+ :where(.Heading-module__hop-Heading--sm___sAf2J) {
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___riIH-) {
55
+ :where(.Heading-module__hop-Heading--md___6wrhw) {
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___-Nbml) {
61
+ :where(.Heading-module__hop-Heading--lg___jvv5C) {
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___ksoya) {
67
+ :where(.Heading-module__hop-Heading--xl___rJZ8W) {
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___Qh6U3) {
73
+ :where(.Heading-module__hop-Heading--2xl___vy5tr) {
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___gJFdJ) {
79
+ :where(.Heading-module__hop-Heading--3xl___sHzoB) {
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___D2EFn) {
87
+ :where(.OverlineText-module__hop-OverlineText___6KBG7) {
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___vCV9h {
111
+ .OverlineText-module__hop-OverlineText__text___MHRJ4 {
112
112
  box-sizing: border-box;
113
113
  }
114
- .OverlineText-module__hop-OverlineText__text___vCV9h::before,
115
- .OverlineText-module__hop-OverlineText__text___vCV9h::after {
114
+ .OverlineText-module__hop-OverlineText__text___MHRJ4::before,
115
+ .OverlineText-module__hop-OverlineText__text___MHRJ4::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___vCV9h::before {
122
+ .OverlineText-module__hop-OverlineText__text___MHRJ4::before {
123
123
  margin-block-end: var(--bottom-offset);
124
124
  }
125
- .OverlineText-module__hop-OverlineText__text___vCV9h::after {
125
+ .OverlineText-module__hop-OverlineText__text___MHRJ4::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___69Dkt {
130
+ .Label-module__hop-Label___2VJx8 {
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___69Dkt) {
137
+ :where(.Label-module__hop-Label___2VJx8) {
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___6c8hx) {
144
+ :where(.Label-module__hop-Label__indicator___UgwtS) {
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___nz5MS {
149
+ .Text-module__hop-Text___45Zf4 {
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___nz5MS) {
179
+ :where(.Text-module__hop-Text___45Zf4) {
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___Go8-r) {
185
+ :where(.Text-module__hop-Text--xs___d9F1w) {
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___HQ3zz) {
191
+ :where(.Text-module__hop-Text--sm___-NvEj) {
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___ClBUN) {
197
+ :where(.Text-module__hop-Text--md___lFLy8) {
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___X2zzc) {
203
+ :where(.Text-module__hop-Text--lg___eI9o1) {
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___PQwpP) {
209
+ :where(.Text-module__hop-Text--xl___gyrV0) {
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___YQvD7) {
215
+ :where(.Text-module__hop-Text--2xl___ZQS8X) {
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___Mtn3G) {
221
+ :where(.Text-module__hop-Text--inherit___wmhsR) {
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___u6i2l {
229
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___WBGT4 {
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___WOs-b {
260
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___jFcEk {
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___Bksu0 {
264
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___Tp-W8 {
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___nZsfC {
268
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___f4Jds {
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___7z6uS {
272
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___TJeA3 {
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___nkVv- {
276
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___TnS4q {
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___0pmMa {
280
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___All-Y {
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___u6i2l[data-disabled] {
284
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___WBGT4[data-disabled] {
285
285
  --background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
286
286
  }
287
- .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___kgtHw {
287
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___V5XSb {
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___u6i2l[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___kgtHw {
293
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___WBGT4[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___V5XSb {
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___djW2d {
299
+ .Avatar-module__hop-Avatar___V-tog {
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___C2iXT {
344
+ .Avatar-module__hop-Avatar--xs___Q55Yc {
345
345
  --size: var(--hop-Avatar-xs-size);
346
346
  }
347
- .Avatar-module__hop-Avatar--sm___AKueQ {
347
+ .Avatar-module__hop-Avatar--sm___m2WLy {
348
348
  --size: var(--hop-Avatar-sm-size);
349
349
  }
350
- .Avatar-module__hop-Avatar--md___DmI7u {
350
+ .Avatar-module__hop-Avatar--md___Gf8i9 {
351
351
  --size: var(--hop-Avatar-md-size);
352
352
  }
353
- .Avatar-module__hop-Avatar--lg___JQN8i {
353
+ .Avatar-module__hop-Avatar--lg___DRafX {
354
354
  --size: var(--hop-Avatar-lg-size);
355
355
  }
356
- .Avatar-module__hop-Avatar--xl___ZMsN9 {
356
+ .Avatar-module__hop-Avatar--xl___VUaj9 {
357
357
  --size: var(--hop-Avatar-xl-size);
358
358
  }
359
- .Avatar-module__hop-Avatar--2xl___F9WcX {
359
+ .Avatar-module__hop-Avatar--2xl___T7F4O {
360
360
  --size: var(--hop-Avatar-2xl-size);
361
361
  }
362
- .Avatar-module__hop-Avatar--decorative-option1___GfT72 {
362
+ .Avatar-module__hop-Avatar--decorative-option1___q8Gq1 {
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___S3iTh {
366
+ .Avatar-module__hop-Avatar--decorative-option2___4pj7q {
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___ro7vZ {
370
+ .Avatar-module__hop-Avatar--decorative-option3___Xqgtl {
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___iJgas {
374
+ .Avatar-module__hop-Avatar--decorative-option4___NZjJ2 {
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___-v4nG {
378
+ .Avatar-module__hop-Avatar--decorative-option5___D8-8Q {
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___TAT-b {
382
+ .Avatar-module__hop-Avatar--decorative-option6___57wIP {
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___fx-cm {
386
+ .Avatar-module__hop-Avatar--decorative-option7___Lls3f {
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___LWwad {
390
+ .Avatar-module__hop-Avatar--decorative-option8___kbBbR {
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___BMvL7 {
394
+ .Avatar-module__hop-Avatar--decorative-option9___nLT4F {
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___djW2d[data-disabled] {
398
+ .Avatar-module__hop-Avatar___V-tog[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___OtqM7 {
404
+ .Avatar-module__hop-Avatar__image___YIAYq {
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___iWO-- {
415
+ .Badge-module__hop-Badge___OVJ7C {
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___iWO--[data-variant=primary] {
465
+ .Badge-module__hop-Badge___OVJ7C[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___iWO--[data-hovered][data-variant=primary] {
469
+ .Badge-module__hop-Badge___OVJ7C[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___iWO--[data-pressed][data-variant=primary] {
473
+ .Badge-module__hop-Badge___OVJ7C[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___iWO--[data-selected][data-variant=primary] {
477
+ .Badge-module__hop-Badge___OVJ7C[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___iWO--[data-variant=secondary] {
481
+ .Badge-module__hop-Badge___OVJ7C[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___iWO--[data-hovered][data-variant=secondary] {
485
+ .Badge-module__hop-Badge___OVJ7C[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___iWO--[data-pressed][data-variant=secondary] {
489
+ .Badge-module__hop-Badge___OVJ7C[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___iWO--[data-selected][data-variant=secondary] {
493
+ .Badge-module__hop-Badge___OVJ7C[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___iWO--[data-variant=subdued] {
497
+ .Badge-module__hop-Badge___OVJ7C[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___iWO--[data-hovered][data-variant=subdued] {
501
+ .Badge-module__hop-Badge___OVJ7C[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___iWO--[data-pressed][data-variant=subdued] {
505
+ .Badge-module__hop-Badge___OVJ7C[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___iWO--[data-selected][data-variant=subdued] {
509
+ .Badge-module__hop-Badge___OVJ7C[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___iWO--[data-indeterminate] {
513
+ .Badge-module__hop-Badge___OVJ7C[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___iWO--[data-disabled] {
519
+ .Badge-module__hop-Badge___OVJ7C[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___wi5HT {
525
+ .FloatingBadge-module__hop-FloatingBadge___CqOJ3 {
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___wi5HT[data-placement="top right"] {
566
+ .FloatingBadge-module__hop-FloatingBadge___CqOJ3[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___wi5HT[data-placement="top right"][data-overlap=circular] {
574
+ .FloatingBadge-module__hop-FloatingBadge___CqOJ3[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___wi5HT[data-placement="top left"] {
578
+ .FloatingBadge-module__hop-FloatingBadge___CqOJ3[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___wi5HT[data-placement="top left"][data-overlap=circular] {
586
+ .FloatingBadge-module__hop-FloatingBadge___CqOJ3[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___wi5HT[data-placement="bottom right"] {
590
+ .FloatingBadge-module__hop-FloatingBadge___CqOJ3[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___wi5HT[data-placement="bottom right"][data-overlap=circular] {
598
+ .FloatingBadge-module__hop-FloatingBadge___CqOJ3[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___wi5HT[data-placement="bottom left"] {
602
+ .FloatingBadge-module__hop-FloatingBadge___CqOJ3[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___wi5HT[data-placement="bottom left"][data-overlap=circular] {
610
+ .FloatingBadge-module__hop-FloatingBadge___CqOJ3[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___KpwH6 {
614
+ .FloatingBadge-module__hop-FloatingBadge__badge___-OFJO {
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___x4aJ- {
622
+ .IconList-module__hop-IconList___EG9zZ {
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___3J3yL {
631
+ @keyframes Spinner-module__spin___PNrmz {
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___0-7HI {
639
+ .Spinner-module__hop-Spinner___4oEd8 {
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___3J3yL .8s infinite linear;
647
+ --hop-Spinner-fill-animation: Spinner-module__spin___PNrmz .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___H-iHA {
658
+ .Spinner-module__hop-Spinner--sm___rFYBa {
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___QiGzU {
662
+ .Spinner-module__hop-Spinner--md___qHIq6 {
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___RuYjM {
666
+ .Spinner-module__hop-Spinner--lg___XeZ29 {
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___P1y0Y {
670
+ .Spinner-module__hop-Spinner__track___A7jcm {
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___IUyM5 {
679
+ .Spinner-module__hop-Spinner__fill___nw6mJ {
680
680
  grid-area: spinner;
681
681
  box-sizing: border-box;
682
682
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -687,144 +687,107 @@
687
687
  animation: var(--hop-Spinner-fill-animation);
688
688
  }
689
689
  @media (prefers-reduced-motion: reduce) {
690
- .Spinner-module__hop-Spinner__fill___IUyM5 {
690
+ .Spinner-module__hop-Spinner__fill___nw6mJ {
691
691
  animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
692
692
  }
693
693
  }
694
- .Spinner-module__hop-Spinner__label___NEgoI {
694
+ .Spinner-module__hop-Spinner__label___OPVd- {
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___GykD- {
700
+ .Button-module__hop-Button___y82Y5 {
701
701
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
702
702
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
703
703
  --hop-Button-column-gap: var(--hop-space-inline-xs);
704
704
  --hop-Button-icon-only-column-gap: 0;
705
705
  --hop-Button-outline-size: var(--hop-space-20);
706
+ --hop-Button-border-size: var(--hop-space-10);
707
+ --hop-Button-text-underline-offset: var(--hop-space-20);
706
708
  --hop-Button-icon-only-padding: 0;
707
709
  --hop-Button-sm-height: 2rem;
708
710
  --hop-Button-md-height: 2.5rem;
711
+ --hop-Button-sm-padding: 0 var(--hop-space-inset-md);
712
+ --hop-Button-md-padding: 0 var(--hop-space-inset-md);
713
+ --hop-Button-ghost-sm-padding: 0 var(--hop-space-inset-xs);
714
+ --hop-Button-ghost-md-padding: 0 var(--hop-space-inset-sm);
715
+ --hop-Button-color-disabled: var(--hop-neutral-text-disabled);
716
+ --hop-Button-background-color-disabled: var(--hop-neutral-surface-disabled);
717
+ --hop-Button-border-disabled: var(--hop-Button-border-size) solid var(--hop-Button-background-color-disabled);
718
+ --hop-Button-ghost-color-disabled: var(--hop-neutral-text-disabled);
719
+ --hop-Button-ghost-background-color-disabled: transparent;
720
+ --hop-Button-ghost-border-disabled: var(--hop-Button-border-size) solid var(--hop-Button-ghost-background-color-disabled);
709
721
  --hop-Button-primary-color: var(--hop-primary-text-strong);
710
722
  --hop-Button-primary-color-hover: var(--hop-primary-text-strong-hover);
711
723
  --hop-Button-primary-color-pressed: var(--hop-primary-text-strong);
712
- --hop-Button-primary-color-disabled: var(--hop-neutral-text-disabled);
713
724
  --hop-Button-primary-background-color: var(--hop-primary-surface-strong);
714
725
  --hop-Button-primary-background-color-hover: var(--hop-primary-surface-strong-hover);
715
726
  --hop-Button-primary-background-color-pressed: var(--hop-primary-surface-strong-press);
716
- --hop-Button-primary-background-color-disabled: var(--hop-neutral-surface-disabled);
717
- --hop-Button-primary-border: 0.0625rem solid var(--hop-Button-primary-background-color);
718
- --hop-Button-primary-border-hover: 0.0625rem solid var(--hop-Button-primary-background-color-hover);
719
- --hop-Button-primary-border-pressed: 0.0625rem solid var(--hop-Button-primary-background-color-pressed);
720
- --hop-Button-primary-border-disabled: 0.0625rem solid var(--hop-Button-primary-background-color-disabled);
727
+ --hop-Button-primary-border: var(--hop-Button-border-size) solid var(--hop-Button-primary-background-color);
728
+ --hop-Button-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-primary-background-color-hover);
729
+ --hop-Button-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-primary-background-color-pressed);
721
730
  --hop-Button-primary-spinner-color: var(--hop-primary-icon-strong);
722
- --hop-Button-primary-sm-padding-x: var(--hop-space-inset-sm);
723
- --hop-Button-primary-sm-padding-y: 0;
724
- --hop-Button-primary-md-padding-x: var(--hop-space-inset-md);
725
- --hop-Button-primary-md-padding-y: 0;
726
731
  --hop-Button-secondary-color: var(--hop-neutral-text);
727
732
  --hop-Button-secondary-color-hover: var(--hop-neutral-text-hover);
728
733
  --hop-Button-secondary-color-pressed: var(--hop-neutral-text-press);
729
- --hop-Button-secondary-color-disabled: var(--hop-neutral-text-disabled);
730
734
  --hop-Button-secondary-background-color: var(--hop-neutral-surface);
731
735
  --hop-Button-secondary-background-color-hover: var(--hop-neutral-surface-hover);
732
736
  --hop-Button-secondary-background-color-pressed: var(--hop-neutral-surface-press);
733
- --hop-Button-secondary-background-color-disabled: var(--hop-neutral-surface-disabled);
734
- --hop-Button-secondary-border: 0.0625rem solid var(--hop-neutral-border-strong);
735
- --hop-Button-secondary-border-hover: 0.0625rem solid var(--hop-neutral-border-strong-hover);
736
- --hop-Button-secondary-border-pressed: 0.0625rem solid var(--hop-neutral-border-strong);
737
- --hop-Button-secondary-border-disabled: 0.0625rem solid var(--hop-Button-secondary-background-color-disabled);
737
+ --hop-Button-secondary-border: var(--hop-Button-border-size) solid var(--hop-neutral-border-strong);
738
+ --hop-Button-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-neutral-border-strong-hover);
739
+ --hop-Button-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-neutral-border-strong);
738
740
  --hop-Button-secondary-spinner-color: var(--hop-neutral-icon);
739
- --hop-Button-secondary-sm-padding-x: var(--hop-space-inset-sm);
740
- --hop-Button-secondary-sm-padding-y: 0;
741
- --hop-Button-secondary-md-padding-x: var(--hop-space-inset-md);
742
- --hop-Button-secondary-md-padding-y: 0;
743
741
  --hop-Button-upsell-color: var(--hop-upsell-text);
744
742
  --hop-Button-upsell-color-hover: var(--hop-upsell-text-hover);
745
743
  --hop-Button-upsell-color-pressed: var(--hop-upsell-text-press);
746
- --hop-Button-upsell-color-disabled: var(--hop-neutral-text-disabled);
747
744
  --hop-Button-upsell-background-color: var(--hop-upsell-surface);
748
745
  --hop-Button-upsell-background-color-hover: var(--hop-upsell-surface-hover);
749
746
  --hop-Button-upsell-background-color-pressed: var(--hop-upsell-surface-press);
750
- --hop-Button-upsell-background-color-disabled: var(--hop-neutral-surface-disabled);
751
- --hop-Button-upsell-border: 0.0625rem solid var(--hop-Button-upsell-background-color);
752
- --hop-Button-upsell-border-hover: 0.0625rem solid var(--hop-Button-upsell-background-color-hover);
753
- --hop-Button-upsell-border-pressed: 0.0625rem solid var(--hop-Button-upsell-background-color-pressed);
754
- --hop-Button-upsell-border-disabled: 0.0625rem solid var(--hop-Button-upsell-background-color-disabled);
747
+ --hop-Button-upsell-border: var(--hop-Button-border-size) solid var(--hop-Button-upsell-background-color);
748
+ --hop-Button-upsell-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-upsell-background-color-hover);
749
+ --hop-Button-upsell-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-upsell-background-color-pressed);
755
750
  --hop-Button-upsell-spinner-color: var(--hop-upsell-icon);
756
- --hop-Button-upsell-sm-padding-x: var(--hop-space-inset-sm);
757
- --hop-Button-upsell-sm-padding-y: 0;
758
- --hop-Button-upsell-md-padding-x: var(--hop-space-inset-md);
759
- --hop-Button-upsell-md-padding-y: 0;
760
751
  --hop-Button-danger-color: var(--hop-danger-text-strong);
761
752
  --hop-Button-danger-color-hover: var(--hop-danger-text-strong-hover);
762
753
  --hop-Button-danger-color-pressed: var(--hop-danger-text-strong-hover);
763
- --hop-Button-danger-color-disabled: var(--hop-neutral-text-disabled);
764
754
  --hop-Button-danger-background-color: var(--hop-danger-surface-strong);
765
755
  --hop-Button-danger-background-color-hover: var(--hop-danger-surface-strong-hover);
766
756
  --hop-Button-danger-background-color-pressed: var(--hop-danger-surface-press);
767
- --hop-Button-danger-background-color-disabled: var(--hop-neutral-surface-disabled);
768
- --hop-Button-danger-border: 0.0625rem solid var(--hop-Button-danger-background-color);
769
- --hop-Button-danger-border-hover: 0.0625rem solid var(--hop-Button-danger-background-color-hover);
770
- --hop-Button-danger-border-pressed: 0.0625rem solid var(--hop-Button-danger-background-color-pressed);
771
- --hop-Button-danger-border-disabled: 0.0625rem solid var(--hop-Button-danger-background-color-disabled);
757
+ --hop-Button-danger-border: var(--hop-Button-border-size) solid var(--hop-Button-danger-background-color);
758
+ --hop-Button-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-danger-background-color-hover);
759
+ --hop-Button-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-danger-background-color-pressed);
772
760
  --hop-Button-danger-spinner-color: var(--hop-primary-icon-strong);
773
- --hop-Button-danger-sm-padding-x: var(--hop-space-inset-sm);
774
- --hop-Button-danger-sm-padding-y: 0;
775
- --hop-Button-danger-md-padding-x: var(--hop-space-inset-md);
776
- --hop-Button-danger-md-padding-y: 0;
777
761
  --hop-Button-ghost-primary-color: var(--hop-primary-text);
778
762
  --hop-Button-ghost-primary-color-hover: var(--hop-primary-text-hover);
779
763
  --hop-Button-ghost-primary-color-pressed: var(--hop-primary-text-press);
780
- --hop-Button-ghost-primary-color-disabled: var(--hop-neutral-text-disabled);
781
764
  --hop-Button-ghost-primary-background-color: transparent;
782
765
  --hop-Button-ghost-primary-background-color-hover: var(--hop-neutral-surface-hover);
783
766
  --hop-Button-ghost-primary-background-color-pressed: var(--hop-primary-surface-weak-press);
784
- --hop-Button-ghost-primary-background-color-disabled: transparent;
785
- --hop-Button-ghost-primary-border: 0.0625rem solid var(--hop-Button-ghost-primary-background-color);
786
- --hop-Button-ghost-primary-border-hover: 0.0625rem solid var(--hop-Button-ghost-primary-background-color-hover);
787
- --hop-Button-ghost-primary-border-pressed: 0.0625rem solid var(--hop-Button-ghost-primary-background-color-pressed);
788
- --hop-Button-ghost-primary-border-disabled: 0.0625rem solid var(--hop-Button-ghost-primary-background-color-disabled);
767
+ --hop-Button-ghost-primary-border: var(--hop-Button-border-size) solid var(--hop-Button-ghost-primary-background-color);
768
+ --hop-Button-ghost-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-ghost-primary-background-color-hover);
769
+ --hop-Button-ghost-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-ghost-primary-background-color-pressed);
789
770
  --hop-Button-ghost-primary-spinner-color: var(--hop-neutral-icon);
790
- --hop-Button-ghost-primary-sm-padding-x: var(--hop-space-inset-xs);
791
- --hop-Button-ghost-primary-sm-padding-y: 0;
792
- --hop-Button-ghost-primary-md-padding-x: var(--hop-space-inset-sm);
793
- --hop-Button-ghost-primary-md-padding-y: 0;
794
771
  --hop-Button-ghost-secondary-color: var(--hop-neutral-text-weak);
795
772
  --hop-Button-ghost-secondary-color-hover: var(--hop-neutral-text-weak-hover);
796
773
  --hop-Button-ghost-secondary-color-pressed: var(--hop-neutral-text-weak-press);
797
- --hop-Button-ghost-secondary-color-disabled: var(--hop-neutral-text-disabled);
798
774
  --hop-Button-ghost-secondary-background-color: transparent;
799
775
  --hop-Button-ghost-secondary-background-color-hover: var(--hop-neutral-surface-hover);
800
776
  --hop-Button-ghost-secondary-background-color-pressed: var(--hop-neutral-surface-press);
801
- --hop-Button-ghost-secondary-background-color-disabled: transparent;
802
- --hop-Button-ghost-secondary-border: 0.0625rem solid var(--hop-Button-ghost-secondary-background-color);
803
- --hop-Button-ghost-secondary-border-hover: 0.0625rem solid var(--hop-Button-ghost-secondary-background-color-hover);
804
- --hop-Button-ghost-secondary-border-pressed: 0.0625rem solid var(--hop-Button-ghost-secondary-background-color-pressed);
805
- --hop-Button-ghost-secondary-border-disabled: 0.0625rem solid var(--hop-Button-ghost-secondary-background-color-disabled);
777
+ --hop-Button-ghost-secondary-border: var(--hop-Button-border-size) solid var(--hop-Button-ghost-secondary-background-color);
778
+ --hop-Button-ghost-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-ghost-secondary-background-color-hover);
779
+ --hop-Button-ghost-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-ghost-secondary-background-color-pressed);
806
780
  --hop-Button-ghost-secondary-spinner-color: var(--hop-neutral-icon);
807
- --hop-Button-ghost-secondary-sm-padding-x: var(--hop-space-inset-xs);
808
- --hop-Button-ghost-secondary-sm-padding-y: 0;
809
- --hop-Button-ghost-secondary-md-padding-x: var(--hop-space-inset-sm);
810
- --hop-Button-ghost-secondary-md-padding-y: 0;
811
781
  --hop-Button-ghost-danger-color: var(--hop-danger-text-weak);
812
782
  --hop-Button-ghost-danger-color-hover: var(--hop-danger-text-hover);
813
783
  --hop-Button-ghost-danger-color-pressed: var(--hop-danger-text-press);
814
- --hop-Button-ghost-danger-color-disabled: var(--hop-neutral-text-disabled);
815
784
  --hop-Button-ghost-danger-background-color: transparent;
816
785
  --hop-Button-ghost-danger-background-color-hover: var(--hop-neutral-surface-hover);
817
786
  --hop-Button-ghost-danger-background-color-pressed: var(--hop-danger-surface-weak-press);
818
- --hop-Button-ghost-danger-background-color-disabled: transparent;
819
- --hop-Button-ghost-danger-border: 0.0625rem solid var(--hop-Button-ghost-danger-background-color);
820
- --hop-Button-ghost-danger-border-hover: 0.0625rem solid var(--hop-Button-ghost-danger-background-color-hover);
821
- --hop-Button-ghost-danger-border-pressed: 0.0625rem solid var(--hop-Button-ghost-danger-background-color-pressed);
822
- --hop-Button-ghost-danger-border-disabled: 0.0625rem solid var(--hop-Button-ghost-danger-background-color-disabled);
787
+ --hop-Button-ghost-danger-border: var(--hop-Button-border-size) solid var(--hop-Button-ghost-danger-background-color);
788
+ --hop-Button-ghost-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-ghost-danger-background-color-hover);
789
+ --hop-Button-ghost-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-ghost-danger-background-color-pressed);
823
790
  --hop-Button-ghost-danger-spinner-color: var(--hop-neutral-icon);
824
- --hop-Button-ghost-danger-sm-padding-x: var(--hop-space-inset-xs);
825
- --hop-Button-ghost-danger-sm-padding-y: 0;
826
- --hop-Button-ghost-danger-md-padding-x: var(--hop-space-inset-sm);
827
- --hop-Button-ghost-danger-md-padding-y: 0;
828
791
  --inline-size: max-content;
829
792
  --block-size: var(--hop-Button-md-height);
830
793
  --background-color: var(--hop-primary-surface-strong);
@@ -832,8 +795,8 @@
832
795
  --column-gap: var(--hop-Button-column-gap);
833
796
  --spinner: var(--hop-primary-icon-strong);
834
797
  --border: 0;
835
- --padding-inline: 0;
836
- --padding-block: 0;
798
+ --padding: var(--hop-Button-md-padding);
799
+ --text-underline: none;
837
800
  cursor: pointer;
838
801
  position: relative;
839
802
  overflow: hidden;
@@ -844,8 +807,7 @@
844
807
  box-sizing: border-box;
845
808
  inline-size: var(--inline-size);
846
809
  block-size: var(--block-size);
847
- padding-block: var(--padding-block);
848
- padding-inline: var(--padding-inline);
810
+ padding: var(--padding);
849
811
  color: var(--color);
850
812
  text-decoration: none;
851
813
  white-space: nowrap;
@@ -859,319 +821,278 @@
859
821
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
860
822
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
861
823
  }
862
- .Button-module__hop-Button___GykD-[data-focus-visible] {
863
- outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
864
- }
865
- .Button-module__hop-Button--icon-only___6PD1D {
866
- --padding-block: var(--hop-Button-icon-only-padding);
867
- --padding-inline: var(--hop-Button-icon-only-padding);
868
- --column-gap: var(--hop-Button-icon-only-column-gap);
869
- aspect-ratio: 1;
870
- }
871
- .Button-module__hop-Button___GykD-[data-disabled],
872
- .Button-module__hop-Button___GykD-[data-loading] {
873
- cursor: not-allowed;
874
- }
875
- .Button-module__hop-Button--fluid___3BOfn {
824
+ .Button-module__hop-Button--fluid___yrsMn {
876
825
  --inline-size: 100%;
877
826
  }
878
- .Button-module__hop-Button--sm___l4gCq {
827
+ .Button-module__hop-Button--sm___MqqBM {
879
828
  --block-size: var(--hop-Button-sm-height);
829
+ --padding: var(--hop-Button-sm-padding);
880
830
  }
881
- .Button-module__hop-Button--primary___kChrM.Button-module__hop-Button--sm___l4gCq:not(.Button-module__hop-Button--icon-only___6PD1D) {
882
- --padding-inline: var(--hop-Button-primary-sm-padding-x);
883
- --padding-block: var(--hop-Button-primary-sm-padding-y);
884
- }
885
- .Button-module__hop-Button--primary___kChrM.Button-module__hop-Button--md___L380n:not(.Button-module__hop-Button--icon-only___6PD1D) {
886
- --padding-inline: var(--hop-Button-primary-md-padding-x);
887
- --padding-block: var(--hop-Button-primary-md-padding-y);
888
- }
889
- .Button-module__hop-Button--secondary___5nyGD.Button-module__hop-Button--md___L380n:not(.Button-module__hop-Button--icon-only___6PD1D) {
890
- --padding-inline: var(--hop-Button-secondary-md-padding-x);
891
- --padding-block: var(--hop-Button-secondary-md-padding-y);
892
- }
893
- .Button-module__hop-Button--secondary___5nyGD.Button-module__hop-Button--sm___l4gCq:not(.Button-module__hop-Button--icon-only___6PD1D) {
894
- --padding-inline: var(--hop-Button-secondary-sm-padding-x);
895
- --padding-block: var(--hop-Button-secondary-sm-padding-y);
896
- }
897
- .Button-module__hop-Button--upsell___Kkc-F.Button-module__hop-Button--md___L380n:not(.Button-module__hop-Button--icon-only___6PD1D) {
898
- --padding-inline: var(--hop-Button-upsell-md-padding-x);
899
- --padding-block: var(--hop-Button-upsell-md-padding-y);
900
- }
901
- .Button-module__hop-Button--upsell___Kkc-F.Button-module__hop-Button--sm___l4gCq:not(.Button-module__hop-Button--icon-only___6PD1D) {
902
- --padding-inline: var(--hop-Button-upsell-sm-padding-x);
903
- --padding-block: var(--hop-Button-upsell-sm-padding-y);
904
- }
905
- .Button-module__hop-Button--danger___FV0mZ.Button-module__hop-Button--md___L380n:not(.Button-module__hop-Button--icon-only___6PD1D) {
906
- --padding-inline: var(--hop-Button-danger-md-padding-x);
907
- --padding-block: var(--hop-Button-danger-md-padding-y);
908
- }
909
- .Button-module__hop-Button--danger___FV0mZ.Button-module__hop-Button--sm___l4gCq:not(.Button-module__hop-Button--icon-only___6PD1D) {
910
- --padding-inline: var(--hop-Button-danger-sm-padding-x);
911
- --padding-block: var(--hop-Button-danger-sm-padding-y);
912
- }
913
- .Button-module__hop-Button--ghost-danger___VuuUz.Button-module__hop-Button--md___L380n:not(.Button-module__hop-Button--icon-only___6PD1D) {
914
- --padding-inline: var(--hop-Button-ghost-danger-md-padding-x);
915
- --padding-block: var(--hop-Button-ghost-danger-md-padding-y);
916
- }
917
- .Button-module__hop-Button--ghost-danger___VuuUz.Button-module__hop-Button--sm___l4gCq:not(.Button-module__hop-Button--icon-only___6PD1D) {
918
- --padding-inline: var(--hop-Button-ghost-danger-sm-padding-x);
919
- --padding-block: var(--hop-Button-ghost-danger-sm-padding-y);
920
- }
921
- .Button-module__hop-Button--ghost-secondary___TpSND.Button-module__hop-Button--md___L380n:not(.Button-module__hop-Button--icon-only___6PD1D) {
922
- --padding-inline: var(--hop-Button-ghost-secondary-md-padding-x);
923
- --padding-block: var(--hop-Button-ghost-secondary-md-padding-y);
831
+ .Button-module__hop-Button--sm___MqqBM[class*=--ghost] {
832
+ --padding: var(--hop-Button-ghost-sm-padding);
924
833
  }
925
- .Button-module__hop-Button--ghost-secondary___TpSND.Button-module__hop-Button--sm___l4gCq:not(.Button-module__hop-Button--icon-only___6PD1D) {
926
- --padding-inline: var(--hop-Button-ghost-secondary-sm-padding-x);
927
- --padding-block: var(--hop-Button-ghost-secondary-sm-padding-y);
834
+ .Button-module__hop-Button--md___689QA[class*=--ghost] {
835
+ --padding: var(--hop-Button-ghost-md-padding);
928
836
  }
929
- .Button-module__hop-Button--ghost-primary___skgG5.Button-module__hop-Button--md___L380n:not(.Button-module__hop-Button--icon-only___6PD1D) {
930
- --padding-inline: var(--hop-Button-ghost-primary-md-padding-x);
931
- --padding-block: var(--hop-Button-ghost-primary-md-padding-y);
932
- }
933
- .Button-module__hop-Button--ghost-primary___skgG5.Button-module__hop-Button--sm___l4gCq:not(.Button-module__hop-Button--icon-only___6PD1D) {
934
- --padding-inline: var(--hop-Button-ghost-primary-sm-padding-x);
935
- --padding-block: var(--hop-Button-ghost-primary-sm-padding-y);
837
+ .Button-module__hop-Button--icon-only___mnrYP {
838
+ --column-gap: var(--hop-Button-icon-only-column-gap);
839
+ --padding: var(--hop-Button-icon-only-padding);
840
+ aspect-ratio: 1;
936
841
  }
937
- .Button-module__hop-Button--primary___kChrM {
842
+ .Button-module__hop-Button--primary___i4wgt {
938
843
  --background-color: var(--hop-Button-primary-background-color);
939
844
  --color: var(--hop-Button-primary-color);
940
845
  --border: var(--hop-Button-primary-border);
941
846
  --spinner-color: var(--hop-Button-primary-spinner-color);
942
847
  }
943
- .Button-module__hop-Button--primary___kChrM[data-disabled]:not([data-loading]) {
944
- --background-color: var(--hop-Button-primary-background-color-disabled);
945
- --color: var(--hop-Button-primary-color-disabled);
946
- --border: var(--hop-Button-primary-border-disabled);
947
- }
948
- .Button-module__hop-Button--primary___kChrM[data-hovered]:not([data-disabled], [data-loading]),
949
- .Button-module__hop-Button--primary___kChrM[data-focus-visible]:not([data-disabled], [data-loading]) {
848
+ .Button-module__hop-Button--primary___i4wgt[data-hovered],
849
+ .Button-module__hop-Button--primary___i4wgt[data-focus-visible] {
950
850
  --background-color: var(--hop-Button-primary-background-color-hover);
951
851
  --color: var(--hop-Button-primary-color-hover);
952
852
  --border: var(--hop-Button-primary-border-hover);
953
853
  }
954
- .Button-module__hop-Button--primary___kChrM[data-pressed]:not([data-loading]) {
854
+ .Button-module__hop-Button--primary___i4wgt[data-pressed] {
955
855
  --background-color: var(--hop-Button-primary-background-color-pressed);
956
856
  --color: var(--hop-Button-primary-color-pressed);
957
857
  --border: var(--hop-Button-primary-border-pressed);
958
858
  }
959
- .Button-module__hop-Button--secondary___5nyGD {
859
+ .Button-module__hop-Button--secondary___aTxQ5 {
960
860
  --background-color: var(--hop-Button-secondary-background-color);
961
861
  --color: var(--hop-Button-secondary-color);
962
862
  --border: var(--hop-Button-secondary-border);
963
863
  --spinner-color: var(--hop-Button-secondary-spinner-color);
964
864
  }
965
- .Button-module__hop-Button--secondary___5nyGD[data-disabled]:not([data-loading]) {
966
- --background-color: var(--hop-Button-secondary-background-color-disabled);
967
- --color: var(--hop-Button-secondary-color-disabled);
968
- --border: var(--hop-Button-secondary-border-disabled);
969
- }
970
- .Button-module__hop-Button--secondary___5nyGD[data-hovered]:not([data-disabled], [data-loading]),
971
- .Button-module__hop-Button--secondary___5nyGD[data-focus-visible]:not([data-disabled], [data-loading]) {
865
+ .Button-module__hop-Button--secondary___aTxQ5[data-hovered],
866
+ .Button-module__hop-Button--secondary___aTxQ5[data-focus-visible] {
972
867
  --background-color: var(--hop-Button-secondary-background-color-hover);
973
868
  --color: var(--hop-Button-secondary-color-hover);
974
869
  --border: var(--hop-Button-secondary-border-hover);
975
870
  }
976
- .Button-module__hop-Button--secondary___5nyGD[data-pressed]:not([data-loading]) {
871
+ .Button-module__hop-Button--secondary___aTxQ5[data-pressed] {
977
872
  --background-color: var(--hop-Button-secondary-background-color-pressed);
978
873
  --color: var(--hop-Button-secondary-color-pressed);
979
874
  --border: var(--hop-Button-secondary-border-pressed);
980
875
  }
981
- .Button-module__hop-Button--upsell___Kkc-F {
876
+ .Button-module__hop-Button--upsell___VdxM3 {
982
877
  --background-color: var(--hop-Button-upsell-background-color);
983
878
  --color: var(--hop-Button-upsell-color);
984
879
  --border: var(--hop-Button-upsell-border);
985
880
  --spinner-color: var(--hop-Button-upsell-spinner-color);
986
881
  }
987
- .Button-module__hop-Button--upsell___Kkc-F[data-disabled]:not([data-loading]) {
988
- --background-color: var(--hop-Button-upsell-background-color-disabled);
989
- --color: var(--hop-Button-upsell-color-disabled);
990
- --border: var(--hop-Button-upsell-border-disabled);
991
- }
992
- .Button-module__hop-Button--upsell___Kkc-F[data-hovered]:not([data-disabled], [data-loading]),
993
- .Button-module__hop-Button--upsell___Kkc-F[data-focus-visible]:not([data-disabled], [data-loading]) {
882
+ .Button-module__hop-Button--upsell___VdxM3[data-hovered],
883
+ .Button-module__hop-Button--upsell___VdxM3[data-focus-visible] {
994
884
  --background-color: var(--hop-Button-upsell-background-color-hover);
995
885
  --color: var(--hop-Button-upsell-color-hover);
996
886
  --border: var(--hop-Button-upsell-border-hover);
997
887
  }
998
- .Button-module__hop-Button--upsell___Kkc-F[data-pressed]:not([data-loading]) {
888
+ .Button-module__hop-Button--upsell___VdxM3[data-pressed] {
999
889
  --background-color: var(--hop-Button-upsell-background-color-pressed);
1000
890
  --color: var(--hop-Button-upsell-color-pressed);
1001
891
  --border: var(--hop-Button-upsell-border-pressed);
1002
892
  }
1003
- .Button-module__hop-Button--danger___FV0mZ {
893
+ .Button-module__hop-Button--danger___U0g6u {
1004
894
  --background-color: var(--hop-Button-danger-background-color);
1005
895
  --color: var(--hop-Button-danger-color);
1006
896
  --border: var(--hop-Button-danger-border);
1007
897
  --spinner-color: var(--hop-Button-danger-spinner-color);
1008
898
  }
1009
- .Button-module__hop-Button--danger___FV0mZ[data-disabled]:not([data-loading]) {
1010
- --background-color: var(--hop-Button-danger-background-color-disabled);
1011
- --color: var(--hop-Button-danger-color-disabled);
1012
- --border: var(--hop-Button-danger-border-disabled);
1013
- }
1014
- .Button-module__hop-Button--danger___FV0mZ[data-hovered]:not([data-disabled], [data-loading]),
1015
- .Button-module__hop-Button--danger___FV0mZ[data-focus-visible]:not([data-disabled], [data-loading]) {
899
+ .Button-module__hop-Button--danger___U0g6u[data-hovered],
900
+ .Button-module__hop-Button--danger___U0g6u[data-focus-visible] {
1016
901
  --background-color: var(--hop-Button-danger-background-color-hover);
1017
902
  --color: var(--hop-Button-danger-color-hover);
1018
903
  --border: var(--hop-Button-danger-border-hover);
1019
904
  }
1020
- .Button-module__hop-Button--danger___FV0mZ[data-pressed]:not([data-loading]) {
905
+ .Button-module__hop-Button--danger___U0g6u[data-pressed] {
1021
906
  --background-color: var(--hop-Button-danger-background-color-pressed);
1022
907
  --color: var(--hop-Button-danger-color-pressed);
1023
908
  --border: var(--hop-Button-danger-border-pressed);
1024
909
  }
1025
- .Button-module__hop-Button--ghost-primary___skgG5 {
910
+ .Button-module__hop-Button--ghost-primary___R3YQO {
1026
911
  --background-color: var(--hop-Button-ghost-primary-background-color);
1027
912
  --color: var(--hop-Button-ghost-primary-color);
1028
913
  --border: var(--hop-Button-ghost-primary-border);
1029
914
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
1030
915
  }
1031
- .Button-module__hop-Button--ghost-primary___skgG5[data-disabled]:not([data-loading]) {
1032
- --background-color: var(--hop-Button-ghost-primary-background-color-disabled);
1033
- --color: var(--hop-Button-ghost-primary-color-disabled);
1034
- --border: var(--hop-Button-ghost-primary-border-disabled);
1035
- }
1036
- .Button-module__hop-Button--ghost-primary___skgG5[data-hovered]:not([data-disabled], [data-loading]),
1037
- .Button-module__hop-Button--ghost-primary___skgG5[data-focus-visible]:not([data-disabled], [data-loading]) {
916
+ .Button-module__hop-Button--ghost-primary___R3YQO[data-hovered],
917
+ .Button-module__hop-Button--ghost-primary___R3YQO[data-focus-visible] {
1038
918
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
1039
919
  --color: var(--hop-Button-ghost-primary-color-hover);
1040
920
  --border: var(--hop-Button-ghost-primary-border-hover);
921
+ --text-underline: underline;
1041
922
  }
1042
- .Button-module__hop-Button--ghost-primary___skgG5[data-pressed]:not([data-loading]) {
923
+ .Button-module__hop-Button--ghost-primary___R3YQO[data-pressed] {
1043
924
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
1044
925
  --color: var(--hop-Button-ghost-primary-color-pressed);
1045
926
  --border: var(--hop-Button-ghost-primary-border-pressed);
927
+ --text-underline: underline;
1046
928
  }
1047
- .Button-module__hop-Button--ghost-secondary___TpSND {
929
+ .Button-module__hop-Button--ghost-secondary___0IoPr {
1048
930
  --background-color: var(--hop-Button-ghost-secondary-background-color);
1049
931
  --color: var(--hop-Button-ghost-secondary-color);
1050
932
  --border: var(--hop-Button-ghost-secondary-border);
1051
933
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
1052
934
  }
1053
- .Button-module__hop-Button--ghost-secondary___TpSND[data-disabled]:not([data-loading]) {
1054
- --background-color: var(--hop-Button-ghost-secondary-background-color-disabled);
1055
- --color: var(--hop-Button-ghost-secondary-color-disabled);
1056
- --border: var(--hop-Button-ghost-secondary-border-disabled);
1057
- }
1058
- .Button-module__hop-Button--ghost-secondary___TpSND[data-hovered]:not([data-disabled], [data-loading]),
1059
- .Button-module__hop-Button--ghost-secondary___TpSND[data-focus-visible]:not([data-disabled], [data-loading]) {
935
+ .Button-module__hop-Button--ghost-secondary___0IoPr[data-hovered],
936
+ .Button-module__hop-Button--ghost-secondary___0IoPr[data-focus-visible] {
1060
937
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
1061
938
  --color: var(--hop-Button-ghost-secondary-color-hover);
1062
939
  --border: var(--hop-Button-ghost-secondary-border-hover);
940
+ --text-underline: underline;
1063
941
  }
1064
- .Button-module__hop-Button--ghost-secondary___TpSND[data-pressed]:not([data-loading]) {
942
+ .Button-module__hop-Button--ghost-secondary___0IoPr[data-pressed] {
1065
943
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
1066
944
  --color: var(--hop-Button-ghost-secondary-color-pressed);
1067
945
  --border: var(--hop-Button-ghost-secondary-border-pressed);
946
+ --text-underline: underline;
1068
947
  }
1069
- .Button-module__hop-Button--ghost-danger___VuuUz {
948
+ .Button-module__hop-Button--ghost-danger___-3oFp {
1070
949
  --background-color: var(--hop-Button-ghost-danger-background-color);
1071
950
  --color: var(--hop-Button-ghost-danger-color);
1072
951
  --border: var(--hop-Button-ghost-danger-border);
1073
952
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
1074
953
  }
1075
- .Button-module__hop-Button--ghost-danger___VuuUz[data-disabled]:not([data-loading]) {
1076
- --background-color: var(--hop-Button-ghost-danger-background-color-disabled);
1077
- --color: var(--hop-Button-ghost-danger-color-disabled);
1078
- --border: var(--hop-Button-ghost-danger-border-disabled);
1079
- }
1080
- .Button-module__hop-Button--ghost-danger___VuuUz[data-hovered]:not([data-disabled], [data-loading]),
1081
- .Button-module__hop-Button--ghost-danger___VuuUz[data-focus-visible]:not([data-disabled], [data-loading]) {
954
+ .Button-module__hop-Button--ghost-danger___-3oFp[data-hovered],
955
+ .Button-module__hop-Button--ghost-danger___-3oFp[data-focus-visible] {
1082
956
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
1083
957
  --color: var(--hop-Button-ghost-danger-color-hover);
1084
958
  --border: var(--hop-Button-ghost-danger-border-hover);
959
+ --text-underline: underline;
1085
960
  }
1086
- .Button-module__hop-Button--ghost-danger___VuuUz[data-pressed]:not([data-loading]) {
961
+ .Button-module__hop-Button--ghost-danger___-3oFp[data-pressed] {
1087
962
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
1088
963
  --color: var(--hop-Button-ghost-danger-color-pressed);
1089
964
  --border: var(--hop-Button-ghost-danger-border-pressed);
965
+ --text-underline: underline;
1090
966
  }
1091
- .Button-module__hop-Button__Spinner___ESK3E {
967
+ .Button-module__hop-Button___y82Y5[data-focus-visible] {
968
+ outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
969
+ }
970
+ .Button-module__hop-Button___y82Y5[data-disabled],
971
+ .Button-module__hop-Button___y82Y5[data-pending] {
972
+ cursor: not-allowed;
973
+ }
974
+ .Button-module__hop-Button___y82Y5[data-disabled] {
975
+ --background-color: var(--hop-Button-background-color-disabled);
976
+ --color: var(--hop-Button-color-disabled);
977
+ --border: var(--hop-Button-border-disabled);
978
+ }
979
+ .Button-module__hop-Button___y82Y5[class*=--ghost][data-disabled] {
980
+ --background-color: var(--hop-Button-ghost-background-color-disabled);
981
+ --color: var(--hop-Button-ghost-color-disabled);
982
+ --border: var(--hop-Button-ghost-border-disabled);
983
+ }
984
+ .Button-module__hop-Button--primary___i4wgt[data-pending] {
985
+ --background-color: var(--hop-Button-primary-background-color);
986
+ --color: var(--hop-Button-primary-color);
987
+ --border: var(--hop-Button-primary-border);
988
+ }
989
+ .Button-module__hop-Button--secondary___aTxQ5[data-pending] {
990
+ --background-color: var(--hop-Button-secondary-background-color);
991
+ --color: var(--hop-Button-secondary-color);
992
+ --border: var(--hop-Button-secondary-border);
993
+ }
994
+ .Button-module__hop-Button--upsell___VdxM3[data-pending] {
995
+ --background-color: var(--hop-Button-upsell-background-color);
996
+ --color: var(--hop-Button-upsell-color);
997
+ --border: var(--hop-Button-upsell-border);
998
+ }
999
+ .Button-module__hop-Button--danger___U0g6u[data-pending] {
1000
+ --background-color: var(--hop-Button-danger-background-color);
1001
+ --color: var(--hop-Button-danger-color);
1002
+ --border: var(--hop-Button-danger-border);
1003
+ }
1004
+ .Button-module__hop-Button--ghost-primary___R3YQO[data-pending] {
1005
+ --background-color: var(--hop-Button-ghost-primary-background-color);
1006
+ --color: var(--hop-Button-ghost-primary-color);
1007
+ --border: var(--hop-Button-ghost-primary-border);
1008
+ --text-underline: none;
1009
+ }
1010
+ .Button-module__hop-Button--ghost-secondary___0IoPr[data-pending] {
1011
+ --background-color: var(--hop-Button-ghost-secondary-background-color);
1012
+ --color: var(--hop-Button-ghost-secondary-color);
1013
+ --border: var(--hop-Button-ghost-secondary-border);
1014
+ --text-underline: none;
1015
+ }
1016
+ .Button-module__hop-Button--ghost-danger___-3oFp[data-pending] {
1017
+ --background-color: var(--hop-Button-ghost-danger-background-color);
1018
+ --color: var(--hop-Button-ghost-danger-color);
1019
+ --border: var(--hop-Button-ghost-danger-border);
1020
+ --text-underline: none;
1021
+ }
1022
+ .Button-module__hop-Button__Spinner___iIz-g {
1092
1023
  position: absolute;
1093
1024
  color: var(--spinner-color);
1094
1025
  }
1095
- .Button-module__hop-Button__icon___OgHz4,
1096
- .Button-module__hop-Button__icon-list___H7MOe {
1026
+ .Button-module__hop-Button__icon___ol4xI,
1027
+ .Button-module__hop-Button__icon-list___wcA7Z {
1097
1028
  flex: 0 0 auto;
1098
1029
  justify-self: end;
1099
1030
  order: 1;
1100
1031
  }
1101
- .Button-module__hop-Button__text___qtvCq {
1032
+ .Button-module__hop-Button__text___8Y-6a {
1102
1033
  user-select: none;
1103
1034
  overflow: visible;
1104
1035
  flex: 0 1 auto;
1105
1036
  order: 2;
1106
1037
  font-weight: var(--hop-font-weight-505);
1107
- text-wrap: nowrap;
1108
- }
1109
- .Button-module__hop-Button--ghost-primary___skgG5[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___qtvCq,
1110
- .Button-module__hop-Button--ghost-secondary___TpSND[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___qtvCq,
1111
- .Button-module__hop-Button--ghost-danger___VuuUz[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___qtvCq,
1112
- .Button-module__hop-Button--ghost-primary___skgG5[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___qtvCq,
1113
- .Button-module__hop-Button--ghost-secondary___TpSND[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___qtvCq,
1114
- .Button-module__hop-Button--ghost-danger___VuuUz[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___qtvCq,
1115
- .Button-module__hop-Button--ghost-primary___skgG5[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___qtvCq,
1116
- .Button-module__hop-Button--ghost-secondary___TpSND[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___qtvCq,
1117
- .Button-module__hop-Button--ghost-danger___VuuUz[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___qtvCq {
1118
- text-decoration: underline;
1038
+ text-decoration: var(--text-underline);
1119
1039
  text-underline-offset: 0.125rem;
1040
+ text-wrap: nowrap;
1120
1041
  }
1121
- .Button-module__hop-Button__end-icon___aUAAx,
1122
- .Button-module__hop-Button__end-icon-list___0FH5h {
1042
+ .Button-module__hop-Button__end-icon___UD9RU,
1043
+ .Button-module__hop-Button__end-icon-list___2-25Q {
1123
1044
  flex: 0 0 auto;
1124
1045
  order: 3;
1125
1046
  }
1126
- .Button-module__hop-Button___GykD- .Button-module__hop-Button__icon-list___H7MOe,
1127
- .Button-module__hop-Button___GykD- .Button-module__hop-Button__end-icon-list___0FH5h {
1047
+ .Button-module__hop-Button___y82Y5 .Button-module__hop-Button__icon-list___wcA7Z,
1048
+ .Button-module__hop-Button___y82Y5 .Button-module__hop-Button__end-icon-list___2-25Q {
1128
1049
  flex-wrap: nowrap;
1129
1050
  }
1130
- .Button-module__hop-Button___GykD-[data-loading] > *:not(.Button-module__hop-Button__Spinner___ESK3E) {
1051
+ .Button-module__hop-Button___y82Y5[data-pending] > *:not(.Button-module__hop-Button__Spinner___iIz-g) {
1131
1052
  opacity: 0;
1132
1053
  }
1133
1054
 
1134
1055
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ButtonGroup.module.css/#css-module-data */
1135
- .ButtonGroup-module__hop-ButtonGroup___wMmPt {
1056
+ .ButtonGroup-module__hop-ButtonGroup___bqIMq {
1136
1057
  display: inline-flex;
1137
1058
  flex-wrap: nowrap;
1138
1059
  gap: var(--hop-space-inline-md);
1139
1060
  }
1140
- .ButtonGroup-module__hop-ButtonGroup--horizontal___ijF40 {
1061
+ .ButtonGroup-module__hop-ButtonGroup--horizontal___BSNlY {
1141
1062
  align-items: center;
1142
1063
  }
1143
- .ButtonGroup-module__hop-ButtonGroup--vertical___7C08p {
1064
+ .ButtonGroup-module__hop-ButtonGroup--vertical___n7MaV {
1144
1065
  flex-direction: column;
1145
1066
  gap: var(--hop-space-stack-md);
1146
1067
  justify-content: center;
1147
1068
  }
1148
- .ButtonGroup-module__hop-ButtonGroup--start___fVdB3.ButtonGroup-module__hop-ButtonGroup--vertical___7C08p {
1069
+ .ButtonGroup-module__hop-ButtonGroup--start___Unpn2.ButtonGroup-module__hop-ButtonGroup--vertical___n7MaV {
1149
1070
  align-items: flex-start;
1150
1071
  }
1151
- .ButtonGroup-module__hop-ButtonGroup--center___4EtD-.ButtonGroup-module__hop-ButtonGroup--vertical___7C08p {
1072
+ .ButtonGroup-module__hop-ButtonGroup--center___AufeM.ButtonGroup-module__hop-ButtonGroup--vertical___n7MaV {
1152
1073
  align-items: center;
1153
1074
  }
1154
- .ButtonGroup-module__hop-ButtonGroup--end___nXSO3.ButtonGroup-module__hop-ButtonGroup--vertical___7C08p {
1075
+ .ButtonGroup-module__hop-ButtonGroup--end___JoVZV.ButtonGroup-module__hop-ButtonGroup--vertical___n7MaV {
1155
1076
  align-items: flex-end;
1156
1077
  }
1157
- .ButtonGroup-module__hop-ButtonGroup--start___fVdB3.ButtonGroup-module__hop-ButtonGroup--horizontal___ijF40 {
1078
+ .ButtonGroup-module__hop-ButtonGroup--start___Unpn2.ButtonGroup-module__hop-ButtonGroup--horizontal___BSNlY {
1158
1079
  justify-content: flex-start;
1159
1080
  }
1160
- .ButtonGroup-module__hop-ButtonGroup--center___4EtD-.ButtonGroup-module__hop-ButtonGroup--horizontal___ijF40 {
1081
+ .ButtonGroup-module__hop-ButtonGroup--center___AufeM.ButtonGroup-module__hop-ButtonGroup--horizontal___BSNlY {
1161
1082
  justify-content: center;
1162
1083
  }
1163
- .ButtonGroup-module__hop-ButtonGroup--end___nXSO3.ButtonGroup-module__hop-ButtonGroup--horizontal___ijF40 {
1084
+ .ButtonGroup-module__hop-ButtonGroup--end___JoVZV.ButtonGroup-module__hop-ButtonGroup--horizontal___BSNlY {
1164
1085
  justify-content: flex-end;
1165
1086
  }
1166
- .ButtonGroup-module__hop-ButtonGroup--wrap___xpEU8 {
1087
+ .ButtonGroup-module__hop-ButtonGroup--wrap___0re0- {
1167
1088
  flex-wrap: wrap;
1168
1089
  }
1169
- .ButtonGroup-module__hop-ButtonGroup--fluid___-37eG {
1090
+ .ButtonGroup-module__hop-ButtonGroup--fluid___tfM32 {
1170
1091
  inline-size: 100%;
1171
1092
  }
1172
1093
 
1173
1094
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/EmbeddedButton.module.css/#css-module-data */
1174
- .EmbeddedButton-module__hop-EmbeddedButton___Z6bLa {
1095
+ .EmbeddedButton-module__hop-EmbeddedButton___a2Jze {
1175
1096
  --hop-EmbeddedButton-border-radius: var(--hop-shape-rounded-md);
1176
1097
  --hop-EmbeddedButton-focus-ring-color: var(--hop-primary-border-focus);
1177
1098
  --hop-EmbeddedButton-effect-border-radius: var(--hop-shape-circle);
@@ -1335,7 +1256,7 @@
1335
1256
  outline: none;
1336
1257
  transition: color var(--transition);
1337
1258
  }
1338
- .EmbeddedButton-module__hop-EmbeddedButton___Z6bLa::before {
1259
+ .EmbeddedButton-module__hop-EmbeddedButton___a2Jze::before {
1339
1260
  content: "";
1340
1261
  position: absolute;
1341
1262
  inset-block-start: 50%;
@@ -1348,284 +1269,676 @@
1348
1269
  border-radius: var(--effect-border-radius);
1349
1270
  transition: background-color var(--transition);
1350
1271
  }
1351
- .EmbeddedButton-module__hop-EmbeddedButton___Z6bLa[data-square] {
1272
+ .EmbeddedButton-module__hop-EmbeddedButton___a2Jze[data-square] {
1352
1273
  --effect-border-radius: var(--hop-EmbeddedButton-effect-square-border-radius);
1353
1274
  }
1354
- .EmbeddedButton-module__hop-EmbeddedButton--md___ovIjf {
1275
+ .EmbeddedButton-module__hop-EmbeddedButton--md___IwX7I {
1355
1276
  --inline-size: var(--hop-EmbeddedButton-md-width);
1356
1277
  --block-size: var(--hop-EmbeddedButton-md-height);
1357
1278
  --focus-ring-offset: calc(-1 * var(--focus-ring-size));
1358
1279
  }
1359
- .EmbeddedButton-module__hop-EmbeddedButton--lg___0AsEn {
1280
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___hCesg {
1360
1281
  --inline-size: var(--hop-EmbeddedButton-lg-width);
1361
1282
  --block-size: var(--hop-EmbeddedButton-lg-height);
1362
1283
  --focus-ring-offset: 0;
1363
1284
  }
1364
- .EmbeddedButton-module__hop-EmbeddedButton--md___ovIjf::before {
1285
+ .EmbeddedButton-module__hop-EmbeddedButton--md___IwX7I::before {
1365
1286
  --effect-inline-size: var(--hop-EmbeddedButton-md-effect-width);
1366
1287
  --effect-block-size: var(--hop-EmbeddedButton-md-effect-height);
1367
1288
  }
1368
- .EmbeddedButton-module__hop-EmbeddedButton--lg___0AsEn::before {
1289
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___hCesg::before {
1369
1290
  --effect-inline-size: var(--hop-EmbeddedButton-lg-effect-width);
1370
1291
  --effect-block-size: var(--hop-EmbeddedButton-lg-effect-height);
1371
1292
  }
1372
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___e7EC2 {
1293
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___o1As4 {
1373
1294
  --color: var(--hop-EmbeddedButton-neutral-color);
1374
1295
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color);
1375
1296
  }
1376
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___IQifH {
1297
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___d-hG8 {
1377
1298
  --color: var(--hop-EmbeddedButton-subdued-color);
1378
1299
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color);
1379
1300
  }
1380
- .EmbeddedButton-module__hop-EmbeddedButton--progress___c1GQd {
1301
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___g0OnZ {
1381
1302
  --color: var(--hop-EmbeddedButton-progress-color);
1382
1303
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color);
1383
1304
  }
1384
- .EmbeddedButton-module__hop-EmbeddedButton--positive___Dd19O {
1305
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___ti2kL {
1385
1306
  --color: var(--hop-EmbeddedButton-positive-color);
1386
1307
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color);
1387
1308
  }
1388
- .EmbeddedButton-module__hop-EmbeddedButton--caution___50VB2 {
1309
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___2XoPe {
1389
1310
  --color: var(--hop-EmbeddedButton-caution-color);
1390
1311
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color);
1391
1312
  }
1392
- .EmbeddedButton-module__hop-EmbeddedButton--negative___2n3R6 {
1313
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___6hry8 {
1393
1314
  --color: var(--hop-EmbeddedButton-negative-color);
1394
1315
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color);
1395
1316
  }
1396
- .EmbeddedButton-module__hop-EmbeddedButton--option1___6FY4N {
1317
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___yi2Mj {
1397
1318
  --color: var(--hop-EmbeddedButton-option1-color);
1398
1319
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color);
1399
1320
  }
1400
- .EmbeddedButton-module__hop-EmbeddedButton--option2___sqARS {
1321
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___gltNB {
1401
1322
  --color: var(--hop-EmbeddedButton-option2-color);
1402
1323
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color);
1403
1324
  }
1404
- .EmbeddedButton-module__hop-EmbeddedButton--option3___07mAw {
1325
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___zO6kP {
1405
1326
  --color: var(--hop-EmbeddedButton-option3-color);
1406
1327
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color);
1407
1328
  }
1408
- .EmbeddedButton-module__hop-EmbeddedButton--option4___ThYD2 {
1329
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___o2AeV {
1409
1330
  --color: var(--hop-EmbeddedButton-option4-color);
1410
1331
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color);
1411
1332
  }
1412
- .EmbeddedButton-module__hop-EmbeddedButton--option5___et-nN {
1333
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___nFdc7 {
1413
1334
  --color: var(--hop-EmbeddedButton-option5-color);
1414
1335
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color);
1415
1336
  }
1416
- .EmbeddedButton-module__hop-EmbeddedButton--option6___kXcVt {
1337
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___rbfAq {
1417
1338
  --color: var(--hop-EmbeddedButton-option6-color);
1418
1339
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color);
1419
1340
  }
1420
- .EmbeddedButton-module__hop-EmbeddedButton___Z6bLa[data-selected] {
1341
+ .EmbeddedButton-module__hop-EmbeddedButton___a2Jze[data-selected] {
1421
1342
  --color: var(--hop-EmbeddedButton-selected-color);
1422
1343
  --effect-background-color: var(--hop-EmbeddedButton-selected-effect-background-color);
1423
1344
  }
1424
- .EmbeddedButton-module__hop-EmbeddedButton___Z6bLa[data-focus-visible] {
1345
+ .EmbeddedButton-module__hop-EmbeddedButton___a2Jze[data-focus-visible] {
1425
1346
  outline: var(--focus-ring-size) solid var(--hop-EmbeddedButton-focus-ring-color);
1426
1347
  outline-offset: var(--focus-ring-offset);
1427
1348
  }
1428
- .EmbeddedButton-module__hop-EmbeddedButton___Z6bLa[data-disabled] {
1349
+ .EmbeddedButton-module__hop-EmbeddedButton___a2Jze[data-disabled] {
1429
1350
  cursor: not-allowed;
1430
1351
  }
1431
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___e7EC2[data-hovered] {
1352
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___o1As4[data-hovered] {
1432
1353
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-hovered);
1433
1354
  --color: var(--hop-EmbeddedButton-neutral-color-hovered);
1434
1355
  }
1435
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___e7EC2[data-focus-visible] {
1356
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___o1As4[data-focus-visible] {
1436
1357
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-focused);
1437
1358
  --color: var(--hop-EmbeddedButton-neutral-color-focused);
1438
1359
  }
1439
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___e7EC2[data-pressed] {
1360
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___o1As4[data-pressed] {
1440
1361
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-pressed);
1441
1362
  --color: var(--hop-EmbeddedButton-neutral-color-pressed);
1442
1363
  }
1443
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___e7EC2[data-disabled] {
1364
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___o1As4[data-disabled] {
1444
1365
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-disabled);
1445
1366
  --color: var(--hop-EmbeddedButton-neutral-color-disabled);
1446
1367
  }
1447
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___IQifH[data-hovered] {
1368
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___d-hG8[data-hovered] {
1448
1369
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-hovered);
1449
1370
  --color: var(--hop-EmbeddedButton-subdued-color-hovered);
1450
1371
  }
1451
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___IQifH[data-focus-visible] {
1372
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___d-hG8[data-focus-visible] {
1452
1373
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-focused);
1453
1374
  --color: var(--hop-EmbeddedButton-subdued-color-focused);
1454
1375
  }
1455
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___IQifH[data-pressed] {
1376
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___d-hG8[data-pressed] {
1456
1377
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-pressed);
1457
1378
  --color: var(--hop-EmbeddedButton-subdued-color-pressed);
1458
1379
  }
1459
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___IQifH[data-disabled] {
1380
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___d-hG8[data-disabled] {
1460
1381
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-disabled);
1461
1382
  --color: var(--hop-EmbeddedButton-subdued-color-disabled);
1462
1383
  }
1463
- .EmbeddedButton-module__hop-EmbeddedButton--progress___c1GQd[data-hovered] {
1384
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___g0OnZ[data-hovered] {
1464
1385
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-hovered);
1465
1386
  --color: var(--hop-EmbeddedButton-progress-color-hovered);
1466
1387
  }
1467
- .EmbeddedButton-module__hop-EmbeddedButton--progress___c1GQd[data-focus-visible] {
1388
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___g0OnZ[data-focus-visible] {
1468
1389
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-focused);
1469
1390
  --color: var(--hop-EmbeddedButton-progress-color-focused);
1470
1391
  }
1471
- .EmbeddedButton-module__hop-EmbeddedButton--progress___c1GQd[data-pressed] {
1392
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___g0OnZ[data-pressed] {
1472
1393
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-pressed);
1473
1394
  --color: var(--hop-EmbeddedButton-progress-color-pressed);
1474
1395
  }
1475
- .EmbeddedButton-module__hop-EmbeddedButton--progress___c1GQd[data-disabled] {
1396
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___g0OnZ[data-disabled] {
1476
1397
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-disabled);
1477
1398
  --color: var(--hop-EmbeddedButton-progress-color-disabled);
1478
1399
  }
1479
- .EmbeddedButton-module__hop-EmbeddedButton--positive___Dd19O[data-hovered] {
1400
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___ti2kL[data-hovered] {
1480
1401
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-hovered);
1481
1402
  --color: var(--hop-EmbeddedButton-positive-color-hovered);
1482
1403
  }
1483
- .EmbeddedButton-module__hop-EmbeddedButton--positive___Dd19O[data-focus-visible] {
1404
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___ti2kL[data-focus-visible] {
1484
1405
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-focused);
1485
1406
  --color: var(--hop-EmbeddedButton-positive-color-focused);
1486
1407
  }
1487
- .EmbeddedButton-module__hop-EmbeddedButton--positive___Dd19O[data-pressed] {
1408
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___ti2kL[data-pressed] {
1488
1409
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-pressed);
1489
1410
  --color: var(--hop-EmbeddedButton-positive-color-pressed);
1490
1411
  }
1491
- .EmbeddedButton-module__hop-EmbeddedButton--positive___Dd19O[data-disabled] {
1412
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___ti2kL[data-disabled] {
1492
1413
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-disabled);
1493
1414
  --color: var(--hop-EmbeddedButton-positive-color-disabled);
1494
1415
  }
1495
- .EmbeddedButton-module__hop-EmbeddedButton--caution___50VB2[data-hovered] {
1416
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___2XoPe[data-hovered] {
1496
1417
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-hovered);
1497
1418
  --color: var(--hop-EmbeddedButton-caution-color-hovered);
1498
1419
  }
1499
- .EmbeddedButton-module__hop-EmbeddedButton--caution___50VB2[data-focus-visible] {
1420
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___2XoPe[data-focus-visible] {
1500
1421
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-focused);
1501
1422
  --color: var(--hop-EmbeddedButton-caution-color-focused);
1502
1423
  }
1503
- .EmbeddedButton-module__hop-EmbeddedButton--caution___50VB2[data-pressed] {
1424
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___2XoPe[data-pressed] {
1504
1425
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-pressed);
1505
1426
  --color: var(--hop-EmbeddedButton-caution-color-pressed);
1506
1427
  }
1507
- .EmbeddedButton-module__hop-EmbeddedButton--caution___50VB2[data-disabled] {
1428
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___2XoPe[data-disabled] {
1508
1429
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-disabled);
1509
1430
  --color: var(--hop-EmbeddedButton-caution-color-disabled);
1510
1431
  }
1511
- .EmbeddedButton-module__hop-EmbeddedButton--negative___2n3R6[data-hovered] {
1432
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___6hry8[data-hovered] {
1512
1433
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-hovered);
1513
1434
  --color: var(--hop-EmbeddedButton-negative-color-hovered);
1514
1435
  }
1515
- .EmbeddedButton-module__hop-EmbeddedButton--negative___2n3R6[data-focus-visible] {
1436
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___6hry8[data-focus-visible] {
1516
1437
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-focused);
1517
1438
  --color: var(--hop-EmbeddedButton-negative-color-focused);
1518
1439
  }
1519
- .EmbeddedButton-module__hop-EmbeddedButton--negative___2n3R6[data-pressed] {
1440
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___6hry8[data-pressed] {
1520
1441
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-pressed);
1521
1442
  --color: var(--hop-EmbeddedButton-negative-color-pressed);
1522
1443
  }
1523
- .EmbeddedButton-module__hop-EmbeddedButton--negative___2n3R6[data-disabled] {
1444
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___6hry8[data-disabled] {
1524
1445
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-disabled);
1525
1446
  --color: var(--hop-EmbeddedButton-negative-color-disabled);
1526
1447
  }
1527
- .EmbeddedButton-module__hop-EmbeddedButton--option1___6FY4N[data-hovered] {
1448
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___yi2Mj[data-hovered] {
1528
1449
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-hovered);
1529
1450
  --color: var(--hop-EmbeddedButton-option1-color-hovered);
1530
1451
  }
1531
- .EmbeddedButton-module__hop-EmbeddedButton--option1___6FY4N[data-focus-visible] {
1452
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___yi2Mj[data-focus-visible] {
1532
1453
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-focused);
1533
1454
  --color: var(--hop-EmbeddedButton-option1-color-focused);
1534
1455
  }
1535
- .EmbeddedButton-module__hop-EmbeddedButton--option1___6FY4N[data-pressed] {
1456
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___yi2Mj[data-pressed] {
1536
1457
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-pressed);
1537
1458
  --color: var(--hop-EmbeddedButton-option1-color-pressed);
1538
1459
  }
1539
- .EmbeddedButton-module__hop-EmbeddedButton--option1___6FY4N[data-disabled] {
1460
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___yi2Mj[data-disabled] {
1540
1461
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-disabled);
1541
1462
  --color: var(--hop-EmbeddedButton-option1-color-disabled);
1542
1463
  }
1543
- .EmbeddedButton-module__hop-EmbeddedButton--option2___sqARS[data-hovered] {
1464
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___gltNB[data-hovered] {
1544
1465
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-hovered);
1545
1466
  --color: var(--hop-EmbeddedButton-option2-color-hovered);
1546
1467
  }
1547
- .EmbeddedButton-module__hop-EmbeddedButton--option2___sqARS[data-focus-visible] {
1468
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___gltNB[data-focus-visible] {
1548
1469
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-focused);
1549
1470
  --color: var(--hop-EmbeddedButton-option2-color-focused);
1550
1471
  }
1551
- .EmbeddedButton-module__hop-EmbeddedButton--option2___sqARS[data-pressed] {
1472
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___gltNB[data-pressed] {
1552
1473
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-pressed);
1553
1474
  --color: var(--hop-EmbeddedButton-option2-color-pressed);
1554
1475
  }
1555
- .EmbeddedButton-module__hop-EmbeddedButton--option2___sqARS[data-disabled] {
1476
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___gltNB[data-disabled] {
1556
1477
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-disabled);
1557
1478
  --color: var(--hop-EmbeddedButton-option2-color-disabled);
1558
1479
  }
1559
- .EmbeddedButton-module__hop-EmbeddedButton--option3___07mAw[data-hovered] {
1480
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___zO6kP[data-hovered] {
1560
1481
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-hovered);
1561
1482
  --color: var(--hop-EmbeddedButton-option3-color-hovered);
1562
1483
  }
1563
- .EmbeddedButton-module__hop-EmbeddedButton--option3___07mAw[data-focus-visible] {
1484
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___zO6kP[data-focus-visible] {
1564
1485
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-focused);
1565
1486
  --color: var(--hop-EmbeddedButton-option3-color-focused);
1566
1487
  }
1567
- .EmbeddedButton-module__hop-EmbeddedButton--option3___07mAw[data-pressed] {
1488
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___zO6kP[data-pressed] {
1568
1489
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-pressed);
1569
1490
  --color: var(--hop-EmbeddedButton-option3-color-pressed);
1570
1491
  }
1571
- .EmbeddedButton-module__hop-EmbeddedButton--option3___07mAw[data-disabled] {
1492
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___zO6kP[data-disabled] {
1572
1493
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-disabled);
1573
1494
  --color: var(--hop-EmbeddedButton-option3-color-disabled);
1574
1495
  }
1575
- .EmbeddedButton-module__hop-EmbeddedButton--option4___ThYD2[data-hovered] {
1496
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___o2AeV[data-hovered] {
1576
1497
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-hovered);
1577
1498
  --color: var(--hop-EmbeddedButton-option4-color-hovered);
1578
1499
  }
1579
- .EmbeddedButton-module__hop-EmbeddedButton--option4___ThYD2[data-focus-visible] {
1500
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___o2AeV[data-focus-visible] {
1580
1501
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-focused);
1581
1502
  --color: var(--hop-EmbeddedButton-option4-color-focused);
1582
1503
  }
1583
- .EmbeddedButton-module__hop-EmbeddedButton--option4___ThYD2[data-pressed] {
1504
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___o2AeV[data-pressed] {
1584
1505
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-pressed);
1585
1506
  --color: var(--hop-EmbeddedButton-option4-color-pressed);
1586
1507
  }
1587
- .EmbeddedButton-module__hop-EmbeddedButton--option4___ThYD2[data-disabled] {
1508
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___o2AeV[data-disabled] {
1588
1509
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-disabled);
1589
1510
  --color: var(--hop-EmbeddedButton-option4-color-disabled);
1590
1511
  }
1591
- .EmbeddedButton-module__hop-EmbeddedButton--option5___et-nN[data-hovered] {
1512
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___nFdc7[data-hovered] {
1592
1513
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-hovered);
1593
1514
  --color: var(--hop-EmbeddedButton-option5-color-hovered);
1594
1515
  }
1595
- .EmbeddedButton-module__hop-EmbeddedButton--option5___et-nN[data-focus-visible] {
1516
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___nFdc7[data-focus-visible] {
1596
1517
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-focused);
1597
1518
  --color: var(--hop-EmbeddedButton-option5-color-focused);
1598
1519
  }
1599
- .EmbeddedButton-module__hop-EmbeddedButton--option5___et-nN[data-pressed] {
1520
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___nFdc7[data-pressed] {
1600
1521
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-pressed);
1601
1522
  --color: var(--hop-EmbeddedButton-option5-color-pressed);
1602
1523
  }
1603
- .EmbeddedButton-module__hop-EmbeddedButton--option5___et-nN[data-disabled] {
1524
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___nFdc7[data-disabled] {
1604
1525
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-disabled);
1605
1526
  --color: var(--hop-EmbeddedButton-option5-color-disabled);
1606
1527
  }
1607
- .EmbeddedButton-module__hop-EmbeddedButton--option6___kXcVt[data-hovered] {
1528
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___rbfAq[data-hovered] {
1608
1529
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-hovered);
1609
1530
  --color: var(--hop-EmbeddedButton-option6-color-hovered);
1610
1531
  }
1611
- .EmbeddedButton-module__hop-EmbeddedButton--option6___kXcVt[data-focus-visible] {
1532
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___rbfAq[data-focus-visible] {
1612
1533
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-focused);
1613
1534
  --color: var(--hop-EmbeddedButton-option6-color-focused);
1614
1535
  }
1615
- .EmbeddedButton-module__hop-EmbeddedButton--option6___kXcVt[data-pressed] {
1536
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___rbfAq[data-pressed] {
1616
1537
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-pressed);
1617
1538
  --color: var(--hop-EmbeddedButton-option6-color-pressed);
1618
1539
  }
1619
- .EmbeddedButton-module__hop-EmbeddedButton--option6___kXcVt[data-disabled] {
1540
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___rbfAq[data-disabled] {
1620
1541
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-disabled);
1621
1542
  --color: var(--hop-EmbeddedButton-option6-color-disabled);
1622
1543
  }
1623
- .EmbeddedButton-module__hop-EmbeddedButton__icon___nDxeC {
1544
+ .EmbeddedButton-module__hop-EmbeddedButton__icon___EAxnK {
1624
1545
  position: relative;
1625
1546
  }
1626
1547
 
1548
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/LinkButton.module.css/#css-module-data */
1549
+ .Button-module__hop-Button___y82Y5 {
1550
+ --hop-Button-border-radius: var(--hop-shape-rounded-md);
1551
+ --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
1552
+ --hop-Button-column-gap: var(--hop-space-inline-xs);
1553
+ --hop-Button-icon-only-column-gap: 0;
1554
+ --hop-Button-outline-size: var(--hop-space-20);
1555
+ --hop-Button-border-size: var(--hop-space-10);
1556
+ --hop-Button-text-underline-offset: var(--hop-space-20);
1557
+ --hop-Button-icon-only-padding: 0;
1558
+ --hop-Button-sm-height: 2rem;
1559
+ --hop-Button-md-height: 2.5rem;
1560
+ --hop-Button-sm-padding: 0 var(--hop-space-inset-md);
1561
+ --hop-Button-md-padding: 0 var(--hop-space-inset-md);
1562
+ --hop-Button-ghost-sm-padding: 0 var(--hop-space-inset-xs);
1563
+ --hop-Button-ghost-md-padding: 0 var(--hop-space-inset-sm);
1564
+ --hop-Button-color-disabled: var(--hop-neutral-text-disabled);
1565
+ --hop-Button-background-color-disabled: var(--hop-neutral-surface-disabled);
1566
+ --hop-Button-border-disabled: var(--hop-Button-border-size) solid var(--hop-Button-background-color-disabled);
1567
+ --hop-Button-ghost-color-disabled: var(--hop-neutral-text-disabled);
1568
+ --hop-Button-ghost-background-color-disabled: transparent;
1569
+ --hop-Button-ghost-border-disabled: var(--hop-Button-border-size) solid var(--hop-Button-ghost-background-color-disabled);
1570
+ --hop-Button-primary-color: var(--hop-primary-text-strong);
1571
+ --hop-Button-primary-color-hover: var(--hop-primary-text-strong-hover);
1572
+ --hop-Button-primary-color-pressed: var(--hop-primary-text-strong);
1573
+ --hop-Button-primary-background-color: var(--hop-primary-surface-strong);
1574
+ --hop-Button-primary-background-color-hover: var(--hop-primary-surface-strong-hover);
1575
+ --hop-Button-primary-background-color-pressed: var(--hop-primary-surface-strong-press);
1576
+ --hop-Button-primary-border: var(--hop-Button-border-size) solid var(--hop-Button-primary-background-color);
1577
+ --hop-Button-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-primary-background-color-hover);
1578
+ --hop-Button-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-primary-background-color-pressed);
1579
+ --hop-Button-primary-spinner-color: var(--hop-primary-icon-strong);
1580
+ --hop-Button-secondary-color: var(--hop-neutral-text);
1581
+ --hop-Button-secondary-color-hover: var(--hop-neutral-text-hover);
1582
+ --hop-Button-secondary-color-pressed: var(--hop-neutral-text-press);
1583
+ --hop-Button-secondary-background-color: var(--hop-neutral-surface);
1584
+ --hop-Button-secondary-background-color-hover: var(--hop-neutral-surface-hover);
1585
+ --hop-Button-secondary-background-color-pressed: var(--hop-neutral-surface-press);
1586
+ --hop-Button-secondary-border: var(--hop-Button-border-size) solid var(--hop-neutral-border-strong);
1587
+ --hop-Button-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-neutral-border-strong-hover);
1588
+ --hop-Button-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-neutral-border-strong);
1589
+ --hop-Button-secondary-spinner-color: var(--hop-neutral-icon);
1590
+ --hop-Button-upsell-color: var(--hop-upsell-text);
1591
+ --hop-Button-upsell-color-hover: var(--hop-upsell-text-hover);
1592
+ --hop-Button-upsell-color-pressed: var(--hop-upsell-text-press);
1593
+ --hop-Button-upsell-background-color: var(--hop-upsell-surface);
1594
+ --hop-Button-upsell-background-color-hover: var(--hop-upsell-surface-hover);
1595
+ --hop-Button-upsell-background-color-pressed: var(--hop-upsell-surface-press);
1596
+ --hop-Button-upsell-border: var(--hop-Button-border-size) solid var(--hop-Button-upsell-background-color);
1597
+ --hop-Button-upsell-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-upsell-background-color-hover);
1598
+ --hop-Button-upsell-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-upsell-background-color-pressed);
1599
+ --hop-Button-upsell-spinner-color: var(--hop-upsell-icon);
1600
+ --hop-Button-danger-color: var(--hop-danger-text-strong);
1601
+ --hop-Button-danger-color-hover: var(--hop-danger-text-strong-hover);
1602
+ --hop-Button-danger-color-pressed: var(--hop-danger-text-strong-hover);
1603
+ --hop-Button-danger-background-color: var(--hop-danger-surface-strong);
1604
+ --hop-Button-danger-background-color-hover: var(--hop-danger-surface-strong-hover);
1605
+ --hop-Button-danger-background-color-pressed: var(--hop-danger-surface-press);
1606
+ --hop-Button-danger-border: var(--hop-Button-border-size) solid var(--hop-Button-danger-background-color);
1607
+ --hop-Button-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-danger-background-color-hover);
1608
+ --hop-Button-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-danger-background-color-pressed);
1609
+ --hop-Button-danger-spinner-color: var(--hop-primary-icon-strong);
1610
+ --hop-Button-ghost-primary-color: var(--hop-primary-text);
1611
+ --hop-Button-ghost-primary-color-hover: var(--hop-primary-text-hover);
1612
+ --hop-Button-ghost-primary-color-pressed: var(--hop-primary-text-press);
1613
+ --hop-Button-ghost-primary-background-color: transparent;
1614
+ --hop-Button-ghost-primary-background-color-hover: var(--hop-neutral-surface-hover);
1615
+ --hop-Button-ghost-primary-background-color-pressed: var(--hop-primary-surface-weak-press);
1616
+ --hop-Button-ghost-primary-border: var(--hop-Button-border-size) solid var(--hop-Button-ghost-primary-background-color);
1617
+ --hop-Button-ghost-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-ghost-primary-background-color-hover);
1618
+ --hop-Button-ghost-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-ghost-primary-background-color-pressed);
1619
+ --hop-Button-ghost-primary-spinner-color: var(--hop-neutral-icon);
1620
+ --hop-Button-ghost-secondary-color: var(--hop-neutral-text-weak);
1621
+ --hop-Button-ghost-secondary-color-hover: var(--hop-neutral-text-weak-hover);
1622
+ --hop-Button-ghost-secondary-color-pressed: var(--hop-neutral-text-weak-press);
1623
+ --hop-Button-ghost-secondary-background-color: transparent;
1624
+ --hop-Button-ghost-secondary-background-color-hover: var(--hop-neutral-surface-hover);
1625
+ --hop-Button-ghost-secondary-background-color-pressed: var(--hop-neutral-surface-press);
1626
+ --hop-Button-ghost-secondary-border: var(--hop-Button-border-size) solid var(--hop-Button-ghost-secondary-background-color);
1627
+ --hop-Button-ghost-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-ghost-secondary-background-color-hover);
1628
+ --hop-Button-ghost-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-ghost-secondary-background-color-pressed);
1629
+ --hop-Button-ghost-secondary-spinner-color: var(--hop-neutral-icon);
1630
+ --hop-Button-ghost-danger-color: var(--hop-danger-text-weak);
1631
+ --hop-Button-ghost-danger-color-hover: var(--hop-danger-text-hover);
1632
+ --hop-Button-ghost-danger-color-pressed: var(--hop-danger-text-press);
1633
+ --hop-Button-ghost-danger-background-color: transparent;
1634
+ --hop-Button-ghost-danger-background-color-hover: var(--hop-neutral-surface-hover);
1635
+ --hop-Button-ghost-danger-background-color-pressed: var(--hop-danger-surface-weak-press);
1636
+ --hop-Button-ghost-danger-border: var(--hop-Button-border-size) solid var(--hop-Button-ghost-danger-background-color);
1637
+ --hop-Button-ghost-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-ghost-danger-background-color-hover);
1638
+ --hop-Button-ghost-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-ghost-danger-background-color-pressed);
1639
+ --hop-Button-ghost-danger-spinner-color: var(--hop-neutral-icon);
1640
+ --inline-size: max-content;
1641
+ --block-size: var(--hop-Button-md-height);
1642
+ --background-color: var(--hop-primary-surface-strong);
1643
+ --color: var(--hop-primary-text-strong);
1644
+ --column-gap: var(--hop-Button-column-gap);
1645
+ --spinner: var(--hop-primary-icon-strong);
1646
+ --border: 0;
1647
+ --padding: var(--hop-Button-md-padding);
1648
+ --text-underline: none;
1649
+ cursor: pointer;
1650
+ position: relative;
1651
+ overflow: hidden;
1652
+ display: flex;
1653
+ column-gap: var(--column-gap);
1654
+ align-items: center;
1655
+ justify-content: center;
1656
+ box-sizing: border-box;
1657
+ inline-size: var(--inline-size);
1658
+ block-size: var(--block-size);
1659
+ padding: var(--padding);
1660
+ color: var(--color);
1661
+ text-decoration: none;
1662
+ white-space: nowrap;
1663
+ background-color: var(--background-color);
1664
+ border: var(--border);
1665
+ border-radius: var(--hop-Button-border-radius);
1666
+ outline: none;
1667
+ outline-offset: var(--hop-Button-outline-size);
1668
+ transition:
1669
+ color var(--hop-easing-duration-2) var(--hop-easing-productive),
1670
+ background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
1671
+ border var(--hop-easing-duration-2) var(--hop-easing-productive);
1672
+ }
1673
+ .Button-module__hop-Button--fluid___yrsMn {
1674
+ --inline-size: 100%;
1675
+ }
1676
+ .Button-module__hop-Button--sm___MqqBM {
1677
+ --block-size: var(--hop-Button-sm-height);
1678
+ --padding: var(--hop-Button-sm-padding);
1679
+ }
1680
+ .Button-module__hop-Button--sm___MqqBM[class*=--ghost] {
1681
+ --padding: var(--hop-Button-ghost-sm-padding);
1682
+ }
1683
+ .Button-module__hop-Button--md___689QA[class*=--ghost] {
1684
+ --padding: var(--hop-Button-ghost-md-padding);
1685
+ }
1686
+ .Button-module__hop-Button--icon-only___mnrYP {
1687
+ --column-gap: var(--hop-Button-icon-only-column-gap);
1688
+ --padding: var(--hop-Button-icon-only-padding);
1689
+ aspect-ratio: 1;
1690
+ }
1691
+ .Button-module__hop-Button--primary___i4wgt {
1692
+ --background-color: var(--hop-Button-primary-background-color);
1693
+ --color: var(--hop-Button-primary-color);
1694
+ --border: var(--hop-Button-primary-border);
1695
+ --spinner-color: var(--hop-Button-primary-spinner-color);
1696
+ }
1697
+ .Button-module__hop-Button--primary___i4wgt[data-hovered],
1698
+ .Button-module__hop-Button--primary___i4wgt[data-focus-visible] {
1699
+ --background-color: var(--hop-Button-primary-background-color-hover);
1700
+ --color: var(--hop-Button-primary-color-hover);
1701
+ --border: var(--hop-Button-primary-border-hover);
1702
+ }
1703
+ .Button-module__hop-Button--primary___i4wgt[data-pressed] {
1704
+ --background-color: var(--hop-Button-primary-background-color-pressed);
1705
+ --color: var(--hop-Button-primary-color-pressed);
1706
+ --border: var(--hop-Button-primary-border-pressed);
1707
+ }
1708
+ .Button-module__hop-Button--secondary___aTxQ5 {
1709
+ --background-color: var(--hop-Button-secondary-background-color);
1710
+ --color: var(--hop-Button-secondary-color);
1711
+ --border: var(--hop-Button-secondary-border);
1712
+ --spinner-color: var(--hop-Button-secondary-spinner-color);
1713
+ }
1714
+ .Button-module__hop-Button--secondary___aTxQ5[data-hovered],
1715
+ .Button-module__hop-Button--secondary___aTxQ5[data-focus-visible] {
1716
+ --background-color: var(--hop-Button-secondary-background-color-hover);
1717
+ --color: var(--hop-Button-secondary-color-hover);
1718
+ --border: var(--hop-Button-secondary-border-hover);
1719
+ }
1720
+ .Button-module__hop-Button--secondary___aTxQ5[data-pressed] {
1721
+ --background-color: var(--hop-Button-secondary-background-color-pressed);
1722
+ --color: var(--hop-Button-secondary-color-pressed);
1723
+ --border: var(--hop-Button-secondary-border-pressed);
1724
+ }
1725
+ .Button-module__hop-Button--upsell___VdxM3 {
1726
+ --background-color: var(--hop-Button-upsell-background-color);
1727
+ --color: var(--hop-Button-upsell-color);
1728
+ --border: var(--hop-Button-upsell-border);
1729
+ --spinner-color: var(--hop-Button-upsell-spinner-color);
1730
+ }
1731
+ .Button-module__hop-Button--upsell___VdxM3[data-hovered],
1732
+ .Button-module__hop-Button--upsell___VdxM3[data-focus-visible] {
1733
+ --background-color: var(--hop-Button-upsell-background-color-hover);
1734
+ --color: var(--hop-Button-upsell-color-hover);
1735
+ --border: var(--hop-Button-upsell-border-hover);
1736
+ }
1737
+ .Button-module__hop-Button--upsell___VdxM3[data-pressed] {
1738
+ --background-color: var(--hop-Button-upsell-background-color-pressed);
1739
+ --color: var(--hop-Button-upsell-color-pressed);
1740
+ --border: var(--hop-Button-upsell-border-pressed);
1741
+ }
1742
+ .Button-module__hop-Button--danger___U0g6u {
1743
+ --background-color: var(--hop-Button-danger-background-color);
1744
+ --color: var(--hop-Button-danger-color);
1745
+ --border: var(--hop-Button-danger-border);
1746
+ --spinner-color: var(--hop-Button-danger-spinner-color);
1747
+ }
1748
+ .Button-module__hop-Button--danger___U0g6u[data-hovered],
1749
+ .Button-module__hop-Button--danger___U0g6u[data-focus-visible] {
1750
+ --background-color: var(--hop-Button-danger-background-color-hover);
1751
+ --color: var(--hop-Button-danger-color-hover);
1752
+ --border: var(--hop-Button-danger-border-hover);
1753
+ }
1754
+ .Button-module__hop-Button--danger___U0g6u[data-pressed] {
1755
+ --background-color: var(--hop-Button-danger-background-color-pressed);
1756
+ --color: var(--hop-Button-danger-color-pressed);
1757
+ --border: var(--hop-Button-danger-border-pressed);
1758
+ }
1759
+ .Button-module__hop-Button--ghost-primary___R3YQO {
1760
+ --background-color: var(--hop-Button-ghost-primary-background-color);
1761
+ --color: var(--hop-Button-ghost-primary-color);
1762
+ --border: var(--hop-Button-ghost-primary-border);
1763
+ --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
1764
+ }
1765
+ .Button-module__hop-Button--ghost-primary___R3YQO[data-hovered],
1766
+ .Button-module__hop-Button--ghost-primary___R3YQO[data-focus-visible] {
1767
+ --background-color: var(--hop-Button-ghost-primary-background-color-hover);
1768
+ --color: var(--hop-Button-ghost-primary-color-hover);
1769
+ --border: var(--hop-Button-ghost-primary-border-hover);
1770
+ --text-underline: underline;
1771
+ }
1772
+ .Button-module__hop-Button--ghost-primary___R3YQO[data-pressed] {
1773
+ --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
1774
+ --color: var(--hop-Button-ghost-primary-color-pressed);
1775
+ --border: var(--hop-Button-ghost-primary-border-pressed);
1776
+ --text-underline: underline;
1777
+ }
1778
+ .Button-module__hop-Button--ghost-secondary___0IoPr {
1779
+ --background-color: var(--hop-Button-ghost-secondary-background-color);
1780
+ --color: var(--hop-Button-ghost-secondary-color);
1781
+ --border: var(--hop-Button-ghost-secondary-border);
1782
+ --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
1783
+ }
1784
+ .Button-module__hop-Button--ghost-secondary___0IoPr[data-hovered],
1785
+ .Button-module__hop-Button--ghost-secondary___0IoPr[data-focus-visible] {
1786
+ --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
1787
+ --color: var(--hop-Button-ghost-secondary-color-hover);
1788
+ --border: var(--hop-Button-ghost-secondary-border-hover);
1789
+ --text-underline: underline;
1790
+ }
1791
+ .Button-module__hop-Button--ghost-secondary___0IoPr[data-pressed] {
1792
+ --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
1793
+ --color: var(--hop-Button-ghost-secondary-color-pressed);
1794
+ --border: var(--hop-Button-ghost-secondary-border-pressed);
1795
+ --text-underline: underline;
1796
+ }
1797
+ .Button-module__hop-Button--ghost-danger___-3oFp {
1798
+ --background-color: var(--hop-Button-ghost-danger-background-color);
1799
+ --color: var(--hop-Button-ghost-danger-color);
1800
+ --border: var(--hop-Button-ghost-danger-border);
1801
+ --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
1802
+ }
1803
+ .Button-module__hop-Button--ghost-danger___-3oFp[data-hovered],
1804
+ .Button-module__hop-Button--ghost-danger___-3oFp[data-focus-visible] {
1805
+ --background-color: var(--hop-Button-ghost-danger-background-color-hover);
1806
+ --color: var(--hop-Button-ghost-danger-color-hover);
1807
+ --border: var(--hop-Button-ghost-danger-border-hover);
1808
+ --text-underline: underline;
1809
+ }
1810
+ .Button-module__hop-Button--ghost-danger___-3oFp[data-pressed] {
1811
+ --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
1812
+ --color: var(--hop-Button-ghost-danger-color-pressed);
1813
+ --border: var(--hop-Button-ghost-danger-border-pressed);
1814
+ --text-underline: underline;
1815
+ }
1816
+ .Button-module__hop-Button___y82Y5[data-focus-visible] {
1817
+ outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
1818
+ }
1819
+ .Button-module__hop-Button___y82Y5[data-disabled],
1820
+ .Button-module__hop-Button___y82Y5[data-pending] {
1821
+ cursor: not-allowed;
1822
+ }
1823
+ .Button-module__hop-Button___y82Y5[data-disabled] {
1824
+ --background-color: var(--hop-Button-background-color-disabled);
1825
+ --color: var(--hop-Button-color-disabled);
1826
+ --border: var(--hop-Button-border-disabled);
1827
+ }
1828
+ .Button-module__hop-Button___y82Y5[class*=--ghost][data-disabled] {
1829
+ --background-color: var(--hop-Button-ghost-background-color-disabled);
1830
+ --color: var(--hop-Button-ghost-color-disabled);
1831
+ --border: var(--hop-Button-ghost-border-disabled);
1832
+ }
1833
+ .Button-module__hop-Button--primary___i4wgt[data-pending] {
1834
+ --background-color: var(--hop-Button-primary-background-color);
1835
+ --color: var(--hop-Button-primary-color);
1836
+ --border: var(--hop-Button-primary-border);
1837
+ }
1838
+ .Button-module__hop-Button--secondary___aTxQ5[data-pending] {
1839
+ --background-color: var(--hop-Button-secondary-background-color);
1840
+ --color: var(--hop-Button-secondary-color);
1841
+ --border: var(--hop-Button-secondary-border);
1842
+ }
1843
+ .Button-module__hop-Button--upsell___VdxM3[data-pending] {
1844
+ --background-color: var(--hop-Button-upsell-background-color);
1845
+ --color: var(--hop-Button-upsell-color);
1846
+ --border: var(--hop-Button-upsell-border);
1847
+ }
1848
+ .Button-module__hop-Button--danger___U0g6u[data-pending] {
1849
+ --background-color: var(--hop-Button-danger-background-color);
1850
+ --color: var(--hop-Button-danger-color);
1851
+ --border: var(--hop-Button-danger-border);
1852
+ }
1853
+ .Button-module__hop-Button--ghost-primary___R3YQO[data-pending] {
1854
+ --background-color: var(--hop-Button-ghost-primary-background-color);
1855
+ --color: var(--hop-Button-ghost-primary-color);
1856
+ --border: var(--hop-Button-ghost-primary-border);
1857
+ --text-underline: none;
1858
+ }
1859
+ .Button-module__hop-Button--ghost-secondary___0IoPr[data-pending] {
1860
+ --background-color: var(--hop-Button-ghost-secondary-background-color);
1861
+ --color: var(--hop-Button-ghost-secondary-color);
1862
+ --border: var(--hop-Button-ghost-secondary-border);
1863
+ --text-underline: none;
1864
+ }
1865
+ .Button-module__hop-Button--ghost-danger___-3oFp[data-pending] {
1866
+ --background-color: var(--hop-Button-ghost-danger-background-color);
1867
+ --color: var(--hop-Button-ghost-danger-color);
1868
+ --border: var(--hop-Button-ghost-danger-border);
1869
+ --text-underline: none;
1870
+ }
1871
+ .Button-module__hop-Button__Spinner___iIz-g {
1872
+ position: absolute;
1873
+ color: var(--spinner-color);
1874
+ }
1875
+ .Button-module__hop-Button__icon___ol4xI,
1876
+ .Button-module__hop-Button__icon-list___wcA7Z {
1877
+ flex: 0 0 auto;
1878
+ justify-self: end;
1879
+ order: 1;
1880
+ }
1881
+ .Button-module__hop-Button__text___8Y-6a {
1882
+ user-select: none;
1883
+ overflow: visible;
1884
+ flex: 0 1 auto;
1885
+ order: 2;
1886
+ font-weight: var(--hop-font-weight-505);
1887
+ text-decoration: var(--text-underline);
1888
+ text-underline-offset: 0.125rem;
1889
+ text-wrap: nowrap;
1890
+ }
1891
+ .Button-module__hop-Button__end-icon___UD9RU,
1892
+ .Button-module__hop-Button__end-icon-list___2-25Q {
1893
+ flex: 0 0 auto;
1894
+ order: 3;
1895
+ }
1896
+ .Button-module__hop-Button___y82Y5 .Button-module__hop-Button__icon-list___wcA7Z,
1897
+ .Button-module__hop-Button___y82Y5 .Button-module__hop-Button__end-icon-list___2-25Q {
1898
+ flex-wrap: nowrap;
1899
+ }
1900
+ .Button-module__hop-Button___y82Y5[data-pending] > *:not(.Button-module__hop-Button__Spinner___iIz-g) {
1901
+ opacity: 0;
1902
+ }
1903
+ .LinkButton-module__hop-LinkButton___AJ7uv {
1904
+ }
1905
+ .LinkButton-module__hop-LinkButton--fluid___eUTM2 {
1906
+ }
1907
+ .LinkButton-module__hop-LinkButton--sm___304eI {
1908
+ }
1909
+ .LinkButton-module__hop-LinkButton--icon-only___ejsSp {
1910
+ }
1911
+ .LinkButton-module__hop-LinkButton--primary___Hh1-L {
1912
+ }
1913
+ .LinkButton-module__hop-LinkButton--secondary___v6hRn {
1914
+ }
1915
+ .LinkButton-module__hop-LinkButton--upsell___sT6J9 {
1916
+ }
1917
+ .LinkButton-module__hop-LinkButton--danger___2i8Ov {
1918
+ }
1919
+ .LinkButton-module__hop-LinkButton--ghost-primary___jL-l- {
1920
+ }
1921
+ .LinkButton-module__hop-LinkButton--ghost-secondary___Ng0Vv {
1922
+ }
1923
+ .LinkButton-module__hop-LinkButton--ghost-danger___tckjJ {
1924
+ }
1925
+ .LinkButton-module__hop-LinkButton__Spinner___oKMl8 {
1926
+ }
1927
+ .LinkButton-module__hop-LinkButton__icon___uBdH-,
1928
+ .LinkButton-module__hop-LinkButton__icon-list___elfO1 {
1929
+ }
1930
+ .LinkButton-module__hop-LinkButton__text___3bvOv {
1931
+ }
1932
+ .LinkButton-module__hop-LinkButton__end-icon___EsYoO,
1933
+ .LinkButton-module__hop-LinkButton__end-icon-list___FsZjl {
1934
+ }
1935
+ .LinkButton-module__hop-LinkButton___AJ7uv .LinkButton-module__hop-LinkButton__icon-list___elfO1,
1936
+ .LinkButton-module__hop-LinkButton___AJ7uv .LinkButton-module__hop-LinkButton__end-icon-list___FsZjl {
1937
+ flex-wrap: nowrap;
1938
+ }
1939
+
1627
1940
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tag/src/Tag.module.css/#css-module-data */
1628
- .Tag-module__hop-Tag___c6P1n {
1941
+ .Tag-module__hop-Tag___rDWrj {
1629
1942
  --hop-Tag-border-size: 0.0625rem;
1630
1943
  --hop-Tag-border-radius: var(--hop-shape-pill);
1631
1944
  --hop-Tag-sm-block-size: 1.25rem;
@@ -1864,7 +2177,7 @@
1864
2177
  outline: none;
1865
2178
  outline-offset: 0.125rem;
1866
2179
  }
1867
- .Tag-module__hop-Tag--sm___V1yMr {
2180
+ .Tag-module__hop-Tag--sm___G43uy {
1868
2181
  --block-size: var(--hop-Tag-sm-block-size);
1869
2182
  --padding-inline: var(--hop-Tag-sm-padding-inline);
1870
2183
  --column-gap: var(--hop-Tag-sm-column-gap);
@@ -1872,13 +2185,13 @@
1872
2185
  --avatar-margin-inline-start: var(--hop-Tag-sm-avatar-margin-inline-start);
1873
2186
  --spinner-margin-inline-end: var(--hop-Tag-sm-spinner-margin-inline-end);
1874
2187
  }
1875
- .Tag-module__hop-Tag--sm___V1yMr:not(:has(.Tag-module__hop-Tag__remove-btn___xdnNl, .Tag-module__hop-Tag__Spinner___TXqcK)) {
2188
+ .Tag-module__hop-Tag--sm___G43uy:not(:has(.Tag-module__hop-Tag__remove-btn___4UalQ, .Tag-module__hop-Tag__Spinner___hECt2)) {
1876
2189
  --badge-margin-inline-end: var(--hop-Tag-sm-badge-margin-inline-end);
1877
2190
  }
1878
- .Tag-module__hop-Tag--sm___V1yMr:not(:has(.Tag-module__hop-Tag__avatar___bDiig)) {
2191
+ .Tag-module__hop-Tag--sm___G43uy:not(:has(.Tag-module__hop-Tag__avatar___-Mf3W)) {
1879
2192
  --icon-margin-inline-start: var(--hop-Tag-sm-icon-margin-inline-start);
1880
2193
  }
1881
- .Tag-module__hop-Tag--md___8VtSQ {
2194
+ .Tag-module__hop-Tag--md___GjBY4 {
1882
2195
  --block-size: var(--hop-Tag-md-block-size);
1883
2196
  --padding-inline: var(--hop-Tag-md-padding-inline);
1884
2197
  --column-gap: var(--hop-Tag-md-column-gap);
@@ -1886,13 +2199,13 @@
1886
2199
  --avatar-margin-inline-start: var(--hop-Tag-md-avatar-margin-inline-start);
1887
2200
  --spinner-margin-inline-end: var(--hop-Tag-md-spinner-margin-inline-end);
1888
2201
  }
1889
- .Tag-module__hop-Tag--md___8VtSQ:not(:has(.Tag-module__hop-Tag__remove-btn___xdnNl, .Tag-module__hop-Tag__Spinner___TXqcK)) {
2202
+ .Tag-module__hop-Tag--md___GjBY4:not(:has(.Tag-module__hop-Tag__remove-btn___4UalQ, .Tag-module__hop-Tag__Spinner___hECt2)) {
1890
2203
  --badge-margin-inline-end: var(--hop-Tag-md-badge-margin-inline-end);
1891
2204
  }
1892
- .Tag-module__hop-Tag--md___8VtSQ:not(:has(.Tag-module__hop-Tag__avatar___bDiig)) {
2205
+ .Tag-module__hop-Tag--md___GjBY4:not(:has(.Tag-module__hop-Tag__avatar___-Mf3W)) {
1893
2206
  --icon-margin-inline-start: var(--hop-Tag-md-icon-margin-inline-start);
1894
2207
  }
1895
- .Tag-module__hop-Tag--lg___u9thR {
2208
+ .Tag-module__hop-Tag--lg___jH8cV {
1896
2209
  --block-size: var(--hop-Tag-lg-block-size);
1897
2210
  --padding-inline: var(--hop-Tag-lg-padding-inline);
1898
2211
  --column-gap: var(--hop-Tag-lg-column-gap);
@@ -1900,348 +2213,348 @@
1900
2213
  --avatar-margin-inline-start: var(--hop-Tag-lg-avatar-margin-inline-start);
1901
2214
  --spinner-margin-inline-end: var(--hop-Tag-lg-spinner-margin-inline-end);
1902
2215
  }
1903
- .Tag-module__hop-Tag--lg___u9thR:not(:has(.Tag-module__hop-Tag__remove-btn___xdnNl, .Tag-module__hop-Tag__Spinner___TXqcK)) {
2216
+ .Tag-module__hop-Tag--lg___jH8cV:not(:has(.Tag-module__hop-Tag__remove-btn___4UalQ, .Tag-module__hop-Tag__Spinner___hECt2)) {
1904
2217
  --badge-margin-inline-end: var(--hop-Tag-lg-badge-margin-inline-end);
1905
2218
  }
1906
- .Tag-module__hop-Tag--lg___u9thR:not(:has(.Tag-module__hop-Tag__avatar___bDiig)) {
2219
+ .Tag-module__hop-Tag--lg___jH8cV:not(:has(.Tag-module__hop-Tag__avatar___-Mf3W)) {
1907
2220
  --icon-margin-inline-start: var(--hop-Tag-lg-icon-margin-inline-start);
1908
2221
  }
1909
- .Tag-module__hop-Tag--neutral___dapRQ {
2222
+ .Tag-module__hop-Tag--neutral___DMXm- {
1910
2223
  --border-color: var(--hop-Tag-neutral-border-color);
1911
2224
  --background-color: var(--hop-Tag-neutral-background-color);
1912
2225
  --text-color: var(--hop-Tag-neutral-text-color);
1913
2226
  }
1914
- .Tag-module__hop-Tag--subdued___XVrSO {
2227
+ .Tag-module__hop-Tag--subdued___cHcuG {
1915
2228
  --border-color: var(--hop-Tag-subdued-border-color);
1916
2229
  --background-color: var(--hop-Tag-subdued-background-color);
1917
2230
  --text-color: var(--hop-Tag-subdued-text-color);
1918
2231
  }
1919
- .Tag-module__hop-Tag--progress___scWW- {
2232
+ .Tag-module__hop-Tag--progress___yT1Yp {
1920
2233
  --border-color: var(--hop-Tag-progress-border-color);
1921
2234
  --background-color: var(--hop-Tag-progress-background-color);
1922
2235
  --text-color: var(--hop-Tag-progress-text-color);
1923
2236
  }
1924
- .Tag-module__hop-Tag--positive___uQUya {
2237
+ .Tag-module__hop-Tag--positive___Wo-dp {
1925
2238
  --border-color: var(--hop-Tag-positive-border-color);
1926
2239
  --background-color: var(--hop-Tag-positive-background-color);
1927
2240
  --text-color: var(--hop-Tag-positive-text-color);
1928
2241
  }
1929
- .Tag-module__hop-Tag--caution___NzEEg {
2242
+ .Tag-module__hop-Tag--caution___m6YZy {
1930
2243
  --border-color: var(--hop-Tag-caution-border-color);
1931
2244
  --background-color: var(--hop-Tag-caution-background-color);
1932
2245
  --text-color: var(--hop-Tag-caution-text-color);
1933
2246
  }
1934
- .Tag-module__hop-Tag--negative___8ao-t {
2247
+ .Tag-module__hop-Tag--negative___mn5nz {
1935
2248
  --border-color: var(--hop-Tag-negative-border-color);
1936
2249
  --background-color: var(--hop-Tag-negative-background-color);
1937
2250
  --text-color: var(--hop-Tag-negative-text-color);
1938
2251
  }
1939
- .Tag-module__hop-Tag--option1___WYGe8 {
2252
+ .Tag-module__hop-Tag--option1___DvYvC {
1940
2253
  --border-color: var(--hop-Tag-option1-border-color);
1941
2254
  --background-color: var(--hop-Tag-option1-background-color);
1942
2255
  --text-color: var(--hop-Tag-option1-text-color);
1943
2256
  }
1944
- .Tag-module__hop-Tag--option2___BhtfD {
2257
+ .Tag-module__hop-Tag--option2___qBDkw {
1945
2258
  --border-color: var(--hop-Tag-option2-border-color);
1946
2259
  --background-color: var(--hop-Tag-option2-background-color);
1947
2260
  --text-color: var(--hop-Tag-option2-text-color);
1948
2261
  }
1949
- .Tag-module__hop-Tag--option3___IOAPP {
2262
+ .Tag-module__hop-Tag--option3___134rX {
1950
2263
  --border-color: var(--hop-Tag-option3-border-color);
1951
2264
  --background-color: var(--hop-Tag-option3-background-color);
1952
2265
  --text-color: var(--hop-Tag-option3-text-color);
1953
2266
  }
1954
- .Tag-module__hop-Tag--option4___2w3Vm {
2267
+ .Tag-module__hop-Tag--option4___0E7FR {
1955
2268
  --border-color: var(--hop-Tag-option4-border-color);
1956
2269
  --background-color: var(--hop-Tag-option4-background-color);
1957
2270
  --text-color: var(--hop-Tag-option4-text-color);
1958
2271
  }
1959
- .Tag-module__hop-Tag--option5___N9LBM {
2272
+ .Tag-module__hop-Tag--option5___E00Yw {
1960
2273
  --border-color: var(--hop-Tag-option5-border-color);
1961
2274
  --background-color: var(--hop-Tag-option5-background-color);
1962
2275
  --text-color: var(--hop-Tag-option5-text-color);
1963
2276
  }
1964
- .Tag-module__hop-Tag--option6___RbokK {
2277
+ .Tag-module__hop-Tag--option6___NfLqm {
1965
2278
  --border-color: var(--hop-Tag-option6-border-color);
1966
2279
  --background-color: var(--hop-Tag-option6-background-color);
1967
2280
  --text-color: var(--hop-Tag-option6-text-color);
1968
2281
  }
1969
- .Tag-module__hop-Tag___c6P1n[data-href] {
2282
+ .Tag-module__hop-Tag___rDWrj[data-href] {
1970
2283
  cursor: pointer;
1971
2284
  }
1972
- .Tag-module__hop-Tag--neutral___dapRQ[data-focus-visible] {
2285
+ .Tag-module__hop-Tag--neutral___DMXm-[data-focus-visible] {
1973
2286
  --border-color: var(--hop-Tag-neutral-border-color-focus);
1974
2287
  --background-color: var(--hop-Tag-neutral-background-color-focus);
1975
2288
  --text-color: var(--hop-Tag-neutral-text-color-focus);
1976
2289
  }
1977
- .Tag-module__hop-Tag--neutral___dapRQ[data-hovered] {
2290
+ .Tag-module__hop-Tag--neutral___DMXm-[data-hovered] {
1978
2291
  --border-color: var(--hop-Tag-neutral-border-color-hover);
1979
2292
  --background-color: var(--hop-Tag-neutral-background-color-hover);
1980
2293
  --text-color: var(--hop-Tag-neutral-text-color-hover);
1981
2294
  }
1982
- .Tag-module__hop-Tag--neutral___dapRQ[data-pressed] {
2295
+ .Tag-module__hop-Tag--neutral___DMXm-[data-pressed] {
1983
2296
  --border-color: var(--hop-Tag-neutral-border-color-press);
1984
2297
  --background-color: var(--hop-Tag-neutral-background-color-press);
1985
2298
  --text-color: var(--hop-Tag-neutral-text-color-press);
1986
2299
  }
1987
- .Tag-module__hop-Tag--neutral___dapRQ[data-disabled] {
2300
+ .Tag-module__hop-Tag--neutral___DMXm-[data-disabled] {
1988
2301
  --border-color: var(--hop-Tag-neutral-border-color-disabled);
1989
2302
  --background-color: var(--hop-Tag-neutral-background-color-disabled);
1990
2303
  --text-color: var(--hop-Tag-neutral-text-color-disabled);
1991
2304
  }
1992
- .Tag-module__hop-Tag--subdued___XVrSO[data-focus-visible] {
2305
+ .Tag-module__hop-Tag--subdued___cHcuG[data-focus-visible] {
1993
2306
  --border-color: var(--hop-Tag-subdued-border-color-focus);
1994
2307
  --background-color: var(--hop-Tag-subdued-background-color-focus);
1995
2308
  --text-color: var(--hop-Tag-subdued-text-color-focus);
1996
2309
  }
1997
- .Tag-module__hop-Tag--subdued___XVrSO[data-hovered] {
2310
+ .Tag-module__hop-Tag--subdued___cHcuG[data-hovered] {
1998
2311
  --border-color: var(--hop-Tag-subdued-border-color-hover);
1999
2312
  --background-color: var(--hop-Tag-subdued-background-color-hover);
2000
2313
  --text-color: var(--hop-Tag-subdued-text-color-hover);
2001
2314
  }
2002
- .Tag-module__hop-Tag--subdued___XVrSO[data-pressed] {
2315
+ .Tag-module__hop-Tag--subdued___cHcuG[data-pressed] {
2003
2316
  --border-color: var(--hop-Tag-subdued-border-color-press);
2004
2317
  --background-color: var(--hop-Tag-subdued-background-color-press);
2005
2318
  --text-color: var(--hop-Tag-subdued-text-color-press);
2006
2319
  }
2007
- .Tag-module__hop-Tag--subdued___XVrSO[data-disabled] {
2320
+ .Tag-module__hop-Tag--subdued___cHcuG[data-disabled] {
2008
2321
  --border-color: var(--hop-Tag-subdued-border-color-disabled);
2009
2322
  --background-color: var(--hop-Tag-subdued-background-color-disabled);
2010
2323
  --text-color: var(--hop-Tag-subdued-text-color-disabled);
2011
2324
  }
2012
- .Tag-module__hop-Tag--progress___scWW-[data-focus-visible] {
2325
+ .Tag-module__hop-Tag--progress___yT1Yp[data-focus-visible] {
2013
2326
  --border-color: var(--hop-Tag-progress-border-color-focus);
2014
2327
  --background-color: var(--hop-Tag-progress-background-color-focus);
2015
2328
  --text-color: var(--hop-Tag-progress-text-color-focus);
2016
2329
  }
2017
- .Tag-module__hop-Tag--progress___scWW-[data-hovered] {
2330
+ .Tag-module__hop-Tag--progress___yT1Yp[data-hovered] {
2018
2331
  --border-color: var(--hop-Tag-progress-border-color-hover);
2019
2332
  --background-color: var(--hop-Tag-progress-background-color-hover);
2020
2333
  --text-color: var(--hop-Tag-progress-text-color-hover);
2021
2334
  }
2022
- .Tag-module__hop-Tag--progress___scWW-[data-pressed] {
2335
+ .Tag-module__hop-Tag--progress___yT1Yp[data-pressed] {
2023
2336
  --border-color: var(--hop-Tag-progress-border-color-press);
2024
2337
  --background-color: var(--hop-Tag-progress-background-color-press);
2025
2338
  --text-color: var(--hop-Tag-progress-text-color-press);
2026
2339
  }
2027
- .Tag-module__hop-Tag--progress___scWW-[data-disabled] {
2340
+ .Tag-module__hop-Tag--progress___yT1Yp[data-disabled] {
2028
2341
  --border-color: var(--hop-Tag-progress-border-color-disabled);
2029
2342
  --background-color: var(--hop-Tag-progress-background-color-disabled);
2030
2343
  --text-color: var(--hop-Tag-progress-text-color-disabled);
2031
2344
  }
2032
- .Tag-module__hop-Tag--positive___uQUya[data-focus-visible] {
2345
+ .Tag-module__hop-Tag--positive___Wo-dp[data-focus-visible] {
2033
2346
  --border-color: var(--hop-Tag-positive-border-color-focus);
2034
2347
  --background-color: var(--hop-Tag-positive-background-color-focus);
2035
2348
  --text-color: var(--hop-Tag-positive-text-color-focus);
2036
2349
  }
2037
- .Tag-module__hop-Tag--positive___uQUya[data-hovered] {
2350
+ .Tag-module__hop-Tag--positive___Wo-dp[data-hovered] {
2038
2351
  --border-color: var(--hop-Tag-positive-border-color-hover);
2039
2352
  --background-color: var(--hop-Tag-positive-background-color-hover);
2040
2353
  --text-color: var(--hop-Tag-positive-text-color-hover);
2041
2354
  }
2042
- .Tag-module__hop-Tag--positive___uQUya[data-pressed] {
2355
+ .Tag-module__hop-Tag--positive___Wo-dp[data-pressed] {
2043
2356
  --border-color: var(--hop-Tag-positive-border-color-press);
2044
2357
  --background-color: var(--hop-Tag-positive-background-color-press);
2045
2358
  --text-color: var(--hop-Tag-positive-text-color-press);
2046
2359
  }
2047
- .Tag-module__hop-Tag--positive___uQUya[data-disabled] {
2360
+ .Tag-module__hop-Tag--positive___Wo-dp[data-disabled] {
2048
2361
  --border-color: var(--hop-Tag-positive-border-color-disabled);
2049
2362
  --background-color: var(--hop-Tag-positive-background-color-disabled);
2050
2363
  --text-color: var(--hop-Tag-positive-text-color-disabled);
2051
2364
  }
2052
- .Tag-module__hop-Tag--caution___NzEEg[data-focus-visible] {
2365
+ .Tag-module__hop-Tag--caution___m6YZy[data-focus-visible] {
2053
2366
  --border-color: var(--hop-Tag-caution-border-color-focus);
2054
2367
  --background-color: var(--hop-Tag-caution-background-color-focus);
2055
2368
  --text-color: var(--hop-Tag-caution-text-color-focus);
2056
2369
  }
2057
- .Tag-module__hop-Tag--caution___NzEEg[data-hovered] {
2370
+ .Tag-module__hop-Tag--caution___m6YZy[data-hovered] {
2058
2371
  --border-color: var(--hop-Tag-caution-border-color-hover);
2059
2372
  --background-color: var(--hop-Tag-caution-background-color-hover);
2060
2373
  --text-color: var(--hop-Tag-caution-text-color-hover);
2061
2374
  }
2062
- .Tag-module__hop-Tag--caution___NzEEg[data-pressed] {
2375
+ .Tag-module__hop-Tag--caution___m6YZy[data-pressed] {
2063
2376
  --border-color: var(--hop-Tag-caution-border-color-press);
2064
2377
  --background-color: var(--hop-Tag-caution-background-color-press);
2065
2378
  --text-color: var(--hop-Tag-caution-text-color-press);
2066
2379
  }
2067
- .Tag-module__hop-Tag--caution___NzEEg[data-disabled] {
2380
+ .Tag-module__hop-Tag--caution___m6YZy[data-disabled] {
2068
2381
  --border-color: var(--hop-Tag-caution-border-color-disabled);
2069
2382
  --background-color: var(--hop-Tag-caution-background-color-disabled);
2070
2383
  --text-color: var(--hop-Tag-caution-text-color-disabled);
2071
2384
  }
2072
- .Tag-module__hop-Tag--negative___8ao-t[data-focus-visible] {
2385
+ .Tag-module__hop-Tag--negative___mn5nz[data-focus-visible] {
2073
2386
  --border-color: var(--hop-Tag-negative-border-color-focus);
2074
2387
  --background-color: var(--hop-Tag-negative-background-color-focus);
2075
2388
  --text-color: var(--hop-Tag-negative-text-color-focus);
2076
2389
  }
2077
- .Tag-module__hop-Tag--negative___8ao-t[data-hovered] {
2390
+ .Tag-module__hop-Tag--negative___mn5nz[data-hovered] {
2078
2391
  --border-color: var(--hop-Tag-negative-border-color-hover);
2079
2392
  --background-color: var(--hop-Tag-negative-background-color-hover);
2080
2393
  --text-color: var(--hop-Tag-negative-text-color-hover);
2081
2394
  }
2082
- .Tag-module__hop-Tag--negative___8ao-t[data-pressed] {
2395
+ .Tag-module__hop-Tag--negative___mn5nz[data-pressed] {
2083
2396
  --border-color: var(--hop-Tag-negative-border-color-press);
2084
2397
  --background-color: var(--hop-Tag-negative-background-color-press);
2085
2398
  --text-color: var(--hop-Tag-negative-text-color-press);
2086
2399
  }
2087
- .Tag-module__hop-Tag--negative___8ao-t[data-disabled] {
2400
+ .Tag-module__hop-Tag--negative___mn5nz[data-disabled] {
2088
2401
  --border-color: var(--hop-Tag-negative-border-color-disabled);
2089
2402
  --background-color: var(--hop-Tag-negative-background-color-disabled);
2090
2403
  --text-color: var(--hop-Tag-negative-text-color-disabled);
2091
2404
  }
2092
- .Tag-module__hop-Tag--option1___WYGe8[data-focus-visible] {
2405
+ .Tag-module__hop-Tag--option1___DvYvC[data-focus-visible] {
2093
2406
  --border-color: var(--hop-Tag-option1-border-color-focus);
2094
2407
  --background-color: var(--hop-Tag-option1-background-color-focus);
2095
2408
  --text-color: var(--hop-Tag-option1-text-color-focus);
2096
2409
  }
2097
- .Tag-module__hop-Tag--option1___WYGe8[data-hovered] {
2410
+ .Tag-module__hop-Tag--option1___DvYvC[data-hovered] {
2098
2411
  --border-color: var(--hop-Tag-option1-border-color-hover);
2099
2412
  --background-color: var(--hop-Tag-option1-background-color-hover);
2100
2413
  --text-color: var(--hop-Tag-option1-text-color-hover);
2101
2414
  }
2102
- .Tag-module__hop-Tag--option1___WYGe8[data-pressed] {
2415
+ .Tag-module__hop-Tag--option1___DvYvC[data-pressed] {
2103
2416
  --border-color: var(--hop-Tag-option1-border-color-press);
2104
2417
  --background-color: var(--hop-Tag-option1-background-color-press);
2105
2418
  --text-color: var(--hop-Tag-option1-text-color-press);
2106
2419
  }
2107
- .Tag-module__hop-Tag--option1___WYGe8[data-disabled] {
2420
+ .Tag-module__hop-Tag--option1___DvYvC[data-disabled] {
2108
2421
  --border-color: var(--hop-Tag-option1-border-color-disabled);
2109
2422
  --background-color: var(--hop-Tag-option1-background-color-disabled);
2110
2423
  --text-color: var(--hop-Tag-option1-text-color-disabled);
2111
2424
  }
2112
- .Tag-module__hop-Tag--option2___BhtfD[data-focus-visible] {
2425
+ .Tag-module__hop-Tag--option2___qBDkw[data-focus-visible] {
2113
2426
  --border-color: var(--hop-Tag-option2-border-color-focus);
2114
2427
  --background-color: var(--hop-Tag-option2-background-color-focus);
2115
2428
  --text-color: var(--hop-Tag-option2-text-color-focus);
2116
2429
  }
2117
- .Tag-module__hop-Tag--option2___BhtfD[data-hovered] {
2430
+ .Tag-module__hop-Tag--option2___qBDkw[data-hovered] {
2118
2431
  --border-color: var(--hop-Tag-option2-border-color-hover);
2119
2432
  --background-color: var(--hop-Tag-option2-background-color-hover);
2120
2433
  --text-color: var(--hop-Tag-option2-text-color-hover);
2121
2434
  }
2122
- .Tag-module__hop-Tag--option2___BhtfD[data-pressed] {
2435
+ .Tag-module__hop-Tag--option2___qBDkw[data-pressed] {
2123
2436
  --border-color: var(--hop-Tag-option2-border-color-press);
2124
2437
  --background-color: var(--hop-Tag-option2-background-color-press);
2125
2438
  --text-color: var(--hop-Tag-option2-text-color-press);
2126
2439
  }
2127
- .Tag-module__hop-Tag--option2___BhtfD[data-disabled] {
2440
+ .Tag-module__hop-Tag--option2___qBDkw[data-disabled] {
2128
2441
  --border-color: var(--hop-Tag-option2-border-color-disabled);
2129
2442
  --background-color: var(--hop-Tag-option2-background-color-disabled);
2130
2443
  --text-color: var(--hop-Tag-option2-text-color-disabled);
2131
2444
  }
2132
- .Tag-module__hop-Tag--option3___IOAPP[data-focus-visible] {
2445
+ .Tag-module__hop-Tag--option3___134rX[data-focus-visible] {
2133
2446
  --border-color: var(--hop-Tag-option3-border-color-focus);
2134
2447
  --background-color: var(--hop-Tag-option3-background-color-focus);
2135
2448
  --text-color: var(--hop-Tag-option3-text-color-focus);
2136
2449
  }
2137
- .Tag-module__hop-Tag--option3___IOAPP[data-hovered] {
2450
+ .Tag-module__hop-Tag--option3___134rX[data-hovered] {
2138
2451
  --border-color: var(--hop-Tag-option3-border-color-hover);
2139
2452
  --background-color: var(--hop-Tag-option3-background-color-hover);
2140
2453
  --text-color: var(--hop-Tag-option3-text-color-hover);
2141
2454
  }
2142
- .Tag-module__hop-Tag--option3___IOAPP[data-pressed] {
2455
+ .Tag-module__hop-Tag--option3___134rX[data-pressed] {
2143
2456
  --border-color: var(--hop-Tag-option3-border-color-press);
2144
2457
  --background-color: var(--hop-Tag-option3-background-color-press);
2145
2458
  --text-color: var(--hop-Tag-option3-text-color-press);
2146
2459
  }
2147
- .Tag-module__hop-Tag--option3___IOAPP[data-disabled] {
2460
+ .Tag-module__hop-Tag--option3___134rX[data-disabled] {
2148
2461
  --border-color: var(--hop-Tag-option3-border-color-disabled);
2149
2462
  --background-color: var(--hop-Tag-option3-background-color-disabled);
2150
2463
  --text-color: var(--hop-Tag-option3-text-color-disabled);
2151
2464
  }
2152
- .Tag-module__hop-Tag--option4___2w3Vm[data-focus-visible] {
2465
+ .Tag-module__hop-Tag--option4___0E7FR[data-focus-visible] {
2153
2466
  --border-color: var(--hop-Tag-option4-border-color-focus);
2154
2467
  --background-color: var(--hop-Tag-option4-background-color-focus);
2155
2468
  --text-color: var(--hop-Tag-option4-text-color-focus);
2156
2469
  }
2157
- .Tag-module__hop-Tag--option4___2w3Vm[data-hovered] {
2470
+ .Tag-module__hop-Tag--option4___0E7FR[data-hovered] {
2158
2471
  --border-color: var(--hop-Tag-option4-border-color-hover);
2159
2472
  --background-color: var(--hop-Tag-option4-background-color-hover);
2160
2473
  --text-color: var(--hop-Tag-option4-text-color-hover);
2161
2474
  }
2162
- .Tag-module__hop-Tag--option4___2w3Vm[data-pressed] {
2475
+ .Tag-module__hop-Tag--option4___0E7FR[data-pressed] {
2163
2476
  --border-color: var(--hop-Tag-option4-border-color-press);
2164
2477
  --background-color: var(--hop-Tag-option4-background-color-press);
2165
2478
  --text-color: var(--hop-Tag-option4-text-color-press);
2166
2479
  }
2167
- .Tag-module__hop-Tag--option4___2w3Vm[data-disabled] {
2480
+ .Tag-module__hop-Tag--option4___0E7FR[data-disabled] {
2168
2481
  --border-color: var(--hop-Tag-option4-border-color-disabled);
2169
2482
  --background-color: var(--hop-Tag-option4-background-color-disabled);
2170
2483
  --text-color: var(--hop-Tag-option4-text-color-disabled);
2171
2484
  }
2172
- .Tag-module__hop-Tag--option5___N9LBM[data-focus-visible] {
2485
+ .Tag-module__hop-Tag--option5___E00Yw[data-focus-visible] {
2173
2486
  --border-color: var(--hop-Tag-option5-border-color-focus);
2174
2487
  --background-color: var(--hop-Tag-option5-background-color-focus);
2175
2488
  --text-color: var(--hop-Tag-option5-text-color-focus);
2176
2489
  }
2177
- .Tag-module__hop-Tag--option5___N9LBM[data-hovered] {
2490
+ .Tag-module__hop-Tag--option5___E00Yw[data-hovered] {
2178
2491
  --border-color: var(--hop-Tag-option5-border-color-hover);
2179
2492
  --background-color: var(--hop-Tag-option5-background-color-hover);
2180
2493
  --text-color: var(--hop-Tag-option5-text-color-hover);
2181
2494
  }
2182
- .Tag-module__hop-Tag--option5___N9LBM[data-pressed] {
2495
+ .Tag-module__hop-Tag--option5___E00Yw[data-pressed] {
2183
2496
  --border-color: var(--hop-Tag-option5-border-color-press);
2184
2497
  --background-color: var(--hop-Tag-option5-background-color-press);
2185
2498
  --text-color: var(--hop-Tag-option5-text-color-press);
2186
2499
  }
2187
- .Tag-module__hop-Tag--option5___N9LBM[data-disabled] {
2500
+ .Tag-module__hop-Tag--option5___E00Yw[data-disabled] {
2188
2501
  --border-color: var(--hop-Tag-option5-border-color-disabled);
2189
2502
  --background-color: var(--hop-Tag-option5-background-color-disabled);
2190
2503
  --text-color: var(--hop-Tag-option5-text-color-disabled);
2191
2504
  }
2192
- .Tag-module__hop-Tag--option6___RbokK[data-focus-visible] {
2505
+ .Tag-module__hop-Tag--option6___NfLqm[data-focus-visible] {
2193
2506
  --border-color: var(--hop-Tag-option6-border-color-focus);
2194
2507
  --background-color: var(--hop-Tag-option6-background-color-focus);
2195
2508
  --text-color: var(--hop-Tag-option6-text-color-focus);
2196
2509
  }
2197
- .Tag-module__hop-Tag--option6___RbokK[data-hovered] {
2510
+ .Tag-module__hop-Tag--option6___NfLqm[data-hovered] {
2198
2511
  --border-color: var(--hop-Tag-option6-border-color-hover);
2199
2512
  --background-color: var(--hop-Tag-option6-background-color-hover);
2200
2513
  --text-color: var(--hop-Tag-option6-text-color-hover);
2201
2514
  }
2202
- .Tag-module__hop-Tag--option6___RbokK[data-pressed] {
2515
+ .Tag-module__hop-Tag--option6___NfLqm[data-pressed] {
2203
2516
  --border-color: var(--hop-Tag-option6-border-color-press);
2204
2517
  --background-color: var(--hop-Tag-option6-background-color-press);
2205
2518
  --text-color: var(--hop-Tag-option6-text-color-press);
2206
2519
  }
2207
- .Tag-module__hop-Tag--option6___RbokK[data-disabled] {
2520
+ .Tag-module__hop-Tag--option6___NfLqm[data-disabled] {
2208
2521
  --border-color: var(--hop-Tag-option6-border-color-disabled);
2209
2522
  --background-color: var(--hop-Tag-option6-background-color-disabled);
2210
2523
  --text-color: var(--hop-Tag-option6-text-color-disabled);
2211
2524
  }
2212
- .Tag-module__hop-Tag___c6P1n[data-focus-visible] {
2525
+ .Tag-module__hop-Tag___rDWrj[data-focus-visible] {
2213
2526
  outline: 0.125rem solid var(--focus-ring-color);
2214
2527
  }
2215
- .Tag-module__hop-Tag___c6P1n[data-hovered] {
2528
+ .Tag-module__hop-Tag___rDWrj[data-hovered] {
2216
2529
  cursor: pointer;
2217
2530
  }
2218
- .Tag-module__hop-Tag___c6P1n[data-selected] {
2531
+ .Tag-module__hop-Tag___rDWrj[data-selected] {
2219
2532
  --background-color: var(--hop-Tag-background-color-selected);
2220
2533
  --border-color: var(--hop-Tag-border-color-selected);
2221
2534
  --text-color: var(--hop-Tag-text-color-selected);
2222
2535
  }
2223
- .Tag-module__hop-Tag___c6P1n[data-pressed] {
2536
+ .Tag-module__hop-Tag___rDWrj[data-pressed] {
2224
2537
  cursor: pointer;
2225
2538
  }
2226
- .Tag-module__hop-Tag___c6P1n[data-invalid] {
2539
+ .Tag-module__hop-Tag___rDWrj[data-invalid] {
2227
2540
  --border-color: var(--hop-Tag-border-color-invalid);
2228
2541
  }
2229
- .Tag-module__hop-Tag___c6P1n[data-disabled] {
2542
+ .Tag-module__hop-Tag___rDWrj[data-disabled] {
2230
2543
  cursor: not-allowed;
2231
2544
  }
2232
- .Tag-module__hop-Tag__avatar___bDiig {
2545
+ .Tag-module__hop-Tag__avatar___-Mf3W {
2233
2546
  flex: 0 0 auto;
2234
2547
  order: 1;
2235
2548
  margin-inline-start: var(--avatar-margin-inline-start);
2236
2549
  }
2237
- .Tag-module__hop-Tag__icon___vWhSa,
2238
- .Tag-module__hop-Tag__icon-list___Hd2Pd {
2550
+ .Tag-module__hop-Tag__icon___4bQPB,
2551
+ .Tag-module__hop-Tag__icon-list___XyMyY {
2239
2552
  flex: 0 0 auto;
2240
2553
  flex-wrap: nowrap;
2241
2554
  order: 2;
2242
2555
  margin-inline-start: var(--icon-margin-inline-start, 0);
2243
2556
  }
2244
- .Tag-module__hop-Tag__text___NRBKq {
2557
+ .Tag-module__hop-Tag__text___K1ewf {
2245
2558
  overflow: hidden;
2246
2559
  flex: 1 1 auto;
2247
2560
  order: 3;
@@ -2249,33 +2562,33 @@
2249
2562
  text-align: center;
2250
2563
  text-overflow: ellipsis;
2251
2564
  }
2252
- .Tag-module__hop-Tag__badge___RrYTA {
2565
+ .Tag-module__hop-Tag__badge___xuEf- {
2253
2566
  flex: 0 0 auto;
2254
2567
  order: 4;
2255
2568
  margin-inline-end: var(--badge-margin-inline-end);
2256
2569
  }
2257
- .Tag-module__hop-Tag___c6P1n .Tag-module__hop-Tag__badge___RrYTA[data-variant=subdued] {
2570
+ .Tag-module__hop-Tag___rDWrj .Tag-module__hop-Tag__badge___xuEf-[data-variant=subdued] {
2258
2571
  margin-inline-start: var(--badge-secondary-margin-inline-start);
2259
2572
  color: inherit;
2260
2573
  background: none;
2261
2574
  }
2262
- .Tag-module__hop-Tag--sm___V1yMr .Tag-module__hop-Tag__badge___RrYTA {
2575
+ .Tag-module__hop-Tag--sm___G43uy .Tag-module__hop-Tag__badge___xuEf- {
2263
2576
  block-size: 100%;
2264
2577
  }
2265
- .Tag-module__hop-Tag__remove-btn___xdnNl,
2266
- .Tag-module__hop-Tag__Spinner___TXqcK {
2578
+ .Tag-module__hop-Tag__remove-btn___4UalQ,
2579
+ .Tag-module__hop-Tag__Spinner___hECt2 {
2267
2580
  flex: 0 0 auto;
2268
2581
  order: 5;
2269
2582
  }
2270
- .Tag-module__hop-Tag__Spinner___TXqcK {
2583
+ .Tag-module__hop-Tag__Spinner___hECt2 {
2271
2584
  margin-inline-end: var(--spinner-margin-inline-end);
2272
2585
  }
2273
- .Tag-module__hop-Tag__remove-btn___xdnNl {
2586
+ .Tag-module__hop-Tag__remove-btn___4UalQ {
2274
2587
  margin-inline: var(--clear-btn-margin-inline);
2275
2588
  }
2276
2589
 
2277
2590
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ErrorMessage/src/ErrorMessage.module.css/#css-module-data */
2278
- .ErrorMessage-module__hop-ErrorMessage___MZPZv {
2591
+ .ErrorMessage-module__hop-ErrorMessage___yhAIF {
2279
2592
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
2280
2593
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
2281
2594
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -2292,13 +2605,13 @@
2292
2605
  line-height: var(--hop-ErrorMessage-line-height);
2293
2606
  color: var(--hop-ErrorMessage-color);
2294
2607
  }
2295
- .ErrorMessage-module__hop-ErrorMessage__icon___0evIw {
2608
+ .ErrorMessage-module__hop-ErrorMessage__icon___McOhx {
2296
2609
  flex: 0 0 auto;
2297
2610
  align-self: flex-start;
2298
2611
  }
2299
2612
 
2300
2613
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/HelperMessage/src/HelperMessage.module.css/#css-module-data */
2301
- .HelperMessage-module__hop-HelperMessage___vxcat {
2614
+ .HelperMessage-module__hop-HelperMessage___cDya6 {
2302
2615
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
2303
2616
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
2304
2617
  display: flex;
@@ -2307,13 +2620,13 @@
2307
2620
  box-sizing: border-box;
2308
2621
  color: var(--hop-HelperMessage-color);
2309
2622
  }
2310
- .HelperMessage-module__hop-HelperMessage__icon___IBuuo {
2623
+ .HelperMessage-module__hop-HelperMessage__icon___CIGmx {
2311
2624
  flex: 0 0 auto;
2312
2625
  align-self: flex-start;
2313
2626
  }
2314
2627
 
2315
2628
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tag/src/TagGroup.module.css/#css-module-data */
2316
- .TagGroup-module__hop-TagGroup___0unwL {
2629
+ .TagGroup-module__hop-TagGroup___0TH5s {
2317
2630
  --hop-TagGroup-row-gap: var(--hop-space-inline-sm);
2318
2631
  --hop-TagGroup-list-column-gap: var(--hop-space-inline-sm);
2319
2632
  --hop-TagGroup-list-row-gap: var(--hop-space-inline-sm);
@@ -2333,10 +2646,10 @@
2333
2646
  inline-size: max-content;
2334
2647
  max-inline-size: 100%;
2335
2648
  }
2336
- .TagGroup-module__hop-TagGroup___0unwL > .TagGroup-module__hop-TagGroup__label___qvhsU {
2649
+ .TagGroup-module__hop-TagGroup___0TH5s > .TagGroup-module__hop-TagGroup__label___0hzAn {
2337
2650
  order: 1;
2338
2651
  }
2339
- .TagGroup-module__hop-TagGroup__list___E1BzU {
2652
+ .TagGroup-module__hop-TagGroup__list___TQT7U {
2340
2653
  display: flex;
2341
2654
  flex-wrap: wrap;
2342
2655
  gap: var(--list-row-gap) var(--list-column-gap);
@@ -2345,11 +2658,11 @@
2345
2658
  border-radius: var(--list-border-radius);
2346
2659
  outline: none;
2347
2660
  }
2348
- .TagGroup-module__hop-TagGroup__list___E1BzU[data-focus-visible] {
2661
+ .TagGroup-module__hop-TagGroup__list___TQT7U[data-focus-visible] {
2349
2662
  outline: 0.125rem solid var(--list-focus-ring-color);
2350
2663
  outline-offset: 0.125rem;
2351
2664
  }
2352
- .TagGroup-module__hop-TagGroup___0unwL > .TagGroup-module__hop-TagGroup__error-message___18iWR,
2353
- .TagGroup-module__hop-TagGroup___0unwL > .TagGroup-module__hop-TagGroup__helper-message___UaeS7 {
2665
+ .TagGroup-module__hop-TagGroup___0TH5s > .TagGroup-module__hop-TagGroup__error-message___g7eRv,
2666
+ .TagGroup-module__hop-TagGroup___0TH5s > .TagGroup-module__hop-TagGroup__helper-message___OEsE2 {
2354
2667
  order: 3;
2355
2668
  }